html { font-family: sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
a:active, a:hover { outline: 0px none; }
b, optgroup, strong { font-weight: 700; }
h1 { margin: 0.67em 0px; }
img { border: 0px none; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }
input[type="search"] { box-sizing: border-box; }
td, th { padding: 0px; }
@media print {
  *, *::after, *::before { background: transparent none repeat scroll 0px 0px ! important; color: rgb(0, 0, 0) ! important; box-shadow: none ! important; text-shadow: none ! important; }
  a, a:visited { text-decoration: underline; }
  a[href]::after { content: " (" attr(href) ")"; }
  abbr[title]::after { content: " (" attr(title) ")"; }
  a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; }
  thead { display: table-header-group; }
  img, tr { page-break-inside: avoid; }
  img { max-width: 100% ! important; }
  h2, h3, p {  }
  h2, h3 { page-break-after: avoid; }
  .btn > .caret, .dropup > .btn > .caret { border-top-color: rgb(0, 0, 0) ! important; }
}
*, *::after, *::before { box-sizing: border-box; }
html { font-size: 10px; }
body { margin: 0px; font-family: Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; line-height: 1.6; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); }
button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a { background-color: transparent; color: rgb(0, 153, 255); text-decoration: none; }
a:focus, a:hover { color: rgb(0, 153, 255); text-decoration: underline; }
a:focus { outline: thin dotted; outline-offset: -2px; }
figure { margin: 0px; }
.img-responsive { display: block; max-width: 100%; height: auto; margin: auto}
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px none; }
[role="button"] { cursor: pointer; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: Ubuntu; font-weight: 900; line-height: 1.25; color: inherit; }
.h1, .h2, .h3, h1, h2, h3 { margin-top: 22px; margin-bottom: 11px; }
.h4, .h5, .h6, h4, h5, h6 { margin-top: 11px; margin-bottom: 11px; }
.h1, h1 { font-size: 30px; }
.h2, h2 { font-size: 30px; }
.h3, h3 { font-size: 24px; }
.h4, h4 { font-size: 18px; }
p { margin: 0px 0px 11px; }
@media (min-width: 1px) {
}
.text-center { text-align: center; }
ol, ul { margin-top: 0px; margin-bottom: 11px; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted rgb(170, 170, 170); }
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
@media (min-width: 1px) {
  .container { width: 768px; }
}
@media (min-width: 1024px) {
  .container { width: 999px; }
}
@media (min-width: 1280px) {
  .container { width: 1255px; }
}
@media (min-width: 1px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
table { border-collapse: collapse; border-spacing: 0px; background-color: transparent; }
th { text-align: left; }
@media screen and (max-width: 0px) {
}
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; }
input[type="checkbox"], input[type="radio"] { margin: 4px 0px 0px; line-height: normal; }
input[type="checkbox"]:focus, input[type="file"]:focus, input[type="radio"]:focus { outline: thin dotted; outline-offset: -2px; }
.form-control { display: block; width: 100%; height: 36px; padding: 6px 12px; font-size: 14px; line-height: 1.6; color: rgb(102, 102, 102); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 0px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.form-control:focus { border-color: rgb(102, 175, 233); outline: 0px none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6); }
.form-control::-moz-placeholder { color: rgb(191, 191, 191); opacity: 1; }
@media not all {
}
@media (min-width: 1px) {
}
.btn { display: inline-block; margin-bottom: 0px; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.6; border-radius: 0px; -moz-user-select: none; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus { outline: thin dotted; outline-offset: -2px; }
.btn.focus, .btn:focus, .btn:hover { color: rgb(0, 0, 0); text-decoration: none; }
.btn.active, .btn:active { outline: 0px none; background-image: none; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.125) inset; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; box-shadow: none; }
.btn-primary { color: rgb(255, 255, 255); background-color: rgb(182, 0, 7); border-color: rgb(182, 0, 7); }
.btn-primary.focus, .btn-primary:focus { color: rgb(255, 255, 255); background-color: rgb(131, 0, 5); border-color: rgb(55, 0, 2); }
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .dropdown-toggle.btn-primary { color: rgb(255, 255, 255); background-color: rgb(131, 0, 5); border-color: rgb(121, 0, 5); }
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(95, 0, 4); border-color: rgb(55, 0, 2); }
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { background-image: none; }
.fade { opacity: 0; transition: opacity 0.15s linear 0s; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-top: 5px dashed; border-right: 5px solid transparent; border-left: 5px solid transparent; }
.dropdown, .dropup { position: relative; }
.dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 900; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; list-style: outside none none; font-size: 14px; text-align: left; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176); background-clip: padding-box; }
.dropdown-menu.pull-right { right: 0px; left: auto; }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.6; color: rgb(51, 51, 51); white-space: nowrap; }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { text-decoration: none; color: rgb(255, 255, 255); background-color: rgb(182, 0, 7); }
.btn .caret { margin-left: 0px; }
.nav { margin-bottom: 0px; padding-left: 0px; list-style: outside none none; }
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 9px 12px; }
.nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: rgb(245, 245, 245); }
.nav-tabs { border-bottom: 1px solid transparent; }
.nav-tabs > li { float: left; margin-bottom: -1px; }
.nav-tabs > li > a { margin-right: 2px; line-height: 1.6; border: 1px solid transparent; border-radius: 0px; }
.nav-tabs > li > a:hover { border-color: rgb(245, 245, 245) rgb(245, 245, 245) transparent; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: rgb(102, 102, 102); background-color: transparent; border: 1px solid transparent; cursor: default; }
@media (min-width: 1px) {
}
@media (min-width: 1px) {
}
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
@media (max-device-width: 480px) and (orientation: landscape) {
}
@media (min-width: 1px) {
}
@media (min-width: 1px) {
}
@media (max-width: 0px) {
}
@media (min-width: 1px) {
}
@media (max-width: 0px) {
}
@media (min-width: 1px) {
}
@media (min-width: 1px) {
}
@media (max-width: 0px) {
}
@keyframes progress-bar-stripes {
0% { background-position: 40px 0px; }
100% { background-position: 0px 0px; }
}
.modal { display: none; overflow: hidden; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 950; outline: 0px none; }
.modal.fade .modal-dialog { transform: translate(0px, -25%); transition: transform 0.3s ease-out 0s; }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content { position: relative; background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 0px; box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0px none; }
.modal-header { padding: 15px; border-bottom: 1px solid rgb(255, 255, 255); }
.modal-title { margin: 0px; line-height: 1.6; }
.modal-body { position: relative; padding: 15px; }
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid rgb(255, 255, 255); }
@media (min-width: 1px) {
  .modal-dialog { width: 600px; margin: 30px auto; }
  .modal-content { box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5); }
}
@media (min-width: 1024px) {
}
.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .row::after, .row::before { content: ""; display: table; }
.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .modal-header::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .row::after { clear: both; }
.pull-right { float: right ! important; }
.pull-left { float: left ! important; }
.show { display: block ! important; }
.text-hide { font: 0px/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px none; }
@media (max-width: 0px) {
}
@media (min-width: 1px) and (max-width: 1023px) {
}
@media (min-width: 1024px) and (max-width: 1279px) {
}
@media (min-width: 1280px) {
}
@media (max-width: 0px) {
}
@media (min-width: 1px) and (max-width: 1023px) {
}
@media (min-width: 1024px) and (max-width: 1279px) {
}
@media print {
}
@media print {
}
@media print {
}
@media print {
}



 .comments__form {
   max-width: 500px;
   margin: 40px auto;
 }
.comments__title {
  margin-bottom: 0.9em;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
.comments__form-row, .calc__form-row {
  margin-bottom: 1.1em;
}
.comments__form-row label, .calc__form-row label {
  display: block;
  margin-bottom: 10px;
}
.comments__form-row input, .calc__form-row select, .order__form-row textarea, .comments__form-row textarea {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #838383;
  border-radius: 5px;
  text-align: center;
}
.btn:hover {
  background-color: #fff;
  background-color: #ffb506;
  border-color: #ffb506;
}
.btn {
  display: inline-block;
  font-size: 1em;
  color: #fff;
  padding: 0.5em 1em;
  background-color: #ffb506;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #fcdb06), color-stop(100%, #ffb506));
  background-image: -webkit-linear-gradient(top, #fcdb06 0, #ffb506 100%);
  background-image: -moz-linear-gradient(top, #fcdb06 0, #ffb506 100%);
  background-image: -o-linear-gradient(top, #fcdb06 0, #ffb506 100%);
  background-image: linear-gradient(top, #fcdb06 0, #ffb506 100%);
  -webkit-transition: all 0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  -o-transition: all 0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  transition: all 0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035);
  cursor: pointer;
  text-decoration: none;
}

.order__form-row input, .comments__form-row input, .calc__form-row select, .order__form-row textarea, .comments__form-row textarea {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #838383;
  border-radius: 5px;
  text-align: center;
}
textarea {
  overflow: auto;
  resize: none;
}
input, textarea {
  width: 100%;
}
a, input, button, textarea, optgroup, select, fieldset, figure, legend, address {
  font: inherit;
  color: inherit;
  line-height: inherit;
  text-transform: inherit;
  text-shadow: inherit;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.nav li:hover .bottom-link, .nav li:focus .bottom-link {
  -webkit-transform: none !important;
  transform: none !important;
}

.nav  .bottom-link2 {
  -webkit-transform: none !important;
  transform: none !important;
}



                       .btn3 {
                         display: inline-block;
                         font-size: 1em;
                         color: #fff;
                         padding: 0.5em 1em;
                         background-color: #81a223;
                         background-image: -webkit-gradient(linear, left top, left bottom, from(#81a223), to(#2f751b));
                         background-image: -webkit-linear-gradient(top, #81a223, #2f751b);
                         background-image: -moz-linear-gradient(top, #81a223, #2f751b);
                         background-image: -ms-linear-gradient(top, #81a223, #2f751b);
                         background-image: -o-linear-gradient(top, #81a223, #2f751b);
                         background-image: linear-gradient(to bottom, #81a223, #2f751b);
                         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#81a223, endColorstr=#2F751B);
                         border: 1px solid #5f781a;
                         -webkit-transition: all 0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035);
                         -o-transition: all 0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035);
                         transition: all 0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035);
                         cursor: pointer;
                         text-decoration: none;
                       }.order__form {
                          max-width: 500px;
                          margin: 0 auto;



                        }.order__form-row input, .comments__form-row input, .calc__form-row select, .order__form-row textarea, .comments__form-row textarea {
                           display: block;
                           padding: 10px;
                           border-bottom: 1px solid #838383;
                           border-radius: 5px;
                           text-align: center;
                         }.order__form-row, .comments__form-row, .calc__form-row {
                            margin-bottom: 1.1em;
                          }
.bolder{
  border: 2.5px dashed #ddd!important;
  border-radius: 2.5px!important;
  box-sizing: border-box!important;
  max-width: 500px;
  margin: auto;
  padding: 15px;
}
  .wheel {
    text-align: center;
  }

.wheel__title,
.prize__title {
  margin-bottom: 0.8em;
  font-size: 1.5em;
  font-weight: bold;
}

.wheel__wrapper {
  padding: 1.5em;
  border: 2px solid #c82333;
  margin: 2em 0;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.order__title {
  font-size: 1.1em;
  font-weight: bold;
}

.wheel__pic {
  position: relative;
}

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

.wheel__cursor {
  width: 158px;
  height: 158px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
}
@media (max-width: 500px) {
  .wheel__cursor {
    width: 130px;
    height: 130px;
  }
}

.wheel__cursor-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 49%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 45%;
  height: 45%;
  border-radius: 100%;
  background-color: #fff;
  -webkit-box-shadow: white 0 -2px 0 inset, white 0 2px 0 inset, rgba(0, 0, 0, 0.4) 0 0 5px;
  box-shadow: white 0 -2px 0 inset, white 0 2px 0 inset, rgba(0, 0, 0, 0.4) 0 0 5px;
  text-transform: uppercase;
  font-weight: bold;
}

.spin {
  -webkit-animation: spin 7s ease-in-out forwards;
  animation: spin 7s ease-in-out forwards;
}

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

@keyframes spin {
  70% {
    -webkit-transform: rotate(1783deg);
    transform: rotate(1783deg);
  }
  100% {
    -webkit-transform: rotate(1774deg);
    transform: rotate(1774deg);
  }
}
/*order*/
.order {
  display: none;
}

.order__product {
  position: relative;
  text-align: center;
}

.sale {
  position: absolute;
  width: 3.5em;
  height: 3.5em;
  line-height: 3.5em;
  top: 0;
  left: -10%;
  font-size: 29px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -4px;
  text-shadow: 1px 1px 2px black;
  z-index: 1;
}
@media (max-width: 500px) {
  .sale {
    left: 0;
    font-size: 18px;
    letter-spacing: 1px;
  }
}

.bottom-teaser .sale {
  display: none;
}
.bottom-teaser .sale.shown {
  display: block;
}

.order__afisha {
  position: relative;
  display: inline-block;
  margin-bottom: 1.5em;
}

.order__info {
  position: absolute;
  bottom: 0;
  right: -5%;
  -webkit-transform: rotateZ(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotateZ(-7deg);
  padding: 0.8em;
  border: 2px solid #fff;
  border-radius: 10px;
  background-color: #c82333;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 20px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 20px;
  font-weight: bold;
}

@media (max-width: 500px) {
  /* .order__info {
  right: 5%;
  } */
  .order__text,
  .order__afisha {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .order__product {
    margin-right: 0;
  }
}

.order__lead {
  letter-spacing: 2px;
}

.order__price {
  display: inline-block;
}
.order__price.old {
  text-decoration: line-through;
}
.order__price.new {
  font-size: 2em;
  color: #fff;
  border-bottom: 2px solid #59c12d;
}
@media (max-width: 500px) {
  .order__price.new {
    font-size: 1.7em;
  }
}

.timer {
  font-size: 1.5em;
  margin: 0.5em 0;
  font-weight: bold;
}

.pack {
  font-size: 1.3em;
  font-weight: bold;
}

/*popup*/
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 200;
}

.popup {
  position: absolute;
  top: -100%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 500px;
  padding: 2.9em 0.5em 1em 0.5em;
  text-align: center;
  font-size: 18px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-animation: toUp 1s ease 0.2s forwards;
  animation: toUp 1s ease 0.2s forwards;
}
@media (min-width: 320px) {
  .popup {
    font-size: 16px;
    font-size: calc(0.0070175439 * 100vw + 15.7543859649px);
  }
}
@media (min-width: 1460px) {
  .popup {
    font-size: 26px;
  }
}
@media (max-width: 700px) {
  .popup {
    width: 90%;
    max-width: 90%;
  }
}

@-webkit-keyframes toUp {
  100% {
    top: 50%;
  }
}

@keyframes toUp {
  100% {
    top: 50%;
  }
}

.popup__body {
  min-width: 300px;
}

.popup__title {
  font-size: 1.5em;
  margin-bottom: 0.5em;
}

.popup__text {
  padding-bottom: 1em;
}

.popup__icon {
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 4.2em;
  height: 4.2em;
  border-radius: 100%;
  color: #fff;
}
.popup__icon.prize {
  background-color: #5f781a;
}
.popup__icon.prize:before {
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 2.2em;
  height: 1.1em;
  border-left: 3px solid;
  border-bottom: 3px solid;
}
.popup__icon.false {
  background-color: #c82333;
}
.popup__icon.false:before,
.popup__icon.false:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2.2em;
  height: 2px;
  background-color: #fff;
}
.popup__icon.false:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.popup__icon.false:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

/*teaser*/
.teaser {
  position: fixed;
  bottom: 1%;
  left: -100%;
  max-width: 400px;
  padding: 10px;
  border: 1px solid #838383;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  -webkit-transition: opacity 0.5s ease-in-out, left 1s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out, left 1s ease-in-out;
  transition: opacity 0.5s ease-in-out, left 1s ease-in-out;
  opacity: 0;
}
.teaser.visible {
  left: 1%;
  opacity: 1;
}

.comments__header {
  margin-bottom: 0.5em;
  text-transform: uppercase;
  -webkit-animation: blink 3s ease-in-out 0.5s infinite forwards;
  animation: blink 3s ease-in-out 0.5s infinite forwards;
  text-align: center;
}

@-webkit-keyframes blink {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@keyframes blink {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
/*float*/
.float {
  position: fixed;
  top: 80px;
  left: -100%;
  width: 260px;
  font-size: 14px;
  -webkit-transition: left 2s ease-in-out;
  -o-transition: left 2s ease-in-out;
  transition: left 2s ease-in-out;
  z-index: 10;
}
.float.visible {
  left: 1%;
}

.float__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 30px 10px 10px;
  color: #fff;
  background: #c82333;
}
.float__wrapper .pack {
  color: rgba(1, 3, 10, 0.68);
}
.float__wrapper .pack.animate {
  -webkit-animation: blink 2s ease-in-out;
  animation: blink 2s ease-in-out;
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
}

.float__pic {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 80px;
  flex: 0 1 60px;
  margin-right: 10px;
}
.float__pic img {
  display: block;
  width: 100%;
}

.float__name,
.float__sale {
  font-weight: bold;
  color: rgba(1, 3, 10, 0.68);
}

@media (max-width: 500px) {
  .float {
    width: 190px;
    font-size: 12px;
  }
  .float__wrapper {
    padding: 5px 20px 5px 5px;
  }
}

.order__title {
  font-size: 1.1em;
  font-weight: bold;
}
.accent2 {
  color: #ef3c51;
}
.wheel__title, .prize__title {
  margin-bottom: 0.8em;
  font-size: 1.5em;
  font-weight: bold;
}

@media (max-width: 800px) {
  .wheel__title, .prize__title {

    font-size: 1.0em;

  }
}