/* Code tidied up by ScrapBook */
body,
html {
  margin: 0;
}

b,
body,
div,
figure,
footer,
h1,
h3,
header,
html,
img,
nav,
p,
span,
strong {
  margin: 0;
  padding: 0;

  font-size: 100%;
  vertical-align: baseline;

  background: transparent none repeat scroll 0 0;
  border: 0 none;
  outline: 0 none;
}
body {
  line-height: 1;
  font-family: sans-serif;
}
figure,
footer,
header,
nav {
  display: block;
}
a {
  margin: 0;
  padding: 0;

  font-size: 100%;
  vertical-align: baseline;

  background: transparent none repeat scroll 0 0;
}
* {
  box-sizing: border-box;
}
body {
  position: relative;

  background-color: rgb(242, 242, 242);
}
img {
  max-width: 100%;
}
a {
  color: rgb(184, 139, 88);
  text-decoration: none;
}
.Body {
  font-size: 18px;
  line-height: 22px;
}
@media only screen and (min-width: 48em) {
  .Body {
    font-size: 20px;
    line-height: 27px;
  }
}
.Body > * {
  max-width: 980px;
}
.Body:last-child > :last-child {
  margin-bottom: 0;
}
.Body a {
  color: inherit;

  box-shadow: 0 -1px rgb(184, 139, 88) inset;
}
.Body a:hover {
  color: rgb(184, 139, 88);
}
.Body p {
  margin-bottom: 15px;
}
.Body h3 {
  margin-top: 18px;
  margin-bottom: 12px;

  font-weight: 700;
  font-size: 21px;
}
.SvgIcon {
  position: relative;
  z-index: 1;

  display: inline-block;
  overflow: hidden;

  vertical-align: middle;
}
.SvgIcon--meduzaLogo {
  width: 100px;
  height: 45px;
  margin-top: -2px;
}
.Menu {
  display: none;

  font-weight: 600;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
@media only screen and (min-width: 64em) {
  .Menu {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 45px;

    font-size: 13px;
    letter-spacing: 1px;

    background-color: rgb(38, 38, 38);
  }
}
.Menu-item {
  position: relative;

  display: flex;
  align-items: center;
  padding: 0;

  text-align: center;

  transition: color 0.15s ease-out 0s;
}
@media only screen and (min-width: 64em) {
  .Menu-item {
    padding: 0 15px;

    border-bottom: 0 none;
  }
}
@media only screen and (min-width: 64em) {
  .Menu-item:last-of-type {
    border-right: medium none;
  }
}
@media only screen and (min-width: 64em) {
  .Menu-item:hover {
    color: rgb(153, 153, 153);

    background-color: inherit;
  }
}
.Menu-link {
  position: relative;
  top: 1px;

  line-height: 45px;
  color: rgb(255, 255, 255);
  text-decoration: none;

  transition: color 0.15s ease-out 0s;
}
.Menu-item:hover .Menu-link {
  color: rgb(153, 153, 153);
}
.MeduzaLogo {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;

  display: inline-block;
  width: 100px;
  height: 100%;

  background-repeat: no-repeat;
  background-position: center 10px;
  background-size: contain;
}
.Header {
  position: relative;
  z-index: 2;

  display: flex;
  flex-flow: row nowrap;
  height: 45px;

  background-color: rgb(38, 38, 38);
}
@media only screen and (min-width: 64em) {
  .Header {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 63.9375em) {
  .Header .HeaderButton--chat {
    display: none;
  }
}
.Header-left {
  display: flex;
  flex-grow: 1;
  flex-basis: 16%;
  height: 100%;
}
.Header-center {
  display: none;
  height: 100%;
}
@media only screen and (min-width: 64em) {
  .Header-center {
    display: flex;
    flex-grow: 2;
    justify-content: center;
  }
}
.Header-right {
  display: flex;
  flex-grow: 1;
  flex-basis: 16%;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
}
.Header-meduzaLogo {
  position: absolute;
  right: 0;
  left: 0;

  display: flex;
  justify-content: center;
  height: 45px;
}
@media only screen and (min-width: 64em) {
  .Header-meduzaLogo {
    position: static;
  }
}
.HeaderButton {
  position: relative;

  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 45px;
  height: 100%;
  margin: 0;
  padding: 0 15px;

  color: rgb(255, 255, 255);

  background: transparent none repeat scroll 0 0;
  border: 0 none;
  cursor: pointer;

  -moz-user-select: none;
       user-select: none;

  fill: currentcolor;
}
.HeaderButton:active {
  outline-width: 0;
}
.HeaderButton:hover {
  color: rgb(153, 153, 153);
}
.HeaderButton::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;

  border-right: 1px solid rgb(103, 103, 103);
}
@media only screen and (min-width: 64em) {
  .HeaderButton::after {
    top: 10px;
    bottom: 10px;
  }
}
.HeaderButton-link {
  display: block;
  padding-top: 2px;

  font-weight: 600;
  color: inherit;
  text-transform: uppercase;

  cursor: pointer;
}
.HeaderButton-link::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.HeaderButton--chat {
  font-size: 13px;
  letter-spacing: 0.05em;
}
.Copyright {
  padding: 0 12px;

  line-height: 1.2;
}
@media only screen and (min-width: 64em) {
  .Copyright {
    padding: 0;
  }
}
.Copyright-container {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  padding: 13px 0 12px;
}
.Copyright-container a:hover {
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 48em) {
  .Copyright-container {
    flex-wrap: nowrap;
    max-width: 675px;
    padding: 10px 0 18px;

    text-align: left;

    border-top: 1px solid rgb(80, 80, 80);
  }
}
@media only screen and (min-width: 64em) {
  .Copyright-container {
    max-width: 860px;
  }
}
.Copyright-container a {
  color: rgb(255, 255, 255);
}
.Copyright-block {
  flex: 1 0 20%;
  padding-top: 13px;

  font-size: 17px;
}
@media only screen and (min-width: 48em) {
  .Copyright-block {
    padding-top: 0;

    border-top: 0 none;
  }
}
.Copyright-block:last-child {
  text-align: right;
}
.MaterialTag {
  position: relative;
  z-index: 30;

  display: inline-block;

  font-weight: 700;
  line-height: 1;
  vertical-align: top;
  color: rgb(184, 139, 88);
  text-transform: uppercase;

  border: 1px solid;
  border-radius: 2px;

  -moz-user-select: none;
       user-select: none;
}
@media only screen and (max-width: 32em) {
  .MaterialTag {
    height: 15px;
    padding: 0 5px;

    font-size: 10px;
    line-height: 15px;
    letter-spacing: 0.5px;
  }
}
span.MaterialTag {
  cursor: default;

  pointer-events: none;
}
@media only screen and (min-width: 32em) {
  .MaterialTag--medium {
    height: 20px;
    padding: 0 7px;

    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1px;
  }
}
.MaterialTag--solid {
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);

  background: rgb(184, 139, 88) none repeat scroll 0 0;
  border-color: rgb(184, 139, 88);
}
.MaterialMeta {
  display: inline-block;
  margin-right: 12px;
  padding-left: 18px;

  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: grey;

  background-repeat: no-repeat;
  background-position: left center;
  background-size: 12px auto;
}
@media only screen and (min-width: 48em) {
  .MaterialMeta {
    margin-right: 15px;

    font-size: 15px;
    line-height: 18px;
  }
}
.MaterialMeta--source {
  background-position-y: 1px;
}
@media only screen and (min-width: 48em) {
  .MaterialMeta--source {
    white-space: nowrap;

    background-position-y: 4px;
  }
}
.MaterialMeta--time {
  background-size: 12px 12px;
}
.MediaMaterialHeader {
  max-width: 840px;
}
.MediaMaterialHeader-first {
  line-height: 27px;
  color: rgb(0, 0, 0);
}
@media only screen and (min-width: 48em) {
  .MediaMaterialHeader-first {
    line-height: 38px;
  }
}
.MediaMaterialHeader-first,
.MediaMaterialHeader-separator {
  font-weight: 700;
  font-size: 24px;

  transition: color 0.25s ease-out 0s;
}
@media only screen and (min-width: 48em) {
  .MediaMaterialHeader-first,
  .MediaMaterialHeader-separator {
    font-size: 36px;
  }
}
.MediaMaterial {
  padding: 12px;

  background-color: rgb(255, 255, 255);
}
@media only screen and (min-width: 48em) {
  .MediaMaterial {
    padding: 25px 15px 20px;
  }
}
.MediaMaterial-header {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  max-width: 650px;
  margin: 0 auto 18px;
}
@media only screen and (min-width: 63.125em) {
  .MediaMaterial-header {
    max-width: 1000px;
    margin-bottom: 25px;
  }
}
.MediaMaterial-tag {
  margin-bottom: 5px;
}
@media only screen and (min-width: 48em) {
  .MediaMaterial-tag {
    margin-bottom: 11px;
  }
}
.MediaMaterial-meta {
  margin-top: 12px;
}
@media only screen and (min-width: 48em) {
  .MediaMaterial-meta {
    margin-top: 12px;
  }
}
.MediaMaterial-materialContent {
  width: 100%;
  max-width: 650px;
}
.MediaMaterial-body {
  position: relative;

  max-width: 650px;
  margin: 0 auto;
}
@media only screen and (min-width: 63.125em) {
  .MediaMaterial-body {
    max-width: 1000px;
  }
}
@media only screen and (min-width: 48em) {
  .MediaMaterial--fullWidth .MediaMaterial-header {
    align-items: center;

    text-align: center;
  }
}
.MediaMaterial--fullWidth .MediaMaterial-materialContent {
  max-width: none;
}
.Material {
  padding: 12px 0 0;
}
@media only screen and (min-width: 48em) {
  .Material {
    padding: 15px 0 0;
  }
}
.Material-shadow {
  position: absolute;
  left: 0;
  z-index: 300;

  width: 100%;
  height: 1px;

  background-color: rgba(0, 0, 0, 0.15);
}
.Material-shadow--top {
  top: 0;
}
.Material-container {
  position: relative;

  background: rgb(255, 255, 255) none repeat scroll 0 0;
}
@media only screen and (min-width: 48em) {
  .Body h3 {
    margin-top: 35px;
    margin-bottom: 10px;

    font-size: 26px;
    line-height: 27px;
  }
}
.MaterialContent--bannerless .Body > * {
  margin-right: auto;
  margin-left: auto;
}
.MaterialContent .Figure {
  margin-right: -12px;
  margin-left: -12px;
}
@media only screen and (min-width: 40.625em) {
  .MaterialContent .Figure {
    margin-right: auto;
    margin-left: auto;
  }
}
.Figure {
  margin: 15px -12px;
}
.Figure img {
  display: block;
  margin: 5px auto;
}
@media only screen and (min-width: 48em) {
  .Figure {
    margin: 27px auto 20px;
  }
}
@media only screen and (min-width: 75em) {
  .Figure {
    max-width: 650px;
  }
}
.Figure img {
  max-width: 100%;

  vertical-align: bottom;
}
@media only screen and (min-width: 40.625em) {
  .Figure img {
    border-radius: 2px;
  }
}
.Figure-caption {
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
  padding: 7px 12px 0;

  font-size: 15px;
  line-height: 17px;
}
@media only screen and (min-width: 40.625em) {
  .Figure-caption {
    padding-right: 0;
    padding-left: 0;

    font-size: 16px;
    line-height: 18px;
  }
}
.App {
  display: flex;
  flex-direction: column;
  min-height: 100vh;

  transition: transform 0.25s ease-out 0s, -webkit-transform 0.25s ease-out 0s,
  -o-transform 0.25s ease-out 0s;
}
.App-content,
.App-footer {
  transition: transform 0.25s ease-out 0s, -webkit-transform 0.25s ease-out 0s,
  -o-transform 0.25s ease-out 0s;
}
.App-footer {
  position: relative;
  z-index: 1;
}
.App-content {
  position: relative;
  z-index: 1;

  flex: 1 0 auto;
  overflow: visible;

  background-color: rgb(242, 242, 242);
}
.App-header {
  position: relative;
  z-index: 200;
}
.App--isMaterial .App-content {
  background-color: rgb(230, 230, 230);
}
.Footer {
  color: rgb(153, 153, 153);

  background-color: rgb(37, 37, 37);
}
.logo {
  display: block;
  margin-top: 10px;
}
.ava-img {
  display: inline-block;
  width: 50px;
  margin-right: 10px;

  vertical-align: middle;
}
.Body a {
  color: rgb(0, 128, 0);
}
.Body a:hover {
  box-shadow: none;
}
.red_color {
  color: red !important;
}
.boxit h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
  text-transform: uppercase;
}
.boxit p {
  margin: 15px;
  padding: 5px 0;

  line-height: 25px;
  text-align: justify;
  color: rgb(0, 0, 0);
  text-indent: 0;
}
.boxit .frame-img {
  width: 100%;
  max-width: 600px;
  margin-right: 20px;
  padding-left: 0;
}
.boxit .frame-img img {
  max-width: 100%;
  height: auto !important;
}
.boxit .frame-container {
  position: relative;

  padding-top: 0;
  padding-bottom: 5%;
  overflow: hidden;
}
.boxit .form-container {
  position: relative;

  margin-top: 20px;

  background-color: rgb(244, 244, 244);
  border: 1px solid rgb(212, 212, 212);
  border-radius: 8px;
}
.boxit .action-valid {
  height: 51px;
  margin: 0;

  font-size: 20px;
  line-height: 25px !important;
  text-align: center !important;
  color: rgb(255, 255, 255) !important;

  background-color: rgb(128, 185, 29);
}
.boxit .lp-text {
  padding: 18px 0 0;
}
.boxit .px20 {
  font-size: 20px;
}
.boxit input,
select,
textarea {
  display: block;
  box-sizing: content-box;
  width: 100%;
  margin: 10px auto !important;

  font-size: 30px;
  line-height: 50px;
  color: rgb(37, 37, 37);
  text-indent: 60px;

  border: 1px solid rgb(0, 0, 0);
  border-radius: 6px;
  outline: medium none;

  transition: all 0.3s ease 0s;
}
input.name-black {
  font-size: 20px;

  background: rgb(255, 255, 255);
}
input.phone-black {
  font-size: 20px;

  background: rgb(255, 255, 255);
}
.event_order {
  position: relative;

  display: block;
  width: 90%;
  height: 70px;
  margin-top: 15px !important;

  font-weight: 700 !important;
  font-size: 26px;
  line-height: 70px;
  text-align: center;
  color: rgb(255, 255, 255) !important;
  text-transform: uppercase !important;
  text-indent: 0 !important;

  background: rgb(113, 177, 0) none repeat scroll 0 0;
  border-width: medium medium 5px;
  border-style: none none solid;
  border-color: currentcolor currentcolor rgb(84, 131, 0);
  border-radius: 8px;
  border-image: none;
  outline: medium none;
  cursor: pointer;
  opacity: 0.88;

  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
}
.px25 {
  font-size: 25px;
}
.pink {
  color: rgb(239, 22, 80) !important;
}
.px18 {
  font-size: 18px;
}
.px15 {
  font-size: 18px;
}
.left-pack {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 8px;

  font-weight: 700;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  color: rgb(255, 255, 255);

  background: rgb(239, 22, 80) none repeat scroll 0 0;
  border-radius: 5px;
}
.form {
  display: flex;
}
.boxit p {
  text-align: center;
}
@media (max-width: 768px) {
  .form {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .frame-img {
    margin-right: 0 !important;
  }
  input.name-black,
  input.phone-black {
    font-size: 18px !important;
  }
  .boxit input,
  select,
  textarea {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1009px) {
  .boxit .action-valid {
    height: 80px;
  }
  .button_resp {
    font-size: 25px !important;
  }
}
.boxit h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
  text-transform: uppercase;
}
.boxit p {
  margin: 15px;
  padding: 5px 0;

  line-height: 25px;
  text-align: justify;
  color: rgb(0, 0, 0);
  text-indent: 0;
}
.boxit .frame-img {
  width: 100%;
  max-width: 600px;
  margin-right: 20px;
  padding-left: 0;
}
.boxit .frame-img img {
  max-width: 100%;
  height: auto !important;
}
.boxit .frame-container {
  position: relative;

  padding-top: 0;
  padding-bottom: 5%;
  overflow: hidden;
}
.boxit .form-container {
  position: relative;

  margin-top: 20px;

  background-color: rgb(244, 244, 244);
  border: 1px solid rgb(212, 212, 212);
  border-radius: 8px;
}
.boxit .action-valid {
  height: 51px;
  margin: 0;

  font-size: 20px;
  line-height: 25px !important;
  text-align: center !important;
  color: rgb(255, 255, 255) !important;

  background-color: rgb(128, 185, 29);
}
.boxit .lp-text {
  padding: 18px 0 0;
}
.boxit .px20 {
  font-size: 20px;
}
.boxit input,
select,
textarea {
  display: block;
  box-sizing: content-box;
  width: 100%;
  margin: 10px auto !important;

  font-size: 30px;
  line-height: 50px;
  color: rgb(37, 37, 37);
  text-indent: 60px;

  border: 1px solid rgb(0, 0, 0);
  border-radius: 6px;
  outline: medium none;

  transition: all 0.3s ease 0s;
}
input.name-black {
  font-size: 20px;
}
input.phone-black {
  font-size: 20px;
}
.event_order {
  position: relative;

  display: block;
  width: 90%;
  height: 70px;
  margin-top: 15px !important;

  font-weight: 700 !important;
  font-size: 26px;
  line-height: 70px;
  text-align: center;
  color: rgb(255, 255, 255) !important;
  text-transform: uppercase !important;
  text-indent: 0 !important;

  background: rgb(113, 177, 0) none repeat scroll 0 0;
  border-width: medium medium 5px;
  border-style: none none solid;
  border-color: currentcolor currentcolor rgb(84, 131, 0);
  border-radius: 8px;
  border-image: none;
  outline: medium none;
  cursor: pointer;
  opacity: 0.88;

  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
}
.px25 {
  font-size: 25px;
}
.pink {
  color: rgb(239, 22, 80) !important;
}
.px18 {
  font-size: 18px;
}
.px15 {
  font-size: 18px;
}
.left-pack {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 8px;

  font-weight: 700;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  color: rgb(255, 255, 255);

  background: rgb(239, 22, 80) none repeat scroll 0 0;
  border-radius: 5px;
}
.form {
  display: flex;
}
.boxit p {
  text-align: center;
}
@media (max-width: 768px) {
  .form {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .frame-img {
    margin-right: 0 !important;
  }
  input.name-black,
  input.phone-black {
    font-size: 18px !important;
  }
  .boxit input,
  select,
  textarea {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1009px) {
  .boxit .action-valid {
    height: 80px;
  }
  .button_resp {
    font-size: 25px !important;
  }
}
.leedSeqContainer *,
.leedSeqContainer :visited {
  position: static;

  float: none;
  width: auto;
  min-width: 0;
  max-width: 100%;
  height: auto;
  min-height: 0;
  max-height: 100%;
  margin: 0;
  padding: 0;

  font-weight: 400;
  font-size: inherit;
  line-height: normal;
  font-family: Arial, sans-serif !important;
  text-align: left;
  color: inherit;
  text-transform: none;
  letter-spacing: normal;

  background: transparent none repeat scroll 0 0;
  border: 0 none transparent;
  border-radius: 0;
  outline: 0 none;
  box-shadow: none;
  transform: none;

  transition: none 0s ease 0s;
}
.leedSeqContainer {
  z-index: 2147483647 !important;
}
.leedSeqContainer a,
.leedSeqContainer abbr,
.leedSeqContainer acronym,
.leedSeqContainer address,
.leedSeqContainer applet,
.leedSeqContainer article,
.leedSeqContainer aside,
.leedSeqContainer audio,
.leedSeqContainer b,
.leedSeqContainer big,
.leedSeqContainer blockquote,
.leedSeqContainer body,
.leedSeqContainer canvas,
.leedSeqContainer caption,
.leedSeqContainer center,
.leedSeqContainer cite,
.leedSeqContainer code,
.leedSeqContainer dd,
.leedSeqContainer del,
.leedSeqContainer details,
.leedSeqContainer dfn,
.leedSeqContainer div,
.leedSeqContainer dl,
.leedSeqContainer dt,
.leedSeqContainer em,
.leedSeqContainer embed,
.leedSeqContainer fieldset,
.leedSeqContainer figcaption,
.leedSeqContainer figure,
.leedSeqContainer footer,
.leedSeqContainer form,
.leedSeqContainer h1,
.leedSeqContainer h2,
.leedSeqContainer h3,
.leedSeqContainer h4,
.leedSeqContainer h5,
.leedSeqContainer h6,
.leedSeqContainer header,
.leedSeqContainer hgroup,
.leedSeqContainer html,
.leedSeqContainer i,
.leedSeqContainer iframe,
.leedSeqContainer img,
.leedSeqContainer ins,
.leedSeqContainer kbd,
.leedSeqContainer label,
.leedSeqContainer legend,
.leedSeqContainer li,
.leedSeqContainer mark,
.leedSeqContainer menu,
.leedSeqContainer nav,
.leedSeqContainer object,
.leedSeqContainer ol,
.leedSeqContainer output,
.leedSeqContainer p,
.leedSeqContainer pre,
.leedSeqContainer q,
.leedSeqContainer ruby,
.leedSeqContainer s,
.leedSeqContainer samp,
.leedSeqContainer section,
.leedSeqContainer small,
.leedSeqContainer span,
.leedSeqContainer strike,
.leedSeqContainer strong,
.leedSeqContainer sub,
.leedSeqContainer summary,
.leedSeqContainer sup,
.leedSeqContainer table,
.leedSeqContainer tbody,
.leedSeqContainer td,
.leedSeqContainer tfoot,
.leedSeqContainer th,
.leedSeqContainer thead,
.leedSeqContainer time,
.leedSeqContainer tr,
.leedSeqContainer tt,
.leedSeqContainer u,
.leedSeqContainer ul,
.leedSeqContainer var,
.leedSeqContainer video {
  margin: 0;
  padding: 0;

  font: inherit;
  vertical-align: baseline;

  border: 0 none;
}
.leedSeqContainer article,
.leedSeqContainer aside,
.leedSeqContainer details,
.leedSeqContainer figcaption,
.leedSeqContainer figure,
.leedSeqContainer footer,
.leedSeqContainer header,
.leedSeqContainer hgroup,
.leedSeqContainer menu,
.leedSeqContainer nav,
.leedSeqContainer section {
  display: block;
}
.leedSeqContainer article,
.leedSeqContainer aside,
.leedSeqContainer details,
.leedSeqContainer figcaption,
.leedSeqContainer figure,
.leedSeqContainer footer,
.leedSeqContainer header,
.leedSeqContainer hgroup,
.leedSeqContainer menu,
.leedSeqContainer nav,
.leedSeqContainer section {
  display: block;
}
.leedSeqContainer ol,
.leedSeqContainer ul {
  list-style: outside none none;
}
.leedSeqContainer blockquote,
.leedSeqContainer q {
  quotes: none;
}
.leedSeqContainer blockquote::after,
.leedSeqContainer blockquote::before,
.leedSeqContainer q::after,
.leedSeqContainer q::before {
  content: none;
}
.leedSeqContainer table {
  border-collapse: collapse;
  border-spacing: 0;
}
#created-button-1,
#created-button-2 {
  line-height: 1.7em !important;
}
.my-com-date {
  padding: 1px 4px;

  font-weight: 600;
  font-size: 20px;
  line-height: 34px;
  color: rgb(91, 95, 101);
  text-shadow: 0 0 0 rgb(0, 0, 0);

  background: rgb(253, 253, 253) none repeat scroll 0 0;
  border-radius: 3px;
}
.out-comebacker-content-btn:hover {
  text-decoration: none !important;

  transition: all 0.3s ease 0s !important;
}
.out-comebacker-content-btn:focus {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.out-comebacker-content-btn:active {
  border: 1px solid rgb(255, 255, 255);
}
a:active,
a:focus {
  outline: 0 none;
}
input,
textarea {
  outline: 0 none;
}
input:active,
textarea:active {
  outline: 0 none;
}
:focus {
  outline: 0 none;
}
textarea {
  resize: none;
}
textarea {
  resize: vertical;
}
textarea {
  resize: horizontal;
}
button:active,
button:focus {
  outline: 0 none !important;
}
button::-moz-focus-inner {
  border: 0 none !important;
}
.rub-ramka {
  margin-top: 22px;
  margin-bottom: 18px;
  padding: 12px 15px !important;

  font-size: 17px;
  font-family: roboto condensed, arial;
  text-align: center;
  color: rgba(8, 8, 8, 0.45);
  text-indent: 0 !important;
  text-shadow: 0 0 0 rgb(97, 97, 97);

  background: rgba(189, 61, 77, 0.04) none repeat scroll 0 0;
  border-radius: 4px;
}
.of-site:hover {
  color: rgba(255, 0, 0, 0.72) !important;
  text-decoration: underline;

  transition: all 0.3s ease 0s;
}
.comment-user p {
  text-indent: 0 !important;
}
@media screen and (max-width: 600px) {
  .rub-ramka {
    margin-right: 0 !important;
    margin-left: 0 !important;

    text-align: justify !important;
  }
}
#product-block {
  display: block;
  width: 100% !important;
  height: 338px;
  margin: 0 !important;

  text-align: center;

  background-size: contain;
}
#product-block .plashka2-t {
  font-size: 20px;
  line-height: 25px;
  color: rgb(255, 249, 21);
}
#product-block .plashka2 b {
  text-shadow: 1px 1px 2px rgb(55, 56, 56);
}
#product-block .plashka2 {
  position: absolute;
  z-index: 5;

  box-sizing: content-box;
  width: 190px !important;
  height: 138px;
  margin: 48px 0 0 -10px !important;
  padding: 144px 30px 0 0;

  font-size: 17px;
  line-height: 22px;
  font-family: Roboto, sans-serif;
  text-align: center;
  color: rgb(255, 255, 255);

  background: transparent url("1k9db35m92f03bpj4r86yeyaw.html") no-repeat scroll
  center center / 190px 262px;
}
@media screen and (max-width: 767px) {
  #product-block {
    width: 100% !important;
    height: 224px !important;
    margin: 0 !important;
  }
  #product-block .plashka2 {
    width: 110px !important;
    height: 98px;
    margin: 15px 0 0 !important;
    padding: 95px 25px 0 0;

    font-size: 13px;
    line-height: 16px;

    background-size: 135px 188px;
  }
  #product-block .plashka2-t {
    font-size: 14px;
  }
}
@media screen and (max-width: 720px) {
  .renul_seDwyoGn57 .gelat_Bb6MhOHv {
    text-align: center;
  }
}
@media screen and (max-width: 200px) {
  #product-block .plashka2 {
    display: none;
  }
}
.ord_button {
  display: inline-block;
  margin: 20px 0 30px;
  padding: 10px 30px;

  font-weight: 500;
  font-size: 22px !important;
  line-height: 27px;
  color: rgb(255, 255, 255) !important;
  text-transform: uppercase;
  text-decoration: none !important;
  text-shadow: 1px 1px 0 rgb(86, 86, 86);

  background-color: rgb(250, 61, 61);
  border: 3px solid rgb(255, 255, 255);
  border-radius: 8px;
  box-shadow: 2px 3px 8px rgb(153, 153, 153);

  transition: all 0.3s ease-in 0s;
}
.ord_button:hover {
  text-decoration: none !important;

  background-color: rgb(119, 33, 51);
  box-shadow: 2px 3px 3px rgb(153, 153, 153);
  transform: scale(1.1);
}

.disklaymer {
  padding: 10px;

  font-size: 13px;

  opacity: 0.3;
}
.center {
  text-align: center;
}
.countdown-block {
  text-align: center;
  color: rgb(255, 255, 255);

  background: rgb(237, 27, 36) none repeat scroll 0 0;
  box-shadow: 0 0 black;
}
.countdown-block > h3 {
  margin: 0;
  margin-bottom: 40px;
  padding: 5px 15px;

  font-weight: 800;
  font-size: 24px;
}
.countdown-container {
  max-width: 320px;
  margin: 0 auto;

  text-align: center;

  background: rgb(237, 27, 36) none repeat scroll 0 0;
  border: 5px solid rgb(255, 253, 7);
}
.countdown-container h3 {
  width: 90%;
  margin: -10px auto 0;

  font-weight: 700;
  font-size: 1rem;
  color: rgb(255, 253, 7);
  text-transform: uppercase;

  background: rgb(237, 27, 36) none repeat scroll 0 0;
}
.countdown {
  display: flex;
  justify-content: center;
  align-items: center;

  font-weight: 300;
  font-size: 39px;
  line-height: 1;
}
.countdown-item {
  width: 5rem;

  font-weight: 800;
  color: rgb(255, 255, 255);
}
.countdown-divider {
  width: 1rem;

  color: rgb(255, 255, 255);
}
.countdown-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin: 0 auto -8px;

  font-weight: 700;
  font-size: 0.8rem !important;
  color: rgb(255, 253, 7);
  text-transform: uppercase;

  background: rgb(237, 27, 36) none repeat scroll 0 0;
}
.countdown-text span {
  width: 2rem;

  font-size: 12px;
}
.countdown-text span:first-child {
  margin-right: 5px;
  margin-left: 7px;
}
.countdown-text span:last-child {
  margin-right: 20px;
}
.best-form {
  padding: 0 0 40px;

  font: 16px/1.2 "Roboto", sans-serif;

  background-color: rgb(255, 170, 0);
  background-image: url("../img/bg-form.svg");
  background-size: cover;;
}
.best-form > .wrap {
  max-width: 392px;
  margin: 0 auto;
  padding: 1rem;
}
.product {
  display: flex;
}
.product .left {
  width: 50%;
}
.product .right {
  width: 50%;

  text-align: center;
}
.product .price-old {
  line-height: 1;
}
.product .price-old span {
  position: relative;

  display: inline-block;
  padding: 0 9px;

  font-size: 2rem;
  color: rgb(0, 0, 0);
}
.product .price-old .price_old::before {
  content: "";
  position: absolute;
  top: 45%;
  right: 0;
  left: 0;
  z-index: 2;

  border-top: 5px solid rgb(237, 27, 36);
  transform: rotate(-25deg);
}
.product .discount-text {
  margin-top: 1rem;

  font-size: 18px;
  color: rgb(0, 0, 0);
}
.product .price {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1;
  color: rgb(237, 27, 36);
  letter-spacing: -5px;
}
.product .price span {
  margin-left: 5px;

  font-weight: 300;
  font-size: 50%;
}
input,
button,
select,
textarea {
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
.country-input,
.name-input,
.phone-input {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;

  font-size: 20px;
  color: rgb(0, 0, 0);

  background: rgb(255, 255, 255) none repeat scroll 0 0;
  border: 0 none;
  border-radius: 6px;

  transition: all 0.15s ease-in-out 0s;
}
.name-input label,
.phone-input label {
  align-self: center;
  width: 60px;
  padding-left: 15px;

  font-weight: 700;
}
.name-input input,
.phone-input input,
.country_select {
  flex: 1 1 auto;
  box-sizing: border-box;
  min-width: 0;
  padding: 10px 15px;

  font: inherit;
  font-size: 20px;
  color: #000000;
  text-indent: 0;

  border: 0 none;
  border-radius: 6px;
}
.button-submit {
  display: flex;
  box-sizing: border-box !important;
  width: 100%;
  margin: 0 auto;
  padding: 14px 0;

  font: 400 18px/1.4 "Roboto", sans-serif;
  text-align: center;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  text-decoration: none;

  background-image: linear-gradient(to top, rgb(19, 124, 9), rgb(22, 172, 12));
  border: 0 none;
  border-radius: 6px;
  cursor: pointer;

  transition: all 0.15s ease-in-out 0s;
}
.button-submit-text {
  flex: 1 1 auto;

  font-style: inherit;
  font-variant: inherit;
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  color: rgb(255, 255, 255);
  font-size-adjust: inherit;
  font-stretch: inherit;

  font-feature-settings: inherit;
  font-kerning: inherit;
  font-language-override: inherit;
  font-synthesis: inherit;
}
.button-submit-arrow {
  width: 0;
  height: 0;
  margin-right: 1rem;

  border-top: 0.6rem solid transparent;
  border-bottom: 0.6rem solid transparent;
  border-left: 1rem solid rgb(255, 255, 255);
}
.btnbtn {
  display: inline-block;
  margin-bottom: 0;
  padding: 10px 50px;

  font-weight: 700;
  font-size: 18px;
  line-height: 1.42857;
  vertical-align: middle;
  text-align: center;
  color: rgb(255, 255, 255) !important;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);

  background-color: rgb(0, 128, 0);
  background-image: none;
  border: 1px solid transparent;
  border-radius: 30px;
  cursor: pointer;

  transition: all 0.3s ease 0s;
  animation: 1s ease 0s normal none infinite running shadow-pulse2;
}
select::-ms-expand {
  display: none;
}
select {
  background-image: url(../img/custom_select.png);
  background-repeat: no-repeat;
  background-position: 96% 50%;
background-color: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none !important;
}
/*@media (max-width: 991px) {
  .comment:not(:nth-last-child(-n + 7)) {
    display: none;
  }
}*/
/* Code tidied up by ScrapBook */
#only-mob {
  display: none;
}

input::placeholder {
  font-family: sans-serif;
  text-decoration: underline dotted;
}

@media screen and (max-width: 759px) {
  .product {
    display: block;
  }

  .product .left,
  .product .right {
    width: 100%;
  }

  .img-responsive {
    margin: 0 auto;
  }

  #not-on-mob {
    display: none;
  }

  #only-mob {
    display: block;

    text-align: center;
  }
}


.wheel {
  position: relative;

  margin: 0 auto;
}


.wheel__wrapper {
  position: relative;

  width: 250px;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .wheel__wrapper {
    width: 480px;
  }
}

.wheel__img {
  width: 100%;
  height: auto;
}

.wheel__cursor {
  position: absolute;
  top: calc(50% - 47.5px);
  left: calc(50% - 50px);

  display: flex;
  justify-content: center;
  align-items: center;
  width: 95px;
  height: 100px;

  font-weight: 900;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  color: #000000;
  text-transform: uppercase;

  background-color: transparent;
  background-image: url("../img/cursor.png");
  background-position: center;
  background-size: cover;
  border: none;
}
@media (min-width: 992px) {
  .wheel__cursor {
    top: calc(50% - 94px);
    left: calc(50% - 84px);

    width: 168px;
    height: 184px;

    font-size: 16px;
  }
}
.wheel__cursor:hover {
  color: #ffffff;

  cursor: pointer;

  transition: 0.3s;
}

.wheel__cursor-text {
  z-index: 2;

  display: flex;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  margin-top: 4px;
  padding: 10px;

  background: #ffc000;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 5px 10px rgba(0, 0, 0, 0.1);

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (min-width: 992px) {
  .wheel__cursor-text {
    width: 137px;
    height: 137px;
    margin-top: 5px;
    padding: 15px;
  }
}

.wheel-result {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;

  display: none;
  width: 100%;
  height: 100%;
  padding: 0 10px;

  background-color: rgba(47, 47, 47, 0.8);
}

.wheel-result__wrapper {
  position: relative;
  top: 40%;
  right: 0;
  left: 0;

  max-width: 280px;
  margin: 0 auto;
  padding: 50px 35px 30px;

  background: #ffffff;
  border-radius: 10px;

  -webkit-animation: 0.7s ease 0s normal none 1 running pop-up-appear;
          animation: 0.7s ease 0s normal none 1 running pop-up-appear;
}
@media (min-width: 992px) {
  .wheel-result__wrapper {
    max-width: 400px;
    padding: 40px 50px;
  }
}
.wheel-result__wrapper h3 {
  margin-bottom: 15px;

  font-size: 20px;
  line-height: 1.1;
  text-align: center;
}
@media (min-width: 992px) {
  .wheel-result__wrapper h3 {
    font-size: 24px;
    line-height: 1.25;
  }
}

.wheel-result__wrapper::before {
  content: "";
  position: absolute;
  top: -56px;
  right: 0;
  left: 0;

  display: block;
  width: 111px;
  height: 112px;
  margin: 0 auto;

  background-color: rgb(255, 192, 0);
  border-radius: 50%;
}

.wheel-result__wrapper::after {
  content: "";
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;

  width: 50px;
  height: 20px;
  margin: 0 auto;

  border-width: medium medium 4px 4px;
  border-style: none none solid solid;
  border-color: currentcolor currentcolor #ffffff #ffffff;
  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;
}

@media (min-width: 992px) {
  .wheel-result__wrapper::before {
    top: -56px;

    width: 111px;
    height: 112px;
  }
}

.wheel-result__text {
  margin-bottom: 15px;

  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 992px) {
  .wheel-result__text {
    margin-bottom: 25px;

    font-size: 16px;
  }
}

.wheel-result__button {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  padding: 20px 5px;

  font-weight: 900;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;

  background-color: rgb(255, 192, 0);
  border: 2px solid #ffffff;
  border-radius: 10px;
  box-shadow: 0 10px 40px 0 rgb(255, 192, 0);
}
@media (min-width: 992px) {
  .wheel-result__button {
    font-size: 20px;
  }
}
.wheel-result__button:hover {
  border-color: rgb(255, 192, 0);
  box-shadow: none;
  cursor: pointer;

  transition: 0.3s;
}

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

@keyframes pop-up-appear {
  0% {
    transform: translateY(-2000px);
  }
  30% {
    transform: translateY(100px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes pop-up-appear-before {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pop-up-appear-before {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes pop-up-appear-after {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pop-up-appear-after {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.super-rotation {
  transition-timing-function: ease-in-out;
  -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-keyframes super-rotation {
  70% {
    transform: rotate(1729deg);
  }
  100% {
    transform: rotate(1736deg);
  }
}

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

.order__form {
  display: none;
}

a:hover,
button:hover {
  cursor: pointer;

  transition: 0.3s;
}

a:active,
button:active {
  transform: scale(0.9);
}

a:not(:hover),
button:not(:hover) {
  transition: 0.3s;
}

.modal {
  position: fixed;
  top: 50%;
  left: -100%;
  z-index: 20000000000000;

  max-width: 800px;
  max-height: 800px;
  max-height: 90%;
  overflow: auto;

  background-color: #ffffff;
  border: 1px solid black;
  transform: translate(-50%, -50%);

  transition: left 0.5s;

  overscroll-behavior: contain;
}

.modal--active {
  left: 50%;
}

.modal__wrapper {
  position: relative;

  padding: 30px 15px;
}

.modal__close-button {
  position: absolute;
  top: 5px;
  right: 5px;

  width: 20px;
  height: 20px;

  border: 1px solid #cccccc;
  border-radius: 5px;
  cursor: pointer;
}

.modal__close-button::before,
.modal__close-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;

  display: block;
  width: 100%;
  height: 2px;

  background-color: #cccccc;
  border-radius: 10px;
  transform: translate(-50%, -50%);
}

.modal__close-button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal__close-button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.modal__title {
  font-weight: 700;
  font-size: 18px;
  text-align: center;
}

.modal__paragraph {
  margin-top: 15px;

  font-size: 14px;
}

.modal__subtitle {
  margin-top: 20px;

  font-weight: 700;
  font-size: 16px;
  text-align: left;
}

.modal__subtitle + .modal__paragraph {
  margin-top: 10px;
}

.modal__ordered-list {
  margin-top: 10px;
  padding-left: 25px;

  list-style: decimal;
}

.modal__ordered-item:not(:first-of-type) {
  margin-top: 10px;
}

.modal__unordered-list {
  margin-top: 10px;
  padding-left: 15px;

  font-size: 14px;
}

.modal__unordered-item:not(:first-of-type) {
  margin-top: 10px;
}

.modal__unordered-list--inner {
  padding-left: 20px;

  list-style-type: circle;
}

.overlay-bg {
  position: fixed;
  top: 0;
  left: -100vw;
  z-index: -5;

  width: 100vw;
  height: 100vh;

  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;

  transition: opacity 0.5s;
}

.overlay-bg--active {
  left: 0;
  z-index: 150;

  opacity: 1;
}

.ac_footer {
  display: none !important;
}

.header__advertisment {
  padding: 5px 0;

  text-align: center;
}

.main-footer {
  padding: 30px 0;

  font-size: 14px;
  line-height: 1.3;
  text-align: center;
  color: #333333;
}

.main-footer__list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;

  list-style: none;
}

.main-footer__item:not(:last-of-type) {
  margin-right: 15px;
}

.main-footer__link {
  color: inherit;
  text-decoration: underline;
}

.main-footer__link:hover {
  text-decoration: none;
}