@font-face {
  font-style: normal!important;
  font-weight: 400!important;
  font-family: "Roboto"!important;

  src: local("Roboto Regular"),url(../fonts/Roboto.ttf) format("truetype")!important;;
}
@font-face {
  font-style: normal!important;
  font-weight: 500!important;
  font-family: "Roboto"!important;

  src: local("Roboto Medium"),url(../fonts/Robotomedium.ttf) format("truetype")!important;;
}
@font-face {
  font-style: normal!important;
  font-weight: 700!important;
  font-family: "Roboto"!important;

  src: local("Roboto Bold"),url(../fonts/Robotobold.ttf) format("truetype")!important;;
}
.desktop {
  display: flex;
  justify-content: center;

  text-align: center;;
}
.desktop_block {
  width: 400px;
}
.desktop_block img {
  height: 225px;
}
.mobile {
  display: none;
}
p {
  font-size: 19px;
}

.order_form {
  margin: 0;
  padding: 20px 20px 0;

  font-family: Arial,Helvetica;

  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;;
}
.block_form {
  margin: -2px 0 25px;
}
.order_form {
  font-family: Arial,Helvetica;
}
.block_form_label {
  display: block;
  float: left;
  width: 100%;
  margin: 8px 34px 0 0;
  margin-left: 0;
  margin-left: 8px;

  font-size: 14px;
  text-align: left;
  color: #333333;;
}

.block_form input {
  display: block;
  width: 98.8%;
  padding: 8px 0;
  padding-left: 0;

  font-size: 15px;

  background: #ffffff;
  border: #888888 1px solid;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;;
}
.order_form .clear {
  clear: both;
}
.ifr_button {
  display: block;
  width: auto;
  height: auto;
  min-height: 51px;
  margin: 20px auto;
  padding: 0 14px;

  font-weight: 600!important;
  font-size: 20px;
  line-height: 32px;
  font-family: calibri,roboto,arial;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0.4px;

  background: #e74c3c;
  border: none;
  border-bottom: 2px solid #c0392b;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  cursor: pointer;;
}
.cb-win {
  position: fixed!important;
  top: 0!important;
  right: 0!important;
  bottom: 0!important;
  left: 0!important;
  z-index: 9999999!important;

  background: rgba(0,0,0,0.75)!important;;
}
.ads .teaser-image {
  position: relative;

  margin: 0!important;
  overflow: hidden;;
}
.api-form .submit:hover {
  background: #2e7d32;
}
.api-form .form-header {
  text-align: center!important;
}
.api-form .submit {
  position: static!important;

  display: block!important;
  clear: both!important;
  box-sizing: border-box!important;
  width: 100%!important;
  max-width: 100%!important;
  height: auto!important;
  margin: 15px 0 0!important;
  padding: 15px 45px!important;

  font-style: normal!important;
  font-weight: 600!important;
  font-size: 18px!important;
  line-height: 1.5!important;
  text-align: center!important;
  color: #ffffff!important;
  text-transform: uppercase!important;
  text-decoration: none!important;

  background: #388e3c;
  border: 0;
  border-radius: 2.5px!important;
  outline: none!important;
  box-shadow: none!important;
  cursor: pointer!important;;
}
.api-form .text a:hover {
  color: #a52626!important;
  text-decoration: underline!important;;
}
.api-form .text a {
  display: inline!important;
  margin: 0!important;
  padding: 0!important;

  font-weight: 700!important;
  color: #ca2d2d!important;

  border: none!important;
  box-shadow: none!important;;
}
.api-form :before,
.api-form :after {
  content: none!important;
}
.api-form label {
  display: block!important;
  margin: 0!important;
  padding: 0!important;

  font-style: normal;
  font-weight: 700!important;
  font-size: 12px!important;
  text-align: left!important;
  color: #222222!important;

  cursor: text!important;;
}
.api-form .country-flag {
  position: relative!important;
  top: 2px!important;

  width: 25px!important;;
}
.api-form p.delivery {
  margin: 15px 0 0!important;
  padding: 5px!important;

  font-size: 16px!important;
  text-align: center!important;
  color: #555555!important;

  background: linear-gradient(to right,transparent 0%,#dddddd 50%,transparent 100%)!important;;
}
.api-form .footnote {
  margin: 10px 0 0!important;
  padding: 0!important;

  font-size: 10px!important;
  line-height: 15px!important;
  text-align: center!important;
  color: #888888!important;
  text-indent: 0!important;;
}
.api-form .text {
  float: none!important;
  width: 100%!important;
  margin: 10px 0!important;
  padding: 0!important;

  font-weight: 700!important;
  font-size: 18px!important;
  line-height: 25px!important;
  text-align: center!important;
  color: #222222!important;

  border: none!important;;
}
.api-form form {
  margin: 15px auto 0!important;
  padding: 0!important;

  background: none!important;;
}
.api-form .form-body .text .offer-name,
.api-form .form-body .text .offer-price {
  font-weight: 700!important;
  color: #ca2d2d!important;;
}
.cta-btn *,
.cb-win *,
.ads *,
.api-form * {
  font-family: "Roboto",sans-serif!important;
}
.api-form {
  position: relative!important;

  box-sizing: border-box!important;
  max-width: 510px!important;
  margin: 25px auto!important;
  padding: 30px!important;

  text-align: center!important;

  background: #ffffff!important;
  border: 2.5px dashed #dddddd!important;
  border-radius: 2.5px!important;;
}
.api-form .deadline {
  margin: 0!important;

  font-size: 10px!important;
  text-align: center!important;
  color: #222222!important;;
}
.api-form .name:invalid,
.api-form .phone:invalid,
.api-form .country:invalid,
.api-form .name,
.api-form .phone,
.api-form .country {
  box-sizing: border-box!important;
  width: 100%!important;
  max-width: 100%!important;
  height: auto!important;
  margin: 0 0 15px!important;
  padding: 15px!important;

  font-style: normal;
  font-weight: 400!important;
  font-size: 14px!important;
  line-height: 20px!important;

  background: none!important;
  background: #f2f2f2!important;
  border: 2px solid #dddddd!important;
  border-radius: 2.5px!important;
  outline: none!important;
  box-shadow: none!important;

  transition: 0.25s!important;;
}
.api-form .name:focus,
.api-form .phone:focus,
.api-form .country:focus {
  border: 2px solid #aaaaaa!important;
}
.cb-tex .product-image {
  display: inline-block!important;
  width: 400px!important;

  vertical-align: middle!important;
}
.cb-des ul {
  display: inline-block!important;
}
.cb-tex .cb-des {
  position: relative!important;
  z-index: 50!important;

  display: inline-block!important;
  width: 373px!important;

  vertical-align: middle!important;
  text-align: center!important;
}
.cb-tex .cb-des ul {
  margin: 0!important;
  padding: 15px!important;

  list-style: none!important;
  font-size: 12px!important;

  border: 3px dashed #dddddd!important;
  border-radius: 5px!important;;
}
.cb-tex .cb-des ul li {
  padding: 0 0 0 25px !important;

  font-weight: 700!important;
  line-height: 20px!important;
  text-align: left!important;

  background-position: 0 0!important;
  background-size: 18px!important;;
}
.cb-tex .cb-des ul li:not(:last-child) {
  margin-bottom: 5px!important;
}
.toogle-visibility .photo-visible {
  background-color: #dddddd!important;
}
.wimg .cb-tex {
  overflow: hidden!important;

  text-align: left!important;;
}
.cb-tex {
  font-size: 24px!important;
  text-align: center!important;
  color: #555555!important;;
}
.cb-tit {
  margin: 0 0 15px!important;

  font-weight: 700!important;
  font-size: 30px!important;
  text-align: center!important;
  color: #252525!important;;
}

.wimg .cb-bod {
  text-align: left!important;
}
.cb-img {
  float: left!important;
  margin: 0 15px 0 0 !important;
}
.cb-bod {
  padding: 15px!important;

  color: #000000!important;

  background: #ffffff!important;
}
.cb-con .country-flag {
  height: 16px!important;
  margin: 0 5px 5px 0 !important;

  vertical-align: middle!important;

  border: none!important;
  box-shadow: 0 1px 1px 0 #555555;
}
.cta-btn {
  text-align: center!important;
  text-decoration: none!important;;
}
.cb-con {
  position: absolute!important;

  box-sizing: border-box!important;
  width: 100%!important;

  line-height: 30px!important;
  font-family: Helvetica,Arial,sans-serif!important;;
}
.cb-mes {
  z-index: 99999999!important;

  width: 810px!important;
  margin: 0 auto!important;

  box-shadow: 0 10px 25px 0 #252525!important;
}
.cb-but:hover,
.cta-btn a:hover {
  color: #e5e5e5!important;

  background-color: #2e7d32!important;
  background-image: -webkit-linear-gradient(top,#388e3c,#2e7d32)!important;
  background-image:         linear-gradient(to bottom,#388e3c,#2e7d32)!important;
}
.cb-tex .product-link {
  text-align: left!important;
}
a.cb-but:visited,
.cta-btn a:visited,
a.cb-but,
.cta-btn a {
  clear: both!important;
  padding: 20px 50px!important;

  font-weight: 700!important;
  font-size: 22px!important;
  text-align: center!important;
  color: #ffffff!important;
  color: #ffffff!important;
  text-decoration: none!important;
  text-shadow: 0 1px 0 #000000!important;

  background-color: #388e3c!important;
  background-image: -webkit-linear-gradient(top,#43a047,#388e3c)!important;
  background-image:         linear-gradient(to bottom,#43a047,#388e3c)!important;
  border: 1px solid rgba(0,0,0,0.1)!important;
  border-color: rgba(0,0,0,0.1)!important;
  border-bottom-color: rgba(0,0,0,0.2)!important;
  border-radius: 35px;
  box-shadow: none!important;;
}
a.cb-but {
  display: block!important;
  margin: 15px 0 0!important;;
}
.cta-btn a {
  display: inline-block;
  margin: 25px!important;;
}
.cb-hea .title {
  vertical-align: middle;
}
.cb-hea .cb-logo {
  margin-right: 10px!important;

  font-size: 50px!important;
  vertical-align: middle;
  color: red!important;;
}
.cb-hea {
  height: 35px!important;
  padding: 0!important;

  font-weight: 700!important;
  font-size: 18px!important;
  line-height: 35px!important;
  color: #252525!important;

  background: #eeeeee!important;
  border-bottom: 1px solid #dddddd!important;;
}
.cb-clo:active {
  box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.5)!important;
  opacity: 0.25!important;;
}
.cb-clo {
  float: right;
  width: 35px!important;
  height: 35px!important;

  cursor: pointer!important;;
}
.product-link {
  display: inline-block!important;

  box-shadow: none!important;

  transition: 0.25s!important;
}
.product-link:hover {
  opacity: 0.75!important;
}
.product-banner {
  position: absolute!important;
  top: 0!important;
  right: 0!important;

  display: table!important;
  width: 150px!important;
  height: 150px!important;

  font-size: 18px!important;
  line-height: 25px!important;
  text-align: center!important;
  color: #ffffff!important;
  text-decoration: none!important;

  background-size: 150px!important;
  opacity: 0.9!important;;
}
.api-form .cta-form {
  margin: 0!important;
}
.cta-form {
  margin-top: 30px!important;
  margin-bottom: 0!important;

  text-align: center!important;;
}
.product-banner-text {
  display: table-cell!important;
  margin: 0!important;

  font-weight: 700!important;
  font-size: 20px!important;
  vertical-align: middle!important;
  text-align: center!important;
  color: #f2f2f2!important;;
}
.product-image {
  position: relative!important;

  display: inline-block!important;
  margin: 0 auto!important;

  text-align: center!important;

  background: #ffffff!important;;
}
.offer-price {
  color: #ffffff!important;
}
.offer-name {
  color: #ffeb3b!important;
}
.product-image img {
  position: static!important;
  z-index: 0!important;

  width: auto!important;
  max-width: 100%!important;
  height: auto!important;
  margin: 0!important;
  padding: 0!important;

  border: none!important;;
}
.cb-message.have-image {
  width: 800px;
}
.teaser {
  display: block!important;

  text-decoration: none!important;

  transition: 0.25s!important;;
}
.ads * {
  box-sizing: border-box!important;
  margin: 0!important;
  padding: 0!important;;
}
.ads .item {
  height: auto!important;
  margin: 0!important;
  overflow: visible!important;

  vertical-align: top!important;

  background: #222222!important;
  border: none!important;
  border: none!important;
  border-radius: 2.5px!important;
}
.ads .teasers {
  display: grid;
  overflow: hidden!important;

  text-align: center!important;

  grid-gap: 15px;
  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));;
}
.ads .teaser .teaser-image:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;

  background: linear-gradient(to top,#222222 0px,transparent 100%);;
}
.ads .teaser:hover {
  text-decoration: none!important;
}
.ads .teaser img {
  float: none!important;
  width: 100%!important;
  max-width: 100%!important;
  height: auto!important;
  margin: 0!important;

  vertical-align: middle!important;

  border: 0!important;

  transition: 0.25s!important;;
}
.ads .teaser:hover img {
  transform: scale(1.1,1.1);
}
.ads .teaser:hover .teaser-title {
  color: #ff9800!important;
  text-decoration: none!important;
}
.ads .teaser {
  display: block!important;
  width: 100%!important;
  height: auto!important;
  overflow: hidden!important;

  color: #ffffff!important;
  text-decoration: none!important;
  text-decoration: none!important;

  background: #222222!important;;
}
.ads .teaser-title:before {
  position: absolute!important;
  top: -100px!important;
  right: 0!important;
  left: 0!important;
  z-index: 21!important;

  height: 100px!important;

  background: linear-gradient(to top,#222222 0px,transparent 100%)!important;;
}
.ads .teaser-title {
  position: relative!important;

  margin: 0!important;
  padding: 15px!important;

  font-weight: 700!important;
  font-size: 18px!important;
  line-height: 25px!important;
  text-align: left!important;
  color: #ffffff!important;
  text-decoration: none!important;

  background: #222222!important;

  transition: 0.25s!important;;
}
body {
  height: auto!important;
}
.ads-container .ads {
  position: relative!important;

  max-width: 1200px!important;
  margin: 0 auto!important;
  padding: 15px!important;;
}
.ads-container {
  position: relative!important;

  display: block!important;
  width: 100%;
  max-width: 100%;
  margin: 0 auto!important;
  margin: 0;
  overflow: visible!important;

  text-align: center!important;

  background: #ffffff;
}
.ads {
  position: static!important;

  float: none!important;
  width: 100%!important;
  margin: 0!important;
  padding: 0!important;
  overflow: hidden;

  background: none!important;
  border: 0!important;;
}
.ads ~ * {
  margin-top: 15px!important;
}
* + .ads {
  margin: 15px 0 0!important;
}
.ads .landing-ads-title {
  margin: 0 0 15px!important;

  font-weight: 700!important;
  font-size: 18px!important;
  text-align: left!important;
  color: #252525!important;
  text-transform: none!important;

  background: none!important;;
}
@media (max-width: 991px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;

    text-align: center;
  }
}
img {
  max-width: 100%;
}