@charset "UTF-8";
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

 @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  margin: 0; }

input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: textfield; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0; }

input::-ms-clear {
  display: none; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: top; }

.select__list {
  list-style: none;
  margin: 0;
  padding: 0; }

body {
  height: 100%;
  font-family: 'Roboto', sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none; }

* {
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  *::after, *::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

svg {
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

input[type="submit"] {
  cursor: pointer; }

h1 {
  color: #333;
  font-size: 34px;
  line-height: 36px;
  font-weight: 900; }

h2 {
  color: #333;
  font-size: 24px;
  line-height: 26px;
  font-weight: 900; }

h3 {
  color: #333;
  font-size: 22px;
  line-height: 24px;
  font-weight: normal; }

h4 {
  color: #333;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal; }

h5 {
  color: #333;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal; }

h6 {
  color: #333;
  font-size: 10px;
  line-height: 12px;
  font-weight: normal; }

p.error {
  position: absolute;
  left: 0;
  bottom: -13px;
  margin: 0;
  font-size: 10px;
  color: rgba(233, 22, 0, 0.5); }

input.error {
  border-color: rgba(243, 74, 56, 0.5); }

.wraper {
  min-height: 100vh;
  overflow: hidden;
  position: relative;
  padding-top: 180px; }
  @media only screen and (max-width: 767px) {
    .wraper {
      padding-top: 0; } }

.main-page .wraper {
  padding-top: 0; }

button {
  cursor: pointer;
  font-family: 'Roboto', sans-serif; }

.holder-block {
  overflow: hidden;
  position: relative;
  height: 100%; }

.text p:first-of-type {
  margin-top: 0; }

.text p:last-of-type {
  margin-bottom: 0; }

.main-link {
  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(1, 161, 191, 0.8);
  text-decoration: none;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  @media only screen and (min-width: 1025px) {
    .main-link:hover {
      color: #1AAA6D; } }

.hedding-block {
  width: 100%;
  padding: 0 15px;
  margin: 0 auto 70px; }
  @media only screen and (max-width: 767px) {
    .hedding-block {
      margin: 0 auto 30px; } }

.main-title {
  font-weight: 900;
  font-size: 40px;
  text-align: center;
  text-transform: uppercase;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .main-title {
      margin-top: 35px;
      font-size: 24px; } }

.breadcrumb {
  margin: 0 auto 15px;
  padding: 0;
  list-style: none;
  max-width: 1200px;
  letter-spacing: -4px;
  font-size: 12px;
  line-height: 14px;
  text-align: center; }
  @media only screen and (max-width: 1199px) {
    .breadcrumb {
      padding: 0 15px; } }
  @media only screen and (max-width: 767px) {
    .breadcrumb {
      display: none; } }
  .breadcrumb li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    position: relative;
    font-weight: 500; }
    .breadcrumb li + li {
      margin-left: 22px; }
      .breadcrumb li + li::after {
        content: '/';
        position: absolute;
        top: 0;
        left: -12px;
        color: #9b9b9b; }
  .breadcrumb a {
    color: #000;
    text-decoration: none;
    font-weight: 500;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .breadcrumb a span {
      color: #000;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      @media only screen and (min-width: 1025px) {
        .breadcrumb a span:hover {
          color: #1AAA6D;
          border-bottom: 1px dotted #1AAA6D;
          -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out; } }
  .breadcrumb span {
    color: #9b9b9b; }

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0; }
  .pagination li {
    position: relative;
    background: #fff; }
    .pagination li::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: transparent;
      -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
      box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
      z-index: -1; }
    .pagination li a,
    .pagination li span {
      position: relative;
      width: 102px;
      height: 80px;
      border-left: 1px solid #DDECEE;
      border-right: 1px solid #DDECEE;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-decoration: none;
      font-weight: 900;
      font-size: 24px;
      color: #01A1BF;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      @media only screen and (max-width: 1250px) {
        .pagination li a,
        .pagination li span {
          width: 62px;
          height: 45px;
          font-size: 18px; } }
      @media only screen and (max-width: 767px) {
        .pagination li a,
        .pagination li span {
          width: 46px;
          height: 46px;
          display: none; } }
      @media only screen and (min-width: 1025px) {
        .pagination li a:hover,
        .pagination li span:hover {
          background: #E6F6F9; } }
    .pagination li a {
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out; }
      .pagination li a svg {
        width: 10px;
        height: 18px;
        fill: #000;
        -webkit-transition: .4s ease-in-out;
        transition: .4s ease-in-out; }
    .pagination li span {
      border: 1px solid;
      background: rgba(1, 161, 191, 0.8);
      border-color: rgba(1, 161, 191, 0.8);
      color: #fff; }
      @media only screen and (max-width: 767px) {
        .pagination li span {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
      @media only screen and (min-width: 1025px) {
        .pagination li span:hover {
          background: rgba(1, 161, 191, 0.8); } }
    .pagination li.first {
      max-width: 102px;
      width: 100%;
      -ms-flex-preferred-size: 102px;
      flex-basis: 102px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
      background: #E6F6F9; }
      @media only screen and (max-width: 1250px) {
        .pagination li.first {
          max-width: 62px;
          height: 45px;
          -ms-flex-preferred-size: 62px;
          flex-basis: 62px; } }
      .pagination li.first a {
        display: block;
        width: 100%;
        border: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
        @media only screen and (max-width: 500px) {
          .pagination li.first a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; } }
      .pagination li.first svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        width: 10px;
        height: 18px;
        fill: #000;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
      @media only screen and (max-width: 767px) {
        .pagination li.first {
          max-width: 46px;
          -ms-flex-preferred-size: 46px;
          flex-basis: 46px; }
          .pagination li.first svg {
            width: 8px;
            height: 12px; } }
      @media only screen and (min-width: 1025px) {
        .pagination li.first:hover a {
          background: rgba(1, 161, 191, 0.8); }
        .pagination li.first:hover svg {
          fill: #fff; } }
    .pagination li.last {
      max-width: 102px;
      width: 100%;
      -ms-flex-preferred-size: 102px;
      flex-basis: 102px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
      background: #E6F6F9; }
      @media only screen and (max-width: 1250px) {
        .pagination li.last {
          max-width: 62px;
          height: 45px;
          -ms-flex-preferred-size: 62px;
          flex-basis: 62px; } }
      .pagination li.last a {
        border: none;
        display: block;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
        @media only screen and (max-width: 767px) {
          .pagination li.last a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; } }
      .pagination li.last svg {
        width: 10px;
        height: 18px;
        fill: #000;
        stroke: none; }
        @media only screen and (max-width: 991px) {
          .pagination li.last svg {
            margin: 0; } }
      @media only screen and (min-width: 1025px) {
        .pagination li.last:hover a {
          background: rgba(1, 161, 191, 0.8); }
        .pagination li.last:hover svg {
          fill: #fff; } }
      @media only screen and (max-width: 767px) {
        .pagination li.last {
          max-width: 46px;
          -ms-flex-preferred-size: 46px;
          flex-basis: 46px; }
          .pagination li.last svg {
            width: 8px;
            height: 12px; } }
    .pagination li.dots {
      position: relative;
      width: 102px;
      height: 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-decoration: none; }
      .pagination li.dots::before {
        content: '...';
        width: 30px;
        font-size: 40px;
        color: #000;
        text-align: center;
        height: 60px;
        letter-spacing: -4px; }
      @media only screen and (max-width: 1250px) {
        .pagination li.dots {
          max-width: 62px;
          height: 45px;
          -ms-flex-preferred-size: 62px;
          flex-basis: 62px; } }
      @media only screen and (max-width: 767px) {
        .pagination li.dots {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          max-width: 46px;
          -ms-flex-preferred-size: 46px;
          flex-basis: 46px;
          height: 46px; } }
    @media only screen and (max-width: 767px) {
      .pagination li:nth-child(2) a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    @media only screen and (max-width: 767px) {
      .pagination li:nth-last-child(2) a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }

.form-block {
  position: relative;
  width: 100%;
  margin-bottom: 28px; }
  .form-block .form-label {
    position: absolute;
    left: 20px;
    top: 18px;
    font-size: 14px;
    color: #333;
    opacity: 0.5;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    z-index: 1;
    pointer-events: none; }
  .form-block .main-input:focus + .form-label {
    top: -14px;
    left: 0;
    font-size: 10px; }
  .form-block .main-input.value + .form-label {
    top: -14px;
    left: 0;
    font-size: 10px; }
  .form-block.error .form-label {
    display: none; }

.main-input {
  font-family: 'Roboto', sans-serif;
  width: 100%;
  height: 50px;
  border: 1px solid rgba(1, 161, 191, 0.35);
  border-radius: 3px;
  padding: 0 20px;
  font-size: 14px;
  color: #333; }
  .main-input::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #999; }
  .main-input::-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #999; }
  .main-input::-ms-input-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #999; }
  .main-input::placeholder {
    font-family: 'Roboto', sans-serif;
    color: #999; }

.submit-btn {
  max-width: 190px;
  width: 100%;
  height: 50px;
  background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
  background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
  border-radius: 5px;
  font-weight: 900;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  display: block;
  border: none;
  margin: 0 auto;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  @media only screen and (min-width: 1025px) {
    .submit-btn:hover {
      background: #1AAAC5; } }

.alert.alert-danger.alert-dismissible {
  font-size: 12px;
  color: rgba(233, 22, 0, 0.5);
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .alert.alert-danger.alert-dismissible button {
    color: rgba(233, 22, 0, 0.5);
    background: transparent;
    border: none;
    font-size: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px; }

.form-input--phone .form-label {
  left: 90px; }

.delivery-block.wrap-for-fields-shipping .form-block {
  margin-right: 0; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: false;
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: false;
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.slick-loading .slick-list {
  background: #fff; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 5px;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 5px; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/
/* default theme ("light") */
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: #f2f2f2;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
  background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
  border-radius: 5px;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
  background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
  border-radius: 5px;
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
  background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
  border-radius: 5px;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
body.compensate-for-scrollbar {
  overflow: hidden;
  -ms-overflow-style: none; }

.fancybox-active {
  height: auto; }

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden; }

.fancybox-container {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 99992; }

.fancybox-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto; }

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  -webkit-transition-duration: inherit;
  transition-duration: inherit;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: .87;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible; }

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-toolbar {
  right: 0;
  top: 0; }

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 99994; }

.fancybox-is-open .fancybox-stage {
  overflow: hidden; }

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px 44px 0 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }

.fancybox-slide--next {
  z-index: 99995; }

.fancybox-slide--image {
  padding: 44px 0 0 0; }

.fancybox-slide--image {
  overflow: visible; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-slide--html {
  padding: 6px 6px 0 6px; }

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0 0 44px 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle; }

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995; }

.fancybox-slide--html .fancybox-content {
  margin: 0 0 6px 0; }

.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-container [data-selectable='true'] {
  cursor: text; }

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: calc(100% - 44px);
  overflow: visible;
  padding: 0;
  width: 100%; }

.fancybox-slide--video .fancybox-content {
  background: #000; }

.fancybox-slide--map .fancybox-content {
  background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content {
  background: #fff; }

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  vertical-align: top;
  width: 100%; }

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%; }

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0; }

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  -webkit-transition: color .2s;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px; }

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc; }

.fancybox-button:hover {
  color: #fff; }

.fancybox-button:focus {
  outline: none; }

.fancybox-button.fancybox-focus {
  outline: 1px dotted; }

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none; }

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%; }

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0; }

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none; }

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none; }

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401; }

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1; }

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0; }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none; }

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background: transparent;
  height: 100px;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px; }

.fancybox-navigation .fancybox-button div {
  background: rgba(30, 30, 30, 0.6);
  height: 100%;
  padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0; }

/* Caption */
.fancybox-caption {
  bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 25px 44px 25px 44px;
  right: 0; }

.fancybox-caption::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
  background-repeat: repeat-x;
  background-size: contain;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -25px;
  z-index: -1; }

.fancybox-caption::after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  content: '';
  display: block;
  left: 44px;
  position: absolute;
  right: 44px;
  top: 0; }

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none; }

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline; }

/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  border: 6px solid rgba(100, 100, 100, 0.5);
  border-radius: 100%;
  border-top-color: #fff;
  height: 60px;
  left: 50%;
  margin: -30px 0 0 -30px;
  opacity: .6;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 60px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Transition effects */
.fancybox-animated {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px; }
  .fancybox-slide--image {
    padding: 6px 0 0 0; }
  .fancybox-slide--image .fancybox-content {
    margin-bottom: 6px; }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px; } }

/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center; }

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0; }

.fancybox-share p {
  margin: 0;
  padding: 0; }

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap; }

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff; }

.fancybox-share__button:hover {
  text-decoration: none; }

.fancybox-share__button--fb {
  background: #3b5998; }

.fancybox-share__button--fb:hover {
  background: #344e86; }

.fancybox-share__button--pt {
  background: #bd081d; }

.fancybox-share__button--pt:hover {
  background: #aa0719; }

.fancybox-share__button--tw {
  background: #1da1f2; }

.fancybox-share__button--tw:hover {
  background: #0d95e8; }

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px; }

.fancybox-share__button svg path {
  fill: #fff; }

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%; }

/* Thumbs */
.fancybox-thumbs {
  background: #fff;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 212px;
  z-index: 99995; }

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs {
  display: block; }

.fancybox-show-thumbs .fancybox-inner {
  right: 212px; }

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%; }

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px; }

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px; }

.fancybox-thumbs__list a::before {
  border: 4px solid #4ea7f9;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991; }

.fancybox-thumbs__list a:focus::before {
  opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 768px) {
  .fancybox-thumbs {
    width: 110px; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px); } }

.about {
  max-width: 1150px;
  width: 100%;
  margin: 0 auto 90px; }
  @media only screen and (max-width: 1250px) {
    .about {
      padding: 0 15px; } }
  .about__main-image {
    text-align: center;
    margin-bottom: 45px; }

.about-content__title {
  font-weight: 500;
  font-size: 24px;
  color: #02A596;
  text-align: center;
  margin: 0 auto 30px; }

.content-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 85px; }
  @media only screen and (max-width: 991px) {
    .content-block {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .content-block--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    @media only screen and (max-width: 991px) {
      .content-block--reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .content-block--reverse .content-block__image {
      margin: 0 30px 0 0; }
      @media only screen and (max-width: 991px) {
        .content-block--reverse .content-block__image {
          -ms-flex-preferred-size: auto;
          flex-basis: auto;
          margin: 0 auto 30px; } }
  .content-block__text {
    max-width: 566px;
    width: 100%;
    -ms-flex-preferred-size: 566px;
    flex-basis: 566px;
    line-height: 32px;
    font-size: 16px;
    color: #333;
    max-height: 330px;
    overflow: hidden; }
    @media only screen and (max-width: 991px) {
      .content-block__text {
        -ms-flex-preferred-size: auto;
        flex-basis: auto; } }
    @media only screen and (max-width: 767px) {
      .content-block__text {
        font-size: 14px;
        line-height: 19px; } }
  .content-block__image {
    max-width: 455px;
    width: 100%;
    -ms-flex-preferred-size: 455px;
    flex-basis: 455px;
    margin-left: 30px;
    -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.08); }
    @media only screen and (max-width: 991px) {
      .content-block__image {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: 0 auto 30px; } }

.main-triggers--about .about-content__title {
  text-transform: uppercase; }

.main-triggers--about .main-triggers__item {
  max-width: 33%;
  -ms-flex-preferred-size: 33%;
  flex-basis: 33%; }
  @media only screen and (max-width: 991px) {
    .main-triggers--about .main-triggers__item {
      max-width: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; } }
  @media only screen and (max-width: 580px) {
    .main-triggers--about .main-triggers__item {
      max-width: 100%;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; } }

.about-gallery__title {
  font-weight: 500;
  font-size: 24px;
  text-transform: uppercase;
  color: #02A596;
  text-align: center;
  margin-bottom: 35px; }

.about-gallery__btn {
  position: absolute;
  bottom: -20px;
  width: 112px;
  height: 94px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 4px rgba(51, 51, 51, 0.08);
  box-shadow: 0px 1px 4px rgba(51, 51, 51, 0.08);
  z-index: 2;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  @media only screen and (max-width: 767px) {
    .about-gallery__btn {
      width: 65px;
      height: 46px; } }
  .about-gallery__btn svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 10px;
    height: 18px;
    fill: #000; }
  @media only screen and (min-width: 1025px) {
    .about-gallery__btn:hover {
      background: #E6F6F9; } }

.about-gallery__next-btn {
  right: -10px; }

.about-gallery__prev-btn {
  right: 102px; }
  @media only screen and (max-width: 767px) {
    .about-gallery__prev-btn {
      right: 55px; } }

.area__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 1155px;
  width: 100%;
  margin: 0 auto 90px; }
  @media only screen and (max-width: 1250px) {
    .area__inner {
      padding: 0 15px; } }
  @media only screen and (max-width: 767px) {
    .area__inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

.area__sidebar {
  max-width: 360px;
  width: 100%;
  -ms-flex-preferred-size: 360px;
  flex-basis: 360px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px;
  margin-right: 40px; }
  @media only screen and (max-width: 1023px) {
    .area__sidebar {
      max-width: 300px;
      -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
      -ms-flex-negative: 0;
      flex-shrink: 0; } }
  @media only screen and (max-width: 767px) {
    .area__sidebar {
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      max-width: 100%;
      margin: 0 auto 30px; } }

.area__nav-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.area__nav-item {
  font-weight: 900;
  font-size: 16px;
  text-transform: uppercase;
  border-top: 1px dotted rgba(151, 151, 151, 0.5);
  padding: 22px; }
  .area__nav-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: rgba(51, 51, 51, 0.5);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
  .area__nav-item svg {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 24px;
    height: 24px;
    fill: rgba(51, 51, 51, 0.5);
    margin-right: 25px; }
  @media only screen and (min-width: 1025px) {
    .area__nav-item:hover a {
      color: #02A596; }
    .area__nav-item:hover svg {
      fill: #02A596; } }
  .area__nav-item.active a {
    color: #02A596; }
  .area__nav-item.active svg {
    fill: #02A596; }

.area__user {
  padding: 15px;
  text-align: center; }

.area__user-name {
  font-weight: bold;
  font-size: 14px;
  color: #333; }

.area__user-image {
  position: relative;
  width: 123px;
  height: 119px;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px;
  margin: 0 auto 30px; }

.area__user-text {
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  color: #333; }

.area__main {
  max-width: 745px;
  width: 100%;
  -ms-flex-preferred-size: 745px;
  flex-basis: 745px;
  min-width: 0; }
  @media only screen and (max-width: 767px) {
    .area__main {
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      max-width: 100%; } }

.password-change {
  background: #fff;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px;
  padding: 35px 42px 50px; }
  @media only screen and (max-width: 767px) {
    .password-change {
      padding: 35px 20px 50px; } }
  .password-change__title {
    font-weight: 900;
    font-size: 18px;
    text-transform: uppercase;
    color: #02A596;
    margin-bottom: 25px; }
  .password-change__form {
    max-width: 315px;
    width: 100%; }
    .password-change__form .submit-btn {
      margin: 0; }
      @media only screen and (max-width: 767px) {
        .password-change__form .submit-btn {
          margin: 0 auto; } }

.area-info {
  background: #fff;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px;
  padding: 35px 50px 50px 42px; }
  @media only screen and (max-width: 767px) {
    .area-info {
      padding: 35px 20px 50px; } }
  .area-info__form .submit-btn {
    margin: 0; }
    @media only screen and (max-width: 1023px) {
      .area-info__form .submit-btn {
        margin: 0 auto; } }

.form-block__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -10px; }
  .form-block__inner .form-block {
    max-width: 315px;
    width: 100%;
    margin: 0 10px 28px; }
    @media only screen and (max-width: 1250px) {
      .form-block__inner .form-block {
        max-width: 265px; } }
    @media only screen and (max-width: 1023px) {
      .form-block__inner .form-block {
        max-width: 100%; } }
    .form-block__inner .form-block .select {
      padding: 16px 20px;
      border: 1px solid rgba(1, 161, 191, 0.35);
      border-radius: 3px;
      font-size: 14px; }
      .form-block__inner .form-block .select::after {
        border-bottom: 1px solid #333;
        border-right: 1px solid #333; }
      .form-block__inner .form-block .select .select__list {
        -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
        box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
        max-height: 200px;
        overflow-y: auto; }
        .form-block__inner .form-block .select .select__list .select__item {
          padding: 15px 20px; }
        .form-block__inner .form-block .select .select__list .select__item--disabled {
          display: none; }

.add-new__icon {
  width: 70px;
  height: 70px;
  margin-bottom: 20px;
  border: 4px solid rgba(5, 170, 106, 0.2);
  border-radius: 50%; }
  .add-new__icon svg {
    width: 62px;
    height: 62px;
    fill: rgba(5, 170, 106, 0.2); }

.add-new__text {
  font-weight: 900;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  color: #02A596; }

.my-pets__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 767px) {
    .my-pets__list {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.my-pets__item {
  background: #fff;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px;
  max-width: 232px;
  width: 100%;
  -ms-flex-preferred-size: 232px;
  flex-basis: 232px;
  min-height: 183px;
  padding: 34px 26px 25px;
  margin: 0 7px 20px; }
  @media only screen and (max-width: 1250px) {
    .my-pets__item {
      max-width: 200px;
      -ms-flex-preferred-size: 200px;
      flex-basis: 200px; } }
  @media only screen and (max-width: 1023px) {
    .my-pets__item {
      max-width: 185px;
      -ms-flex-preferred-size: 185px;
      flex-basis: 185px; } }
  @media only screen and (max-width: 767px) {
    .my-pets__item {
      max-width: 232px;
      -ms-flex-preferred-size: 232px;
      flex-basis: 232px; } }
  .my-pets__item--add-new {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    background: -webkit-gradient(linear, left top, right top, from(rgba(5, 170, 106, 0.1)), to(rgba(0, 164, 192, 0.1)));
    background: linear-gradient(90deg, rgba(5, 170, 106, 0.1) 0%, rgba(0, 164, 192, 0.1) 100%); }

.my-pets__image {
  width: 109px;
  height: 105px;
  position: relative;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px;
  margin: 0 auto 30px; }

.my-pets__name {
  font-weight: 900;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #02A596;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.my-pets__edit-button {
  cursor: pointer;
  margin-left: 8px; }
  .my-pets__edit-button svg {
    width: 12px;
    height: 12px;
    fill: #979797;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
  @media only screen and (min-width: 1025px) {
    .my-pets__edit-button:hover svg {
      fill: #1AAAC5; } }

.my-pets__breed {
  font-size: 14px;
  text-align: center;
  color: rgba(51, 51, 51, 0.5);
  margin-bottom: 12px; }

.my-pets__qunt {
  line-height: 18px;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.5);
  text-align: left;
  margin-bottom: 14px; }

.my-pets__date {
  font-size: 14px;
  color: rgba(51, 51, 51, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .my-pets__date svg {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    fill: rgba(51, 51, 51, 0.5); }

.orders-history__block {
  width: 745px; }

.orders-history__item {
  border: 1px solid rgba(1, 161, 191, 0.5);
  border-radius: 3px;
  margin-bottom: 20px; }
  .orders-history__item.active .orders-history__title {
    background: rgba(1, 161, 191, 0.2); }
  .orders-history__item.active .orders-history__icon::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg); }

.orders-history__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 500;
  font-size: 14px;
  color: #333;
  height: 45px;
  min-height: 46px;
  padding-left: 35px;
  cursor: pointer; }

.orders-history__inner {
  height: 0;
  overflow: hidden;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.orders-history__icon {
  position: relative;
  width: 54px;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(1, 161, 191, 0.5)), to(rgba(5, 170, 106, 0.5)));
  background: linear-gradient(180deg, rgba(1, 161, 191, 0.5) 0%, rgba(5, 170, 106, 0.5) 100%);
  border-radius: 3px; }
  .orders-history__icon::after {
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    content: '';
    display: block;
    height: 7px;
    width: 7px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 23px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }

.orders-history__title-item {
  position: relative; }
  .orders-history__title-item::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 19px;
    background: #01A1BF;
    top: -1px;
    right: -32px; }

.orders-history__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-left: 50px; }

.orders-history__head-item {
  font-size: 12px;
  color: #333;
  text-align: center; }

.order__item {
  padding: 20px 38px 15px 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px dotted rgba(151, 151, 151, 0.5); }

.order__name {
  font-weight: bold;
  font-size: 12px;
  color: #333;
  margin-bottom: 10px; }

.order__date {
  font-size: 12px;
  margin-bottom: 10px;
  color: #333333; }

.order__info {
  max-width: 355px;
  width: 100%;
  -ms-flex-preferred-size: 355px;
  flex-basis: 355px; }

.order__title {
  font-weight: bold;
  color: #333;
  font-size: 12px;
  margin-bottom: 15px; }
  .order__title a {
    color: #333;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .order__title a:hover {
        color: #1AAA6D; } }

.order__code {
  font-size: 12px;
  color: #333;
  margin-bottom: 10px; }

.order__omia {
  font-size: 12px;
  color: #333;
  margin-bottom: 10px; }

.order__breed {
  font-size: 12px;
  color: #333;
  margin-bottom: 10px; }

.order__time {
  font-size: 12px;
  color: #333;
  margin-bottom: 10px; }

.order__price-box {
  font-size: 12px;
  color: #333; }

.order__print {
  cursor: pointer; }
  .order__print svg {
    width: 30px;
    height: 24px;
    fill: #1AAA6D;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
  @media only screen and (min-width: 1025px) {
    .order__print:hover svg {
      fill: #1AAAC5; } }

.order__bottom {
  padding: 25px 120px 25px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.order__content-item {
  font-size: 12px;
  color: #333;
  margin-bottom: 10px; }
  .order__content-item:last-of-type {
    margin-bottom: 0; }

.order__total {
  font-size: 12px;
  color: #333; }
  .order__total span {
    font-weight: bold;
    font-size: 14px; }

.catalog__dropdown {
  position: absolute;
  top: 100%;
  background: transparent;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out; }
  .catalog__dropdown.active {
    visibility: visible;
    overflow: visible;
    opacity: 1; }
  @media only screen and (max-width: 767px) {
    .catalog__dropdown {
      left: 0;
      width: 100%;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.catalog__list {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff; }
  @media only screen and (max-width: 767px) {
    .catalog__list {
      width: 100%; } }
  .catalog__list li {
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .catalog__list li a {
      position: relative;
      display: block;
      font-size: 14px;
      color: #3F3F3F;
      text-decoration: none;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .catalog__list li a.main-cat {
        font-weight: bold;
        text-transform: uppercase;
        color: #92C289; }
        .catalog__list li a.main-cat::before {
          display: none; }
        .catalog__list li a.main-cat span {
          display: none; }

.catalog__first-level {
  max-height: 478px;
  overflow: hidden; }
  @media all and (-ms-high-contrast: none) {
    .catalog__first-level {
      height: 485px; } }
  @media only screen and (max-width: 767px) {
    .catalog__first-level {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .catalog__first-level .catalog__list {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  .catalog__first-level .catalog__list li {
    position: relative;
    height: 160px;
    width: 140px;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    padding: 28px 15px; }
    @media only screen and (max-width: 767px) {
      .catalog__first-level .catalog__list li {
        padding: 28px 10px; } }
    .catalog__first-level .catalog__list li::after {
      content: '';
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: 0;
      width: 112px;
      height: 1px;
      background: rgba(0, 0, 0, 0.1); }
    .catalog__first-level .catalog__list li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #333;
      padding: 0;
      text-align: center; }
      .catalog__first-level .catalog__list li a .icon {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: rgba(51, 51, 51, 0.1); }
        .catalog__first-level .catalog__list li a .icon svg {
          width: 50px;
          height: 42px;
          fill: #333; }
    .catalog__first-level .catalog__list li:last-of-type::after {
      display: none; }
    .catalog__first-level .catalog__list li.catalog__list-item {
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      .catalog__first-level .catalog__list li.catalog__list-item--dog a {
        color: #01A1BF; }
        .catalog__first-level .catalog__list li.catalog__list-item--dog a .icon {
          background: rgba(1, 161, 191, 0.3); }
          .catalog__first-level .catalog__list li.catalog__list-item--dog a .icon svg {
            width: 50px;
            height: 42px;
            fill: #19A9C4; }
      @media only screen and (min-width: 1025px) {
        .catalog__first-level .catalog__list li.catalog__list-item--dog:hover {
          background: #D6F0F7; } }
      .catalog__first-level .catalog__list li.catalog__list-item--cat a {
        color: #05AA6A; }
        .catalog__first-level .catalog__list li.catalog__list-item--cat a .icon {
          background: #F3FBF7; }
          .catalog__first-level .catalog__list li.catalog__list-item--cat a .icon svg {
            width: 50px;
            height: 42px;
            fill: rgba(25, 170, 109, 0.5); }
      @media only screen and (min-width: 1025px) {
        .catalog__first-level .catalog__list li.catalog__list-item--cat:hover {
          background: rgba(25, 170, 109, 0.1); } }
      .catalog__first-level .catalog__list li.catalog__list-item--bird a {
        color: #EAB956; }
        .catalog__first-level .catalog__list li.catalog__list-item--bird a .icon {
          background: #FCF7EE; }
          .catalog__first-level .catalog__list li.catalog__list-item--bird a .icon svg {
            width: 50px;
            height: 42px;
            fill: rgba(234, 185, 86, 0.5); }
      @media only screen and (min-width: 1025px) {
        .catalog__first-level .catalog__list li.catalog__list-item--bird:hover {
          background: rgba(234, 185, 86, 0.05); } }

.catalog__second-level {
  max-height: 478px;
  max-width: 950px;
  overflow: hidden; }
  @media only screen and (max-width: 1450px) {
    .catalog__second-level {
      max-width: 645px; } }
  @media only screen and (max-width: 1023px) {
    .catalog__second-level {
      max-width: 285px; } }
  @media only screen and (max-width: 767px) {
    .catalog__second-level {
      max-width: 100%; } }

.back-btn {
  position: relative;
  padding: 14px 30px;
  cursor: pointer;
  color: #92C289;
  display: none; }
  @media only screen and (max-width: 1023px) {
    .back-btn {
      display: block; } }
  .back-btn::after {
    border-bottom: 1px solid #92C289;
    border-right: 1px solid #92C289;
    content: '';
    display: block;
    height: 7px;
    width: 7px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }

.sub-list {
  background: #fff;
  height: 478px;
  padding: 35px 100px;
  z-index: 3;
  overflow: hidden; }
  @media only screen and (max-width: 1450px) {
    .sub-list {
      padding: 35px 20px; } }
  @media only screen and (max-width: 1023px) {
    .sub-list {
      padding: 25px 20px; } }
  @media only screen and (max-width: 767px) {
    .sub-list {
      overflow-y: auto; } }
  .sub-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .sub-list ul li {
      max-width: 332px;
      font-size: 16px;
      width: 100%;
      -ms-flex-preferred-size: 332px;
      flex-basis: 332px;
      margin-right: 20px; }
      @media only screen and (max-width: 1450px) {
        .sub-list ul li {
          max-width: 250px;
          -ms-flex-preferred-size: 250px;
          flex-basis: 250px; } }
      @media only screen and (max-width: 767px) {
        .sub-list ul li {
          -ms-flex-preferred-size: auto;
          flex-basis: auto;
          max-width: 100%; } }
      .sub-list ul li a {
        padding: 21px 0;
        color: #333;
        border-bottom: 1px dotted #333333; }
        @media only screen and (max-width: 767px) {
          .sub-list ul li a {
            padding: 13px 0; } }
        @media only screen and (min-width: 1025px) {
          .sub-list ul li a:hover {
            text-decoration: underline; } }

.catalog__second-level .sub-list:nth-child(1) {
  background: #F1F9FB; }
  @media only screen and (min-width: 1025px) {
    .catalog__second-level .sub-list:nth-child(1) ul li a:hover {
      color: #01A1BF; } }

.catalog__second-level .sub-list:nth-child(2) {
  background: #F3FBF7; }
  @media only screen and (min-width: 1025px) {
    .catalog__second-level .sub-list:nth-child(2) ul li a:hover {
      color: #1AAA6D; } }

.catalog__second-level .sub-list:nth-child(3) {
  background: #FCF7EE; }
  @media only screen and (min-width: 1025px) {
    .catalog__second-level .sub-list:nth-child(3) ul li a:hover {
      color: #EAB956; } }

.sub-list-1 {
  background: #F1F9FB; }
  @media only screen and (min-width: 1025px) {
    .sub-list-1 ul li a:hover {
      color: #01A1BF; } }

.sub-list-2 {
  background: #F3FBF7; }
  @media only screen and (min-width: 1025px) {
    .sub-list-2 ul li a:hover {
      color: #1AAA6D; } }

.sub-list-3 {
  background: #FCF7EE; }
  @media only screen and (min-width: 1025px) {
    .sub-list-3 ul li a:hover {
      color: #EAB956; } }

.catalog {
  max-width: 1230px;
  padding: 0 15px;
  margin: 0 auto 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .catalog-item {
    width: 265px;
    padding: 50px 54px 27px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    text-decoration: none;
    color: #333;
    font-size: 18px;
    line-height: 26px;
    margin: 0 15px 25px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .catalog-item__thumb {
      margin-bottom: 48px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      min-height: 80px; }
    .catalog-item:hover {
      -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
      color: #05AA6A; }
  @media only screen and (max-width: 1230px) {
    .catalog {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.checkout {
  max-width: 1010px;
  width: 100%;
  margin: 0 auto; }
  @media only screen and (max-width: 1024px) {
    .checkout {
      padding: 0 15px; } }
  @media only screen and (max-width: 767px) {
    .checkout {
      margin-bottom: 50px; } }
  .checkout__form .form-block .select {
    padding: 16px 20px;
    border: 1px solid rgba(1, 161, 191, 0.35); }
    .checkout__form .form-block .select .select__item {
      padding: 15px 20px; }
  .checkout .wraper {
    padding-top: 0;
    overflow: visible; }
  .checkout .hedding-block {
    margin: 0 0 40px;
    padding: 0; }
  .checkout .breadcrumb {
    text-align: left; }
  .checkout .main-title {
    text-align: left; }
  .checkout .footer {
    display: none; }
  .checkout .header {
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 40px; }
    .checkout .header .adding-pet__button {
      display: none; }
    .checkout .header__inner {
      padding: 0; }
      @media only screen and (max-width: 767px) {
        .checkout .header__inner {
          padding: 10px 0; } }
    .checkout .header .services-menu__wrap,
    .checkout .header .main-menu__wrap,
    .checkout .header .header__options,
    .checkout .header .search,
    .checkout .header .basket {
      display: none; }
    .checkout .header .login {
      display: block;
      margin-left: 10px; }
      .checkout .header .login.logged span {
        display: block; }
        @media only screen and (max-width: 767px) {
          .checkout .header .login.logged span {
            display: none; } }
    .checkout .header .header__bottom,
    .checkout .header .main-menu__button {
      display: none; }
    @media only screen and (max-width: 359px) {
      .checkout .header .logo {
        width: 120px; } }

.checkout-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .checkout-block {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .checkout-block__steps {
    max-width: 460px;
    width: 100%;
    -ms-flex-preferred-size: 460px;
    flex-basis: 460px;
    margin-right: 30px; }
    @media only screen and (max-width: 1024px) {
      .checkout-block__steps {
        max-width: 380px;
        -ms-flex-preferred-size: 380px;
        flex-basis: 380px; } }
    @media only screen and (max-width: 767px) {
      .checkout-block__steps {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: 0 auto; } }
  .checkout-block__step {
    padding-bottom: 45px;
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .checkout-block__step {
        padding-bottom: 25px;
        margin-bottom: 15px; } }
    .checkout-block__step.disabled {
      padding-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .checkout-block__step.disabled .checkout-block__step-title {
        color: rgba(51, 51, 51, 0.5); }
        .checkout-block__step.disabled .checkout-block__step-title span {
          background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#333333));
          background: linear-gradient(90deg, #FFFFFF 0%, #333333 100%);
          opacity: 0.5; }
      .checkout-block__step.disabled .checkout-block__step-content {
        display: none; }
  .checkout-block__step-1 {
    border-bottom: 1px dotted rgba(151, 151, 151, 0.5); }
  .checkout-block__step-title {
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .checkout-block__step-title span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding-right: 5px;
      width: 50px;
      height: 31px;
      background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
      background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
      font-weight: 900;
      font-size: 18px;
      color: #fff;
      opacity: 0.5;
      margin-right: 25px; }
  .checkout-block__step-content .submit-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    cursor: pointer; }
  .checkout-block__step-content form .form-block {
    position: relative; }
    .checkout-block__step-content form .form-block .form-label {
      position: absolute;
      left: 20px;
      top: 18px;
      font-size: 14px;
      color: #333;
      opacity: 0.5;
      -webkit-transition: .15s ease-in-out;
      transition: .15s ease-in-out;
      z-index: 2;
      pointer-events: none; }
    .checkout-block__step-content form .form-block .main-input:focus + .form-label {
      top: -14px;
      left: 0;
      font-size: 10px; }
    .checkout-block__step-content form .form-block .main-input.value + .form-label {
      top: -14px;
      left: 0;
      font-size: 10px; }

.checkout-basket {
  max-width: 460px;
  width: 100%;
  -ms-flex-preferred-size: 460px;
  flex-basis: 460px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px; }
  .checkout-basket__list {
    max-height: 485px;
    overflow-x: hidden;
    overflow-y: auto; }
    .checkout-basket__list .mCSB_inside > .mCSB_container {
      margin-right: 0; }
    .checkout-basket__list .mCSB_scrollTools {
      right: -6px; }
  .checkout-basket__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 28px 30px 10px 80px;
    border-bottom: 1px dotted rgba(151, 151, 151, 0.5); }
    @media only screen and (max-width: 767px) {
      .checkout-basket__item {
        padding: 25px 20px 10px 25px; } }
  .checkout-basket__delete {
    position: absolute;
    left: 30px;
    bottom: 50px;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .checkout-basket__delete {
        left: 9px;
        bottom: 50px; } }
    .checkout-basket__delete svg {
      width: 8px;
      height: 8px;
      fill: #333;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .checkout-basket__delete:hover svg {
        fill: #1AAAC5; } }
  .checkout-basket__image {
    width: 73px;
    height: 73px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px; }
  .checkout-basket__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 340px;
    width: 100%;
    -ms-flex-preferred-size: 340px;
    flex-basis: 340px; }
  .checkout-basket__title {
    max-width: 200px;
    width: 100%;
    font-weight: bold;
    line-height: normal;
    font-size: 12px;
    color: #333;
    margin-bottom: 6px; }
    .checkout-basket__title a {
      text-decoration: none;
      color: #333; }
      @media only screen and (min-width: 1025px) {
        .checkout-basket__title a:hover {
          color: #1AAA6D;
          text-decoration: underline; } }
  .checkout-basket__code {
    font-size: 10px;
    color: #333;
    margin-bottom: 8px; }
  .checkout-basket__pet {
    font-size: 12px;
    font-weight: bold;
    color: #333; }
    .checkout-basket__pet span {
      font-weight: 400; }
  .checkout-basket__price {
    margin-left: auto;
    font-size: 14px;
    font-weight: bold;
    color: rgba(51, 51, 51, 0.5); }
  .checkout-basket__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 25px 30px; }
  .checkout-basket__total-text {
    font-size: 14px;
    color: rgba(51, 51, 51, 0.5); }
  .checkout-basket__total-price {
    font-size: 16px;
    font-weight: bold;
    color: #05AA6A; }
  .checkout-basket__finish {
    padding: 35px 70px 33px;
    text-align: center; }
    .checkout-basket__finish .submit-btn {
      max-width: 100%; }
    @media only screen and (max-width: 767px) {
      .checkout-basket__finish {
        padding: 25px 20px 23px; } }
  .checkout-basket__finish-qunt {
    font-weight: bold;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px; }
    .checkout-basket__finish-qunt span {
      color: #1AAA6D; }
  .checkout-basket__finish-total {
    font-weight: bold;
    font-size: 18px;
    color: #333;
    margin-bottom: 20px; }
    .checkout-basket__finish-total span {
      color: #1AAA6D; }

.radio-block__wrap {
  max-width: 285px;
  width: 100%; }

.radio-block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px dotted rgba(151, 151, 151, 0.5);
  margin-bottom: 30px; }
  .radio-block__item:nth-child(2) {
    border-bottom: none; }
  @media only screen and (max-width: 767px) {
    .radio-block__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .radio-block__item .radio-block {
    border: none; }
    .radio-block__item .radio-block input[type="radio"] + label {
      padding: 0 0 25px;
      font-size: 14px;
      font-weight: 400;
      color: rgba(51, 51, 51, 0.5); }
      .radio-block__item .radio-block input[type="radio"] + label::before {
        width: 20px;
        height: 20px;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
    .radio-block__item .radio-block input[type="radio"]:checked + label {
      color: #333; }

.radio-block__title {
  font-weight: bold;
  font-size: 14px;
  color: #333;
  width: 180px;
  margin-right: 5px; }
  @media only screen and (max-width: 767px) {
    .radio-block__title {
      margin: 0 0 20px; } }

.delivery-block {
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .delivery-block .form-block .select {
    padding: 9px 15px;
    border: 1px solid rgba(1, 161, 191, 0.35);
    font-size: 12px;
    border-radius: 3px; }
    .delivery-block .form-block .select .select__item {
      padding: 10px 15px; }
  .delivery-block #wrap_np_city {
    margin: 0 0 10px; }
  @media only screen and (max-width: 1024px) {
    .delivery-block {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-bottom: 15px; } }
  .delivery-block.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .delivery-block .form-block {
    margin-right: 10px; }
    .delivery-block .form-block:last-of-type {
      margin-right: 0; }
    @media only screen and (max-width: 1024px) {
      .delivery-block .form-block {
        margin: 0 auto 5px; } }
  .delivery-block input {
    height: 32px;
    font-size: 12px;
    padding: 0 5px; }
  .delivery-block input[name="street"] {
    width: 130px; }
    @media only screen and (max-width: 1024px) {
      .delivery-block input[name="street"] {
        width: 100%; } }
  .delivery-block input[name="house"] {
    width: 60px; }
    @media only screen and (max-width: 1024px) {
      .delivery-block input[name="house"] {
        width: 100%; } }
  .delivery-block input[name="flat"] {
    width: 66px; }
    @media only screen and (max-width: 1024px) {
      .delivery-block input[name="flat"] {
        width: 100%; } }

.add-comment-inner {
  padding-top: 22px;
  border-top: 1px dotted rgba(151, 151, 151, 0.5); }
  .add-comment-inner .form-block--textarea {
    display: none; }

.add-comment {
  font-size: 14px;
  color: #01A1BF;
  margin-bottom: 15px;
  cursor: pointer; }

.main-textarea {
  font-family: 'Roboto', sans-serif;
  width: 100%;
  height: 150px;
  border: 1px solid rgba(1, 161, 191, 0.35);
  color: #333;
  resize: none;
  padding: 20px 24px; }
  .main-textarea::-webkit-input-placeholder {
    color: rgba(51, 51, 51, 0.5); }
  .main-textarea::-moz-placeholder {
    color: rgba(51, 51, 51, 0.5); }
  .main-textarea::-ms-input-placeholder {
    color: rgba(51, 51, 51, 0.5); }
  .main-textarea::placeholder {
    color: rgba(51, 51, 51, 0.5); }

.edit-step {
  font-size: 12px;
  color: #01A1BF;
  text-decoration: none;
  border-bottom: 1px dotted rgba(151, 151, 151, 0.5);
  margin: 10px 35px 0 0;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  @media only screen and (min-width: 1025px) {
    .edit-step:hover {
      color: #1AAA6D; } }

.checkout-done {
  text-align: center;
  margin-bottom: 75px; }
  @media only screen and (max-width: 1023px) {
    .checkout-done {
      padding: 0 15px; } }
  @media only screen and (max-width: 767px) {
    .checkout-done__image {
      margin-bottom: 15px; } }
  .checkout-done__title {
    font-weight: 900;
    font-size: 24px;
    color: #02A596;
    margin-bottom: 15px;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .checkout-done__title {
        font-size: 18px; } }
  .checkout-done__text {
    font-weight: 500;
    font-size: 18px;
    color: #333;
    margin-bottom: 50px; }
    @media only screen and (max-width: 767px) {
      .checkout-done__text {
        margin-bottom: 25px;
        font-size: 14px; } }
  .checkout-done__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media only screen and (max-width: 767px) {
      .checkout-done__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .checkout-done__buttons a {
      margin: 0 25px; }
      @media only screen and (max-width: 767px) {
        .checkout-done__buttons a {
          margin: 10px auto;
          max-width: 320px; } }
    .checkout-done__buttons .submit-btn {
      max-width: 320px;
      text-decoration: none;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }

.promocode-block {
  background: #E6F6F9;
  border-radius: 0px 5px 0px 0px;
  padding: 30px 38px 36px;
  margin-bottom: 22px; }
  @media only screen and (max-width: 1023px) {
    .promocode-block {
      padding: 20px 18px 26px; } }
  .promocode-block__title {
    font-weight: bold;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px; }
  .promocode-block__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .promocode-block__form .submit-btn {
      max-width: 150px;
      height: 32px; }
      @media only screen and (max-width: 1023px) {
        .promocode-block__form .submit-btn {
          width: 100px;
          font-size: 10px; } }
  .promocode-block__input {
    max-width: 257px;
    width: 1000%;
    height: 32px;
    margin-right: 12px;
    padding: 0 13px;
    border-radius: 3px;
    border: 1px solid rgba(1, 161, 191, 0.35);
    font-size: 12px;
    color: #333333; }

#collapse-checkout-confirm {
  padding: 35px 0; }
  #collapse-checkout-confirm .btn.btn-primary {
    max-width: 240px;
    width: 100%;
    height: 50px;
    background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
    background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
    border-radius: 5px;
    font-weight: 900;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    display: block;
    border: none;
    margin: 0 auto;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      #collapse-checkout-confirm .btn.btn-primary:hover {
        background: #1AAAC5; } }

.contacts-page .footer {
  display: none; }

.contacts-page .wraper {
  padding-top: 0; }

.contacts #map {
  height: 900px;
  min-height: 100vh; }
  @media only screen and (max-width: 767px) {
    .contacts #map {
      height: 100vh; } }

.contacts .footer-block__top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

@media only screen and (max-width: 1250px) {
  .contacts .footer-block {
    max-width: 100%; } }

.contacts-title {
  font-weight: 900;
  font-size: 40px;
  color: #fff;
  padding: 0 38px; }

.contacts-feedback {
  width: 200px;
  height: 42px;
  background: #fff;
  -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.145862);
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.145862);
  border-radius: 5px;
  text-decoration: none;
  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  @media only screen and (min-width: 1025px) {
    .contacts-feedback:hover {
      background: #1AAAC5;
      color: #fff; } }

.error .footer {
  display: none; }

.error-page {
  max-width: 965px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-top: 80px; }
  @media only screen and (max-width: 991px) {
    .error-page {
      padding: 30px 15px 50px; } }
  .error-page__image {
    margin-bottom: 15px; }
  .error-page__title {
    font-weight: 900;
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 15px; }
    @media only screen and (max-width: 767px) {
      .error-page__title {
        font-size: 20px; } }
  .error-page__text {
    line-height: 32px;
    font-size: 24px;
    text-align: center;
    color: #333;
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .error-page__text {
        font-size: 16px;
        line-height: 19px; } }
  .error-page__button {
    max-width: 240px;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
    background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .error-page__button:hover {
        background: #1AAAC5; } }

#map {
  width: 100%;
  height: 680px; }
  @media only screen and (max-width: 1250px) {
    #map {
      height: 545px; } }
  @media only screen and (max-width: 767px) {
    #map {
      height: 375px; } }

.footer {
  position: relative;
  width: 100%; }
  @media only screen and (max-width: 1250px) {
    .footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; } }
  @media only screen and (max-width: 1023px) {
    .footer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.footer-block {
  max-width: 540px;
  width: 100%;
  position: absolute;
  right: 15%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px;
  overflow: hidden; }
  @media only screen and (max-width: 1750px) {
    .footer-block {
      right: 4.1%; } }
  @media only screen and (max-width: 1450px) {
    .footer-block {
      max-width: 445px;
      width: 100%;
      right: 5%; } }
  @media only screen and (max-width: 1250px) {
    .footer-block {
      position: static;
      -webkit-transform: none;
      transform: none;
      -webkit-box-shadow: none;
      box-shadow: none; } }
  @media only screen and (max-width: 1023px) {
    .footer-block {
      max-width: 100%; } }
  .footer-block__contacts {
    padding: 2px 40px; }
    @media only screen and (max-width: 1450px) {
      .footer-block__contacts {
        padding: 0 25px; } }
  .footer-block__item {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px dotted #979797; }
    .footer-block__item:last-of-type {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-bottom: none; }
    @media only screen and (max-width: 767px) {
      .footer-block__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
  .footer-block__name {
    max-width: 135px;
    width: 100%;
    -ms-flex-preferred-size: 135px;
    flex-basis: 135px;
    font-size: 12px;
    color: rgba(51, 51, 51, 0.5);
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    @media only screen and (max-width: 1450px) {
      .footer-block__name {
        max-width: 120px;
        -ms-flex-preferred-size: 120px;
        flex-basis: 120px; } }
    @media only screen and (max-width: 767px) {
      .footer-block__name {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        text-align: center;
        margin-bottom: 10px; } }
  .footer-block__value {
    font-weight: 500;
    font-size: 14px;
    color: #333; }
    .footer-block__value address {
      font-style: normal;
      margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .footer-block__value {
        text-align: center; } }
  .footer-block__link {
    font-size: 12px;
    color: #5180AF;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .footer-block__link:hover {
        color: #1AAA6D; } }
  .footer-block__phones {
    margin-bottom: 10px; }
    .footer-block__phones a {
      color: #333;
      text-decoration: none; }
  .footer-block__email a {
    color: #333;
    text-decoration: none; }
  .footer-block__bottom {
    border-top: 1px solid rgba(151, 151, 151, 0.2);
    padding: 20px 0 25px;
    margin: 0 40px; }
    @media only screen and (max-width: 1450px) {
      .footer-block__bottom {
        margin: 0 20px; } }
  .footer-block__bottom-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .footer-block__bottom-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
  .footer-block__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px; }
    .footer-block__links a {
      text-decoration: none;
      font-size: 12px;
      color: #5180af;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      @media only screen and (min-width: 1025px) {
        .footer-block__links a:hover {
          color: #1AAA6D; } }
    @media only screen and (max-width: 767px) {
      .footer-block__links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .footer-block__links a {
          margin-bottom: 5px; } }

.socials__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.socials__item {
  margin: 0 8px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #000; }
  .socials__item svg {
    width: 15px;
    height: 15px; }
  .socials__item.facebook {
    border-color: rgba(58, 89, 152, 0.3);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .socials__item.facebook svg {
      width: 7px;
      height: 13px;
      fill: #3A5998; }
    @media only screen and (min-width: 1025px) {
      .socials__item.facebook:hover {
        border-color: #3A5998; } }
  .socials__item.instagram {
    border-color: rgba(206, 121, 220, 0.3);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .socials__item.instagram svg {
      width: 15px;
      height: 15px;
      fill: #CE79DC; }
    @media only screen and (min-width: 1025px) {
      .socials__item.instagram:hover {
        border-color: #CE79DC; } }
  .socials__item.youtube {
    border-color: rgba(212, 36, 40, 0.3);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .socials__item.youtube svg {
      width: 15px;
      height: 10px;
      fill: #d42428; }
    @media only screen and (min-width: 1025px) {
      .socials__item.youtube:hover {
        border-color: #d42428; } }
  .socials__item.twitter {
    border-color: rgba(118, 168, 233, 0.3);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .socials__item.twitter svg {
      width: 14px;
      height: 12px;
      fill: #76A9EA; }
    @media only screen and (min-width: 1025px) {
      .socials__item.twitter:hover {
        border-color: #76A9EA; } }
  .socials__item.google {
    border-color: rgba(243, 74, 56, 0.3);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .socials__item.google svg {
      width: 18px;
      height: 12px;
      fill: #F34A38; }
    @media only screen and (min-width: 1025px) {
      .socials__item.google:hover {
        border-color: #F34A38; } }
  .socials__item a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none; }
  .socials__item:first-of-type {
    margin-left: 0; }
  .socials__item:last-of-type {
    margin-right: 0; }

.copyrigt {
  font-size: 12px;
  color: rgba(51, 51, 51, 0.5); }
  @media only screen and (max-width: 767px) {
    .copyrigt {
      margin-bottom: 10px; } }

.devs {
  font-size: 12px;
  color: rgba(51, 51, 51, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  cursor: pointer;
  text-decoration: none; }
  .devs__icon-box {
    width: 90px;
    height: 14px;
    position: relative;
    overflow: hidden;
    margin-left: 10px; }
  .devs__icon {
    position: relative;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%;
    height: 100%; }
  .devs__icon-hover {
    position: relative;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%); }
  @media only screen and (min-width: 1025px) {
    .devs:hover {
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      .devs:hover .devs__icon {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%); }
      .devs:hover .devs__icon-hover {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%); } }

.contacts-block__tabs-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.contacts-block__tabs-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #E6F6F9;
  font-weight: 500;
  line-height: normal;
  font-size: 24px;
  text-transform: uppercase; }
  .contacts-block__tabs-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #C5C5C5;
    text-decoration: none;
    padding: 39.5px 0; }
  @media only screen and (max-width: 767px) {
    .contacts-block__tabs-item {
      font-size: 18px; }
      .contacts-block__tabs-item a {
        padding: 15px 0; } }
  .contacts-block__tabs-item.active {
    background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
    background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%); }
    .contacts-block__tabs-item.active a {
      color: #fff; }

.button-up {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #E6F6F9;
  -webkit-box-shadow: 0px 5px 5px rgba(51, 51, 51, 0.08);
  box-shadow: 0px 5px 5px rgba(51, 51, 51, 0.08);
  position: fixed;
  z-index: 9;
  bottom: 5%;
  right: 5%;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  visibility: hidden;
  opacity: 0;
  overflow: hidden; }
  .button-up.show {
    opacity: 1;
    visibility: visible;
    overflow: visible; }
  .button-up svg {
    width: 18px;
    height: 10px;
    fill: #000;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
  @media only screen and (min-width: 1025px) {
    .button-up:hover {
      background: #1AAAC5; }
      .button-up:hover svg {
        fill: #fff; } }

.callback {
  width: 99px;
  height: 99px;
  border-radius: 50%;
  border: 10px solid #fff;
  position: fixed;
  left: 5%;
  bottom: 5%;
  background: #81A0CD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  @media only screen and (max-width: 768px) {
    .callback {
      display: none; } }
  @media only screen and (min-width: 1025px) {
    .callback:hover {
      -webkit-box-shadow: 0px 7px 34px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 7px 34px rgba(0, 0, 0, 0.3); } }
  .callback svg {
    width: 40px;
    height: 40px;
    fill: #fff; }

.registration {
  max-width: 540px;
  width: 100%;
  margin: 0 auto 85px; }
  @media only screen and (max-width: 767px) {
    .registration {
      padding: 0 15px; } }
  .registration__text {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: #333;
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .registration__text {
        font-size: 14px;
        margin-bottom: 20px; } }
  .registration__form {
    background: #fff;
    -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
    box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
    border-radius: 5px;
    padding: 45px 65px; }
    @media only screen and (max-width: 767px) {
      .registration__form {
        padding: 30px 25px; } }
    .registration__form .submit-btn {
      max-width: 320px; }

.checkbox-block {
  margin: 0 0 35px 34px; }
  .checkbox-block input[type="checkbox"] {
    display: none; }
  .checkbox-block input[type=checkbox] + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
  .checkbox-block input[type=checkbox] + label::before {
    content: ' ';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -34px;
    width: 19px;
    height: 19px;
    display: block;
    background: #fff;
    border-radius: 5px;
    border: 2px solid #1AAA6D; }
  .checkbox-block input[type=checkbox] + label::after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: -34px;
    width: 19px;
    height: 19px;
    display: block;
    z-index: 1;
    background-color: #1AAA6D;
    background-image: url("../images/chek.png");
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 5px; }
  .checkbox-block input[type=checkbox]:checked + label::after {
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
    opacity: 1; }
  .checkbox-block input[type=checkbox]:disabled + label::before {
    background: #efefef; }

.form-link {
  display: block;
  font-size: 12px;
  color: #05AA6A;
  opacity: 0.5;
  text-align: center;
  margin: 22px auto 0;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  @media only screen and (min-width: 1025px) {
    .form-link:hover {
      color: #1AAAC5; } }

@media only screen and (max-width: 767px) {
  .recovery {
    padding: 0 15px; } }

.recovery__form-step-1 {
  background: #fff;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px;
  max-width: 712px;
  width: 100%;
  margin: 0 auto 160px;
  padding: 42px 40px 48px; }
  .recovery__form-step-1 .form-block {
    max-width: 500px;
    width: 100%;
    margin: 0 auto 30px; }
  @media only screen and (max-width: 767px) {
    .recovery__form-step-1 {
      padding: 20px 15px 25px; } }

.recovery__form-step-2 {
  max-width: 540px;
  width: 100%;
  margin: 0 auto 160px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px;
  padding: 35px 65px 115px; }
  @media only screen and (max-width: 767px) {
    .recovery__form-step-2 {
      padding: 25px 15px 55px; } }
  .recovery__form-step-2 .submit-btn {
    max-width: 320px; }

.recovery__text {
  max-width: 540px;
  width: 100%;
  margin: 0 auto 35px;
  line-height: 26px;
  font-size: 18px;
  text-align: center;
  color: #333; }
  @media only screen and (max-width: 767px) {
    .recovery__text {
      font-size: 14px;
      line-height: 19px;
      margin-bottom: 15px; } }

.recovery__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 25px 0 0; }
  @media only screen and (max-width: 767px) {
    .recovery__bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .recovery__bottom a {
    font-weight: 500;
    line-height: 20px;
    font-size: 14px;
    color: rgba(51, 51, 51, 0.5);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .recovery__bottom a:hover {
        color: #333; } }

.recovery__bottom-text {
  margin-right: 5px;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.5); }
  @media only screen and (max-width: 767px) {
    .recovery__bottom-text {
      margin: 0 auto 5px; } }

.form-input--phone {
  position: relative; }
  .form-input--phone .main-input {
    padding: 0 0 0 94px; }

.form-select__phone {
  position: absolute;
  left: 1px;
  top: 1px; }

.form-select__phone-current {
  position: relative;
  width: 77px;
  height: 48px;
  background: #e6f6f9;
  padding: 16px 20px;
  border-radius: 3px 0px 0px 3px;
  cursor: pointer; }
  .form-select__phone-current::after {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    content: '';
    height: 7px;
    width: 7px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
  .form-select__phone-current.active::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg); }

.form-select__phone-list {
  max-height: 120px;
  overflow-y: auto;
  width: 315px;
  left: 0;
  right: 0;
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  z-index: 6;
  border: 1px solid rgba(1, 161, 191, 0.35);
  border-radius: 3px;
  display: none; }
  .form-select__phone-list .mCSB_inside > .mCSB_container {
    margin-right: 0; }
  @media only screen and (max-width: 767px) {
    .form-select__phone-list {
      width: 250px; } }
  .form-select__phone-list.open {
    display: block; }

.form-select__phone-item {
  padding: 6px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  @media only screen and (min-width: 1025px) {
    .form-select__phone-item:hover {
      background: rgba(1, 161, 191, 0.1); } }
  .form-select__phone-item img {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .form-select__phone-item span {
    font-weight: 300;
    font-size: 12px;
    margin-left: 9px;
    color: #000; }

.header {
  position: absolute;
  left: 60px;
  right: 60px;
  top: 30px;
  height: 100px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px;
  margin: 0 auto;
  z-index: 7; }
  @media only screen and (max-width: 1450px) {
    .header {
      left: 40px;
      right: 40px;
      height: 80px; } }
  @media only screen and (max-width: 1250px) {
    .header {
      left: 20px;
      right: 20px;
      top: 10px; } }
  @media only screen and (max-width: 1023px) {
    .header {
      left: 0;
      right: 0;
      top: 0; } }
  @media only screen and (max-width: 767px) {
    .header {
      height: auto;
      position: static; } }
  .header__inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 30px; }
    @media only screen and (max-width: 1450px) {
      .header__inner {
        padding-left: 20px; } }
    @media only screen and (max-width: 767px) {
      .header__inner {
        padding: 20px; } }
    @media only screen and (max-width: 359px) {
      .header__inner {
        padding: 20px 10px; } }
  .header__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%; }
  .header__right {
    max-width: 870px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%; }
    @media only screen and (max-width: 1600px) {
      .header__right {
        max-width: 630px; } }
    .header__right .adding-pet__button {
      max-width: 202px;
      height: 40px; }
      @media only screen and (max-width: 1600px) {
        .header__right .adding-pet__button {
          max-width: 150px;
          font-size: 10px; } }
      @media only screen and (max-width: 1250px) {
        .header__right .adding-pet__button {
          max-width: 130px; } }
      @media only screen and (max-width: 1023px) {
        .header__right .adding-pet__button {
          display: none; } }
  .header__options {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .header__options::before {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      width: 2px;
      height: 30px;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background: rgba(151, 151, 151, 0.2); }
    @media only screen and (max-width: 767px) {
      .header__options {
        display: none; } }
  .header__bottom {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50px;
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .header__bottom {
        z-index: 2; } }
    .header__bottom .services-menu__wrap,
    .header__bottom .search,
    .header__bottom .login,
    .header__bottom .basket {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      width: 25%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0; }
    .header__bottom .services-menu__wrap {
      width: 165px;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    .header__bottom .services-menu__button {
      border-radius: 0;
      width: 100%;
      height: 100%; }
    .header__bottom .basket {
      padding: 0;
      height: 100%; }
    .header__bottom .login span {
      display: none; }

.logo {
  margin-right: 50px; }
  @media only screen and (max-width: 1700px) {
    .logo {
      margin-right: 25px;
      width: 200px; } }
  @media only screen and (max-width: 1450px) {
    .logo {
      margin-right: 20px;
      width: 158px; } }
  @media only screen and (max-width: 767px) {
    .logo {
      width: 130px; } }

.language {
  margin: 0 25px;
  position: relative; }
  @media only screen and (max-width: 1450px) {
    .language {
      margin: 0 15px; } }
  .language__current {
    padding: 0;
    border: none;
    background: transparent;
    position: relative;
    font-size: 12px;
    color: #333;
    cursor: pointer; }
    @media only screen and (max-width: 1450px) {
      .language__current {
        font-size: 11px; } }
    .language__current::after {
      border-bottom: 1px solid #000;
      border-right: 1px solid #000;
      content: '';
      height: 6px;
      width: 6px;
      margin-top: -5px;
      position: absolute;
      right: -12px;
      top: 50%;
      -webkit-transform-origin: 66% 66%;
      transform-origin: 66% 66%;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }
    .language__current.active::after {
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg); }
  .language__list {
    list-style: none;
    margin: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    background: #FFFFFF;
    padding: 7px 0;
    -webkit-box-shadow: 0px 14px 28px 0px rgba(0, 0, 0, 0.0807009);
    box-shadow: 0px 14px 28px 0px rgba(0, 0, 0, 0.0807009);
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .language__list.open {
      visibility: visible;
      opacity: 1;
      overflow: visible; }
    .language__list li button {
      background: transparent;
      border: none;
      display: block;
      font-size: 12px;
      text-transform: uppercase;
      color: #333;
      text-decoration: none;
      padding: 7px 20px;
      text-align: center;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      @media only screen and (max-width: 1450px) {
        .language__list li button {
          font-size: 11px; } }
      @media only screen and (min-width: 1025px) {
        .language__list li button:hover {
          color: #1AAA6D; } }
    .language__list a {
      display: block;
      font-size: 12px;
      text-transform: uppercase;
      color: #333;
      text-decoration: none;
      padding: 7px 20px;
      text-align: center;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      @media only screen and (max-width: 1450px) {
        .language__list a {
          font-size: 11px; } }
      @media only screen and (min-width: 1025px) {
        .language__list a:hover {
          color: #1AAA6D; } }

.currency {
  position: relative;
  margin: 0 25px; }
  .currency__current {
    padding: 0;
    border: none;
    background: transparent;
    position: relative;
    font-size: 12px;
    color: #333;
    cursor: pointer; }
    @media only screen and (max-width: 1450px) {
      .currency__current {
        font-size: 11px; } }
    .currency__current::after {
      border-bottom: 1px solid #000;
      border-right: 1px solid #000;
      content: '';
      height: 6px;
      width: 6px;
      margin-top: -5px;
      position: absolute;
      right: -12px;
      top: 50%;
      -webkit-transform-origin: 66% 66%;
      transform-origin: 66% 66%;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }
    .currency__current.active::after {
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg); }
  .currency__list {
    list-style: none;
    margin: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    background: #FFFFFF;
    padding: 7px 0;
    -webkit-box-shadow: 0px 14px 28px 0px rgba(0, 0, 0, 0.0807009);
    box-shadow: 0px 14px 28px 0px rgba(0, 0, 0, 0.0807009);
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .currency__list.open {
      visibility: visible;
      opacity: 1;
      overflow: visible; }
    .currency__list li button {
      background: transparent;
      border: none;
      display: block;
      font-size: 12px;
      text-transform: uppercase;
      color: #333;
      text-decoration: none;
      padding: 7px 20px;
      text-align: center;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      @media only screen and (max-width: 1450px) {
        .currency__list li button {
          font-size: 11px; } }
      @media only screen and (min-width: 1025px) {
        .currency__list li button:hover {
          color: #1AAA6D; } }
    .currency__list a {
      display: block;
      font-size: 12px;
      text-transform: uppercase;
      color: #333;
      text-decoration: none;
      padding: 7px 20px;
      text-align: center;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      @media only screen and (max-width: 1450px) {
        .currency__list a {
          font-size: 11px; } }
      @media only screen and (min-width: 1025px) {
        .currency__list a:hover {
          color: #1AAA6D; } }

.phones {
  position: relative; }
  @media only screen and (max-width: 1023px) {
    .phones {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .phones {
      display: block; } }
  .phones__current {
    position: relative;
    font-size: 14px;
    margin: 0 35px; }
    @media only screen and (max-width: 1700px) {
      .phones__current {
        margin: 0 15px; } }
    @media only screen and (max-width: 1450px) {
      .phones__current {
        font-size: 11px; } }
    @media only screen and (max-width: 767px) {
      .phones__current {
        font-weight: bold;
        font-size: 12px; } }
    @media only screen and (max-width: 364px) {
      .phones__current {
        font-size: 11px;
        margin: 0 15px 0 0; } }
    .phones__current a {
      color: #333;
      text-decoration: none; }
    .phones__current::after {
      cursor: pointer;
      border-bottom: 1px solid #000;
      border-right: 1px solid #000;
      content: '';
      height: 6px;
      width: 6px;
      margin-top: -5px;
      position: absolute;
      right: -12px;
      top: 50%;
      -webkit-transform-origin: 66% 66%;
      transform-origin: 66% 66%;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }
    .phones__current.active::after {
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg); }
  .phones__list {
    max-width: 172px;
    width: 100%;
    position: absolute;
    left: -10px;
    top: 100%;
    background: #FFFFFF;
    padding: 7px 0;
    -webkit-box-shadow: 0px 14px 28px 0px rgba(0, 0, 0, 0.0807009);
    box-shadow: 0px 14px 28px 0px rgba(0, 0, 0, 0.0807009);
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    z-index: 3;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    @media only screen and (max-width: 1450px) {
      .phones__list {
        width: 122px; } }
    @media only screen and (max-width: 767px) {
      .phones__list {
        width: 130px; } }
    .phones__list.open {
      visibility: visible;
      opacity: 1;
      overflow: visible; }
    .phones__list a {
      display: block;
      font-size: 14px;
      font-weight: bold;
      color: #333333;
      text-decoration: none;
      padding: 7px 10px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      @media only screen and (max-width: 1450px) {
        .phones__list a {
          font-size: 11px; } }
      @media only screen and (max-width: 767px) {
        .phones__list a {
          font-size: 12px; } }
      @media only screen and (min-width: 1025px) {
        .phones__list a:hover {
          color: #1AAA6D; } }

.services-menu__wrap {
  margin-right: 55px; }
  @media only screen and (max-width: 1700px) {
    .services-menu__wrap {
      margin-right: 35px; } }
  @media only screen and (max-width: 1450px) {
    .services-menu__wrap {
      margin-right: 15px; } }
  @media only screen and (max-width: 767px) {
    .services-menu__wrap {
      display: none; } }

.services-menu__button {
  width: 140px;
  height: 40px;
  background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
  background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
  border-radius: 5px;
  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer; }
  .services-menu__button svg {
    width: 16px;
    height: 16px;
    fill: #fff;
    margin-right: 20px; }
    @media only screen and (max-width: 767px) {
      .services-menu__button svg {
        display: none; } }
  @media only screen and (max-width: 1450px) {
    .services-menu__button {
      width: 130px; } }
  .services-menu__button.active > svg {
    display: none; }
  .services-menu__button.active .services-menu__active-btn {
    display: block; }

.services-menu__active-btn {
  width: 16px;
  height: 16px;
  margin-right: 20px;
  display: none; }

.main-menu__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 1250px) {
    .main-menu__wrap {
      position: absolute;
      top: -10px;
      left: -20px;
      background: #fff;
      max-width: 360px;
      height: 102vh;
      width: 100%;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding: 50px 50px 70px;
      -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
      box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
      z-index: 4;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      .main-menu__wrap.open {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

.main-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 1250px) {
    .main-menu__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.main-menu__item {
  margin: 0 25px;
  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase; }
  @media only screen and (max-width: 1700px) {
    .main-menu__item {
      margin: 0 10px;
      font-size: 11px; } }
  @media only screen and (max-width: 1450px) {
    .main-menu__item {
      margin: 0 8px; } }
  @media only screen and (max-width: 1250px) {
    .main-menu__item {
      margin: 15px 0;
      font-size: 20px; } }
  .main-menu__item:first-of-type {
    margin-left: 0; }
  .main-menu__item:last-of-type {
    margin-right: 0; }
  .main-menu__item a {
    text-decoration: none;
    color: #333;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .main-menu__item a:hover {
        color: #1AAA6D; } }

.main-menu__more {
  cursor: pointer;
  height: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
  width: 50px;
  height: 16px; }
  .main-menu__more svg {
    width: 21px;
    height: 5px; }
  @media only screen and (max-width: 1250px) {
    .main-menu__more {
      display: none; } }

.main-menu__button {
  display: none;
  margin-right: 15px; }
  @media only screen and (max-width: 1250px) {
    .main-menu__button {
      display: block; }
      .main-menu__button svg {
        width: 16px;
        height: 14px;
        fill: rgba(5, 170, 106, 0.5); } }

.main-menu__close {
  display: none;
  position: absolute;
  top: 30px;
  right: 20px; }
  @media only screen and (max-width: 1250px) {
    .main-menu__close {
      display: block; } }
  .main-menu__close svg {
    width: 16px;
    height: 16px;
    fill: #1AAA6D; }

.main-menu__options {
  display: none; }
  @media only screen and (max-width: 767px) {
    .main-menu__options {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: auto; }
      .main-menu__options .language {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 10px; }
        .main-menu__options .language .btn-group {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
      .main-menu__options .language__current {
        color: #1AAA6D;
        font-size: 16px; }
        .main-menu__options .language__current::after {
          display: none; }
      .main-menu__options .language__list {
        position: static;
        -webkit-transform: none;
        transform: none;
        visibility: visible;
        opacity: 1;
        overflow: visible;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-left: 5px; }
        .main-menu__options .language__list li button {
          background: transparent;
          border: none;
          font-size: 16px;
          padding: 0 10px; }
      .main-menu__options .currency {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0; }
        .main-menu__options .currency .btn-group {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
      .main-menu__options .currency__current {
        color: #1AAA6D;
        font-size: 16px; }
        .main-menu__options .currency__current::after {
          display: none; }
      .main-menu__options .currency__list {
        position: static;
        -webkit-transform: none;
        transform: none;
        visibility: visible;
        opacity: 1;
        overflow: visible;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-left: 5px; }
        .main-menu__options .currency__list li button {
          background: transparent;
          border: none;
          font-size: 16px;
          padding: 0 10px; } }

.main-menu__dropdown {
  position: absolute;
  top: 100%;
  right: -65px;
  margin-top: 20px;
  min-width: 120px;
  padding: 20px 18px;
  background: #fff;
  -webkit-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .main-menu__dropdown.open {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .main-menu__dropdown .main-menu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .main-menu__dropdown .main-menu__item {
    margin: 12px 0; }
  @media only screen and (max-width: 1250px) {
    .main-menu__dropdown {
      position: static;
      visibility: visible;
      opacity: 1;
      overflow: visible;
      -webkit-transform: none;
      transform: none;
      margin: 0;
      padding: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .main-menu__dropdown .main-menu__item {
        margin: 15px 0; } }

.search {
  position: relative;
  margin: 4px 25px 0; }
  @media only screen and (max-width: 1700px) {
    .search {
      margin: 4px 15px 0; } }
  @media only screen and (max-width: 767px) {
    .search {
      display: none;
      position: static; } }
  .search__button {
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer; }
    .search__button svg {
      width: 20px;
      height: 20px;
      fill: #000; }
      @media only screen and (max-width: 1450px) {
        .search__button svg {
          width: 16px;
          height: 16px; } }
  .search__input {
    background: #fff;
    border: none;
    height: 42px;
    padding: 0 13px;
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    width: 330px;
    position: absolute;
    z-index: 2;
    right: 100%;
    top: -11px;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    @media only screen and (max-width: 1599px) {
      .search__input {
        width: 250px;
        top: -14px; } }
    @media only screen and (max-width: 1023px) {
      .search__input {
        width: 335px; } }
    @media only screen and (max-width: 767px) {
      .search__input {
        left: 50%;
        width: 95%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -56px;
        padding: 0 20px; } }
    .search__input.open {
      opacity: 1;
      visibility: visible;
      overflow: visible; }

@media only screen and (max-width: 767px) {
  .login {
    display: none; } }

.login a {
  display: block;
  text-decoration: none; }

.login svg {
  width: 17px;
  height: 20px;
  fill: #000; }
  @media only screen and (max-width: 1450px) {
    .login svg {
      width: 14px;
      height: 16px; } }

.login.logged a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.login.logged span {
  font-size: 14px;
  color: #01A1BF;
  margin-right: 10px;
  display: none; }

.login.logged svg {
  fill: #1AAA6D; }

.basket {
  position: relative;
  margin-left: 45px;
  width: 180px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -webkit-gradient(linear, left top, right top, from(rgba(5, 170, 106, 0.05)), to(rgba(1, 161, 191, 0.05)));
  background: linear-gradient(90deg, rgba(5, 170, 106, 0.05) 0%, rgba(1, 161, 191, 0.05) 100%); }
  @media only screen and (max-width: 767px) {
    .basket {
      display: none; } }
  @media only screen and (max-width: 1700px) {
    .basket {
      width: 140px;
      margin-left: 25px; } }
  @media only screen and (max-width: 767px) {
    .basket {
      width: auto;
      padding: 0 20px; } }
  .basket__button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer; }
    .basket__button svg {
      width: 17px;
      height: 24px;
      fill: #000; }
  .basket__value {
    font-weight: 900;
    font-size: 14px;
    color: #333;
    margin-left: 20px; }
    @media only screen and (max-width: 1450px) {
      .basket__value {
        font-size: 11px; } }
    @media only screen and (max-width: 767px) {
      .basket__value {
        display: none; } }
  .basket__qunt {
    position: absolute;
    left: 11px;
    top: 6px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
    background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
    font-weight: 900;
    font-size: 10px;
    text-align: center;
    color: #fff; }

.basket-popup {
  width: 390px;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1;
  background: #fff;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .basket-popup.open {
    visibility: visible;
    opacity: 1;
    overflow: visible; }
  @media only screen and (max-width: 1450px) {
    .basket-popup .checkout-basket__list {
      max-height: 365px; } }
  @media only screen and (max-width: 767px) {
    .basket-popup {
      width: 310px;
      right: 5px; }
      .basket-popup .checkout-basket__list {
        max-height: 265px; } }
  .basket-popup__top {
    font-weight: 900;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #02A596;
    padding: 40px 0 10px; }
  .basket-popup__bottom {
    padding: 30px 15px 40px; }
    .basket-popup__bottom .submit-btn {
      max-width: 230px;
      text-decoration: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
  .basket-popup__bottom-total {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #333;
    margin-bottom: 20px; }
    .basket-popup__bottom-total span {
      font-size: 24px;
      color: #1AAA6D; }

.main-section {
  position: relative;
  margin-bottom: 80px; }
  @media only screen and (max-width: 767px) {
    .main-section {
      margin-bottom: 50px; } }
  .main-section__slider.slick-dotted.slick-slider {
    margin-bottom: 0; }
  .main-section__slide {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .main-section__slide.slick-current.slick-active .main-section__inner {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); }
      .main-section__slide.slick-current.slick-active .main-section__inner::before {
        width: 83%; }
    .main-section__slide.slick-current.slick-active .main-section__image {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    @media only screen and (max-width: 767px) {
      .main-section__slide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }
  .main-section__image {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out; }
  .main-section__content {
    max-width: 760px;
    width: 100%;
    -ms-flex-preferred-size: 760px;
    flex-basis: 760px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    @media only screen and (max-width: 767px) {
      .main-section__content {
        -ms-flex-preferred-size: auto;
        flex-basis: auto; } }
  .main-section__inner {
    padding: 160px 0 65px;
    position: relative;
    right: -215px;
    max-width: 700px;
    width: 100%;
    -ms-flex-preferred-size: 700px;
    flex-basis: 700px;
    z-index: 1;
    opacity: 0;
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
    -webkit-transition: .7s ease-in-out;
    transition: .7s ease-in-out; }
    @media only screen and (max-width: 1250px) {
      .main-section__inner {
        right: -115px; } }
    @media only screen and (max-width: 1023px) {
      .main-section__inner {
        right: -50px;
        padding: 125px 0 25px; } }
    @media only screen and (max-width: 767px) {
      .main-section__inner {
        right: 0;
        position: static;
        padding: 25px 15px; } }
    .main-section__inner::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 0;
      background: #fff;
      z-index: -1;
      -webkit-transition: 1.7s ease-in-out;
      transition: 1.7s ease-in-out; }
  .main-section__subtitle {
    position: relative;
    font-size: 16px;
    color: #333;
    padding-left: 100px;
    margin-bottom: 15px; }
    .main-section__subtitle::before {
      content: '';
      position: absolute;
      width: 82px;
      height: 1px;
      background: #979797;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    @media only screen and (max-width: 1450px) {
      .main-section__subtitle {
        padding-left: 70px; }
        .main-section__subtitle::before {
          width: 52px; } }
    @media only screen and (max-width: 1023px) {
      .main-section__subtitle {
        padding-left: 40px;
        font-size: 12px; }
        .main-section__subtitle::before {
          width: 22px; } }
  .main-section__title {
    font-weight: 900;
    font-size: 64px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 25px; }
    @media only screen and (max-width: 1700px) {
      .main-section__title {
        font-size: 46px; } }
    @media only screen and (max-width: 1450px) {
      .main-section__title {
        font-size: 38px;
        margin-bottom: 15px; } }
    @media only screen and (max-width: 1023px) {
      .main-section__title {
        font-size: 26px;
        margin-bottom: 10px; } }
  .main-section__text {
    max-width: 605px;
    width: 100%;
    line-height: 35px;
    font-size: 24px;
    color: #333;
    margin-bottom: 25px; }
    @media only screen and (max-width: 1450px) {
      .main-section__text {
        font-size: 18px;
        line-height: 25px; } }
    @media only screen and (max-width: 1023px) {
      .main-section__text {
        font-size: 14px;
        line-height: 19px; } }
  .main-section__link {
    position: relative;
    max-width: 200px;
    width: 100%;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 900;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    border-radius: 4px;
    text-decoration: none;
    background: #fff; }
    .main-section__link::after {
      position: absolute;
      top: -1px;
      bottom: -1px;
      left: -1px;
      right: -1px;
      background: -webkit-gradient(linear, left top, right top, color-stop(10%, #05AA6A), to(#01A1BF));
      background: linear-gradient(to right, #05AA6A 10%, #01A1BF 100%);
      content: '';
      z-index: -1;
      border-radius: 5px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .main-section__link:hover::after {
        background: #1AAAC5; } }
  .main-section__nav-slider {
    position: absolute;
    left: 45px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    max-width: 100px;
    width: 100%; }
    @media only screen and (max-width: 1250px) {
      .main-section__nav-slider {
        left: -10px; } }
    @media only screen and (max-width: 1023px) {
      .main-section__nav-slider {
        display: none; } }
    .main-section__nav-slider .slick-list {
      padding-left: 40px; }
  .main-section__nav-slide {
    position: relative;
    width: 56px !important;
    height: 56px !important;
    border-radius: 50%;
    background: #F1F9FB;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 40px 0;
    cursor: pointer; }
    @media only screen and (max-width: 1450px) {
      .main-section__nav-slide {
        margin: 25px 0; } }
    .main-section__nav-slide .nav-normal {
      width: auto;
      visibility: visible;
      opacity: 1;
      overflow: visible;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
    .main-section__nav-slide .nav-avtive {
      width: 0;
      visibility: hidden;
      opacity: 0;
      overflow: hidden;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
    .main-section__nav-slide::before {
      content: '';
      position: absolute;
      left: -35px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #000;
      visibility: hidden;
      overflow: hidden;
      opacity: 0;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      @media only screen and (max-width: 1250px) {
        .main-section__nav-slide::before {
          display: none; } }
    .main-section__nav-slide.slick-current.slick-active .nav-normal {
      width: 0;
      visibility: hidden;
      opacity: 0;
      overflow: hidden;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
    .main-section__nav-slide.slick-current.slick-active .nav-avtive {
      width: auto;
      visibility: visible;
      opacity: 1;
      overflow: visible;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
    .main-section__nav-slide.slick-current.slick-active::before {
      visibility: visible;
      opacity: 1;
      overflow: visible; }
    .main-section__nav-slide svg {
      width: 50px;
      height: 42px; }
    .main-section__nav-slide--dog svg {
      width: 50px;
      height: 42px;
      fill: #19A9C4; }
    .main-section__nav-slide--dog::before {
      background: #19A9C4; }
    .main-section__nav-slide--cat svg {
      width: 48px;
      height: 43px;
      fill: #19AA6D; }
    .main-section__nav-slide--cat::before {
      background: #19AA6D; }
    .main-section__nav-slide--bird svg {
      width: 50px;
      height: 45px;
      fill: #EAB956; }
    .main-section__nav-slide--bird::before {
      background: #EAB956; }
  .main-section__btn {
    position: absolute;
    bottom: 85px;
    width: 35px;
    height: 14px;
    z-index: 4;
    cursor: pointer; }
    .main-section__btn svg {
      width: 8px;
      height: 14px;
      fill: rgba(30, 32, 29, 0.2);
      stroke: rgba(30, 32, 29, 0.2);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
    @media only screen and (max-width: 1450px) {
      .main-section__btn {
        bottom: 35px; } }
    @media only screen and (max-width: 767px) {
      .main-section__btn {
        bottom: -10px; } }
  .main-section__prev-btn {
    left: 35%; }
    .main-section__prev-btn::before {
      content: '';
      position: absolute;
      top: 6.5px;
      left: 2px;
      width: 30px;
      height: 2px;
      background: rgba(30, 32, 29, 0.2);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .main-section__prev-btn:hover svg {
        fill: #000;
        stroke: #000; }
      .main-section__prev-btn:hover::before {
        background: #000;
        width: 60px; } }
    @media only screen and (max-width: 767px) {
      .main-section__prev-btn {
        left: 50px; } }
  .main-section__next-btn {
    left: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .main-section__next-btn::before {
      content: '';
      position: absolute;
      top: 6.5px;
      right: 2px;
      width: 30px;
      height: 2px;
      background: rgba(30, 32, 29, 0.2);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .main-section__next-btn:hover svg {
        fill: #000;
        stroke: #000; }
      .main-section__next-btn:hover::before {
        background: #000;
        width: 60px; } }
    @media only screen and (max-width: 767px) {
      .main-section__next-btn {
        left: auto;
        right: 50px; } }

.paging {
  position: absolute;
  left: 95px;
  bottom: 0; }
  @media only screen and (max-width: 1250px) {
    .paging {
      left: 40px; } }
  @media only screen and (max-width: 1023px) {
    .paging {
      display: none; } }
  .paging__item {
    display: block;
    width: 25px; }
  .paging__bar {
    width: 3px;
    display: block;
    margin: 0 auto 15px;
    background: #D8D8D8;
    height: 0;
    position: relative;
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
  .paging__progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#05AA6A), to(#01A1BF));
    background: linear-gradient(180deg, #05AA6A 0%, #01A1BF 100%); }
  .paging .slick-dots {
    position: static; }
    .paging .slick-dots li {
      width: auto;
      height: auto;
      display: block; }
      .paging .slick-dots li.slick-active .paging__bar {
        opacity: 1;
        height: 112px; }
        @media only screen and (max-width: 1250px) {
          .paging .slick-dots li.slick-active .paging__bar {
            height: 80px; } }

.main-services {
  max-width: 1330px;
  width: 100%;
  margin: 0 auto 80px; }
  @media only screen and (max-width: 1450px) {
    .main-services {
      padding: 0 15px; } }
  @media only screen and (max-width: 767px) {
    .main-services {
      display: none; } }
  .main-services__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 -10px; }
    @media only screen and (max-width: 1023px) {
      .main-services__list {
        margin: 0 -5px; } }
  .main-services__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .main-services__item {
    overflow: hidden;
    max-width: 430px;
    width: 100%;
    -ms-flex-preferred-size: 430px;
    flex-basis: 430px;
    display: block;
    position: relative;
    margin: 0 10px 20px;
    max-height: 316px; }
    @media only screen and (max-width: 1023px) {
      .main-services__item {
        margin: 0 5px 8px; } }
    .main-services__item::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(64.07%, rgba(0, 0, 0, 0.0001)), color-stop(98.11%, rgba(0, 0, 0, 0.298743))), rgba(51, 51, 51, 0.297781);
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 64.07%, rgba(0, 0, 0, 0.298743) 98.11%), rgba(51, 51, 51, 0.297781);
      z-index: 1; }
    @media only screen and (min-width: 1025px) {
      .main-services__item:hover .main-services__image img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1); } }
    .main-services__item--long {
      max-width: 880px;
      -ms-flex-preferred-size: 880px;
      flex-basis: 880px;
      max-height: 310px; }
      .main-services__item--long .main-services__title {
        max-width: 700px; }
    .main-services__item--tall {
      max-height: 640px; }
    .main-services__item--cat .main-services__top > svg {
      fill: #19AA6D;
      opacity: 0.8; }
    .main-services__item--cat .main-services__top-image > svg {
      width: 35px;
      height: 33px; }
    .main-services__item--bird .main-services__top > svg {
      fill: #ECBF66;
      opacity: 0.8; }
    .main-services__item--bird .main-services__top-image > svg {
      width: 40px;
      height: 36px; }
    .main-services__item--dog .main-services__top > svg {
      fill: #19A9C4;
      opacity: 0.8; }
    .main-services__item--dog .main-services__top-image > svg {
      width: 40px;
      height: 33px; }
  .main-services__title {
    max-width: 335px;
    width: 100%;
    position: absolute;
    bottom: 35px;
    left: 35px;
    font-weight: 900;
    font-size: 28px;
    color: #fff;
    z-index: 2; }
    @media only screen and (max-width: 1250px) {
      .main-services__title {
        font-size: 22px;
        max-width: 255px;
        bottom: 25px;
        left: 25px; } }
    @media only screen and (max-width: 1023px) {
      .main-services__title {
        font-size: 18px;
        max-width: 200px; } }
  .main-services__top {
    position: absolute;
    left: 0;
    top: 0;
    width: 305px;
    height: 100%;
    z-index: 2; }
    .main-services__top > svg {
      width: 310px;
      height: 310px; }
  .main-services__top-image {
    position: absolute;
    top: 25px;
    left: 27px; }
    .main-services__top-image > svg {
      width: 35px;
      height: 33px;
      fill: #fff; }
  .main-services__image {
    overflow: hidden; }
    .main-services__image img {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }

.all-services {
  max-width: 1330px;
  width: 100%;
  margin: 0 auto 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 1450px) {
    .all-services {
      padding: 0 15px; } }
  @media only screen and (max-width: 1250px) {
    .all-services {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  @media only screen and (max-width: 767px) {
    .all-services .main-triggers {
      margin-bottom: 0; } }
  .all-services__nav {
    margin-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      .all-services__nav {
        margin: 0 -15px 50px; } }
  .all-services__nav-list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .all-services__nav-item {
    max-width: 740px;
    width: 100%;
    height: 100px;
    background: #01A1BF;
    margin-bottom: 10px;
    border-radius: 5px;
    font-weight: 900;
    font-size: 18px; }
    .all-services__nav-item a {
      height: 100%;
      padding: 0 42px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff;
      text-decoration: none; }
    .all-services__nav-item--dog {
      background: rgba(1, 161, 191, 0.9); }
      .all-services__nav-item--dog .all-services__nav-icon svg {
        width: 50px;
        height: 42px; }
    .all-services__nav-item--cat {
      background: rgba(0, 161, 93, 0.9); }
      .all-services__nav-item--cat .all-services__nav-icon svg {
        width: 48px;
        height: 43px; }
    .all-services__nav-item--bird {
      background: #eab956; }
      .all-services__nav-item--bird .all-services__nav-icon svg {
        width: 50px;
        height: 45px; }
    @media only screen and (min-width: 1025px) {
      .all-services__nav-item:hover .all-services__nav-arrow {
        opacity: 1; }
        .all-services__nav-item:hover .all-services__nav-arrow::before {
          width: 60px; } }
    @media only screen and (max-width: 767px) {
      .all-services__nav-item {
        height: 70px;
        font-size: 14px;
        border-radius: 0; }
        .all-services__nav-item a {
          padding: 0 20px; } }
  .all-services__nav-icon {
    margin-right: 30px; }
    .all-services__nav-icon svg {
      fill: #fff;
      width: 50px;
      height: 42px; }
  .all-services__nav-arrow {
    position: relative;
    margin-left: auto;
    height: 17px;
    opacity: 0.9;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out; }
    @media only screen and (max-width: 767px) {
      .all-services__nav-arrow {
        display: none; } }
    .all-services__nav-arrow::before {
      content: '';
      position: absolute;
      top: 8.1px;
      right: 2px;
      width: 0;
      height: 1px;
      background: #fff;
      -webkit-transition: .15s ease-in-out;
      transition: .15s ease-in-out; }
    .all-services__nav-arrow svg {
      width: 8px;
      height: 14px;
      fill: #fff; }
  .all-services__main {
    max-width: 735px;
    width: 100%;
    -ms-flex-preferred-size: 735px;
    flex-basis: 735px; }
    @media only screen and (max-width: 1250px) {
      .all-services__main {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: 0 auto 60px; } }
  .all-services__sidebar {
    max-width: 540px;
    width: 100%;
    -ms-flex-preferred-size: 540px;
    flex-basis: 540px;
    margin-left: 20px; }
    @media only screen and (max-width: 1450px) {
      .all-services__sidebar {
        max-width: 440px;
        -ms-flex-preferred-size: 440px;
        flex-basis: 440px;
        margin-left: 40px; } }
    @media only screen and (max-width: 1250px) {
      .all-services__sidebar {
        max-width: 735px;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: 0 auto; } }
  .all-services__content {
    margin-bottom: 45px; }
  .all-services__content-title {
    font-weight: 900;
    font-size: 24px;
    color: #333;
    margin-bottom: 35px; }
  .all-services__content-text {
    line-height: 32px;
    font-size: 16px;
    color: #333; }
    @media only screen and (max-width: 767px) {
      .all-services__content-text {
        font-size: 14px;
        line-height: 28px; } }
  .all-services__text-title {
    font-weight: 900;
    font-size: 24px;
    color: #333;
    margin-bottom: 25px; }
    @media only screen and (max-width: 767px) {
      .all-services__text-title {
        display: none; } }
  .all-services__text {
    max-height: 225px;
    overflow: hidden;
    line-height: 24px;
    font-size: 12px;
    color: #9B9B9B; }
    @media only screen and (max-width: 767px) {
      .all-services__text {
        display: none; } }

.main-triggers {
  margin-bottom: 85px; }
  .main-triggers__main-title {
    font-weight: 900;
    font-size: 24px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 25px; }
    @media only screen and (max-width: 767px) {
      .main-triggers__main-title {
        font-size: 18px;
        text-align: center; } }
  .main-triggers__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .main-triggers__item {
    position: relative;
    max-width: 50%;
    width: 100%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media only screen and (max-width: 767px) {
      .main-triggers__item {
        max-width: 100%;
        -ms-flex-preferred-size: auto;
        flex-basis: auto; } }
    .main-triggers__item::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 18px;
      height: 18px;
      border-top: 1px solid #DADADA;
      border-left: 1px solid #DADADA; }
    .main-triggers__item::after {
      content: '';
      position: absolute;
      top: 0;
      right: -1px;
      width: 18px;
      height: 18px;
      border-top: 1px solid #DADADA;
      border-right: 1px solid #DADADA; }
  .main-triggers__box {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .main-triggers__box::before {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 18px;
      height: 18px;
      border-bottom: 1px solid #DADADA;
      border-left: 1px solid #DADADA; }
    .main-triggers__box::after {
      content: '';
      position: absolute;
      bottom: -1px;
      right: -1px;
      width: 18px;
      height: 18px;
      border-bottom: 1px solid #DADADA;
      border-right: 1px solid #DADADA; }
  .main-triggers__icon {
    margin-right: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .main-triggers__text {
    max-width: 168px;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #333; }
    @media only screen and (max-width: 767px) {
      .main-triggers__text {
        font-size: 14px;
        max-width: 146px; } }

.adding-pet {
  position: relative;
  padding: 50px 50px 60px 40px;
  border-radius: 4px;
  background: #fff;
  margin: 10px 0 130px; }
  @media only screen and (max-width: 1250px) {
    .adding-pet {
      padding: 50px 15px 60px 25px; } }
  .adding-pet::after {
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #05AA6A), to(#01A1BF));
    background: linear-gradient(to right, #05AA6A 10%, #01A1BF 100%);
    content: '';
    z-index: -1;
    border-radius: 8px; }
  @media only screen and (max-width: 767px) {
    .adding-pet {
      padding: 0;
      margin: 10px 0 100px; }
      .adding-pet::after {
        display: none; } }
  .adding-pet__title {
    width: auto;
    display: table;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -16px;
    font-weight: 900;
    font-size: 24px;
    text-transform: uppercase;
    color: #02A596;
    padding: 0 32px;
    background: #fff; }
    @media only screen and (max-width: 767px) {
      .adding-pet__title {
        position: static;
        -webkit-transform: none;
        transform: none;
        font-size: 20px;
        color: #000;
        padding: 0;
        margin-bottom: 20px; } }
  @media only screen and (max-width: 1250px) {
    .adding-pet__box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media only screen and (max-width: 767px) {
    .adding-pet__box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .adding-pet__image {
    margin-bottom: 45px; }
    @media only screen and (max-width: 1250px) {
      .adding-pet__image {
        max-width: 300px;
        margin: 0 25px 0 0; } }
    @media only screen and (max-width: 767px) {
      .adding-pet__image {
        margin: 0 auto 25px; } }
  .adding-pet__subtitle {
    line-height: 24px;
    font-size: 14px;
    color: #9B9B9B;
    margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    .adding-pet__text {
      margin-bottom: 25px; } }
  .adding-pet__text ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .adding-pet__text ul li {
      position: relative;
      line-height: 32px;
      font-size: 16px;
      padding: 0 0 0 24px;
      color: #333; }
      @media only screen and (max-width: 1250px) {
        .adding-pet__text ul li {
          font-size: 14px; } }
      @media only screen and (max-width: 359px) {
        .adding-pet__text ul li {
          font-size: 12px;
          line-height: 28px; } }
      .adding-pet__text ul li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 11px;
        width: 8px;
        height: 8px;
        background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
        background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
        border-radius: 50%; }
  .adding-pet__button-box {
    background: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -28px;
    max-width: 400px;
    width: 100%;
    padding: 0 40px; }
    @media only screen and (max-width: 767px) {
      .adding-pet__button-box {
        position: static;
        -webkit-transform: none;
        transform: none;
        padding: 0; } }
  .adding-pet__button {
    max-width: 320px;
    width: 100%;
    height: 50px;
    font-weight: 900;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    border-radius: 4px;
    text-decoration: none;
    position: relative;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .adding-pet__button::after {
      position: absolute;
      top: -1px;
      bottom: -1px;
      left: -1px;
      right: -1px;
      background: -webkit-gradient(linear, left top, right top, color-stop(10%, #05AA6A), to(#01A1BF));
      background: linear-gradient(to right, #05AA6A 10%, #01A1BF 100%);
      content: '';
      z-index: -1;
      border-radius: 5px; }
    @media only screen and (max-width: 767px) {
      .adding-pet__button {
        max-width: 255px;
        margin: 0 auto;
        background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
        background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
        color: #fff; }
        .adding-pet__button::after {
          display: none; } }
    @media only screen and (min-width: 1025px) {
      .adding-pet__button:hover::after {
        background: #1AAAC5; } }
  .adding-pet--static {
    padding: 0 15px;
    border: none;
    margin: 0; }
    .adding-pet--static::after {
      display: none; }
    .adding-pet--static .adding-pet__title {
      position: static;
      -webkit-transform: none;
      transform: none;
      padding: 0;
      background: transparent;
      margin-bottom: 15px; }
      @media only screen and (max-width: 1250px) {
        .adding-pet--static .adding-pet__title {
          font-size: 14px; } }
    @media only screen and (max-width: 1250px) {
      .adding-pet--static .adding-pet__subtitle {
        font-size: 12px;
        line-height: 16px; } }
    .adding-pet--static .adding-pet__text {
      margin-bottom: 20px; }
      .adding-pet--static .adding-pet__text ul li {
        font-size: 15px; }
        @media only screen and (max-width: 1250px) {
          .adding-pet--static .adding-pet__text ul li {
            font-size: 12px;
            line-height: 19px; } }
    .adding-pet--static .adding-pet__button-box {
      bottom: -70px; }
      @media only screen and (max-width: 1250px) {
        .adding-pet--static .adding-pet__button-box {
          bottom: -50px; } }
    @media only screen and (max-width: 1250px) {
      .adding-pet--static .adding-pet__image {
        margin-bottom: 20px; } }
    @media only screen and (max-width: 1250px) {
      .adding-pet--static .adding-pet__box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }

.sidebar-news {
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px; }
  @media only screen and (max-width: 1250px) {
    .sidebar-news {
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 0; } }
  .sidebar-news__title {
    font-weight: 900;
    font-size: 24px;
    color: #333;
    margin-bottom: 30px; }
  .sidebar-news__slider.slick-dotted.slick-slider {
    margin-bottom: 0; }
  @media only screen and (max-width: 1250px) {
    .sidebar-news__slider {
      margin: 0 -70px; }
      .sidebar-news__slider .slick-list {
        padding-bottom: 50px; } }
  @media only screen and (max-width: 1023px) {
    .sidebar-news__slider {
      margin: 0; } }
  .sidebar-news__slide .news__item {
    max-width: 540px;
    width: 100%;
    -ms-flex-preferred-size: 540px;
    flex-basis: 540px;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0; }
  @media only screen and (max-width: 1250px) {
    .sidebar-news__slide {
      -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
      box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
      border-radius: 5px;
      margin: 0 15px; } }
  .sidebar-news__bottom {
    margin: 0 42px;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px dotted #979797; }
    @media only screen and (max-width: 1250px) {
      .sidebar-news__bottom {
        border-top: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .sidebar-news__bottom .main-link {
          position: relative;
          max-width: 200px;
          width: 100%;
          height: 42px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          font-weight: 900;
          font-size: 12px;
          text-transform: uppercase;
          color: #333;
          border-radius: 4px;
          background: #fff; }
          .sidebar-news__bottom .main-link::after {
            position: absolute;
            top: -1px;
            bottom: -1px;
            left: -1px;
            right: -1px;
            background: -webkit-gradient(linear, left top, right top, color-stop(10%, #05AA6A), to(#01A1BF));
            background: linear-gradient(to right, #05AA6A 10%, #01A1BF 100%);
            content: '';
            z-index: -1;
            border-radius: 5px; } }
  .sidebar-news__dots .slick-dots {
    position: static; }
    .sidebar-news__dots .slick-dots li {
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background: #fff;
      margin: 0 5px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      .sidebar-news__dots .slick-dots li:first-of-type {
        margin-left: 0; }
      .sidebar-news__dots .slick-dots li:last-of-type {
        margin-right: 0; }
      .sidebar-news__dots .slick-dots li::after {
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -1px;
        right: -1px;
        background: -webkit-gradient(linear, left top, right top, color-stop(10%, #05AA6A), to(#01A1BF));
        background: linear-gradient(to right, #05AA6A 10%, #01A1BF 100%);
        content: '';
        z-index: -1;
        border-radius: 50%; }
      .sidebar-news__dots .slick-dots li button::before {
        display: none; }
      .sidebar-news__dots .slick-dots li.slick-active {
        background: none; }

.news {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto 120px; }
  @media only screen and (max-width: 767px) {
    .news {
      margin: 0 auto 80px; } }
  .news__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -30px; }
    @media only screen and (max-width: 1250px) {
      .news__list {
        padding: 0 15px; } }
    @media only screen and (max-width: 1250px) {
      .news__list {
        margin: 0 -15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  .news__item {
    max-width: 540px;
    width: 100%;
    -ms-flex-preferred-size: 540px;
    flex-basis: 540px;
    margin: 0 30px 80px;
    -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
    box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
    border-radius: 5px; }
    @media only screen and (max-width: 1250px) {
      .news__item {
        max-width: 475px;
        -ms-flex-preferred-size: 475px;
        flex-basis: 475px;
        margin: 0 15px 40px; } }
    @media only screen and (max-width: 1023px) {
      .news__item {
        max-width: 350px;
        -ms-flex-preferred-size: 350px;
        flex-basis: 350px; } }
  .news__image {
    margin-bottom: 25px;
    overflow: hidden; }
    .news__image img {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .news__image:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1); } }
  .news__info {
    padding: 0 25px 20px 40px; }
    @media only screen and (max-width: 1023px) {
      .news__info {
        padding: 0 25px 20px; } }
  .news__date {
    font-size: 12px;
    color: #333333;
    opacity: 0.3;
    margin-bottom: 10px; }
  .news__title {
    font-weight: 900;
    font-size: 24px;
    margin-bottom: 15px; }
    @media only screen and (max-width: 1023px) {
      .news__title {
        font-size: 18px; } }
    .news__title a {
      color: #333;
      text-decoration: none;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .news__title:hover a {
        color: #1AAA6D; } }
  .news__text {
    line-height: 24px;
    font-size: 14px;
    color: #333; }
    @media only screen and (max-width: 1023px) {
      .news__text {
        font-size: 12px;
        line-height: 19px; } }

.article {
  max-width: 1330px;
  width: 100%;
  margin: 0 auto 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  @media only screen and (max-width: 1450px) {
    .article {
      padding: 0 15px; } }
  @media only screen and (max-width: 1250px) {
    .article {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .article__main {
    max-width: 750px;
    width: 100%;
    -ms-flex-preferred-size: 750px;
    flex-basis: 750px; }
    @media only screen and (max-width: 1250px) {
      .article__main {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: 0 auto 50px; } }
  .article__sidebar {
    max-width: 542px;
    width: 100%;
    -ms-flex-preferred-size: 542px;
    flex-basis: 542px;
    margin-left: 30px; }
    @media only screen and (max-width: 1250px) {
      .article__sidebar {
        margin: 0 auto;
        max-width: 735px;
        -ms-flex-preferred-size: auto;
        flex-basis: auto; } }
  .article__image {
    margin-bottom: 50px; }
  .article__content {
    line-height: 32px;
    font-size: 16px;
    color: #333;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
    margin-bottom: 35px; }
    .article__content iframe {
      max-width: 100%;
      width: 100%;
      border: none;
      margin: 20px 0 25px; }
      @media only screen and (max-width: 580px) {
        .article__content iframe {
          height: 180px; } }
    .article__content ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .article__content ul li {
        position: relative;
        line-height: 32px;
        font-size: 16px;
        padding: 0 0 0 24px;
        color: #333; }
        @media only screen and (max-width: 1250px) {
          .article__content ul li {
            font-size: 14px; } }
        @media only screen and (max-width: 359px) {
          .article__content ul li {
            font-size: 12px;
            line-height: 28px; } }
        .article__content ul li::before {
          content: '';
          position: absolute;
          left: 0;
          top: 11px;
          width: 8px;
          height: 8px;
          background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
          background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
          border-radius: 50%; }
  .article__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .article__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: rgba(51, 51, 51, 0.3); }
    .article__date svg {
      width: 20px;
      height: 20px;
      fill: #C7C7C7;
      margin-right: 15px; }

.share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .share__title {
    font-size: 14px;
    color: rgba(51, 51, 51, 0.3);
    margin-right: 25px; }
    @media only screen and (max-width: 767px) {
      .share__title {
        margin-right: 15px; } }
  .share__item {
    margin: 0 8px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer; }
    .share__item svg {
      width: 7px;
      height: 13px;
      fill: #3A5998; }
    .share__item.social-likes__widget_facebook {
      border-color: rgba(58, 89, 152, 0.3);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      @media only screen and (min-width: 1025px) {
        .share__item.social-likes__widget_facebook:hover {
          border-color: #3A5998; } }

.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 20;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
  -webkit-transition: all .5s ease;
  transition: all .5s ease; }
  .popup.popup--visible {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1; }
    .popup.popup--visible .popup__overlay {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  .popup__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  .popup__holder {
    background: #fff;
    padding: 45px 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
    max-width: 460px;
    width: 100%;
    -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
    box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
    border-radius: 5px;
    overflow: hidden; }
    .popup__holder--added {
      max-width: 520px;
      padding: 55px 40px 50px 40px; }
    .popup__holder--pet-added {
      max-width: 572px;
      padding: 80px 60px 55px; }
    .popup__holder--pet-add {
      max-width: 595px;
      padding: 45px 40px 45px 10px;
      max-height: 800px;
      overflow-y: auto; }
      .popup__holder--pet-add .pet-add__form .submit-btn {
        margin: 0 auto 30px; }
      @media only screen and (max-width: 1649px) {
        .popup__holder--pet-add {
          max-height: 600px; } }
      @media only screen and (max-width: 1449px) {
        .popup__holder--pet-add {
          max-height: 500px; } }
    .popup__holder--pet-edit {
      max-width: 800px;
      padding: 45px 40px 45px 30px;
      max-height: 800px;
      overflow-y: auto; }
      @media only screen and (max-width: 1449px) {
        .popup__holder--pet-edit {
          max-height: 450px; } }
    @media only screen and (max-width: 767px) {
      .popup__holder {
        padding: 25px 15px;
        max-width: 310px; } }
  .popup__close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer; }
    .popup__close svg {
      width: 12px;
      height: 12px;
      fill: rgba(51, 51, 51, 0.5); }
  .popup__title {
    font-weight: 900;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #02A596;
    margin-bottom: 30px; }
  .popup__text {
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    color: rgba(51, 51, 51, 0.5);
    margin-bottom: 35px; }
  .popup__image {
    text-align: center; }

.iosBugFixCaret {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.login-bottom {
  margin-top: 22px; }
  .login-bottom__title {
    font-size: 14px;
    color: rgba(51, 51, 51, 0.5);
    margin-bottom: 15px;
    text-align: center; }
  .login-bottom__link {
    display: block;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #333; }
    @media only screen and (min-width: 1025px) {
      .login-bottom__link:hover {
        color: #1AAA6D; } }

.form-block__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px; }
  .form-block__col .checkbox-block {
    margin: 0 0 0 34px; }
    .form-block__col .checkbox-block input[type=checkbox] + label {
      font-size: 14px;
      color: rgba(51, 51, 51, 0.5); }
      .form-block__col .checkbox-block input[type=checkbox] + label::before {
        width: 20px;
        height: 20px;
        border-radius: 3px;
        border: 1px solid #1AAA6D; }
      .form-block__col .checkbox-block input[type=checkbox] + label::after {
        width: 20px;
        height: 20px;
        border-radius: 3px; }
  .form-block__col .form-block__link {
    font-size: 14px;
    color: rgba(51, 51, 51, 0.5);
    text-decoration: none; }
    @media only screen and (min-width: 1025px) {
      .form-block__col .form-block__link:hover {
        color: #1AAA6D;
        text-decoration: underline; } }

.popup-added__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .popup-added__inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.popup-added__image {
  max-width: 159px;
  width: 100%;
  -ms-flex-preferred-size: 159px;
  flex-basis: 159px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 75px; }
  @media only screen and (max-width: 767px) {
    .popup-added__image {
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      margin: 0 auto 10px; } }

.popup-added__content {
  max-width: 440px;
  width: 100%;
  -ms-flex-preferred-size: 440px;
  flex-basis: 440px; }
  @media only screen and (max-width: 767px) {
    .popup-added__content {
      -ms-flex-preferred-size: auto;
      flex-basis: auto; } }

.popup-added__title {
  font-weight: 500;
  font-size: 24px;
  color: #333;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .popup-added__title {
      font-size: 17px;
      margin-bottom: 12px; } }
  .popup-added__title a {
    color: #333;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .popup-added__title a:hover {
        color: #1AAA6D; } }

.popup-added__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  color: #05AA6A;
  margin-bottom: 25px; }
  .popup-added__status svg {
    width: 14px;
    height: 12px;
    margin-right: 14px;
    fill: #1AAA6D; }
  @media only screen and (max-width: 767px) {
    .popup-added__status {
      font-size: 12px;
      margin-bottom: 10px; } }

.popup-added__controls {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px dotted rgba(151, 151, 151, 0.5);
  border-bottom: 1px dotted rgba(151, 151, 151, 0.5);
  margin-bottom: 40px; }
  @media only screen and (max-width: 767px) {
    .popup-added__controls {
      margin-bottom: 20px;
      padding: 10px 0; } }

.popup-added__article {
  font-weight: 500;
  font-size: 12px;
  color: #333; }

.popup-added__price-box {
  padding-right: 40px; }
  @media only screen and (max-width: 767px) {
    .popup-added__price-box {
      padding: 0; } }

.popup-added__price-text {
  font-weight: 500;
  font-size: 12px;
  color: rgba(51, 51, 51, 0.5);
  margin-bottom: 10px; }

.popup-added__price {
  font-weight: bold;
  font-size: 24px;
  color: #05AA6A; }

.popup-added__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .popup-added__buttons {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .popup-added__buttons .submit-btn {
    max-width: 230px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0; }

.popup-added__link {
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  color: #05AA6A;
  margin-right: 20px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  @media only screen and (min-width: 1025px) {
    .popup-added__link:hover {
      color: #1AAAC5; } }
  @media only screen and (max-width: 767px) {
    .popup-added__link {
      margin: 0 auto 10px; } }

.popup-pet__title {
  font-weight: 900;
  font-size: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 30px; }

.popup-pet__image {
  text-align: center;
  margin-bottom: 35px; }

.popup-pet__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .popup-pet__buttons .submit-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    max-width: 205px;
    margin-bottom: 15px; }
  .popup-pet__buttons .adding-pet__button {
    max-width: 205px; }

.form-data {
  margin-bottom: 20px;
  text-align: center; }
  .form-data__title {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px; }
  .form-data__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .form-data__list .select {
      border: 1px solid rgba(1, 161, 191, 0.35);
      border-radius: 3px;
      margin-right: 10px;
      font-size: 14px;
      color: #333;
      padding: 13px 20px; }
      .form-data__list .select::after {
        border-bottom: 1px solid #333;
        border-right: 1px solid #333; }
      .form-data__list .select .select__list {
        padding: 5px 0;
        max-height: 110px;
        overflow-y: auto;
        -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
        box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009); }
        .form-data__list .select .select__list .mCSB_inside > .mCSB_container {
          margin-right: 0; }
      .form-data__list .select .select__item--disabled {
        display: none; }
    .form-data__list .select-day,
    .form-data__list .select-month {
      width: 70px; }
    .form-data__list .select-year {
      width: 92px; }

.form-block__box-item {
  margin-bottom: 35px; }
  .form-block__box-item.active .form-block__box-title span::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg); }

.form-block__box-info {
  font-size: 12px;
  color: #000;
  margin-bottom: 10px; }

.form-block__box-title {
  font-size: 18px;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }
  @media only screen and (max-width: 767px) {
    .form-block__box-title {
      font-size: 14px; } }
  .form-block__box-title span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 53px;
    height: 30px;
    background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
    background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
    margin-right: 16px;
    opacity: 0.5;
    border-radius: 3px; }
    .form-block__box-title span::after {
      border-bottom: 1px solid #fff;
      border-right: 1px solid #fff;
      content: '';
      display: block;
      height: 7px;
      width: 7px;
      margin-top: -4px;
      pointer-events: none;
      position: absolute;
      right: 24px;
      top: 50%;
      -webkit-transform-origin: 66% 66%;
      transform-origin: 66% 66%;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }

.form-block__box-content {
  padding-top: 35px; }
  .form-block__box-content .alert {
    line-height: 18px;
    font-size: 14px;
    color: rgba(51, 51, 51, 0.5); }
    .form-block__box-content .alert span {
      color: #D42428;
      opacity: 0.5; }

.form-block__box-inner {
  height: 0;
  overflow: hidden;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.pet-add__inner {
  max-width: 395px;
  width: 100%;
  margin: 0 auto; }
  @media only screen and (max-width: 767px) {
    .pet-add__inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }

.pet-add__image {
  position: relative;
  width: 123px;
  height: 119px;
  background-color: #ffff;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px;
  margin-right: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 767px) {
    .pet-add__image {
      margin: 0 auto 50px; } }

.pet-add__form {
  width: 100%; }
  .pet-add__form .submit-btn {
    max-width: 205px;
    margin: 0 auto;
    font-size: 12px; }
  .pet-add__form .form-block .select {
    padding: 16px 20px;
    border: 1px solid rgba(1, 161, 191, 0.35);
    border-radius: 3px;
    font-size: 14px; }
    .pet-add__form .form-block .select::after {
      border-bottom: 1px solid #333;
      border-right: 1px solid #333; }
    .pet-add__form .form-block .select .select__list {
      -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
      box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
      max-height: 200px;
      overflow-y: auto; }
      .pet-add__form .form-block .select .select__list .select__item {
        padding: 15px 20px; }
      .pet-add__form .form-block .select .select__list .select__item--disabled {
        display: none; }
  @media only screen and (max-width: 767px) {
    .pet-add__form {
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
      .pet-add__form .submit-btn {
        margin: 0 auto; } }

.pet-add__thumb {
  width: 123px;
  height: 119px;
  overflow: hidden;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.add-image__button {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -12px;
  cursor: pointer;
  position: absolute;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 1;
  background: #fff; }
  .add-image__button svg {
    width: 12px;
    height: 12px;
    fill: #979797; }

input[type="file"] {
  display: none; }

.delete-pet {
  font-weight: 500;
  font-size: 14px;
  text-transform: lowercase;
  color: #333;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .delete-pet svg {
    width: 14px;
    height: 14px;
    margin-right: 12px;
    fill: #FD0000; }
  @media only screen and (min-width: 1025px) {
    .delete-pet:hover {
      color: #1AAAC5; } }

.pet-edit__inner {
  max-width: 670px;
  width: 100%;
  margin: 0 auto; }
  .pet-edit__inner .form-data__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .pet-edit__inner .form-data__title {
    text-align: left; }

.pet-edit__form-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -11px; }
  .pet-edit__form-rows .form-block {
    max-width: 324px;
    width: 100%;
    margin: 0 11px 28px; }
    .pet-edit__form-rows .form-block .select {
      border: 1px solid rgba(1, 161, 191, 0.35);
      border-radius: 3px;
      font-size: 14px;
      color: #333;
      padding: 16px 20px; }
      .pet-edit__form-rows .form-block .select::after {
        border-bottom: 1px solid #333;
        border-right: 1px solid #333; }
      .pet-edit__form-rows .form-block .select .select__list {
        padding: 5px 0;
        max-height: 110px;
        overflow-y: auto;
        -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
        box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009); }
        .pet-edit__form-rows .form-block .select .select__list .mCSB_inside > .mCSB_container {
          margin-right: 0; }
      .pet-edit__form-rows .form-block .select .select__item--disabled {
        display: none; }
    .pet-edit__form-rows .form-block .alert {
      line-height: 18px;
      font-size: 14px;
      color: rgba(51, 51, 51, 0.5); }
      .pet-edit__form-rows .form-block .alert span {
        color: #D42428;
        opacity: 0.5; }

.pet-edit__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 767px) {
    .pet-edit__buttons {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .pet-edit__buttons .submit-btn,
  .pet-edit__buttons .delete-pet {
    margin: 0 36px; }
    @media only screen and (max-width: 767px) {
      .pet-edit__buttons .submit-btn,
      .pet-edit__buttons .delete-pet {
        margin: 10px auto; } }

.studies-block {
  margin-bottom: 23px; }
  .studies-block__title {
    line-height: 20px;
    font-size: 18px;
    color: #333333;
    padding-bottom: 16px;
    border-bottom: 1px dotted rgba(151, 151, 151, 0.5); }
  .studies-block__list {
    max-height: 420px;
    overflow-y: auto; }
    .studies-block__list .order__item {
      padding: 14px 0; }
      @media only screen and (max-width: 767px) {
        .studies-block__list .order__item {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start; } }
    @media only screen and (max-width: 767px) {
      .studies-block__list .order__info {
        -ms-flex-preferred-size: auto;
        flex-basis: auto; } }
    @media only screen and (max-width: 767px) {
      .studies-block__list .order__price-box {
        margin: 20px 0; } }

.popup-login-sms .popup__holder {
  background: #f1f9fb; }

.login-form .submit-btn {
  max-width: 245px; }

.login-form .number-change {
  display: table;
  margin: 0 auto 34px;
  font-size: 12px;
  color: rgba(51, 51, 51, 0.5);
  border-bottom: 1px dotted rgba(51, 51, 51, 0.5);
  text-decoration: none;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  @media only screen and (min-width: 1025px) {
    .login-form .number-change:hover {
      color: #1AAA6D;
      border-color: #1AAA6D; } }

.double-chuse-pet .popup-added__buttons {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.cookies-block {
  position: fixed;
  height: 112px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #333;
  -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 99;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  @media only screen and (max-width: 767px) {
    .cookies-block {
      height: auto;
      padding: 20px 0; } }
  .cookies-block.hide {
    visibility: hidden;
    opacity: 0;
    overflow: hidden; }
  .cookies-block__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1120px;
    width: 100%;
    margin: 0 auto; }
    @media only screen and (max-width: 1200px) {
      .cookies-block__inner {
        padding: 0 15px; } }
    @media only screen and (max-width: 767px) {
      .cookies-block__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .cookies-block__text {
    font-size: 20px;
    color: #fff;
    margin-right: 20px; }
    @media only screen and (max-width: 1023px) {
      .cookies-block__text {
        font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .cookies-block__text {
        font-size: 14px;
        text-align: center;
        margin: 0 auto 10px; } }
  .cookies-block__button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 254px;
    width: 100%;
    height: 46px;
    background: #333;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .cookies-block__button::after {
      content: '';
      position: absolute;
      top: -1px;
      bottom: -1px;
      left: -1px;
      right: -1px;
      background: -webkit-gradient(linear, left top, right top, color-stop(10%, #05AA6A), to(#01A1BF));
      background: linear-gradient(to right, #05AA6A 10%, #01A1BF 100%);
      content: '';
      z-index: -1;
      border-radius: 5px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .cookies-block__button:hover {
        background: -webkit-gradient(linear, left top, right top, color-stop(10%, #05AA6A), to(#01A1BF));
        background: linear-gradient(to right, #05AA6A 10%, #01A1BF 100%); } }

.page-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 998;
  background: #fff;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .page-preloader.hide {
    overflow: hidden;
    visibility: hidden;
    opacity: 0; }

.preloader__image-box {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3vw;
  height: 3vw; }

.preloader__image-item {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-animation: hide 6s step-end infinite;
  animation: hide 6s step-end infinite; }
  .preloader__image-item svg {
    width: 45px;
    height: 40px; }
  .preloader__image-item.preloader__image-item-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
    .preloader__image-item.preloader__image-item-1 svg {
      fill: #19A9C4; }
  .preloader__image-item.preloader__image-item-2 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s; }
    .preloader__image-item.preloader__image-item-2 svg {
      fill: #19AA6D; }
  .preloader__image-item.preloader__image-item-3 {
    -webkit-animation-delay: 8s;
    animation-delay: 8s; }
    .preloader__image-item.preloader__image-item-3 svg {
      fill: #EAB956; }

.preloader__item {
  content: "";
  display: block;
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
  background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
  width: 3vw;
  height: 3vw;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  z-index: 999; }
  .preloader__item.preloader__item-1 {
    -webkit-animation-name: orbit-top-left;
    animation-name: orbit-top-left;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
  .preloader__item.preloader__item-2 {
    -webkit-animation-name: orbit-top-right;
    animation-name: orbit-top-right;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
  .preloader__item.preloader__item-3 {
    -webkit-animation-name: orbit-down-left;
    animation-name: orbit-down-left;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
  .preloader__item.preloader__item-4 {
    -webkit-animation-name: orbit-down-right;
    animation-name: orbit-down-right;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }

@-webkit-keyframes orbit-top-left {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0); }
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(150%, 150%, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(150%, 150%, 0); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(150%, 150%, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(150%, 150%, 0); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0); } }

@keyframes orbit-top-left {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0); }
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(150%, 150%, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(150%, 150%, 0); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(150%, 150%, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(150%, 150%, 0); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0); } }

@-webkit-keyframes orbit-top-right {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0); }
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(150%, -150%, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(150%, -150%, 0); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(150%, -150%, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(150%, -150%, 0); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0); } }

@keyframes orbit-top-right {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0); }
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(150%, -150%, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(150%, -150%, 0); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(150%, -150%, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(150%, -150%, 0); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0); } }

@-webkit-keyframes orbit-down-left {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0); }
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(-150%, -150%, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(-150%, -150%, 0); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(-150%, -150%, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(-150%, -150%, 0); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0); } }

@keyframes orbit-down-left {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0); }
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(-150%, -150%, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(-150%, -150%, 0); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(-150%, -150%, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(-150%, -150%, 0); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0); } }

@-webkit-keyframes orbit-down-right {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0); }
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(-150%, 150%, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(-150%, 150%, 0); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(-150%, 150%, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(-150%, 150%, 0); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0); } }

@keyframes orbit-down-right {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0); }
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(-150%, 150%, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(-150%, 150%, 0); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(-150%, 150%, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(-150%, 150%, 0); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 360deg) translate3d(0, 0, 0); } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }
  33.33333% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }
  33.33333% {
    opacity: 0; } }

.rent__nav {
  margin: 0 0 45px;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 580px) {
    .rent__nav {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.rent__nav-item {
  font-size: 18px;
  text-transform: uppercase;
  margin: 0 23px; }
  @media only screen and (max-width: 580px) {
    .rent__nav-item {
      margin: 5px 0; } }
  .rent__nav-item a {
    overflow: hidden;
    position: relative;
    text-decoration: none;
    color: rgba(51, 51, 51, 0.2);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .rent__nav-item a::before {
      content: '';
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -10px;
      width: 0;
      border-bottom: 1px dotted #05AA6A;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      @media only screen and (max-width: 580px) {
        .rent__nav-item a::before {
          display: none; } }
    .rent__nav-item a.active {
      font-weight: 900;
      color: #02A596; }
      .rent__nav-item a.active::before {
        width: 100%; }

.rent__list {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 1250px) {
    .rent__list {
      padding: 0 15px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.rent__item {
  background: #fff;
  max-width: 264px;
  width: 100%;
  -ms-flex-preferred-size: 264px;
  flex-basis: 264px;
  min-height: 240px;
  padding: 12px 24px;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  margin: 0 13px 26px; }

.rent__image {
  margin-bottom: 20px; }

.rent__contacts-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 15px; }
  .rent__contacts-item:last-of-type {
    margin-bottom: 0; }
  .rent__contacts-item span {
    font-size: 16px;
    color: #02A596;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0; }

.rent__contacts-value {
  line-height: 24px;
  font-size: 14px;
  color: #333;
  margin-top: -2px; }
  .rent__contacts-value a {
    display: block;
    text-decoration: none;
    color: #333; }

.rent__inner {
  max-width: 1274px;
  width: 100%;
  margin: 0 auto 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 1450px) {
    .rent__inner {
      padding: 0 15px; } }
  @media only screen and (max-width: 1023px) {
    .rent__inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

.rent__main {
  max-width: 740px;
  width: 100%;
  -ms-flex-preferred-size: 740px;
  flex-basis: 740px; }
  @media only screen and (max-width: 1023px) {
    .rent__main {
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      margin: 0 auto 30px; } }
  .rent__main .main-triggers__text {
    text-transform: none;
    max-width: 205px; }
    @media only screen and (max-width: 767px) {
      .rent__main .main-triggers__text {
        max-width: 160px; } }
    .rent__main .main-triggers__text span {
      font-size: 14px;
      color: #cacaca;
      display: block;
      margin-top: 5px; }

.rent__sidebar {
  max-width: 460px;
  width: 100%;
  -ms-flex-preferred-size: 460px;
  flex-basis: 460px;
  margin-left: 20px; }
  @media only screen and (max-width: 1023px) {
    .rent__sidebar {
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      margin: 0 auto; } }

.rent-alert__main-title {
  font-weight: 900;
  font-size: 24px;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 45px; }
  @media only screen and (max-width: 767px) {
    .rent-alert__main-title {
      text-align: center;
      font-size: 18px;
      margin-bottom: 30px; } }

.rent-alert__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0 -30px 75px; }
  @media only screen and (max-width: 767px) {
    .rent-alert__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 -30px 25px; } }

.rent-alert__item {
  max-width: 325px;
  width: 100%;
  -ms-flex-preferred-size: 325px;
  flex-basis: 325px;
  min-height: 390px;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  padding: 25px 20px 30px;
  margin: 0 30px; }
  @media only screen and (max-width: 767px) {
    .rent-alert__item {
      margin: 0 30px 30px; } }

.rent-alert__image {
  position: relative;
  text-align: center;
  margin: 0 auto 30px;
  width: 98px;
  height: 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .rent-alert__image svg {
    width: 35px;
    height: 35px;
    position: absolute;
    bottom: 5px;
    right: -10px; }

.rent-alert__text {
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  color: #333; }
  @media only screen and (max-width: 767px) {
    .rent-alert__text {
      font-size: 14px;
      line-height: 26px; } }

.procedure-block {
  border-top: 1px solid rgba(151, 151, 151, 0.2);
  padding-top: 75px; }
  @media only screen and (max-width: 767px) {
    .procedure-block {
      padding-top: 35px; } }
  .procedure-block__title {
    font-weight: 900;
    font-size: 24px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .procedure-block__title {
        font-size: 18px;
        text-align: center; } }
  .procedure-block__text {
    line-height: 30px;
    font-size: 16px;
    color: #333;
    margin-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      .procedure-block__text {
        font-size: 14px;
        line-height: 26px; } }
  .procedure-block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    @media only screen and (max-width: 1250px) {
      .procedure-block__item {
        width: 600px;
        margin: 0 auto; } }
    @media only screen and (max-width: 767px) {
      .procedure-block__item {
        width: auto; } }
    .procedure-block__item--reverse {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .procedure-block__item--reverse .procedure-block__content {
        max-width: 287px;
        margin: 0 24px 0 0;
        text-align: right; }
        @media only screen and (max-width: 1250px) {
          .procedure-block__item--reverse .procedure-block__content {
            width: 220px; } }
        @media only screen and (max-width: 767px) {
          .procedure-block__item--reverse .procedure-block__content {
            text-align: center;
            margin: 0 auto; } }
    .procedure-block__item:last-of-type .procedure-block__box {
      margin-bottom: 60px; }
      .procedure-block__item:last-of-type .procedure-block__box::before {
        display: none; }
      @media only screen and (max-width: 767px) {
        .procedure-block__item:last-of-type .procedure-block__box {
          margin-bottom: 15px; } }
    @media only screen and (max-width: 767px) {
      .procedure-block__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px; } }
  .procedure-block__box {
    position: relative;
    width: 100px;
    height: 60px;
    background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
    background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 85px; }
    .procedure-block__box span {
      font-weight: 900;
      font-size: 24px;
      color: #fff; }
    .procedure-block__box svg {
      width: 30px;
      height: 30px;
      fill: #fff;
      margin-right: 20px; }
    .procedure-block__box::before {
      content: '';
      position: absolute;
      top: 115%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      background: url("../data/svg/decore-arrow.svg");
      height: 68px;
      width: 15px; }
    @media only screen and (max-width: 767px) {
      .procedure-block__box {
        margin-bottom: 15px; }
        .procedure-block__box::before {
          display: none; } }
  .procedure-block__content {
    max-width: 305px;
    width: 100%;
    margin-left: 24px;
    font-size: 14px;
    color: #333;
    padding-bottom: 15px;
    border-bottom: 1px dotted rgba(151, 151, 151, 0.5); }
    @media only screen and (max-width: 1279px) {
      .procedure-block__content {
        max-width: 296px; } }
    @media only screen and (max-width: 1250px) {
      .procedure-block__content {
        width: 233px; } }
    @media only screen and (max-width: 767px) {
      .procedure-block__content {
        text-align: center;
        margin: 0 auto; } }
  .procedure-block__bottom-text {
    line-height: 21px;
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-bottom: 40px; }
  .procedure-block__button {
    background: rgba(1, 161, 191, 0.9);
    -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
    box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 900;
    line-height: normal;
    font-size: 18px;
    color: #fff;
    width: 100%;
    height: 100px;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    @media only screen and (max-width: 767px) {
      .procedure-block__button {
        text-align: center;
        font-size: 16px;
        height: 80px; } }
    @media only screen and (min-width: 1025px) {
      .procedure-block__button:hover {
        background: #DDECEE;
        color: rgba(1, 161, 191, 0.9); } }

.help-form {
  background: #fff;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px;
  padding: 45px 25px 38px; }
  .help-form__title {
    font-weight: 900;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #02A596;
    margin-bottom: 12px; }
  .help-form__text {
    max-width: 330px;
    width: 100%;
    margin: 0 auto 24px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    color: #999; }
  .help-form form {
    max-width: 320px;
    width: 100%;
    margin: 0 auto; }

.searching-results {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto 65px; }
  @media only screen and (max-width: 1250px) {
    .searching-results {
      padding: 0 15px; } }
  .searching-results__form {
    position: relative;
    margin: 0 auto 55px; }
  .searching-results__input {
    font-family: 'Roboto', sans-serif;
    width: 100%;
    height: 57px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    border: none;
    font-size: 18px;
    color: #000;
    padding: 0 65px 0 25px; }
  .searching-results__button {
    background: transparent;
    border: none;
    position: absolute;
    right: 25px;
    top: 18px;
    cursor: pointer; }
    .searching-results__button svg {
      width: 20px;
      height: 20px;
      fill: #000; }
  .searching-results__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .searching-results__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
  .searching-results__sidebar {
    max-width: 260px;
    width: 100%;
    -ms-flex-preferred-size: 260px;
    flex-basis: 260px;
    margin-right: 30px; }
    @media only screen and (max-width: 1023px) {
      .searching-results__sidebar {
        max-width: 200px;
        -ms-flex-preferred-size: 200px;
        flex-basis: 200px;
        -ms-flex-negative: 0;
        flex-shrink: 0; } }
    @media only screen and (max-width: 767px) {
      .searching-results__sidebar {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: 0 auto 30px;
        max-width: 100%; } }
  .searching-results__main {
    width: 100%; }
    .searching-results__main .pagination {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    @media only screen and (max-width: 767px) {
      .searching-results__main {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: 0 auto; } }
  .searching-results__filter-title {
    font-weight: 500;
    font-size: 18px;
    color: #333;
    margin-bottom: 18px; }
  .searching-results__filter {
    background: #fff;
    -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
    box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
    border-radius: 5px;
    padding: 5px 19px; }
  .searching-results__subtitle {
    max-width: 420px;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    color: #333;
    padding-bottom: 18px;
    border-bottom: 1px dotted rgba(151, 151, 151, 0.5);
    margin-bottom: 25px; }
    @media only screen and (max-width: 767px) {
      .searching-results__subtitle {
        font-size: 14px; } }
  .searching-results__title {
    font-weight: 500;
    font-size: 24px;
    color: #333;
    margin-bottom: 26px; }
    @media only screen and (max-width: 767px) {
      .searching-results__title {
        font-size: 18px; } }
  .searching-results__list {
    margin-bottom: 40px; }
  .searching-results--no {
    max-width: 970px; }

.radio-block {
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  border-top: 1px dotted rgba(151, 151, 151, 0.5); }
  .radio-block input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .radio-block input[type="radio"] + label {
      font-weight: 900;
      font-size: 16px;
      color: #333;
      padding: 17px 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer; }
      .radio-block input[type="radio"] + label:before {
        content: '';
        background: #fff;
        border-radius: 100%;
        border: 1px solid #1AAA6D;
        display: inline-block;
        width: 24px;
        height: 24px;
        position: relative;
        top: 0;
        margin-right: 15px;
        vertical-align: top;
        cursor: pointer;
        text-align: center;
        -webkit-transition: all 250ms ease;
        transition: all 250ms ease; }
    .radio-block input[type="radio"]:checked + label:before {
      border-color: #1AAAC5;
      background-color: #1AAAC5;
      -webkit-box-shadow: inset 0 0 0 5px #fff;
      box-shadow: inset 0 0 0 5px #fff; }
    .radio-block input[type="radio"]:focus + label:before {
      outline: none; }
    .radio-block input[type="radio"]:disabled + label:before {
      -webkit-box-shadow: inset 0 0 0 2px #fff;
      box-shadow: inset 0 0 0 2px #fff;
      border-color: #efefef; }
    .radio-block input[type="radio"] + label:empty:before {
      margin-right: 0; }
  .radio-block:first-of-type {
    border-top: none; }

.no-results {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  text-align: center; }
  .no-results__title {
    font-weight: 900;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 15px; }
    @media only screen and (max-width: 767px) {
      .no-results__title {
        font-size: 18px; } }
  .no-results__text {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: #333333;
    margin-bottom: 75px; }
    @media only screen and (max-width: 767px) {
      .no-results__text {
        margin-bottom: 35px;
        font-size: 14px; } }

select {
  display: none; }

.select {
  margin: 0;
  border: 1px solid #e8e8e8;
  padding: 10px 20px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
  overflow: hidden; }
  .select::after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 7px;
    width: 7px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
  .select:hover {
    border-color: #dbdbdb; }
  .select:focus {
    border-color: #666; }
  .select--open {
    overflow: visible; }
    .select--open::after {
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg); }
  .select--medium {
    max-width: 500px; }
  .select__list {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 2px;
    opacity: 0;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-2em);
    transform: scale(0.75) translateY(-2em);
    -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.2s cubic-bezier(0.5, 0, 0, 1.25);
    transition: opacity 0.1s ease-out, -webkit-transform 0.2s cubic-bezier(0.5, 0, 0, 1.25);
    transition: transform 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.1s ease-out;
    transition: transform 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.1s ease-out, -webkit-transform 0.2s cubic-bezier(0.5, 0, 0, 1.25);
    z-index: 2; }
    .select--open .select__list {
      visibility: visible;
      opacity: 1;
      z-index: 3;
      -webkit-transform: scale(1) translateY(0);
      transform: scale(1) translateY(0); }
  .select__item {
    padding: 5px 10px;
    cursor: pointer; }
    .select__item.hidden {
      display: none; }
    .select__item:hover {
      background: #efefef; }
    .select__item--active {
      font-weight: bold;
      background: #eee; }
    .select__item--disabled {
      opacity: .3;
      cursor: not-allowed; }
  .select.error {
    border: 1px solid red !important; }
  .select.to-up .select__list {
    bottom: 100%;
    top: auto; }

.search-holder {
  z-index: 6;
  position: absolute;
  left: 5px;
  right: 5px;
  top: 60px;
  height: 40px; }
  .search-holder input {
    width: 100%;
    height: 45px;
    font-weight: normal;
    font-size: 14px;
    color: #4f4f4f;
    padding: 0 20px;
    border: 1px solid #d8d8d8;
    -webkit-box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.08); }

.search-select .select__list {
  padding-top: 55px; }

.service .wraper {
  padding-top: 0; }

.top-section {
  height: 320px;
  margin-bottom: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 767px) {
    .top-section {
      height: 200px;
      margin-bottom: 40px; } }
  .top-section .hedding-block {
    margin-bottom: 60px; }
  .top-section .main-title,
  .top-section .breadcrumb a span {
    color: #fff; }
  .top-section .breadcrumb li + li::after {
    color: #fff; }

.service-single {
  max-width: 1330px;
  width: 100%;
  margin: 0 auto 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 1450px) {
    .service-single {
      padding: 0 15px; } }
  @media only screen and (max-width: 1250px) {
    .service-single {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .service-single__main {
    max-width: 765px;
    width: 100%;
    -ms-flex-preferred-size: 765px;
    flex-basis: 765px; }
    .service-single__main .procedure-block {
      max-width: 740px;
      width: 100%; }
    @media only screen and (max-width: 1250px) {
      .service-single__main {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: 0 auto 30px; } }
  .service-single__sidebar {
    max-width: 540px;
    width: 100%;
    -ms-flex-preferred-size: 540px;
    flex-basis: 540px;
    margin-left: 30px; }
    @media only screen and (max-width: 1250px) {
      .service-single__sidebar {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: 0 auto; } }
  .service-single__content {
    line-height: 30px;
    font-size: 16px;
    color: #333;
    padding-bottom: 90px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
    margin-bottom: 85px; }
    .service-single__content span {
      display: table;
      position: relative;
      font-weight: 900;
      font-size: 24px;
      color: #333; }
      .service-single__content span::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 12px;
        width: 100%;
        background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
        background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
        opacity: 0.35;
        z-index: -1; }
    @media only screen and (max-width: 767px) {
      .service-single__content {
        font-size: 14px;
        line-height: 26px; }
        .service-single__content span {
          font-size: 20px; } }
  .service-single__tags-box span {
    display: table;
    position: relative;
    font-weight: 900;
    font-size: 24px;
    color: #333; }
    .service-single__tags-box span::before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      height: 12px;
      width: 100%;
      background: -webkit-gradient(linear, left top, right top, from(#05AA6A), to(#01A1BF));
      background: linear-gradient(90deg, #05AA6A 0%, #01A1BF 100%);
      opacity: 0.35;
      z-index: -1; }
    @media only screen and (max-width: 767px) {
      .service-single__tags-box span {
        font-size: 20px; } }
  .service-single__tags-inner {
    border-top: 1px dotted rgba(151, 151, 151, 0.5);
    border-bottom: 1px dotted rgba(151, 151, 151, 0.5);
    padding: 26px 0 32px;
    margin: 20px 0; }
  .service-single__tags-list {
    margin: 0 -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 102px;
    overflow: hidden; }
    .service-single__tags-list.open {
      max-height: 100%; }
  .service-single__tags-item {
    font-size: 14px;
    color: #02A596;
    text-decoration: none;
    text-transform: capitalize;
    margin: 0 5px 10px;
    display: table; }
    @media only screen and (min-width: 1025px) {
      .service-single__tags-item:hover {
        color: #1AAAC5; } }
  .service-single__tags-more {
    cursor: pointer;
    font-size: 12px;
    color: #979797;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .service-single__tags-more:hover {
        color: #1AAA6D; } }

.service-options {
  padding: 38px 45px 40px 30px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
  border-radius: 5px; }
  .service-options__title {
    font-weight: 900;
    font-size: 24px;
    color: #333;
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .service-options__title {
        font-size: 18px; } }
  .service-options__text {
    font-size: 16px;
    color: #9B9B9B;
    margin-bottom: 24px; }
    @media only screen and (max-width: 767px) {
      .service-options__text {
        font-size: 12px; } }
  .service-options__list {
    margin-bottom: 45px; }
  .service-options__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
    border-top: 1px dotted rgba(151, 151, 151, 0.5); }
    .service-options__item:last-of-type {
      border-bottom: 1px dotted rgba(151, 151, 151, 0.5); }
    @media only screen and (max-width: 767px) {
      .service-options__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
  .service-options__name {
    font-size: 12px;
    color: rgba(51, 51, 51, 0.5);
    max-width: 112px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 32px; }
    @media only screen and (max-width: 767px) {
      .service-options__name {
        margin: 0 auto 10px;
        max-width: 100%;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        text-align: center; } }
  .service-options__value {
    font-weight: 500;
    font-size: 14px;
    color: #333; }
    .service-options__value .select {
      min-width: 320px;
      font-size: 12px;
      color: #000;
      border: none; }
      @media only screen and (max-width: 1450px) {
        .service-options__value .select {
          min-width: 270px; } }
      @media only screen and (max-width: 767px) {
        .service-options__value .select {
          min-width: auto;
          padding: 10px 50px 10px 10px; } }
      .service-options__value .select::after {
        border-bottom: 1px solid #000;
        border-right: 1px solid #000; }
      .service-options__value .select .select__item--disabled {
        display: none; }
      .service-options__value .select .select__list {
        border-radius: 0; }
      .service-options__value .select .select__item {
        padding: 7px 20px; }
  .service-options .submit-btn {
    max-width: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer; }
  .service-options .service-link {
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #05AA6A;
    margin: 30px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .service-options .service-link:hover {
        color: #1AAAC5; } }

.not-login__text {
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  color: #333; }
  .not-login__text a {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    color: #1AAA6D;
    text-decoration: none; }
    @media only screen and (min-width: 1025px) {
      .not-login__text a:hover {
        color: #1AAAC5; } }

.services {
  max-width: 1330px;
  width: 100%;
  margin: 0 auto 95px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 1450px) {
    .services {
      padding: 0 15px; } }
  @media only screen and (max-width: 1023px) {
    .services {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .services__sidebar {
    max-width: 390px;
    width: 100%;
    -ms-flex-preferred-size: 390px;
    flex-basis: 390px;
    margin-right: 30px; }
    @media only screen and (max-width: 1023px) {
      .services__sidebar {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: 0 auto 30px; }
        .services__sidebar .adding-pet {
          max-width: 335px;
          margin: 0 auto 55px; } }
  .services__main {
    max-width: 882px;
    width: 100%;
    -ms-flex-preferred-size: 882px;
    flex-basis: 882px; }
    @media only screen and (max-width: 1023px) {
      .services__main {
        -ms-flex-preferred-size: auto;
        flex-basis: auto; } }
  .services__main-title {
    font-weight: 900;
    font-size: 24px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 35px; }
    @media only screen and (max-width: 767px) {
      .services__main-title {
        font-size: 18px;
        text-align: center; } }
  @media only screen and (max-width: 767px) {
    .services__table {
      width: 800px; } }
  .services__table table {
    width: 100% !important;
    border-collapse: collapse; }
    .services__table table thead tr td {
      background: #05AA6A;
      font-weight: 900;
      line-height: normal;
      font-size: 16px;
      color: #fff;
      padding: 21px 0; }
      .services__table table thead tr td:first-of-type {
        padding-left: 40px; }
    .services__table table tbody tr:nth-child(odd) {
      background: #E6F6F9; }
    .services__table table tbody tr td {
      padding: 21px 0;
      font-size: 16px;
      color: #333; }
      .services__table table tbody tr td a {
        text-decoration: none;
        color: #333;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
        @media only screen and (min-width: 1025px) {
          .services__table table tbody tr td a:hover {
            color: #1AAA6D; } }
      .services__table table tbody tr td:first-of-type {
        padding-left: 30px; }
      .services__table table tbody tr td:nth-child(3) {
        padding-left: 30px; }
      .services__table table tbody tr td:nth-child(4) {
        padding-left: 50px; }
  .services__nav {
    background: #fff;
    -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
    box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
    border-radius: 5px;
    padding: 20px 30px 5px;
    margin-bottom: 60px; }
  .services__nav-list {
    list-style: none;
    margin: 0;
    padding: 0; }
  .services__nav-item {
    border-bottom: 1px dotted rgba(151, 151, 151, 0.5); }
    .services__nav-item a,
    .services__nav-item span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 16px;
      color: #333;
      text-decoration: none;
      padding: 14px 0;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      .services__nav-item a svg,
      .services__nav-item span svg {
        width: 32px;
        height: 32px;
        fill: #01A1BF;
        margin-right: 25px;
        opacity: 0.7;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
      .services__nav-item a img,
      .services__nav-item span img {
        width: 32px;
        height: 32px;
        margin-right: 25px;
        opacity: 0.7; }
    .services__nav-item:last-of-type {
      border-bottom: none; }
    @media only screen and (min-width: 1025px) {
      .services__nav-item:hover a {
        color: #1AAA6D; }
      .services__nav-item:hover svg {
        fill: #1AAA6D; }
      .services__nav-item:hover.active a {
        color: #333; } }
    .services__nav-item.active {
      color: #333;
      font-weight: 900; }
      .services__nav-item.active svg {
        fill: #1AAA6D; }
  .services__main-filter {
    margin-bottom: 30px; }
    .services__main-filter .filter-text {
      font-size: 14px;
      color: #999;
      margin-bottom: 5px; }
    .services__main-filter .select {
      padding: 16px 20px;
      border: 1px solid rgba(1, 161, 191, 0.35);
      border-radius: 3px;
      font-size: 14px; }
      .services__main-filter .select::after {
        border-bottom: 1px solid #333;
        border-right: 1px solid #333; }
      .services__main-filter .select .select__list {
        -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
        box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.0807009);
        max-height: 200px;
        overflow-y: auto; }
        .services__main-filter .select .select__list .select__item {
          padding: 15px 20px; }
        .services__main-filter .select .select__list .select__item--disabled {
          display: none; }

.tab {
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .tab.active {
    height: auto;
    overflow: visible;
    opacity: 1; }


    .main-section__text h1 {
    line-height: 35px;
    font-size: 24px;
    color: #333;
    font-weight: normal;
}

.header__right {
    padding-right: 30px;
}



.map-img img {
    height: 640px;
    object-fit: cover;
    width: 100%;
}

@media (max-width: 768px) {

    .map-img img {
        height: initial;
    }
    .header__bottom .basket {
      display: none;
    }
}

.header__options::before {
  display: none;
}
/*# sourceMappingURL=index.css.map */