/* =====================
   Mobile menu override
   ===================== */
body.adaptive .mobile-menu[data-b-id="115"] .menu-holder {
  padding: 0;
  width: auto;
  max-width: none;
}

/* =====================
   Modal [data-m-id="1"]
   ===================== */
[data-m-id="1"] .component-bg .overlay {
  background: #000;
  border-color: #000;
  opacity: .9;
}

[data-m-id="1"] .scroller {
  padding: 50px 0;
  max-height: 100%;
  width: 100%;
}

[data-m-id="1"] .modal-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
  text-align: center;
  background: #fff;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .2);
  border-radius: 5px;
  color: #191919;
}

[data-m-id="1"] .form {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  padding: 30px 20px;
}

[data-m-id="1"] .form .form-title,
[data-m-id="1"] .form .form-bottom { padding: 0 10px; }

[data-m-id="1"] .form .form-title { margin-bottom: 20px; }
[data-m-id="1"] .form .form-bottom { margin-top: 10px; opacity: .5; }

[data-m-id="1"] .form .component-form { margin: 20px 0 0; }

/* =====================
   Modal [data-m-id="100"] (payment)
   ===================== */
[data-m-id="100"] .component-bg .overlay {
  background: #000;
  border-color: #000;
  opacity: .9;
}

[data-m-id="100"] .modal-data { color: #fff; }

[data-m-id="100"] .scroller {
  width: 100%;
  max-height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px 0;
}

[data-m-id="100"] .container {
  margin: 0;
  position: relative;
  width: 100%;
  max-width: 380px;
  padding: 30px;
  pointer-events: all;
  border-radius: 7px;
  background-color: #fff;
  color: #222;
  text-align: center;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .2);
  transition: all .35s ease-out;
}

[data-m-id="100"] .container[data-type] .loading { display: none; }
[data-m-id="100"] .container[data-type=bill] { max-width: 480px; }
[data-m-id="100"] .container[data-type=bill] .action-bill { display: -ms-flexbox; display: flex; }

[data-m-id="100"] .container[data-type=already] .action-already,
[data-m-id="100"] .container[data-type=cash] .action-cash,
[data-m-id="100"] .container[data-type=fail] .action-fail,
[data-m-id="100"] .container[data-type=success] .action-success { display: block; }

/* bill layout */
[data-m-id="100"] .action-bill {
  display: none;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  overflow-y: auto;
}

[data-m-id="100"] .action-bill .pay-methods {
  width: 100%;
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

[data-m-id="100"] .action-bill .pay-methods .title { margin-bottom: 20px; }

[data-m-id="100"] .action-bill .pay-methods-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

[data-m-id="100"] .action-bill .pay-methods-list label {
  width: 33.33%;
  margin-bottom: 15px;
  padding: 0 5px;
  cursor: pointer;
}

[data-m-id="100"] .action-bill .pay-methods-list label:hover .preview { border-color: rgba(34, 34, 34, .5); }

[data-m-id="100"] .action-bill .pay-methods-list label input:checked + .preview { border: 2px solid #222; }
[data-m-id="100"] .action-bill .pay-methods-list label input:checked + .preview:before {
  transform: rotate(47deg) scaleX(1);
  transition: transform .2s ease-in;
}
[data-m-id="100"] .action-bill .pay-methods-list label input:checked + .preview:after {
  transform: rotate(-42deg) scaleX(1);
  transition: transform .15s ease-out .2s;
}

[data-m-id="100"] .action-bill .pay-methods-list label .preview {
  position: relative;
  width: 120px;
  max-width: 100%;
  height: 100px;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  transition: border-color .3s;
}

[data-m-id="100"] .action-bill .pay-methods-list label .preview:before,
[data-m-id="100"] .action-bill .pay-methods-list label .preview:after {
  display: block;
  content: "";
  height: 2px;
  position: absolute;
  background: #222;
}

[data-m-id="100"] .action-bill .pay-methods-list label .preview:before {
  width: 6px;
  top: 19px; right: 23px;
  transform: rotate(47deg) scaleX(0);
  transform-origin: top left;
}

[data-m-id="100"] .action-bill .pay-methods-list label .preview:after {
  width: 16px;
  top: 24px; right: 9px;
  transform: rotate(-42deg) scaleX(0);
  transform-origin: bottom left;
}

[data-m-id="100"] .action-bill .pay-methods-list label span {
  display: block;
  margin-top: 5px;
}

[data-m-id="100"] .action-bill .pay-methods-list label input { visibility: hidden; display: none; }

[data-m-id="100"] .action-bill .pay-methods-list label i {
  width: 80px; height: 60px;
  display: block;
  margin: auto;
  background-image: url("/_s/images/admin/pay/pay_logo.png");
  background-repeat: no-repeat;
  background-position: -3px -14px;
}

/* retina sprite */
@media (-webkit-min-device-pixel-ratio:1.3),
       (-webkit-min-device-pixel-ratio:1.5),
       (min-resolution:1.3dppx),
       (min-resolution:144dpi) {
  [data-m-id="100"] .action-bill .pay-methods-list label i {
    background-image: url("/_s/images/admin/pay/pay_logo.retina.png");
    background-size: 560px 160px;
  }
}

/* payment method positions */
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=visa] i         { background-position:  -3px -10px; }
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=mastercard] i   { background-position: -80px -10px; }
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=yandex] i       { background-position: -160px -12px; }
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=qiwi] i         { background-position: -240px  -9px; }
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=webmoney] i,
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=webmoney_u] i,
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=webmoney_z] i   { background-position: -320px -10px; }
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=mobile_megafon] i { background-position: -480px -10px; }
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=mobile_beeline] i { background-position:   1px  -90px; }
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=mobile_mts] i     { background-position: -79px  -90px; }
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=mobile_tele2] i   { background-position: -160px -90px; }
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=sberbank] i       { background-position: -240px -90px; }
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=bank] i           { background-position: -320px -91px; }
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=w1] i             { background-position: -400px -90px; }
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=ibank_robo] i,
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=yandex_kassa] i,
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=yandexkassa] i    { background-position: -480px -88px; }
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=bank_company] i   { background-position: -400px -12px; }

/* cash icon (separate image) */
[data-m-id="100"] .action-bill .pay-methods-list label[data-type=cash] i {
  background-position: 50%;
  background-image: url("/_s/images/land/pay/pay_cash.png");
}

@media (-webkit-min-device-pixel-ratio:1.3),
       (-webkit-min-device-pixel-ratio:1.5),
       (min-resolution:1.3dppx),
       (min-resolution:144dpi) {
  [data-m-id="100"] .action-bill .pay-methods-list label[data-type=cash] i {
    background-image: url("/_s/images/land/pay/pay_cash.retina.png");
    background-size: 55px 38px;
  }
}

[data-m-id="100"] .action-bill .pay-methods-list label:nth-last-child(4) ~ label { margin-bottom: 0; }

/* bill top area */
[data-m-id="100"] .action-bill .pay-action {
  width: 100%;
  max-width: 300px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

[data-m-id="100"] .action-bill .pay-action .ico-wrap { margin-bottom: 5px; }
[data-m-id="100"] .action-bill .pay-action .ico-wrap .component-ico { border: none; }
[data-m-id="100"] .action-bill .pay-action .title { margin-bottom: 15px; }
[data-m-id="100"] .action-bill .pay-action .price { font-size: 1.714rem; line-height: 1.375; }

[data-m-id="100"] .action-bill .btn-wrap {
  display: block;
  margin-top: 30px;
}

/* states */
[data-m-id="100"] .action-already,
[data-m-id="100"] .action-cash,
[data-m-id="100"] .action-fail,
[data-m-id="100"] .action-success {
  display: none;
  text-align: center;
}

[data-m-id="100"] .action-already .title,
[data-m-id="100"] .action-cash .title,
[data-m-id="100"] .action-fail .title,
[data-m-id="100"] .action-success .title { margin-bottom: 15px; }

[data-m-id="100"] .action-already .btn-wrap,
[data-m-id="100"] .action-cash .btn-wrap,
[data-m-id="100"] .action-fail .btn-wrap,
[data-m-id="100"] .action-success .btn-wrap { margin-top: 30px; }

[data-m-id="100"] .action-cash .ico-wrap       { color: #d64094; }
[data-m-id="100"] .action-already .ico-wrap,
[data-m-id="100"] .action-success .ico-wrap    { color: #17c37b; }
[data-m-id="100"] .action-fail .ico-wrap       { color: #ef3e4a; }

/* buttons in modal */
[data-m-id="100"] .btn-wrap .component-button.bordered .btn-content { color: #222; }
[data-m-id="100"] .btn-wrap .component-button.bordered .btn-content:hover { color: #000; }

[data-m-id="100"] .btn-wrap .component-button.filled .btn-content {
  border: 1px solid #222;
  background-color: #222;
  color: #fff;
}

[data-m-id="100"] .btn-wrap .component-button.filled:not(.shadow):not(.zoom) .btn-content:hover { background-color: #151515; }

[data-m-id="100"] .btn-wrap .component-button.shadow .btn-content { box-shadow: 0 15px 40px rgba(34, 34, 34, .2); }
[data-m-id="100"] .btn-wrap .component-button.shadow .btn-content:hover { box-shadow: 0 15px 40px rgba(34, 34, 34, .25); }

[data-m-id="100"] .btn-wrap .component-button {
  cursor: pointer;
  display: block;
  width: 200px;
  margin: auto;
  transition: opacity .35s ease-out;
}

[data-m-id="100"] .btn-wrap .component-button.disabled {
  opacity: .3;
  pointer-events: none;
  cursor: default;
}

[data-m-id="100"] .btn-wrap .component-button.busy { pointer-events: none; }
[data-m-id="100"] .btn-wrap .component-button.busy .submitting-status { display: block; opacity: 1; }
[data-m-id="100"] .btn-wrap .component-button.busy span { opacity: 0; visibility: hidden; }

[data-m-id="100"] .btn-wrap .component-button .submitting-status {
  display: none;
  position: absolute;
  top: 50%; left: 0; right: 0;
  transform: translateY(-50%);
  opacity: 0;
  margin: 0 auto;
  transition: opacity .15s;
  text-align: center;
  width: 100%; height: 22px;
}

[data-m-id="100"] .btn-wrap .component-button .submitting-status i {
  display: inline-block;
  position: relative;
  width: 22px; height: 22px;
  transform: rotate(0deg);
  transform-origin: center;
}

[data-m-id="100"] .btn-wrap .component-button .submitting-status svg {
  opacity: 1;
  width: 100%; height: 100%;
  position: absolute; left: 0; top: 0;
  animation: submitting_status_rotate .3s linear infinite;
}

[data-m-id="100"] .btn-wrap .component-button .submitting-status svg path { fill: currentColor; }

[data-m-id="100"] .ico-wrap {
  width: 70px; height: 70px;
  margin: 0 auto 20px;
}

[data-m-id="100"] .ico-wrap .component-ico {
  padding: 14px;
  border-radius: 50%;
  border: 2px solid currentColor;
}

/* =====================
   Modal [data-m-id="11"]
   ===================== */
[data-m-id="11"] .component-bg .overlay {
  background: #000;
  border-color: #000;
  opacity: .9;
}

[data-m-id="11"] .scroller {
  padding: 50px 0;
  max-height: 100%;
  width: 100%;
}

[data-m-id="11"] .modal-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  padding: 50px;
  text-align: center;
  background: #fff;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .2);
  border-radius: 5px;
  color: #191919;
}

[data-m-id="11"] .modal-content .title { margin: 0 auto 15px; }
[data-m-id="11"] .modal-content .text  { font-size: 1rem; line-height: 1.5; }
[data-m-id="11"] .modal-content .text,
[data-m-id="11"] .modal-content .title { width: 100%; }

/* =====================
   Modal [data-m-id="12"]
   ===================== */
[data-m-id="12"] .component-bg .overlay {
  background: #000;
  border-color: #000;
  opacity: .9;
}

[data-m-id="12"] .scroller {
  padding: 50px 0;
  max-height: 100%;
  width: 100%;
}

[data-m-id="12"] .modal-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  padding: 50px;
  text-align: center;
  background: #fff;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .2);
  border-radius: 5px;
  color: #191919;
}

[data-m-id="12"] .modal-content .title { margin: 0 auto 15px; }
[data-m-id="12"] .modal-content .text  { font-size: 1rem; line-height: 1.5; }
[data-m-id="12"] .modal-content .text,
[data-m-id="12"] .modal-content .title { width: 100%; }
[data-m-id="12"] .modal-content .ico-wrap { width: 70px; height: 70px; margin-bottom: 20px; }
[data-m-id="12"] .modal-content .btn-wrap { margin-top: 30px; }

/* =====================
   Modal [data-m-id="2"] (image + form)
   ===================== */
[data-m-id="2"] .component-bg .overlay {
  background: #000;
  border-color: #000;
  opacity: .9;
}

[data-m-id="2"] .scroller {
  padding: 50px 0;
  max-height: 100%;
  width: 100%;
}

[data-m-id="2"] .modal-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0;
  width: 100%;
  max-width: 780px;
  min-height: 400px;
  margin: 0 auto;
  text-align: center;
  background: #fff;
  color: #191919;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .2);
  border-radius: 5px;
  overflow: hidden;
}

[data-m-id="2"] .image {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

[data-m-id="2"] .image .component-image {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  padding-bottom: 0;
}

[data-m-id="2"] .form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50%;
  min-width: 360px;
  max-width: 390px;
  padding: 30px 20px;
}

[data-m-id="2"] .form .form-title,
[data-m-id="2"] .form .form-bottom {
  width: 100%;
  padding: 0 10px;
}

[data-m-id="2"] .form .form-title { margin-bottom: 20px; }
[data-m-id="2"] .form .form-bottom { margin-top: 10px; opacity: .5; }
[data-m-id="2"] .form .component-form { width: 100%; margin: 20px 0 0; }

/* =====================
   Modal [data-m-id="20"] (media + info)
   ===================== */
[data-m-id="20"] .component-bg .overlay {
  background: #000;
  border-color: #000;
  opacity: .9;
}

[data-m-id="20"] .scroller {
  padding: 50px 0;
  height: 100%;
  -ms-flex-align: start;
  align-items: flex-start;
}

[data-m-id="20"] .scroller,
[data-m-id="20"] .modal-content {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

[data-m-id="20"] .modal-content {
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0;
  max-width: 780px;
  min-height: 471px;
  margin: auto 0;
  background: #fff;
  color: #191919;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .2);
  border-radius: 5px;
}

[data-m-id="20"] .modal-content.vertical { max-width: 500px; -ms-flex-direction: column; flex-direction: column; }
[data-m-id="20"] .modal-content.vertical .image { height: 300px; }
[data-m-id="20"] .modal-content.vertical .image .component-media { border-radius: 5px 5px 0 0; }
[data-m-id="20"] .modal-content.vertical .info-content { width: 100%; }

[data-m-id="20"] .image {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

[data-m-id="20"] .image .component-media {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  padding-bottom: 0;
  border-radius: 5px 0 0 5px;
  overflow: hidden;
}

[data-m-id="20"] .info-content {
  width: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

[data-m-id="20"] .info-content .title { margin-bottom: 20px; }

[data-m-id="20"] .info-content .bottom {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 30px;
  border-top: 1px solid #e6e6e6;
}

[data-m-id="20"] .info-content .bottom .btn-wrap { -ms-flex-negative: 0; flex-shrink: 0; }

/* =====================
   Modal [data-m-id="3"] (image + form, center text)
   ===================== */
[data-m-id="3"] .component-bg .overlay {
  background: #000;
  border-color: #000;
  opacity: .9;
}

[data-m-id="3"] .scroller {
  padding: 50px 0;
  height: 100%;
  -ms-flex-align: start;
  align-items: flex-start;
}

[data-m-id="3"] .scroller,
[data-m-id="3"] .modal-content {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

[data-m-id="3"] .modal-content {
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0;
  max-width: 780px;
  min-height: 400px;
  text-align: center;
  margin: auto 0;
  background: #fff;
  color: #191919;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .2);
  border-radius: 5px;
}

[data-m-id="3"] .image {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

[data-m-id="3"] .image .component-media {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  padding-bottom: 0;
  border-radius: 5px 0 0 5px;
}

[data-m-id="3"] .form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50%;
  min-width: 360px;
  max-width: 390px;
  padding: 30px 20px;
}

[data-m-id="3"] .form .form-title,
[data-m-id="3"] .form .form-bottom {
  width: 100%;
  padding: 0 10px;
}

[data-m-id="3"] .form .form-title { margin-bottom: 20px; }
[data-m-id="3"] .form .form-bottom { margin-top: 10px; opacity: .5; }
[data-m-id="3"] .form .component-form { width: 100%; margin: 20px 0 0; }

/* =====================
   Modal [data-m-id="30"] (map + text)
   ===================== */
[data-m-id="30"] .component-bg .overlay {
  background: #000;
  border-color: #000;
  opacity: .9;
}

[data-m-id="30"] .scroller {
  padding: 50px 0;
  height: 100%;
  -ms-flex-align: start;
  align-items: flex-start;
}

[data-m-id="30"] .scroller,
[data-m-id="30"] .modal-content {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

[data-m-id="30"] .modal-content {
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0;
  max-width: 780px;
  min-height: 471px;
  margin: auto 0;
  background: #fff;
  color: #191919;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .2);
  border-radius: 5px;
}

/* swap variant */
[data-m-id="30"] .swap .text-wrap { -ms-flex-order: 99; order: 99; border-radius: 0 5px 5px 0; border-width: 1px 1px 1px 0; }
[data-m-id="30"] .swap .map-wrap  { border-radius: 5px 0 0 5px; }

/* columns */
[data-m-id="30"] .map-wrap {
  width: 50%;
  min-height: 100%;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #000;
  border-radius: 0 5px 5px 0;
  overflow: hidden;
  background-color: #f1f1f1;
  transform: translateZ(0);
}

[data-m-id="30"] .map-wrap > div { width: 100%; height: 100%; }

[data-m-id="30"] .text-wrap {
  width: 50%;
  max-width: 100%;
  min-height: 270px;
  padding: 30px;
  color: #232323;
  background-color: #fff;
  border-radius: 5px 0 0 5px;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: rgba(0, 0, 0, .1);
}

[data-m-id="30"] .text-wrap .name + .text,
[data-m-id="30"] .text-wrap .soc-holder,
[data-m-id="30"] .text-wrap .btn-wrap { margin-top: 20px; }

[data-m-id="30"] .component-socials { display: inline-block; min-width: 70px; }
[data-m-id="30"] .component-socials[data-style=clean] a:first-of-type { margin-left: -5px; }

[data-m-id="30"] svg.placemark {
  position: absolute;
  top: -46px; left: -16px;
  max-width: none; max-height: none;
}

/* =====================
   Modal [data-m-id="31"] (simple content)
   ===================== */
[data-m-id="31"] .component-bg .overlay {
  background: #000;
  border-color: #000;
  opacity: .9;
}

[data-m-id="31"] .modal-data a.close { color: #fff; }

[data-m-id="31"] .modal-data > .scroller {
  max-height: 100%;
  width: 100%;
  padding: 50px 0;
}

[data-m-id="31"] .modal-data > .scroller > .scroller {
  display: block;
  max-height: none;
  height: 100%;
}

[data-m-id="31"] .modal-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  padding: 50px 30px;
  text-align: center;
  background: #fff;
  color: #191919;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .2);
  border-radius: 5px;
}

/* =====================
   Modal [data-m-id="99"] (wide)
   ===================== */
[data-m-id="99"] .component-bg .overlay {
  background: #000;
  border-color: #000;
  opacity: .9;
}

[data-m-id="99"] .scroller {
  padding: 50px 0;
  max-height: 100%;
  width: 100%;
}

[data-m-id="99"] .modal-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 50px;
  background: #fff;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .2);
  border-radius: 5px;
  color: #191919;
}

[data-m-id="99"] .modal-content .title { margin: 0 auto 15px; }
[data-m-id="99"] .modal-content .text  { font-size: 1rem; line-height: 1.5; }
[data-m-id="99"] .modal-content .text,
[data-m-id="99"] .modal-content .title { width: 100%; }

/* =====================
   Adaptive overrides
   ===================== */

/* m-id="1" */
@media (max-width: 570px) {
  body.adaptive [data-m-id="1"] .modal-data { background: #fff; color: #232323 !important; }
  body.adaptive [data-m-id="1"] .component-bg { display: none; }
  body.adaptive [data-m-id="1"] .scroller { padding: 0; }
  body.adaptive [data-m-id="1"] .modal-content {
    width: 100%;
    max-width: none;
    border-radius: 0;
    box-shadow: none;
  }
}

/* m-id="100" */
@media (max-width: 767px) {
  body.adaptive [data-m-id="100"] .container { padding: 30px 7%; }
  body.adaptive [data-m-id="100"] .action-bill .pay-methods { padding: 0; }
  body.adaptive [data-m-id="100"] .action-bill .pay-methods .title { margin-bottom: 20px; }
  body.adaptive [data-m-id="100"] .action-bill .pay-methods .pay-methods-list { max-height: none; }
  body.adaptive [data-m-id="100"] .action-bill .pay-action { padding-bottom: 30px; }
  body.adaptive [data-m-id="100"] .action-bill .pay-action .btn-wrap { position: static; margin-top: 30px; }
}

@media (max-width: 570px) {
  body.adaptive [data-m-id="100"] .modal-data { color: #222; }
  body.adaptive [data-m-id="100"] .scroller { padding: 0; height: 100%; background: #fff; }
  body.adaptive [data-m-id="100"] .container { border-radius: 0; box-shadow: none; padding-bottom: 50px; }
  body.adaptive [data-m-id="100"] .action-bill .pay-action { padding-top: 15px; }
  body.adaptive [data-m-id="100"] .action-bill .pay-action .ico-wrap { display: none; }
  body.adaptive [data-m-id="100"] .action-bill .pay-methods-list label { min-width: 100px; }
}

@media (max-width: 350px) {
  body.adaptive [data-m-id="100"] .action-bill .pay-methods-list label {
    width: 50%;
    margin-bottom: 15px !important;
  }
}

/* m-id="11" */
@media (max-width: 570px) {
  body.adaptive [data-m-id="11"] .modal-data { background: #fff; color: #232323 !important; }
  body.adaptive [data-m-id="11"] .component-bg { display: none; }
  body.adaptive [data-m-id="11"] .scroller { padding: 0; }
  body.adaptive [data-m-id="11"] .modal-content { width: 100%; max-width: none; border-radius: 0; }
}

/* m-id="12" */
@media (max-width: 570px) {
  body.adaptive [data-m-id="12"] .modal-data { background: #fff; color: #232323 !important; }
  body.adaptive [data-m-id="12"] .component-bg { display: none; }
  body.adaptive [data-m-id="12"] .scroller { padding: 0; }
  body.adaptive [data-m-id="12"] .modal-content { width: 100%; max-width: none; border-radius: 0; }
}

/* m-id="2" */
@media (max-width: 570px) {
  body.adaptive [data-m-id="2"] .modal-data { background: #fff; color: #232323 !important; }
  body.adaptive [data-m-id="2"] .component-bg { display: none; }
  body.adaptive [data-m-id="2"] .scroller { padding: 0; }
  body.adaptive [data-m-id="2"] .modal-content {
    width: 100%;
    max-width: none;
    border-radius: 0;
    box-shadow: none;
  }
  body.adaptive [data-m-id="2"] .image { display: none; }
  body.adaptive [data-m-id="2"] .form  { min-width: 0; width: 100%; }
}

@media (max-width: 767px) {
  body.adaptive [data-m-id="2"] .modal-content { max-width: 380px; }
  body.adaptive [data-m-id="2"] .image        { display: none; }
  body.adaptive [data-m-id="2"] .form         { width: 100%; }
}

/* m-id="20" */
@media (max-width: 767px) {
  body.adaptive [data-m-id="20"] .modal-data { background: #fff; color: #232323 !important; }
  body.adaptive [data-m-id="20"] .component-bg { display: none; }
  body.adaptive [data-m-id="20"] .scroller { padding: 0; }
  body.adaptive [data-m-id="20"] .modal-content {
    width: 100%;
    max-width: 500px;
    height: 100%;
    max-width: none;
    border-radius: 0;
    box-shadow: none;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  body.adaptive [data-m-id="20"] .image { height: 100% !important; max-height: 65vw; }
  body.adaptive [data-m-id="20"] .image .component-media { border-radius: 0 !important; }
  body.adaptive [data-m-id="20"] .info-content { width: 100%; padding: 15px; -ms-flex-positive: 1; flex-grow: 1; }
  body.adaptive [data-m-id="20"] .bottom { margin-top: 15px; }
}

/* m-id="3" */
@media (max-width: 570px) {
  body.adaptive [data-m-id="3"] .modal-data { background: #fff; color: #232323 !important; }
  body.adaptive [data-m-id="3"] .component-bg { display: none; }
  body.adaptive [data-m-id="3"] .scroller { padding: 0; }
  body.adaptive [data-m-id="3"] .modal-content {
    width: 100%;
    max-width: none;
    border-radius: 0;
    box-shadow: none;
  }
  body.adaptive [data-m-id="3"] .image { display: none; }
  body.adaptive [data-m-id="3"] .form  { min-width: 0; width: 100%; }
}

@media (max-width: 767px) {
  body.adaptive [data-m-id="3"] .modal-content { max-width: 380px; }
  body.adaptive [data-m-id="3"] .image        { display: none; }
  body.adaptive [data-m-id="3"] .form         { width: 100%; }
}

/* m-id="30" */
@media (max-width: 570px) {
  body.adaptive [data-m-id="30"] .modal-data { background: #fff; color: #232323 !important; }
  body.adaptive [data-m-id="30"] .component-bg { display: none; }
  body.adaptive [data-m-id="30"] .scroller { padding: 0; }
  body.adaptive [data-m-id="30"] .modal-content {
    width: 100%;
    height: 100%;
    max-width: none;
    border-radius: 0;
    box-shadow: none;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  body.adaptive [data-m-id="30"] .map-wrap {
    width: 100%;
    height: 100% !important;
    max-height: 65vw;
    min-height: 65vw;
  }
  body.adaptive [data-m-id="30"] .map-wrap .component-map { border-radius: 0 !important; }
  body.adaptive [data-m-id="30"] .text-wrap {
    width: 100%;
    padding: 15px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: none;
  }
  body.adaptive [data-m-id="30"] .bottom { margin-top: 15px; }
}

/* m-id="99" */
@media (max-width: 570px) {
  body.adaptive [data-m-id="99"] .modal-data { background: #fff; color: #232323 !important; }
  body.adaptive [data-m-id="99"] .component-bg { display: none; }
  body.adaptive [data-m-id="99"] .scroller { padding: 0; }
  body.adaptive [data-m-id="99"] .modal-content {
    width: 100%;
    max-width: none;
    min-height: 100vh;
    border-radius: 0;
  }
}