/* Start:/local/templates/hemonc_h/css/bootstrap-grid.css?177676870234188*/
/*!
 * Bootstrap Grid Only (grid and responsive utilities extracted from Bootstrap 4.1.3)
 * GitHub: https://github.com/dmhendricks/bootstrap-grid-css
 * Bootstrap License: MIT (https://github.com/twbs/bootstrap/blob/v4-dev/LICENSE)
 * Credits: Twitter, Inc. & The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
 */
@-ms-viewport {
  width: device-width;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.bootstrap-wrapper {
  /**
 * Bootstrap overrides
 */
}

.bootstrap-wrapper .clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.bootstrap-wrapper .visible {
  visibility: visible !important;
}

.bootstrap-wrapper .invisible {
  visibility: hidden !important;
}

.bootstrap-wrapper .hidden-xs-up {
  display: none !important;
}

@media (max-width: 575.98px) {
  .bootstrap-wrapper .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .bootstrap-wrapper .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .bootstrap-wrapper .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .bootstrap-wrapper .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .bootstrap-wrapper .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .bootstrap-wrapper .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .bootstrap-wrapper .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .bootstrap-wrapper .hidden-xl-up {
    display: none !important;
  }
}

.bootstrap-wrapper .hidden-xl-down {
  display: none !important;
}

.bootstrap-wrapper .visible-print-block {
  display: none !important;
}

@media print {
  .bootstrap-wrapper .visible-print-block {
    display: block !important;
  }
}

.bootstrap-wrapper .visible-print-inline {
  display: none !important;
}

@media print {
  .bootstrap-wrapper .visible-print-inline {
    display: inline !important;
  }
}

.bootstrap-wrapper .visible-print-inline-block {
  display: none !important;
}

@media print {
  .bootstrap-wrapper .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .bootstrap-wrapper .hidden-print {
    display: none !important;
  }
}

.bootstrap-wrapper .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .bootstrap-wrapper .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .bootstrap-wrapper .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .bootstrap-wrapper .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .bootstrap-wrapper .container {
    max-width: 1140px;
  }
}

.bootstrap-wrapper .container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.bootstrap-wrapper .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.bootstrap-wrapper .no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.bootstrap-wrapper .no-gutters > .col,
.bootstrap-wrapper .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.bootstrap-wrapper .col-1, .bootstrap-wrapper .col-2, .bootstrap-wrapper .col-3, .bootstrap-wrapper .col-4, .bootstrap-wrapper .col-5, .bootstrap-wrapper .col-6, .bootstrap-wrapper .col-7, .bootstrap-wrapper .col-8, .bootstrap-wrapper .col-9, .bootstrap-wrapper .col-10, .bootstrap-wrapper .col-11, .bootstrap-wrapper .col-12, .bootstrap-wrapper .col,
.bootstrap-wrapper .col-auto, .bootstrap-wrapper .col-sm-1, .bootstrap-wrapper .col-sm-2, .bootstrap-wrapper .col-sm-3, .bootstrap-wrapper .col-sm-4, .bootstrap-wrapper .col-sm-5, .bootstrap-wrapper .col-sm-6, .bootstrap-wrapper .col-sm-7, .bootstrap-wrapper .col-sm-8, .bootstrap-wrapper .col-sm-9, .bootstrap-wrapper .col-sm-10, .bootstrap-wrapper .col-sm-11, .bootstrap-wrapper .col-sm-12, .bootstrap-wrapper .col-sm,
.bootstrap-wrapper .col-sm-auto, .bootstrap-wrapper .col-md-1, .bootstrap-wrapper .col-md-2, .bootstrap-wrapper .col-md-3, .bootstrap-wrapper .col-md-4, .bootstrap-wrapper .col-md-5, .bootstrap-wrapper .col-md-6, .bootstrap-wrapper .col-md-7, .bootstrap-wrapper .col-md-8, .bootstrap-wrapper .col-md-9, .bootstrap-wrapper .col-md-10, .bootstrap-wrapper .col-md-11, .bootstrap-wrapper .col-md-12, .bootstrap-wrapper .col-md,
.bootstrap-wrapper .col-md-auto, .bootstrap-wrapper .col-lg-1, .bootstrap-wrapper .col-lg-2, .bootstrap-wrapper .col-lg-3, .bootstrap-wrapper .col-lg-4, .bootstrap-wrapper .col-lg-5, .bootstrap-wrapper .col-lg-6, .bootstrap-wrapper .col-lg-7, .bootstrap-wrapper .col-lg-8, .bootstrap-wrapper .col-lg-9, .bootstrap-wrapper .col-lg-10, .bootstrap-wrapper .col-lg-11, .bootstrap-wrapper .col-lg-12, .bootstrap-wrapper .col-lg,
.bootstrap-wrapper .col-lg-auto, .bootstrap-wrapper .col-xl-1, .bootstrap-wrapper .col-xl-2, .bootstrap-wrapper .col-xl-3, .bootstrap-wrapper .col-xl-4, .bootstrap-wrapper .col-xl-5, .bootstrap-wrapper .col-xl-6, .bootstrap-wrapper .col-xl-7, .bootstrap-wrapper .col-xl-8, .bootstrap-wrapper .col-xl-9, .bootstrap-wrapper .col-xl-10, .bootstrap-wrapper .col-xl-11, .bootstrap-wrapper .col-xl-12, .bootstrap-wrapper .col-xl,
.bootstrap-wrapper .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.bootstrap-wrapper .col {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.bootstrap-wrapper .col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.bootstrap-wrapper .col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.3333333333%;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.bootstrap-wrapper .col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.6666666667%;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.bootstrap-wrapper .col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.bootstrap-wrapper .col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333333333%;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.bootstrap-wrapper .col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.6666666667%;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.bootstrap-wrapper .col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.bootstrap-wrapper .col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.3333333333%;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.bootstrap-wrapper .col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.6666666667%;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.bootstrap-wrapper .col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.bootstrap-wrapper .col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.3333333333%;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.bootstrap-wrapper .col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.6666666667%;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.bootstrap-wrapper .col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.bootstrap-wrapper .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}

.bootstrap-wrapper .order-last {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
      -ms-flex-order: 13;
          order: 13;
}

.bootstrap-wrapper .order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
}

.bootstrap-wrapper .order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.bootstrap-wrapper .order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.bootstrap-wrapper .order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

.bootstrap-wrapper .order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}

.bootstrap-wrapper .order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}

.bootstrap-wrapper .order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}

.bootstrap-wrapper .order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7;
}

.bootstrap-wrapper .order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8;
}

.bootstrap-wrapper .order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9;
}

.bootstrap-wrapper .order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
}

.bootstrap-wrapper .order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11;
}

.bootstrap-wrapper .order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12;
}

.bootstrap-wrapper .offset-1 {
  margin-left: 8.3333333333%;
}

.bootstrap-wrapper .offset-2 {
  margin-left: 16.6666666667%;
}

.bootstrap-wrapper .offset-3 {
  margin-left: 25%;
}

.bootstrap-wrapper .offset-4 {
  margin-left: 33.3333333333%;
}

.bootstrap-wrapper .offset-5 {
  margin-left: 41.6666666667%;
}

.bootstrap-wrapper .offset-6 {
  margin-left: 50%;
}

.bootstrap-wrapper .offset-7 {
  margin-left: 58.3333333333%;
}

.bootstrap-wrapper .offset-8 {
  margin-left: 66.6666666667%;
}

.bootstrap-wrapper .offset-9 {
  margin-left: 75%;
}

.bootstrap-wrapper .offset-10 {
  margin-left: 83.3333333333%;
}

.bootstrap-wrapper .offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .bootstrap-wrapper .col-sm {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap-wrapper .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap-wrapper .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap-wrapper .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap-wrapper .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap-wrapper .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap-wrapper .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap-wrapper .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap-wrapper .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap-wrapper .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap-wrapper .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap-wrapper .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap-wrapper .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .bootstrap-wrapper .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .bootstrap-wrapper .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .bootstrap-wrapper .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .bootstrap-wrapper .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .bootstrap-wrapper .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .bootstrap-wrapper .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .bootstrap-wrapper .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .bootstrap-wrapper .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .bootstrap-wrapper .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .bootstrap-wrapper .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .bootstrap-wrapper .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .bootstrap-wrapper .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .bootstrap-wrapper .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .bootstrap-wrapper .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .bootstrap-wrapper .offset-sm-0 {
    margin-left: 0;
  }
  .bootstrap-wrapper .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap-wrapper .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap-wrapper .offset-sm-3 {
    margin-left: 25%;
  }
  .bootstrap-wrapper .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap-wrapper .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap-wrapper .offset-sm-6 {
    margin-left: 50%;
  }
  .bootstrap-wrapper .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap-wrapper .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap-wrapper .offset-sm-9 {
    margin-left: 75%;
  }
  .bootstrap-wrapper .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap-wrapper .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 768px) {
  .bootstrap-wrapper .col-md {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap-wrapper .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap-wrapper .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap-wrapper .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap-wrapper .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap-wrapper .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap-wrapper .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap-wrapper .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap-wrapper .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap-wrapper .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap-wrapper .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap-wrapper .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap-wrapper .order-md-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .bootstrap-wrapper .order-md-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .bootstrap-wrapper .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .bootstrap-wrapper .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .bootstrap-wrapper .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .bootstrap-wrapper .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .bootstrap-wrapper .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .bootstrap-wrapper .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .bootstrap-wrapper .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .bootstrap-wrapper .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .bootstrap-wrapper .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .bootstrap-wrapper .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .bootstrap-wrapper .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .bootstrap-wrapper .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .bootstrap-wrapper .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .bootstrap-wrapper .offset-md-0 {
    margin-left: 0;
  }
  .bootstrap-wrapper .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap-wrapper .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap-wrapper .offset-md-3 {
    margin-left: 25%;
  }
  .bootstrap-wrapper .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap-wrapper .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap-wrapper .offset-md-6 {
    margin-left: 50%;
  }
  .bootstrap-wrapper .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap-wrapper .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap-wrapper .offset-md-9 {
    margin-left: 75%;
  }
  .bootstrap-wrapper .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap-wrapper .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 992px) {
  .bootstrap-wrapper .col-lg {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap-wrapper .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap-wrapper .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap-wrapper .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap-wrapper .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap-wrapper .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap-wrapper .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap-wrapper .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap-wrapper .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap-wrapper .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap-wrapper .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap-wrapper .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap-wrapper .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .bootstrap-wrapper .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .bootstrap-wrapper .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .bootstrap-wrapper .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .bootstrap-wrapper .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .bootstrap-wrapper .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .bootstrap-wrapper .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .bootstrap-wrapper .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .bootstrap-wrapper .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .bootstrap-wrapper .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .bootstrap-wrapper .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .bootstrap-wrapper .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .bootstrap-wrapper .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .bootstrap-wrapper .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .bootstrap-wrapper .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .bootstrap-wrapper .offset-lg-0 {
    margin-left: 0;
  }
  .bootstrap-wrapper .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap-wrapper .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap-wrapper .offset-lg-3 {
    margin-left: 25%;
  }
  .bootstrap-wrapper .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap-wrapper .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap-wrapper .offset-lg-6 {
    margin-left: 50%;
  }
  .bootstrap-wrapper .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap-wrapper .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap-wrapper .offset-lg-9 {
    margin-left: 75%;
  }
  .bootstrap-wrapper .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap-wrapper .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 1200px) {
  .bootstrap-wrapper .col-xl {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .bootstrap-wrapper .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .bootstrap-wrapper .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .bootstrap-wrapper .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap-wrapper .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .bootstrap-wrapper .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .bootstrap-wrapper .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap-wrapper .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .bootstrap-wrapper .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .bootstrap-wrapper .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap-wrapper .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .bootstrap-wrapper .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .bootstrap-wrapper .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap-wrapper .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .bootstrap-wrapper .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .bootstrap-wrapper .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .bootstrap-wrapper .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .bootstrap-wrapper .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .bootstrap-wrapper .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .bootstrap-wrapper .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .bootstrap-wrapper .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .bootstrap-wrapper .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .bootstrap-wrapper .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .bootstrap-wrapper .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .bootstrap-wrapper .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .bootstrap-wrapper .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .bootstrap-wrapper .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .bootstrap-wrapper .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .bootstrap-wrapper .offset-xl-0 {
    margin-left: 0;
  }
  .bootstrap-wrapper .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .bootstrap-wrapper .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .bootstrap-wrapper .offset-xl-3 {
    margin-left: 25%;
  }
  .bootstrap-wrapper .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .bootstrap-wrapper .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .bootstrap-wrapper .offset-xl-6 {
    margin-left: 50%;
  }
  .bootstrap-wrapper .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .bootstrap-wrapper .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .bootstrap-wrapper .offset-xl-9 {
    margin-left: 75%;
  }
  .bootstrap-wrapper .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .bootstrap-wrapper .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}

.bootstrap-wrapper .img-fluid {
  max-width: 100%;
  height: auto;
}

/* End */


/* Start:/local/templates/hemonc_h/css/main.css?17767786247798*/
.wrapper {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

/* ===== HERO ===== */

.section-hero__content {
    position: relative;
    padding: 110px 32px 36px;
    overflow: hidden;
    border-radius: 20px;
}

.section-hero__content::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    background: linear-gradient(
        to bottom,
        rgba(0, 22, 42, 0%) 0%,
        rgba(0, 22, 42, 40%) 40%,
        rgba(0, 22, 42, 100%) 100%
    );
    z-index: 2;
}

.section-hero__media {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    z-index: 1;
}

.section-hero__text {
    position: relative;
    z-index: 3;
}

.section-hero__text h1 {
    font-size: 32px;
    color: var(--color-white);
    margin-bottom: 16px;
}

.section-hero__text span {
    color: var(--color-main);
}

.section-hero__text h1 {
    font-size: 32px;
    color: var(--color-white);
    margin-bottom: 16px;
}

.section-hero__text p {
    font-size: 16px;
    color: var(--color-secondary);
    margin-bottom: 24px;
}

.section-hero__text .button-active {
    width: fit-content;
}

/* ===== ABOUT ===== */

.section-about--home .container {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
}

.section-about--home .section-about__media {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin: 0 auto;
}

.section-about--home .section-about__media img {
    object-position: top;
}

.section-about--home .section-about__media-block {
    height: 150px;
    width: 80%;
    box-shadow: var(--shadow);
    border-radius: 14px;
}

.section-about--home .section-about__media .section-about__media-block:nth-child(even) {
    margin-left: auto;
}

.section-about--home .section-about__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section-about--home .section-about__title {
    color: var(--color-text);
    margin-bottom: 10px;
}

.section-about--home .section-about__content-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.section-about--home .section-about__content-block b {
    line-height: 140%;
    font-size: 14px;
    color: var(--color-primary);
}

.section-about--home .section-about__content-block p {
    color: var(--color-gray);
    line-height: 140%;
}

/* ===== STAFF ===== */

.section-staff {
    overflow: hidden;
}

.section-staff .container {
    overflow: hidden;
}

.section-staff__head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.section-staff__title {
    color: var(--color-text);
}

.section-staff__actions {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.section-staff__link {
    flex-shrink: 0;
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

.section-staff__controls {
    flex-shrink: 0;
}

.section-staff__btn {
    width: 42px;
    height: 42px;
    color: var(--color-primary);
    border-color: rgba(13, 148, 136, 0.24);
    background: var(--color-white);
}

.section-staff__btn svg {
    width: 22px;
    height: 22px;
}

.section-staff__btn:not(.swiper-button-disabled):hover {
    color: var(--color-white);
    border-color: var(--color-primary);
    background: var(--color-primary);
}

.section-staff__btn.swiper-button-disabled {
    color: var(--color-secondary);
    border-color: rgba(120, 147, 178, 0.2);
    background: var(--gray-light);
    opacity: 1;
    cursor: default;
}

.staff-swiper {
    padding: 20px 0 !important;
}

.section-staff__card {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100%;
    border-radius: 16px 16px 0 0;
    background: var(--color-white);
    overflow: hidden;
}

.section-staff__image {
    width: 100%;
    height: 240px;
}

.section-staff__body {
    flex-grow: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 12px 20px;
}

.section-staff__body::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1.5px;
    width: calc(100% - 24px);
    background: var(--color-primary);
}

.section-staff__name {
    font-size: 20px;
    color: var(--color-text);
}

.section-staff__role {
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.section-staff__description {
    color: var(--color-gray);
}

@media (min-width: 480px) {
    .section-about--home .section-about__media {
        width: 85%;
    }

    .section-about--home .section-about__media-block {
        height: 175px;
    }
}

@media (min-width: 540px) {
    .section-hero__content {
        padding: 160px 36px 40px;
    }

    .section-about--home .section-about__media-block {
        height: 190px;
    }
}

@media (min-width: 640px) {
    .section-hero__content {
        padding: 200px 36px 40px;
    }

    .section-staff__body {
        padding: 20px 16px 22px;
    }

    .section-staff__body::after {
        width: calc(100% - 32px);
    }

    .section-staff__image {
        height: 280px;
    }
}

@media (min-width: 768px) {
    .section-hero__content {
        padding: 180px 75px 80px;
    }

    .section-hero__text h1 {
        font-size: 48px;
        margin-bottom: 20px;
    }

    .section-hero__text p {
        font-size: 18px;
        margin-bottom: 28px;
    }

    .section-about--home .section-about__media {
        gap: 30px;
        width: 80%;
    }

    .section-about--home .section-about__media-block {
        height: 240px;
        width: 480px;
    }

    .section-about--home .section-about__content-block b {
        font-size: 16px;
    }

    .section-about--home .section-about__content-block p {
        font-size: 14px;
    }

    .section-staff__head {
        flex-direction: row;
        align-items: flex-end;
        margin-bottom: 24px;
    }

    .section-staff__actions {
        width: auto;
        justify-content: flex-end;
    }

    .section-staff__name {
        font-size: 22px;
    }
}

@media (min-width: 860px) {
    .section-hero__content {
        padding: 220px 80px 90px;
    }
}

@media (min-width: 1024px) {
    .section-hero__content {
        padding: 230px 110px 90px;
    }

    .section-hero__text h1 {
        font-size: 62px;
        margin-bottom: 25px;
    }

    .section-about--home .container {
        flex-direction: row;
        gap: 40px;
    }

    .section-about--home .section-about__media {
        width: auto;
        flex: 0 0 50%;
    }

    .section-about--home .section-about__media-block {
        height: 230px;
        width: 75%;
    }

    .section-staff__image {
        min-height: 300px;
    }
}

@media (min-width: 1200px) {
    .section-hero__content {
        padding: 230px 200px 90px;
    }

    .section-hero__text h1 {
        font-size: 64px;
    }

    .section-hero__text p {
        font-size: 18px;
    }

    .section-about--home .container {
        gap: 50px;
    }

    .section-about--home .section-about__media-block {
        height: 250px;
    }

    .section-about--home .section-about__content {
        gap: 25px;
    }

    .section-about--home .section-about__content-block b {
        font-size: 18px;
    }

    .section-about--home .section-about__content-block p {
        font-size: 16px;
    }

    .section-staff__head {
        margin-bottom: 28px;
    }

    .section-staff__link {
        font-size: 15px;
    }
}

/* End */


/* Start:/local/templates/hemonc_h/css/fonts.css?17767687023820*/
/* Copyright (c) 2014 by Vyacheslav Kirilenko, Gayane Bagdasaryan. All rights reserved. */

@font-face {
    font-family: 'GerberaLight';
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Light.eot?v=2');
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Light.eot?#iefix&v=2') format('embedded-opentype'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Light.woff2?v=2') format('woff2'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Light.woff?v=2') format('woff'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Light.ttf?v=2') format('truetype'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Light.svg#Gerbera') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GerberaMedium';
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Medium.eot');
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Medium.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Medium.woff2') format('woff2'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Medium.woff') format('woff'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Medium.ttf') format('truetype'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Medium.svg#Gerbera-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gerbera-Bold';
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Bold.eot');
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Bold.svg#Gerbera-Bold') format('svg'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Bold.ttf') format('truetype'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Bold.woff') format('woff'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gerbera';
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Regular.eot?v=2');
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Regular.eot?#iefix&v=2') format('embedded-opentype'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Regular.woff2?v=2') format('woff2'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Regular.woff?v=2') format('woff'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Regular.ttf?v=2') format('truetype'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Regular.svg#Gerbera') format('svg');
    font-weight: 400;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gerbera';
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Medium.eot');
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Medium.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Medium.woff2') format('woff2'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Medium.woff') format('woff'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gerbera';
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Black.eot');
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Black.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Black.woff2') format('woff2'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Black.woff') format('woff'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gerbera';
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Bold.eot');
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Bold.woff2') format('woff2'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Bold.woff') format('woff'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gerbera';
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Light.eot');
    src: url('/local/templates/hemonc_h/css/../fonts/Gerbera-Light.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Light.woff2') format('woff2'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Light.woff') format('woff'),
        url('/local/templates/hemonc_h/css/../fonts/Gerbera-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/* End */


/* Start:/local/templates/hemonc_h/css/site-f.css?1778064989269899*/
@charset "UTF-8";

.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-family: "Gerbera", Helvetica, Arial, sans-serif;
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    padding: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 30;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px;
}
.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: 0;
}
.xdsoft_datetimepicker button {
    border: none !important;
}
.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.xdsoft_noselect::selection {
    background: transparent;
}
.xdsoft_noselect::-moz-selection {
    background: transparent;
}
.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none;
}
.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    text-align: center;
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}
.xdsoft_datetimepicker .xdsoft_label i {
    opacity: 0.5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    -ms-filter: "alpha(opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
    float: none;
    margin-left: 0;
    margin-right: 14px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px;
}
.xdsoft_datetimepicker
    .xdsoft_timepicker
    .xdsoft_time_box
    > div
    > div:first-child {
    border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
}
.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 30;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label:hover > span {
    text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 30;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: -7px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px;
}
.xdsoft_datetimepicker
    .xdsoft_label
    > .xdsoft_select
    > div
    > .xdsoft_option:hover {
    color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important;
}
.xdsoft_datetimepicker
    .xdsoft_label
    > .xdsoft_select
    > div
    > .xdsoft_option.xdsoft_current {
    background: #3af;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right;
}
.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both;
}
.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #3af;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker
    .xdsoft_timepicker
    .xdsoft_time_box
    > div
    > div.xdsoft_current {
    background: #3af;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: 0.5;
    -ms-filter: "alpha(opacity=50)";
    cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2;
    -ms-filter: "alpha(opacity=20)";
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker
    .xdsoft_timepicker
    .xdsoft_time_box
    > div
    > div.xdsoft_current.xdsoft_disabled:hover {
    background: #3af !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker
    .xdsoft_timepicker
    .xdsoft_time_box
    > div
    > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
}
.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important;
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important;
}
.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc;
}
.xdsoft_scrollbar > .xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px;
}
.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto;
}
.xdsoft_scroller_box {
    position: relative;
}
.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark
    .xdsoft_timepicker
    .xdsoft_time_box
    > div
    > div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
    border: 1px solid #333;
    background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark
    .xdsoft_label
    > .xdsoft_select
    > div
    > .xdsoft_option:hover {
    color: #000;
    background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark
    .xdsoft_label
    > .xdsoft_select
    > div
    > .xdsoft_option.xdsoft_current {
    background: #c50;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #c50;
}
.xdsoft_datetimepicker.xdsoft_dark
    .xdsoft_calendar
    td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark
    .xdsoft_timepicker
    .xdsoft_time_box
    > div
    > div.xdsoft_current {
    background: #c50;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark
    .xdsoft_timepicker
    .xdsoft_time_box
    > div
    > div:hover {
    color: #000 !important;
    background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important;
}
.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
    background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #ddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
    font-family: "Gerbera", Helvetica, Arial, sans-serif;
    /*font-family: "museo-sans","Book Antiqua",sans-serif;*/
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #fff),
        color-stop(73%, #f4f8fa)
    );
    background: -webkit-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: -o-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: -ms-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0);
}
.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:hover span,
.xdsoft_datetimepicker .blue-gradient-button:focus span {
    color: #454551;
    background: -moz-linear-gradient(top, #f4f8fa 0, #fff 73%);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #f4f8fa),
        color-stop(73%, #fff)
    );
    background: -webkit-linear-gradient(top, #f4f8fa 0, #fff 73%);
    background: -o-linear-gradient(top, #f4f8fa 0, #fff 73%);
    background: -ms-linear-gradient(top, #f4f8fa 0, #fff 73%);
    background: linear-gradient(to bottom, #f4f8fa 0, #fff 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0);
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
menu,
nav,
section,
main,
summary {
    display: block;
}
body {
    line-height: 1;
}
ul,
ol.no-marks {
    list-style: none;
}
ol > li {
    margin-left: 15px;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html {
    font-family: "Gerbera", Helvetica, Arial, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn,
i,
em {
    font-style: italic;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*,
*:after,
*:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}
.clear:before,
.clear:after {
    content: " ";
    display: table;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.target-fix {
    top: 0;
    left: 0;
    position: fixed;
}

.svg-icon-arrow-right-black,
.svg-icon-arrow-right-blue,
.svg-icon-arrow-right-red,
.svg-icon-arrow-right-white,
.svg-icon-fb,
.svg-icon-fb-hover,
.svg-icon-fb-s,
.svg-icon-marker,
.svg-icon-ok-s,
.svg-icon-phone,
.svg-icon-serv-about,
.svg-icon-serv-about-hover,
.svg-icon-serv-blog,
.svg-icon-serv-blog-hover,
.svg-icon-serv-consult,
.svg-icon-serv-consult-hover,
.svg-icon-serv-diag,
.svg-icon-serv-diag-hover,
.svg-icon-serv-doctor,
.svg-icon-serv-doctor-hover,
.svg-icon-serv-heal,
.svg-icon-serv-heal-hover,
.svg-icon-swap,
.svg-icon-vk,
.svg-icon-vk-hover,
.svg-icon-vk-s,
.svg-icon-yt,
.svg-icon-yt-hover,
.svg-icon-yt-s,
.svg-logo-1,
.svg-logo-2,
.title-link-block h2 a:after,
.title-link-block .t-h2 a:after,
.title-link-block .title a:after,
body.main-page .recommend-block h2 a:after,
body.main-page .services-nav-block .title a:after,
.title-link-block h2 a:hover:after,
.service-head-link:after,
.service-head-link:hover:after,
body.main-page .services-nav-block .title:after,
.reception-block .reception-slider:after,
.calculation-modal .calculation-slider:after,
.publications-list-item:before,
.publications-list-item:after {
    display: inline-block;
    background-image: url("/local/templates/hemonc_h/css/../images/sprites.svg?v=3");
    background-size: 12.375em 67.375em;
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    .not-small {
        display: none !important;
    }
}
@media screen and (min-width: 1200px) {
    .not-big {
        display: none !important;
    }
}
@media screen and (max-width: 1199px) {
    .for-big {
        display: none !important;
    }
}
@media screen and (min-width: 768px) {
    .for-small {
        display: none !important;
    }
}
body,
input,
button,
textarea,
.set-time-block .xdsoft_datetimepicker {
    /*font-family: "Roboto", sans-serif;*/
    font-family: "Gerbera", Helvetica, Arial, sans-serif;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    position: relative;
    margin: 0;
    height: 100%;
}
body {
    background: #fff;
    margin: 0;
    color: #0f2531;
}
main {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 70px;
}

@media (min-width: 860px) {
    main {
        padding-top: 102px;
    }
}

@media (min-width: 1200px) {
    main {
        padding-top: 136px;
    }
}
.page-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden;
    width: 100%;
    min-width: 320px;
    position: relative;
}
a {
    text-decoration: none;
    color: inherit;
}
.wrapper {
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 85%;
    /*width: 272px*/
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .wrapper {
        width: 720px;
    }
}
@media screen and (min-width: 1200px) {
    .wrapper {
        padding-left: 16px;
        padding-right: 16px;
        max-width: 1328px;
        width: calc(100% - 32px);
    }
}
@media screen and (min-width: 1200px) and (max-width: 1360px) {
    .wrapper {
        margin-left: 16px;
        margin-right: 16px;
    }
}
@media screen and (max-width: 767px) {
    .wrap-s {
        margin: 0 auto;
        width: 272px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .wrap-m {
        margin: 0 auto;
        width: 720px;
    }
}
@media screen and (min-width: 1200px) {
    .wrap-b {
        margin: 0 auto;
        padding-left: 16px;
        padding-right: 16px;
        max-width: 1328px;
        width: calc(100% - 32px);
    }
}

.form-standard * {
    outline: none;
}
.form-standard [type="color"],
.form-standard [type="date"],
.form-standard [type="datetime"],
.form-standard [type="datetime-local"],
.form-standard [type="email"],
.form-standard [type="month"],
.form-standard [type="number"],
.form-standard [type="password"],
.form-standard [type="search"],
.form-standard [type="tel"],
.form-standard [type="text"],
.form-standard [type="time"],
.form-standard [type="url"],
.form-standard [type="week"],
.form-standard input:not([type]),
.form-standard textarea {
    color: #0f2531;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 12px 20px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 4px;
    border: none;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0);
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.form-standard [type="color"]:focus,
.form-standard [type="date"]:focus,
.form-standard [type="datetime"]:focus,
.form-standard [type="datetime-local"]:focus,
.form-standard [type="email"]:focus,
.form-standard [type="month"]:focus,
.form-standard [type="number"]:focus,
.form-standard [type="password"]:focus,
.form-standard [type="search"]:focus,
.form-standard [type="tel"]:focus,
.form-standard [type="text"]:focus,
.form-standard [type="time"]:focus,
.form-standard [type="url"]:focus,
.form-standard [type="week"]:focus,
.form-standard input:not([type]):focus,
.form-standard textarea:focus {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.form-standard [type="color"]::-webkit-input-placeholder,
.form-standard [type="date"]::-webkit-input-placeholder,
.form-standard [type="datetime"]::-webkit-input-placeholder,
.form-standard [type="datetime-local"]::-webkit-input-placeholder,
.form-standard [type="email"]::-webkit-input-placeholder,
.form-standard [type="month"]::-webkit-input-placeholder,
.form-standard [type="number"]::-webkit-input-placeholder,
.form-standard [type="password"]::-webkit-input-placeholder,
.form-standard [type="search"]::-webkit-input-placeholder,
.form-standard [type="tel"]::-webkit-input-placeholder,
.form-standard [type="text"]::-webkit-input-placeholder,
.form-standard [type="time"]::-webkit-input-placeholder,
.form-standard [type="url"]::-webkit-input-placeholder,
.form-standard [type="week"]::-webkit-input-placeholder,
.form-standard input:not([type])::-webkit-input-placeholder,
.form-standard textarea::-webkit-input-placeholder {
    color: #0f2531;
    color: rgba(15, 37, 49, 0.3);
}
.form-standard [type="color"]::-moz-placeholder,
.form-standard [type="date"]::-moz-placeholder,
.form-standard [type="datetime"]::-moz-placeholder,
.form-standard [type="datetime-local"]::-moz-placeholder,
.form-standard [type="email"]::-moz-placeholder,
.form-standard [type="month"]::-moz-placeholder,
.form-standard [type="number"]::-moz-placeholder,
.form-standard [type="password"]::-moz-placeholder,
.form-standard [type="search"]::-moz-placeholder,
.form-standard [type="tel"]::-moz-placeholder,
.form-standard [type="text"]::-moz-placeholder,
.form-standard [type="time"]::-moz-placeholder,
.form-standard [type="url"]::-moz-placeholder,
.form-standard [type="week"]::-moz-placeholder,
.form-standard input:not([type])::-moz-placeholder,
.form-standard textarea::-moz-placeholder {
    color: #0f2531;
    color: rgba(15, 37, 49, 0.3);
}
.form-standard [type="color"]:-ms-input-placeholder,
.form-standard [type="date"]:-ms-input-placeholder,
.form-standard [type="datetime"]:-ms-input-placeholder,
.form-standard [type="datetime-local"]:-ms-input-placeholder,
.form-standard [type="email"]:-ms-input-placeholder,
.form-standard [type="month"]:-ms-input-placeholder,
.form-standard [type="number"]:-ms-input-placeholder,
.form-standard [type="password"]:-ms-input-placeholder,
.form-standard [type="search"]:-ms-input-placeholder,
.form-standard [type="tel"]:-ms-input-placeholder,
.form-standard [type="text"]:-ms-input-placeholder,
.form-standard [type="time"]:-ms-input-placeholder,
.form-standard [type="url"]:-ms-input-placeholder,
.form-standard [type="week"]:-ms-input-placeholder,
.form-standard input:not([type]):-ms-input-placeholder,
.form-standard textarea:-ms-input-placeholder {
    color: #0f2531;
    color: rgba(15, 37, 49, 0.3);
}
.form-standard [type="color"]::-ms-input-placeholder,
.form-standard [type="date"]::-ms-input-placeholder,
.form-standard [type="datetime"]::-ms-input-placeholder,
.form-standard [type="datetime-local"]::-ms-input-placeholder,
.form-standard [type="email"]::-ms-input-placeholder,
.form-standard [type="month"]::-ms-input-placeholder,
.form-standard [type="number"]::-ms-input-placeholder,
.form-standard [type="password"]::-ms-input-placeholder,
.form-standard [type="search"]::-ms-input-placeholder,
.form-standard [type="tel"]::-ms-input-placeholder,
.form-standard [type="text"]::-ms-input-placeholder,
.form-standard [type="time"]::-ms-input-placeholder,
.form-standard [type="url"]::-ms-input-placeholder,
.form-standard [type="week"]::-ms-input-placeholder,
.form-standard input:not([type])::-ms-input-placeholder,
.form-standard textarea::-ms-input-placeholder {
    color: #0f2531;
    color: rgba(15, 37, 49, 0.3);
}
.form-standard [type="color"]::placeholder,
.form-standard [type="date"]::placeholder,
.form-standard [type="datetime"]::placeholder,
.form-standard [type="datetime-local"]::placeholder,
.form-standard [type="email"]::placeholder,
.form-standard [type="month"]::placeholder,
.form-standard [type="number"]::placeholder,
.form-standard [type="password"]::placeholder,
.form-standard [type="search"]::placeholder,
.form-standard [type="tel"]::placeholder,
.form-standard [type="text"]::placeholder,
.form-standard [type="time"]::placeholder,
.form-standard [type="url"]::placeholder,
.form-standard [type="week"]::placeholder,
.form-standard input:not([type])::placeholder,
.form-standard textarea::placeholder {
    color: #0f2531;
    color: rgba(15, 37, 49, 0.3);
}
.form-standard .input-container {
    position: relative;
    margin-bottom: 16px;
}
.form-standard .input-container input,
.form-standard .input-container textarea {
    width: 100%;
}
.svg-icon-arrow-right-black {
    width: 0.9375em;
    height: 0.5625em;
    background-position: -0.3125em -0.3125em;
}
.svg-icon-arrow-right-blue {
    width: 0.9375em;
    height: 0.5625em;
    background-position: -0.3125em -1.4375em;
}
.svg-icon-arrow-right-red {
    width: 0.9375em;
    height: 0.5625em;
    background-position: -0.3125em -2.5625em;
}
.svg-icon-arrow-right-white {
    width: 0.9375em;
    height: 0.5625em;
    background-position: -0.3125em -3.6875em;
}
.svg-icon-fb {
    width: 0.58438em;
    height: 1.0625em;
    background-position: -0.3125em -4.8125em;
}
.svg-icon-fb-hover {
    width: 0.58438em;
    height: 1.0625em;
    background-position: -0.3125em -6.4375em;
}
.svg-icon-fb-s {
    width: 0.45375em;
    height: 0.8125em;
    background-position: -0.3125em -8.0625em;
}
.svg-icon-marker {
    width: 1.07313em;
    height: 1.3125em;
    background-position: -0.3125em -9.4375em;
}
.svg-icon-ok-s {
    width: 0.6875em;
    height: 1.14125em;
    background-position: -0.3125em -11.3125em;
}
.svg-icon-phone {
    width: 1.5625em;
    height: 1.5625em;
    background-position: -0.3125em -13.0625em;
}
.svg-icon-serv-about {
    width: 2.5625em;
    height: 2.5625em;
    background-position: -0.3125em -15.1875em;
}
.svg-icon-serv-about-hover {
    width: 2.5625em;
    height: 2.5625em;
    background-position: -0.3125em -18.3125em;
}
.svg-icon-serv-blog {
    width: 2.5625em;
    height: 2.5625em;
    background-position: -0.3125em -21.4375em;
}
.svg-icon-serv-blog-hover {
    width: 2.5625em;
    height: 2.5625em;
    background-position: -0.3125em -24.5625em;
}
.svg-icon-serv-consult {
    width: 2.5625em;
    height: 2.5625em;
    background-position: -0.3125em -27.6875em;
}
.svg-icon-serv-consult-hover {
    width: 2.5625em;
    height: 2.5625em;
    background-position: -0.3125em -30.8125em;
}
.svg-icon-serv-diag {
    width: 2.5625em;
    height: 2.5625em;
    background-position: -0.3125em -33.9375em;
}
.svg-icon-serv-diag-hover {
    width: 2.5625em;
    height: 2.5625em;
    background-position: -0.3125em -37.0625em;
}
.svg-icon-serv-doctor {
    width: 2.5625em;
    height: 2.5625em;
    background-position: -0.3125em -40.1875em;
}
.svg-icon-serv-doctor-hover {
    width: 2.5625em;
    height: 2.5625em;
    background-position: -0.3125em -43.3125em;
}
.svg-icon-serv-heal {
    width: 2.5625em;
    height: 2.5625em;
    background-position: -0.3125em -46.4375em;
}
.svg-icon-serv-heal-hover {
    width: 2.5625em;
    height: 2.5625em;
    background-position: -0.3125em -49.5625em;
}
.svg-icon-swap {
    width: 2.5625em;
    height: 2.5625em;
    background-position: -0.3125em -52.6875em;
}
.svg-icon-vk {
    width: 1.26687em;
    height: 0.74562em;
    background-position: -0.3125em -55.8125em;
}
.svg-icon-vk-hover {
    width: 1.26687em;
    height: 0.74562em;
    background-position: -0.3125em -57.125em;
}
.svg-icon-vk-s {
    width: 0.9375em;
    height: 0.5625em;
    background-position: -0.3125em -58.4375em;
}
.svg-icon-yt {
    width: 1.0625em;
    height: 0.6875em;
    background-position: -0.3125em -59.5625em;
}
.svg-icon-yt-hover {
    width: 1.0625em;
    height: 0.6875em;
    background-position: -0.3125em -60.8125em;
}
.svg-icon-yt-s {
    margin-top: 3px;
    width: 0.875em;
    height: 0.58937em;
    background-position: -0.3125em -62.0625em;
}
.svg-logo-1 {
    width: 1.2275em;
    height: 1.5625em;
    background-position: -0.3125em -63.25em;
}
.svg-logo-2 {
    width: 11.8125em;
    height: 1.75em;
    background-position: -0.3125em -65.375em;
}
.anim-parent {
    position: relative;
}
.anim-item {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.anim-item:not(.animated) {
    visibility: hidden;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.anim-trigger {
    position: absolute;
    top: 30%;
    width: 100%;
    height: 40%;
    display: block;
    z-index: -99;
    left: 0;
    pointer-events: none;
}
.preload * {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
    animation: none !important;
}
.delay-1 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.delay-2 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.delay-3 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.delay-4 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.delay-5 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.delay-6 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.delay-7 {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.delay-8 {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.delay-9 {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.delay-10 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.delay-11 {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.delay-12 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.delay-13 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.delay-14 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.delay-15 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
button,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    display: block;
    background-color: transparent;
    border-radius: 0;
    outline: none;
}
.button-blue {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    border-radius: 4px;
    background-color: #007088;
    border: none;
    text-decoration: none;
    text-align: center;
    display: block;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    padding: 12px 20px;
}
@media screen and (min-width: 768px) {
    .button-blue:hover {
        background-color: #fea0a0;
    }
}
.button-blue:disabled {
    background-color: #c9c9c9;
}

.slick-slider {
    position: relative;
}
.slick-slider * {
    outline: none;
}
.slick-slider button {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    cursor: pointer;
    z-index: 2;
}
.slick-slider.full-size .slick-list {
    width: 100%;
}
.slick-slider.full-size .slick-list,
.slick-slider.full-size .slick-track,
.slick-slider.full-size .slick-slide {
    height: 100%;
}
.slick-list {
    overflow: hidden;
    z-index: 1;
    position: relative;
}
.slick-slide {
    float: left;
}
.slick-filter-nav {
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.slick-dots-default .slick-dots {
    font-size: 0;
    line-height: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 100%;
    margin-top: 24px;
}
.slick-dots-default .slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin-right: 16px;
}
.slick-dots-default .slick-dots li:last-child {
    margin-right: 0;
}
.slick-dots-default .slick-dots li.slick-active button {
    background-color: #007088;
}
.slick-dots-default .slick-dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
    display: block;
    background-color: #c9c9c9;
    -webkit-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.slick-dots-default .slick-dots button:hover {
    background-color: #0f2531;
}
.slick-arrows-default .slick-arrow {
    width: 15px;
    height: 22px;
    position: absolute;
    z-index: 2;
}
.slick-arrows-default .slick-arrow:before {
    content: "";
    display: block;
    -webkit-transition-property: border-color;
    -o-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: absolute;
    top: 50%;
    margin: -7px 3px 0;
}
.slick-arrows-default .slick-arrow.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
}
.slick-arrows-default .slick-arrow:hover:before {
    border-color: #fea0a0 !important;
}
.slick-arrows-default .slick-arrow.slick-prev {
    left: 0;
}
.slick-arrows-default .slick-arrow.slick-prev:before {
    width: 14px;
    height: 14px;
    border-style: solid;
    border-color: #007088;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
    border-width: 2px 0 0 2px;
    left: 0;
}
.slick-arrows-default .slick-arrow.slick-next {
    right: 0;
}
.slick-arrows-default .slick-arrow.slick-next:before {
    width: 14px;
    height: 14px;
    border-style: solid;
    border-color: #007088;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
    border-width: 0 2px 2px 0;
    right: 0;
}
.tabs-container {
    position: relative;
}
.tabs-item {
    padding-top: 20px;
}
.tabs-item:not(.active) {
    display: none;
    position: absolute;
    top: 0;
}
.tabs-item:not(.active) > *:first-child {
    margin-top: 0;
}
.tabs-nav {
    font-size: 0;
}
.slick-filter-nav button,
.tabs-horizontal .tabs-nav button,
.publication-block-nav > *,
.reviews-list-nav > * {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 8px 19px;
    border-radius: 4px;
    background-color: #007088;
    margin-right: 25px;
    -webkit-transition-property: color, background;
    -o-transition-property: color, background;
    transition-property: color, background;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    text-align: center;
}
.slick-filter-nav button:last-child,
.tabs-horizontal .tabs-nav button:last-child,
.publication-block-nav > :last-child,
.reviews-list-nav > :last-child {
    margin-right: 0;
}
.slick-filter-nav button.active,
.tabs-horizontal .tabs-nav button.active,
.publication-block-nav > .active,
.reviews-list-nav > .active {
    color: #0f2531;
    background-color: #007088;
    background-color: rgba(154, 182, 210, 0);
}
.slick-filter-nav button:not(.active):hover,
.tabs-horizontal .tabs-nav button:not(.active):hover,
.publication-block-nav > :not(.active):hover,
.reviews-list-nav > :not(.active):hover {
    color: white;
    background-color: #f6ae9c;
}
.tabs-horizontal .tabs-nav {
    font-size: 0;
    line-height: 0;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .grid-row:after {
        clear: both;
        content: "";
        display: block;
    }
    .grid-row-root {
        margin-left: -16px;
        margin-right: -16px;
        width: auto;
        display: block;
    }
    .grid-row > .grid-col {
        float: left;
        max-width: 100%;
    }
    .grid-row-flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .grid-row-flex > .grid-col {
        float: none;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}
@media screen and (min-width: 1200px) {
    .grid-row.cols-b2 > .grid-col {
        width: calc(50% - 8px);
        margin-right: 16px;
    }
    .grid-row.cols-b2 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-b3 > .grid-col {
        width: calc(33.33333% - 10.66667px);
        margin-right: 16px;
    }
    .grid-row.cols-b3 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-b4 > .grid-col {
        width: calc(25% - 12px);
        margin-right: 16px;
    }
    .grid-row.cols-b4 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-b5 > .grid-col {
        width: calc(20% - 12.8px);
        margin-right: 16px;
    }
    .grid-row.cols-b5 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-b6 > .grid-col {
        width: calc(16.66667% - 13.33333px);
        margin-right: 16px;
    }
    .grid-row.cols-b6 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-b7 > .grid-col {
        width: calc(14.28571% - 13.71429px);
        margin-right: 16px;
    }
    .grid-row.cols-b7 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-b8 > .grid-col {
        width: calc(12.5% - 14px);
        margin-right: 16px;
    }
    .grid-row.cols-b8 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-b9 > .grid-col {
        width: calc(11.11111% - 14.22222px);
        margin-right: 16px;
    }
    .grid-row.cols-b9 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-b10 > .grid-col {
        width: calc(10% - 14.4px);
        margin-right: 16px;
    }
    .grid-row.cols-b10 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-b11 > .grid-col {
        width: calc(9.09091% - 14.54545px);
        margin-right: 16px;
    }
    .grid-row.cols-b11 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-b12 > .grid-col {
        width: calc(8.33333% - 14.66667px);
        margin-right: 16px;
    }
    .grid-row.cols-b12 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-b1 {
        display: block !important;
    }
    .grid-row.cols-b1 > .grid-col {
        width: 100%;
        margin-right: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .grid-row.cols-m2 > .grid-col {
        width: calc(50% - 8px);
        margin-right: 16px;
    }
    .grid-row.cols-m2 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-m3 > .grid-col {
        width: calc(33.33333% - 10.66667px);
        margin-right: 16px;
    }
    .grid-row.cols-m3 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-m4 > .grid-col {
        width: calc(25% - 12px);
        margin-right: 16px;
    }
    .grid-row.cols-m4 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-m5 > .grid-col {
        width: calc(20% - 12.8px);
        margin-right: 16px;
    }
    .grid-row.cols-m5 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-m6 > .grid-col {
        width: calc(16.66667% - 13.33333px);
        margin-right: 16px;
    }
    .grid-row.cols-m6 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-m7 > .grid-col {
        width: calc(14.28571% - 13.71429px);
        margin-right: 16px;
    }
    .grid-row.cols-m7 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-m8 > .grid-col {
        width: calc(12.5% - 14px);
        margin-right: 16px;
    }
    .grid-row.cols-m8 > .grid-col:last-child {
        margin-right: 0;
    }
    .grid-row.cols-m1 {
        display: block !important;
    }
    .grid-row.cols-m1 > .grid-col {
        width: 100%;
        margin-right: 0;
    }
}
.breadcrumbs {
    color: #c9c9c9;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.breadcrumbs li {
    display: inline-block;
    margin-bottom: 10px;
}
.breadcrumbs li:after {
    content: "/";
    margin: 0 0.3em 0 0.5em;
    color: var(--color-primary);
}
.breadcrumbs li:last-child:after {
    display: none;
}
.breadcrumbs li:nth-last-child(2):after {
    color: #c9c9c9;
}
.breadcrumbs a {
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 400;
}
.breadcrumbs a:hover {
    color: var(--color-main);
}
@media screen and (min-width: 768px) {
    .text-column li,
    .text-column .no-break {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .text-column.col-m2 {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
    .text-column.col-m3 {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }
}
@media screen and (min-width: 1200px) {
    .text-column.col-b2 {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
    .text-column.col-b3 {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }
    .text-column.col-b4 {
        -webkit-columns: 4;
        -moz-columns: 4;
        columns: 4;
    }
    .text-column.col-b5 {
        -webkit-columns: 5;
        -moz-columns: 5;
        columns: 5;
    }
    .text-column.col-b6 {
        -webkit-columns: 6;
        -moz-columns: 6;
        columns: 6;
    }
}
.bgdefault {
    background-color: var(--gray-light);
    position: relative;
    z-index: 1;
}
.bgdefault:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    background-color: var(--gray-light);
}
@media screen and (min-width: 768px) {
    .bgdefault {
        overflow: hidden;
        border-radius: 4px;
    }
    .bgdefault:before {
        display: none;
    }
}
@media screen and (min-width: 1200px) {
    .pseudo-table {
        display: table;
    }
    .pseudo-table-row {
        display: table-row;
    }
    .pseudo-table-col {
        display: table-cell;
    }
}
.social-links {
    font-size: 0;
}
.doctor-review-divider {
    display: none;
}
@media screen and (max-width: 768px) {
    .doctor-review-divider {
        display: block !important;
        height: 16px;
    }
    .social-links-single {
        margin-left: 0 !important;
    }
}
.social-links a {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background-color: #007088;
    /*background-color: rgba(154, 182, 210, .5);*/
    -webkit-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    line-height: 24px;
    margin-right: 16px;
}
.social-links a:last-child {
    margin-right: 0;
}
.social-links a:hover {
    background-color: #f6ae9c;
}
.social-links a > * {
    vertical-align: middle;
    display: inline-block;
}
.reception-doctor-item.flag:before,
.our-doctor-item.flag .head:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 8px;
    border-style: solid;
    border-width: 19px 8px 5px;
    border-color: #fea0a0 #fea0a0 transparent;
}
body {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.default-main-block-header,
body.main-page .recommend-block .txt-slider {
    font-family: "Gerbera", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
}
@media screen and (min-width: 768px) {
    .default-main-block-header,
    body.main-page .recommend-block .txt-slider {
        font-size: 20px;
        line-height: 28px;
    }
}

h1 {
    font-size: 30px;
    font-family: "Gerbera", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 32px;
}
@media screen and (min-width: 768px) {
    h1 {
        font-size: 48px;
        line-height: 54px;
    }
}
h2,
.title-block .title,
.services-columns-block h2,
.text-block h2,
.services-columns-block .t-h2 {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.176em;
}
@media screen and (min-width: 768px) {
    h2,
    .title-block .title,
    .services-columns-block h2,
    .text-block h2,
    .services-columns-block .t-h2 {
        font-size: 18px;
        line-height: 1.166em;
    }
}
.page-header-popup .subtitle,
h3,
.title-link-block h2,
.title-link-block .t-h2,
.text-link-block-head .t-h2,
.title-link-block .title,
body.main-page .recommend-block h2,
body.main-page .services-nav-block .title,
.text-block h3,
.text-link-block-head h2,
.service-info-block .title,
.set-time-title,
.blog-themes-list-nav li,
.publications-list-item > *,
.publications-list-item-dis > * {
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    line-height: 1.15em;
    font-family: "GerberaMedium", "Gerbera", Helvetica, Arial, sans-serif;
}
.title-link-block h2,
.title-link-block .t-h2,
.title-link-block .t-h2,
.title-link-block .title,
body.main-page .recommend-block h2,
body.main-page .services-nav-block .title {
    display: block;
    border-bottom: 2px solid #dde2e2;
    margin-bottom: 34px;
    text-align: left;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .title-link-block h2,
    .title-link-block .title,
    body.main-page .recommend-block h2,
    body.main-page .services-nav-block .title {
        margin-bottom: 32px;
    }
}
.title-link-block h2 a,
.title-link-block .t-h2 a,
.title-link-block .title a,
body.main-page .recommend-block h2 a,
body.main-page .services-nav-block .title a {
    padding-bottom: 17px;
    padding-top: 15px;
    color: #007088;
    display: inline-block !important;
    position: relative;
}
@media screen and (max-width: 767px) {
    .title-link-block h2 a,
    .title-link-block .t-h2 a,
    .title-link-block .title a,
    body.main-page .recommend-block h2 a,
    body.main-page .services-nav-block .title a {
        display: block !important;
    }
}
.title-link-block h2 a:after,
.title-link-block .t-h2 a:after,
.title-link-block .title a:after,
body.main-page .recommend-block h2 a:after,
body.main-page .services-nav-block .title a:after {
    content: "";
    display: block;
    width: 0.9375em;
    height: 0.5625em;
    background-position: -0.3125em -1.4375em;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}
@media screen and (max-width: 767px) {
    .title-link-block h2 a:after,
    .title-link-block .title a:after,
    body.main-page .recommend-block h2 a:after,
    body.main-page .services-nav-block .title a:after {
        position: absolute;
        right: 0;
        top: 17px;
    }
}
.title-link-block h2 a:hover,
.title-link-block .title a:hover,
body.main-page .recommend-block h2 a:hover,
body.main-page .services-nav-block .title a:hover {
    color: #fea0a0;
}
.title-link-block h2 a:hover:after,
.title-link-block .title a:hover:after,
body.main-page .recommend-block h2 a:hover:after,
body.main-page .services-nav-block .title a:hover:after {
    width: 0.9375em;
    height: 0.5625em;
    background-position: -0.3125em -2.5625em;
}
.title-block .title,
.services-columns-block h2,
.services-columns-block .t-h2 {
    display: block;
    padding-bottom: 27px;
    border-bottom: 2px solid #dde2e2;
    margin-bottom: 25px;
    text-align: left;
}
@media screen and (min-width: 768px) {
    .title-block .title,
    .services-columns-block h2,
    .services-columns-block .t-h2 {
        margin-bottom: 32px;
    }
}
body.main-page .vertical-tabs-block ol {
    counter-reset: cnt;
}
body.main-page .vertical-tabs-block ol > li {
    counter-increment: cnt;
}
body.main-page .vertical-tabs-block ol > li:before {
    content: counter(cnt) ".";
    margin-right: 8px;
}
body.main-page .vertical-tabs-block ul > li {
    position: relative;
    padding-left: 1em;
}
body.main-page .vertical-tabs-block ul > li:before {
    content: "\2022";
    top: 0;
    left: 0;
    position: absolute;
    font-size: 1.5em;
}
.text-block ul {
    margin: 11px 0;
}
.text-block ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 0.4em;
}
.text-block ul li:last-child {
    margin-bottom: 0;
}
.text-block ul li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #007088;
    position: absolute;
    left: 0;
    top: 9px;
}
.bottom-map {
    margin-top: 16px;
}
.bottom-map-map {
    margin: 16px -24px 20px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .bottom-map-map {
        margin: 24px -24px 25px;
        height: 450px;
    }
}
.title-block {
    line-height: 1.7em;
}
.title-block .gray-block {
    background-color: #fff;
    padding: 25px 0 40px;
    position: relative;
    z-index: 1;
}
.title-block .gray-block:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    background-color: #fff;
}
@media screen and (min-width: 768px) {
    .title-block .gray-block {
        padding: 25px 24px 40px;
        border-radius: 4px;
        margin-left: -16px;
        margin-right: -16px;
    }
    .title-block .gray-block:before {
        display: none;
    }
}

.default-main-block {
    padding-top: 33px;
}
.default-main-block h1 {
    margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
    .default-main-block h1 {
        margin-bottom: 8px;
    }
}
.default-main-block .breadcrumbs {
    margin: 15px 0 17px;
}
@media screen and (min-width: 768px) {
    .default-main-block .breadcrumbs {
        margin: 0 0 22px;
    }
}
.default-main-block-header {
    margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
    .default-main-block-header {
        margin-bottom: 32px;
    }
}
@media screen and (min-width: 1200px) {
    .default-main-block-header {
        max-width: 1100px;
    }
}
.default-main-block-header p a {
    color: #007088;
}
.default-main-block-header p a:hover {
    color: #f6ae9c;
}
@media screen and (min-width: 1200px) {
    .default-main-block-content.text-block {
        max-width: 1100px;
    }
}
.default-main-block-content .text-block {
    padding: 25px 0 33px;
}
@media screen and (min-width: 768px) {
    .default-main-block-content .text-block {
        padding: 25px 24px 33px;
    }
}
.text-block {
    line-height: 24px;
    font-family: "GerberaLight", "Gerbera", Helvetica, Arial, sans-serif;
    font-size: 18px;
}
@media screen and (min-width: 768px) {
    .text-block {
        font-size: 17px;
    }
}
.text-block h2 {
    font-family: "Gerbera", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin: 30px 0 11px;
}
.text-block h3 {
    margin: 30px 0 11px;
    color: #c9c9c9;
}
.text-block p + p {
    margin-top: 1.5em;
}
.text-block p img,
.text-block li img {
    max-width: 100%;
    margin: 1em 0;
}
.text-block p a,
.text-block li a {
    color: var(--color-primary);
}
.text-block p a:hover,
.text-block li a:hover {
    color: var(--color-main);
}
.text-block footer {
    margin-top: 32px;
}
.text-block footer span {
    display: block;
    margin-bottom: 13px;
}
.text-block footer .social-links a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #007088;
}
.text-block footer .social-links a:hover {
    background-color: #f6ae9c;
}
.text-block footer .social-links a i {
    font-size: 27px !important;
}
.text-block footer .social-links a i.svg-icon-vk-s {
    margin-bottom: -2px;
}
.reference-block {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .reference-block .row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .reference-block .row > * {
        width: 280px;
    }
    .reference-block .row > *:first-child {
        width: 50%;
    }
}
@media screen and (min-width: 1200px) {
    .reference-block .row > * {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .reference-block .row > *:last-child {
        width: 464px;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 16px;
    }
    .reference-block .row > *:last-child:after {
        clear: both;
        content: "";
        display: block;
    }
}
.reference-block .form-standard {
    margin-top: 23px;
}
@media screen and (min-width: 768px) {
    .reference-block .form-standard {
        margin-top: 0;
    }
}
.reference-block .form-standard button[type="submit"],
.reference-block .form-standard input[type="submit"] {
    display: block;
    width: 100%;
}
@media screen and (min-width: 1200px) {
    .reference-block .form-standard .input-container,
    .reference-block .form-standard button[type="submit"],
    .reference-block .form-standard input[type="submit"] {
        margin-bottom: 0;
        width: 224px;
        float: left;
    }
    .reference-block .form-standard button[type="submit"],
    .reference-block .form-standard input[type="submit"] {
        margin-left: 16px;
    }
}
.inner-video {
    margin-top: 16px;
    position: relative;
}
.inner-video:after {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}
.inner-video > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 767px) {
    .inner-video {
        margin-left: -24px;
        margin-right: -24px;
        width: auto;
    }
}
@media screen and (min-width: 1200px) {
    .inner-video {
        margin-top: 0;
    }
}
.inner-video iframe,
.inner-video video {
    width: 100% !important;
    height: 369px !important;
}
.title-link-block {
    padding: 0 0 40px;
}
@media screen and (min-width: 768px) {
    .title-link-block {
        padding: 0 24px 40px;
    }
}
.title-link-block h2,
.title-link-block .t-h2,
.title-link-block .title {
    padding: 12px 0;
}
.title-link-block h2 a,
.title-link-block .t-h2 a,
.title-link-block .title a {
    display: block !important;
}
.title-link-block h2 a:after,
.title-link-block .t-h2 a:after,
.title-link-block .title a:after {
    position: absolute;
    right: 0;
    top: 17px;
}
.text-link-block {
    padding: 28px 0 30px;
}
@media screen and (min-width: 768px) {
    .text-link-block {
        padding: 24px 24px 35px;
    }
}
@media screen and (min-width: 1200px) {
    .text-link-block:after {
        clear: both;
        content: "";
        display: block;
    }
}
.text-link-block-head {
    margin-bottom: 33px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .text-link-block-head {
        margin-bottom: 25px;
    }
}
@media screen and (min-width: 1200px) {
    .text-link-block-head {
        margin-bottom: 0;
        width: 27.4%;
        float: left;
        padding-right: 16px;
    }
}
.text-link-block-head h2,
.text-link-block-head .t-h2 {
    color: #007088;
    margin-bottom: 6px;
}
.text-link-block-head a {
    color: #007088;
}
.text-link-block-head a:hover {
    color: #f6ae9c;
}
.text-link-block-content {
    line-height: 18px;
}
@media screen and (min-width: 1200px) {
    .text-link-block-content {
        width: 72.6%;
        float: left;
    }
}
.doctor-link-container .doctor-link-item {
    margin-bottom: 24px;
}
.doctor-link-container .doctor-link-item:last-child {
    margin-bottom: 0;
}
.feedback-link-container {
    font-size: 0;
    line-height: 0;
    text-align: center;
}
@media screen and (min-width: 1200px) {
    .feedback-link-container {
        margin-right: -16px;
        margin-bottom: -44px;
    }
}
.feedback-link-container .feedback-link-item {
    vertical-align: top;
    width: 120px;
    margin-right: 16px;
    margin-bottom: 36px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .feedback-link-container .feedback-link-item {
        margin-bottom: 0;
        padding: 0;
        width: 100px;
        margin-right: 20px;
    }
    .feedback-link-container .feedback-link-item:last-child {
        margin-right: 0;
    }
}
@media screen and (max-width: 767px) {
    .feedback-link-container .feedback-link-item {
        padding: 0 16px;
    }
    .feedback-link-container .feedback-link-item:nth-child(2n) {
        margin-right: 0;
    }
    .feedback-link-container .feedback-link-item:nth-last-child(-n + 2) {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 1200px) {
    .feedback-link-container .feedback-link-item {
        width: 100px;
        margin-bottom: 44px;
    }
}
@media screen and (min-width: 1360px) {
    .feedback-link-container .feedback-link-item {
        width: 120px;
    }
}
.service-head-link {
    display: block;
    position: relative;
    padding-right: 14px;
    line-height: 72px;
    padding-left: 56px;
    color: var(--color-primary);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .service-head-link {
        padding-left: 48px;
    }
}
@media screen and (min-width: 1200px) {
    .service-head-link {
        padding-left: 63px;
    }
}
.service-head-link:after {
    content: "";
    display: block;
    width: 0.9375em;
    height: 0.5625em;
    background-position: -0.3125em -1.4375em;
    right: 0;
    top: 32px;
    position: absolute;
}
.service-head-link > span:first-child {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    line-height: 72px;
}
.service-head-link > span:first-child > * {
    vertical-align: middle;
}
.service-head-link > span:last-child {
    line-height: 1.1em;
}
.service-head-link > * {
    display: inline-block;
    vertical-align: middle;
}
.service-head-link i {
    font-size: 13px !important;
}
@media screen and (min-width: 1200px) {
    .service-head-link i {
        font-size: 16px !important;
    }
}
.service-head-link i:first-child {
    display: inline-block;
}
.service-head-link i:last-child {
    display: none;
}
@media screen and (min-width: 768px) {
    .service-head-link:hover {
        color: #f6ae9c;
    }
    .service-head-link:hover:after {
        width: 0.9375em;
        height: 0.5625em;
        background-position: -0.3125em -2.5625em;
    }
    .service-head-link:hover i:first-child {
        display: none;
    }
    .service-head-link:hover i:last-child {
        display: inline-block;
    }
}
.service-info-block {
    line-height: 20px;
}
.service-info-block .title {
    display: block;
    line-height: 15px;
    margin: 40px 0 18px;
    color: #c9c9c9;
    padding: 0;
    padding-top: 0.7rem;
    border-bottom: none;
}
.service-info-block a {
    display: inline;
    color: #007088;
}
.service-info-block a:hover {
    color: #f6ae9c;
}
.service-info-block small {
    display: inline;
    color: #c9c9c9;
    font-size: 12px;
    font-weight: 400;
}
.service-info-block .pseudo-table {
    width: 100%;
}
.service-info-block .pseudo-table + .pseudo-table {
    margin-top: 30px;
}
.service-info-block .pseudo-table-col {
    padding-top: 4px;
    padding-bottom: 4px;
}
@media screen and (max-width: 1199px) {
    .service-info-block .pseudo-table-col {
        display: block;
    }
}
@media screen and (min-width: 1200px) {

    .service-info-block .pseudo-table-col:last-child {
        text-align: right;
        vertical-align: top;
        padding-left: 16px;
        white-space: nowrap;
    }
}
.service-info-block .foot {
    margin-top: 33px;
    padding-top: 33px;
    border-top: 2px solid #dde2e2;
}
.service-info-block .foot > * {
    max-width: 560px;
}
.doctor-link-item {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 88px;
    color: #007088;
    min-height: 64px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .doctor-link-item {
        min-height: 80px;
        padding-left: 104px;
    }
}
@media screen and (min-width: 1200px) {
    .doctor-link-item {
        padding-left: 96px;
    }
}
.doctor-link-item .img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    overflow: hidden;
    background-color: white;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .doctor-link-item .img {
        width: 80px;
        height: 80px;
    }
}
.doctor-link-item .img img {
    max-width: 100%;
    min-width: 100%;
}
.doctor-link-item .name {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 9px;
    line-height: 1.15em;
}
.doctor-link-item:hover {
    color: #f6ae9c;
}
.doctor-link-item small {
    display: block;
    color: #c9c9c9;
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
}
.feedback-link-item {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #007088;
    transition: color var(--anim);
}
.feedback-link-item .img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    position: relative;
    display: inline-block;
    margin-bottom: 16px;
    overflow: hidden;
}
.feedback-link-item .img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #fea0a0;
    border: 2px solid rgba(254, 160, 160, 0);
    transition: border-color var(--anim);
    z-index: 1;
}
.feedback-link-item .img img {
    max-width: 100%;
    min-width: 100%;
}
.feedback-link-item:hover {
    color: #f6ae9c;
}
.feedback-link-item:hover .img:before {
    border-color: #007088;
}
.feedback-link-item .name {
    display: block;
}
body.main-page .main-content {
    padding-top: 33px;
}
body.main-page .main-content h1 {
    margin-bottom: 25px;
    max-width: 1300px;
}
@media screen and (min-width: 768px) {
    body.main-page .main-content h1 {
        margin-bottom: 38px;
    }
}
body.main-page .recommend-block {
    margin-bottom: 45px;
}
@media screen and (min-width: 768px) {
    body.main-page .recommend-block {
        padding: 0 16px;
        overflow: hidden;
    }
}
@media screen and (min-width: 1200px) {
    body.main-page .recommend-block {
        max-width: 550px;
        margin-bottom: 0;
    }
}
body.main-page .recommend-block h2 {
    margin-bottom: 33px;
}
body.main-page .recommend-block h3 {
    text-transform: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: normal;
    letter-spacing: initial;
    margin-bottom: 11px;
}
@media screen and (min-width: 1200px) {
    body.main-page .recommend-block h3 {
        margin-bottom: 4px;
    }
}
body.main-page .recommend-block small {
    display: block;
    color: #c9c9c9;
    margin-bottom: 17px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    body.main-page .recommend-block small {
        margin-bottom: 14px;
    }
}
@media screen and (min-width: 1200px) {
    body.main-page .recommend-block small {
        margin-bottom: 11px;
    }
}
body.main-page .recommend-block .txt-slider {
    text-align: center;
}
@media screen and (min-width: 1200px) {
    body.main-page .recommend-block .txt-slider {
        text-align: left;
    }
}
body.main-page .recommend-block .txt-slider p a {
    color: #007088;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-top: 5px;
}
@media screen and (min-width: 1200px) {
    body.main-page .recommend-block .txt-slider p a {
        display: inline-block;
        margin-top: 0;
        margin-left: 10px;
    }
}
body.main-page .recommend-block .txt-slider p a:hover {
    color: #fea0a0;
}
body.main-page .recommend-block .img-slider {
    width: 140px;
    margin: 0 auto 27px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    body.main-page .recommend-block .img-slider {
        width: 278px;
    }
}
@media screen and (min-width: 1200px) {
    body.main-page .recommend-block .img-slider {
        width: 200px;
        margin-bottom: 20px;
    }
}
body.main-page .recommend-block .img-slider .slick-slide {
    text-align: center;
    width: 140px !important;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    body.main-page .recommend-block .img-slider .slick-slide {
        width: 278px !important;
    }
}
@media screen and (min-width: 1200px) {
    body.main-page .recommend-block .img-slider .slick-slide {
        width: 200px !important;
    }
}
body.main-page .recommend-block .img-slider .slick-slide > div {
    display: inline-block;
    height: 140px;
    line-height: 132px;
    width: 140px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    border: 4px solid #007088;
    /*border: 4px solid rgba(154, 182, 210, 0);*/
    border-radius: 50%;
    -webkit-transform: scale(0.5, 0.5) translateZ(0);
    transform: scale(0.5, 0.5) translateZ(0);
    overflow: hidden;
    cursor: pointer;
}
body.main-page .recommend-block .img-slider .slick-slide > div img {
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    body.main-page .recommend-block .img-slider .slick-slide > div {
        width: 128px;
        height: 128px;
        line-height: 120px;
    }
}
@media screen and (min-width: 1200px) {
    body.main-page .recommend-block .img-slider .slick-slide > div {
        width: 200px;
        height: 200px;
        line-height: 192px;
    }
}
@media screen and (min-width: 1200px) {
    body.main-page .recommend-block .img-slider .slick-slide:hover > div {
        border-color: #007088 !important;
    }
}
body.main-page .recommend-block .img-slider .slick-slide.slick-current > div {
    -webkit-transform: scale(1, 1) translateZ(0);
    transform: scale(1, 1) translateZ(0);
    border-color: #f6ae9c !important;
}
body.main-page
    .recommend-block
    .img-slider
    .slick-slide.slick-current
    > div
    img {
    -webkit-filter: none;
    filter: none;
}
body.main-page .recommend-block .img-slider .slick-slide img {
    max-width: 100%;
    min-width: 100%;
    vertical-align: bottom;
}
body.main-page .recommend-block .img-slider .slick-list {
    /* overflow: visible; */
    max-height: 20rem;
}
body.main-page .recommend-block .img-slider .slick-track:after {
    clear: both;
    content: "";
    display: block;
}
body.main-page .services-nav-block {
    position: relative;
    z-index: 1;
    background-color: #f8f8fa;
    padding-bottom: 25px;
    margin-bottom: 16px;
}
body.main-page .services-nav-block:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    background-color: #f8f8fa;
}
@media screen and (min-width: 768px) {
    body.main-page .services-nav-block {
        overflow: hidden;
        border-radius: 4px;
        padding: 0 24px 27px;
    }
    body.main-page .services-nav-block:before {
        display: none;
    }
}
body.main-page .services-nav-block .head {
    background-color: #007088;
    padding: 16px 0;
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
    display: block !important;
}
body.main-page .services-nav-block .head:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    background-color: #007088;
}
@media screen and (min-width: 768px) {
    body.main-page .services-nav-block .head {
        margin: 0 -24px 30px;
        padding: 16px 24px;
    }
}
body.main-page .services-nav-block .head:hover {
    background-color: #fea0a0;
}
body.main-page .services-nav-block .head:hover:before {
    background-color: #fea0a0;
}
body.main-page .services-nav-block .head,
body.main-page .services-nav-block .head:before {
    -webkit-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
@media screen and (min-width: 768px) {
    body.main-page .services-nav-block .head:before {
        display: none;
    }
}
body.main-page .services-nav-block .title {
    display: block;
    margin-bottom: 0;
    border-bottom: none;
    position: relative;
    color: white;
}
body.main-page .services-nav-block .title:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 2px;
    right: 0;
    width: 0.9375em;
    height: 0.5625em;
    background-position: -0.3125em -3.6875em;
}
body.main-page .services-nav-block ul li {
    margin-bottom: 30px;
}
body.main-page .services-nav-block ul li:last-child {
    margin-bottom: 0;
}
body.main-page .services-nav-block ul a {
    color: #0f2531;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
}
body.main-page .services-nav-block ul a > * {
    display: inline-block;
    vertical-align: middle;
}
@media screen and (min-width: 768px) {
    body.main-page .services-nav-block ul a:hover {
        color: #fea0a0;
    }
    body.main-page .services-nav-block ul a:hover .icon > *:first-child {
        display: none;
    }
    body.main-page .services-nav-block ul a:hover .icon > *:last-child {
        display: block;
    }
}
body.main-page .services-nav-block ul .icon {
    width: 55px;
}
body.main-page .services-nav-block ul .icon > *:first-child {
    display: block;
}
body.main-page .services-nav-block ul .icon > *:last-child {
    display: none;
}
body.main-page .vertical-tabs-block {
    border-radius: 4px;
    background-color: #f8f8fa;
    position: relative;
    z-index: 1;
    padding: 28px 0 37px;
}
body.main-page .vertical-tabs-block:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    background-color: #f8f8fa;
}
@media screen and (min-width: 768px) {
    body.main-page .vertical-tabs-block {
        padding: 28px 24px 37px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (min-width: 768px) {
    body.main-page .vertical-tabs-block:before {
        display: none;
    }
}
body.main-page .vertical-tabs-block .head {
    display: block;
    color: #007088;
    margin-bottom: 36px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    body.main-page .vertical-tabs-block .head {
        width: 187px;
    }
}
@media screen and (min-width: 1200px) {
    body.main-page .vertical-tabs-block .head {
        width: 155px;
    }
}
body.main-page .vertical-tabs-block .head h3 {
    margin-bottom: 6px;
}
body.main-page .vertical-tabs-block .head a {
    color: #007088;
}
body.main-page .vertical-tabs-block .head a:hover {
    color: #f6ae9c;
}
body.main-page .vertical-tabs-block ol {
    line-height: 18px;
}
@media screen and (min-width: 768px) {
    body.main-page .vertical-tabs-block ol {
        margin-top: -5px;
        position: relative;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    body.main-page .vertical-tabs-block ol {
        width: 510px;
    }
}
@media screen and (min-width: 1200px) {
    body.main-page .vertical-tabs-block ol {
        width: 450px;
    }
}
body.main-page .vertical-tabs-block ol > li {
    margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
    body.main-page .vertical-tabs-block ol > li {
        position: static;
        width: 40%;
        margin-bottom: 22px;
        color: #0f2531;
        color: rgba(15, 37, 49, 0.3);
        -webkit-transition-property: color;
        -o-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.1s;
        -o-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        white-space: nowrap;
    }
    body.main-page .vertical-tabs-block ol > li.selected {
        color: #0f2531;
    }
    body.main-page .vertical-tabs-block ol > li:hover {
        color: #fea0a0;
    }
    body.main-page .vertical-tabs-block ol > li.selected ul {
        opacity: 1;
    }
}
body.main-page .vertical-tabs-block ol > li:last-child {
    margin-bottom: 0;
}
body.main-page .vertical-tabs-block ol > li:before {
    font-size: 17px;
}
@media screen and (min-width: 768px) {
    body.main-page .vertical-tabs-block ol .trigger {
        display: inline-block;
        cursor: pointer;
        white-space: normal;
    }
}
body.main-page .vertical-tabs-block ul {
    padding-left: 12px;
    margin-top: 4px;
}
@media screen and (min-width: 768px) {
    body.main-page .vertical-tabs-block ul {
        position: absolute;
        left: 44%;
        top: 0;
        margin: 0;
        padding: 0;
        color: #0f2531;
        opacity: 0;
        -webkit-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.1s;
        -o-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        pointer-events: none;
        white-space: normal;
    }
}
body.main-page .vertical-tabs-block ul > li {
    margin-bottom: 0.6em;
}
body.main-page .vertical-tabs-block ul > li:last-child {
    margin-bottom: 0;
}
body.services-page .services-block {
    margin-top: 38px;
}
@media screen and (min-width: 768px) {
    body.services-page .services-block {
        margin-top: 54px;
    }
}
@media screen and (min-width: 1200px) {
    body.services-page .services-block .service-head-link {
        margin-bottom: 40px;
        border-bottom: 2px solid #dde2e2;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    body.services-page .services-block .grid-col {
        padding: 0 24px;
    }
}
@media screen and (min-width: 1200px) {
    body.services-page .services-block .grid-col {
        padding: 0 24px 32px;
    }
}
@media screen and (max-width: 767px) {
    body.services-page .services-block .grid-col {
        padding-bottom: 2px;
        /* padding-top: 3px; */
    }
    body.services-page .services-block .grid-col:before {
        border-bottom: 2px solid #dde2e2;
    }
    body.services-page .services-block .grid-col:last-child:before {
        border-bottom: none;
    }
}
body.service-detail-page .services-columns-block {
    margin-top: 16px !important;
}
.services-columns-block {
    margin-top: 31px;
}
@media screen and (min-width: 768px) {
    .services-columns-block {
        margin: 47px 0 0;
    }
}
@media screen and (min-width: 768px) {
    .services-columns-block .gray-block {
        margin: 0 -16px;
    }
}
@media screen and (min-width: 768px) {
    .services-columns-block .pseudo-table-row {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }
}
.services-columns-block .service-info-block {
    padding: 24px 0 30px;
}
@media screen and (min-width: 768px) {
    .services-columns-block .service-info-block {
        padding: 24px 24px 40px;
    }
}
@media screen and (min-width: 1200px) {
    .services-columns-block .text-column {
        -webkit-column-gap: 64px;
        -moz-column-gap: 64px;
        column-gap: 64px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .services-columns-block .text-column {
        -webkit-column-gap: 140px;
        -moz-column-gap: 140px;
        column-gap: 140px;
    }
}
@media screen and (min-width: 768px) {
    .services-columns-block .text-column {
        -webkit-column-rule: 2px solid #dde2e2;
        -moz-column-rule: 2px solid #dde2e2;
        column-rule: 2px solid #dde2e2;
    }
}
.services-columns-block .text-column .no-break + .no-break {
    margin-top: 40px;
}
.services-columns-block .title:first-child {
    margin-top: 0;
}
.reception-block {
    margin-top: 16px;
}
.reception-block .foot {
    color: #c9c9c9;
    margin-top: 24px;
}
@media screen and (min-width: 1200px) {
    .reception-block .foot {
        margin-top: 67px;
    }
}
.reception-block .foot b {
    font-weight: 400;
    color: #0f2531;
    display: inline-block;
    margin-left: 5px;
}
@media screen and (min-width: 1200px) {
    .reception-block .row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .reception-block .row > * {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        max-width: calc(100% - 320px);
    }
    .reception-block .row > *:first-child {
        width: 320px;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 70px;
    }
}
.reception-block .reception-slider {
    width: 100%;
    margin: 40px 0 32px;
}
@media screen and (min-width: 1200px) {
    .reception-block .reception-slider {
        margin: 0;
    }
}
.reception-block .reception-slider * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.reception-block .reception-slider:after {
    content: "";
    display: block;
    width: 2.5625em;
    height: 2.5625em;
    background-position: -0.3125em -52.6875em;
    left: 50%;
    margin-left: -16px;
    bottom: -44px;
    position: absolute;
    font-size: 13px !important;
}
@media screen and (min-width: 1200px) {
    .reception-block .reception-slider:after {
        display: none;
    }
}
.reception-block .reception-slider .slick-track:after {
    clear: both;
    content: "";
    display: block;
}
.reception-block .reception-slider .slick-list {
    margin: -10px -24px;
    padding: 10px 24px;
}
@media screen and (min-width: 1200px) {
    .reception-block .reception-slider .slick-list {
        margin: -10px;
        padding: 10px;
    }
}
.reception-block .reception-slider:not(.visible),
.reception-block .set-time-block:not(.visible) {
    display: none !important;
}
.reception-block .set-time-block {
    margin-top: 40px;
}
.reception-block .set-time-block:after {
    clear: both;
    content: "";
    display: block;
}
@media screen and (min-width: 768px) {
    .reception-block .set-time-block > * {
        float: left;
    }
}
@media screen and (min-width: 1200px) {
    .reception-block .set-time-block {
        margin-top: 0;
    }
}
.reception-block .set-time-block .reception-doctor-item {
    display: block;
    margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .reception-block .set-time-block .reception-doctor-item {
        margin-right: 48px;
    }
}
@media screen and (min-width: 1200px) {
    .reception-block .set-time-block .reception-doctor-item {
        margin-right: 40px;
    }
}
.reception-block .set-time-calendar {
    margin-top: 40px;
}
@media screen and (min-width: 768px) {
    .reception-block .set-time-calendar {
        margin-top: 0;
        position: relative;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .reception-block .set-time-calendar {
        width: 280px;
        margin-right: 72px;
    }
}
@media screen and (min-width: 1200px) {
    .reception-block .set-time-calendar {
        width: 252px;
        margin-right: 68px;
    }
}
.reception-block .set-time-calendar:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #dde2e2;
    margin: 32px 0 24px;
}
@media screen and (min-width: 768px) {
    .reception-block .set-time-calendar:after {
        position: absolute;
        top: 0;
        width: 2px;
        height: 224px;
        margin: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .reception-block .set-time-calendar:after {
        right: -42px;
    }
}
@media screen and (min-width: 1200px) {
    .reception-block .set-time-calendar:after {
        right: -42px;
    }
}
.reception-block .set-time-time {
    width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .reception-block .set-time-time {
        width: 160px;
    }
}
@media screen and (min-width: 1200px) {
    .reception-block .set-time-time {
        width: 144px;
    }
}
@media screen and (min-width: 1200px) {
    .reception-block .set-time-result {
        margin-bottom: 16px;
    }
}
.reception-block .set-time-form {
    padding-top: 24px;
}
@media screen and (min-width: 768px) {
    .reception-block .set-time-form {
        clear: both;
        float: none;
        width: 100%;
        padding-top: 32px;
    }
    .reception-block .set-time-form:after {
        clear: both;
        content: "";
        display: block;
    }
    .reception-block .set-time-form-head {
        float: left;
        max-width: 408px;
    }
    .reception-block .set-time-form .form-standard {
        width: 280px;
        margin-top: 0;
        float: right;
    }
}
@media screen and (min-width: 1360px) {
    .reception-block .set-time-form {
        clear: none;
        float: left;
        width: 220px;
        padding: 0;
        margin-left: 64px;
        position: relative;
    }
    .reception-block .set-time-form:before {
        position: absolute;
        top: 0;
        left: -36px;
        width: 2px !important;
        height: 224px !important;
        margin: 0 !important;
    }
    .reception-block .set-time-form-head {
        float: none;
    }
    .reception-block .set-time-form .form-standard {
        width: 100%;
        float: none;
        margin-top: 19px;
    }
}
.reception-block .set-time-form:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #dde2e2;
    margin: 0 0 32px;
}
.reception-doctor-item {
    width: 144px;
    height: 224px;
    margin-right: 16px;
    text-align: center;
    line-height: 17px;
    display: block;
    color: #c9c9c9;
    position: relative;
    padding: 24px 16px 33px;
    border-radius: 4px;
    background-color: white;
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    -o-transition-property: box-shadow;
    transition-property: box-shadow;
    transition-property:
        box-shadow,
        -webkit-box-shadow;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
}
.reception-doctor-item b {
    color: #0f2531;
    font-weight: 400;
}
.reception-doctor-item > * {
    display: block;
}
.reception-doctor-item .img {
    border-radius: 50%;
    overflow: hidden;
    width: 56px;
    height: 56px;
    margin: 0 auto 17px;
}
.reception-doctor-item .img img {
    max-width: 100%;
    min-width: 100%;
}
.reception-doctor-item .price {
    margin-top: 16px;
}
.reception-doctor-item .sel {
    color: #007088;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 16px;
    bottom: 15px;
}
.reception-doctor-item .sel:hover {
    color: #f6ae9c;
}
.reception-doctor-item > a {
    color: #007088;
}
.reception-doctor-item > a:hover {
    color: #f6ae9c;
}
.reception-doctor-item:not(div):hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.reception-doctor-item:not(div):hover .sel {
    color: #fea0a0;
}
.set-time-block .xdsoft_datetimepicker {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border: none;
    color: #0f2531;
    padding: 0;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}
.set-time-block .xdsoft_datepicker {
    margin: 0;
    width: 100%;
    float: none !important;
}
.set-time-block .xdsoft_label {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    padding: 0;
    margin: 0;
    z-index: 1;
    background-color: transparent;
    float: none;
    cursor: default;
    pointer-events: none;
}
.set-time-block .xdsoft_label i {
    display: none;
}
.set-time-block .xdsoft_month {
    width: auto;
    display: inline-block;
    margin: 0 0.3em 0 0;
}
.set-time-block .xdsoft_monthpicker {
    text-align: center;
    font-size: 0;
    line-height: 0;
    padding: 0 10px;
    position: relative;
    width: 100%;
    display: block;
    margin: 0 0 12px;
}
.set-time-block .xdsoft_monthpicker .xdsoft_prev,
.set-time-block .xdsoft_monthpicker .xdsoft_next {
    position: absolute;
    width: 10px;
    height: 16px;
    padding: 0;
    margin: 0;
    border: none;
    overflow: hidden;
    top: 2px;
    cursor: pointer;
    opacity: 1;
    background-color: transparent;
    background: none;
    display: block;
    -ms-filter: none;
    outline: none;
    text-indent: 100%;
    white-space: nowrap;
    min-width: 0;
}
.set-time-block .xdsoft_monthpicker .xdsoft_prev:before,
.set-time-block .xdsoft_monthpicker .xdsoft_next:before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-style: solid;
    border-color: #007088;
    -webkit-transition-property: border;
    -o-transition-property: border;
    transition-property: border;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 2px;
}
.set-time-block .xdsoft_monthpicker .xdsoft_prev:hover:before,
.set-time-block .xdsoft_monthpicker .xdsoft_next:hover:before {
    border-color: #fea0a0;
}
.set-time-block .xdsoft_monthpicker .xdsoft_prev:disabled,
.set-time-block .xdsoft_monthpicker .xdsoft_next:disabled {
    pointer-events: none;
}
.set-time-block .xdsoft_monthpicker .xdsoft_prev:disabled:before,
.set-time-block .xdsoft_monthpicker .xdsoft_next:disabled:before {
    border-color: #007088;
    border-color: rgba(154, 182, 210, 0.5);
}
.set-time-block .xdsoft_monthpicker .xdsoft_prev {
    left: 0;
}
.set-time-block .xdsoft_monthpicker .xdsoft_prev:before {
    border-width: 2px 0 0 2px;
    left: 2px;
}
.set-time-block .xdsoft_monthpicker .xdsoft_next {
    right: 0;
}
.set-time-block .xdsoft_monthpicker .xdsoft_next:before {
    border-width: 0 2px 2px 0;
    right: 2px;
}
.set-time-block .xdsoft_monthpicker .xdsoft_today_button {
    display: none;
}
.set-time-block .xdsoft_calendar {
    width: 100%;
    color: #c9c9c9;
}
.set-time-block .xdsoft_calendar,
.set-time-block .xdsoft_calendar td,
.set-time-block .xdsoft_calendar th {
    border: none !important;
}
.set-time-block .xdsoft_calendar th {
    color: #0f2531 !important;
    background-color: transparent;
}
.set-time-block .xdsoft_calendar th,
.set-time-block .xdsoft_calendar td {
    width: 14.285%;
    height: 26px;
    line-height: 22px;
    vertical-align: middle;
    text-align: center;
    padding: 0 !important;
    color: #007088;
    font-size: inherit;
    font-weight: 400;
    text-transform: lowercase;
    opacity: 1 !important;
    background-color: transparent !important;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.set-time-block .xdsoft_calendar th:hover,
.set-time-block .xdsoft_calendar td:hover {
    background-color: transparent !important;
}
.set-time-block .xdsoft_calendar th > div,
.set-time-block .xdsoft_calendar td > div {
    padding: 0;
    border-radius: 4px;
    background-color: #f6ae9c;
    background-color: rgba(254, 160, 160, 0);
    border: 2px solid #007088;
    border: 2px solid rgba(154, 182, 210, 0);
    -webkit-transition-property: background, border;
    -o-transition-property: background, border;
    transition-property: background, border;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.set-time-block .xdsoft_calendar td:hover > div {
    background-color: #fea0a0 !important;
    border-color: #fea0a0 !important;
}
.set-time-block .xdsoft_calendar .xdsoft_today {
    color: inherit;
}
.set-time-block .xdsoft_calendar .xdsoft_today:not(.xdsoft_disabled) {
    color: #007088;
}
.set-time-block .xdsoft_calendar .xdsoft_disabled {
    color: #c9c9c9;
    pointer-events: none;
}
.set-time-block .xdsoft_calendar .xdsoft_current {
    color: #007088 !important;
    font-weight: 400 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.set-time-block .xdsoft_calendar .xdsoft_current > div {
    border-color: #007088;
}
.set-time-block .xdsoft_other_month {
    visibility: hidden;
}
.set-time-block .xdsoft_timepicker {
    float: none;
    text-align: center;
}
.set-time-block .xdsoft_timepicker.active {
    margin: 0;
    width: 100%;
    display: block;
}
.set-time-block .xdsoft_timepicker .xdsoft_prev,
.set-time-block .xdsoft_timepicker .xdsoft_next {
    display: none;
}
.set-time-block .xdsoft_timepicker .xdsoft_time_box > div > div {
    opacity: 1 !important;
    line-height: 44px !important;
    color: #007088 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    height: auto !important;
    background-color: #fea0a0 !important;
    background-color: rgba(254, 160, 160, 0) !important;
    border: 2px solid #007088 !important;
    border: 2px solid rgba(154, 182, 210, 0) !important;
    -webkit-transition-property: color, background, border;
    -o-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    border-radius: 4px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
@media screen and (min-width: 768px) {
    .set-time-block .xdsoft_timepicker .xdsoft_time_box > div > div {
        line-height: 40px !important;
    }
}
.set-time-block .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: white !important;
    border-color: #f6ae9c !important;
    background-color: #f6ae9c !important;
}
.set-time-block
    .xdsoft_timepicker
    .xdsoft_time_box
    > div
    > div.xdsoft_disabled {
    color: #c9c9c9 !important;
}
.set-time-block
    .xdsoft_timepicker
    .xdsoft_time_box
    > div
    > div.xdsoft_disabled:hover {
    color: #c9c9c9 !important;
    border-color: #007088 !important;
    border-color: rgba(154, 182, 210, 0) !important;
}
.set-time-block .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    border-color: #007088 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.set-time-block
    .xdsoft_timepicker
    .xdsoft_time_box
    > div
    > div.xdsoft_current:hover {
    border-color: #fea0a0 !important;
}
.set-time-block .xdsoft_timepicker .xdsoft_scroller_box {
    height: auto;
    overflow: visible;
    border: none;
}
.set-time-block .xdsoft_timepicker .xdsoft_time_variant {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}
@media screen and (min-width: 768px) {
    .set-time-block .xdsoft_timepicker .xdsoft_time_variant {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
}
.set-time-calendar {
    color: #0f2531;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.set-time-calendar-month {
    color: #0f2531;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    position: relative;
    display: block;
    padding: 0 16px;
    margin-bottom: 12px;
}
.set-time-calendar-month span {
    display: block;
}
.set-time-calendar-month > button {
    position: absolute;
    width: 10px;
    height: 16px;
    padding: 0;
    margin: 0;
    border: none;
    overflow: hidden;
    top: 2px;
    cursor: pointer;
}
.set-time-calendar-month > button:before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-style: solid;
    border-color: #007088;
    -webkit-transition-property: border;
    -o-transition-property: border;
    transition-property: border;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 2px;
}
.set-time-calendar-month > button:first-child {
    left: 0;
}
.set-time-calendar-month > button:first-child:before {
    border-width: 2px 0 0 2px;
    left: 2px;
}
.set-time-calendar-month > button:last-child {
    right: 0;
}
.set-time-calendar-month > button:last-child:before {
    border-width: 0 2px 2px 0;
    right: 2px;
}
.set-time-calendar-month > button:hover:before {
    border-color: #f6ae9c;
}
.set-time-calendar-month > button:disabled {
    pointer-events: none;
}
.set-time-calendar-month > button:disabled:before {
    border-color: #007088;
    border-color: rgba(154, 182, 210, 0.5);
}
.set-time-calendar-table {
    text-align: center;
}
.set-time-calendar-table table {
    width: 100%;
    color: #c9c9c9;
}
.set-time-calendar-table td,
.set-time-calendar-table th {
    vertical-align: middle;
    height: 26px;
    width: 14.285%;
}
.set-time-calendar-table th {
    color: #0f2531;
}
.set-time-calendar-table th:nth-child(7) {
    color: #c9c9c9;
}
.set-time-calendar-table label {
    position: relative;
    display: block;
}
.set-time-calendar-table label span {
    display: block;
    color: #007088;
    cursor: pointer;
    border: 2px solid #007088;
    border: 2px solid rgba(154, 182, 210, 0);
    -webkit-transition-property: border, background, color;
    -o-transition-property: border, background, color;
    transition-property: border, background, color;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    border-radius: 4px;
    padding: 2px;
}
.set-time-calendar-table label span:hover {
    color: white;
    border-color: #fea0a0;
    background-color: #fea0a0;
}
.set-time-calendar-table input[type="radio"] {
    opacity: 0;
    width: 0.1px;
    height: 0.1px;
    overflow: hidden;
    position: absolute;
    z-index: -100;
}
.set-time-calendar-table input[type="radio"]:checked + span {
    border-color: #007088;
}
.set-time-calendar-table input[type="radio"]:disabled + span {
    color: #c9c9c9;
    pointer-events: none;
}
.set-time-timepicker {
    text-align: center;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    font-size: 18px;
    font-weight: 400;
}
@media screen and (min-width: 768px) {
    .set-time-timepicker {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
}
.set-time-timepicker p {
    white-space: nowrap;
    line-height: 44px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
@media screen and (min-width: 768px) {
    .set-time-timepicker p {
        line-height: 40px;
    }
}
.set-time-timepicker label span {
    display: block;
    cursor: pointer;
    color: #007088;
    border-radius: 4px;
    -webkit-transition-property: border, background, color;
    -o-transition-property: border, background, color;
    transition-property: border, background, color;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    border: 2px solid #007088;
    /*border: 2px solid rgba(154, 182, 210, 0)*/
}
.set-time-timepicker label span:hover {
    border-color: #fea0a0;
    background-color: #fea0a0;
    color: white;
}
.set-time-timepicker input[type="radio"] {
    opacity: 0;
    width: 0.1px;
    height: 0.1px;
    overflow: hidden;
    position: absolute;
    z-index: -100;
}
.set-time-timepicker input[type="radio"]:checked + span {
    border-color: #007088;
}
.set-time-timepicker input[type="radio"]:disabled + span {
    pointer-events: none;
    color: #c9c9c9;
}
.set-time-form {
    text-align: left;
}
.set-time-form button[type="submit"],
.set-time-form input[type="submit"] {
    display: block;
    width: 100%;
}
.set-time-form .form-standard {
    margin-top: 24px;
}
.set-time-title {
    color: #c9c9c9;
    display: block;
    margin-bottom: 10px;
}
.set-time-result {
    color: #0f2531;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-bottom: 24px;
}
.calculation-modal .calculation-item {
    text-align: center;
}
.calculation-modal .slick-filter-nav {
    margin-bottom: 14px;
}
.calculation-modal .calculation-item,
.calculation-modal .calculation-first-col {
    font-size: 14px;
    line-height: 18px;
}
.calculation-modal .calculation-item > span,
.calculation-modal .calculation-first-col > span {
    display: block;
    padding: 15px 0;
    min-height: 48px;
}
@media screen and (min-width: 1200px) {
    .calculation-modal .calculation-item > span,
    .calculation-modal .calculation-first-col > span {
        min-height: 40px;
        padding: 11px 0;
    }
}
.calculation-modal .calculation-item > span:first-child,
.calculation-modal .calculation-first-col > span:first-child {
    border-bottom: 2px solid #dde2e2;
    color: #c9c9c9;
    min-height: 50px;
}
@media screen and (min-width: 1200px) {
    .calculation-modal .calculation-item > span:first-child,
    .calculation-modal .calculation-first-col > span:first-child {
        min-height: 42px;
    }
}
.calculation-modal .calculation-first-col {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    text-align: left;
    color: #c9c9c9;
    width: 100px;
}
@media screen and (min-width: 1200px) {
    .calculation-modal .calculation-first-col {
        width: 170px;
    }
}
.calculation-modal .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.calculation-modal .calculation-slider {
    width: 172px;
    margin-bottom: 60px;
    height: 290px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .calculation-modal .calculation-slider {
        width: 396px;
    }
}
@media screen and (min-width: 1200px) {
    .calculation-modal .calculation-slider {
        width: 486px;
        height: 242px;
    }
}
.calculation-modal .calculation-slider .slick-track:after {
    clear: both;
    content: "";
    display: block;
}
.calculation-modal .calculation-slider:after {
    content: "";
    display: block;
    width: 2.5625em;
    height: 2.5625em;
    background-position: -0.3125em -52.6875em;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -60px;
    line-height: 13px !important;
}
@media screen and (min-width: 768px) {
    .calculation-modal .calculation-slider {
        margin-bottom: 0;
    }
    .calculation-modal .calculation-slider:after {
        display: none;
    }
}
body.about-page .about-rows-blog {
    line-height: 24px;
}
body.about-page .about-rows-blog h3 {
    font-size: 18px;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 8px;
    line-height: 1.33em;
}
body.about-page .about-rows-blog h3 a {
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
body.about-page .about-rows-blog h3 a:hover {
    color: #fea0a0;
}
body.about-page .about-rows-blog time {
    color: #c9c9c9;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 16px;
    display: block;
}
body.about-page .about-rows-blog p a {
    color: #007088;
    display: inline-block;
}
body.about-page .about-rows-blog p a:hover {
    color: #f6ae9c;
}
body.about-page .about-rows-blog aside {
    display: block;
}
body.about-page .about-rows-blog aside:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #dde2e2;
    margin: 39px 0 30px;
}
body.about-page .about-rows-blog aside a {
    color: #007088;
    display: block;
    margin-bottom: 17px;
}
body.about-page .about-rows-blog aside a:last-child {
    margin-bottom: 0;
}
body.about-page .about-rows-blog aside a:hover {
    color: #f6ae9c;
}
.about-rows {
    margin-top: 31px;
}
@media screen and (min-width: 768px) {
    .about-rows {
        margin-top: 47px;
    }
}
@media screen and (max-width: 767px) {
    .about-rows-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .about-rows-container > *:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .about-rows-container > *:nth-child(4) {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .about-rows-container > *:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .about-rows-container > *:nth-child(3) {
        -webkit-box-ordinal-group: 5;
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .about-rows-container > *:nth-child(5) {
        -webkit-box-ordinal-group: 6;
        -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}
@media screen and (min-width: 768px) {
    .about-rows-container {
        margin: 0 -16px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .about-rows-container > *:nth-child(4),
    .about-rows-container > *:nth-child(5) {
        width: calc(50% - 8px);
        margin-top: 16px;
    }
    .about-rows-container > *:nth-child(4) {
        margin-right: 16px;
    }
}
@media screen and (min-width: 1200px) {
    .about-rows-container > *:nth-child(1) {
        width: calc(33.282% - 8px);
        margin-right: 16px;
    }
    .about-rows-container > *:nth-child(2) {
        width: calc(42.092% - 16px);
        margin-right: 16px;
    }
    .about-rows-container > *:nth-child(3) {
        width: calc(24.497% - 8px);
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .about-rows-container > *:nth-child(1),
    .about-rows-container > *:nth-child(2) {
        width: calc(50% - 8px);
    }
    .about-rows-container > *:nth-child(3) {
        width: 100%;
        margin-top: 16px;
    }
    .about-rows-container > *:nth-child(1) {
        margin-right: 16px;
    }
}
.about-rows-container > * {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .about-rows-container > * {
        margin-top: 0;
    }
}
.about-rows-container > *:first-child {
    margin-top: 0;
}
@media screen and (min-width: 768px) {
    .our-doctors-block .grid-row-root {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.our-doctors-block .our-doctor-item {
    margin-bottom: 16px;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .our-doctors-block .our-doctor-item {
        margin-right: 16px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .our-doctors-block .our-doctor-item {
        width: calc(50% - 8px);
    }
    .our-doctors-block .our-doctor-item:nth-child(2n) {
        margin-right: 0;
    }
    .our-doctors-block .our-doctor-item:nth-last-child(-n + 2) {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 1200px) {
    .our-doctors-block .our-doctor-item {
        width: calc(33.33% - 11px);
    }
    .our-doctors-block .our-doctor-item:nth-child(3n) {
        margin-right: 0;
    }
    .our-doctors-block .our-doctor-item:nth-last-child(-n + 3) {
        margin-bottom: 0;
    }
}
.our-doctors-block .our-doctor-item:last-child {
    margin-bottom: 0;
}
.our-doctor-item {
    padding: 20px 20px;
    line-height: 24px;
}
@media screen and (min-width: 768px) {
    .our-doctor-item {
        padding: 24px 24px 24px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .our-doctor-item {
        height: 536px;
    }
}
@media screen and (min-width: 1200px) {
    .our-doctor-item {
        height: 504px;
    }
}
.our-doctor-item.flag .head:before {
    margin-top: -24px;
    right: 0;
}
@media screen and (min-width: 768px) {
    .our-doctor-item.flag .head:before {
        right: -8px;
    }
}
.our-doctor-item .head {
    position: relative;
    margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
    .our-doctor-item .head {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}
@media screen and (min-width: 1360px) {
    .our-doctor-item .head {
        padding-left: 152px;
        padding-bottom: 32px;
    }
}
.our-doctor-item .head .up {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 96px;
    padding-left: 120px;
}
@media screen and (min-width: 1360px) {
    .our-doctor-item .head .up {
        display: block;
        padding-left: 0;
    }
}
.our-doctor-item .head .img {
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
    width: 96px;
    height: 96px;
    left: 0;
    top: 0;
}
@media screen and (min-width: 1360px) {
    .our-doctor-item .head .img {
        width: 120px;
        height: 120px;
    }
}
.our-doctor-item .head .img img {
    min-width: 100%;
    max-width: 100%;
}
.our-doctor-item .head a.name {
    color: var(--color-primary);
}
.our-doctor-item .head a.name:hover {
    color: var(--color-main);
}
.our-doctor-item .head .name {
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 18px;
    margin-bottom: 6px;
}
.our-doctor-item .head .name em {
    font-style: normal;
    text-transform: uppercase;
    display: block;
}
.our-doctor-item .head .mail {
    display: block;
    margin-top: 16px;
}
@media screen and (min-width: 1200px) {
    .our-doctor-item .head .mail {
        margin-top: 25px;
    }
}
.our-doctor-item .head small {
    display: block;
    color: var(--color-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.our-doctor-item .head .bot {
    margin-top: 24px;
    padding: 0 8px;
}
.our-doctor-item .head .bot:after {
    clear: both;
    content: "";
    display: block;
}
@media screen and (min-width: 1360px) {
    .our-doctor-item .head .bot {
        position: absolute;
        padding: 0;
        bottom: 0;
        left: 152px;
    }
}
.our-doctor-item .head .bot > * {
    float: left;
}
.our-doctor-item .head .social-links {
    margin-left: 32px;
    margin-right: -30px;
}
.our-doctor-item .button-blue {
    display: inline-block;
    padding: 8px 10px;
    width: 80px;
}
.our-doctor-item .social-links {
    line-height: 32px;
}
.our-doctor-item .cont {
    min-height: 76px;
}
@media screen and (min-width: 768px) {
    .our-doctor-item .cont {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }
}
@media screen and (min-width: 768px) {
    .our-doctor-item .foot {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .our-doctor-item .foot:after {
        clear: both;
        content: "";
        display: block;
    }
}
.our-doctor-item .foot:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--gray-light);
    margin: 22px 0 24px;
}
.our-doctor-item .foot .subtitle {
    display: block;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
    .our-doctor-item .foot .subtitle {
        font-size: 18px;
        line-height: 21px;
    }
}
.our-doctor-item .foot > button,
.our-doctor-item .foot > a {
    background-color: var(--color-white);
    border-radius: 4px;
    border: none;
    display: block;
    padding: 15px;
    width: 100%;
    margin-bottom: 16px;
    text-align: left;
    color: var(--color-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    position: relative;
}
@media screen and (min-width: 768px) {
    .our-doctor-item .foot > button,
    .our-doctor-item .foot > a {
        float: left;
        margin-right: 11px;
        margin-bottom: 0;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .our-doctor-item .foot > button,
    .our-doctor-item .foot > a {
        width: 96px;
    }
}
@media screen and (min-width: 1200px) {
    .our-doctor-item .foot > button,
    .our-doctor-item .foot > a {
        width: 117px;
        height: 130px;
        max-width: calc(33.33% - 11px);
    }
}
@media screen and (min-width: 1360px) {
    .our-doctor-item .foot > button,
    .our-doctor-item .foot > a {
        padding: 16px 10px;
    }
}
.our-doctor-item .foot > button:last-child,
.our-doctor-item .foot > a:last-child {
    margin-bottom: 0;
    margin-right: 0;
}
.our-doctor-item .foot > button > *,
.our-doctor-item .foot > a > * {
    display: block;
}
.our-doctor-item .foot > button span,
.our-doctor-item .foot > a span {
    margin-bottom: 9px;
}
@media screen and (min-width: 768px) {
    .our-doctor-item .foot > button span,
    .our-doctor-item .foot > a span {
        margin-bottom: 16px;
    }
}
.our-doctor-item .foot > button .price,
.our-doctor-item .foot > a .price {
    color: var(--color-gray);
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
    .our-doctor-item .foot > button .price,
    .our-doctor-item .foot > a .price {
        margin-bottom: 15px;
    }
}
.our-doctor-item .foot > button small,
.our-doctor-item .foot > a small {
    color: var(--color-primary);
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: absolute;
    right: 1.5rem;
    top: 37px;
    font-size: inherit;
}
@media screen and (min-width: 768px) {
    .our-doctor-item .foot > button small,
    .our-doctor-item .foot > a small {
        position: static;
    }
}
.our-doctor-item .foot > button:hover small,
.our-doctor-item .foot > a:hover small {
    color: var(--color-main);
}
.doctor-name-item {
    display: inline-block;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .doctor-name-item {
        line-height: 56px;
    }
}
.doctor-name-item .img {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    margin-bottom: 17px;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
    .doctor-name-item .img {
        margin-bottom: 0;
        margin-right: 24px;
    }
}
.doctor-name-item .img img {
    max-width: 100%;
    min-width: 100%;
}
.doctor-name-item .name {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
@media screen and (min-width: 768px) {
    .doctor-name-item .name {
        display: inline-block;
        vertical-align: middle;
    }
}
.doctor-name-item:hover {
    color: #fea0a0;
}

.image-slider-block {
    margin-top: 30px;
}
@media screen and (min-width: 768px) {
    .image-slider-block {
        margin-top: 47px;
    }
}
.image-slider-block-slider {
    width: 100%;
    height: 176px;
    margin-bottom: 56px;
    position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .image-slider-block-slider {
        height: 472px;
    }
}
@media screen and (min-width: 1200px) {
    .image-slider-block-slider {
        margin-left: -16px;
        margin-right: -16px;
        height: 288px;
        width: auto !important;
    }
}
.image-slider-block-slider .slick-slide {
    width: 272px;
    height: 176px;
    overflow: hidden;
    float: none !important;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-right: 16px solid transparent;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .image-slider-block-slider .slick-slide {
        width: 720px;
        height: 472px;
    }
}
@media screen and (min-width: 1200px) {
    .image-slider-block-slider .slick-slide {
        width: 432px;
        height: 288px;
    }
}
.image-slider-block-slider .slick-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
}
.image-slider-block-slider .slick-list {
    overflow: visible;
}
@media screen and (min-width: 1200px) {
    .image-slider-block-slider .slick-list {
        width: auto !important;
        margin-right: -16px;
    }
}
.image-slider-block-slider .slick-track {
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
}
.our-features-block {
    margin: 16px 0;
}
@media screen and (min-width: 1200px) {
    .our-features-block .text-column {
        -webkit-column-gap: 80px;
        -moz-column-gap: 80px;
        column-gap: 80px;
    }
}
.our-features-block .our-features-slider {
    width: 170px;
    margin: 40px auto 0;
}
@media screen and (min-width: 768px) {
    .our-features-block .our-features-slider {
        margin: 0;
        margin-top: 40px;
        width: 100%;
    }
    .our-features-block .our-features-slider .slick-list {
        overflow: visible !important;
        height: auto !important;
        width: 100% !important;
        padding: 0 !important;
    }
    .our-features-block .our-features-slider .slick-track {
        position: relative !important;
        width: 100% !important;
        left: auto !important;
        right: auto !important;
        height: auto !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }
    .our-features-block .our-features-slider .slick-dots,
    .our-features-block .our-features-slider .slick-arrow,
    .our-features-block .our-features-slider .slick-cloned {
        display: none !important;
    }
    .our-features-block .our-features-slider .slick-slide {
        float: none;
    }
}
.our-features-block .our-features-slider .slick-slide {
    text-align: center;
}
@media screen and (min-width: 1200px) {
    .our-features-block .our-features-slider .slick-slide {
        text-align: left;
    }
}
@media screen and (min-width: 768px) {
    .our-features-block .our-features-slider .slick-slide {
        float: left !important;
        padding-top: 80px;
        position: relative;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .our-features-block .our-features-slider .slick-slide {
        width: 50% !important;
        padding-left: 40px;
        padding-right: 40px;
        margin-bottom: 40px;
    }
}
@media screen and (min-width: 1200px) {
    .our-features-block .our-features-slider .slick-slide {
        width: 25% !important;
        padding-right: 64px;
    }
}
.our-features-block .our-features-slider .slick-slide i {
    font-size: 28px !important;
    display: inline-block;
    margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
    .our-features-block .our-features-slider .slick-slide i {
        margin-bottom: 0;
        position: absolute;
        top: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .our-features-block .our-features-slider .slick-slide i {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media screen and (min-width: 1200px) {
    .our-features-block .our-features-slider .slick-slide i {
        left: 0;
    }
}
@media screen and (max-width: 767px) {
    .our-features-block .our-features-slider .slick-slide p {
        margin: 0 -50px;
        opacity: 0;
        -webkit-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.1s;
        -o-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }
    .our-features-block .our-features-slider .slick-slide i {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-transition-property: -webkit-filter;
        transition-property: -webkit-filter;
        -o-transition-property: filter;
        transition-property: filter;
        transition-property:
            filter,
            -webkit-filter;
        -webkit-transition-duration: 0.1s;
        -o-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }
    .our-features-block .our-features-slider .slick-slide.slick-current i {
        -webkit-filter: none;
        filter: none;
    }
    .our-features-block .our-features-slider .slick-slide.slick-current p {
        opacity: 1;
        -webkit-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
}
.our-features-block .our-features-slider .slick-list {
    overflow: visible !important;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .our-features-block .our-features-slider .slick-list {
        margin-bottom: -40px;
    }
}
@media screen and (min-width: 1200px) {
    .our-features-block .our-features-slider .slick-list {
        width: auto !important;
        margin-right: -64px;
    }
}
@media screen and (min-width: 768px) {
    .our-features-block .our-features-slider .slick-track:after {
        clear: both;
        content: "";
        display: block;
    }
}
.our-doctors-block-alt {
    margin: 16px 0 0;
}
@media screen and (min-width: 768px) {
    .our-doctors-block-alt .doctor-link-container {
        font-size: 0;
        line-height: 0;
    }
}
@media screen and (min-width: 768px) {
    .our-doctors-block-alt .doctor-link-item {
        display: -webkit-inline-box;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: top;
    }
    .our-doctors-block-alt .doctor-link-item:nth-last-child(-n + 3) {
        margin-bottom: 0;
    }
    .our-doctors-block-alt .doctor-link-item:nth-child(3n) {
        margin-right: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .our-doctors-block-alt .doctor-link-item {
        text-align: center;
        margin-bottom: 64px;
        padding-left: 0;
        width: 28%;
        margin-right: 8%;
    }
    .our-doctors-block-alt .doctor-link-item .img {
        width: 96px;
        height: 96px;
        position: static;
        display: block;
        margin: 0 auto 33px;
    }
}
@media screen and (min-width: 1200px) {
    .our-doctors-block-alt .doctor-link-item {
        margin-bottom: 32px;
        width: 31%;
        margin-right: 3.5%;
    }
}
.one-doctor-block {
    margin-top: -16px;
}
@media screen and (min-width: 768px) {
    .one-doctor-block {
        margin-top: 40px;
    }
}
@media screen and (min-width: 768px) {
    .one-doctor-block .our-doctor-item {
        width: auto !important;
        height: auto !important;
        margin: 0 -16px;
        display: block;
    }
}
@media screen and (min-width: 1200px) {
    .one-doctor-block .our-doctor-item {
        min-height: 464px;
        position: relative;
    }
}
@media screen and (min-width: 768px) {
    .one-doctor-block .our-doctor-item .head {
        padding-left: 200px;
        min-height: 160px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .one-doctor-block .our-doctor-item .head {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 767px) {
    .one-doctor-block .our-doctor-item .head {
        text-align: center;
    }
}
@media screen and (min-width: 1200px) {
    .one-doctor-block .our-doctor-item .head {
        position: absolute;
        left: 24px;
        top: 24px;
        width: 45%;
        max-width: 582px;
    }
}
.one-doctor-block .our-doctor-item .head .up {
    padding-left: 0;
}
.one-doctor-block .our-doctor-item .head .name {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.9px;
    line-height: 24px;
    margin-bottom: 11px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .one-doctor-block .our-doctor-item .head .name {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 6px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .one-doctor-block .our-doctor-item .head .name em {
        display: inline-block;
    }
}
.one-doctor-block .our-doctor-item .head .bot {
    padding: 0;
    margin-top: 20px;
}
@media screen and (max-width: 767px) {
    .one-doctor-block .our-doctor-item .head .bot {
        font-size: 0;
        text-align: center;
    }
    .one-doctor-block .our-doctor-item .head .bot > * {
        display: inline-block;
        float: none;
        vertical-align: middle;
        margin-right: 0;
    }
}
@media screen and (min-width: 1200px) {
    .one-doctor-block .our-doctor-item .head .bot {
        position: static;
    }
}
.one-doctor-block .our-doctor-item .cont {
    max-height: none;
}
@media screen and (min-width: 1200px) {
    .one-doctor-block .our-doctor-item .cont {
        margin-left: 50%;
    }
}
.one-doctor-block .our-doctor-item .img {
    width: 112px;
    height: 112px;
}
@media screen and (max-width: 767px) {
    .one-doctor-block .our-doctor-item .img {
        position: static;
        display: block;
        margin: 0 auto 17px;
    }
}
@media screen and (min-width: 768px) {
    .one-doctor-block .our-doctor-item .img {
        width: 160px;
        height: 160px;
    }
}
@media screen and (min-width: 1200px) {
    .one-doctor-block .our-doctor-item .foot {
        position: absolute;
        left: 24px;
        top: 232px;
        width: 45%;
        /* padding-left: 200px; */
        max-width: 582px;
    }
    .one-doctor-block .our-doctor-item .foot:before {
        margin-top: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .one-doctor-block .our-doctor-item .foot button {
        width: 224px;
        padding: 24px 0 22px;
    }
}
.doctor-services-price-block {
    margin-top: 16px;
}
.doctor-services-price-block .gray-block > .title {
    margin-bottom: 0;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .doctor-services-price-block .text-column {
        -webkit-column-gap: 140px;
        -moz-column-gap: 140px;
        column-gap: 140px;
        -webkit-column-rule: 2px solid #dde2e2;
        -moz-column-rule: 2px solid #dde2e2;
        column-rule: 2px solid #dde2e2;
        margin-top: 20px;
    }
    .doctor-services-price-block .text-column .title {
        margin-top: 0;
        padding-top: 20px;
    }
}
@media screen and (min-width: 1200px) {
    .doctor-services-price-slider {
        margin: 0;
    }
    .doctor-services-price-slider .slick-list {
        overflow: visible !important;
        height: auto !important;
        width: 100% !important;
        padding: 0 !important;
    }
    .doctor-services-price-slider .slick-track {
        position: relative !important;
        width: 100% !important;
        left: auto !important;
        right: auto !important;
        height: auto !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }
    .doctor-services-price-slider .slick-dots,
    .doctor-services-price-slider .slick-arrow,
    .doctor-services-price-slider .slick-cloned {
        display: none !important;
    }
    .doctor-services-price-slider .slick-slide {
        float: none;
    }
    .doctor-services-price-slider:after {
        clear: both;
        content: "";
        display: block;
    }
    .doctor-services-price-slider .slick-slide {
        float: left !important;
    }
}
.doctor-services-price-slider .slick-arrow {
    top: 26px;
}
@media screen and (min-width: 1200px) {
    .doctor-services-price-item {
        width: 30% !important;
        margin-right: 5%;
        float: left !important;
    }
    .doctor-services-price-item:last-child {
        margin-right: 0;
    }
}
.doctor-services-price-item .service-head-link {
    border-bottom: 2px solid #dde2e2;
}
@media screen and (max-width: 1199px) {
    .doctor-services-price-item .service-head-link {
        padding-left: 0;
        text-align: center;
    }
    .doctor-services-price-item .service-head-link span:first-child,
    .doctor-services-price-item .service-head-link:after {
        display: none;
    }
}
@media screen and (min-width: 768px) {
    body.blog-page .reference-block .gray-block {
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (min-width: 1200px) {
    body.blog-page .reference-block .row > *:last-child {
        width: 224px !important;
    }
    body.blog-page .reference-block .input-container {
        margin-bottom: 16px;
    }
    body.blog-page .reference-block .input-container,
    body.blog-page .reference-block button[type="submit"],
    body.blog-page .reference-block input[type="submit"] {
        margin-left: 0;
        width: 100%;
        float: none;
    }
}
.blog-main-content {
    padding: 25px 0 40px;
}
@media screen and (min-width: 768px) {
    .blog-main-content {
        padding: 25px 24px 40px;
    }
}
.blog-main-content header {
    margin-bottom: 40px;
}
.blog-main-content header:only-child {
    margin-bottom: 0;
}
.blog-main-content header h2 {
    font-size: 21px;
    font-family: "Gerbera", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
    .blog-main-content header h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 2px;
    }
}
.blog-main-content header h2 a:hover {
    color: #fea0a0;
}
.blog-main-content header time {
    display: block;
    color: #c9c9c9;
    line-height: 16px;
}
.blog-main-content header .tags {
    margin-top: 16px;
}
.blog-main-content header .tags a {
    display: inline-block;
    margin-right: 0.2em;
    color: #c9c9c9;
}
.blog-main-content header .tags a:hover {
    color: #fea0a0;
}
.blog-main-content header .img {
    display: block;
    margin-top: 32px;
    line-height: 0;
}
.blog-main-content header .img img {
    max-width: 100%;
    min-width: 100%;
}
.blog-themes-list-block:not(.title-link-block) {
    padding: 24px 0 36px;
    margin-top: 16px;
}
@media screen and (min-width: 1200px) {
    .blog-themes-list-block:not(.title-link-block) {
        margin-top: 0;
    }
}
@media screen and (min-width: 768px) {
    .blog-themes-list-block:not(.title-link-block) {
        padding: 26px 24px 31px;
    }
}
.blog-themes-list-nav {
    font-size: 0;
    line-height: 0;
    padding-bottom: 6px;
    border-bottom: 2px solid #dde2e2;
    margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
    .blog-themes-list-nav {
        padding-bottom: 13px;
        margin-bottom: 40px;
    }
}
.blog-themes-list-nav li {
    display: inline-block;
    cursor: pointer;
    color: #007088;
    margin-right: 13px;
    margin-bottom: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .blog-themes-list-nav li {
        margin-right: 32px;
    }
}
.blog-themes-list-nav li:last-child {
    margin-right: 0;
}
.blog-themes-list-nav li.active {
    color: #c9c9c9;
}
.blog-themes-list-nav li:hover {
    color: #fea0a0;
}
.blog-themes-list-content a,
.blog-aside a {
    display: block;
    margin-bottom: 16px;
    color: #007088;
}
@media screen and (min-width: 768px) {
    .blog-themes-list-content a,
    .blog-aside a {
        margin-bottom: 24px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.blog-themes-list-content a:hover,
.blog-aside a:hover {
    color: #fea0a0;
}
.blog-themes-list-content a:last-child,
.blog-aside a:last-child {
    margin-bottom: 0;
}
.blog-themes-list-content a span,
.blog-aside a .span {
    font-size: 16px;
    line-height: 24px;
}
@media screen and (min-width: 768px) {
    .blog-themes-list-content a span,
    .blog-aside a .span {
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        margin-right: 24px;
    }
}
.blog-themes-list-content a .time,
.blog-aside a .time {
    margin-right: 0;
    color: #c9c9c9;
    display: block;
    line-height: 24px;
}
@media screen and (min-width: 768px) {
    .blog-themes-list-content a .time,
    .blog-aside a .time {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}
body.publications-page .about-rows-feedbacks {
    margin-top: 16px;
}
@media screen and (min-width: 1200px) {
    body.publications-page .about-rows-feedbacks .feedback-link-item {
        width: 117px;
    }
}
@media screen and (min-width: 768px) {
    .publications-list-container {
        margin: 0 -16px -16px;
    }
    .publications-list-container:after {
        clear: both;
        content: "";
        display: block;
    }
}
.publications-list-item {
    overflow: hidden;
    border-radius: 4px;
    background-color: #f8f8fa;
    display: block;
    padding: 24px 40px 24px 24px;
    color: #007088;
    margin-bottom: 16px;
    position: relative;
}
.publications-list-item-dis {
    overflow: hidden;
    border-radius: 4px;
    background-color: #f8f8fa;
    display: block;
    padding: 24px 40px 24px 24px;
    color: #bbb;
    margin-bottom: 16px;
    position: relative;
}
@media screen and (min-width: 768px) {
    .publications-list-item,
    .publications-list-item-dis {
        height: 96px;
        margin-right: 16px;
        float: left;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .publications-list-item,
    .publications-list-item-dis {
        width: 240px;
    }
    .publications-list-item:nth-child(3n),
    .publications-list-item-dis:nth-child(3n) {
        margin-right: 0;
    }
}
@media screen and (min-width: 1200px) {
    .publications-list-item,
    .publications-list-item-dis {
        width: calc(16.66667% - 13.34px);
    }
    .publications-list-item:nth-child(6n),
    .publications-list-item-dis:nth-child(6n) {
        margin-right: 0;
    }
}
.publications-list-item:last-child,
.publications-list-item-dis:last-child {
    margin-bottom: 0;
}
.publications-list-item:hover {
    color: #f6ae9c;
}
.publications-list-item:hover:before {
    visibility: hidden;
}
.publications-list-item:hover:after {
    visibility: visible;
}
.publications-list-item:before,
.publications-list-item:after,
.publications-list-item-dis:before,
.publications-list-item-dis:after {
    content: "";
    display: block;
    position: absolute;
    right: 24px;
    top: 28px;
}
.publications-list-item:before,
.publications-list-item-dis:before {
    width: 0.9375em;
    height: 0.5625em;
    background-position: -0.3125em -1.4375em;
}
.publications-list-item:after,
.publications-list-item-dis:after {
    width: 0.9375em;
    height: 0.5625em;
    background-position: -0.3125em -2.5625em;
    visibility: hidden;
}
.publications-list-item > *,
.publications-list-item-dis > * {
    display: inline-block;
    vertical-align: middle;
    line-height: 17px;
}
@media screen and (min-width: 768px) {
    .publications-list-item > *,
    .publications-list-item-dis > * {
        vertical-align: top;
    }
}
.publication-block-nav {
    margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
    .publication-block-nav {
        text-align: center;
    }
}
.publication-block-nav > * {
    margin-right: 16px;
    margin-bottom: 16px;
}
.publication-block-nav > *:last-child {
    margin-right: 0;
}
@media screen and (min-width: 1200px) {
    .publication-block-content .grid-col {
        float: left;
    }
    .publication-block-content .grid-col:first-child {
        width: calc(66.66667% - 5.33333px);
    }
    .publication-block-content .grid-col:last-child {
        margin-left: 16px;
        width: calc(33.33333% - 10.66667px);
    }
}
.publication-block-content .text-block {
    padding: 24px 0 40px;
    margin-bottom: 16px;
}
@media screen and (min-width: 1200px) {
    .publication-block-content .text-block {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 768px) {
    .publication-block-content .text-block {
        padding: 24px 24px 40px;
    }
}
.reviews-list-nav {
    text-align: center;
    margin-bottom: 8px;
}
.reviews-list-nav > * {
    margin-right: 16px;
    margin-bottom: 16px;
}
.reviews-list-nav > *:last-child {
    margin-right: 0;
}
@media screen and (min-width: 768px) {
    .reviews-list-container {
        margin-bottom: -16px;
        margin-right: -16px;
    }
    .reviews-list-container:after {
        clear: both;
        content: "";
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .reviews-list-container .hide-after {
        width: 100%;
    }
    .reviews-list-container .hide-after ~ * {
        display: none;
    }
}
.reviews-list-item {
    padding: 24px 0 30px;
    margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
    .reviews-list-item {
        padding: 24px 24px 30px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .reviews-list-item {
        width: 368px;
    }
}
@media screen and (min-width: 1200px) {
    .reviews-list-item {
        width: calc(33.33333% - 10.67px);
    }
}
.reviews-list-item .head-big {
    text-align: center;
}
.reviews-list-item .head-big .name {
    margin-bottom: 19px;
}
.reviews-list-item .head-big:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #dde2e2;
    margin: 30px 0 40px;
}
.reviews-list-item .head {
    margin-bottom: 24px;
}
.reviews-list-item .head .name {
    margin-bottom: 11px;
}
.reviews-list-item .head a {
    display: inline-block;
    color: #007088;
    margin-top: 22px;
}
.reviews-list-item .head a:hover {
    color: #007088;
}
.reviews-list-item .img {
    width: 184px;
    height: 184px;
    overflow: hidden;
    border-radius: 50%;
    line-height: 0;
    font-size: 0;
    display: block;
    margin: 0 auto 33px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .reviews-list-item .img {
        margin-bottom: 40px;
    }
}
.reviews-list-item .img img {
    min-width: 100%;
    max-width: 100%;
}
.reviews-list-item .name {
    display: block;
    line-height: 21px;
    font-size: 18px;
    font-weight: 400;
}
.reviews-list-item .name a:hover {
    color: #fea0a0;
}
.reviews-list-item small {
    display: block;
    font-size: inherit;
    color: #c9c9c9;
    line-height: 18px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    body.contacts-page .bottom-map {
        display: block !important;
        width: 720px !important;
        margin: 16px auto 0;
    }
}
.contacts-main-block h3 {
    color: #c9c9c9;
    margin: 40px 0 18px;
}
.contacts-main-block h2.title {
    margin-bottom: 40px;
}
@media screen and (min-width: 1200px) {
    .contacts-main-container {
        margin: 0 -16px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .contacts-main-container > *:first-child {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: calc(33.33333% - 10.66667px);
        margin-right: 16px;
    }
    .contacts-main-container > *:last-child {
        width: auto;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }
}
.contacts-main-container > * {
    padding: 26px 0 40px;
}
@media screen and (min-width: 768px) {
    .contacts-main-container > * {
        padding: 26px 24px 40px;
    }
}
@media screen and (min-width: 1200px) {
    .contacts-main-address {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .contacts-main-address .pseudo-table-col:last-child {
        padding-left: 48px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .contacts-main-address {
        margin: 0 -16px;
    }
    .contacts-main-address .row:after {
        clear: both;
        content: "";
        display: block;
    }
    .contacts-main-address .row > * {
        float: left;
    }
    .contacts-main-address .row > *:nth-child(1) {
        width: 40%;
        padding-right: 80px;
    }
    .contacts-main-address .row > *:nth-child(2) {
        width: 35%;
        padding-right: 24px;
    }
    .contacts-main-address .row > *:nth-child(3) {
        width: 25%;
    }
}
@media screen and (max-width: 1199px) {
    .contacts-main-address .pseudo-table-col {
        display: block;
    }
}
@media screen and (max-width: 1199px) {
    .contacts-main-address .pseudo-table-row {
        margin-top: 9px;
    }
}
.contacts-main-address p a[href^="mailto:"] {
    color: var(--color-primary);
    transition: color var(--anim);
}
.contacts-main-address p a[href^="mailto:"]:hover {
    color: var(--color-main);
}
.contacts-main-address .form-standard {
    margin-top: 24px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .contacts-main-address .form-standard {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 30px;
        padding-top: 32px;
        border-top: 2px solid #dde2e2;
    }
    .contacts-main-address .form-standard > p {
        max-width: 305px;
    }
}
.contacts-main-address .form-standard > div {
    margin-top: 23px;
}
@media screen and (min-width: 1200px) {
    .contacts-main-address .form-standard > div {
        margin-top: 31px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .contacts-main-address .form-standard > div {
        width: 280px;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}
.contacts-main-address .form-standard .input-container,
.contacts-main-address .form-standard *[type="submit"] {
    display: block;
    width: 100%;
}
@media screen and (min-width: 1200px) {
    .contacts-main-address .form-standard .input-container,
    .contacts-main-address .form-standard *[type="submit"] {
        max-width: 224px;
    }
}
@media screen and (min-width: 1200px) {
    .contacts-main-maps .map {
        height: 450px;
        margin-bottom: 25px;
    }
    .contacts-main-maps .row:after {
        clear: both;
        content: "";
        display: block;
    }
    .contacts-main-maps .row > * {
        width: calc(50% - 8px);
        margin-right: 16px;
        float: left;
    }
    .contacts-main-maps .row > *:first-child .map {
        margin-left: -24px;
    }
    .contacts-main-maps .row > *:last-child {
        margin-right: 0;
    }
    .contacts-main-maps .row > *:last-child .map {
        margin-right: -24px;
    }
    .contacts-main-maps h3 {
        margin-top: 0;
    }
}
@media screen and (min-width: 768px) {
    body.error-page main {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}
.error-main-block {
    padding-top: 32px;
    padding-bottom: 24px;
    text-align: center;
}
.error-main-block h1 {
    font-size: 120px;
    line-height: 144px;
    color: #c9c9c9;
    margin-bottom: 24px;
    font-weight: 500;
}
.error-main-block h2 {
    font-family: "Gerbera", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 8px;
}
.error-main-block p {
    font-size: 14px;
    line-height: 18px;
}
.error-main-block footer {
    margin-top: 16px;
}
@media screen and (min-width: 768px) {
    .error-main-block footer {
        font-size: 0;
        margin-top: 32px;
    }
}
.error-main-block footer > * {
    display: block;
    margin: 0 auto 16px;
    width: 112px;
    padding-left: 8px;
    padding-right: 8px;
}
@media screen and (min-width: 768px) {
    .error-main-block footer > * {
        display: inline-block;
        margin: 0;
        vertical-align: top;
    }
    .error-main-block footer > * + * {
        margin-left: 16px;
    }
}
@media screen and (min-width: 1200px) {
    .error-main-block footer > * {
        width: 208px;
    }
}
@media screen and (max-width: 767px) {
    .error-main-block footer > * {
        padding: 8px;
    }
}
.title-link-block > h3 {
    letter-spacing: 0 !important;
}
.inner-video img {
    width: 100% !important;
    height: auto !important;
}
.paykeeper-logo {
    height: 18px;
    margin-top: 6px;
    opacity: 0.45;
}
/*-- pager --*/
.pager {
    position: relative;
}
.pager a {
    display: inline-block !important;
    margin-bottom: 0 !important;
}
.pager div {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 3px;
    text-align: center;
    line-height: 19px;
}
.pager-current-page {
    color: #fff;
    background-color: #007088;
    border: 1px solid #007088;
    cursor: default;
}
.pager-page {
    color: inherit;
    background-color: transparent;
    border: 1px solid #007088;
    cursor: pointer;
}
/*-- tipsmit --*/
#floatingBarsG,
.floatingBarsG {
    position: relative;
    width: 60px;
    height: 75px;
    margin: 50px auto;
    opacity: 0;
    display: none;
}
.blockG {
    position: absolute;
    background-color: #ffffff;
    width: 10px;
    height: 23px;
    border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    animation-name: fadeG;
    -o-animation-name: fadeG;
    -ms-animation-name: fadeG;
    -webkit-animation-name: fadeG;
    -moz-animation-name: fadeG;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}
#rotateG_01 {
    left: 0;
    top: 27px;
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}
#rotateG_02 {
    left: 8px;
    top: 10px;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}
#rotateG_03 {
    left: 25px;
    top: 3px;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}
#rotateG_04 {
    right: 8px;
    top: 10px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
#rotateG_05 {
    right: 0;
    top: 27px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}
#rotateG_06 {
    right: 8px;
    bottom: 7px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
}
#rotateG_07 {
    bottom: 0;
    left: 25px;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
#rotateG_08 {
    left: 8px;
    bottom: 7px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
}
.rotateG_01 {
    left: 0;
    top: 27px;
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}
.rotateG_02 {
    left: 8px;
    top: 10px;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}
.rotateG_03 {
    left: 25px;
    top: 3px;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}
.rotateG_04 {
    right: 8px;
    top: 10px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.rotateG_05 {
    right: 0;
    top: 27px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}
.rotateG_06 {
    right: 8px;
    bottom: 7px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
}
.rotateG_07 {
    bottom: 0;
    left: 25px;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.rotateG_08 {
    left: 8px;
    bottom: 7px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
}
@keyframes fadeG {
    0% {
        background-color: #007088;
    }
    100% {
        background-color: #ffffff;
    }
}
@-o-keyframes fadeG {
    0% {
        background-color: #007088;
    }
    100% {
        background-color: #ffffff;
    }
}
@-ms-keyframes fadeG {
    0% {
        background-color: #007088;
    }
    100% {
        background-color: #ffffff;
    }
}
@-webkit-keyframes fadeG {
    0% {
        background-color: #007088;
    }
    100% {
        background-color: #ffffff;
    }
}
@-moz-keyframes fadeG {
    0% {
        background-color: #007088;
    }
    100% {
        background-color: #ffffff;
    }
}
.main-block-load {
    position: relative;
}
.main-block-load .floatingBarsG {
    display: none;
    opacity: 0;
    position: absolute;
    top: calc(50% - 35px);
    left: calc(50% - 30px);
    margin: 0;
    z-index: 20;
}
.main-block-load .floatingBarsGBG {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background: rgba(248, 248, 250, 0.52);
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
}
.success-form {
    color: #007088;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px;
    width: 100%;
}
body.blog-page .reference-block .row > .success-form,
.reference-block .row > .success-form {
    width: 100% !important;
}
.floatingBarsG-modal-default {
    position: relative !important;
    display: block;
    opacity: 1;
    margin-top: 90px !important;
    margin-bottom: 50px !important;
    left: 0 !important;
}

.floatingBarsGBG-time {
    z-index: 2;
    background: #f8f8fa !important;
}
.floatingBarsG-time {
    z-index: 3;
}
.disable-calc {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.floatingBarsGBG-time-page,
.floatingBarsG-time-page,
.floatingBarsGBG-time-load {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
}
.set-time-time-page,
.set-time-block-load {
    position: relative;
}
.floatingBarsG-time-page,
.floatingBarsG-time-load {
    width: 60px;
    height: 75px;
    left: calc(50% - 30px);
    top: calc(50% - 82px);
    position: absolute;
    z-index: 3;
}
.floatingBarsGBG-time-load {
    z-index: 2;
    background: rgba(248, 248, 250, 0.67) !important;
}
.set-time-block-load .success-form {
    margin-top: 80px;
}
.curs-def {
    cursor: default;
}
.blog-aside {
    top: 387px;
    overflow: hidden;
    padding: 0 20px;
    height: 0;
}
.cookiesInfo {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-primary);
    color: #fff;
    padding: 45px 0;
    font-weight: normal;
    text-shadow: 0 0 0 transparent;
    z-index: 30;
}
.cookiesInfo .row-f {
    align-items: center;
    justify-content: space-between;
    padding: 0;
}

.cookiesInfo-text {
    font-size: 18px;
    line-height: 1.4;
}

.row-f {
    display: flex;
}
.btn_cookies {
    background-color: #fff;
    border: 1px solid #fff;
    cursor: pointer;
    font-size: 1.1em;
    padding: 7px 30px 6px;
    margin-right: 8px;
    width: auto;
    border-radius: 3px;
    color: var(--color-primary);
    font-weight: normal;
    margin-top: 4px;
}

/* --- Redesign updates --- */
.body {
    font-family: "Gerbera", Helvetica, Arial, sans-serif;
}

.title-link-block h2 a,
.title-link-block .t-h2 a,
.title-link-block .title a,
body.main-page .recommend-block h2 a,
body.main-page .services-nav-block .title a {
    color: var(--color-primary);
    font-family: "GerberaMedium", "Gerbera", Helvetica, Arial, sans-serif;
}
.title-link-block h2 a:hover,
.title-link-block .t-h2 a:hover,
.title-link-block .title a:hover,
body.main-page .recommend-block h2 a:hover,
body.main-page .services-nav-block .title a:hover {
    color: #f6ae9c;
    font-family: "GerberaMedium", "Gerbera", Helvetica, Arial, sans-serif;
}
body.main-page .services-nav-block .head {
    background-color: #007088;
    font-family: "GerberaMedium", "Gerbera", Helvetica, Arial, sans-serif;
}
body.main-page .services-nav-block .head:hover {
    background-color: #f6ae9c;
    font-family: "GerberaMedium", "Gerbera", Helvetica, Arial, sans-serif;
}
body.main-page .services-nav-block .head:hover .title {
    color: #007088;
    font-family: "GerberaMedium", "Gerbera", Helvetica, Arial, sans-serif;
}
/*
body.main-page .services-nav-block .title {
    color: @mainGrn;
}*/
body.main-page .services-nav-block .title:hover {
    color: #007088;
}
body.main-page .services-nav-block,
body.main-page .vertical-tabs-block,
.bgdefault {
    background-color: var(--color-white);
    -webkit-box-shadow: 0px 6px 25px 0px rgba(228, 235, 255, 0.4);
    -moz-box-shadow: 0px 6px 25px 0px rgba(228, 235, 255, 0.4);
    box-shadow: var(--shadow);
}
body.main-page .vertical-tabs-block .head {
    color: #007088;
    font-family: "GerberaMedium", "Gerbera", Helvetica, Arial, sans-serif;
}
body.main-page .vertical-tabs-block .head a {
    color: #f6ae9c;
}
.button-blue {
    background-color: var(--color-primary);
}

@media screen and (max-width: 460px) {
    .logo-new {
        font-size: 16px;
    }
}
.form-info-message {
    margin: 10px 0;
}

.doctor-nearest-time-info-big {
    color: var(--color-primary);
    line-height: 1.3em;
    margin-top: 0.25rem;
    margin-bottom: 1.75rem;
    font-size: 15px;
}
.reviews-block {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.gilroy-bold {
    font-family: "Gilroy", "Gerbera", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
}
.gilroy-regular {
    font-family: "Gilroy", "Gerbera", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.lnk-green {
    color: #25a5a8;
    text-decoration: none;
}
.clickable {
    cursor: pointer;
}
.f-11 {
    font-size: 11px !important;
}
.f-12 {
    font-size: 12px;
}
.f-14 {
    font-size: 14px;
}
.f-16 {
    font-size: 16px;
}
.f-17 {
    font-size: 17px;
}
.f-18 {
    font-size: 18px;
}
.f-20 {
    font-size: 20px;
}
.f-21 {
    font-size: 21px;
}
.f-22 {
    font-size: 22px;
}
.f-24 {
    font-size: 24px;
}
.f-32 {
    font-size: 32px;
}
.f-48 {
    font-size: 48px;
}
.t-center {
    text-align: center;
}
.h-padding-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.v-padding-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.p-16 {
    padding: 16px;
}
.pl-8 {
    padding-left: 8px;
}
.m-0 {
    margin: 0;
}
.m-0-auto {
    margin: 0 auto;
}
.ml-80 {
    margin-left: 80px;
}
.ml-96 {
    margin-left: 96px;
}
.mt-24 {
    margin-top: 24px;
}
.mt-43 {
    margin-top: 43px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-75 {
    margin-top: 75px;
}
.mt-80 {
    margin-top: 80px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-16 {
    margin-bottom: 16px;
}
.mb-24 {
    margin-bottom: 24px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-80 {
    margin-bottom: 80px;
}
.mb-130 {
    margin-bottom: 130px;
}
.mb-r1 {
    margin-bottom: 0.25rem;
}
.mb-r2 {
    margin-bottom: 0.5rem;
}
.mb-r3 {
    margin-bottom: 0.75rem;
}
.mb-r4 {
    margin-bottom: 1rem;
}
.mb-r5 {
    margin-bottom: 1.25rem;
}
.mb-r6 {
    margin-bottom: 1.5rem;
}
.mr-24 {
    margin-right: 24px;
}
.br-8 {
    border-radius: 8px;
}
.br-16 {
    border-radius: 16px;
}
.btn-green {
    border-radius: 8px;
    text-align: center;
    background-color: #25a5a8;
    color: #fff !important;
    text-decoration: none;
}
.blur-bg {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.p-shadow {
    box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.1);
}
.shadow-0-16 {
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.1);
}
.shadow-0-8 {
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.1);
}
.fullwidth-btn {
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    width: 100%;
    color: #fff;
    background-color: #25a5a8;
    height: 48px;
}
.h2-inner {
    font-family: "Gilroy", "Gerbera", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 20px !important;
    margin-bottom: 0.5em;
}
.main-color {
    color: #25a5a8;
}
.mb-175 {
    margin-bottom: 1.75rem !important;
}
/*@mainGrn: #25A5A8;
@mainRed: #ED5C59;
*/
.g-debug {
    border: 1px dashed #aaa;
}
.arrow-green {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    border-color: #007088;
    -webkit-transition-property: border;
    -o-transition-property: border;
    transition-property: border;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.dnc-calendar {
    position: relative;
    overflow: hidden;
}
.dnc-calendar__prev {
    position: absolute;
    width: 19px;
    height: 21px;
    left: -9px;
    top: 3px;
    /*border: 1px dashed #ccc;*/
    cursor: pointer;
    overflow: hidden;
}
.dnc-calendar__prev:before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    border-color: var(--color-primary);
    transition: border-color var(--anim);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 2px;
    left: 12px;
    z-index: 2;
}
.dnc-calendar__next {
    position: absolute;
    width: 19px;
    height: 21px;
    right: -9px;
    top: 3px;
    /*border: 1px dashed #ccc;*/
    cursor: pointer;
    overflow: hidden;
}
.dnc-calendar__next:before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    border-color: var(--color-primary);
    transition: border-color var(--anim);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 2px;
    right: 12px;
    z-index: 2;
}
.dnc-calendar__months-list {
    position: relative;
    display: flex;
    width: 200%;
    transition: all 0.4s ease-in;
    left: 0%;
}
.dnc-calendar__month {
    flex: 0 0 50%;
    width: 50%;
    margin-right: 25%;
}
.dnc-calendar__month-title {
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}
.dnc-calendar__month-days {
    font-size: 14px;
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 5px;
}
.dnc-calendar__week {
    font-size: 14px;
    display: flex;
    justify-content: space-around;
    text-align: center;
}
.dnc-calendar__day {
    width: 14.285%;
    height: 28px;
    line-height: 25px;
    cursor: default;
    border: 2px solid transparent;
    border-radius: 4px;
    color: #bfbfbf;
}
.dnc-calendar__day-now {
    color: #3af;
    background-color: rgba(51, 170, 255, 0.08);
}
.dnc-calendar__day-enabled {
    color: var(--color-primary);
}
.dnc-calendar__day-enabled:hover {
    color: #fff;
    background-color: var(--color-main);
    border-radius: 3px;
    cursor: pointer;
}
.dnc-calendar__day-disn {
    opacity: 0.01;
}
.dnc-calendar__day--selected {
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
}
.dnc-time-container {
    position: relative;
}
.dnc-time-select {
    margin-top: 2px;
    position: relative;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    text-align: center;
}
.dnc-time-select__hour {
    font-size: 18px;
    color: #bfbfbf;
    border: 2px solid transparent;
    border-radius: 4px;
    line-height: 40px;
    cursor: default;
}
.dnc-time-select__hour--enabled {
    color: #25a5a8;
    cursor: pointer;
}
.dnc-time-select__hour--enabled:hover {
    color: #fff;
    background-color: #f6ae9c;
    border-radius: 4px;
}
.dnc-time-select__hour--selected {
    color: #25a5a8;
    border: 2px solid;
}

.record-button {
    background-color: rgba(0, 112, 136, 0.05) !important;
}
.small-logo {
    height: 100px;
    margin-left: -20px;
}
.full-width {
    max-width: 100% !important;
}

.loading-block-hidden {
    display: none;
}
.modal-return {
    width: 16px;
    height: 16px;
    position: absolute;
    display: block;
    top: 38px;
    left: 40px;
    color: var(--color-primary);
    transition: color var(--anim);
}
.modal-return:hover {
    color: var(--color-main);
}

.customscroll-gray::-webkit-scrollbar {
    width: 10px;
}
.customscroll-gray::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
.customscroll-gray::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    outline: 1px solid slategrey;
    border-radius: 3px;
}
.doctor-nearest-time {
    margin-top: 20px;
}
.doctor-nearest-time-info {
    color: var(--color-primary);
    line-height: 1.3em;
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
    font-size: 13px;
}
.doctor-card-first-price {
    margin-top: 24px;
    line-height: 1.3em;
}
.online-subtitle {
    display: flex;
    justify-content: space-between;
}
.online-subtitle__call-today {
    padding-top: 23px;
    color: var(--color-primary);
}
.contacts-track-photos {
    margin-bottom: 80px;
}
.contacts-track-photos .n-photo {
    text-decoration: none;
}
.contacts-track-photos .n-photo img {
    height: 80px;
    margin-bottom: 10px;
    margin-right: 6px;
}
@media screen and (max-width: 767px) {
    .contacts-track-photos {
        margin-bottom: 40px;
    }
    .contacts-track-photos .n-photo {
        text-decoration: none;
    }
    .contacts-track-photos .n-photo img {
        width: 100%;
        height: auto;
        margin-bottom: 16px;
        margin-right: 0;
    }
}
.map-route img {
    width: 100% !important;
    margin-top: 10px;
    height: auto !important;
}
.video-overlay-top,
.video-overlay-bottom,
.video-overlay-left,
.video-overlay-right {
    position: absolute;
    z-index: 1;
    background-color: #fff;
}
.video-overlay-top {
    top: 0;
    height: 2px;
    width: 100%;
}
.video-overlay-bottom {
    bottom: 0;
    height: 2px;
    width: 100%;
}
.video-overlay-left {
    left: 0;
    width: 2px;
    height: 100%;
}
.video-overlay-right {
    right: 0;
    width: 2px;
    height: 100%;
}
.about-content {
    display: flex;
    justify-content: space-between;
    min-width: 100%;
}
.about-content-text {
    width: 49%;
    flex: 1;
    padding-right: 50px;
}
.about-content-video {
    width: 49%;
    flex: 1;
}
.yt-video {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.yt-video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}
@media screen and (max-width: 720px) {
    .about-content {
        display: block;
    }
    .about-content-text {
        width: 100%;
        margin-bottom: 20px;
    }
    .about-content-video {
        width: 100%;
    }
}
.videos-container {
    margin: 0 -10px;
    width: auto;
    display: flex;
    gap: 2%;
    flex-wrap: wrap;
    margin-bottom: 80px;
}
.video-cards-container {
    margin: 0 -10px;
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.video-card {
    margin: 0 10px 40px;
    width: 30%;
}
.video-card__container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    border-radius: 8px;
}
.video-card__container--nonyt {
    padding-top: 0 !important;
}
.video-card iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.video-card__title {
    padding: 14px 16px;
    text-align: left;
}
@media screen and (max-width: 1279px) {
    .videos-container {
        margin: 0 auto;
        width: 656px;
        display: flex;
        flex-wrap: wrap;
    }
    .video-cards-container {
        margin-top: 35px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .video-card {
        margin: 0 14px 24px;
    }
    .video-card__container {
        position: relative;
        overflow: hidden;
        padding-top: 56.25%;
        border-radius: 8px;
    }
    .video-card__container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }
    .video-card__title {
        padding: 14px 16px;
        text-align: left;
    }
}
@media screen and (max-width: 767px) {
    .videos-container {
        margin: 0 auto;
        width: auto;
        display: block;
    }
    .video-cards-container {
        margin: 0 auto;
    }
    .video-card {
        margin: 20px 0 5px 0;
        width: auto;
    }
    .video-card__container {
        position: relative;
        overflow: hidden;
        padding-top: 56.25%;
        border-radius: 8px;
    }
    .video-card__container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }
    .video-card__title {
        padding: 14px 0;
        text-align: left;
    }
}
.video-chart-title {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
    .video-chart-title {
        font-size: 22px;
    }
}
.yt-video {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #fff;
}
.yt-video__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.yt-video__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.yt-video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: none;
    padding: 0;
    width: 68px;
    height: 48px;
    border: none;
    background-color: transparent;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.yt-video__button-shape {
    fill: #212121;
    fill-opacity: 0.8;
}
.yt-video__button-icon {
    fill: #ffffff;
}
.yt-video__button:focus {
    outline: none;
}
.yt-video:hover .yt-video__button-shape,
.yt-video__button:focus .yt-video__button-shape {
    fill: #ff0000;
    fill-opacity: 1;
}
/* Enabled */
.video--enabled {
    cursor: pointer;
}
.video--enabled .yt-video__button {
    display: block;
}
.telegram-banner {
    box-shadow: 0 0 40px #ddd;
    margin: 3rem 0;
    padding: 1.5rem 1rem;
}
.telegram-banner h3 {
    margin: 0 0 1rem 0;
    font-size: 18px;
    line-height: 1.5;
    color: #007088;
    font-family: "GerberaLight", Helvetica, Arial, sans-serif;
    font-weight: 100;
}
.telegram-banner__button-container {
    padding-top: 1.2rem;
}
.telegram-banner__button-container a {
    display: inline-block;
}
.partner-info-logo {
    width: 100%;
    height: auto;
}
.warning-info {
    margin-top: 85px;
    font-size: 16px;
    line-height: 1.6em;
    background-color: #fff3df;
    padding: 10px 20px;
}
.info-block {
    background-color: #fff;
    -webkit-box-shadow: 0 6px 25px 0 rgba(228, 235, 255, 0.4);
    -moz-box-shadow: 0 6px 25px 0 rgba(228, 235, 255, 0.4);
    box-shadow: 0 6px 25px 0 rgba(228, 235, 255, 0.4);
}
.info-block .info-title {
    font-size: 13px;
    font-weight: 900;
    color: #fff;
    line-height: 1.25em;
    background-color: #007088;
    font-family: "GerberaMedium", "Gerbera", Helvetica, Arial, sans-serif;
    padding: 15px 24px;
    letter-spacing: 1.3px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.info-block .info-item {
    font-size: 16px;
}
.info-block .info-item a:hover {
    color: #fea0a0;
}
@media screen and (max-width: 767px) {
    .info-block li {
        margin-top: 2rem;
    }
    .info-block .info-item {
        margin-bottom: 2rem;
    }
    .info-block .info-title {
        line-height: 1.25em;
        padding: 16px 36px;
        margin: 10px -31px;
    }
}

.foot .pd_widget_app {
    width: 100% !important;
    padding-top: 25px;
}

/* End */


/* Start:/local/templates/hemonc_h/css/style.css?177684348116831*/
:root {
    --anim: 0.18s ease-in-out;

    --shadow: 0px 14px 30px 0px #00000030;
}

.theme-default {
    --color-green-light: #f4fdff;
    --color-main: #f6ae9c;
    --color-main-active: #ffb9a8;
    --color-main-light: rgba(246, 174, 156, 10%);
    --color-main-light: rgba(246, 174, 156, 10%);
    --color-main: #8ef4e9;
    --color-button: linear-gradient(#00162a, #0d2b45);

    --color-primary: #0d9488;
    --color-secondary: #7893b2;

    --color-text: #00201d;

    --color-gray: #64748b;
    --gray-light: #f1f5f9;
    --color-white: #ffffff;

}

.theme-1 {
    --color-white: #ffffff;

    --color-green-light: #f4fdff;
    --color-main-active: #ffb9a8;
    --color-main-light: rgba(246, 174, 156, 10%);

    --color-main: #8ef4e9;
    --color-button: linear-gradient(#00162a, #0d2b45);

    --color-primary: #0d9488;
    --color-secondary: #7893b2;

    --color-text: #00201d;

    --color-gray: #64748b;
    --gray-light: #f1f5f9;
}

.theme-2 {
    --color-white: #ffffff;

    --color-green-light: #f9f5ef;
    --color-main-active: #e2a48c;
    --color-main-light: rgba(217, 149, 122, 10%);

    --color-main: #f2d6c2;
    --color-button: linear-gradient(#49312c, #7a5246);

    --color-primary: #9c5f4a;
    --color-secondary: #9b887d;

    --color-text: #342620;

    --color-gray: #7d6d64;
    --gray-light: #f7f1eb;
}

.theme-3 {
    --color-white: #ffffff;

    --color-green-light: #f6faf2;
    --color-main-active: #efb09c;
    --color-main-light: rgba(231, 163, 141, 10%);

    --color-main: #cfe8be;
    --color-button: linear-gradient(#274235, #466c54);

    --color-primary: #5c8a45;
    --color-secondary: #8d9d85;

    --color-text: #203126;

    --color-gray: #667565;
    --gray-light: #f3f6ef;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

img {
    max-width: 100%;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

h1,
h2,
h3 {
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: normal;
    text-transform: none;
}

h2 {
    font-size: 26px;
}

button {
    cursor: pointer;
}

body {
    font-family: "Gerbera", sans-serif;
}

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.wrapper {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

.container {
    max-width: 1330px;
    padding: 0 15px;
    margin: 0 auto;
}

.button-main,
.button-active {
    color: var(--color-text);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    border: none;
    border-radius: 10px;
    padding: 10px 16px;
    display: block;
    width: 100%;
    text-align: center;
    transition: background 0.2s ease-in-out;
}

.button-active {
    background: var(--color-main);
}

.button-main {
    padding: 10px 20px;
    color: var(--color-white);
    background: var(--color-button);
}

.image {
    position: relative;
    overflow: hidden;
}

.image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.section {
    padding: 30px 0;
}

.section p {
    font-size: 14px;
    line-height: 120%;
}

.section-head {
    margin-bottom: 20px;
}

.section-head h2 {
    margin-bottom: 15px;
}

.section-price ul {
    list-style: unset !important;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 300;
    padding-left: 14px;
}

.services-grid ul {
    list-style: disc;
    padding-left: 14px;
    color: var(--color-gray);
    font-size: 14px;
}

.section-head p {
    color: var(--color-gray);
    line-height: 125%;
    max-width: 520px;
}

.section__footer {
    margin-top: 25px;
}

.hero {
    padding: 0 0 30px;
    position: relative;
    overflow: hidden;
}

.hero-grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative;
    z-index: 1;
}

.hero-card h1 {
    font-size: 30px;
    margin-bottom: 20px;
}

.hero-card p {
    margin-bottom: 15px;
}

.hero-visual {
    position: relative;
    width: 100%;
    height: 200px;
    border-radius: 12px;
    overflow: hidden;
}

.hero-visual img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 12px;
    padding: 15px 12px;
    background: #ffffff;
    box-shadow: var(--shadow);
}

.card__image {
    position: relative;
    border-radius: 12px;
    width: 100%;
    height: 260px;
    margin-bottom: 10px;
    overflow: hidden;
}

.card__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card__title {
    font-size: 18px;
}

.card span {
    font-size: 14px;
    color: var(--color-gray);
    margin-bottom: 5px;
}

.card__footer {
    flex-grow: 1;
    margin-top: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.icon {
    position: relative;
    font-size: 20px;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: var(--color-main-light);
    color: var(--color-main);
    margin-bottom: 10px;
}

.icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 75%;
    object-fit: contain;
}

.section-services .icon {
    font-size: 30px;
}

.section-about__card-grid .card h3,
.services-grid .card h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.services-grid .card p {
    font-size: 14px;
    color: var(--color-gray);
}

.section-services .button-active {
    margin: 0 auto;
}

.swiper {
    position: relative;
    padding: 15px;
    overflow: hidden;
}

.swiper-wrapper {
    align-items: stretch;
}

.swiper-slide {
    height: auto;
}

.swiper-slide.card {
    padding: 10px 10px 20px;
}

.swiper-slide .card__footer {
    margin-top: 10px;
}

.slider-controls {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
}

.slider-btn {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    cursor: pointer;
    color: var(--color-main);
    border: 1px solid rgba(0, 111, 136, 0.2);
    border-radius: 50%;
    background: transparent;
    transition:
        opacity 0.2s ease-in-out,
        background 0.2s ease-in-out;
}

.slider-btn:not(.swiper-button-disabled):hover {
    background: rgba(0, 111, 136, 0.2);
}

.slider-btn.swiper-button-disabled {
    opacity: 0.5;
    cursor: unset;
}

.slider-btn svg {
    width: 28px;
    pointer-events: none;
}

.slider-btn-prev {
    transform: rotate(180deg);
}

.section-team .button-main {
    width: 100% !important;
}

.section-slider {
    background: var(--color-green-light);
}

.section-slider .container {
    padding: 0;
}

.section-slider .section__footer {
    padding: 0 15px;
}

.section-slider .section-head {
    position: relative;
    padding: 0 105px 0 15px;
}

.section-slider .slider-controls {
    position: absolute;
    right: 15px;
    top: 0;
}

.price-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.price-table tbody tr {
    border-bottom: 1px solid var(--color-green-light);
}

.price-table th,
.price-table td {
    padding: 15px;
    text-align: left;
}

.price-table tr:nth-child(even) {
    background: var(--color-green-light);
}

.price-table th {
    background: var(--color-green-light);
    color: var(--color-button);
    font-weight: 600;
}

.price-table b {
    color: var(--color-button);
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

label {
    font-size: 0.9rem;
    display: block;
    margin-bottom: 0.35rem;
}

textarea {
    min-height: 100px;
    max-height: 350px;
    resize: vertical;
}

.form-actions {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.fade-up {
    opacity: 0;
    transform: translateY(18px);
    animation: fadeUp 0.8s ease forwards;
}

.delay-1 {
    animation-delay: 0.1s;
}

.delay-2 {
    animation-delay: 0.2s;
}

.delay-3 {
    animation-delay: 0.3s;
}

.delay-4 {
    animation-delay: 0.4s;
}

.section-reviews .card p {
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
}

.section-reviews .card h3 {
    margin-left: auto;
}

.review-card__wrapper {
    max-height: 250px;
    overflow-y: auto;
}

#map {
    width: 100%;
    height: 100%;
}

.map-body {
    height: 100%;
    overflow: hidden;
}

.geo-btn {
    white-space: nowrap;
    cursor: pointer;
    z-index: 3;
    padding: 12px 16px;
    font-size: 12px;
    border-radius: 12px;
}

.geo-links {
    padding: 0.5rem 0;
    position: absolute;
    background-color: #fff;
    top: 5.375rem;
    left: 1.25rem;
    display: none;
    flex-direction: column;
    z-index: 3;
    border-radius: 0.65rem;
}

.geo-links a {
    white-space: nowrap;
    padding: 12px;
    font-weight: 500;
    transition: 0.3s;
}

.geo-links a:hover {
    text-decoration: underline;
}

.panel-menu__control {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.contacts-main-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.contacts-page__info-block .contacts-main-block .contacts-main-container {
    flex-direction: column !important;
}

.geo-links {
    top: 4rem;
}

.panel-menu {
    width: 85%;
}

.map-wrapper {
    position: relative;
    width: 100%;
    height: 25rem;
}

.contacts-page__content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.contacts-page__body {
    padding: 20px 15px;
}

.contacts-page__body a {
    color: var(--color-main);
}

.contacts-page__map-block {
    height: 400px;
    overflow: hidden;
    border-radius: 12px;
}

.pseudo-table-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.section-contacts__icon {
    position: relative;
    display: block;
    background: var(--color-main);
    width: 34px;
    height: 34px;
    border-radius: 10px;
}

.section-contacts__icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 80%;
    object-fit: contain;
}

.section-contacts__social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-contacts .contacts-page__body h3 {
    color: #c9c9c9;
    margin: 20px 0 12px;
}

.section-contacts .contacts-page__body h2 {
    padding-bottom: 20px;
    border-bottom: 2px solid #dde2e2;
}

.reviews-list-block {
    margin-bottom: 20px;
}

.form input,
.form select,
.form textarea {
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #000000;
    width: 100%;
    padding: 14px 12px;
    font-size: 16px;
}

.form input::placeholder,
.form textarea::placeholder {
    color: #c9c9c9;
}

.default-main-block {
    margin-top: 40px;
}

.page-content {
    color: var(--color-text);
    font-size: 16px;
    line-height: 1.6;
    max-width: 900px;
    margin: 0 auto;
    padding: 10px 0 35px;
}

.page-content > * + * {
    margin-top: 18px;
}

.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
    line-height: 1.25;
    margin-top: 28px;
    margin-bottom: 12px;
}

.page-content h2 {
    font-size: 28px;
}

.page-content h3 {
    font-size: 24px;
}

.page-content h4 {
    font-size: 20px;
}

.page-content p,
.page-content ul,
.page-content ol,
.page-content blockquote {
    margin-bottom: 14px;
}

.page-content ul,
.page-content ol {
    padding-left: 22px;
}

.page-content li + li {
    margin-top: 8px;
}

.page-content a {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.page-content a:hover {
    text-decoration: none;
}

.page-content img {
    width: auto;
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    margin: 26px auto;
}

.page-content table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    display: block;
    overflow-x: auto;
}

.page-content table th,
.page-content table td {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 12px 14px;
    text-align: left;
    white-space: nowrap;
}

.form select {
    color: #c9c9c9;
}

select:valid {
    color: #000000;
}

@media (min-width: 480px) {
    .hero-visual {
        height: 300px;
    }

    .geo-btn {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .section .button-active {
        width: fit-content;
    }

    .section-head {
        margin-bottom: 30px;
    }

    .hero-card h1 {
        font-size: 34px;
        margin-bottom: 30px;
    }

    .hero-visual {
        height: 400px;
    }

    .services-grid ul {
        font-size: 16px;
    }

    .card-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .section-services .services-grid {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .services-grid .card {
        flex: 0 0 48%;
    }

    .card__image {
        height: 320px;
    }

    .section-price .button-main {
        width: fit-content;
    }

    .map-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .panel-menu {
        z-index: 3;
        height: fit-content;
        width: fit-content;
        position: absolute;
        top: 0;
        left: 0;
        transition: 0.3s;
        opacity: 1;
    }

    .form-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .form-grid label:nth-child(3),
    .form-grid label:nth-child(4) {
        grid-column: span 2;
    }

    .page-content {
        font-size: 17px;
        padding-bottom: 45px;
    }
}

@media (min-width: 1024px) {
    h2 {
        font-size: 28px;
    }

    .section {
        padding: 40px 0;
    }

    .container {
        padding: 0 20px;
    }

    .button-active {
        font-size: 16px;
    }

    .hero-card h1 {
        font-size: 38px;
    }

    .hero-card p {
        font-size: 16px;
        line-height: 130%;
        margin-bottom: 20px;
    }

    .section-head p {
        font-size: 16px;
        line-height: 130%;
    }

    .reviews-list-block {
        margin-bottom: 40px;
    }

    .hero-grid {
        display: grid;
        align-items: center;
        grid-template-columns: 45% 1fr;
    }

    .hero-visual {
        height: 400px;
    }

    .card {
        padding: 18px 15px;
    }

    .card-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 25px;
    }

    .services-grid .card {
        flex: 0 0 23%;
    }

    .icon {
        width: 48px;
        height: 48px;
    }

    .price-table,
    .section-team .card p,
    .section-reviews .card p,
    .contacts-page__main-info .row p,
    .contacts-page__main-info .row span {
        font-size: 16px;
    }

    .contacts-page__content {
        display: grid;
        grid-template-columns: 45% 1fr;
        gap: 30px;
    }

    .contacts-page__map-block {
        height: 100%;
    }

    .section-contacts .contacts-page__body h3 {
        margin: 40px 0 18px;
    }
}

@media (min-width: 1280px) {
    h2 {
        font-size: 32px;
    }

    .section {
        padding: 50px 0;
    }

    .hero-card h1 {
        font-size: 44px;
    }

    .hero-visual {
        height: 420px;
    }

    .section-head {
        margin-bottom: 40px;
    }

    .section-head p {
        max-width: 630px;
    }

    .section-about__card-grid .card h3,
    .services-grid .card h3 {
        font-size: 18px;
    }

    .services-grid .card p {
        font-size: 16px;
    }

    .card__image {
        height: 380px;
    }

    .section-reviews .card__image {
        height: 340px;
    }

    .card {
        padding: 20px 20px 25px;
    }

    .swiper-slide.card {
        padding: 18px 18px 30px;
    }

    .form-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .form-grid label:nth-child(3) {
        grid-column: auto;
    }

    .form-grid label:nth-child(4) {
        grid-column: span 3;
    }

    .page-content {
        font-size: 18px;
        line-height: 1.7;
        padding-bottom: 55px;
    }
}

@media (max-width: 767px) {
    .page-content {
        font-size: 15px;
        line-height: 1.55;
        padding-bottom: 28px;
    }

    .page-content h2 {
        font-size: 24px;
    }

    .page-content h3 {
        font-size: 21px;
    }

    .page-content h4 {
        font-size: 18px;
    }
}

/* End */


/* Start:/local/templates/hemonc_h/css/feedback-form.css?17767814104380*/
/* ===== FEEDBACK ===== */

.section-feedback__grid {
    display: grid;
    gap: 20px;
}

.section-feedback__intro {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.section-feedback__eyebrow {
    color: var(--color-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.section-feedback__title {
    color: var(--color-text);
}

.section-feedback__text {
    color: var(--color-gray);
    max-width: 560px;
}

.section-feedback__card {
    border-radius: 22px;
    background: linear-gradient(
        180deg,
        var(--color-white) 0%,
        var(--color-green-light) 100%
    );
    box-shadow: var(--shadow);
    overflow: hidden;
}

.section-feedback__form {
    padding: 22px 16px;
}

.section-feedback__form-main {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.section-feedback__fields {
    display: grid;
    gap: 14px;
}

.section-feedback__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.section-feedback__label {
    color: var(--color-text);
    font-size: 14px;
    font-weight: 600;
}

.section-feedback__field input,
.section-feedback__field select,
.section-feedback__field textarea {
    width: 100%;
    border: 1px solid var(--color-primary);
    border-radius: 14px;
    padding: 14px 16px;
    color: var(--color-text);
    background: var(--color-white);
    outline: none;
    transition:
        border-color var(--anim),
        box-shadow var(--anim),
        background-color var(--anim);
}

.section-feedback__field textarea {
    min-height: 132px;
    resize: vertical;
}

.section-feedback__field input::placeholder,
.section-feedback__field textarea::placeholder {
    color: var(--color-secondary);
}

.section-feedback__field input:focus,
.section-feedback__field textarea:focus {
    border-color: rgba(13, 148, 136, 0.42);
    box-shadow: 0 0 0 4px rgba(142, 244, 233, 0.24);
}

.section-feedback__footer {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.section-feedback__note {
    color: var(--color-gray);
    font-size: 13px;
    line-height: 1.4;
}

.section-feedback__submit,
.section-feedback__state-btn {
    width: 100%;
}

.section-feedback__form[data-state="loading"] .section-feedback__submit {
    opacity: 0.75;
    pointer-events: none;
}

.section-feedback__state {
    display: none;
    flex-direction: column;
    gap: 12px;
    padding: 2px 0;
}

.section-feedback__state-title {
    font-size: 22px;
    line-height: 1.2;
    color: var(--color-text);
}

.section-feedback__state-text {
    color: var(--color-gray);
    line-height: 1.45;
}

.section-feedback__state--success {
    color: var(--color-text);
}

.section-feedback__state--error {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid rgba(246, 174, 156, 0.4);
    border-radius: 16px;
    background: rgba(246, 174, 156, 0.14);
}

.section-feedback__form[data-state="success"] .section-feedback__form-main {
    display: none;
}

.section-feedback__form[data-state="success"]
    .section-feedback__state--success {
    display: flex;
}

.section-feedback__form[data-state="error"] .section-feedback__state--error {
    display: flex;
}

@media (min-width: 640px) {
    .section-feedback__form {
        padding: 26px 22px;
    }

    .section-feedback__fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .section-feedback__field--full {
        grid-column: 1 / -1;
    }
}

@media (min-width: 768px) {
    .section-feedback__grid {
        gap: 28px;
    }

    .section-feedback__footer {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .section-feedback__note {
        max-width: 360px;
    }

    .section-feedback__submit,
    .section-feedback__state-btn {
        width: fit-content;
        min-width: 220px;
    }
}

@media (min-width: 1024px) {
    .section-feedback__grid {
        grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr);
        align-items: start;
        gap: 34px;
    }

    .section-feedback__intro {
        position: sticky;
        top: 130px;
    }

    .section-feedback__form {
        padding: 30px;
    }
}

@media (min-width: 1200px) {
    .section-feedback__title {
        font-size: 34px;
    }

    .section-feedback__form {
        padding: 34px;
    }
}

/* End */


/* Start:/local/templates/hemonc_h/css/doctorsPopup.css?177684676811103*/
.doctors-popup-content {
    display: flex;
    justify-content: center;
    text-align: left;
}

.doctors-popup-content .popup-form .popup-title {
    font-size: 1.8rem;
    color: #555;
    padding: 5px 4px;
    margin-left: 1rem;
}

.doctors-popup-content .popup-form .popup-title .modal-return {
    top: 20px;
    left: 20px;
}

.doctors-popup-content .popup-form .popup-title .modal-close {
    top: 20px;
    right: 20px;
}

.doctors-popup-content .popup-form .popup-info {
    font-size: 1.1rem;
    color: #333;
    padding: 34px 4px;
    line-height: 1.2;
    margin-left: 1rem;
}

.doctors-popup-content .popup-form .popup-info .popup-info-inner {
    font-size: 0.9rem;
    padding: 10px 0;
    color: #888;
}

.doctors-popup-content .popup-form .popup-items-scroll {
    overflow: auto;
    /* position: absolute; */
    /* top: 130px; */
    /* left: 20px; */
    /* right: 20px; */
    /* bottom: 20px; */
    /* padding: 0 10px 0 0; */
}

.doctors-popup-content .popup-form .popup-items-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    overflow: auto;
    gap: 14px;
}

.doctors-popup-content .popup-form .popup-items-container .card {
    height: auto !important;
    width: 377px;
    cursor: pointer;
    min-height: 178px;
}

.doctors-popup-content .popup-form .popup-items-container .card .head {
    margin-bottom: 0;
    padding-bottom: 0;
}

.popup-loading {
    background-color: #fff;
    height: 250px;
    width: 800px;
    border-radius: 4px;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 760px) {
    .popup-form {
        width: 98%;
    }

    .popup-loading {
        width: 80%;
    }

    .doctors-popup-content .popup-form .popup-items-scroll {
        top: 140px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        padding: 0 10px 0 0;
    }

    .doctors-popup-content .popup-form .popup-items-container .card {
        height: auto !important;
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .doctors-popup-content .popup-form .popup-items-scroll {
        top: 143px;
    }

    .popup-loading {
        width: 80%;
    }

    .doctors-popup-content .popup-form .popup-info {
        font-size: 1.1rem;
        color: #333;
        padding: 18px 4px;
        line-height: 1.22;
    }

    .modal-return {
        top: 22px;
        left: 24px;
    }
}

.reference-modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .reference-modal:after {
        clear: both;
        content: "";
        display: block;
    }
}

@media screen and (min-width: 1200px) {
    .reference-modal {
        /* padding-left: 72px !important; */
        /* padding-right: 48px !important; */
    }
}

.reference-modal .doctor-name-item {
    margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .reference-modal .doctor-name-item {
        margin-bottom: 47px;
    }
}

@media screen and (min-width: 768px) {
    .reference-modal .set-time-block {
        text-align: left;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .reference-modal .set-time-calendar {
        width: 280px;
    }
}

@media screen and (min-width: 1200px) {
    .reference-modal .set-time-calendar {
        width: 252px;
    }
}

@media screen and (min-width: 768px) {

    .reference-modal .set-time-calendar,
    .reference-modal .set-time-time {
        min-height: 224px;
        float: left;
    }
}

@media screen and (min-width: 768px) {
    .reference-modal .set-time-time {
        position: relative;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .reference-modal .set-time-time {
        margin-left: 56px;
        width: 160px;
    }
}

@media screen and (min-width: 1200px) {
    .reference-modal .set-time-time {
        width: 144px;
        margin-left: 68px;
    }
}

@media screen and (min-width: 768px) {
    .reference-modal .set-time-time:before {
        width: 2px !important;
        height: 224px !important;
        position: absolute;
        top: 0;
        margin: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .reference-modal .set-time-time:before {
        left: -23px;
    }
}

@media screen and (min-width: 1200px) {
    .reference-modal .set-time-time:before {
        left: -31px;
    }
}

@media screen and (min-width: 768px) {

    .reference-modal .set-time-time,
    .reference-modal .set-time-form {
        position: relative;
    }
}

.reference-modal .set-time-time:before,
.reference-modal .set-time-form:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #DDE2E2;
    margin: 32px 0 24px;
}

@media screen and (min-width: 1200px) {
    .reference-modal .set-time-form {
        float: left;
        width: 224px;
        margin-left: 72px;
    }

    .reference-modal .set-time-form:before {
        width: 2px !important;
        height: 224px !important;
        position: absolute;
        left: -40px;
        top: 0;
        margin: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .reference-modal .set-time-form {
        float: none;
        clear: both;
        padding-top: 66px;
    }

    .reference-modal .set-time-form:before {
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media screen and (min-width: 768px) {
    .reference-modal>.form-standard {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .reference-modal>.form-standard {
        width: 288px;
    }
}

@media screen and (min-width: 1200px) {
    .reference-modal>.form-standard {
        width: 224px;
    }
}

.reference-modal>.form-standard>p {
    margin-bottom: 30px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .reference-modal>.form-standard>p {
        margin: 0 -27px 15px;
    }
}

@media screen and (min-width: 1200px) {
    .reference-modal>.form-standard>p {
        margin: 0 -55px 15px;
    }
}

.reference-modal>.form-standard *[type=submit] {
    width: 100%;
    display: block;
}

.modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    z-index: 10;
    /*display: table*/
}

.modal:not(.visible) {
    pointer-events: none;
    -webkit-animation: modalHide 0.01s linear 0.4s;
    animation: modalHide 0.01s linear 0.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes modalHide {
    0% {
        visibility: visible;
    }

    100% {
        visibility: hidden;
    }
}

@keyframes modalHide {
    0% {
        visibility: visible;
    }

    100% {
        visibility: hidden;
    }
}

.modal.visible {
    opacity: 1;
    overflow-y: auto;
}

.modal-overflow {
    overflow: hidden;
}

.modal-overflow .modal {
    display: block;
}

.modal-overflow .modal-container {
    padding: 0;
    display: block;
}

@media screen and (min-width: 768px) {
    .modal-overflow .modal-container {
        padding: 5vh 0;
    }
}

.modal-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0f2531;
    background-color: rgba(15, 37, 49, 0.95);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0) scale(1, 1);
}

.modal-close {
    width: 16px;
    height: 16px;
    position: relative;
    position: absolute;
    display: block;
    top: 24px;
    right: 24px;
}

.modal-close:before,
.modal-close:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 2px;
    background-color: var(--color-primary);
    border-radius: 2px;
}

.modal-close:before {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(-45deg);
}

.modal-close:after {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(45deg);
}

@media screen and (min-width: 768px) {
    .modal-close {
        top: 40px;
        right: 40px;
    }
}

.modal-close:before,
.modal-close:after {
    -webkit-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.modal-close:hover:before,
.modal-close:hover:after {
    background-color: var(--color-main);
}

.modal-container {
    position: relative;
    min-width: 100%;
    min-height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    /* display: table-cell; */
    /* vertical-align: middle */
}

.modal-content {
    display: none;
}

.modal .modal-content {
    position: relative;
    background-color: #fff;
    z-index: 10;
    display: block;
    margin: 0 auto;
    width: max-content;
    max-width: 90vw;
    min-width: 50vw;
    padding: 13px 24px 40px;
    margin-top: 35px;
}

@media screen and (min-width: 768px) {
    .modal .modal-content {
        border-radius: 4px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .modal .modal-content {
        width: max-content;
        max-width: 85vw;
        min-width: 50vw;
        padding: 33px 5px 44px;
    }
}

@media screen and (min-width: 1200px) {
    .modal .modal-content {
        width: max-content;
        max-width: 95vw;
        min-width: 50vw;
        padding: 33px 5px 55px;
    }
}

.modal-title {
    color: #555;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 32px;
    display: block;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 16px;
}

@media screen and (min-width: 768px) {
    .modal-title {
        font-size: 20px;
        line-height: 28px;
        padding: 0;
    }
}

.modal-content .floatingBarsG {
    position: absolute;
    left: calc(50% - 30px);
    top: calc(50% - 32px);
    margin: auto;
}

.modal-content .floatingBarsGBG {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    opacity: 0;
    background: rgba(248, 248, 250, 0.4);
}

.modal-content .success-form h2 {
    font-size: 23px;
}

.modal-content .success-form {
    margin-top: 20px;
    margin-bottom: 0;
}

.set-time-block {
    padding: 0 55px;
}

/* End */


/* Start:/local/templates/hemonc_h/css/header.css?178031250529007*/
a,
a:hover,
a > *,
a:hover > * {
    -webkit-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
    cursor: pointer;
    text-decoration: unset;
}

.center-wrap {
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 20px;
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
}

.header__upper {
    padding: 1.13rem 0 1.06rem;
    background: var(--gray-light);
}

@media screen and (min-width: 1200px) {
    .header__upper {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.header__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__addy {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--h, #0f2531);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem; /* 142.857% */
}

.header__addy-icon {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    color: var(--color-main);
}

.header__time-row {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.header__time-item {
    color: var(--h, #0f2531);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
}

.header__time-item span {
    color: var(--color-primary);
}

.header__socials {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header__mail {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--h, #0f2531);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem; /* 142.857% */
}

.header__mail-icon {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    color: var(--color-main);
}

.header__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}

.header__icon-svg {
    display: block;
    width: 30px;
    height: 30px;
    color: var(--color-primary);
}

.header__bottom {
    padding: 1.25rem 0;
    background: var(--color-white);
    box-shadow: var(--shadow);
}

@media screen and (min-width: 1200px) {
    .header__bottom {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.header__logo {
    color: var(--color-text);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.header__logo span {
    color: var(--color-primary);
}

.header__menu {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.header__menu-link {
    color: var(--white, #fff);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.header__menu-link.--active {
    text-decoration: underline;
}

.header__info {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header__phone {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-text);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.header__phone-icon {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    color: var(--color-main);
}

.btn {
    border-radius: 0.625rem;
    padding: 0.63rem 1rem;
    color: var(--white, #fff);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background-color: var(--color-primary);
    display: block;
    max-width: max-content;
}

.btn.--trans {
    background-color: transparent;
    border: 0.0625rem solid var(--white, #fff);
}

.header__search {
    display: block;
    width: 2.375rem;
    height: 2.4375rem;
    background-image: url('data:image/svg+xml,<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.999756" y="0.5" width="37.0002" height="38" rx="2.5" stroke="%230d9488" stroke-width="1.5"/><path d="M28.5 28.5002L24.157 24.1572M24.157 24.1572C24.8998 23.4143 25.4891 22.5324 25.8912 21.5618C26.2932 20.5911 26.5002 19.5508 26.5002 18.5002C26.5002 17.4496 26.2932 16.4093 25.8912 15.4387C25.4891 14.468 24.8998 13.5861 24.157 12.8432C23.4141 12.1003 22.5321 11.511 21.5615 11.109C20.5909 10.7069 19.5506 10.5 18.5 10.5C17.4494 10.5 16.409 10.7069 15.4384 11.109C14.4678 11.511 13.5858 12.1003 12.843 12.8432C11.3426 14.3435 10.4998 16.3784 10.4998 18.5002C10.4998 20.622 11.3426 22.6569 12.843 24.1572C14.3433 25.6575 16.3782 26.5004 18.5 26.5004C20.6217 26.5004 22.6566 25.6575 24.157 24.1572Z" stroke="%230d9488" stroke-width="2.08333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.header__btn {
    padding: 0.63rem 1rem;
    font-size: 0.875rem;
    max-width: fit-content;
}

.footer {
    padding: 2.31rem 0 2.69rem;
    background: var(--gray-light);
}

.footer__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footer__timetable {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1.59rem;
}

.footer__time {
    color: var(--color-gray);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem; /* 142.857% */
}

.footer__support {
    display: flex;
    align-items: center;
    gap: 0.96rem;
    margin-top: 1rem;
}

.footer__support img {
    max-width: max-content;
    margin-top: 1.74rem;
}

.footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
    margin-top: 2rem;
    border-top: 0.125rem solid #ffffff50;
}

.footer__copy {
    color: var(--color-gray);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem; /* 142.857% */
}

.footer__policy {
    color: var(--color-text);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem; /* 142.857% */
}

.footer__btn {
    width: 100%;
    max-width: 19rem;
    text-align: center;
}

.footer__info-links {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.footer__info-links .header__addy,
.footer__info-links .header__mail,
.footer__info-links .header__phone {
    color: var(--color-text);
}

.header__icon.--inst {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M16.1565 3.75C17.4221 3.75337 18.0644 3.76012 18.619 3.77587L18.8373 3.78375C19.0892 3.79275 19.3379 3.804 19.6382 3.8175C20.8351 3.87375 21.6519 4.06274 22.3684 4.34061C23.1109 4.62635 23.7364 5.01335 24.3618 5.63771C24.9339 6.20008 25.3765 6.88034 25.6589 7.63116C25.9368 8.34777 26.1258 9.1645 26.182 10.3626C26.1955 10.6618 26.2068 10.9105 26.2157 11.1636L26.2225 11.3818C26.2394 11.9353 26.2461 12.5777 26.2484 13.8433L26.2495 14.6825V16.1562C26.2523 16.9768 26.2436 17.7973 26.2236 18.6177L26.2169 18.8359C26.2079 19.089 26.1966 19.3376 26.1831 19.6369C26.1269 20.835 25.9356 21.6506 25.6589 22.3683C25.3773 23.1195 24.9346 23.8 24.3618 24.3618C23.7993 24.9336 23.1191 25.3762 22.3684 25.6589C21.6519 25.9367 20.8351 26.1257 19.6382 26.182C19.3713 26.1945 19.1043 26.2058 18.8373 26.2157L18.619 26.2225C18.0644 26.2382 17.4221 26.2461 16.1565 26.2484L15.3173 26.2495H13.8448C13.0238 26.2523 12.2029 26.2437 11.3823 26.2236L11.164 26.2169C10.897 26.2067 10.63 26.1951 10.3631 26.182C9.16612 26.1257 8.34941 25.9367 7.6317 25.6589C6.88099 25.3769 6.20102 24.9342 5.63943 24.3618C5.06688 23.7996 4.62386 23.1193 4.34124 22.3683C4.06338 21.6517 3.87439 20.835 3.81815 19.6369C3.80561 19.3699 3.79436 19.1029 3.7844 18.8359L3.77877 18.6177C3.75804 17.7973 3.74867 16.9768 3.75065 16.1562V13.8433C3.74751 13.0227 3.75576 12.2021 3.7754 11.3818L3.78327 11.1636C3.79227 10.9105 3.80352 10.6618 3.81702 10.3626C3.87327 9.1645 4.06226 8.34889 4.34012 7.63116C4.62261 6.87957 5.06652 6.19909 5.64055 5.63771C6.202 5.06563 6.88153 4.62297 7.6317 4.34061C8.34941 4.06274 9.165 3.87375 10.3631 3.8175C10.6623 3.804 10.912 3.79275 11.164 3.78375L11.3823 3.777C12.2026 3.75701 13.0231 3.74839 13.8436 3.75112L16.1565 3.75ZM15.0001 9.37487C13.5083 9.37487 12.0776 9.96749 11.0228 11.0224C9.96796 12.0772 9.37536 13.5079 9.37536 14.9997C9.37536 16.4915 9.96796 17.9223 11.0228 18.9771C12.0776 20.032 13.5083 20.6246 15.0001 20.6246C16.4918 20.6246 17.9225 20.032 18.9773 18.9771C20.0322 17.9223 20.6248 16.4915 20.6248 14.9997C20.6248 13.5079 20.0322 12.0772 18.9773 11.0224C17.9225 9.96749 16.4918 9.37487 15.0001 9.37487ZM15.0001 11.6248C15.4433 11.6247 15.8821 11.712 16.2916 11.8815C16.7011 12.051 17.0732 12.2996 17.3866 12.6129C17.7 12.9262 17.9487 13.2983 18.1184 13.7077C18.288 14.1171 18.3754 14.556 18.3755 14.9992C18.3755 15.4424 18.2883 15.8813 18.1188 16.2907C17.9493 16.7002 17.7007 17.0723 17.3874 17.3858C17.0741 17.6992 16.7021 17.9479 16.2926 18.1175C15.8832 18.2872 15.4444 18.3746 15.0012 18.3747C14.1061 18.3747 13.2477 18.0191 12.6148 17.3862C11.9819 16.7532 11.6264 15.8948 11.6264 14.9997C11.6264 14.1047 11.9819 13.2462 12.6148 12.6133C13.2477 11.9804 14.1061 11.6248 15.0012 11.6248M20.9071 7.68741C20.5342 7.68741 20.1765 7.83556 19.9128 8.09928C19.6491 8.363 19.501 8.72067 19.501 9.09363C19.501 9.46658 19.6491 9.82425 19.9128 10.088C20.1765 10.3517 20.5342 10.4998 20.9071 10.4998C21.2801 10.4998 21.6378 10.3517 21.9015 10.088C22.1652 9.82425 22.3133 9.46658 22.3133 9.09363C22.3133 8.72067 22.1652 8.363 21.9015 8.09928C21.6378 7.83556 21.2801 7.68741 20.9071 7.68741Z" fill="%230d9488"/></svg>')
        center no-repeat;
}

.header__icon.--max {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M10.771 3C11.6147 3.00225 12.0429 3.00675 12.4127 3.01725L12.5582 3.0225C12.7262 3.0285 12.8919 3.036 13.0921 3.045C13.8901 3.0825 14.4346 3.2085 14.9123 3.39374C15.4073 3.58424 15.8243 3.84223 16.2412 4.25847C16.6226 4.63338 16.9177 5.08689 17.1059 5.58744C17.2912 6.06518 17.4172 6.60967 17.4547 7.4084C17.4637 7.60789 17.4712 7.77364 17.4772 7.94239L17.4817 8.08788C17.4929 8.45687 17.4974 8.88511 17.4989 9.72884L17.4997 10.2883V11.2708C17.5015 11.8178 17.4958 12.3649 17.4824 12.9118L17.4779 13.0573C17.4719 13.226 17.4644 13.3918 17.4554 13.5913C17.4179 14.39 17.2904 14.9337 17.1059 15.4122C16.9182 15.913 16.6231 16.3667 16.2412 16.7412C15.8662 17.1224 15.4128 17.4175 14.9123 17.6059C14.4346 17.7912 13.8901 17.9172 13.0921 17.9547C12.9142 17.963 12.7362 17.9705 12.5582 17.9772L12.4127 17.9817C12.0429 17.9922 11.6147 17.9974 10.771 17.9989L10.2115 17.9997H9.22984C8.68256 18.0015 8.13529 17.9958 7.58817 17.9824L7.44268 17.9779C7.26465 17.9712 7.08665 17.9634 6.90871 17.9547C6.11075 17.9172 5.56628 17.7912 5.0878 17.6059C4.58733 17.4179 4.13401 17.1228 3.75962 16.7412C3.37792 16.3664 3.08257 15.9129 2.89416 15.4122C2.70892 14.9345 2.58293 14.39 2.54543 13.5913C2.53707 13.4133 2.52958 13.2353 2.52293 13.0573L2.51918 12.9118C2.50536 12.3649 2.49911 11.8179 2.50043 11.2708V9.72884C2.49834 9.18181 2.50384 8.63477 2.51693 8.08788L2.52218 7.94239C2.52818 7.77364 2.53568 7.60789 2.54468 7.4084C2.58218 6.60967 2.70817 6.06593 2.89341 5.58744C3.08174 5.08638 3.37768 4.63273 3.76037 4.25847C4.13467 3.87709 4.58768 3.58198 5.0878 3.39374C5.56628 3.2085 6.11 3.0825 6.90871 3.045C7.1082 3.036 7.27469 3.0285 7.44268 3.0225L7.58817 3.018C8.13504 3.00467 8.68206 2.99892 9.22909 3.00075L10.771 3ZM10 6.74991C9.00554 6.74991 8.05176 7.14499 7.34853 7.84824C6.64531 8.55148 6.25024 9.50529 6.25024 10.4998C6.25024 11.4944 6.64531 12.4482 7.34853 13.1514C8.05176 13.8547 9.00554 14.2497 10 14.2497C10.9946 14.2497 11.9483 13.8547 12.6516 13.1514C13.3548 12.4482 13.7499 11.4944 13.7499 10.4998C13.7499 9.50529 13.3548 8.55148 12.6516 7.84824C11.9483 7.14499 10.9946 6.74991 10 6.74991ZM10 8.24988C10.2955 8.24983 10.5881 8.30798 10.8611 8.421C11.1341 8.53403 11.3821 8.69972 11.5911 8.90861C11.8 9.1175 11.9658 9.3655 12.0789 9.63846C12.192 9.91142 12.2503 10.204 12.2503 10.4995C12.2504 10.7949 12.1922 11.0875 12.0792 11.3605C11.9662 11.6335 11.8005 11.8816 11.5916 12.0905C11.3827 12.2995 11.1347 12.4652 10.8618 12.5784C10.5888 12.6915 10.2963 12.7497 10.0008 12.7498C9.40409 12.7498 8.83183 12.5127 8.40989 12.0908C7.98795 11.6688 7.75091 11.0965 7.75091 10.4998C7.75091 9.9031 7.98795 9.33082 8.40989 8.90887C8.83183 8.48692 9.40334 8.24988 10 8.24988ZM13.9381 5.62494C13.6895 5.62494 13.451 5.72371 13.2752 5.89952C13.0994 6.07533 13.0006 6.31378 13.0006 6.56242C13.0006 6.81105 13.0994 7.0495 13.2752 7.22531C13.451 7.40113 13.6895 7.4999 13.9381 7.4999C14.1867 7.4999 14.4252 7.40113 14.601 7.22531C14.7768 7.0495 14.8755 6.81105 14.8755 6.56242C14.8755 6.31378 14.7768 6.07533 14.601 5.89952C14.4252 5.72371 14.1867 5.62494 13.9381 5.62494Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.99976 6.75C9.0053 6.75 8.05152 7.14508 7.34829 7.84833C6.64507 8.55157 6.25 9.50538 6.25 10.4999C6.25 11.4945 6.64507 12.4483 7.34829 13.1515C8.05152 13.8548 9.0053 14.2498 9.99976 14.2498C10.9944 14.2498 11.9481 13.8548 12.6514 13.1515C13.3546 12.4483 13.7497 11.4945 13.7497 10.4999C13.7497 9.50538 13.3546 8.55157 12.6514 7.84833C11.9481 7.14508 10.9944 6.75 9.99976 6.75ZM10.8609 8.42109C10.5879 8.30807 10.2953 8.24992 9.99976 8.24997C9.4031 8.24997 8.83159 8.48701 8.40965 8.90896C7.98771 9.33091 7.75067 9.90319 7.75067 10.4999C7.75067 11.0966 7.98771 11.6689 8.40965 12.0909C8.83159 12.5128 9.40385 12.7499 10.0006 12.7499C10.2961 12.7498 10.5886 12.6916 10.8616 12.5785C11.1345 12.4653 11.3825 12.2996 11.5914 12.0906C11.8003 11.8817 11.966 11.6336 12.079 11.3606C12.192 11.0876 12.2502 10.795 12.2501 10.4996C12.2501 10.2041 12.1918 9.91151 12.0787 9.63855C11.9656 9.36559 11.7998 9.11759 11.5909 8.9087C11.3819 8.69981 11.1339 8.53412 10.8609 8.42109Z" fill="%230d9488"/><path d="M13.9385 5.625C13.6899 5.625 13.4514 5.72377 13.2756 5.89958C13.0998 6.07539 13.001 6.31384 13.001 6.56248C13.001 6.81111 13.0998 7.04956 13.2756 7.22537C13.4514 7.40119 13.6899 7.49996 13.9385 7.49996C14.1871 7.49996 14.4256 7.40119 14.6014 7.22537C14.7772 7.04956 14.8759 6.81111 14.8759 6.56248C14.8759 6.31384 14.7772 6.07539 14.6014 5.89958C14.4256 5.72377 14.1871 5.625 13.9385 5.625Z" fill="%23007088"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.086 13.9772C9.30084 13.9772 8.936 13.8621 8.30182 13.4016C7.90066 13.9196 6.63036 14.3244 6.57498 13.6318C6.57498 13.1119 6.46036 12.6726 6.33047 12.1929C6.17574 11.602 6 10.944 6 9.99051C6 7.71324 7.86055 6 10.065 6C12.2712 6 14 7.79763 14 10.0116C14.0035 11.0585 13.5934 12.064 12.8596 12.8074C12.1258 13.5509 11.1283 13.9716 10.086 13.9772ZM10.1184 7.9684C9.04488 7.91276 8.20822 8.65905 8.02291 9.82934C7.87011 10.7982 8.14135 11.9781 8.37248 12.0395C8.48328 12.0663 8.76219 11.84 8.936 11.6654C9.22342 11.8648 9.55815 11.9846 9.90641 12.0126C10.4411 12.0384 10.9646 11.8525 11.3643 11.4949C11.764 11.1372 12.008 10.6363 12.0439 10.0999C12.0648 9.56229 11.8748 9.03796 11.5147 8.63971C11.1546 8.24145 10.6532 8.00109 10.1184 7.97033V7.9684Z" fill="%230d9488"/></svg>')
        center no-repeat;
}

.footer__contacts {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 0.75rem;
}

.header__mob {
    display: none;
}

.header__mobile {
    position: fixed;
    left: 0;
    top: 70px;
    height: 100%;
    width: 100%;
    z-index: 10;
    background: var(--color-primary);
    display: none;
    overflow-y: auto;
    padding-bottom: 30%;
}

.header__mobile-wrap .header__menu {
    display: flex;
    flex-direction: column;
}

.header__mobile-wrap .header__info {
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
}

.header__mobile-wrap {
    padding: 1rem 0;
}

.header__mobile-close {
    display: block;
    background-size: 100%;
    margin-left: auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('data:image/svg+xml,<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="13.364" y1="25.799" x2="26.799" y2="12.364" stroke="white"/><line x1="26.799" y1="26.5061" x2="13.364" y2="13.0711" stroke="white"/><rect x="0.5" y="0.5" width="38" height="38" rx="2.5" stroke="white"/></svg>');
}

.header__mobile-search {
    position: relative;
    margin-top: 1.5rem;
}

.header__mobile-search::before {
    content: "";
    position: absolute;
    left: 1rem;
    top: 0.78rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 0.875rem;
    height: 0.875rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"><path opacity="0.5" d="M15 14.5L11.6221 11.1221M11.6221 11.1221C12.1999 10.5444 12.6583 9.85841 12.971 9.10349C13.2837 8.34856 13.4446 7.53944 13.4446 6.72231C13.4446 5.90519 13.2837 5.09606 12.971 4.34114C12.6583 3.58621 12.1999 2.90027 11.6221 2.32247C11.0444 1.74468 10.3584 1.28635 9.60349 0.973645C8.84856 0.660945 8.03944 0.5 7.22231 0.5C6.40519 0.5 5.59606 0.660945 4.84114 0.973645C4.08621 1.28635 3.40027 1.74468 2.82247 2.32247C1.65556 3.48938 1 5.07205 1 6.72231C1 8.37257 1.65556 9.95524 2.82247 11.1221C3.98938 12.2891 5.57205 12.9446 7.22231 12.9446C8.87257 12.9446 10.4552 12.2891 11.6221 11.1221Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.header__mobile-search input {
    color: #000;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding: 0.66rem 1rem 0.52rem 2.38rem;
    width: 100%;
    border-radius: 0.625rem;
    background: #fff;
    border: none;
    box-shadow: 0px 4px 12.1px 0px rgba(0, 0, 0, 0.15) inset;
}

.header__mobile-menu {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.header__mobile-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header__mobile-link {
    color: var(--color-gray);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.header__mobile .header__mobile-link {
    color: var(--color-white);
}

.header__mobile .button-main {
    width: 100%;
}

.header__mobile-toggler {
    width: 0.6875rem;
    height: 0.34375rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none"><path d="M12 1.25L6.5 6.75L1 1.25" stroke="white" stroke-width="2"/></svg>');
}

.header__mobile-sub {
    margin-top: 1rem;
    padding-left: 1.25rem;
    display: none;
}

.header__mobile-sublink {
    display: block;
    max-width: max-content;
    color: var(--color-text);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.575rem */
    margin-bottom: 0.75rem;
    opacity: 0.8;
}

.header__mobile-sublink:last-child {
    margin-bottom: 0;
}

.header__desc-burger {
    height: 12px;
    width: 22px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__burger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.header__desc-burger span,
.header__burger span {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--color-main);
    transition: opacity var(--anim);
}

.header__desc-burger::before,
.header__desc-burger::after,
.header__burger::before,
.header__burger::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-main);
    transition: all var(--anim);
}

.header__desc-burger::before {
    top: 0;
}

.header__desc-burger::after {
    bottom: 0;
}

.header__burger::before {
    top: 3px;
}

.header__burger::after {
    bottom: 3px;
}

.header__desc-burger.active span,
.header__burger.active span {
    opacity: 0;
}

.header__desc-burger.active::before,
.header__desc-burger.active::after,
.header__burger.active::before,
.header__burger.active::after {
    top: 50%;
}

.header__desc-burger.active::before,
.header__burger.active::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.header__desc-burger.active::after,
.header__burger.active::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

@media (min-width: 860px) {
    .header__upper,
    .header__bottom,
    .footer {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 16px;
    }

    .header__mob .header__burger {
        display: none;
    }
}

@media (min-width: 1330px) {
    .header__upper,
    .header__bottom,
    .footer {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 1199px) {
    body,
    html {
        font-size: 12px;
    }
}

@media screen and (max-width: 860px) {
    body,
    html {
        font-size: 16px;
    }

    .center-wrap {
        padding: 0 1.25rem;
    }

    .header__upper {
        display: none;
    }

    .header__menu {
        display: none;
    }

    .footer__row .header__menu {
        display: block;
    }

    .header__logo,
    .header__phone {
        font-size: 0.875rem;
    }

    .footer__support {
        display: none;
    }
}

@media screen and (max-width: 860px) {
    .header__info {
        display: none;
    }

    .header__logo {
        font-size: 1rem;
    }

    .header__mob {
        display: flex;
        gap: 1rem;
    }

    .header__bottom {
        padding: 1.44rem 0;
    }

    .header__search {
        width: 1.5rem;
        height: 1.5rem;
    }

    .main {
        padding-top: 5rem;
    }

    .footer__row {
        flex-direction: column;
        gap: 1.5rem;
        text-align: center;
        align-items: center;
    }

    .footer__contacts {
        justify-content: center;
    }

    .footer__info-links {
        align-items: center;
    }

    .footer__bottom {
        flex-direction: column;
        gap: 1rem;
    }
}

.btn.--green {
    background: var(--green, #007088);
}

.header__left {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.header__submenu {
    background: var(--color-primary);
    display: none;
    color: var(--color-white);
}

@media screen and (min-width: 1200px) {
    .header__submenu {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.header__subrow {
    display: flex;
    justify-content: space-between;
}

.header__subitem {
    position: relative;
}

.header__sublink {
    color: var(--color-white);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.0175rem;
    padding: 1.62rem 0;
    display: block;
}

.header__sublink.--toggler {
    position: relative;
    padding-right: 1.19rem;
}

.header__sublink.--toggler:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: ease-in-out 0.2s;
    width: 0.6875rem;
    height: 0.34375rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"><path d="M1.5 0.75L7 6.25L12.5 0.75" stroke="white" stroke-width="2"/></svg>');
}

.header__second-menu {
    position: absolute;
    left: -1.5rem;
    top: 100%;
    border-radius: 0rem 0rem 1rem 1rem;
    padding: 1.5rem;
    background: var(--color-primary);
    color: white;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    opacity: 0;
    z-index: -1;
    transform: scaleY(0);
    transform-origin: top;
}

.header__second-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.header__second-link {
    white-space: nowrap;
    color: white;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.0175rem;
}

.--toggle:hover .header__sublink.--toggler:after {
    transform: translateY(-50%) rotate(180deg);
}

.--toggle:hover .header__second-menu {
    z-index: 1;
    opacity: 1;
    transform: scaleY(1);
    transition: ease-in-out 0.2s;
}

.footer__menu {
    display: flex;
    gap: 3rem;
}

.footer__main-link {
    color: var(--color-text);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    display: block;
    max-width: max-content;
    margin-top: 0.88rem;
    line-height: normal;
}

.footer__main-link:first-child {
    margin-top: 0;
}

.footer__list {
    display: flex;
    flex-direction: column;
    gap: 0.88rem;
    margin-top: 1.25rem;
}

.footer__list-link {
    color: var(--color-text);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    opacity: 0.8;
}

.footer__mob {
    display: none;
}

.header__mobile-wrap .footer__info-links {
    background: var(--color-white);
    margin: 0 -1.25rem;
    padding: 12px 20px;
}

@media screen and (max-width: 860px) {
    .header__desc-burger,
    .header__search {
        display: none;
    }

    .header__mobile-wrap .header__info,
    .footer__info-links {
        align-items: flex-start;
    }

    .header__mobile-wrap .btn {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    .header__mobile-wrap .footer__info-links {
        margin-top: 2rem;
    }

    .header__mobile-toggler.active {
        transform: rotate(180deg);
    }

    .footer__row {
        text-align: left;
        align-items: flex-start;
    }

    .footer__menu {
        flex-direction: column;
        gap: 1.5rem;
    }

    .footer__contacts {
        justify-content: flex-start;
    }

    .footer__bottom {
        align-items: flex-start;
    }

    .footer__btn {
        order: 1;
        margin-top: 1.5rem;
        width: 100%;
        text-align: center;
        max-width: 100%;
    }

    .footer__info {
        display: flex;
        flex-direction: column;
    }

    .footer__bottom {
        border-top: 0;
        padding-top: 0;
    }

    .footer__menu {
        display: none;
    }

    .footer__timetable {
        display: none;
    }

    .footer__mob {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .footer__mob .header__mobile-link,
    .footer__mob .header__mobile-sublink {
        font-size: 0.875rem;
    }

    .footer__mob .header__mobile-menu {
        margin-top: 0;
        gap: 1rem;
    }

    .footer__mob-title {
        color: var(--color-primary);
        font-size: 0.6875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.25rem; /* 181.818% */
        text-transform: uppercase;
        margin-bottom: 0.5rem;
    }

    .footer__mob-time {
        color: var(--color-gray);
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.25rem; /* 142.857% */
        margin-bottom: 1rem;
    }

    .footer__mob-item {
        margin: 0 1.5rem;
    }

    .footer__mob-item:first-child {
        margin-left: 1rem;
    }

    .footer__mob-item:last-child {
        margin-right: 1rem;
    }
}

@media screen and (max-width: 560px) {
    .btn {
        max-width: 100%;
        width: 100%;
    }
}

.hemonc2__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 2rem;
    border-bottom: 0.125rem solid var(--border, rgba(0, 0, 0, 0.12));
}

@media screen and (max-width: 768px) {
    .hemonc2__row {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
}

.hemonc2__h2 {
    color: var(--h, #0f2531);
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media screen and (max-width: 768px) {
    .hemonc2__h2 {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 560px) {
    .hemonc2__h2 {
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.hemonc2__link {
    position: relative;
    padding-right: 2rem;
    color: var(--h, #0f2531);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    opacity: 0.24;
}

.hemonc2__link:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M4 9H16M16 9L12.5 5.5M16 9L12.5 12.5" stroke="%230F2531"/></svg>');
}

/* End */
/* /local/templates/hemonc_h/css/bootstrap-grid.css?177676870234188 */
/* /local/templates/hemonc_h/css/main.css?17767786247798 */
/* /local/templates/hemonc_h/css/fonts.css?17767687023820 */
/* /local/templates/hemonc_h/css/site-f.css?1778064989269899 */
/* /local/templates/hemonc_h/css/style.css?177684348116831 */
/* /local/templates/hemonc_h/css/feedback-form.css?17767814104380 */
/* /local/templates/hemonc_h/css/doctorsPopup.css?177684676811103 */
/* /local/templates/hemonc_h/css/header.css?178031250529007 */