/* Start:/css/main.css?1692713212106472*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
 body {
  margin: 0;
  user-select: none;
}

/**
 * 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 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
 a:active,
 a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in 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 */
  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
========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
 button,
 input,
 optgroup,
 select,
 textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * 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;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
 fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 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;
}

@font-face {
  font-family: "Open Sans";
  src: url("/css/../fonts/OpenSans-Bold.woff2") format("woff2"), url("/css/../fonts/OpenSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("/css/../fonts/OpenSans.woff2") format("woff2"), url("/css/../fonts/OpenSans.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("/css/../fonts/OpenSans-Semibold.woff2") format("woff2"), url("/css/../fonts/OpenSans-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

i[class^="icon-"] {
  display: inline-block;
  vertical-align: middle;
  background-image: url(/css/../img/sprites.png);
  background-repeat: no-repeat;
}


.header__advantages-icon .icon-advantages1 {
  background-image: url(/css/../img/sprites_new.png);
  background-size: cover;
  background-position: 0 0;
  width: 70px;
  height: 70px;
}

.header__advantages-icon .icon-advantages2 {
  background-image: url(/css/../img/sprites_new.png);
  background-size: cover;
  background-position: -1px -112px;
  width: 70px;
  height: 73px;
}

.header__advantages-icon .icon-advantages3 {
  background-image: url(/css/../img/sprites_new.png);
  background-size: cover;
  background-position: -1px -195px;
  width: 64px;
  height: 70px;
}

.icon-arrow-gray {
  background-position: -1px -237px;
  width: 8px;
  height: 15px;
}

.icon-arrow-white {
  background-position: -1px -214px;
  width: 8px;
  height: 15px;
}

.icon-basket {
  background-position: -1px -150px;
  width: 39px;
  height: 35px;
}

.icon-cross {
  background-position: -1px -191px;
  width: 18px;
  height: 16px;
}

.icon-mail {
  background-position: -1px -94px;
  width: 24px;
  height: 20px;
}

.icon-mark {
  background-position: -1px -118px;
  width: 20px;
  height: 26px;
}

.icon-mobilel {
  background-position: -1px -63px;
  width: 16px;
  height: 26px;
}

.icon-phone {
  background-position: -1px -31px;
  width: 26px;
  height: 27px;
}

.icon-serch {
  background-position: -1px -260px;
  width: 25px;
  height: 26px;
}

.icon-phone-black {
  background-position: -1px 0;
  width: 25px;
  height: 25px;
}

*:focus::-webkit-input-placeholder {
  color: transparent;
}

*:focus::-moz-placeholder {
  color: transparent;
}

*:focus:-moz-placeholder {
  color: transparent;
}

*:focus:-ms-input-placeholder {
  color: transparent;
}

*::-webkit-input-placeholder {
  color: #91959b;
  opacity: 1;
}

*:-moz-placeholder {
  color: #91959b;
  opacity: 1;
}

*::-moz-placeholder {
  color: #91959b;
  opacity: 1;
}

*:-ms-input-placeholder {
  color: #91959b;
  opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
  color: #91959b;
}

body input:required:valid,
body textarea:required:valid {
  color: #91959b;
}

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

html {
  font-size: 10px;
}

body {
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  min-width: 320px;
  position: relative;
  line-height: 1.25;
  font-family: "Open Sans", sans-serif;
  color: #000;
  background-color: #efefef;
}
.em{
  font-style:italic;
}
.b{
  font-weight: bold;
}
.clearfix:after,
.container:after {
  content: "";
  display: table;
  clear: both;
}

.hidden {
  display: none;
}

a {
  outline: none !important;
  color: #1998d6;
}

.button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  border: none;
  outline: none;
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
  font-size: 1.8rem;
  padding: 1.4rem 3rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background-color: #1998d6;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.button:hover,
.button:active,
.button:focus {
  background-color: #3aafe8;
}

.button_bg_gray {
  background-color: #91959b;
}
.button_bg_gray:hover,
.button_bg_gray:active,
.button_bg_gray:focus {
  background-color: #777b82;
}


h1 {
  color: #1478a8;
  font-size: 40px;
  font-weight: 300;
  line-height: 45px;
}
.title h2, .title .h2 {
  margin: 0;
  font-size: 3rem;
  font-weight: 400;
}
.title h3, .title .h3 {
  margin: 0;
  font-size: 2.4rem;
  font-weight: 400;
}

.container {
  max-width: 1388px;
  margin: 0 auto;
  background-color: #fff;
  border-left: 1px solid #d8d9dc;
  border-right: 1px solid #d8d9dc;
}

.button-mobile-nav {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  border: none;
  outline: none;
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
  display: none;
  position: relative;
  float: left;
  width: 60px;
  height: 70px;
  border-right: 1px solid #d8d9dc;
}
.button-mobile-nav span,
.button-mobile-nav:before,
.button-mobile-nav:after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 34px;
  display: block;
  width: 20px;
  height: 2px;
  background-color: #000;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.button-mobile-nav:before {
  top: 26px;
}
.button-mobile-nav:after {
  top: auto;
  bottom: 26px;
}
.button-mobile-nav.active span {
  opacity: 0;
}
.button-mobile-nav.active:before {
  top: 34px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}
.button-mobile-nav.active:after {
  bottom: 34px;
  -webkit-transform: translateX(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
}

.button-mobile-callback {
  display: none;
  position: relative;
  float: right;
  width: 60px;
  height: 70px;
  border-left: 1px solid #d8d9dc;
}
.button-mobile-callback i[class^="icon-"] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mob-logo{
  display: none;
  text-align: center;
  padding-top: 8px;
}

.mob-logo img{
  width: 180px;
}

.logo {
  width: 30%;
  padding: 0 3rem 0 3rem;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.logo__img img{
  width: 250px;
}

.logo__text {
  margin: 0.5rem 0 0 0;
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 600;
  text-transform: uppercase;
  color: #1998d6;
}

.top-nav {
  position: relative;
  z-index: 1;
  width: 100%;
  border-top: 2px solid #D8D9DC;
  margin-bottom: 2px;
}

.top-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;}

.top-nav__item {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  text-align: center;
}
.top-nav__item>div>a {
  display: inline-block;
  vertical-align: top;
  padding: 2.5rem 0;
  text-decoration: none;
  color: #4d5565;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  white-space: nowrap;
  transition: all 0.5s ease;
}
.top-nav__item>div>a:hover,
.top-nav__item>div>a:active,
.top-nav__item>div>a:focus,
.top-nav__item>div>a.active {
  color: #3aafe8;
}

.top-nav__item_with_undernav {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.top-nav__item_with_undernav>a {
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
}
/*.top-nav__item_with_undernav:before {
  content: "";
  position: absolute;
  bottom: 0.4rem;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
  background-image: url(/css/../img/sprites.png);
  background-repeat: no-repeat;
  background-position: -1px -238px;
  width: 8px;
  height: 15px;
}*/
/*.top-nav__item_with_undernav:hover,
.top-nav__item_with_undernav:active,
.top-nav__item_with_undernav:focus,
.top-nav__item_with_undernav.active {
  background-color: #3aafe8;
}*/
.top-nav__item_with_undernav:hover>a,
.top-nav__item_with_undernav:active>a,
.top-nav__item_with_undernav:focus>a,
.top-nav__item_with_undernav.active>a {
  color: #3aafe8;
}
.top-nav__item_with_undernav:hover .top-nav__undernav,
.top-nav__item_with_undernav:active .top-nav__undernav,
.top-nav__item_with_undernav:focus .top-nav__undernav,
.top-nav__item_with_undernav.active .top-nav__undernav {
  opacity: 1;
  padding: 3rem;
  max-height: 1000px;
}

.top-nav__undernav {
  position: absolute;
  z-index: 1;
  opacity: 0.5;
  max-height: 0;
  overflow: hidden;
  left: 0;
  right: 0;
  padding: 0 3rem;
  margin: 0;
  list-style: none;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.2;
  background-color: #fff;
  border: 0 solid #1998d6;
  -webkit-box-shadow: 0 5px 15px 0 #666;
  box-shadow: 0 5px 15px 0 #666;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.top-nav__undernav li {
  margin: 1.5rem 0 0 0;
}
.top-nav__undernav li:first-child {
  margin: 0;
}
.top-nav__undernav li a {
  text-decoration: none;
  color: #000;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.top-nav__undernav li a:hover,
.top-nav__undernav li a:active,
.top-nav__undernav li a:focus,
.top-nav__undernav li a.active {
  color: #1998d6;
}

.aside {
  clear: left;
  float: left;
  width: 25%;
  margin: 4rem 0 0 0;
  padding: 0 3rem 15rem 3rem;
}

.aside-nav>:first-child {
  margin: 0;
}

.aside-nav h4 {
  margin: 1.5rem 0 0 0;
  font-size: 1.8rem;
  line-height: 1.25;
  font-weight: 600;
  color: #000;
}
.aside-nav h4 a {
  color: #000;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.aside-nav h4 a:hover,
.aside-nav h4 a:active,
.aside-nav h4 a:focus {
  color: #1998d6;
}

.aside-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.8rem;
  line-height: 1.25;
}
.aside-nav ul li {
  /*margin: 1.5rem 0 0 0;*/
  padding: 1rem 0;
  border-top: 1px solid #d8d9dc;
  border-bottom: 1px solid #d8d9dc;
  margin-top: -1px;
}
.aside-nav ul li a {
  text-decoration: none;
  color: #000;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.aside-nav ul li a:hover,
.aside-nav ul li a:active,
.aside-nav ul li a:focus,
.aside-nav ul li a.active {
  color: #1998d6;
}

.aside-nav_catalog ul li a {
  position: relative;
  display: block;
  padding: 0 0 0 2rem;
}
.aside-nav_catalog ul li a:after {
  /* content: ""; */
  position: absolute;
  top: 1rem;
  left: 0;
  width: 1rem;
  height: 2px;
  background-color: #4d5565;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.aside-nav_catalog ul li a:hover:after,
.aside-nav_catalog ul li a:active:after,
.aside-nav_catalog ul li a:focus:after,
.aside-nav_catalog ul li a.active:after {
  background-color: #1998d6;
}

.search {
  position: relative;
  margin: 0;
}
.search input {
  display: block;
  width: 100%;
  height: 3.5rem;
  line-height: 3.5rem;
  padding: 0 4.5rem 0 1rem;
  border: 1px solid #1998d6;
  font-size: 1.8rem;
  color: #91959b;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none !important;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.search input:hover,
.search input:active,
.search input:focus {
  border-color: #3aafe8;
}
.search button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  border: none;
  outline: none;
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  background-color: #1998d6;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.search button i {
  vertical-align: middle;
}
.search button:hover,
.search button:active,
.search button:focus {
  background-color: #3aafe8;
}

.main {
  position: relative;
  z-index: 0;
  clear: right;
  width: 75%;
  margin: 0 0 0 25%;
  border-left: 1px solid #d8d9dc;
}

@media only screen and (max-width: 1400px) {
  html {
    font-size: 9px;
  }
  .container {
    max-width: 1200px;
  }
}

@media only screen and (max-width: 1200px) {
  html {
    font-size: 8px;
  }
  .container {
    max-width: 992px;
  }
}

@media only screen and (max-width: 992px) {
  html {
    font-size: 7px;
  }
  .container {
    max-width: 768px;
  }
  .button-mobile-nav {
    display: block;
    z-index: 10;
  }
  .button-mobile-callback {
    display: block;
    z-index: 10;
  }
  .header .header-up{
    display: none;
  }
  .header .mob-logo{
    display: block;
  }
  .logo {
    float: none;
    width: auto;
    padding: 2.5rem 0 0 0;
    margin: 0;
  }
  .logo__img {
    margin: 0 80px;
  }
  .logo__text {
    clear: both;
    padding: 2rem 2rem;
    font-size: 1.7rem;
    color: #fff;
    background-color: #1998d6;
  }
  .logo__text br {
    display: none;
  }
  .top-nav {
    display: none;
    float: none;
    width: auto;
    margin: 0;
    border: none;
  }
  .aside {
    display: none;
    float: none;
    width: auto;
    padding: 0 3rem 3rem 3rem;
  }
  .aside-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .aside-nav ul li {
    width: 30%;
  }
  .aside-nav ul li:first-child {
    margin: 1.5rem 0 0 0;
  }
  .main {
    width: auto;
    margin: 0;
    border: none;
  }
}

@media only screen and (max-width: 768px) {
  .container {
    border: none;
  }
  .top-nav {
    border: none;
  }
  .main {
    border: none;
  }
}

@media only screen and (max-width: 640px) {
  .top-nav__list {
    display: block;
    padding: 2rem 0 0 0;
  }
  .top-nav__item_with_undernav {
    margin: 2rem 0 0 0;
  }
  .top-nav__item_with_undernav:before {
    display: none;
  }
  .top-nav__item_with_undernav a {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 480px) {
  .logo__text {
    padding: 1.5rem 2rem;
  }
  .top-nav__item>div>a {
    padding: 1.6rem 0;
  }
  .top-nav__item>div>a:before,
  .top-nav__item>div>a:after {
    bottom: 1.4rem;
  }
  .aside-nav ul {
    display: block;
  }
  .aside-nav ul li {
    width: auto;
  }
}

.header {
  position: relative;
  z-index: 1;
}

.header__link {
  position: absolute;
  z-index: 2;
  left: 7rem;
  top: 3rem;
  font-size: 3rem;
  line-height: 1;
  font-weight: 600;
}
.header__link a {
  position: relative;
  text-decoration: none;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.header__link a:hover,
.header__link a:active,
.header__link a:focus {
  color: #1998d6;
}
.header__link a i[class^="icon-"] {
  margin: 0 1rem 0 0;
}

.header__slider {
  position: relative;
  z-index: 0;
}
.header__slider .owl-nav .owl-prev,
.header__slider .owl-nav .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3rem;
}
.header__slider .owl-nav .owl-prev:before,
.header__slider .owl-nav .owl-next:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(/css/../img/sprites.png);
  background-repeat: no-repeat;
  background-position: -1px -214px;
  width: 8px;
  height: 15px;
}
.header__slider .owl-nav .owl-prev:after,
.header__slider .owl-nav .owl-next:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.header__slider .owl-nav .owl-prev:hover:after,
.header__slider .owl-nav .owl-prev:active:after,
.header__slider .owl-nav .owl-next:hover:after,
.header__slider .owl-nav .owl-next:active:after {
  opacity: 1;
}
.header__slider .owl-nav .owl-prev {
  left: 0;
}
.header__slider .owl-nav .owl-prev:after {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(25, 152, 214, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(25, 152, 214, 0.5), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right, rgba(25, 152, 214, 0.5), rgba(255, 255, 255, 0));
}
.header__slider .owl-nav .owl-next {
  right: 0;
}
.header__slider .owl-nav .owl-next:before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}
.header__slider .owl-nav .owl-next:after {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(25, 152, 214, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(right, rgba(25, 152, 214, 0.5), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to left, rgba(25, 152, 214, 0.5), rgba(255, 255, 255, 0));
}

.header__slider_without_advantages .header__slider-item {
  min-height: 30rem;
  padding: 10rem 7rem;
}

.header__slider_without_advantages .owl-nav .owl-prev:before,
.header__slider_without_advantages .owl-nav .owl-next:before {
  top: 50%;
}

.header__slider_without_advantages .header__slider-title {
  font-size: 4rem;
}

.header__slider-item {
  min-height: 57rem;
  padding: 10rem 7rem 13rem 7rem;
  background-size: cover;
  background-position: center center;
}

.header__slider-title {
  font-size: 4.5rem;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
}

.header__slider-button {
  margin: 3.5rem 0 0 0;
}

.header__advantages {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(255, 255, 255, 0.9);
}

.header__advantages-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 33.33%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2rem;
}

.header__advantages-icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  text-align: center;
}

.header__advantages-text {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 700;
  color: #1478a8;
}

@media only screen and (max-width: 1200px) {
  .header__slider-item {
    padding: 10rem 7rem 15rem 7rem;
  }
}

@media only screen and (max-width: 992px) {
  .header__slider-item {
    padding: 10rem 7rem 17rem 7rem;
  }
}

@media only screen and (max-width: 640px) {
  .header__link {
    display: none;
  }
  .header__slider .owl-nav .owl-prev:before,
  .header__slider .owl-nav .owl-next:before {
    top: 50%;
  }
  .header__slider-item {
    min-height: 45rem;
    padding: 10rem 7rem;
  }
  .header__advantages {
    position: static;
  }
  .header__advantages-item {
    display: block;
    text-align: center;
  }
  .header__advantages-text {
    margin: 1rem 0 0 0;
    font-weight: 600;
  }
}

@media only screen and (max-width: 480px) {
  .header__slider-item {
    position: relative;
    min-height: 28rem;
    padding: 4.5rem 7rem;
    text-align: center;
  }
  .header__slider-item:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(77, 85, 101, 0.8);
  }
  .header__slider_without_blackout .header__slider-item:before {
    display: none;
  }
  .header__slider-title {
    position: relative;
    z-index: 1;
    font-size: 3.6rem;
  }
  .header__slider-button {
    position: relative;
    z-index: 1;
    margin: 2rem 0 0 0;
  }
}

.slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #d8d9dc;
  border-bottom: 1px solid #d8d9dc;
}
.slider.owl-carousel {
  padding: 0 2.7rem 0;
}
.slider.owl-carousel .owl-stage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.slider.owl-carousel .owl-stage .owl-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.slider.owl-carousel .owl-stage .owl-item .slider__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: auto;
  border-bottom: none;
}
.slider.owl-carousel .owl-stage .owl-item .slider__item:nth-child(3n+3) {
  border-right: 1px solid #d8d9dc;
}
.slider.owl-carousel .owl-nav .owl-prev,
.slider.owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3rem;
  border: 1px solid #fff;
  background-color: inherit;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.slider.owl-carousel .owl-nav .owl-prev:before,
.slider.owl-carousel .owl-nav .owl-next:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(/css/../img/sprites.png);
  background-repeat: no-repeat;
  background-position: -1px -237px;
  width: 8px;
  height: 15px;
}
.slider.owl-carousel .owl-nav .owl-prev:hover,
.slider.owl-carousel .owl-nav .owl-prev:active,
.slider.owl-carousel .owl-nav .owl-next:hover,
.slider.owl-carousel .owl-nav .owl-next:active {
  border: 1px solid inherit;
}
.slider.owl-carousel .owl-nav .owl-prev {
  left: 0;
  border-right: 1px solid #d8d9dc;
}
.slider.owl-carousel .owl-nav .owl-next {
  right: 0;
  border-left: 1px solid #d8d9dc;
}
.slider.owl-carousel .owl-nav .owl-next:before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}

.slider__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
  z-index: 1;
  width: 33.33%;
  padding: 2rem;
  text-align: center;
  border-right: 1px solid #d8d9dc;
  border-bottom: 1px solid #d8d9dc;
  overflow: hidden;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7d91ac), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, #7d91ac, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom, #7d91ac, rgba(255, 255, 255, 0));
}
.slider__item:nth-child(3n+3) {
  border-right: none;
}

.slider__item-img {
  position: relative;
  height: 0;
  padding-bottom: 80%;
}
.slider__item-img img {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.slider__item-img:hover img,
.slider__item-img:active img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}

.slider__item-text {
  margin: 1rem 0 0 0;
  font-size: 1.8rem;
  font-weight: 400;
}
.slider__item-text a {
  text-decoration: none;
  color: #000;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.slider__item-text a:hover,
.slider__item-text a:active,
.slider__item-text a:focus {
  color: #1998d6;
}

@media only screen and (max-width: 640px) {
  .slider.owl-carousel .owl-stage .owl-item .slider__item:nth-child(2n+2) {
    border-right: 1px solid #d8d9dc;
  }
  .slider__item {
    width: 50%;
  }
  .slider__item:nth-child(3n+3) {
    border-right: 1px solid #d8d9dc;
  }
  .slider__item:nth-child(2n+2) {
    border-right: none;
  }
}

@media only screen and (max-width: 360px) {
  .slider {
    display: block;
  }
  .slider.owl-carousel {
    padding: 0;
  }
  .slider.owl-carousel .owl-nav .owl-prev,
  .slider.owl-carousel .owl-nav .owl-next {
    background-color: rgba(255, 255, 255, 0);
    border: none;
  }
  .slider.owl-carousel .owl-nav .owl-prev:hover,
  .slider.owl-carousel .owl-nav .owl-prev:active,
  .slider.owl-carousel .owl-nav .owl-next:hover,
  .slider.owl-carousel .owl-nav .owl-next:active {
    border: none;
  }
  .slider__item {
    width: auto;
    padding: 2rem 5rem;
    border-right: none;
  }
  .slider__item:nth-child(3n+3) {
    border-right: none;
  }
}

.contacts__box {
  position: relative;
  border-top: 1px solid #d8d9dc;
}

.contacts__text {
  position: relative;
  z-index: 1;
  width: 34%;
  padding: 6rem 3rem;
  background-color: rgba(20, 120, 168, 0.8);
}

.contacts__item {
  position: relative;
  margin: 2rem 0 0 0;
  padding: 0 0 0 4rem;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 400;
  color: #fff;
}
.contacts__item:first-child {
  margin-top: 0;
}
.contacts__item i[class^="icon-"] {
  position: absolute;
  top: 0;
  left: 1.2rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.contacts__item a {
  text-decoration: none;
  color: #fff;
}
.contacts__item a span {
  position: relative;
}
.contacts__item a span:after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 0;
  height: 1px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.contacts__item a:hover span:after,
.contacts__item a:active span:after,
.contacts__item a:focus span:after {
  left: 0;
  right: 0;
}

.contacts__item_fontsize_big {
  font-size: 2.6rem;
}

.contacts__map {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media only screen and (max-width: 640px) {
  .contacts__text {
    width: 50%;
  }
}

@media only screen and (max-width: 480px) {
  .contacts__box {
    padding: 0 0 32rem 0;
  }
  .contacts__text {
    width: auto;
    padding: 3.5rem 3rem;
  }
  .contacts__item {
    margin-top: 2.5rem;
    font-size: 2.3rem;
  }
  .contacts__item_fontsize_big {
    font-size: 3.6rem;
  }
}

.footer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 3rem 0;
  border-top: 1px solid #d8d9dc;
}

.footer__logo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 25%;
  padding: 0 3rem;
  border-right: 1px solid #d8d9dc;
}
.footer__logo img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.footer__contacts {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid #d8d9dc;
}

.footer__contacts-phone {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 32%;
  padding: 0 3rem;
}

.footer__contacts-adress {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 68%;
  padding: 0 3rem;
}

.footer__contacts-item {
  position: relative;
  margin: 2rem 0 0 0;
  padding: 0 0 0 3.5rem;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 400;
  color: #91959b;
}
.footer__contacts-item:first-child {
  margin-top: 0;
}
.footer__contacts-item i[class^="icon-"] {
  position: absolute;
  top: 0;
  left: 1.2rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.footer__contacts-item a {
  text-decoration: none;
  color: #91959b;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.footer__contacts-item a:hover,
.footer__contacts-item a:active,
.footer__contacts-item a:focus {
  color: #1998d6;
}

.footer__counters {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 185px;
  margin: 0 3rem;
}

.footer__counters-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 90px;
  max-width: 50%;
  margin: 0 0 5px 0;
}
.footer__counters-item:nth-child(even) {
  margin-left: 5px;
}
.footer__counters-item:nth-last-child(1),
.footer__counters-item:nth-last-child(2) {
  margin-bottom: 0;
}
.footer__counters-item img {
  display: block;
}

.footer__button-top {
  position: absolute;
  z-index: 1;
  /*left: 0;*/
  right: -1px;
  top: -41px;
  /*width: 25%;*/
  padding: 0 0rem;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.footer__button-top a {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  border: none;
  outline: none;
  text-decoration: none;
  /*background-color: transparent;*/
  background-color: #fff;
  cursor: pointer;
  color: #91959b;
  padding: 1rem 3rem;
  border: 1px solid #d8d9dc;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.footer__button-top a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url(/css/../img/sprites.png);
  background-repeat: no-repeat;
  background-position: -1px -237px;
  width: 8px;
  height: 15px;
  -webkit-transform: rotate(90deg) translateX(-50%);
  -ms-transform: rotate(90deg) translateX(-50%);
  transform: rotate(90deg) translateX(-50%);
}
.footer__button-top a:hover,
.footer__button-top a:active,
.footer__button-top a:focus {
  color: #1998d6;
  border-color: #1998d6;
}
.footer__button-top span {
  margin: 0 0 0 0.5rem;
}



@media only screen and (max-width: 1400px) {
  .footer__contacts-phone {
    width: 34%;
  }
  .footer__contacts-adress {
    width: 66%;
  }
}

@media only screen and (max-width: 1200px) {
  .footer__contacts-phone {
    width: 38%;
  }
  .footer__contacts-adress {
    width: 62%;
  }
}

@media only screen and (max-width: 992px) {

  .footer__logo {
    display: none;
  }

  .footer__button-top {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: static;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: auto;
    font-size: 0;
  }
  .footer__button-top a {
    width: 68px;
    height: 68px;
    line-height: 58px;
    text-align: center;
  }
  .footer__button-top span {
    margin: 0;
  }
}

@media only screen and (max-width: 768px) {
  .footer {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footer__contacts {
    width: 100%;
    padding: 0 0 4rem 0;
    margin: 0 0 3rem 0;
    border-right: none;
    border-bottom: 1px solid #d8d9dc;
  }
  .footer__button-top {
    margin: 0 0 0 auto;
    padding: 0 3rem 0 0;
  }
}

@media only screen and (max-width: 480px) {
  .footer__contacts {
    display: block;
  }
  .footer__contacts-phone,
  .footer__contacts-adress {
    width: auto;
  }
  .footer__contacts-item {
    margin-top: 2.5rem;
    font-size: 2.3rem;
  }
  .footer__contacts-item:first-child {
    margin-top: 2.5rem;
  }
}

.top-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.top-line__breadcrumbs {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  padding: 1rem 3rem;
  font-size: 1.5rem;
  line-height: 1.1;
  color: #4d5565;
}
.top-line__breadcrumbs a {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0 2.5rem 0 0;
  color: #4d5565;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.top-line__breadcrumbs a:after {
  content: "";
  position: absolute;
  right: 0.8rem;
  top: 0.5rem;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #4d5565;
  border-right: 1px solid #4d5565;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.top-line__breadcrumbs a:hover,
.top-line__breadcrumbs a:active,
.top-line__breadcrumbs a:focus {
  color: #1998d6;
}
.top-line__breadcrumbs span {
  display: inline-block;
  vertical-align: middle;
  padding: 0.5rem 0;
}

.top-line__basket {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25.8rem;
  min-height: 7.3rem;
  padding: 1.5rem 3rem 1.5rem 9rem;
  border-top: 1px solid #fff;
  background-color: #1998d6;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}
.top-line__basket:hover,
.top-line__basket:active {
  background-color: #3aafe8;
}

.top-line__basket-icon {
  position: absolute;
  top: 50%;
  left: 3rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.top-line__basket-sum,
.top-line__basket-count {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #fff;
}
.top-line__basket-sum b,
.top-line__basket-count b {
  font-weight: 700;
}

.catalog__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #d8d9dc;
}
.catalog__box.owl-carousel {
  padding: 0 2.7rem 0;
}
.catalog__box.owl-carousel .owl-stage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.catalog__box.owl-carousel .owl-stage .owl-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.catalog__box.owl-carousel .owl-stage .owl-item .catalog__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: auto;
  border-bottom: none;
}
.catalog__box.owl-carousel .owl-stage .owl-item .catalog__item:nth-child(3n+3) {
  border-right: 1px solid #d8d9dc;
}
.catalog__box.owl-carousel .owl-nav .owl-prev,
.catalog__box.owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3rem;
  border: 1px solid #fff;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.catalog__box.owl-carousel .owl-nav .owl-prev:before,
.catalog__box.owl-carousel .owl-nav .owl-next:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(/css/../img/sprites.png);
  background-repeat: no-repeat;
  background-position: -1px -237px;
  width: 8px;
  height: 15px;
}
.catalog__box.owl-carousel .owl-nav .owl-prev:hover,
.catalog__box.owl-carousel .owl-nav .owl-prev:active,
.catalog__box.owl-carousel .owl-nav .owl-next:hover,
.catalog__box.owl-carousel .owl-nav .owl-next:active {
  border: 1px solid #1998d6;
}
.catalog__box.owl-carousel .owl-nav .owl-prev {
  left: 0;
  border-right: 1px solid #d8d9dc;
}
.catalog__box.owl-carousel .owl-nav .owl-next {
  right: 0;
  border-left: 1px solid #d8d9dc;
}
.catalog__box.owl-carousel .owl-nav .owl-next:before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}

.catalog__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  position: relative;
  z-index: 1;
  width: 33.33%;
  padding: 2rem;
  text-align: center;
  border-right: 1px solid #d8d9dc;
  border-bottom: 1px solid #d8d9dc;
  overflow: hidden;
}
.catalog__item:nth-child(3n+3) {
  border-right: none;
}
.catalog__item-img {
  position: relative;
  height: 0;
  padding-bottom: 70%;
}
.catalog__item-img img {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.catalog__item-img:hover img,
.catalog__item-img:active img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}

.catalog__item-title {
  margin: 1rem 0 0 0;
  font-size: 1.7rem;
  font-weight: 600;
}
.catalog__item-title a {
  text-decoration: none;
  color: #000;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.catalog__item-title a:hover,
.catalog__item-title a:active,
.catalog__item-title a:focus {
  color: #1998d6;
}

.catalog__item-price {
  margin: 2.5rem 0 0 0;
  font-size: 1.8rem;
  font-weight: 400;
  color: #4d5565;
}
.catalog__item.special .catalog__item-price {
	margin-top: 3.9rem;
}
.catalog__item-price b {
  margin: 0 0.5rem;
  font-size: 3rem;
  font-weight: 600;
  color: #000;
}
.catalog__item.special .catalog__item-price span span {
	font-weight: bold;
}
.catalog__item-button {
  margin: 1rem 0 0 0;
}
.catalog__item.special .catalog__item-button {
	margin-top: -1.4rem;
}
.catalog__item-button a {
  display: block;
}

.pagination {
  padding: 7rem 0;
  font-size: 0;
  text-align: center;
  -webkit-box-shadow: 0 -2px 0 -1px #d8d9dc;
  box-shadow: 0 -2px 0 -1px #d8d9dc;
}
.pagination a {
  display: inline-block;
  vertical-align: top;
  margin: 2px;
  width: 4rem;
  height: 4.5rem;
  line-height: 4.5rem;
  font-size: 1.8rem;
  font-weight: 700;
  text-decoration: none;
  color: #91959b;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pagination a:first-child,
.pagination a:last-child {
  position: relative;
  width: 4.5rem;
  height: 4.5rem;
  font-size: 0;
  border: 1px solid #d8d9dc;
}
.pagination a:first-child:before,
.pagination a:last-child:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/css/../img/sprites.png);
  background-repeat: no-repeat;
  background-position: -1px -237px;
  width: 8px;
  height: 15px;
}
.pagination a:first-child:before {
  left: 40%;
}
.pagination a:last-child:before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.pagination a:hover,
.pagination a:active,
.pagination a:focus {
  color: #1998d6;
}
.pagination a:hover:first-child,
.pagination a:hover:last-child,
.pagination a:active:first-child,
.pagination a:active:last-child,
.pagination a:focus:first-child,
.pagination a:focus:last-child {
  border-color: #1998d6;
}
.pagination a.active {
  color: #1998d6;
}
.pagination a.disabled {
  display: none;
}

@media only screen and (max-width: 1400px) {
  .top-line__basket {
    width: 25rem;
  }
}

@media only screen and (max-width: 1200px) {
  .top-line__basket {
    width: 23.5rem;
  }
}

@media only screen and (max-width: 992px) {
  .top-line__basket {
    width: 28rem;
    padding: 2rem 3rem 1.5rem 10rem;
  }
}

@media only screen and (max-width: 640px) {
  .slider.owl-carousel .owl-stage .owl-item .catalog__item:nth-child(2n+2) {
    border-right: 1px solid #d8d9dc;
  }
  .catalog__item {
    width: 50%;
  }
  .catalog__item:nth-child(3n+3) {
    border-right: 1px solid #d8d9dc;
  }
  .catalog__item:nth-child(2n+2) {
    border-right: none;
  }
}

@media only screen and (max-width: 480px) {
  .top-line {
    display: block;
  }
  .top-line__basket {
    width: auto;
  }
  .top-line__breadcrumbs {
    display: none;
  }
}

@media only screen and (max-width: 360px) {
  .catalog__box {
    display: block;
  }
  .catalog__item {
    width: auto;
    border-right: none;
  }
  .catalog__item:nth-child(3n+3) {
    border-right: none;
  }
}

.product__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #d8d9dc;
}

.product__characteristics {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 73%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem 3rem;
  display:block;
}
.product__characteristics-text,.product__characteristics-img{display:inline-block;vertical-align:top;}
.product__characteristics-img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 34%;
  text-align: center;
  overflow: hidden;
}
.product__characteristics-img img {
  max-width: 100%;
  width: auto;
  height: auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.product__characteristics-img:hover img,
.product__characteristics-img:active img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.product__characteristics-text {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  width: 65%;
  padding: 0 0 0 3rem;
}

.product__characteristics-title {
  font-size: 1.5rem;
  line-height: 1.3;
  color: #4d5565;
}

.product__characteristics-list {
  margin: 1rem 0 0 0;
  padding: 0;
  list-style: none;
  font-size: 1.8rem;
  line-height: 1.3;
}
.product__characteristics-list li {
  margin: 0.3rem 0 0 0;
}

.product__form {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 27%;
  padding: 2.5rem;
  border-left: 1px solid #d8d9dc;
}

.product__form-price {
  font-size: 1.8rem;
  font-weight: 400;
  color: #4d5565;
  text-align: center;
}
.product__form-price b {
  margin: 0 0.5rem;
  font-size: 3rem;
  font-weight: 600;
  color: #000;
}

.product__form-quantity {
  position: relative;
  margin: 3.5rem 0 0 0;
}
.product__form-quantity button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  border: none;
  outline: none;
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  top: 0;
  width: 4.5rem;
  height: 4.5rem;
  line-height: 4.5rem;
  font-size: 2.8rem;
  font-weight: 400;
  color: #91959b;
  text-align: center;
  border: 1px solid #d8d9dc;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.product__form-quantity button.minus {
  left: 0;
}
.product__form-quantity button.plus {
  right: 0;
}
.product__form-quantity button:hover,
.product__form-quantity button:active {
  color: #1998d6;
  border-color: #1998d6;
}
.product__form-quantity input {
  width: 100%;
  height: 4.5rem;
  padding: 0 5rem;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  line-height: 4.5rem;
  font-size: 1.8rem;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none !important;
  text-align: center;
}

.product__form-submit {
  margin: 3rem 0 0 0;
}
.product__form-submit button {
  display: block;
  width: 100%;
}

.product__description {
  border-top: 1px solid #d8d9dc;
  padding: 5rem 9% 8rem 9%;
  font-size: 1.8rem;
  line-height: 1.3;
}
.product__description :first-child {
  margin-top: 0;
}
.product__description h2,
.product__description h3,
.product__description h4 {
  margin: 2rem 0 0 0;
  font-weight: 400;
  color: #1478a8;
}
.product__description h2 {
  font-size: 3rem;
}
.product__description h3 {
  font-size: 2.4rem;
}
.product__description h4 {
  font-size: 2rem;
}
.product__description p {
  margin: 2rem 0 0 0;
}
.product__description ul {
  list-style: none;
  margin: 1.5rem 0 0 0;
  padding: 0 0 0 2rem;
}
.product__description ul li {
  position: relative;
  margin: 0.5rem 0 0 0;
}
.product__description ul li:before {
  content: "";
  position: absolute;
  left: -1.5rem;
  top: 1.1rem;
  width: 0.4rem;
  height: 0.4rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #1478a8;
}
.product__description a {
  color: #1478a8;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.product__description a:hover,
.product__description a:active {
  color: #3aafe8;
}

@media only screen and (max-width: 640px) {
  .product__characteristics {
    width: 65%;
  }
  .product__form {
    width: 35%;
  }
}

@media only screen and (max-width: 480px) {
  .product__characteristics {
    display: block;
    width: 50%;
  }
  .product__form {
    width: 50%;
  }
  .product__characteristics-img {
    width: auto;
  }
  .product__characteristics-text {
    width: auto;
    padding: 3rem 0 0 0;
  }
}

@media only screen and (max-width: 360px) {
  .product__box {
    display: block;
  }
  .product__characteristics {
    width: auto;
  }
  .product__form {
    width: auto;
    border-left: none;
    border-top: 1px solid #d8d9dc;
  }
  .product__description {
    padding: 5rem 3rem 8rem 3rem;
  }
}

.basket__table-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f1f9fd;
  border-top: 1px solid #d8d9dc;
}

[class^="basket__table-head-"] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 1.5rem 2rem;
  font-size: 1.8rem;
  color: #636d82;
}

.basket__table-head-name {
  width: 45%; /*55*/
}

.basket__table-head-quantity,
.basket__table-head-price {
  width: 17.5%;
  text-align: center;
  border-left: 1px solid #d8d9dc;
}

.basket__table-head-delete {
  width: 10%;
  text-align: center;
  border-left: 1px solid #d8d9dc;
}

.basket__table-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #d8d9dc;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.basket__table-row:hover,
.basket__table-row:active,
.basket__table-row:focus {
  background-color: #f5f5f5;
}

.basket__table-img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  padding: 1.5rem 2rem;
}
.basket__table-img img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
  width: auto;
  height: auto;
}

.basket__table-title {
 /* -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;*/
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30%; /*40*/
  padding: 1.5rem 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
}
.basket__table-title span {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.basket__table-quantity {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 17.5%;
  min-height: 13rem;
  padding: 1.5rem 8.5rem 1.5rem 2rem;
  border-left: 1px solid #d8d9dc;
}
.basket__table-quantity button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  border: none;
  outline: none;
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  right: 2rem;
  width: 4.5rem;
  height: 4.5rem;
  line-height: 4.5rem;
  font-size: 2.8rem;
  font-weight: 400;
  color: #91959b;
  text-align: center;
  border: 1px solid #d8d9dc;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.basket__table-quantity button.minus {
  top: 50%;
}
.basket__table-quantity button.plus {
  bottom: 50%;
}
.basket__table-quantity button:hover,
.basket__table-quantity button:active {
  color: #1998d6;
  border-color: #1998d6;
}
.basket__table-quantity input {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
  height: 4.5rem;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  line-height: 4.5rem;
  font-size: 2.2rem;
  font-weight: 600;
  color: #000;
  background-color: rgba(255, 255, 255, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none !important;
  text-align: center;
}

.basket__table-price {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 17.5%;
  padding: 1.5rem 2rem;
  border-left: 1px solid #d8d9dc;
  font-size: 1.8rem;
  font-weight: 400;
  color: #4d5565;
  text-align: center;
}
.basket__table-price b {
  margin: 0 0.5rem;
  font-size: 3rem;
  font-weight: 600;
  color: #000;
}
.basket__table-price span {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.basket__table-delete {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 10%;
  border-left: 1px solid #d8d9dc;
}
.basket__table-delete button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  border: none;
  outline: none;
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 4.5rem;
  height: 4.5rem;
  line-height: 4.5rem;
  font-weight: 400;
  color: #91959b;
  text-align: center;
  border: 1px solid #d8d9dc;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.basket__table-delete button:hover,
.basket__table-delete button:active {
  border-color: #1998d6;
}

.basket__table-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3rem 3rem 2rem 3rem;
  border-top: 1px solid #d8d9dc;
}

.basket__table-recalculate {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.basket__table-recalculate input {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  border: none;
  outline: none;
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
  color: #91959b;
  padding: 1rem 3rem;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #d8d9dc;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.basket__table-recalculate button:hover,
.basket__table-recalculate button:active,
.basket__table-recalculate button:focus {
  color: #1998d6;
  border-color: #1998d6;
}

.basket__table-total {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0 0 0 3rem;
  padding: 0 0 0.5rem 0;
  font-size: 1.8rem;
  font-weight: 400;
  color: #1478a8;
  text-align: center;
  border-bottom: 1px solid #1998d6;
  position: relative;
}
.basket__table-total b {
  margin: 0 0.5rem;
  font-size: 3rem;
  font-weight: 600;
}
#basket__table-minprice {
	position: absolute;
	bottom: -25px;
	right: 0;
	white-space: nowrap;
}
#basket__table-minprice.active {
	color: red;
}
#basket__table-minprice b {
	font-size: 18px;
	margin: 0;
}
@media only screen and (max-width: 1400px) {
  .basket__table-head-name {
    width: 40%; /*50*/
  }
  .basket__table-title {
    width: 25%; /*35*/
  }
  .basket__table-head-quantity,
  .basket__table-quantity {
    width: 22.5%;
  }
}
@media only screen and (max-width: 640px) {
	.basket__table-total b{
		    display: inline-block;
	}
	#basket__table-minprice{
		    left: 0;
	}
}
@media only screen and (max-width: 640px) {
  .basket__table-head-name {
    width: 37.5%; /*47.5*/
  }
  .basket__table-title {
    width: 22.5%; /*32.5*/
  }
  .basket__table-head-quantity,
  .basket__table-quantity {
    width: 25%;
  }
}

@media only screen and (max-width: 480px) {
  .basket__table-head {
    display: none;
  }
  .basket__table-row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .basket__table-img {
    width: 40%;
  }
  .basket__table-title {
    width: 60%;
    border-left: none; /*1px solid #d8d9dc;*/
  }
  .basket__table-quantity {
    width: 30%; /*40*/
    border-left: none;
    border-top: 1px solid #d8d9dc;
    background-color: #f1f9fd;
  }
  .basket__table-price {
    width: 30%; /*40*/
    border-top: 1px solid #d8d9dc;
    background-color: #f1f9fd;
  }
  .basket__table-delete {
    width: 20%;
    border-top: 1px solid #d8d9dc;
    background-color: #f1f9fd;
  }

  .basket__table-weight {
    width: 20% !important;
    border-top: 1px solid #d8d9dc;
    border-right: 1px solid #d8d9dc;
    background-color: #f1f9fd;
  }

  .basket__table-footer {
    display: block;
    text-align: center;
  }
  .basket__table-total {
    display: inline-block;
    vertical-align: top;
    margin: 2rem 0 0 0;
  }
}

.basket__ordering {
  padding: 2rem 9% 8rem 9%;
}

.basket__ordering-radios {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1rem;

}

.basket__ordering-radios-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 49%;
}

.basket__ordering-radios-title {
  margin: 0 0 2rem 0;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 400;
}

.basket__ordering-radios-input {
  display: block;
  margin: 1rem 0 0 0;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 400;
}
.basket__ordering-radios-input input {
  display: none;
}
.basket__ordering-radios-input input:checked~span:before {
  background-color: #1998d6;
}
.basket__ordering-radios-input span {
  position: relative;
  display: block;
  padding: 0 0 0 3rem;
}
.basket__ordering-radios-input span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #4d5565;
  -webkit-box-shadow: inset 0 0 0 3px #fff;
  box-shadow: inset 0 0 0 3px #fff;
  background-color: rgba(255, 255, 255, 0);
}

.basket__ordering-fields {
  margin: 4.5rem 0 0 0;
}

.basket__ordering-fields-top-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.basket__ordering-fields-title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0 0 2rem 0;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 400;
}

.basket__ordering-fields-undertitle {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0 0 2rem 3rem;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 400;
  color: #636d82;
}
.basket__ordering-fields-undertitle b {
  font-weight: 400;
  color: #1998d6;
}

.basket__ordering-fields-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.basket__ordering-fields-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 46%;
}

.basket__ordering-fields-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0 0 0;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 400;
}
.basket__ordering-fields-input span {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 12rem;
  margin: 1rem 0 0 0;
}
.basket__ordering-fields-input span b {
  font-weight: 400;
  color: #1998d6;
}
.basket__ordering-fields-input input {
  height: 4.5rem;
  padding: 0 1rem;
  line-height: 4.5rem;
}
.basket__ordering-fields-input textarea {
  padding: 1rem;
  line-height: 1.3;
  height: 15.5rem;
  resize: vertical;
}
.basket__ordering-fields-input input,
.basket__ordering-fields-input textarea {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: block;
  width: 70%;
  color: #000;
  font-size: 1.8rem;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #d8d9dc;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: "PT Sans", Verdana, sans-serif;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none !important;
}
.basket__ordering-fields-input input:hover,
.basket__ordering-fields-input input:active,
.basket__ordering-fields-input input:focus,
.basket__ordering-fields-input textarea:hover,
.basket__ordering-fields-input textarea:active,
.basket__ordering-fields-input textarea:focus {
  border-color: #1998d6;
}

.basket__submit {
  margin: 4rem 0 0 0;
}
.basket__submit button {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 1200px) {
  .basket__ordering-radios-item,
  .basket__ordering-fields-item {
    width: 49%;
  }
}

@media only screen and (max-width: 640px) {
  .basket__ordering {
    padding: 2rem 3rem 8rem 3rem;
  }
}

@media only screen and (max-width: 580px) {
  .basket__ordering-fields-top-line {
    display: block;
  }
  .basket__ordering-fields-undertitle {
    margin: 0 0 2rem 0;
  }
  .basket__ordering-fields-box {
    display: block;
  }
  .basket__ordering-fields-item {
    width: auto;
  }
}
.searchresult {
  padding: 5rem 9% 8rem 9%;
  font-size: 1.8rem;
  line-height: 1.3;
}
.content {
  padding: 1rem 30px 8rem 30px;
  font-size: 1.8rem;
  line-height: 1.3;
}
.content :first-child {
  margin-top: 0;
}

.content h2{
  color: #1478a8;
  font-size: 29px;
  font-weight: 400;
}
.content h3,
.content h4,
.content .h3 {
  margin: 2rem 0 0 0;
  font-weight: 400;
  color: #1478a8;
}
.content h1 {
  font-size: 3rem;
   text-align: center;
}
.content h2 {
	margin-bottom: 10px;
  font-size: 3rem;
}
.content h3, .content .h3 {
  font-size: 2.4rem;
}
.content h4 {
  font-size: 2rem;
}
.content p {
  color: #4d5565;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}
.content ul {
  list-style: none;
  color: #4d5565;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}
.content ul li {
  position: relative;
  margin: 0.5rem 0 0 0;
}
.content ul li:before {
  content: "";
  position: absolute;
  left: -1.5rem;
  top: 1.1rem;
  width: 0.4rem;
  height: 0.4rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #1478a8;
}
.content a {
  color: #1478a8;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.content a:hover,
.content a:active {
  color: #3aafe8;
}

.calculating {
  border-top: 1px solid #d8d9dc;
  padding: 1rem 9% 8rem 9%;
}

.calculating__fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.calculating__fields input {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: block;
  width: 32%;
  height: 4.5rem;
  padding: 0 1rem;
  line-height: 4.5rem;
  color: #000;
  font-size: 1.8rem;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #d8d9dc;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: "PT Sans", Verdana, sans-serif;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none !important;
}
.calculating__fields input:hover,
.calculating__fields input:active,
.calculating__fields input:focus {
  border-color: #1998d6;
}

.calculating__textarea {
  margin: 2rem 0 0 0;
}
.calculating__textarea textarea {
  display: block;
  width: 100%;
  padding: 1rem;
  line-height: 1.3;
  height: 13.5rem;
  resize: vertical;
  color: #000;
  font-size: 1.8rem;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #d8d9dc;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: "PT Sans", Verdana, sans-serif;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none !important;
}
.calculating__textarea textarea:hover,
.calculating__textarea textarea:active,
.calculating__textarea textarea:focus {
  border-color: #1998d6;
}

.calculating__submit {
  margin: 2rem 0 0 0;
}
.calculating__submit button {
  display: block;
  width: 100%;
}

.calculating__text {
  margin: 2rem 0 0 0;
  font-size: 1.8rem;
  line-height: 0.1 0.3;
  color: #91959b;
  text-align: center;
}

.popup {
  max-width: 1038px;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
}

@media only screen and (max-width: 480px) {
  .calculating__fields {
    display: block;
  }
  .calculating__fields input {
    width: 100%;
    margin: 2rem 0 0 0;
  }
}

@media only screen and (max-width: 360px) {
  .content {
    padding: 5rem 3rem 8rem 3rem;
  }
  .calculating {
    padding: 1rem 3rem 8rem 3rem;
  }
}

/**
 * Fade-zoom animation for first dialog
 */
 /* start state */
 .my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/**
 * Fade-move animation for second dialog
 */
 /* at start */
 .my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}

/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
 .owl-carousel,
 .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.owl-height {
  -webkit-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/css/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 0.1s ease;
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
       .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
      }
      .mfp-img-mobile img.mfp-img {
        padding: 0;
      }
      .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
      }
      .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
      }
      .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
      .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
      }
      .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
      }
      .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
      }
    }

    @media all and (max-width: 900px) {
      .mfp-arrow {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
      }
      .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0;
      }
      .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%;
      }
      .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
      }
    }


    .top-line__basket a {
      text-decoration: none !important;
    }






    .horizontal_menu {
      text-align: center;
      margin-bottom: 4rem;
    }
    .horizontal_menu a {
      display: inline-block;
      padding: 10px 20px;
      margin-bottom: 5px;
      background-color: #d8d9dc;
      font-size: 1.8rem;
      font-weight: 700;
      color: #000;
      text-transform: uppercase;
      text-decoration: none;
    }


    .horizontal_menu a:hover {
      color: #1998d6;
    }


    /*table{
     display: table;
     margin: 3rem auto;
     border-spacing: 0;
     border-collapse: collapse;
   }

   td, th{
     border: 1px solid #91959b;
     padding: 1.3rem;
     text-align: center;
   }

   th{
     background-color: #d8d9dc;
   }

   td{
     background-color: #efefef;
   }*/

   .news .title a {
    text-decoration: none;
    color: #1478a8;
  }

  .contacts .title {
    border-top: 1px solid #d8d9dc;
  }

  .main-news-center {
    margin: auto;
  }

  .main-news-center .main-news-item {
    display: inline-block;
    width: 44%;
    margin: 0 0 0 5rem;

  }

  @media only screen and (max-width: 640px) {
   .main-news-center .main-news-item {
     width: 90%;
   }
 }

 .main-news-center .item {
  margin: 0 0 45px 0;
  position: relative;
}
.main-news-center h3, .main-news-center .h3  {
  min-height: 40px;
  overflow: hidden;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-right: 40px;
  line-height: 20px;
}

.main-news-center h3 a, .main-news-center .h3 a {
  font-size: 1.8rem;
  line-height: 20px;
  font-weight: 700;
  color: #000;
  letter-spacing: -1px;
  text-decoration: none;
  text-transform: uppercase;
}
.main-news-center h3 a:hover, .main-news-center .h3 a:hover  {
  color: #1998d6;
}

.item-overflow {
  height: 92px;
  overflow: hidden;
  padding-right: 30px;
  margin-bottom: 0px;
}

.item-overflow img {
  margin-right: 20px;
  float: left;
}

.item-overflow p {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #58595b;
}

.main-news-center .item a.link {
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 700;
  text-decoration: none;
  color: #000;
}

.main-news-center .item a.link:hover {
  color: #1998d6;
}

.news-list {
  position: relative;
  top: 0;
}
.news-list .news-item {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.news-list .news-item h3 {
  margin-bottom: 15px;
}
.news-list .news-item h3 a {
  font-size: 1.8rem;
  line-height: 20px;
  font-weight: 700;
  color: #000;
  letter-spacing: -1px;
  text-decoration: none;
  text-transform: uppercase;
}
.news-list .news-item  h3 a:hover {
  color: #1998d6;
}
.news-item-bottom {
  margin-top: 10px;
}
.news-item-bottom a {
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 700;
  text-decoration: none;
  color: #000;
}
.news-list img.preview_picture {
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
.page-inner img {
  max-width: 100%;
  height: auto;
}

.news-detail h3 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 20px;
}
.news-detail img {
  max-width: 100%;
  height: auto;
}



.logo__contacts-item {
  position: relative;
  margin: 2.5rem auto 0 auto;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 400;
  color: #000;
}
.logo__contacts-item i{
  display: inline-block;
  vertical-align: middle;
  background-image: url(/img/phone-icon.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 17px;
}

@media only screen and (max-width: 992px){
  .logo__contacts-item {
    display: none;
  }
}




.basket__table-head-weight {
  width: 10%;
  text-align: center;
  border-left: 1px solid #d8d9dc;
}

.basket__table-weight {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 10%;
  padding: 1.5rem 2rem;
  border-left: 1px solid #d8d9dc;
  font-size: 1.8rem;
  font-weight: 400;
  color: #4d5565;
  text-align: center;
}

.calculating .h2{
  margin: 2rem 0 0 0;
  font-weight: 400;
  color: #1478a8;
  font-size: 3rem;
  display: block;
}

.h3{
  display: block;
  font-size: 1.17em;
  font-weight: bold;
}
.fields-box-type.fields-box-active{display:flex;}
.fields-box-type{display:none;}

.soa-property-container .order-file{
	width:100%;border:none;
	font-size:12px;   
	line-height: 23px;
	padding-top:5px;padding-left:0;
	}

.basket_type-select{
  margin-bottom:20px;
}
.ordering-fields-input-rekvizity{
  padding-bottom:10px;
}

.content_mainpage{
  padding:5px;
}
.content-table{
	  width: 100%;
  color: #4d5565;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  
    overflow-x: auto;
  display:block;
}
.content-table th{
  background: #f1f4f5;
  color: #1998d6;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;

}
.content-table td{
    background: #f1f4f5;
}
.content-table td, .content-table th{
  border:1px solid #cedee7;
}
.text-blue{
  color: #1998d6;
  font-size: 14px;

}
.form__ordering{
  width: 100%;
  padding: 32px;
  background: #f1f4f5;
  border: 1px solid #cedee7;
}
.ordering__title{
  color: #1998d6;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  margin-bottom: 25px;
}
.form__ordering label{
  position: relative;
  color: #4d5565;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  padding: 3px 10px;
}
.form__ordering label:before{
  content: '*';
  display: block;
  color: #1998d6;
  position: absolute;
  top: 0;
  right: 5px;
}
.ordering-field{
  width: 202px;
  background: #e2ecf2;
  border-radius: 2px;
  border: 0;
  padding: 8px;
}
.ordering-submit{
  background: #1998d6;
  color: #fff;
  border-radius: 2px;
  border: 0;
  margin-left: 20px;
  font-size: 15px;
    padding: 8px 18px;
  font-weight: 700;
  line-height: 18px;
  padding: 8px 18px;
  text-transform: uppercase;
  cursor: pointer;
  
}
.form__ordering .em{
  color: #4d5565;
  font-size: 13px;
  font-style: italic;
  line-height: 18px;
  margin-left: 8px;
}
.form__wrapp{
  position: relative;
}
.ordering-bg {
  position: absolute;
  right: -8px;
  top: -161px;
  z-index: 5;
}
.form-text__wrapp{
  width: 78%;
}
.section__carusel{
  margin-bottom: 25px;
}
.section__carusel .slick-prev:before{
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #454545 transparent transparent;

}
.section__carusel .slick-prev:hover:before{
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #1998d6 transparent transparent;

}
.section__carusel .slick-prev {
    left: -14px;
}
.section__carusel .slick-next:before{
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #454545;

}
.section__carusel .slick-next:hover:before{
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #1998d6;

}
.section__carusel .slick-next{
    right: -9px;
}
.content__video{
  display: inline-block;
  border: 5px solid #65c0ed;
  width: 477px;
  height: 269px;
  float: right;
}
.content__video iframe{
  width: 100%;
  height: 100%;
}

.section__carusel .section__carusel-item:nth-child(-n+4){
	display: inline;
}
.section__carusel-item{
	display: none;
	position: relative;
	cursor: pointer;
	font-size: 0;
}
.slick-slider .section__carusel-item{
	display: inline;
}
.section__carusel-item img{
	padding-left: 0;
    width: auto;
    height: auto;
    max-height: 160px;
}
.slick-slider .section__carusel-item img{
	padding-left: 10px;
}
.section__carusel-item a{
    display: inline;
    width: 100%;
    overflow: hidden;
}
.slick-slider .section__carusel-item a{
    display: block;
}

.carusel-item__desc{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  overflow: hidden;
  background: rgba(62, 127, 173, 0.8);
  display: none;
  max-width: 216px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  margin-left: 11px;
}
.carusel-item__desc ul{
    padding: 5px;
}
.carusel-item__desc ul li{
  list-style-position: inside; 
  margin: 0;
  color: white;
  font-size: 14px;
}
.carusel-item__desc ul li:before{
  content: '';

}

.carusel-item__desc span{
  color: #66cdff;
}
.section__carusel-item:hover .carusel-item__desc{
  display: block;
}



.form-oneclick,
.form-demping,
.form-special
{
	padding: 20px;
	background: #fff;
	border: 1px solid #1478a8;
	display: none;
	position: fixed;
	top: 50%;
	width:400px;
	background:#fff;
	left: 50%;
	padding:20px 40px;
	margin-left: -200px;
	margin-top: -200px;
	z-index:9; 
}
.form-special {
	width: 820px;
	left: 50%;
	margin-left: -410px;
	margin-top: -253px;
}
.form-special.special2 {
	margin-top: -302px;
}
.form-special img {
	width: 45%;
	margin-right: 3%;
	float: left;
}
.form-special form {
	width: 50%;
	float: right;
}
.form-special table {
	margin: 0 0 20px 0;
}
.form-special td {
	background: transparent;
	border: 0 none;
	text-align: left;
	padding: 0 10px 0 0;
	min-width: 140px;
}
.form-special select {
	width: 100%;
	height: 40px;
	border: 1px solid #d8d9dc;
	color: #36393f;
	margin: 3px 0;
}
.form-oneclick .modal-form__field,
.form-demping .modal-form__field,
.form-special .modal-form__field{
	padding: 0 1rem;
	line-height: 3.7rem;
	width:100%;
	margin-bottom:10px;
	border:1px solid  #d8d9dc;
	color:#36393f; 
}
.form-special .modal-form__field{
	margin: 3px 0;
}
.form-special .pt {
	padding-top: 10px;
}
.form-special .uptext {
	color: #36393f;
	font-size: 12px;
	line-height: 12px;
	margin: 2px 0 0px 0;
}
.form-special .col2 {
	display: inline-block;
	width: 45%;
	vertical-align: top;
	margin-right: 7%;
}
.form-special .col2:nth-child(2) {
	margin-right: 0;
}
.modal-form-title{
	font-size: 21px;
	margin-bottom:20px;
	text-align: center;
	font-weight: bold;
	color:#1478a8;
}
.modal-form-close {
    position: absolute;
    top: 3px;
    right: 12px;
    font-weight: bold;
    color: #1478a8;
    font-size: 24px;
    cursor: pointer;
}
.modal-form__btn.common__btn{
	display: inline-block;
	vertical-align: top;
	padding: 0;
	border: none;
	outline: none;
	text-decoration: none;
	background-color: transparent;
	cursor: pointer;
	font-size: 1.8rem;
	padding: 1.4rem 3rem;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	background-color: #1998d6;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.modal-form__btn.common__btn:hover,
.modal-form__btn.common__btn:active,
.modal-form__btn.common__btn:focus {
	background-color: #3aafe8;
}
.form-demping p{
	text-align:center;
	margin: 0 0 10px 0;
}


@media only screen and (max-width: 680px){
	.form-oneclick,
	.form-demping{
		width:100%;
		margin-left:0px;
		top: 2%;
		left: 0%;
		margin-top: 0px;
	}
}

.fields-box-type.fields-box-active{display:flex;}
.fields-box-type{display:none;}

.soa-property-container .order-file{
	width:100%;border:none;
	font-size:12px;   
	line-height: 23px;
	padding-top:5px;padding-left:0;
	}

.basket_type-select{margin-bottom:20px;}
.ordering-fields-input-rekvizity{padding-bottom:10px;}
.props-basket span{
	display:inline;font-weight:bold;
}
.props-basket {
	margin-bottom:3px;
	font-size:13px;
	color:#636d82;
	}
.basket__table-title-span{
	margin-bottom:9px;
	}
.type-description{ 
font-size: 13px;

color: #636d82;

margin-left: 10px;

margin-top: 17px;

display: block;

float: left;}
.offer-type{
	cursor:pointer;
	overflow: hidden;
	margin-bottom:10px;
	clear:both;
	display:inline-block;}
.offer-type .img-type {
	position: relative;
	width:140px;float:left;
	display:block;
	}
.offer-type-wrapper{
clear: both;

width: 100%;

overflow: hidden;}

.quantity_price{
 display:table-row;
font-size:13px;
margin-top:5px;
text-align:left;
}
.bold-price{
	font-weight:bold;
}
.off-color{
	cursor:pointer;
	display:none;
	width:70px;
	font-size:13px;
	color: #636d82;
	text-align:center;
	float: left;
	}
.off-color .img-color img{
	width: 52px;
height: 52px;
display:block;
margin:0 auto;
border-radius:100%;
padding:3px;
}
.off-color .img-color {
	position: relative;

display: block;

 

border-radius: 100%;

 border: 1px solid #fff;

width: 54px;

margin: 0px auto 0px;
	}
.off-color.display-color{
	display: block; 
 
	}
.off-color.display-color .img-color{
	border:1px solid #000;
}
.offer-color{
	margin-bottom: 20px;
margin-top: 10px;
clear: both;
width: 100%;
overflow: hidden;
}
 
.img-type img{
	padding: 2px;
	border: 1px solid #000;
	height: 96px;
	width: 132px;
}
.active-type .img-type img{
	border: 1px solid #000;
 }
  
.active-type .img-type:after{
	top: 40px;
	left: 57px;
	position: absolute;
	content:"";
	display:block;
	width:22px;height:17px; 
	background: url(/css/../img/check.png) no-repeat;
}
.off-color.active-color .img-color {border: 1px solid #000;}
.off-color.active-color .img-color:after{
	top: 18px;left: 16px;
	position: absolute;content:"";
	display:block;
	width:22px;height:17px;
	background: url(/css/../img/check.png) no-repeat;
} 
.offer-price{display:none;}
.offer-price.display-price{display:block;}
.quantity_price-wrapper{margin: 10px auto 0;display:table;}
@media only screen and (max-width: 1200px){
	.type-description{float:none;margin-left:0; margin-top:0;}
	.off-color {margin-bottom:10px;}
	.quantity_price{font-size:13px;}
}
@media only screen and (max-width:600px){
	.type-description{float:left;}
}

.oneclick span{
	border-bottom:1px dashed #1478a8;
	cursor:pointer;font-weight:bold;}
.oneclick{
	 display:block;
 margin: 10px auto 14px;
 font-size:14px; 
 text-align: center;
}

.agree-label{
  font-size:13px;
  color:#4d5565;
  margin-bottom: 10px;
  display: block;
}
.form-demping .agree-label{
	font-size: 12px;
}
.agree-label input{
 margin-right: 5px;
}
.form-demping .agree-label input{
	height: 12px;
	width: 12px;
	vertical-align: middle;
}
.modal-buttons {
	text-align: center;
	margin-bottom: 10px;
}
@media only screen and (min-width: 1400px){
	.quantity_price-wrapper{ }
	.type-description{ }
	.product__box .product__form-quantity,.product__box  .product__form-submit {
		margin-left:1em;
		margin-right:1em;
	}
}
	

@media only screen and (max-width: 1400px){
	.type-description{/*width:60%*/;display:inline-block;}
}
@media only screen and (max-width: 630px){
	.type-description{width:70%;}
}
.content__img--left{
	float:left;
	margin-right:5px;
	margin-bottom: 5px; 
}
@media only screen and (max-width: 740px){
	.product__characteristics-text{width:64%;}
}
  
 body .bread-span{
	 display:inline;
	 padding: 0;
	 vertical-align: top;
	 }


.offer-type-wrapper{margin-top:20px;}

.product__form-quantity.quantity input[type=text]{
	border: 1px solid #d8d9dc;margin: 0 auto;
display: block;width:120px;padding-left:0;padding-right:0;
	
}
.product__form-quantity button.minus,.product__form-quantity button.plus{display:none;}
.basket__table-quantity.quantity .minus,.basket__table-quantity.quantity .plus{display:none;}
.basket__table-quantity.quantity  input[type=text]{border: 1px solid #d8d9dc;}

.basket__table-quantity{padding-right:2em;}

.price-from{display:table-cell;padding-right:5px; }
.price-from-rub{display:table-cell;text-align: left;}

@media only screen and   (min-width: 360px)  and (max-width: 1200px){
 
	.price-from, .price-from-rub{display:block;float:left;}
	body .price-from-rub{float:left;}
}
@media only screen and   (min-width: 640px) and (max-width: 1200px){
	.product__characteristics{width:70%;}.product__form{width:29%;}
}

.title {
  padding: 3.5rem 3rem;
  color: #1478a8;
  line-height: 1.2;
  text-align: center;
}
.title h1 {
  margin: 0;
  font-size: 4rem;
  font-weight: 600;
}

@media only screen and (max-width:563px){
	.form__ordering label{
		display: block;
	}
}

@media only screen and (max-width:563px){
	.ordering-submit{
		margin-top: 10px;
	}
}

@media only screen and (min-width:1200px){
	.section__carusel{
		width: 91%;
		margin-left: 25px;
	}
}
.section__carusel .slick-next {
    right: -42px;
}

.content__img--right{
  width: 20%;
  float: right;
  margin-left: 5px;
  margin-bottom: 5px;}
  .table-no-border td{
  border:none;
  }
.myvideo {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	border:1px solid #ccc;
}
.myvideo iframe,.myvideo object,.myvideo embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.adap{
max-width: 100%;
height: auto;
}
.info_about_delivery{
	overflow:hidden;
	font-size:13px;
	margin-top: 10px;
}
.payment_block{
	width:30%;display:block;float:left;margin-right:3%;
}
.payment_block li{
	margin-bottom:5px;
}
.delivery_block span{
	color:#35ACE5;font-weight: bold;
}
.delivery_block p{
	margin-top:2px;
}
.delivery_block{
	width:37%;
	margin-right: 3%;
	display:block;
	float:left;
}
.cheap_block {
	text-align: center;
	float: left;
	width: 27%;
}
.cheap_block p {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0;
}

.dop_info_block{
	margin-bottom:10px;
	text-align:center;
	 font-size:13px;
	 padding:10px 10px;
	 border:2px solid #FAC661;
	 margin-left:10px;
	 margin-right:10px;
}
@media only screen and (max-width:640px){
	
	.payment_block ul {
		padding-left: 37px;
	}
	.delivery_block{
		width: 90%;
		margin-left: 20px;
	}
	.payment_block{
		width:90%;
	}
	.cheap_block{
		width:300px;
		margin-bottom: 20px;
	}
}

.product__box-container{
	
	border-bottom: 1px solid #d8d9dc;
}
@media only screen and (min-width:640px){
	.product__box-container
	.product__characteristics-list{
		font-size: 1.6rem;
	}
}
.payment_block  ul{padding-left:30px;}
.payment_block li{
	padding-left: 3px;
}
@media only screen and (max-width:840px){
	.form-special img {
		display: none;
	}
	.form-special form {
		width: 100%;
	}
	.form-special {
		width: 430px;
		margin-left: -215px;
	}
}
@media only screen and (max-width: 430px) {
	.form-special {
		width: 320px;
		margin-left: -160px;
	}
	.form-special td {
		min-width: 100px;
	}
}
.ar {
	text-align: right;
}
.modal-form__label-file {
	display: block;
	width: 100%;
	height: 70px;
	font-size: 0.7em;
	font-weight: 500;
	color: #36393f;
	line-height: 1em;
	border-radius: 10px;
	border: 1px solid #d8d9dc;
	margin: 3px 0;
	padding: 10px;
	cursor: pointer;
}
.modal-form__field-file {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
}
.modal-form__label-radio {
	position: relative;
	cursor: pointer;
	padding-right: 35px;
	margin: 3px 0;
}
.modal-form__label-radio input {
	position: absolute;
	opacity: 0;
	height: 0;
	width: 0;
}
.modal-form__label-radio span {
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	width: 25px;
	border: 1px solid #d8d9dc;
	cursor: pointer;
}
.modal-form__label-radio input:checked ~ span {
	background-color: #1998d6;
}
.minPrice{
	    font-size: 11pt;
    font-weight: bolder;
    margin-bottom: 10px;
	color:#4d5565;
}
.courierText{
	display:none;
font-size: 16px;
		margin-top:0px;
}
/* End */


/* Start:/css/main_roma_add.css?16050890421186*/
@media (max-width: 1200px){
    .header .header-up .header-right .contact .tel {
        font-size: 17px;
    }
}

@media (max-width: 1400px){
    .header-up .header-right .contact .tel {
        font-size: 20px;
    }
}

.header{
	-webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.header-up{
	display: flex;
	padding: 15px 0;
}
.header-right{
	display: flex;
	flex-grow: 1;
    justify-content: space-around;
    align-items: center;
    color: #1998d6;
    font-size: 18px;
}
.header-right span{
	display: block;
}
.header-right a{
	text-decoration: none;
}
.header-right .contact{
	width: 22%;
}
.header-right .contact .tel{
	font-size: 24px;
	font-weight: bold;
	display: block;
}
.header-right .contact .recall{
	display: block;
    text-transform: uppercase;
    font-size: 16px;
    border: 1px solid #1998d6;
    padding: 4px 0;
    text-align: center;
    transition: 1s;
    font-weight: bold;
}

.header-right .contact .recall:hover{
    border-color: #3aafe8;
    color: #fff;
    background-color: #3aafe8;
}

.header-right .contact>*{
	margin-bottom: 5px;
}
/* End */


/* Start:/css/main_add.css?16680018379295*/
body.can-copy {
  user-select: auto;
}
.nav-prod ul ul {
	display: none;
}
.nav-prod .parent {
	position: relative;
	padding-right: 10px;
}
.nav-prod .parent:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: grey transparent transparent transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
}
.nav-prod .parent:hover ul {
	display: block;
	padding: 0 10px;
	margin: 0;
	position: absolute;
	top: 100%;
	background: #efefef;
	z-index: 1;
}
.nav-prod .parent:hover ul:after {
	border-bottom: 9px solid #efefef;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	content: "";
	position: absolute;
	left: 31px;
	top: -9px;
}
.nav-prod li li {
	margin-top: 0;
}
.nav-prod li ul li:first-child {
	border-top: 0 none;
}
.header__link a {
	color: #fff;
}
.cart_popup {
  display: none;
  position: fixed;
  top: calc(50% - 100px);
  z-index: 1000;
  left: calc(50% - 200px);
  background: #fff;
  width: 400px;
  height: 200px;
}
.my_darkener {
	background-color: #000;
	opacity: .6;
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	top: 0;
	left: 0;
	cursor: pointer;
	display: none;
}
.my_closer {
	cursor: pointer;
}
.etiketki_grid {
	display: grid;
	grid-template-columns: 22% 22% 22% 22%;
	justify-content: space-between;
	width: 410px;
}
.etiketki_grid_item {
	text-transform: uppercase;
	font-size: 9px;
	text-align: center;
}
.etiketki_grid_item img {
	padding: 0 1rem;
	height: 65px;
}
.etiketki_grid_item div {
	text-transform: uppercase;
	font-size: 9px;
	text-align: center;
}
.top-line__breadcrumbs a::after {
	top: 1rem;
}
.aside .aside-nav_catalog .h4 {
	padding: 1rem 2rem;
	display: block;
}
.cart_popup_upperline {
	background-color: #D9D9D9;
	display: flex;
	justify-content: space-between;
	padding: 10px;
}
.cart_popup_upperline_text {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 18px;
	color: rgba(0, 0, 0, 0.6);
	text-transform: uppercase;
	display: flex;
	align-items: center;
}
.cart_popup_inside {
	padding: 14px 22px;
}
.cart_popup_inside_text {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}
.cart_popup_buttons {
	display: flex;
	justify-content: space-around;
	margin-bottom: 14px;
}
.my_closer_1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 18px;
	color: #FFFFFF;
	text-transform: uppercase;
	background: rgba(70, 150, 210, 0.64);
	padding: 8px 11px;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.cart_popup_inside {
	display: grid;
	grid-template-columns: 20% 75%;
	column-gap: 5%;
}
.cart_popup_buttons_order {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 18px;
	color: #FFFFFF;
	padding: 8px 22px;
	text-transform: uppercase;
	background: #4696D2;
	display: flex;
	align-items: center;
}
.cart_popup_buttons_order a {
	color: #FFFFFF;
	text-decoration: none;
}
.landing .header__slider-button a {
	color: #fff;
}
.landing .header {
	margin: -10px -30px 0 -30px;
}
.landing .slider-wrap {
	margin: 0 -30px 0 -30px;
}
.landing video {
	display: block;
	width: 100%;
}
.section__slider-wrap {
	display: inline-block;
	width: 392px;
	vertical-align: top;
}
#section__slider-descr {
	display: inline-block;
	width: 578px;
	vertical-align: top;
	font-size: 15px;
	color: #4d5565;
}
@media only screen and (max-width: 1400px) {
	#section__slider-descr {
		width: 429px;
	}
}
@media only screen and (max-width: 1200px) {
	#section__slider-descr {
		width: 280px;
	}
}
@media only screen and (max-width: 1005px) {
	#section__slider-descr {
		width: 270px;
	}
}
@media only screen and (max-width: 992px) {
	#section__slider-descr {
		width: 310px;
	}
}
.mob_header {
	display: none;
}
.my_mobile {
	display: none;
}
.footer__menu {
	display: grid;
	padding: 0 1rem;
	row-gap: 1rem;
}
.footer__menu a {
	text-decoration: none;
	color: #91959b;
}
.underdude {
	display: none;
}
.my_cart {
display: none;
}
@media only screen and (max-width: 785px) {
.etiketki_grid { 
  max-width: 100%;
  width: auto;
}
li.top-nav__item_with_undernav {
margin: 0;
}
.top-nav__undernav {
	position: relative;
}
li.top-nav__item_with_undernav > div {
	display: grid;
	grid-template-columns: calc(100% - 15px) 15px;
}
li.top-nav__item_with_undernav > div > .underdude {
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: grey transparent transparent transparent;
	position: absolute;
	right: 0;
	top: 19px;
	margin-top: -5px;
}
.my_cart {
display: block;
font-size: 24px;
margin-bottom: 2rem;
}
.content {
	font-size: 13px;
}
.product__characteristics-list {
	font-size: 13px;
}
.product__description {
	font-size: 13px;
}
.product__box-container {
	display: grid;
	border: 1px solid #d8d9dc;
}
.product__characteristics {
	width: 100%;
	text-align: center;
}
.product__form {
	width: 100%;
}
.basket__table-row {
	margin-bottom: 3rem;
	border-bottom: 3px solid;
}
.basket {
	font-size: 24px;
	margin-top: 2rem;
}
.basket p {
	font-size: 13px;
}
	.section__slider-wrap {
		width: 100%;
	}
	#section__slider-descr {
		width: 100%;
		margin: 20px 0;
	}
	.header {
		display: none;
	}
	.mob_header {
		display: grid;
		grid-template-columns: auto auto auto;
		justify-content: space-between;
		position: fixed;
		width: 100vw;
		background: #fff;
		z-index: 10;
	}
	.mob_header .mob-logo {
		display: block;
	}
	.main {
		padding: 70px 5%;
	}
	h3, h4 {
		font-size: 14pt;
	}
	.footer__button-top a.scroll {
		position: fixed;
		bottom: 10vh;
		right: 5vw;
		display: none;
	}
	ul {
	padding-left: 25px;
	}
	ul > ul > ul {
	padding-left: 0;
	}
	.my_mobile {
		display: block;
	}
}
#section__slider-descr > div {
	display: none;
}
#section__slider-descr > div:first-child {
	display: block;
}
#section__slider-small {
	margin: 0 20px;
}
#section__slider-small .slick-slide img {
	max-width: 100%;
	max-height: 62px;
	display: inline-block;
	vertical-align: middle;
}
#section__slider-small .section__slider-item {
	padding: 0 5px 0 0;
	cursor: pointer;
}
#section__slider-small .slick-prev {
	left: -20px;
}
#section__slider-small .slick-prev:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent #454545 transparent transparent;
}
#section__slider-small .slick-next {
	right: -15px;
}
#section__slider-small .slick-next:before {
	float: right;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #454545;
}
#section__slider-big .slick-slide {
	text-align: center;
	line-height: 290px;
}
#section__slider-small .slick-slide {
	text-align: center;
	line-height: 62px;
}
#section__slider-big {
	padding: 0 5px 2px 0;
}
#section__slider-big .section__slider-item {
}
#section__slider-big .slick-slide a:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 1px;
	bottom: 0;
	right: 0;
	border: 1px solid #d8d9dc;
}
#section__slider-big img {
	max-width: 100%;
	max-height: 290px;
	display: inline-block;
	vertical-align: middle;
}
@media only screen and (max-width: 450px) {
	#section__slider-descr {
		margin: 10px 0;
	}
.footer__menu {
	justify-items: center;
}
}
@media only screen and (max-width: 400px) {
	#section__slider-big .slick-slide {
		line-height: 100%;
	}
}

@media only screen and (max-width: 320px) {
	#section__slider-big .slick-slide {
    line-height: 202px;
	}
}

@media only screen and (max-width: 992px) {
	.aside-nav ul .parent li {
		width: auto;
	}
}
.font14 {
	font-size: 15px;
	color: #4d5565;
}
.header{
	-webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.header-up{
	display: flex;
	padding: 15px 0;
}
.header-right{
	display: flex;
	flex-grow: 1;
    justify-content: space-around;
    align-items: center;
    color: #1998d6;
    font-size: 18px;
}
.header-right span{
	display: block;
}
.header-right a{
	text-decoration: none;
}
.header-right .contact{
	width: 22%;
}
.header-right .contact .tel{
	font-size: 24px;
	font-weight: bold;
	display: block;
}
.header-right .contact .recall{
	display: block;
    text-transform: uppercase;
    font-size: 16px;
    border: 1px solid #1998d6;
    padding: 4px 0;
    text-align: center;
    transition: 1s;
    font-weight: bold;
}

.header-right .contact .recall:hover{
    border-color: #3aafe8;
    color: #fff;
    background-color: #3aafe8;
}

.header-right .contact>*{
	margin-bottom: 5px;
}
.header-right .wa:hover, .header-right .tg:hover {
	opacity: 0.5;
}
.header-right .address a:hover {
	text-decoration: underline;
	color: #005f8d;
}
.header-right .contact .tel:hover {
	color: #005f8d;
}
@media only screen and (min-width: 1200px) {
	.header-right .contact {
		position: relative;
		margin-left: 40px;
	}

	.header-right .wa {
		top: 5px;
		background: url('/img/wa.png') 0 0;
	}

	.header-right .tg {
		top: 35px;
		background: url('/img/tg.png') 0 0;
	}

	.header-right .wa,
	.header-right .tg {
		position: absolute;
		left: -40px;
		width: 25px;
		height: 25px;
		background-size: contain;
	}
}

/* End */


/* Start:/local/templates/twinmaster2.0/css/styles.css?1750751146171761*/
/* OWL & BOOTSTRAP & FONTS */
* {
  box-sizing: border-box;
}

@-ms-viewport {
  width: device-width;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

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

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

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

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

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

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

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

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

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

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

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

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

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

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  display: none;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.no-js .owl-carousel {
  display: block;
}

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/local/templates/twinmaster2.0/css/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

@font-face {
  font-family: "Onest";
  src: url("/local/templates/twinmaster2.0/css/../fonts/Onest-Regular.woff2") format("woff2"), url("/local/templates/twinmaster2.0/css/../fonts/Onest-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("/local/templates/twinmaster2.0/css/../fonts/Onest-Medium.woff2") format("woff2"), url("/local/templates/twinmaster2.0/css/../fonts/Onest-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("/local/templates/twinmaster2.0/css/../fonts/Onest-Bold.woff2") format("woff2"), url("/local/templates/twinmaster2.0/css/../fonts/Onest-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vinnytsia Sans";
  src: url("/local/templates/twinmaster2.0/css/../fonts/VinnytsiaSans-Bold.eot");
  src: local("Vinnytsia Sans Bold"), local("VinnytsiaSans-Bold"), url("/local/templates/twinmaster2.0/css/../fonts/VinnytsiaSans-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/twinmaster2.0/css/../fonts/VinnytsiaSans-Bold.woff2") format("woff2"), url("/local/templates/twinmaster2.0/css/../fonts/VinnytsiaSans-Bold.woff") format("woff"), url("/local/templates/twinmaster2.0/css/../fonts/VinnytsiaSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vinnytsia Sans";
  src: url("/local/templates/twinmaster2.0/css/../fonts/VinnytsiaSans-Regular.eot");
  src: local("Vinnytsia Sans Regular"), local("VinnytsiaSans-Regular"), url("/local/templates/twinmaster2.0/css/../fonts/VinnytsiaSans-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/twinmaster2.0/css/../fonts/VinnytsiaSans-Regular.woff2") format("woff2"), url("/local/templates/twinmaster2.0/css/../fonts/VinnytsiaSans-Regular.woff") format("woff"), url("/local/templates/twinmaster2.0/css/../fonts/VinnytsiaSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* OWL & BOOTSTRAP & FONTS */
body,
html {
  height: 100%;
}

body {
  margin: 0;
  line-height: 1.4;
  font-size: 18px;
  color: #161618;
  font-family: "Onest";
}
@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }
}

input,
textarea,
select,
button {
  outline: none;
  box-sizing: border-box;
  font-family: "Onest";
}

input,
textarea,
select {
  display: block;
  width: 100%;
  line-height: 50px;
  height: 50px;
  border: 0;
  background: #ffffff;
  border-radius: 5px;
  padding: 0 20px;
  font-size: 18px;
  color: #7b7b85;
}

textarea {
  line-height: 1.2;
  padding: 20px;
  height: 105px;
  resize: none;
}

button {
  cursor: pointer;
}

img {
  max-width: 100%;
}

a {
  color: #1998d6;
  text-decoration: none;
  transition: all 0.4s ease;
}
a:hover {
  color: #27272b;
}
a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  line-height: 1.2;
  font-family: "Onest";
}

h1 {
  font-size: 44px;
}
h1.min {
  font-size: 36px;
}
@media screen and (max-width: 960px) {
  h1 {
    font-size: 42px;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
  }
  h1.min {
    font-size: 26px;
  }
}

h2 {
  font-size: 36px;
  margin-top: 80px;
}
h2:first-child {
  margin-top: 0;
}
h2:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  h2.big {
    font-size: 44px;
  }
}
@media screen and (max-width: 960px) {
  h2 {
    font-size: 33px;
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 26px;
    margin-top: 40px;
    letter-spacing: -0.01em;
  }
}

h3 {
  margin: 40px 0 20px;
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 20px;
    margin-top: 40px;
  }
}

h4 {
  font-size: 28px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  h4 {
    font-size: 22px;
    margin-bottom: 15px;
  }
}

p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}

/* FRAME */
.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex.inline {
  display: inline-flex;
}
.flex.jcsb {
  justify-content: space-between;
}
.flex.ais {
  align-items: flex-start;
}
.flex.aic {
  align-items: center;
}
.flex.jcc {
  justify-content: center;
}
.flex.aib {
  align-items: flex-end;
}
.flex.aif {
  align-items: flex-start;
}
.flex.nowrap {
  flex-wrap: nowrap;
}

.blockin {
  position: relative;
  max-width: 1435px;
  margin: 0 auto;
  width: 100%;
  padding: 0 15px;
}

.wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}
@media screen and (max-width: 991px) {
  .wrapper {
    padding-bottom: 54px;
  }
}

/* FRAME */
/* HEADER */
.header {
  position: sticky;
  top: 0;
  bottom: 0;
  z-index: 10;
  background: #fff;
  padding: 8px 0;
}
.header__top {
  height: 36px;
  background: #ebf4ff;
  border-radius: 4px;
  padding: 3px 12px;
}
.header__top-left {
  gap: 5px 30px;
}
.header__top-right {
  gap: 20px;
}
.header__top-right a {
  display: flex;
  align-items: center;
  min-height: 24px;
}
.header__info {
  display: flex;
  align-items: center;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  color: #44444a;
  line-height: 1;
}
.header__login {
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  padding-left: 32px;
  background: url(/local/templates/twinmaster2.0/css/../images/h_login.svg) 0 50% no-repeat;
}
.header__login:hover {
  color: #1998d6;
}
.header__fav {
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  padding-left: 32px;
  background: url(/local/templates/twinmaster2.0/css/../images/h_fav.svg) 0 50% no-repeat;
  gap: 5px;
  display: flex;
  align-items: center;
}
.header__fav:hover {
  color: #1998d6;
}
.header__fav:hover em {
  display: block;
}
.header__fav em {
  display: inline-block;
  padding: 0 5px;
  line-height: 15px;
  border: 1px solid #3ab3ee;
  color: #3ab3ee;
  font-weight: 400;
  font-size: 13px;
  font-style: normal;
  display: none;
  border-radius: 100px;
}
.header__basket {
  color: #161618;
  padding-left: 29px;
  line-height: 24px;
  background: url(/local/templates/twinmaster2.0/css/../images/basket.svg) 0 50% no-repeat;
  font-weight: 500;
  gap: 5px;
  display: flex;
  align-items: center;
  position: relative;
}
.header__basket:hover {
  color: #1998d6;
}
.header__basket:hover em {
  display: block;
}
.header__basket:hover .basket-count {
  visibility: visible;
  opacity: 1;
}
.header__basket em {
  display: inline-block;
  padding: 0 5px;
  line-height: 15px;
  border: 1px solid #3ab3ee;
  color: #3ab3ee;
  font-weight: 400;
  font-size: 13px;
  font-style: normal;
  display: none;
  border-radius: 100px;
}
.header__basket .basket-count {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  line-height: 22px;
  padding: 0 6px;
  white-space: nowrap;
  font-size: 15px;
  color: #ffffff;
  background: #0e7aaf;
  border-radius: 4px;
  font-family: Arial;
  transition: all 0.4s ease;
}
.header__basket .basket-count:before {
  content: "";
  position: absolute;
  top: -6px;
  left: calc(50% - 4px);
  width: 8px;
  height: 6px;
  background: url(/local/templates/twinmaster2.0/css/../images/basket_total.svg) 50% 50% no-repeat;
}
.header__center {
  padding: 25px 0 15px;
  gap: 15px;
}
.header__center-left {
  gap: 16px;
}
.header__center-search {
  max-width: 465px;
  flex-grow: 2;
  position: relative;
  z-index: 2;
}
.header__center-right {
  gap: 20px;
}
.header__logo img {
  display: block;
}
.header__slogan {
  color: #44444a;
  font-size: 15px;
  max-width: 135px;
  line-height: 1.2;
}
.header__soc {
  display: flex;
  gap: 24px;
  font-size: 0;
  line-height: 0;
}
.header__phone {
  color: #161618;
  font-weight: 700;
  font-size: 18px;
}
.header__phone:hover {
  color: #1998d6;
}
.header__menu {
  background: #1998d6;
  border-radius: 4px;
  position: relative;
}
.header__menu > ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}
.header__menu > ul > li {
  flex-grow: 2;
}
.header__menu > ul > li:first-child > a {
  border-radius: 4px 0 0 4px;
}
.header__menu > ul > li:last-child > a {
  border-radius: 0 4px 4px 0;
}
.header__menu > ul > li:hover > ul {
  display: block;
}
.header__menu > ul > li:hover > a {
  background: #1478a8;
}
.header__menu > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  line-height: 47px;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  padding: 0 12px;
  white-space: nowrap;
}
.header__menu > ul > li > a:hover {
  background: #1478a8;
}
.header__menu > ul > li > a > span {
  width: 20px;
  height: 20px;
  background: url(/local/templates/twinmaster2.0/css/../images/topm.svg) 50% 50% no-repeat;
}
.header__menu > ul > li > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fafafa;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  column-count: 4;
  padding: 20px;
  margin: 0;
  list-style: none;
}
.header__menu > ul > li > ul > li {
  margin-top: 14px;
}
.header__menu > ul > li > ul > li:first-child {
  margin: 0;
}
.header__menu > ul > li > ul > li > a {
  color: #3d3d42;
  font-weight: 500;
  font-size: 16px;
}
.header__menu > ul > li > ul > li > a:hover {
  color: #1998d6;
}
.header__menu > ul > li > ul > li ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.header__menu > ul > li > ul > li ul li a {
  color: #6e6e78;
  font-size: 14px;
  font-weight: 400;
}
.header__menu > ul > li > ul > li ul li a:hover {
  color: #1998d6;
}
.header__menu > ul > li:nth-child(3) {
  position: relative;
}
.header__menu > ul > li:nth-child(3) > ul {
  column-count: 1;
  right: auto;
  white-space: nowrap;
}
@media screen and (max-width: 1420px) {
  .header__top {
    height: 72px;
  }
  .header__span {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .header__info:nth-child(2) {
    display: none;
  }
  .header__center-left {
    flex-direction: column;
  }
  .header__slogan {
    display: none;
  }
  .header__menu > ul > li > a {
    font-size: 15px;
  }
  .header__phone {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .header {
    padding: 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .header__top, .header__menu {
    display: none;
  }
  .header__center {
    padding: 0;
    height: 64px;
  }
  .header__center-search {
    display: none;
  }
  .header__center-right .sitebutton {
    display: none;
  }
  .header__logo {
    max-width: 140px;
  }
  .header__soc {
    gap: 14px;
    margin-left: auto;
  }
  .header__soc a {
    width: 25px;
  }
  .header__phone {
    font-size: 0;
    line-height: 0;
    width: 32px;
    height: 32px;
    background: url(/local/templates/twinmaster2.0/css/../images/c_phone.svg) 50% 50% no-repeat;
  }
  .header .burger {
    display: block;
  }
}

.burger {
  width: 28px;
  position: relative;
  cursor: pointer;
  height: 18px;
  display: none;
}
.burger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #1998d6;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.burger span:nth-child(1) {
  top: 0px;
}
.burger span:nth-child(2),
.burger span:nth-child(3) {
  top: 8px;
}
.burger span:nth-child(4) {
  top: 16px;
}
.burger.open span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}
.burger.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.burger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.burger.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}

.mobileblock {
  position: fixed;
  top: 65px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  background: #1998d6;
  max-height: calc(100vh - 65px);
  overflow-y: auto;
  display: none;
}
.mobileblock__wrap {
  padding: 25px 15px 15px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mobileblock__wrap > div {
  width: 100%;
}
.mobileblock__menu > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.mobileblock__menu > ul > li {
  border-top: 1px solid #1a9fe0;
}
.mobileblock__menu > ul > li:first-child {
  border: 0;
}
.mobileblock__menu > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  font-weight: 500;
  font-size: 20px;
  min-height: 50px;
}
.mobileblock__menu > ul > li > a span {
  width: 20px;
  height: 20px;
  background: url(/local/templates/twinmaster2.0/css/../images/topm.svg) 0 0 no-repeat;
  transform: rotate(-90deg);
}
.mobileblock__menu > ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  background: #1998d6;
  padding: 25px 15px 0;
  margin: 0;
  list-style: none;
  z-index: 1;
}
.mobileblock__menu > ul ul li {
  color: #fff;
  font-weight: 500;
  border-top: 1px solid #1a9fe0;
}
.mobileblock__menu > ul ul li:first-child, .mobileblock__menu > ul ul li:nth-child(2), .mobileblock__menu > ul ul li:nth-child(3) {
  border: 0;
}
.mobileblock__menu > ul ul li:nth-child(2) {
  font-size: 20px;
  padding-bottom: 10px;
}
.mobileblock__menu > ul ul li a {
  font-size: 16px;
  color: #ffffff;
  display: flex;
  min-height: 36px;
  align-items: center;
}
.mobileblock__menu > ul ul li a.back {
  opacity: 0.8;
  margin-bottom: 5px;
  padding-left: 24px;
  background: url(/local/templates/twinmaster2.0/css/../images/back_m.svg) 0 50% no-repeat;
}
.mobileblock__login {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  padding-left: 32px;
  background: url(/local/templates/twinmaster2.0/css/../images/m_login.svg) 0 50% no-repeat;
}

.search {
  position: relative;
}
.search form {
  position: relative;
  border: 1px solid #bfbfc4;
  border-radius: 5px;
  display: flex;
}
.search form input {
  padding: 0 12px;
  background: none;
  border-radius: 0;
  font-size: 16px;
}
.search form button {
  width: 48px;
  border: 0;
  background: url(/local/templates/twinmaster2.0/css/../images/search_but.svg) 50% 50% no-repeat;
}
.search__list {
  position: absolute;
  top: calc(100% + 10px);
  border: 1px solid #bfbfc4;
  border-radius: 5px;
  background: #fff;
  max-height: 400px;
  overflow-y: auto;
  display: none;
}
.search__list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  padding: 10px;
}
.search__list ul li {
  font-size: 15px;
  line-height: 1.2;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #bfbfc4;
}
.search__list ul li:first-child {
  padding: 0;
  border: 0;
  margin: 0;
}
.search__list ul li a {
  color: #161618;
}
.search__list ul li a:hover {
  color: #1998d6;
}

.mobilesearch {
  position: relative;
  border: 1px solid #96d4f3;
  border-radius: 5px;
  display: flex;
}
.mobilesearch input {
  padding: 0 12px;
  background: none;
  border-radius: 0;
  font-size: 16px;
  color: #fff;
}
.mobilesearch input::placeholder {
  color: #bfe5f8;
}
.mobilesearch button {
  width: 48px;
  border: 0;
  background: url(/local/templates/twinmaster2.0/css/../images/m_search.svg) 50% 50% no-repeat;
}

/* HEADER */
/* CONTENT */
.sitebutton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 50px;
  background: #1998d6;
  border-radius: 4px;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  border: 0;
  transition: all 0.4s ease;
  padding: 5px 15px;
}
.sitebutton.block {
  display: flex;
  width: 100%;
}
.sitebutton.padding {
  padding: 0 15px;
}
.sitebutton:hover {
  background: #1478a8;
  color: #fff;
}
.sitebutton.border {
  background: none;
  border: 2px solid #1998d6;
  color: #161618;
}
.sitebutton.border:hover {
  background: #1478a8;
  border-color: #1478a8;
  color: #fff;
}
.sitebutton.step {
  padding: 9px 15px 9px 20px;
  min-height: 40px;
}
.sitebutton.previos {
  padding: 9px 20px 9px 15px;
  min-height: 40px;
}
.sitebutton.continue {
  background: #ededed;
  color: #161618;
}
.sitebutton.continue:hover {
  background: black;
  color: #fff;
}
@media screen and (max-width: 767px) {
  /*.sitebutton {
    min-height: unset;
  }*/
  .sitebutton.mobilesize12 {
    font-size: 12px;
  }
  .sitebutton.basket {
    padding: 5px 20px 7px;
    font-size: 13px;
    letter-spacing: -0.13px;
    height: 30px;
  }
  .sitebutton.continue {
    padding: 5px 20px 7px;
    font-size: 13px;
    letter-spacing: -0.13px;
    height: 30px;
  }
}
@media only screen and (max-width: 1320px) and (min-width: 767px) {
  .sitebutton.mobilesize12 {
    font-size: 14px;
  }
}

.slider {
  padding: 16px 0 24px;
}
.slider__item {
  overflow: hidden;
  background: #e3e7ec url(/local/templates/twinmaster2.0/css/../images/slider_i_bg.png) 50% 50% repeat;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.slider__item img {
  width: auto !important;
  max-width: 670px;
  height: 400px;
  object-fit: cover;
}
.slider__item-left {
  padding: 0 10px 0 48px;
}
.slider__item-title {
  font-weight: 700;
  font-size: 56px;
  color: #161618;
  font-family: "Onest";
  line-height: 1;
  margin-bottom: 50px;
}
@media screen and (min-width: 992px) {
  .slider__item h1 {
    font-size: 56px;
  }
}
.slider__conrol {
  position: absolute;
  bottom: 48px;
  left: 0;
  right: 0;
  font-size: 0;
  line-height: 0;
  height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.slider__conrol-wrap {
  height: 0;
  padding: 0 64px;
  position: relative;
}
.slider__conrol-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.slider__conrol-nav div {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url(/local/templates/twinmaster2.0/css/../images/slider_arrow.svg) 0 0 no-repeat;
}
.slider__conrol-nav div:hover {
  background: url(/local/templates/twinmaster2.0/css/../images/slider_arrow_h.svg) 0 0 no-repeat;
}
.slider__conrol-nav div:first-child {
  transform: rotate(180deg);
}
.slider__conrol-dots {
  display: flex;
  gap: 12px;
  margin-top: -5px;
}
.slider__conrol-dots div {
  width: 10px;
  height: 10px;
  background: #c2cbd6;
  border-radius: 50%;
  cursor: pointer;
}
.slider__conrol-dots div.active {
  background: #1998d6;
}
@media screen and (max-width: 991px) {
  .slider__item-left {
    padding: 15px;
  }
  .slider__item-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .slider .blockin {
    padding: 0;
  }
  .slider__conrol {
    bottom: 40px;
  }
  .slider__conrol-nav {
    display: none;
  }
  .slider__item {
    flex-direction: column-reverse;
    padding: 15px 15px 86px;
  }
  .slider__item:before, .slider__item:after {
    display: none;
  }
  .slider__item img {
    width: 100% !important;
    background: #fff;
    border-radius: 8px;
    height: 230px;
  }
  .slider__item-left {
    padding: 30px 0 0;
  }
  .slider__item-title {
    margin-bottom: 24px;
    min-height: 90px;
  }
}

.content {
  flex-grow: 2;
  padding: 40px 0 90px;
}
.content__block {
  margin-top: 90px;
}
.content__block:first-child {
  margin: 0;
}
.content__maxtext {
  max-width: 1070px;
}
@media screen and (min-width: 992px) {
  .content__wrap {
    overflow: hidden;
  }
  .content__wrap h2 {
    font-size: 44px;
  }
}
@media screen and (max-width: 1024px) {
  .content {
    padding: 30px 0 60px;
  }
}
@media screen and (max-width: 991px) {
  .content__row > div:first-child {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .content {
    padding: 20px 0 40px;
  }
  .content__block {
    margin-top: 40px;
  }
}

.maininfo {
  padding: 95px 0;
  background: #fafafa;
}
.maininfo__block {
  margin-top: 95px;
}
.maininfo__block:first-child {
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .maininfo {
    padding: 60px 0;
  }
  .maininfo__block {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .maininfo {
    background: none;
    padding: 0 0 50px;
  }
  .maininfo__block {
    margin-top: 50px;
  }
}

.premium {
  gap: 16px 0;
}
.premium__block {
  height: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 24px 16px;
  background: #eaedf1;
  border-radius: 4px;
  font-weight: 400;
  font-size: 16px;
  color: #6c6c75;
}
.premium__block-img {
  min-width: 55px;
}
.premium__block-title {
  padding: 15px 0 8px;
  color: #000000;
  font-size: 18px;
  font-weight: 500;
}
.premium__block.col {
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .premium__block {
    padding: 18px 14px;
    gap: 8px;
    font-size: 15px;
  }
  .premium__block-img {
    min-width: 48px;
    max-width: 48px;
  }
  .premium__block-title {
    padding: 8px 0 4px;
    font-size: 16px;
  }
}

.faq {
  margin-top: 70px;
  border-top: 2px solid #e0e0e0;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .faq.min .faq__block-title {
    font-size: 22px;
    min-height: 100px;
  }
  .faq.min .faq__block-title:before {
    width: 45px;
    height: 45px;
    top: calc(50% - 22px);
  }
}
.faq__block {
  border-bottom: 2px solid #e0e0e0;
}
.faq__block-title {
  color: #44444a;
  display: flex;
  letter-spacing: 0;
  align-items: center;
  min-height: 120px;
  cursor: pointer;
  font-weight: 500;
  font-size: 26px;
  padding: 10px 90px 10px 0;
  position: relative;
  transition: all 0.4s ease;
  margin: 0;
}
.faq__block-title:before {
  content: "";
  position: absolute;
  right: 10px;
  top: calc(50% - 30px);
  width: 60px;
  height: 60px;
  background: #ebf4ff url(/local/templates/twinmaster2.0/css/../images/faq_plus.svg) 50% 50% no-repeat;
  border-radius: 50%;
  transition: all 0.4s ease;
}
.faq__block-title:hover {
  color: #1998d6;
}
.faq__block-title:hover:before {
  background-color: #1998d6;
  background-image: url(/local/templates/twinmaster2.0/css/../images/faq_plus_h.svg);
}
.faq__block-title.active:before {
  background-image: url(/local/templates/twinmaster2.0/css/../images/faq_minus.svg);
}
.faq__block-title.active:hover:before {
  background-image: url(/local/templates/twinmaster2.0/css/../images/faq_minus_h.svg);
}
.faq__block-text {
  display: none;
  padding: 20px 0 30px;
}
.faq__block-text h3 {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .faq__block-title {
    font-size: 16px;
    min-height: auto;
    padding: 12px 50px 12px 0;
  }
  .faq__block-title:before {
    right: 5px;
    width: 33px;
    height: 33px;
    background-size: cover !important;
    top: calc(50% - 16px);
  }
  .faq__block-title.active:before {
    background-size: 11px auto !important;
  }
  .faq__block-title.active:hover:before {
    background-size: 11px auto !important;
  }
  .faq__block-text h3 {
    font-size: 18px;
  }
}

.advantages {
  gap: 16px 0;
}
.advantages__block {
  padding: 24px 20px;
  background: #eaedf1;
  border-radius: 4px;
  height: 100%;
}
.advantages__block-title {
  font-weight: 500;
  font-size: 18px;
  margin: 18px 0 8px;
}
.advantages__block-text {
  color: #6c6c75;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .advantages__block-title {
    font-size: 16px;
    margin-top: 10px;
  }
  .advantages__block-text {
    font-size: 15px;
  }
}

.reviews .owl-stage {
  display: flex;
  flex-wrap: wrap;
}
.reviews__block {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 35px 30px;
  border: 2px solid #e0e0e0;
  border-radius: 5px;
  background: #fff;
}
.reviews__block-text {
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 15px;
}
.reviews__block-text a {
  opacity: 0.5;
  color: #27272b;
}
.reviews__block-text a:hover {
  color: #1998d6;
  opacity: 1;
}
.reviews__block-info {
  gap: 14px;
  display: flex;
  font-weight: 500;
  font-size: 18px;
  color: #6c6c75;
  align-items: center;
}
.reviews__block-star {
  display: flex;
  gap: 5px;
}
.reviews__block-star div {
  width: 17px;
  height: 17px;
  background: url(/local/templates/twinmaster2.0/css/../images/rating.svg);
}
.reviews .owl-nav {
  position: absolute;
  top: -62px;
  right: 0;
  height: 0;
  display: flex;
  align-items: center;
  font-size: 0;
  line-height: 0;
  gap: 24px;
  justify-content: space-between;
}
.reviews .owl-nav div {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url(/local/templates/twinmaster2.0/css/../images/slider_arrow_h.svg) 0 0 no-repeat;
  opacity: 0.8;
}
.reviews .owl-nav div:hover {
  opacity: 1;
}
.reviews .owl-nav div:first-child {
  transform: rotate(180deg);
}
.reviews .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 30px;
}
.reviews .owl-dots div {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #c2cbd6;
}
.reviews .owl-dots div.active {
  background: #1998d6;
}
@media screen and (max-width: 767px) {
  .reviews__block {
    padding: 20px 15px;
  }
  .reviews__block-text {
    font-size: 15px;
    line-height: 1.4;
  }
  .reviews .owl-nav {
    display: none;
  }
}

.news__title {
  margin-bottom: 50px;
  gap: 10px;
}
.news__title h2 {
  margin: 0;
}
.news__title a {
  font-weight: 700;
  font-size: 18px;
  color: #1998d6;
}
.news__block {
  display: block;
  color: #44444a;
  font-size: 15px;
  line-height: 120%;
}
.news__block-img {
  display: block;
  margin-bottom: 16px;
}
.news__block-img img {
  display: block;
  width: 100%;
  border-radius: 4px;
}
.news__block-title {
  display: block;
  font-weight: 500;
  font-size: 16px;
}
.news__block-text {
  display: block;
  margin-top: 4px;
}
.news__block-text span {
  color: #1998d6;
}
.news__block-date {
  margin-top: 12px;
  color: #44444a;
  font-size: 15px;
  display: block;
}
.news .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 30px;
}
.news .owl-dots div {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #c2cbd6;
}
.news .owl-dots div.active {
  background: #1998d6;
}
@media screen and (max-width: 767px) {
  .news__title {
    margin-bottom: 24px;
  }
}

.leftmenu {
  padding: 15px;
  background: #f3f5f7;
  border-radius: 4px;
}
.leftmenu > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.leftmenu > ul > li {
  border-top: 2px solid #ffffff;
}
.leftmenu > ul > li:first-child {
  border: 0;
}
.leftmenu > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  padding: 5px 0;
  gap: 5px;
  color: #3d3d42;
  font-size: 18px;
  line-height: 1.2;
}
.leftmenu > ul > li > a:hover {
  color: #1998d6;
}
.leftmenu > ul > li > a span {
  width: 25px;
  height: 25px;
  background: url(/local/templates/twinmaster2.0/css/../images/leftmenu_arrow.svg) 50% 50% no-repeat;
}
.leftmenu > ul > li > a.active span {
  transform: rotate(180deg);
}
.leftmenu > ul > li ul {
  padding: 0 0 10px;
  margin: 0;
  list-style: none;
  display: none;
}
.leftmenu > ul > li ul li {
  margin-top: 5px;
}
.leftmenu > ul > li ul li:first-child {
  margin: 0;
}
.leftmenu > ul > li ul li a {
  font-size: 16px;
  color: #6e6e78;
  line-height: 1.2;
}
.leftmenu > ul > li ul li a:hover {
  color: #1998d6;
}

.pageslider .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  background: #e7e7e9;
  border-radius: 4px;
  overflow: hidden;
}
.pageslider .owl-dots div {
  flex-grow: 2;
  height: 8px;
}
.pageslider .owl-dots div.active {
  background: #a3aab1;
}
.pageslider .owl-nav {
  position: absolute;
  top: -62px;
  right: 0;
  height: 0;
  display: flex;
  align-items: center;
  font-size: 0;
  line-height: 0;
  gap: 24px;
  justify-content: space-between;
}
.pageslider .owl-nav div {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url(/local/templates/twinmaster2.0/css/../images/slider_arrow_h.svg) 0 0 no-repeat;
  opacity: 0.8;
}
.pageslider .owl-nav div:hover {
  opacity: 1;
}
.pageslider .owl-nav div:first-child {
  transform: rotate(180deg);
}

.production.row {
  gap: 25px 0;
  margin: 0 -12px;
}
.production.row > div {
  padding: 0 12px;
}
.production__block {
  position: relative;
  display: block;
  border-radius: 4px;
  overflow: hidden;
  overflow: hidden;
}
.production__block img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}
.production__block-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-end;
  padding: 19px 15px;
  background: rgba(14, 122, 175, 0.8);
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  transition: all 0.4s ease;
}
.production__block:hover img {
  transform: scale(1.2);
}
.production__block:hover span {
  background: #0e7aaf;
}
@media screen and (max-width: 767px) {
  .production.row {
    margin: 0 -6px;
    gap: 12px 0;
  }
  .production.row > div {
    padding: 0 6px;
  }
  .production__block-title {
    font-size: 12px;
    display: flex;
    align-items: center;
    min-height: 54px;
    padding: 5px 10px;
  }
}

.product__link {
  display: block;
  color: #161618;
  font-weight: 500;
  font-size: 16px;
}
.product__link img {
  display: block;
  width: 100%;
}
.product__title {
  display: block;
  margin: 10px 0 5px;
}
.product__price {
  font-weight: 300;
  font-size: 20px;
  margin-bottom: 12px;
  display: block;
}
.product__price span {
  font-family: "Arial";
}
@media screen and (max-width: 767px) {
  .product__link {
    font-size: 12px;
  }
}

.catalog {
  gap: 15px 0;
}
.catalog__block {
  display: block;
  height: 100%;
  padding: 24px;
  background: #eceff2;
  border-radius: 4px;
  color: #161618;
  text-align: center;
}
.catalog__block-img {
  margin-bottom: 20px;
  min-width: 96px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog__block-img img {
  border-radius: 4px;
  display: block;
}
.catalog__block-title {
  font-weight: 700;
  font-size: 18px;
}
.catalog__block:hover {
  background: #1998d6;
  color: #fff;
}
.catalog__all {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  height: 100%;
  background: #eceff2;
  border-radius: 4px;
  font-weight: 700;
  font-size: 18px;
  color: #161618;
  padding: 20px 0;
}
.catalog__all svg path {
  fill: #1998d6;
  transition: all 0.4s ease;
}
.catalog__all:hover {
  background: #1998d6;
  color: #fff;
}
.catalog__all:hover svg path {
  fill: #fff;
}
@media screen and (max-width: 767px) {
  .catalog__block {
    padding: 12px;
  }
  .catalog__all {
    gap: 20px;
    min-height: 120px;
  }
}

.siteform {
  padding: 48px;
  background: #dfe8f1;
  border-radius: 4px;
  margin-top: 90px;
}
.siteform.notop {
  margin: 0;
}
.siteform .row {
  gap: 24px 0;
}
.siteform__title {
  font-weight: 700;
  font-size: 44px;
  color: #1998d6;
  line-height: 1;
  margin-bottom: 8px;
  font-family: "Onest";
}
.siteform__text {
  font-size: 20px;
  line-height: 1.4;
  color: #44444a;
}
.siteform__img {
  margin-top: 40px;
}
.siteform__block {
  margin-top: 12px;
}
.siteform__block:first-child {
  margin: 0;
}
.siteform__block-info {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.2;
  color: #6c6c75;
  opacity: 0.8;
}
.siteform__block-info a {
  color: #6c6c75;
  border-bottom: 1px solid #6c6c75;
}
.siteform__block-info a:hover {
  border-color: transparent;
}
@media screen and (max-width: 991px) {
  .siteform {
    padding: 25px 15px;
    margin: 55px -15px 0;
    border-radius: 0;
  }
  .siteform__title {
    font-size: 26px;
    padding-left: 64px;
    background: url(/local/templates/twinmaster2.0/css/../images/siteform.svg) 0 0 no-repeat;
    background-size: 52px auto;
    margin-bottom: 12px;
  }
  .siteform__text {
    font-size: 18px;
  }
  .siteform__img {
    display: none;
  }
}

.popular {
  position: relative;
  padding-right: 120px;
  overflow: hidden;
}
.popular:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 30px;
  right: 0;
  width: 96px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  z-index: 2;
}
.popular .owl-stage-outer {
  overflow: visible;
}
.popular .owl-nav {
  right: -120px;
}
.popular .owl-dots {
  margin-right: -120px;
}
@media screen and (min-width: 767px) {
  .popular__lide .owl-nav {
    right: 0;
  }
  .popular__lide-wrap {
    padding: 0 !important;
  }
  .popular__lide-wrap:after {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .popular {
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .popular__item {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #e0e0e0;
  }
  .popular__lider.row {
    margin: 0;
  }
  .popular__lider.row > div {
    width: 50%;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #e0e0e0;
  }
  .popular__lider.row > div:first-child, .popular__lider.row > div:first-child + div {
    padding: 0;
    margin: 0;
    border: 0;
  }
  .popular__lider.row > div:nth-child(odd) > div {
    padding-right: 6px;
  }
  .popular__lider.row > div:nth-child(even) > div {
    padding-left: 6px;
  }
  .popular__lider-wrap.nopadding {
    padding: 0;
  }
  .popular__lider-wrap.nopadding:after {
    display: none;
  }
}

.path {
  padding-top: 25px;
  font-weight: 500;
  font-size: 15px;
  color: #6c6c75;
}
.path span {
  margin: 0 4px;
}
.path img {
  margin: 0 4px;
}
.path a {
  color: #6c6c75;
}
.path a:hover {
  color: #1998d6;
}

.topslider {
  padding: 0 60px;
}
.topslider__block {
  display: block;
  font-size: 15px;
  line-height: 1.2;
  color: #161618;
}
.topslider__block-img {
  display: block;
  margin-bottom: 20px;
}
.topslider__block-price {
  font-family: "Arial";
  font-weight: 400;
  font-size: 18px;
  color: #000000;
  display: block;
}
.topslider__block-list {
  display: table;
  border-spacing: 0;
}
.topslider__block-list > span {
  display: table-row;
}
.topslider__block-list > span span {
  display: table-cell;
  padding: 5px 0;
}
.topslider__block-list > span span:first-child {
  color: #6c6c75;
  padding-right: 10px;
}
.topslider .owl-nav {
  position: absolute;
  top: 50%;
  height: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  font-size: 0;
  line-height: 0;
  justify-content: space-between;
}
.topslider .owl-nav div {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url(/local/templates/twinmaster2.0/css/../images/slider_arrow_h.svg) 0 0 no-repeat;
  opacity: 0.8;
}
.topslider .owl-nav div:hover {
  opacity: 1;
}
.topslider .owl-nav div:first-child {
  transform: rotate(180deg);
}
.topslider .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e7e7e9;
  border-radius: 4px;
  overflow: hidden;
  margin: 40px -60px 0;
}
.topslider .owl-dots div {
  flex-grow: 2;
  height: 8px;
}
.topslider .owl-dots div.active {
  background: #a3aab1;
}
@media screen and (max-width: 767px) {
  .topslider {
    padding: 0;
  }
  .topslider .owl-nav {
    display: none;
  }
  .topslider .owl-dots {
    margin: 25px 0 0;
  }
}

.pageform {
  padding: 40px 48px;
  background: #dfe8f1;
  border-radius: 4px;
}
.pageform__title {
  font-weight: 700;
  font-size: 36px;
  letter-spacing: -0.01em;
  color: #1688c0;
  height: 1.2;
}
.pageform__text {
  font-size: 20px;
  margin: 5px 0 30px;
  color: #44444a;
  line-height: 1.2;
}
.pageform .row {
  margin: 0 -6px;
  gap: 16px 0;
}
.pageform .row > div {
  padding: 0 6px;
}
.pageform__info {
  text-align: center;
  color: #6c6c75;
  opacity: 0.8;
  font-size: 14px;
}
.pageform__info a {
  color: #6c6c75;
  border-bottom: 1px solid #6c6c75;
}
.pageform__info a:hover {
  border-color: transparent;
}
@media screen and (max-width: 767px) {
  .pageform {
    padding: 20px 15px;
    border-radius: 0;
    margin: 0 -15px;
  }
  .pageform__title {
    line-height: 1;
    font-size: 26px;
  }
  .pageform__text {
    font-size: 18px;
    margin-top: 10px;
  }
  .pageform .row {
    gap: 12px 0;
  }
  .pageform__info {
    text-align: left;
  }
}

.page__block {
  margin-top: 64px;
}
.page__block:first-child {
  margin: 0;
}
.page .row {
  gap: 25px 0;
  margin: 40px -12px 0;
}
.page .row > div {
  padding: 0 12px;
}
.page .row img {
  display: block;
}
.page__title {
  gap: 20px;
  margin-bottom: 40px;
  justify-content: space-between;
}
.page__title h2 {
  margin: 0;
}
.page ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.page ul li {
  padding-left: 32px;
  margin-top: 10px;
  background: url(/local/templates/twinmaster2.0/css/../images/pagelist.svg) 0 0 no-repeat;
}
.page ul li:first-child {
  margin: 0;
}
@media screen and (max-width: 991px) {
  .page__block {
    margin-top: 50px;
  }
  .page__block.mobiletop {
    margin-top: 0;
  }
}

.pagepremium {
  padding: 15px;
  background: #ebf4ff;
  border-radius: 4px;
  gap: 20px 0;
}
.pagepremium .row {
  margin: 0 -5px;
  gap: 20px 0;
}
.pagepremium .row > div {
  padding: 0 5px;
}
.pagepremium__block {
  text-align: center;
  font-weight: 500;
  font-size: 15px;
}
.pagepremium__block-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .pagepremium {
    margin: 0 -15px;
    border-radius: 0;
  }
  .pagepremium__block {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 12px;
  }
  .pagepremium__block-img {
    margin: 0;
  }
}

blockquote {
  font-weight: 400;
  font-size: 19px;
  padding: 35px;
  border: 4px solid #196fa8;
  margin: 40px 0 0;
}
@media screen and (max-width: 767px) {
  blockquote {
    margin-top: 30px;
    padding: 20px;
    font-size: 17px;
  }
}

.tablewrapper {
  overflow-x: auto;
}

.pagetable {
  background: #fafafa;
  width: 100%;
  border-spacing: 0;
  font-size: 15px;
}
.pagetable th {
  padding: 15px;
  text-align: left;
  font-weight: 500;
  font-size: 15px;
  color: #6c6c75;
}
.pagetable td {
  border-top: 1px solid #e0e0e0;
  padding: 15px;
  vertical-align: top;
  min-width: 135px;
}
.pagetable__title {
  color: #6c6c75;
  font-weight: 500;
}
.pagetable__center {
  text-align: center;
}
.pagetable__bg {
  background: #f2f2f2;
}

.pagelist {
  padding: 0;
  list-style: none;
}
.pagelist li {
  padding-left: 32px;
  margin-top: 8px;
  background: url(/local/templates/twinmaster2.0/css/../images/pagelist.svg) 0 0 no-repeat;
}
.pagelist li:first-child {
  margin-top: 0;
}

.mobileslider.owl-carousel {
  margin: 0;
}
.mobileslider.owl-carousel .owl-stage-outer {
  padding: 0;
}
.mobileslider.owl-carousel .owl-item .col-sm-6,
.mobileslider.owl-carousel .owl-item .col-sm-4 {
  padding: 0;
}
.mobileslider .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 30px;
}
.mobileslider .owl-dots div {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #c2cbd6;
}
.mobileslider .owl-dots div.active {
  background: #1998d6;
}

.types__block {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 12px 24px 12px 12px;
  background: #ebf4ff;
  margin-top: 24px;
}
.types__block:first-child {
  margin: 0;
}
.types__block-img {
  min-width: 100px;
}
.types__block-right {
  width: 100%;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 24px;
}
.types__block-title {
  font-weight: 500;
  font-size: 18px;
}
.types__block-link {
  white-space: nowrap;
  font-weight: 700;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .types__block {
    align-items: flex-start;
    gap: 12px;
  }
  .types__block-img {
    max-width: 50px;
  }
  .types__block-right {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 10px;
  }
  .types__block-title {
    font-size: 15px;
  }
  .types__block-link {
    font-size: 15px;
  }
}

.stickers {
  gap: 40px 0;
}
.stickers__block {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #6c6c75;
}
.stickers__block-img {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 128px;
  background: #ebf4ff;
  border-radius: 4px;
  margin-bottom: 20px;
}
.stickers__block-title {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  color: #1998d6;
}
.stickers__block-price {
  display: block;
  margin: 8px 0;
  font-size: 16px;
  color: #27272b;
}
.stickers__block-price span {
  color: #1998d6;
}
@media screen and (max-width: 767px) {
  .stickers__block {
    font-size: 13px;
  }
  .stickers__block-title {
    font-size: 15px;
  }
  .stickers__block-price {
    font-size: 14px;
  }
}

.logopartner {
  margin-left: -6px !important;
  margin-right: -6px !important;
  gap: 20px 0;
}
.logopartner > div {
  padding: 0 6px !important;
}
.logopartner a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f1f2;
  border-radius: 4px;
  height: 85px;
}

.topimgblock {
  padding-top: 25px;
}
.topimgblock__wrap {
  position: relative;
  height: 400px;
  display: flex;
  align-items: center;
}
.topimgblock__info {
  position: relative;
  padding: 20px 50px;
}
.topimgblock__info h1 {
  color: #fff;
  margin-bottom: 30px;
}
.topimgblock__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
}
.topimgblock__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}
.topimgblock__img video {
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .topimgblock .blockin {
    padding: 0;
  }
  .topimgblock__wrap {
    height: 270px;
  }
  .topimgblock__info {
    padding: 15px;
  }
  .topimgblock__info h1 {
    letter-spacing: -1.5px;
  }
}

.newcatalog {
  margin: 0 -12px;
  gap: 24px 0;
}
.newcatalog > div {
  padding: 0 12px;
}
.newcatalog__block {
  display: block;
  height: 100%;
  padding: 24px;
  border-radius: 4px;
  background: #eceff2;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #161618;
  transition: all 0.4s ease;
}
.newcatalog__block-img {
  display: block;
  margin-bottom: 24px;
}
.newcatalog__block-img img {
  display: block;
}
.newcatalog__block:hover {
  background: #1998d6;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .newcatalog {
    margin: 0 -6px;
    gap: 12px 0;
  }
  .newcatalog > div {
    padding: 0 6px;
  }
  .newcatalog__block {
    padding: 4px 4px 8px;
    font-size: 14px;
  }
  .newcatalog__block-img {
    margin-bottom: 8px;
  }
}

.pagination {
  margin-top: 23px;
}
.pagination__wrap {
  margin-top: 65px;
}
.pagination ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.pagination ul li a {
  min-width: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #161618;
  font-weight: 500;
}
.pagination ul li a:hover {
  color: #1998d6;
}
.pagination__prev {
  transform: rotate(180deg);
}
.pagination__prev span,
.pagination__prev a, .pagination__next span,
.pagination__next a {
  line-height: 0 !important;
  font-size: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination__active {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  font-weight: 500;
  font-size: 18px;
  border: 2px solid #1998d6;
}
@media screen and (max-width: 767px) {
  .pagination__wrap {
    margin-top: 30px;
  }
}

.rub {
  font-family: "Arial";
}

.product {
  gap: 50px 0;
}
.product__block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}
.product__block-top {
  color: #161618;
}
.product__block-img img {
  display: block;
  width: 100%;
}
.product__block-title {
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin: 16px 0 12px;
}
.product__block-price {
  font-size: 20px;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .product {
    gap: 0;
  }
  .product.row {
    margin: 0;
  }
  .product > div {
    padding: 0;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e0e0e0;
  }
  .product > div:first-child, .product > div:first-child + div {
    margin-top: 0;
    padding: 0;
    border-top: 0;
  }
  .product > div:nth-child(even) .product__block {
    padding-right: 0;
  }
  .product > div:nth-child(odd) .product__block {
    padding-left: 0;
  }
  .product__block {
    padding: 0 6px;
  }
  .product__block-title {
    font-size: 12px;
  }
}

.sort {
  border-bottom: 1px solid #e0e0e0;
  padding: 12px 0;
  margin-bottom: 40px;
}
.sort__wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.sort__right {
  min-width: 170px;
}
.sort__select {
  display: flex;
  flex-direction: row;
  justify-content: start;
  border-radius: 4px;
  background: #ebf4ff;
  min-height: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0 23px 0 8px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
}
.sort__select::after {
  content: "";
  position: absolute;
  right: 7px;
  top: 11px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0yLjA3NTIxIDEuMTI3MDRDMS43MDE3NSAwLjc3NTAwOCAxLjExODU1IDAuNzc1MzI1IDAuNzQ1NDY5IDEuMTI3NzZDMC4zNDA3OTkgMS41MTAwNCAwLjM0MDc5OSAyLjE1MzkzIDAuNzQ1NDY4IDIuNTM2Mkw1LjMxMzI5IDYuODUxMjlDNS42OTg3MSA3LjIxNTM4IDYuMzAxMjkgNy4yMTUzOCA2LjY4NjcxIDYuODUxMjlMMTEuMjU0NSAyLjUzNjJDMTEuNjU5MiAyLjE1MzkzIDExLjY1OTIgMS41MTAwNCAxMS4yNTQ1IDEuMTI3NzZDMTAuODgxNSAwLjc3NTMyNSAxMC4yOTgyIDAuNzc1MDA4IDkuOTI0NzkgMS4xMjcwNEw2IDQuODI2NTlMMi4wNzUyMSAxLjEyNzA0WiIgZmlsbD0iIzE5OThENiIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  transition: all 0.2s ease;
}
.sort__select.is-active .select__list {
  max-height: 64px;
}
.sort__select.is-active::after {
  transform: rotate(180deg);
  top: 11px;
}
.sort__list {
  margin-top: 13px;
  display: flex;
  gap: 16px;
  font-size: 13px;
  flex-wrap: wrap;
}
.sort__list div {
  display: flex;
  align-items: center;
  color: #62626a;
  gap: 4px;
}
.sort__list div a {
  min-width: 16px;
  height: 16px;
  background: url(/local/templates/twinmaster2.0/css/../images/delte_param_filter.svg);
}
.sort__list-clear a {
  background: url(/local/templates/twinmaster2.0/css/../images/clear_filter.svg) !important;
}
.sort__list .js-openmobfilter {
  display: none;
  gap: 4px;
  font-size: 12px;
  color: #161618;
  white-space: nowrap;
  font-weight: 500;
}
.sort__left {
  display: flex;
  align-items: center;
  gap: 10px 40px;
}
.sort__left-flex {
  display: flex;
  gap: 12px;
}
.sort__filter {
  position: relative;
  z-index: 2;
}
.sort__filter-title {
  cursor: pointer;
  display: flex;
  height: 32px;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #161618;
  padding: 0 21px 0 8px;
  font-size: 15px;
  font-weight: 500;
  position: relative;
}
.sort__filter-title:before {
  content: "+";
  top: 3px;
  right: 6px;
  position: absolute;
  font-size: 18px;
  font-weight: 700;
  color: #1998d6;
}
.sort__filter-title.active:before {
  content: "-";
}
.sort__filter-title.active + div {
  display: block;
}
.sort__filter-body {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 240px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
  padding: 12px;
}
.sort__filter-body ul {
  padding: 0 10px 0 0;
  margin: 0 0 8px;
  list-style: none;
  max-height: 175px;
  overflow-y: auto;
}
.sort__filter-body ul::-webkit-scrollbar {
  width: 5px;
}
.sort__filter-body ul::-webkit-scrollbar-track {
  background: #e7e7e9;
}
.sort__filter-body ul::-webkit-scrollbar-thumb {
  background: #a3aab1;
}
.sort__filter-body ul li {
  margin-top: 8px;
}
.sort__filter-body ul li:first-child {
  margin: 0;
}
.sort__filter-body ul li label {
  min-height: 28px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.1;
}
.sort__filter-body ul li label span {
  width: 22px;
  min-width: 22px;
  height: 22px;
  border-radius: 4px;
  border: 1px solid #b3b3b3;
}
.sort__filter-body ul li label input {
  display: none;
}
.sort__filter-body ul li label input:checked + span {
  border-color: #1998d6;
  background: url(/local/templates/twinmaster2.0/css/../images/detail_list.svg) 50% 50% no-repeat;
}
.sort__filter-body .sitebutton {
  height: 32px;
  min-height: 32px;
  font-size: 15px;
}
.sort__filter-button {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sort__filter-button:hover .clear {
  display: flex;
}
.sort__filter-button .clear {
  font-size: 14px;
  color: #62626a;
  display: flex;
  gap: 4px;
  display: none;
}
.sort__filter-button .clear img {
  min-width: 16px;
  width: 16px;
}
@media screen and (max-width: 767px) {
  .sort__left {
    font-size: 12px;
  }
  .sort__left-flex {
    display: none;
  }
  .sort__list {
    gap: 10px;
  }
  .sort__list .js-openmobfilter {
    display: flex;
  }
  .sort__select {
    height: 25px;
    font-size: 12px;
    padding-right: 28px;
  }
}

.select__list {
  padding: 0;
  margin: 0;
  list-style: none;
  max-height: 0;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  background: #ebf4ff;
  z-index: 9;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.select__option {
  position: relative;
  list-style: none;
  padding: 0 8px;
  background-color: #ebf4ff;
  transition: all 0.3s ease;
}

.detail {
  gap: 25px 0;
}
.detail__img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail__img img {
  display: block;
  width: 100%;
}
.detail__info {
  padding: 28px 20px 0 0;
  font-size: 16px;
  color: #161618;
}
.detail__info-block {
  margin-top: 25px;
}
.detail__info-block:first-child {
  margin: 0;
}
.detail__info-title {
  font-size: 16px;
  color: #6c6c75;
  font-weight: 700;
}
.detail__info ul {
  padding: 12px 0 0;
  margin: 0;
  list-style: none;
}
.detail__info ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 4px;
  line-height: 1.2;
  margin-top: 12px;
}
.detail__info ul li:first-child {
  margin: 0;
}
.detail__info ul li span:first-child {
  color: #6c6c75;
  font-weight: 500;
}
.detail__info ul li em {
  flex-grow: 2;
  border-bottom: 1px dashed #a6a6a6;
  margin-bottom: 3px;
}
.detail__info-link {
  margin-top: 20px;
}
.detail__info-link a {
  font-size: 16px;
  font-weight: 700;
  padding-right: 20px;
  background: url(/local/templates/twinmaster2.0/css/../images/more.svg) 100% 50% no-repeat;
}
.detail__view {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.detail__view label {
  width: 120px;
  cursor: pointer;
}
.detail__view label input {
  display: none;
}
.detail__view label input:checked + span {
  border-color: #1998d6;
}
.detail__view label span {
  border-radius: 4px;
  border: 2px solid #e0e0e0;
  display: block;
  padding: 10px;
}
.detail__view label span img {
  display: block;
}
.detail__color {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.detail__color label {
  width: 55px;
  cursor: pointer;
}
.detail__color label input {
  display: none;
}
.detail__color label input:checked + span {
  border-color: #1998d6;
}
.detail__color label > span {
  border-radius: 50%;
  border: 2px solid #e0e0e0;
  display: block;
  height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail__color label > span > span {
  display: block;
  height: 45px;
  width: 45px;
  margin: auto;
  border-radius: 50%;
}
.detail__right {
  border-radius: 4px;
  background: #ebf4ff;
  padding: 28px;
}
.detail__right-info-block {
  margin-top: 12px;
  font-size: 15px;
  color: #44444a;
}
.detail__right-info-block:first-child {
  margin: 0;
}
.detail__right-info-block p {
  margin: 4px 0;
}
.detail__right-info-block p:first-child {
  margin-top: 0;
}
.detail__right-info-block p:last-child {
  margin-bottom: 0;
}
.detail__right-info-block ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.detail__right-info-block ul li {
  margin-top: 5px;
  padding-left: 20px;
  background: url(/local/templates/twinmaster2.0/css/../images/detail_list.svg) 0 0 no-repeat;
}
.detail__right-info-title {
  font-weight: 700;
  color: #6c6c75;
}
.detail__right-minprice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #fff;
}
.detail__right-minprice span {
  font-size: 18px;
  font-weight: 500;
}
.detail__right-minprice .sitebutton {
  background: #fff;
}
.detail__price {
  font-size: 36px;
  color: #161618;
}
.detail__price-list {
  padding: 12px 0 0;
}
.detail__price-list ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 5%;
  list-style: none;
  line-height: 1;
  font-size: 14px;
}
.detail__price-list ul li {
  width: 40%;
  display: flex;
  gap: 5px;
}
.detail__price-list ul li span:first-child {
  color: #6c6c75;
  white-space: nowrap;
}
.detail__button {
  margin-top: 20px;
  display: flex;
  gap: 8px;
}
.detail__amount {
  width: 110px;
  min-width: 110px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  height: 50px;
  border-radius: 5px;
  background: #fff;
}
.detail__amount button {
  width: 23px;
  height: 23px;
  min-width: 23px;
  border: 0;
  background: url(/local/templates/twinmaster2.0/css/../images/amount_plus.svg) 0 0 no-repeat;
}
.detail__amount button:first-child {
  background-image: url(/local/templates/twinmaster2.0/css/../images/amount_minus.svg);
}
.detail__amount input {
  padding: 0;
  text-align: center;
  font-weight: 500;
  color: #000;
  height: 48px;
  line-height: 48px;
}
.detail__buy-one-click {
  margin-top: 16px;
  text-align: center;
}
.detail__buy-one-click a {
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .detail > div {
    order: 0;
  }
  .detail > div:nth-child(2) {
    order: 2;
  }
  .detail > div:nth-child(3) {
    order: 1;
  }
  .detail__right {
    padding: 15px;
  }
  .detail__price {
    font-size: 26px;
  }
}

.mobilefilter {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  overflow: hidden;
}
.mobilefilter__wrap {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 90%;
  margin-left: auto;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  right: -90%;
  transition: all 0.4s ease;
}
.mobilefilter__wrap.show {
  right: 0;
}
.mobilefilter__top {
  position: relative;
  padding: 20px;
}
.mobilefilter__title {
  font-size: 22px;
  color: #3d3d42;
  font-weight: bold;
  margin-bottom: 20px;
}
.mobilefilter__close {
  cursor: pointer;
  width: 48px;
  height: 48px;
  background: url(/local/templates/twinmaster2.0/css/../images/closefilter.svg);
  position: absolute;
  top: 10px;
  right: 10px;
}
.mobilefilter__block {
  border-bottom: 1px solid #161618;
}
.mobilefilter__block-title {
  display: flex;
  align-items: center;
  height: 60px;
  cursor: pointer;
  position: relative;
  font-size: 18px;
  font-weight: 500;
}
.mobilefilter__block-title:before {
  content: "";
  position: absolute;
  top: 6px;
  right: 0;
  width: 36px;
  height: 36px;
  background: url(/local/templates/twinmaster2.0/css/../images/mobfilter_arrow.svg) 0 0 no-repeat;
}
.mobilefilter__block-title.active:before {
  transform: rotate(180deg);
}
.mobilefilter__block-body {
  padding-bottom: 15px;
}
.mobilefilter__block .sort__filter-body {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  box-shadow: none;
  padding: 0;
  display: block;
}
.mobilefilter__block .sort__filter-body ul {
  margin: 0;
}
.mobilefilter__bottom {
  background: #ebf4ff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  align-items: center;
}
.mobilefilter__bottom .clearfilter {
  color: #6b6f74;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  display: flex;
  gap: 5px;
  align-items: center;
}
.mobilefilter__price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.mobilefilter__price-block {
  display: flex;
  border-radius: 5px;
  align-items: center;
  border: 1px solid #b3b3b3;
  background: #fff;
  max-width: 125px;
  padding: 0 15px;
}
.mobilefilter__price-block input {
  line-height: 37px;
  height: 37px;
  padding: 0 5px;
}

.nstSlider {
  position: relative;
  height: 3px;
  background: #cbcbcb;
  margin-top: 20px;
  margin-bottom: 20px;
}
.nstSlider .bar {
  position: absolute;
  top: 0;
  background: #1998d6;
  bottom: 0;
}
.nstSlider .leftGrip,
.nstSlider .rightGrip {
  position: absolute;
  width: 25px;
  height: 25px;
  background: #1998d6;
  border-radius: 50%;
  margin-top: -12px;
}

/* CONTENT */
/* CONTACTS_BLOCK */
.contactsblock {
  padding: 95px 0 55px;
  background: #e3e7ec;
}
.contactsblock__row {
  gap: 30px 0;
}
.contactsblock__contacts {
  gap: 20px 0;
}
.contactsblock__phone {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px 0;
}
.contactsblock__phone a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: #161618;
  font-weight: 700;
  font-size: 24px;
  padding-left: 44px;
  background: url(/local/templates/twinmaster2.0/css/../images/c_phone.svg) 0 50% no-repeat;
}
.contactsblock__phone a:hover {
  color: #1998d6;
}
.contactsblock__mail {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: #161618;
  font-weight: 500;
  font-size: 20px;
  padding-left: 44px;
  margin-top: 40px;
  background: url(/local/templates/twinmaster2.0/css/../images/c_mail.svg) 0 50% no-repeat;
}
.contactsblock__mail:hover {
  color: #1998d6;
}
.contactsblock__soc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px 0;
}
.contactsblock__soc a {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 500;
  font-size: 20px;
  color: #161618;
}
.contactsblock__soc a:hover {
  color: #1998d6;
}
.contactsblock__address, .contactsblock__work {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 18px;
  margin-top: 30px;
}
.contactsblock__address:first-child, .contactsblock__work:first-child {
  margin: 0;
}
.contactsblock__form {
  padding: 32px 40px;
  background: #eaedf1;
  border-radius: 4px;
}
.contactsblock__form-title {
  font-weight: 500;
  font-size: 26px;
  color: #44444a;
  padding-bottom: 10px;
}
.contactsblock__form-block {
  margin-top: 12px;
}
.contactsblock__form-info {
  margin-top: 16px;
  font-weight: 400;
  font-size: 14px;
  color: #6c6c75;
}
.contactsblock__form-info a {
  color: #6c6c75;
  border-bottom: 1px solid #6c6c75;
}
.contactsblock__form-info a:hover {
  border-color: transparent;
}
.contactsblock__map {
  height: 360px;
  background: #fff;
  margin-top: 40px;
}
@media screen and (max-width: 960px) {
  .contactsblock {
    padding: 55px 0;
  }
  .contactsblock__form {
    padding: 30px 15px;
  }
  .contactsblock__form-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .contactsblock__phone {
    gap: 14px;
  }
  .contactsblock__phone a {
    font-size: 18px;
    padding-left: 30px;
    background-size: 24px auto;
  }
  .contactsblock__soc {
    gap: 12px 0;
  }
  .contactsblock__soc a {
    font-size: 16px;
  }
  .contactsblock__soc a img {
    width: 24px;
  }
  .contactsblock__mail {
    margin-top: 20px;
    padding-left: 30px;
    background-size: 24px auto;
  }
  .contactsblock__work, .contactsblock__address {
    margin-top: 12px;
    font-size: 16px;
  }
  .contactsblock__work img, .contactsblock__address img {
    width: 24px;
  }
}

/* CONTACTS_BLOCK */
/* FOOTER */
.footer {
  background: #161618;
}
.footer__top {
  padding: 55px 0;
  font-size: 16px;
  color: #d2d2d2;
}
.footer__top-row {
  gap: 25px 0;
  margin-top: 27px;
}
.footer__logo {
  display: inline-flex;
  align-items: center;
}
.footer__phone {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px 0;
}
.footer__phone a {
  min-height: 24px;
  display: flex;
  align-items: center;
  padding-left: 32px;
  background: url(/local/templates/twinmaster2.0/css/../images/f_phone.svg) 0 50% no-repeat;
  font-weight: 700;
  color: #d2d2d2;
}
.footer__phone a:hover {
  color: #1998d6;
}
.footer__mail {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding-left: 32px;
  background: url(/local/templates/twinmaster2.0/css/../images/f_mail.svg) 0 50% no-repeat;
  font-weight: 700;
  color: #d2d2d2;
  margin-top: 24px;
}
.footer__mail:hover {
  color: #1998d6;
}
.footer__soc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.footer__soc a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  color: #d2d2d2;
}
.footer__soc a:hover {
  color: #1998d6;
}
.footer__address {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 24px;
}
.footer__menu {
  padding: 0;
  margin: 0;
  list-style: none;
  font-weight: 500;
}
@media screen and (min-width: 576px) {
  .footer__menu {
    column-count: 2;
  }
}
.footer__menu li {
  margin-top: 24px;
}
.footer__menu li:first-child {
  margin: 0;
}
.footer__menu li a {
  color: #ffffff;
}
.footer__menu li a:hover {
  color: #1998d6;
}
.footer__bottom {
  background: #131313;
  border-top: 1px solid #2e2e2e;
  font-size: 15px;
  padding: 20px 0;
}
.footer__bottom-row {
  min-height: 77px;
  gap: 12px 15px;
}
.footer__copyright {
  color: rgba(255, 255, 255, 0.6);
}
.footer__link {
  color: rgba(255, 255, 255, 0.6);
}
.footer__link span {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer__link:hover {
  color: rgba(255, 255, 255, 0.6);
}
.footer__link:hover span {
  border-color: transparent;
}
@media screen and (max-width: 577px) {
  .footer__top {
    font-size: 15px;
    padding: 30px 0;
  }
}

.fixbottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  background: #fff;
  border-top: 1px solid #e0e0e0;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.fixbottom li {
  flex-grow: 2;
  border-left: 1px solid #e0e0e0;
  flex-basis: 25%;
}
.fixbottom li:first-child {
  border: 0;
}
.fixbottom li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  height: 60px;
  color: #161618;
  position: relative;
  text-align: center;
}
.fixbottom li a em {
  position: absolute;
  top: 5px;
  left: calc(50% + 20px);
  font-weight: 400;
  padding: 0 7px 0 6px;
  font-size: 10px;
  line-height: 14px;
  border: 1px solid #3ab3ee;
  border-radius: 100px;
  color: #0e7aaf;
  padding-top: 1px;
}
@media screen and (min-width: 992px) {
  .fixbottom {
    display: none;
  }
}

/* FOOTER */
/* POPUP */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  z-index: 20;
  display: none;
}
.popup__wrap {
  display: inline-block;
  vertical-align: middle;
  max-width: 455px;
  width: 100%;
  padding: 55px 35px 40px;
  background: #eaedf1;
  border-radius: 5px;
  position: relative;
  font-size: 14px;
  line-height: 1.2;
  color: #6c6c75;
  box-sizing: border-box;
  text-align: left;
}
.popup__wrap-reviews {
  max-width: 940px;
  font-weight: 400;
  font-size: 20px;
  color: #27272b;
}
.popup__wrap-basket {
  vertical-align: middle;
  padding: 40px;
  border-radius: 10px;
  background: #fff;
  max-width: 650px;
}
.popup__closebut {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background: url(/local/templates/twinmaster2.0/css/../images/closebut.svg) 0 0 no-repeat;
  cursor: pointer;
}
.popup__body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 60px;
}
.popup__body-basket {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.popup__body-title {
  margin: 0;
  color: #161618;
}
.popup__title {
  font-weight: 700;
  font-size: 36px;
  font-family: "Onest";
  color: #1998d6;
  margin-bottom: 8px;
}
.popup__text {
  margin-bottom: 20px;
  font-size: 18px;
  color: #6c6c75;
  line-height: 1.3;
}
.popup__block {
  margin-top: 12px;
}
.popup__block-info {
  margin-top: 16px;
  font-weight: 400;
  font-size: 14px;
  color: #6c6c75;
}
.popup__block-info a {
  color: #6c6c75;
  border-bottom: 1px solid #6c6c75;
}
.popup__block-info a:hover {
  border-color: transparent;
}
.popup__center {
  text-align: center;
  margin-bottom: 24px;
}
.popup form + .success {
  display: none;
}
.popup .success {
  text-align: center;
}
.popup:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.popup__good {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 1 0 0;
  padding: 20px 0;
  border-top: 1px solid #ededee;
  border-bottom: 1px solid #ededee;
}
.popup__good-title {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 19.5px */
  letter-spacing: -0.3px;
  color: #161618;
  flex: 1 0 0;
}
.popup__good-price {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
  letter-spacing: -0.4px;
  color: #161618;
}
.popup__buttons {
  display: flex;
  gap: 10px;
}
.popup__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: url(/local/templates/twinmaster2.0/css/../images/svg/close-blur-bt.svg) 50% no-repeat;
  cursor: pointer;
}
.popup__close-basket {
  background: url(/local/templates/twinmaster2.0/css/../images/svg/close-blur-bt.svg) 50% no-repeat;
}
.popup form + .success {
  display: none;
}
@media screen and (max-width: 960px) {
  .popup__title {
    font-size: 33px;
  }
}
@media screen and (max-width: 767px) {
  .popup__wrap {
    padding: 45px 15px 15px;
  }
  .popup__title {
    font-size: 26px;
  }
}
@media screen and (max-width: 1399.98px) {
  .popup__body-text {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .popup__body-block {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
}
@media screen and (max-width: 1199.98px) {
  .popup__wrap-basket .sitebutton {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .popup__wrap-success {
    max-width: 401px;
    padding: 50px 40px 50px 20px;
  }
  .popup__info-title {
    font-size: 25px;
    letter-spacing: -0.5px;
  }
  .popup__close {
    top: 27px;
    right: 12px;
    width: 40px;
    height: 40px;
  }
  .popup__close-invoice {
    top: 10px;
  }
  .popup__close-footer {
    background: url(/local/templates/twinmaster2.0/css/../images/svg/close-bt.svg) 50% no-repeat;
  }
  .popup__good-price {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
}
@media screen and (max-width: 991.98px) {
  .popup-mob {
    bottom: 64px;
  }
  .popup__wrap {
    padding: 25px 20px;
  }
  .popup__wrap-invoice {
    max-width: 344px;
  }
  .popup__wrap-req {
    max-width: 716px;
    padding: 25px 20px;
  }
  .popup__wrap-basket {
    padding: 30px;
  }
  .popup__wrap-basket .sitebutton {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .popup__wrap-success {
    padding: 50px 40px 50px 20px;
  }
  .popup__body-top {
    margin-bottom: 0;
  }
  .popup__body form {
    margin-top: 0;
  }
  .popup__body-req {
    gap: 20px;
  }
  .popup__body-basket {
    gap: 20px;
  }
  .popup__close {
    top: 22px;
  }
  .popup__close-invoice {
    top: 10px;
  }
  .popup__good-img {
    width: 80px;
    height: 80px;
  }
  .popup__good-price {
    font-size: 16px;
    letter-spacing: -0.32px;
    width: 80px;
  }
}
@media screen and (max-width: 767.98px) {
  .popup {
    bottom: 61px;
  }
  .popup__wrap {
    padding: 10px 20px;
  }
  .popup__wrap-invoice {
    padding: 25px 12px;
    max-width: 576px;
  }
  .popup__wrap-basket {
    padding: 25px 20px;
    max-width: 552px;
  }
  .popup__wrap-basket .sitebutton {
    font-size: 13px;
    letter-spacing: -0.13px;
  }
  .popup__wrap-success {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 576px;
    max-width: 576px;
    height: 325px;
  }
  .popup__wrap-success img {
    width: 40px;
    height: 40px;
  }
  .popup__body {
    gap: 30px;
  }
  .popup__body-text {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .popup__body-calls .header__phone {
    padding: 5px 0;
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .popup__body-messages .header__popup-link {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .popup__body-req {
    height: 280px;
    overflow-y: auto;
  }
  .popup__body-basket {
    gap: 20px;
  }
  .popup__body-block {
    min-height: 23px;
    font-size: 15px;
    letter-spacing: -0.15px;
    gap: 12px;
  }
  .popup__body-block span:first-child {
    min-width: 189px;
  }
  .popup__close {
    top: 7px;
    background: url(/local/templates/twinmaster2.0/css/../images/svg/close-bt.svg) 50% no-repeat;
  }
  .popup__close-invoice {
    top: 10px;
  }
  .popup__close-basket {
    top: 10px;
    right: 0;
    background: url(/local/templates/twinmaster2.0/css/../images/svg/close-blur-bt.svg) 50% no-repeat;
  }
  .popup__good {
    padding: 15px 0;
  }
  .popup__good-title {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .popup__good-price {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
}
@media screen and (max-width: 575.98px) {
  .popup {
    bottom: 58px;
  }
  .popup__wrap {
    padding: 15px 12px;
  }
  .popup__wrap-success {
    width: 360px;
    min-width: 100%;
    height: 192px;
    padding: 70px 12px 70px;
    border-radius: 0 0 10px 10px;
    top: 0;
  }
  .popup__wrap-req {
    min-width: 360px;
    vertical-align: top;
    max-height: unset;
    padding: 50px 12px 30px;
    border-radius: 0 0 10px 10px;
  }
  .popup__wrap-basket {
    padding: 25px 15px;
    max-width: 336px;
  }
  .popup__body {
    flex-direction: column;
    gap: 10px;
  }
  .popup__body-calls .header__phone {
    margin: 0 auto;
  }
  .popup__body-messages .header__popup-link {
    margin: 0 auto;
    min-width: 99px;
    justify-content: flex-start;
  }
  .popup__body-req {
    height: auto;
  }
  .popup__body-success {
    display: flex;
    flex-direction: row;
  }
  .popup__body-block span:first-child {
    min-width: 162px;
  }
  .popup__body-block span:last-child {
    word-break: break-all;
  }
  .popup__info img {
    width: 40px;
    height: 40px;
  }
  .popup__info-title {
    font-size: 22px;
    letter-spacing: -0.44px;
  }
  .popup__close {
    top: 10px;
  }
  .popup__good {
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 0;
  }
  .popup__good-img {
    width: 50px;
    height: 50px;
  }
  .popup__good-title {
    width: 246px;
    font-size: 13px;
    letter-spacing: -0.26px;
  }
  .popup__good-price {
    margin-left: 60px;
  }
  .popup__buttons {
    flex-direction: column;
  }
}

/* POPUP */
/* CARDS */
.cards {
  width: 100%;
}
.cards__list {
  position: relative;
  overflow: hidden;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
.cards__block.row {
  row-gap: 30px;
}
.cards__block .col-6 {
  padding-bottom: 30px;
  border-bottom: 1px solid #e0e0e0;
}
.cards__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-height: 100%;
}
.cards__item .sitebutton {
  margin-top: auto;
}
.cards__item-link {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.cards__item-img {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 5px;
  background: #f4f5f7;
  min-height: 330px;
}
.cards__item-img img {
  mix-blend-mode: darken;
}
.cards__item-fav {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: url(/local/templates/twinmaster2.0/css/../images/svg/card-fav.svg) center no-repeat;
  cursor: pointer;
  z-index: 1;
  transition: all 0.4s ease;
}
.cards__item-fav:hover {
  background: url(/local/templates/twinmaster2.0/css/../images/svg/card-fav-hover.svg) center no-repeat;
}
.cards__item-fav.active {
  background: url(/local/templates/twinmaster2.0/css/../images/svg/card-fav-active.svg) center no-repeat;
}
.cards__item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.cards__item-price {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  color: #161618;
}
.cards__item-curprice {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
  letter-spacing: -0.4px;
}
.cards__item-oldprice {
  color: #39434c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  letter-spacing: -0.32px;
  text-decoration-line: line-through;
  opacity: 0.7;
}
.cards__item-discount {
  display: flex;
  padding: 4px 5px 6px 5px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 5px;
  background: #39434c;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 14.4px */
  letter-spacing: -0.24px;
  color: #ffffff;
}
.cards__item-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #161618;
  text-overflow: ellipsis;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 19.5px */
  letter-spacing: -0.3px;
  transition: all 0.4s ease;
}
.cards__item:hover .cards__item-title {
  color: #1998d6;
}
@media screen and (max-width: 1399.98px) {
  .cards__item-curprice {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .cards__item-oldprice {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
}
@media screen and (max-width: 991.98px) {
  .cards__item-link {
    gap: 10px;
  }
  .cards__item-img {
    min-height: 290px;
    padding: 5px;
  }
  .cards__item-fav {
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
  }
  .cards__item-curprice {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .cards__item-oldprice {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .cards__item-discount {
    padding: 4px 5px;
  }
  .cards__item-title {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
}
@media screen and (max-width: 767.98px) {
  .cards__block.row {
    row-gap: 35px;
    margin: 0 -6px;
  }
  .cards__block .col-6 {
    padding-bottom: 0;
    border-bottom: none;
    padding: 0 6px;
  }
  .cards__item-img {
    min-height: 245px;
  }
  .cards__item-info {
    gap: 5px;
  }
  .cards__item-curprice {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .cards__item-oldprice {
    font-size: 12px;
    letter-spacing: -0.24px;
  }
  .cards__item-discount {
    display: none;
  }
  .cards__item-discountmob {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    padding: 4px 5px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 5px;
    background: #39434c;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 14.4px */
    letter-spacing: -0.24px;
    color: #ffffff;
  }
  .cards__item-title {
    font-size: 12px;
    letter-spacing: -0.24px;
  }
}
@media screen and (max-width: 575.98px) {
  .cards__list {
    gap: 35px;
  }
  .cards__item-img {
    min-height: 190px;
  }
  .cards__item-fav {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    background-size: 90%;
  }
  .cards__item-fav:hover {
    background-size: 90%;
  }
  .cards__item-fav.active {
    background-size: 90%;
  }
}

/* CARDS_END */
/* FAVORITES */
.favorites {
  width: 100%;
  padding: 40px 0 100px;
  position: relative;
}
.favorites__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.favorites__head {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.favorites__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.favorites__body-text {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 33px */
  letter-spacing: -0.22px;
  color: #44444a;
}
.favorites__body-icon {
  width: 40px;
  height: 40px;
  background: url(/local/templates/twinmaster2.0/css/../images/svg/card-fav.svg) 50% no-repeat;
  transition: all 0.4s ease;
  cursor: pointer;
}
.favorites__body-icon:hover {
  background: url(/local/templates/twinmaster2.0/css/../images/svg/card-fav-active.svg) 50% no-repeat;
}
.favorites__cards {
  display: flex;
  flex-direction: column;
  gap: 30px;
  overflow: hidden;
}
.favorites.empty {
  padding: 80px 0 120px;
}
.favorites.empty .favorites__content {
  align-items: center;
  gap: 50px;
}
@media screen and (max-width: 1399.98px) {
  .favorites {
    padding: 40px 0 80px;
  }
}
@media screen and (max-width: 1199.98px) {
  .favorites {
    padding: 30px 0 70px;
  }
}
@media screen and (max-width: 991.98px) {
  .favorites__body-text {
    font-size: 20px;
    letter-spacing: -0.2px;
  }
  .favorites.empty {
    padding: 115px 0 160px;
  }
  .favorites.empty .favorites__content {
    gap: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .favorites {
    padding: 30px 0 50px;
  }
  .favorites__body-text {
    flex-wrap: wrap;
    justify-content: center;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .favorites.empty {
    padding: 60px 0 110px;
  }
  .favorites.empty .favorites__content {
    gap: 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .favorites {
    padding: 35px 0 50px;
  }
  .favorites.empty {
    padding: 60px 0 60px;
  }
  .favorites.empty .favorites__content {
    gap: 30px;
  }
  .favorites__body-text {
    font-size: 13px;
    letter-spacing: -0.13px;
  }
}

/* FAVORITES_END */
/* FILTERS */
.filters {
  width: 100%;
  position: relative;
  z-index: 2;
}
.filters__wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}
@media screen and (max-width: 991.98px) {
  .filters__wrap {
    padding-bottom: 10px;
  }
}

/* FILTERS_END */
/* AUTH */
.auth-h1 {
  font-size: 40px;
  margin-bottom: 0;
}
.auth__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.auth__section {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 5px 20px 0px rgba(15, 36, 55, 0.1);
  margin-top: 60px;
}
.auth__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.auth__form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  align-self: stretch;
}
.auth__form-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  align-self: stretch;
}
.auth__form-block span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.16px;
  color: #39434c;
}
.auth__form-buttons {
  flex-direction: row;
  gap: 15px;
  margin-top: 10px;
}
.auth__form-input {
  height: 45px;
  display: flex;
  padding: 10px 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 4px;
  background: #ededee;
}
.auth__form-submit {
  height: 50px;
  display: flex;
  padding: 12px 25px 13px 25px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 4px;
  background: #1998d6;
  color: #ffffff;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.18px;
  cursor: pointer;
  transition: all 0.4s ease;
}
.auth__form-submit:hover {
  background: #1478a8;
}
.auth__form-submit.auth__form-cancel {
  background: #ededee;
  color: #161618;
}
.auth__form-submit.auth__form-cancel:hover {
  background: #161618;
  color: #ffffff;
}
.auth__form-register {
  width: 100%;
  padding: 12px 25px 13px 25px;
}
.auth__pass-recovery {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 21px */
  letter-spacing: -0.15px;
  color: #e93820;
}
.auth__pass-recovery:hover {
  color: #161618;
}
@media screen and (max-width: 1919.98px) {
  .auth__section {
    padding: 30px;
  }
}
@media screen and (max-width: 1399.98px) {
  .auth__section {
    margin-top: 50px;
  }
  .auth__form-register {
    height: 50px;
    font-size: 18px;
    letter-spacing: -0.18px;
  }
}
@media screen and (max-width: 1199.98px) {
  .auth__section {
    margin-top: 40px;
  }
  .auth__form-block span {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .auth__form-input {
    height: 40px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .auth__form-register {
    height: 50px;
    font-size: 18px;
    letter-spacing: -0.18px;
  }
}
@media screen and (max-width: 991.98px) {
  .auth-h1 {
    font-size: 34px;
  }
}
@media screen and (max-width: 767.98px) {
  .auth-h1 {
    font-size: 30px;
  }
  .auth__section {
    margin-top: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .auth__form-block span {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .auth__form-input {
    height: 35px;
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .auth__form-submit {
    height: 40px;
    padding: 9px 20px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .auth__form-register {
    padding: 9px 20px;
    height: 40px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
}
@media screen and (max-width: 575.98px) {
  .auth__section {
    gap: 15px;
  }
}

/* AUTH_END */
/* PERSONAL */
.personal {
  width: 100%;
}
.personal__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.personal__title {
  font-size: 55px;
  letter-spacing: -1.1px;
}
.personal__sections {
  display: flex;
  align-items: center;
  gap: 24px 24px;
}
.personal__section {
  display: flex;
  padding: 40px 15px 30px 15px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 5px 20px 0px rgba(15, 36, 55, 0.1);
  transition: all 0.4s ease;
}
.personal__section-title {
  display: flex;
  height: 52px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 28.8px */
  letter-spacing: -0.48px;
  color: #161618;
  transition: all 0.4s ease;
}
.personal__section:hover {
  box-shadow: 0px 10px 30px 0px rgba(15, 36, 55, 0.25);
}
.personal__section:hover .personal__section-title {
  color: #1998d6;
}
.personal__logout {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 130%;
  padding: 15px 20px;
  color: #161618;
  background: #ededee;
  border-radius: 10px;
  cursor: pointer;
}
.personal__nav {
  display: flex;
  padding: 10px 30px 30px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 5px 20px 0px rgba(15, 36, 55, 0.1);
  margin: 0;
  list-style: none;
}
.personal__nav li {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid #ededee;
}
.personal__nav li:first-child {
  border-top: none;
}
.personal__nav-item {
  display: flex;
  padding-top: 15px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  flex: 1 0 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.36px;
  color: #161618;
}
.personal__nav-item:hover {
  color: #1998d6;
}
.personal__nav-item.active {
  opacity: 0.6;
}
.personal__nav-item.active:hover {
  opacity: 1;
}
.personal__orders-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.personal__order {
  display: flex;
  padding-bottom: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 10px;
  border: 2px solid #eff1f3;
}
.personal__order-head {
  display: flex;
  padding: 25px 20px 0px 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  font-family: "Onest";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 26.4px */
  letter-spacing: -0.44px;
  color: #131313;
}
.personal__order-head span {
  color: #6c6c75;
  font-weight: 500;
}
.personal__order-body {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  align-self: stretch;
}
.personal__order-blocks {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.personal__order-goods {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.personal__order-block {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.personal__order-block .cart__good:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.personal__order-top {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  color: #6c6c75;
  margin-bottom: 5px;
}
.personal__order-info {
  display: flex;
  padding-top: 15px;
  align-items: center;
  gap: 60px;
  align-self: stretch;
  min-width: 100px;
  font-size: 16px;
  font-style: normal;
  letter-spacing: -0.32px;
  border-top: 1px solid #ededee;
  color: #161618;
}
.personal__order-document {
  font-weight: 500;
  line-height: 130%; /* 20.8px */
}
.personal__order-sum {
  font-weight: 600;
  line-height: 120%; /* 19.2px */
}
.personal__order-status, .personal__order-delivery {
  padding-top: 10px;
  font-weight: 500;
  line-height: 130%; /* 20.8px */
  color: #161618;
}
.personal__order-change {
  width: max-content;
  display: flex;
  height: 35px;
  padding: 7px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 21px */
  letter-spacing: -0.15px;
  color: #fff;
}
.personal__order-footer {
  display: flex;
  padding: 0px 20px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.personal__order-link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.16px;
  color: #161618;
}
.personal__order-more {
  padding-right: 23px;
  background: url(/local/templates/twinmaster2.0/css/../images/svg/order-arrow.svg) 100% 1px no-repeat;
}
.personal__order-more:hover {
  color: #1998d6;
}
.personal__order-cancel {
  padding-left: 29px;
  background: url(/local/templates/twinmaster2.0/css/../images/svg/trash.svg) 0 -2px no-repeat;
}
.personal__order-cancel:hover {
  color: #1998d6;
}
.personal__order-repeat {
  padding-left: 29px;
  background: url(/local/templates/twinmaster2.0/css/../images/svg/repeat.svg) 0 -2px no-repeat;
}
.personal__order-repeat:hover {
  color: #1998d6;
}
.personal__accounts-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  flex-shrink: 0;
}
.personal__account {
  display: flex;
  padding: 20px;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: 10px;
  border: 2px solid #eff1f3;
  font-family: "Onest";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 19.2px */
  letter-spacing: -0.32px;
  color: #39434c;
}
.personal__account-name {
  flex: 1 0 0;
  font-weight: 600;
  color: #131313;
}
.personal__account-type {
  flex: 1 0 0;
}
.personal__account-date {
  flex: 1 0 0;
}
.personal__account-edit {
  display: flex;
  padding: 6px 0 6px 19px;
  align-items: center;
  gap: 3px;
  font-family: "Onest";
  color: #161618;
  background: url(/local/templates/twinmaster2.0/css/../images/svg/edit.svg) 0 40% no-repeat;
  opacity: 0.7;
}
.personal__account-edit:hover {
  opacity: 1;
  color: #1998d6;
  background: url(/local/templates/twinmaster2.0/css/../images/svg/edit-hover.svg) 0 40% no-repeat;
}
@media screen and (max-width: 1919.98px) {
  .personal__section-title {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .personal__nav {
    padding: 10px 20px 25px;
  }
}
@media screen and (max-width: 1399.98px) {
  .personal__content {
    gap: 40px;
  }
  .personal__title {
    font-size: 50px;
    letter-spacing: -1px;
  }
  .personal__sections {
    flex-wrap: wrap;
    gap: 30px 24px;
  }
  .personal__section {
    padding: 30px 15px 20px;
    width: calc(33.3333333333% - 16px);
    flex: initial;
  }
  .personal__section-icon {
    width: 90px;
    height: 71px;
  }
  .personal__section-title {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .personal__order-head {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .personal__order-body {
    padding: 10px 20px;
  }
  .personal__account-name {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .personal__account-type {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .personal__account-date {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .personal__account-edit {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
}
@media screen and (max-width: 1199.98px) {
  .personal__content {
    gap: 30px;
  }
  .personal__title {
    font-size: 42px;
    letter-spacing: -0.84px;
  }
  .personal__section {
    padding: 20px 15px 15px;
  }
  .personal__section-icon {
    width: 80px;
    height: 63px;
  }
  .personal__section-title {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .personal__nav {
    padding: 5px 20px 20px;
  }
  .personal__nav-item {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .personal__orders-list {
    gap: 20px;
  }
  .personal__order-head {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .personal__order-top {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .personal__order-document, .personal__order-sum, .personal__order-status, .personal__order-delivery {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .personal__order-link {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .personal__order-block .cart__good-title {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .personal__order-block .cart__good-param {
    font-size: 13px;
    letter-spacing: -0.26px;
  }
  .personal__order-block .cart__good-price {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .personal__account {
    padding: 10px 20px 20px;
    flex-wrap: wrap;
    gap: 15px 30px;
  }
  .personal__account-name {
    min-width: 432px;
    flex: initial;
  }
  .personal__account-edit {
    order: 1;
    margin-left: auto;
  }
  .personal__account-type, .personal__account-date {
    order: 2;
    flex: initial;
  }
}
@media screen and (max-width: 991.98px) {
  .personal__title {
    font-size: 40px;
    letter-spacing: -0.8px;
  }
  .personal__orders {
    row-gap: 24px;
  }
  .personal__nav {
    padding: 5px 15px 15px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 24px;
  }
  .personal__nav li {
    width: calc(50% - 12px);
  }
  .personal__nav li:nth-child(2) {
    border-top: 0;
  }
  .personal__nav-item {
    padding-top: 10px;
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .personal__order-head {
    padding: 25px 15px 0;
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .personal__order-body {
    padding: 10px 15px;
  }
  .personal__order-top {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .personal__order-footer {
    padding: 0 15px;
  }
  .personal__order-document, .personal__order-sum, .personal__order-status, .personal__order-delivery {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .personal__order-link {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .personal__order-cancel, .personal__order-change {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .personal__order-more {
    background: url(/local/templates/twinmaster2.0/css/../images/svg/order-arrow.svg) 100% 0 no-repeat;
  }
  .personal__order-cancel {
    padding-left: 23px;
    background: url(/local/templates/twinmaster2.0/css/../images/svg/trash-sm.svg) 0 0 no-repeat;
  }
  .personal__order-repeat {
    padding-left: 26px;
    background: url(/local/templates/twinmaster2.0/css/../images/svg/repeat-768.svg) 0 0 no-repeat;
  }
  .personal__order-block .cart__good-img {
    width: 70px;
    height: 70px;
  }
  .personal__order-block .cart__good-img img {
    width: 70px;
    height: 70px;
  }
  .personal__order-block .cart__good-param span {
    font-size: 13px;
    letter-spacing: -0.26px;
  }
  .personal__order-block .cart__good-price {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .personal__profile {
    row-gap: 24px;
  }
  .personal__card .auth__form-group {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 24px;
  }
  .personal__card .auth__form-block {
    width: calc(50% - 12px);
  }
  .personal__accounts {
    row-gap: 24px;
  }
  .personal__accounts-list {
    gap: 15px;
  }
  .personal__account {
    padding: 10px 15px 20px;
  }
  .personal__account-name {
    min-width: 538px;
  }
}
@media screen and (max-width: 767.98px) {
  .personal__title {
    font-size: 30px;
    letter-spacing: -0.6px;
  }
  .personal__content {
    gap: 20px;
  }
  .personal__sections {
    gap: 20px 12px;
  }
  .personal__section {
    padding: 10px 15px;
    width: calc(50% - 6px);
    flex-direction: row;
    align-items: center;
  }
  .personal__section-icon {
    width: 51px;
    height: 40px;
  }
  .personal__section-title {
    text-align: left;
  }
  .personal__nav {
    padding: 10px 15px 20px;
    gap: 15px 12px;
  }
  .personal__nav li {
    width: calc(50% - 6px);
  }
  .personal__order-block .cart__good {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .personal__order-block .cart__good-info {
    gap: 20px;
  }
  .personal__order-block .cart__good-right {
    align-items: flex-start;
  }
  .personal__order-block .cart__good-img {
    width: 70px;
    height: 70px;
  }
  .personal__order-block .cart__good-img img {
    width: 70px;
    height: 70px;
  }
  .personal__order-block .cart__good-param span {
    font-size: 13px;
    letter-spacing: -0.26px;
  }
  .personal__order-block .cart__good-price {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .personal__card .auth__form-group {
    flex-direction: column;
    gap: 15px;
  }
  .personal__card .auth__form-block {
    width: 100%;
  }
  .personal__account {
    row-gap: 10px;
  }
  .personal__account-name {
    min-width: 78%;
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .personal__account-type, .personal__account-date {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .personal__account-edit {
    font-size: 13px;
    letter-spacing: -0.26px;
  }
}
@media screen and (max-width: 575.98px) {
  .personal__section {
    width: 100%;
  }
  .personal__nav {
    padding: 5px 10px 15px;
  }
  .personal__nav li {
    width: 100%;
  }
  .personal__nav li:nth-child(2) {
    border-top: 1px solid #ededee;
  }
  .personal__order-head {
    padding: 25px 10px 0;
    display: inline-block;
  }
  .personal__order-body {
    padding: 10px;
  }
  .personal__order-info {
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
  }
  .personal__order-footer {
    padding: 0 10px;
  }
  .personal__order-block .cart__good {
    flex-direction: column;
  }
  .personal__order-block .cart__good-info {
    gap: 10px;
  }
  .personal__order-block .cart__good-img {
    width: 60px;
    height: 60px;
  }
  .personal__order-block .cart__good-img img {
    width: 60px;
    height: 60px;
  }
  .personal__order-block .cart__good-title {
    font-size: 13px;
    letter-spacing: -0.26px;
  }
  .personal__order-block .cart__good-param span {
    font-size: 12px;
    letter-spacing: -0.24px;
  }
  .personal__order-block .cart__good-price {
    margin-left: 10px;
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .personal__card .auth__form {
    gap: 15px;
  }
  .personal__account {
    gap: 10px 20px;
  }
  .personal__account-name {
    width: 60%;
    min-width: unset;
  }
}

/* PERSONAL_END */
/* CART */
.cart {
  width: 100%;
}
.cart__content {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.cart__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
.cart__head .inner-h1 {
  margin-bottom: 0;
}
.cart__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}
.cart__body-title {
  text-align: center;
  max-width: 840px;
}
.cart__block {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.cart__block-head {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.cart__block-payer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cart__block-name {
  font-family: "Onest";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 26.4px */
  letter-spacing: -0.44px;
  color: #161618;
}
.cart__block-delivery {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
}
.cart__block-payment {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cart__block-check {
  font-size: 18px;
  letter-spacing: -0.36px;
}
.cart__block-check label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  color: rgba(37, 38, 39, 0.8);
  transition: all 0.4s ease;
}
.cart__block-check input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.cart__block-check input:checked + span {
  border-color: #161618;
  background: url(/local/templates/twinmaster2.0/css/../images/svg/ch-ac.svg) 50% 50% no-repeat;
}
.cart__block-check span {
  width: 22px;
  height: 22px;
  border: 1.5px solid rgba(37, 38, 39, 0.4);
  border-radius: 100%;
  user-select: none;
  transition: color, border-color 0.4s ease;
}
.cart__block-check:hover label {
  color: rgb(37, 38, 39);
}
.cart__block-check:hover label span {
  border-color: rgba(37, 38, 39, 0.7);
}
.cart__block-check:hover label input:checked + span {
  border-color: #161618;
}
.cart__section {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 10px;
  background: #eff1f3;
  cursor: pointer;
  color: rgba(37, 38, 39, 0.8);
  transition: all 0.4s ease;
}
.cart__section-text {
  font-family: "Onest";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 26.4px */
  letter-spacing: -0.44px;
  color: #161618;
}
.cart__section-list {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  height: 100%;
}
.cart__section-badge {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
}
.cart__section-transport {
  width: 230px;
  height: 112px;
}
.cart__section-payment {
  box-sizing: border-box;
  width: 240px;
  height: 144px;
  flex-direction: column;
  gap: 5px;
  padding: 25px 30px 20px;
}
.cart__section-radio {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 22px;
  height: 22px;
  background: #fff url(/local/templates/twinmaster2.0/css/../images/svg/check-w.svg) 50% 50% no-repeat;
  border-radius: 100%;
  user-select: none;
  transition: background-color 0.4s ease;
}
.cart__section-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.cart__section-input:checked + .cart__section-radio {
  background: #1998d6 url(/local/templates/twinmaster2.0/css/../images/svg/check-w.svg) 50% 50% no-repeat;
}
.cart__section-input:checked ~ .cart__section-badge {
  border: 2px solid #161618;
}
.cart__section-caption {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 5px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 21.6px */
  letter-spacing: -0.36px;
  color: #161618;
  text-align: center;
}
.cart__section-caption span {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 21.6px */
  letter-spacing: -0.36px;
  color: #8c8c8c;
}
.cart__goods {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
  letter-spacing: -0.32px;
  color: #131313;
  flex: 1 0 0;
}
.cart__good {
  box-sizing: border-box;
  display: flex;
  padding-top: 15px;
  align-items: flex-start;
  gap: 60px;
  border-top: 1px solid #ededee;
  align-self: stretch;
}
.cart__good:last-child {
  padding-bottom: 10px;
  border-bottom: 1px solid #ededee;
}
.cart__good-img {
  display: flex;
  width: 100px;
  height: 100px;
  padding: 3.787px 3.788px 3.788px 3.788px;
  justify-content: center;
  align-items: center;
  border-radius: 1.894px;
  background: #eff1f3;
  flex-shrink: 0;
}
.cart__good-img img {
  mix-blend-mode: darken;
}
.cart__good-info {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  flex: 1 0 0;
}
.cart__good-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  flex: 1 0 0;
}
.cart__good-title {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 19.5px */
  letter-spacing: -0.3px;
  color: #161618;
}
.cart__good-param {
  display: flex;
  align-items: center;
  gap: 5px;
  align-self: stretch;
}
.cart__good-param span {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 18.2px */
  letter-spacing: -0.28px;
  color: #394146;
}
.cart__good-param span:first-child {
  color: #8c8c8c;
}
.cart__good-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
}
.cart__good-amount {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cart__good-amount .card__amount-input {
  font-size: 16px;
  letter-spacing: -0.16px;
}
.cart__good-price {
  min-width: 100px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 19.2px */
  letter-spacing: -0.32px;
  color: #161618;
  flex: 1 0 0;
}
.cart__good-remove {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #161618;
  opacity: 0.4;
  transition: opacity 0.4s ease;
}
.cart__good-remove:hover {
  opacity: 1;
}
.cart__removeall {
  flex: 1 0 0;
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 19.5px */
  letter-spacing: -0.3px;
  color: #161618;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}
.cart__removeall:hover {
  opacity: 1;
}
.cart__checkout {
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  border-radius: 4px;
  background: #eff1f3;
}
.cart__checkout-btn {
  width: 100%;
  padding: 12px 25px 13px;
  height: 50px;
  background: #1998d6;
  color: #fff;
  font-size: 18px;
  letter-spacing: -0.18px;
}
.cart__promo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.cart__promo .siteform__form-block {
  width: 100%;
}
.cart__summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.cart__summary-block {
  padding-top: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
  align-self: stretch;
  border-top: 1px solid #ededee;
}
.cart__summary-block span {
  flex: 1 0 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  color: #8c8c8c;
}
.cart__summary-block span:last-child {
  text-align: right;
  font-weight: 400;
  color: #161618;
}
.cart__summary-instep {
  padding-top: 0;
  border-top: none;
}
.cart__summary-total {
  padding-top: 15px;
  border-color: #394146;
}
.cart__summary-total span:last-child {
  font-family: "Onest";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 26.4px */
  letter-spacing: -0.44px;
  color: #161618;
}
.cart__steps-footer {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cart__step {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 10px;
  border: 2px solid #eff1f3;
  margin-bottom: 15px;
}
.cart__step-last {
  margin-bottom: 30px;
}
.cart__step-head {
  margin: -2px -2px 0;
  display: flex;
  padding: 15px 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 4px;
  background: #eff1f3;
}
.cart__step-status {
  display: none;
  width: 32px;
  height: 32px;
  background: url(/local/templates/twinmaster2.0/css/../images/svg/step-status.svg) 50% no-repeat;
}
.cart__step-status.complete {
  display: block;
}
.cart__step-edit {
  display: none;
  margin-left: auto;
  padding: 6px 0 6px 19px;
  align-items: center;
  background: url(/local/templates/twinmaster2.0/css/../images/svg/edit-hover.svg) 0 50% no-repeat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 20.8px */
  letter-spacing: -0.32px;
  color: #161618;
  opacity: 0.7;
  transition: all 0.4s ease;
}
.cart__step-edit.complete {
  display: inline-flex;
}
.cart__step-edit:hover {
  color: #161618;
  opacity: 1;
}
.cart__step-position {
  font-family: "Onest";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 36px */
  letter-spacing: -0.6px;
  color: #b3b3b3;
}
.cart__step-title {
  margin: 0;
}
.cart__step-wrap {
  width: 100%;
}
.cart__step-content {
  display: flex;
  padding: 20px 18px 40px 18px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
}
.cart__step-content .cart__good {
  padding-top: 10px;
}
.cart__step-content .cart__good-info {
  gap: 15px;
  align-items: center;
}
.cart__step-content .cart__good-img {
  width: 60px;
  height: 60px;
  padding: 2.273px 2.273px 2.272px 2.272px;
}
.cart__step-content .cart__good-img img {
  width: 60px;
  height: 60px;
}
.cart__step-content .cart__good-right {
  justify-content: start;
}
.cart__step-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.cart__step-promo {
  display: flex;
  width: 260px;
  padding: 10px 20px;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.18px;
  background: #ededee;
  position: relative;
}
.cart__step-promo input {
  height: 25px;
  padding: 0;
}
.cart__step-promo::after {
  content: "";
  display: block;
  position: absolute;
  width: 42px;
  height: 36px;
  top: 4px;
  right: 5px;
  border-radius: 5px;
  transition: background-color 0.3s ease-in-out;
  background: #1998d6 url(/local/templates/twinmaster2.0/css/../images/svg/promo-check.svg) 50% no-repeat;
  cursor: pointer;
}
.cart__step-promo:hover::after {
  background: #12527c url(/local/templates/twinmaster2.0/css/../images/svg/promo-check.svg) 50% no-repeat;
}
.cart__step-promo input {
  background: none;
}
.cart__step-promo input::placeholder {
  color: #131313;
}
.cart__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.cart__form-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.cart__form-block span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.16px;
  color: #394146;
}
.cart__form-input {
  display: flex;
  width: 472px;
  padding: 10px 20px;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #ededee;
}
.cart__form-input ::placeholder,
.cart__form-input ::-moz-placeholder,
.cart__form-input ::-webkit-input-placeholder {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.18px;
  color: #7c7f83;
}
.cart__order-badge {
  display: flex;
  max-width: 1128px;
  padding: 20px 25px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 10px;
  background: #eff1f3;
}
.cart__order-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.2px;
  color: #394146;
}
.cart__order-number {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 30px */
  letter-spacing: -0.2px;
  color: #131313;
}
.cart__order-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  margin-top: 50px;
}
.cart__order-text {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  letter-spacing: -0.18px;
  color: #131313;
}
.cart__order-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
}
.cart__order-link:hover {
  color: #1478a8;
}
.cart__order-message {
  margin: 0;
}
.cart.empty {
  padding: 115px 0 100px;
}
.cart.empty .cart__content {
  align-items: center;
  gap: 100px;
}
.cart__slider {
  overflow: hidden;
  background: transparent;
}
.cart__slider .owl-stage-outer {
  overflow: visible;
}
.cart__slider-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.cart__slider-content h2 {
  height: 50px;
}
@media screen and (max-width: 1919.98px) {
  .cart__content {
    gap: 30px;
  }
  .cart__checkout {
    padding: 30px 20px;
  }
  .cart.empty {
    padding: 130px 0 100px;
  }
  .cart__step-position {
    font-size: 26px;
    letter-spacing: -0.52px;
  }
  .cart__step-edit {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .cart__step-content {
    padding: 20px 18px 30px 18px;
  }
  .cart__block-name {
    font-size: 20px;
    letter-spacing: -0.44px;
  }
  .cart__section-text {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .cart__order-info {
    margin-top: 45px;
  }
}
@media screen and (max-width: 1399.98px) {
  .cart__goods {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .cart__removeall {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .cart__checkout {
    padding: 20px 15px;
  }
  .cart__checkout-btn {
    padding: 12px 0 13px;
    width: 100%;
  }
  .cart__summary-block span {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .cart__summary-total span:last-child {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .cart.empty {
    padding: 150px 0 80px;
  }
  .cart.empty .cart__content {
    gap: 80px;
  }
  .cart__body-title {
    max-width: 820px;
  }
  .cart__block-name {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .cart__block-check {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .cart__section-transport {
    width: 190px;
    height: 104px;
  }
  .cart__section-payment {
    width: 200px;
    height: 128px;
  }
  .cart__section-payment img {
    width: 30px;
    height: 30px;
  }
  .cart__section-icon {
    width: 24px;
    height: 24px;
  }
  .cart__section-caption {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .cart__section-caption span {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .cart__section-radio {
    bottom: 8px;
    right: 8px;
  }
  .cart__section-text {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .cart__form-block span {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .cart__form-input {
    padding: 9px 20px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .cart__step-promo {
    height: 40px;
  }
  .cart__step-promo::after {
    width: 38px;
    height: 32px;
  }
  .cart__order {
    padding-bottom: 80px;
  }
  .cart__order-badge {
    padding: 15px 20px;
  }
  .cart__order-title {
    font-size: 18px;
    letter-spacing: -0.18px;
  }
  .cart__order-number {
    font-size: 18px;
    letter-spacing: -0.18px;
  }
}
@media screen and (max-width: 1199.98px) {
  .cart__ordering .cart__content {
    gap: 20px;
  }
  .cart__goods {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .cart__removeall {
    font-size: 13px;
    letter-spacing: -0.26px;
  }
  .cart.empty {
    padding: 80px 0 70px;
  }
  .cart.empty .cart__content {
    gap: 30px;
  }
  .cart__body {
    gap: 40px;
    padding-bottom: 20px;
  }
  .cart__body-title {
    max-width: 740px;
  }
  .cart__slider {
    padding: 20px 0;
  }
  .cart__slider-content {
    gap: 30px;
  }
  .cart__slider-content h2.inner-h2 {
    height: auto;
    font-size: 30px;
    letter-spacing: -0.6px;
  }
  .cart__slider-wrap {
    padding-bottom: 48px;
  }
  .cart__step-position {
    font-size: 25px;
    letter-spacing: -0.5px;
  }
  .cart__step-content {
    padding: 15px 18px 25px;
  }
  .cart__block-delivery {
    width: 100%;
    flex-direction: column;
    gap: 15px;
  }
  .cart__section {
    width: 100%;
  }
  .cart__section-badge {
    width: 100%;
    justify-content: flex-start;
    padding: 15px 60px 15px 20px;
    gap: 5px;
  }
  .cart__section-transport {
    height: 54px;
  }
  .cart__section-radio {
    top: 16px;
    right: 23px;
  }
  .cart__section-list {
    width: 100%;
    flex-direction: column;
    gap: 15px;
  }
  .cart__section-list .cart__section-radio {
    top: 19px;
  }
  .cart__section-payment {
    flex-direction: row;
    height: 60px;
  }
  .cart__head {
    gap: 25px;
  }
  .cart__order {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 991.98px) {
  .cart__ordering .cart__content {
    gap: 25px;
  }
  .cart__blocks {
    gap: 30px;
  }
  .cart__good-img {
    width: 80px;
    height: 80px;
  }
  .cart__good-img img {
    width: 80px;
    height: 80px;
  }
  .cart__checkout {
    gap: 20px;
  }
  .cart__checkout-btn {
    height: 40px;
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .cart__promo {
    gap: 15px;
  }
  .cart__summary-total span:last-child {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .cart.empty {
    padding: 70px 0 70px;
  }
  .cart__body {
    gap: 30px;
  }
  .cart__body-title {
    max-width: 616px;
  }
  .cart__slider-content h2.inner-h2 {
    font-size: 25px;
    letter-spacing: -0.5px;
  }
  .cart__step .cart__good-title {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  .cart__step .cart__good-price {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .cart__steps {
    gap: 30px;
  }
  .cart__steps-footer {
    gap: 15px;
  }
  .cart__order {
    padding-bottom: 50px;
  }
  .cart__order-info {
    margin-top: 35px;
    gap: 15px;
  }
}
@media screen and (max-width: 767.98px) {
  .cart__blocks {
    padding-bottom: 30px;
  }
  .cart__checkout {
    padding: 15px 10px 20px;
  }
  .cart__checkout-btn {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .cart__promo {
    gap: 10px;
  }
  .cart__promo .siteform__form-block input {
    height: 40px;
  }
  .cart__good {
    flex-direction: column;
    gap: 5px;
  }
  .cart__good-info {
    gap: 10px;
  }
  .cart__good-img {
    width: 50px;
    height: 50px;
  }
  .cart__good-img img {
    width: 50px;
    height: 50px;
  }
  .cart__good-title {
    font-size: 13px;
    letter-spacing: -0.26px;
  }
  .cart__good-param span {
    font-size: 12px;
    letter-spacing: -0.24px;
  }
  .cart__good-price {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .cart__good-right {
    flex-direction: row;
    align-items: center;
    margin-left: 60px;
  }
  .cart .card__amount {
    min-width: 80px;
    height: 35px;
  }
  .cart.empty {
    padding: 50px 0 50px;
  }
  .cart.empty .cart__content {
    gap: 10px;
  }
  .cart__slider-content h2.inner-h2 {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
  .cart__step-promo {
    height: 35px;
  }
  .cart__step-promo::after {
    width: 34px;
    height: 28px;
    top: 3px;
  }
  .cart__step-promo input {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .cart__step-last {
    margin-bottom: 20px;
  }
  .cart__step-content .cart__good-img {
    width: 50px;
    height: 50px;
  }
  .cart__step-content .cart__good-img img {
    width: 50px;
    height: 50px;
  }
  .cart__step-content .cart__good-info {
    gap: 10px;
  }
  .cart__mobilecheckout {
    margin-bottom: 20px;
  }
  .cart__block-name {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .cart__block-check {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .cart__section-text {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .cart__section-caption {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .cart__section-caption span {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .cart__form {
    width: 100%;
  }
  .cart__form-block {
    width: 100%;
  }
  .cart__form-block span {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .cart__form-input {
    width: 100%;
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .cart__head {
    gap: 20px;
  }
  .cart__order {
    padding-bottom: 30px;
  }
  .cart__order-info {
    margin-top: 30px;
  }
  .cart__order-text {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
}
@media screen and (max-width: 575.98px) {
  .cart__content {
    gap: 20px;
  }
  .cart.empty {
    padding: 55px 0 50px;
  }
  .cart__body-title.inner-h1 {
    font-size: 26px;
    letter-spacing: -0.52px;
  }
  .cart__step-head {
    flex-wrap: wrap;
  }
  .cart__step-content {
    padding: 10px 8px 25px 10px;
  }
  .cart__step-promoblock {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
  .cart__step-promoblock .sitebutton.step {
    align-self: flex-end;
  }
  .cart__step-promo {
    width: 100%;
  }
  .cart__section-radio {
    right: 13px;
  }
  .cart__section-caption {
    text-align: left;
  }
}

/* CART_END */
/* CARD */
.card {
  padding: 0 0 30px 0;
}
.card__slider {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.card__slider-previews {
  width: 60px;
  display: flex;
  /*flex-direction: column;*/
  height: 224px;
  flex-shrink: 0;
}
.card__slider-previews img {
  border-radius: 5px;
}
.card__slider-images {
  width: 360px;
  height: auto;
}
.card__slider-images img {
  border-radius: 10px;
  -o-object-fit: cover;
  object-fit: cover;
}
.card__center {
  display: flex;
  padding-top: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
.card__block {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.card__block.desc {
  padding-right: 20px;
}
.card__block-colors, .card__block-types {
  margin-top: 20px;
}
.card__block-title {
  flex: 1 0 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
  letter-spacing: -0.18px;
  color: #161618;
}
.card__block-title span {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.16px;
}
.card__block-text {
  align-self: stretch;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.16px;
  color: #131313;
}
.card__block ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.16px;
  color: #131313;
}
.card__block ul em {
  flex-grow: 2;
  border-bottom: 1px dashed #808f98;
  margin-bottom: 5px;
}
.card__block ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 5px;
  align-self: stretch;
}
.card__block ul li span {
  font-size: 16px;
  letter-spacing: -0.16px;
}
.card__block ul li span:first-child {
  opacity: 0.6;
}
.card__block ul li span:last-child {
  width: 200px;
}
.card__block ul.columns {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px 24px;
}
.card__block ul.columns > li {
  width: calc(50% - 12px);
}
.card__block ul.type {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.card__block ul.type li {
  box-sizing: border-box;
  display: block;
  padding: 10px;
  background: #eaedf1;
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: border 0.4s ease;
}
.card__block ul.type li:hover {
  border: 2px solid rgba(30, 31, 31, 0.4);
}
.card__block ul.type li.selected {
  border: 2px solid #131313;
}
.card__block ul.type li img {
  display: block;
  mix-blend-mode: darken;
}
.card__block ul.color {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.card__block ul.color li {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
  width: 45px;
  height: 45px;
  border-radius: 4px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border 0.4s ease;
}
.card__block ul.color li:hover {
  border: 2px solid rgba(30, 31, 31, 0.4);
}
.card__block ul.color li.selected {
  border: 2px solid #131313;
}
.card__block ul.color li img {
  border-radius: 4px;
  height: auto;
}
.card__right {
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  border-radius: 4px;
  background: #eff1f3;
}
.card__right-topblock {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
}
.card__right-topblock.preposals {
  flex-direction: column;
}
.card__price {
  flex: 1 0 0;
  font-family: "Onest";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 26.4px */
  letter-spacing: -0.44px;
  color: #161618;
}
.card__price-list {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.card__price-list ul {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 14px;
  letter-spacing: -0.14px;
  column-count: 2;
  column-gap: 40px;
}
.card__price-list li {
  display: flex;
  gap: 20px;
  margin-bottom: 5px;
}
.card__price-list li span:last-child {
  margin-left: auto;
}
.card__button {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.card__amount {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
  background: #fff;
}
.card__amount-button {
  width: 25px;
  height: 50px;
  min-width: 25px;
  border: 0;
  background: url(/local/templates/twinmaster2.0/css/../images/svg/plus.svg) 0 50% no-repeat;
}
.card__amount-button:first-child {
  background: url(/local/templates/twinmaster2.0/css/../images/svg/minus.svg) 0 50% no-repeat;
}
.card__amount-input {
  padding: 0;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.18px;
  color: #161618;
  opacity: 0.7;
}
.card__amount.cartin {
  height: 40px;
  border-radius: 5px;
  background: #f0f2f4;
}
.card__amount.cartin input {
  opacity: 1;
  background: transparent;
}
.card__info {
  gap: 60px;
}
@media screen and (max-width: 1919.98px) {
  .card__right {
    padding: 30px 20px;
  }
  .card__right-topblock {
    flex-direction: column;
    align-items: flex-start;
  }
  .card__button {
    width: 100%;
    margin-left: 0;
  }
  .card__block-anchor {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .card__price-list ul {
    column-count: auto;
  }
}
@media screen and (max-width: 1399.98px) {
  .card {
    padding: 0 0 20px 0;
  }
  .card__center {
    gap: 15px;
  }
  .card__center .card__block:nth-child(2) {
    padding-right: 0;
  }
  .card__right {
    padding: 25px 20px;
    gap: 15px;
  }
  .card__right-topblock {
    gap: 15px;
  }
  .card__block.desc {
    gap: 5px;
  }
  .card__block-title {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .card__block-text {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .card__block ul > li > span {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .card__block-anchor {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .card__price {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
  .card__info {
    gap: 50px;
  }
  .card__info h2.small-h2 {
    font-size: 26px;
    letter-spacing: -0.52px;
  }
  .card__info .information__block-list p,
  .card__info .information__block-list li,
  .card__info .information__block-list span {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .card__info .information__block {
    margin-bottom: 50px;
  }
  .card__info .information__block:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1199.98px) {
  .card {
    row-gap: 30px;
  }
  .card__center {
    padding-top: 0;
  }
  .card__right {
    padding: 25px 30px;
    flex-direction: row;
    gap: 25px 24px;
    flex-wrap: wrap;
  }
  .card__right-topblock {
    flex-direction: row;
    align-items: center;
  }
  .card__price {
    min-width: 140px;
  }
  .card__price-list ul {
    column-count: 3;
  }
  .card__block.pay {
    width: calc(33.3333333333% - 16px);
  }
  .card__info h2.small-h2 {
    font-size: 25px;
    letter-spacing: -0.5px;
  }
}
@media screen and (max-width: 991.98px) {
  .card__slider-images {
    width: 284px;
    height: 284px;
  }
  .card__amount {
    height: 40px;
  }
  .card__amount-input {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
  .card__price {
    font-size: 18px;
    letter-spacing: -0.36px;
  }
  .card__right {
    padding: 25px 20px;
    gap: 24px;
  }
  .card__block.pay {
    width: calc(50% - 12px);
  }
  .card__block.pay:last-child {
    width: 100%;
  }
  .card__block ul.columns > li {
    width: 100%;
  }
  .card__price-list ul {
    column-count: 2;
  }
}
@media screen and (max-width: 767.98px) {
  .card {
    row-gap: 24px;
  }
  .card__slider-images {
    width: 336px;
    height: 336px;
  }
  .card__right {
    padding: 25px 10px;
  }
  .card__block.pay {
    width: 100%;
  }
}
@media screen and (max-width: 575.98px) {
  .card__block-title span {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  .card__block ul.type li img {
    width: 80px;
    height: auto;
  }
  .card__right-topblock {
    flex-direction: column;
    align-items: flex-start;
  }
  .card__info h2.small-h2 {
    font-size: 22px;
    letter-spacing: -0.44px;
  }
  .card__info .information__block-list p,
  .card__info .information__block-list li,
  .card__info .information__block-list span {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
  .card__price-list ul {
    column-count: auto;
  }
}

/* CARD_END *//*# sourceMappingURL=styles.css.map */
/* End */


/* Start:/local/templates/twinmaster2.0/css/custom.css?175075227233071*/
body{
    background: none;
	-webkit-user-select: none;
}
body .detail__info-link a{
    background: url('/local/templates/twinmaster2.0/images/more.svg') 100% 50% no-repeat;
}

.search__redesign{
    position: relative;
}
.search__redesign form{
    position: relative;
    border: 1px solid #BFBFC4;
    border-radius: 5px;
    display: flex;
}
.search__redesign form input {
    padding: 0 12px;
    background: none;
    border-radius: 0;
    font-size: 16px;
}
.search__redesign form button {
    width: 48px;
    border: 0;
    background: url(/local/templates/twinmaster2.0/css/../images/search_but.svg) 50% 50% no-repeat;
}
body div.title-search-result{
    overflow: visible;
}
.slider-redesign__item{
    overflow: hidden;
    background: #E3E7EC url(/local/templates/twinmaster2.0/css/../images/slider_i_bg.png) 50% 50% repeat;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.slider-redesign__item img {
    width: auto !important;
    max-width: 670px;
    height: 400px;
    object-fit: cover;
}
.slider-redesign{
    padding: 16px 0 24px;
}
.footer-redesign{
    background: #161618;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.footer-redesign__logo{
    display: inline-flex;
    align-items: center;
}
body .content{
    padding: 0 0 40px;
}
body .content h2{
    font-size: 44px;
    letter-spacing: -1.5px;
    color:rgb(22, 22, 24);
    font-weight: 700;
    margin-bottom: 15px;
}
body .content h2.inner-h2{
    font-size: 36px;
}
div .bx-core-editor-dialog-buttons input {
    width: unset;
    line-height: unset;
}
div .bx-core-adm-dialog-buttons input {
    width: unset;
    line-height: unset;
}
.editor_dialog table {
    margin: 0;
    border-spacing: 2px;
    border-collapse: separate;
}
div.editor_dialog td {
    background-color: unset;
    border: none;
    text-align: left;
}
div.editor_dialog input {
    display: inline-block;
    line-height: unset;
    height: unset;
    border-width: 1px;
    border-style: inset;
    border-color: #848484;
    background: #FFFFFF;
    border-radius: unset;
    padding: 1px 2px;
    font-size: unset;
    color: unset;
}
div.editor_dialog select {
    display: inline-block;
    line-height: unset;
    width: unset;
    height: unset;
    border-width: 1px;
    border-style: inset;
    border-color: #848484;
    background: #FFFFFF;
    border-radius: unset;
    padding: 1px 2px;
    font-size: unset;
    color: unset;
}
div.editor_dialog div.bxfd-save-cont table {
    border-collapse: collapse;
}
div.editor_dialog table.bx-fd-top-contr-tbl {
    border-collapse: separate;
}
.catalog__block-title, .catalog__all-title{
    color: #161618;
}
div .editor_dialog *,div.editor_dialog :before, div .editor_dialog:after {
    box-sizing: content-box;
}
div .editor_dialog *, div.editor_dialog ::before, div .editor_dialog ::after {
    box-sizing: content-box;
}
div .bxml-dialog table {border-spacing: 2px;
    border-collapse: separate;}
div .bxml-dialog td { background-color: unset;
    border: none;
    text-align: left;}
table.ml-frame input,
table.ml-frame select {
    display: inline-block;
    line-height: unset;
    width: unset;
    height: unset;
    border-width: 1px;
    border-style: inset;
    border-color: #848484;
    background: #FFFFFF;
    border-radius: 2px;
    padding: 1px 2px;
    font-size: unset;
    color: unset;
}
.ml-buttons-cell input {
    display: inline-block;
    line-height: unset;
    width: unset;
    height: unset;
    border-width: 1px;
    border-style: inset;
    border-color: #848484;
    background: #FFFFFF;
    border-radius: 2px;
    padding: 1px 2px;
    font-size: unset;
    color: unset;
}
.mlsd-frame {
    font-size: 13px;
}
.catalog__block-title, .catalog__all-title{
    color: #161618;
}
body .catalog__block:hover .catalog__block-title, body .catalog__all:hover .catalog__all-title{
    color: #fff;
}
body .popup{
    max-width: 100%;
}
.form__error{
    border: 1px solid red;
}
#success{
    display: none;
}
body .product__link, body .product__link:hover{
    color: #161618;
}
body .sitebutton, body .sitebutton:hover{
    color:#fff;
}
body .content ul li:before{
    content: none;
}
body .content ul li{
    margin: 0px;
}
body .leftmenu > ul > li > a{
    gap: 17px;
}
body .leftmenu > ul > li > a span{
    /*width: 20px;*/
    display: block;
    padding: 0 15px;
    height: 18px;
    background: url(/local/templates/twinmaster2.0/css/../images/leftmenu_arrow.svg) 50% 50% no-repeat;
}
.reviews__block-img img {
    border-radius: 100%;
}
.footer__menu{
    display: block;
}
#calculating.popup{
    max-width: 1038px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    display: block !important;
    position: relative;
}
.calculating{
    font-size: 18px;
}
body .ordering-submit{
    display: inline-block;
    width: auto;
}
body .ordering-field{
    display: inline-block;
}

body .slider.owl-carousel .owl-stage .owl-item .slider__item{
    flex-direction: column;
}

.page .row {
    gap: 25px 0;
    margin: 40px -12px 0; }
.premium__block.col {
    flex-direction: column; }

@media screen and (max-width: 991px){
    .header {
        display: block;
    }
    .contactsblock__phone a {
        font-size: 20px;
    }
    .__jivoMobileButton {bottom: 60px!important;}
}
@media screen and (max-width: 767px) {
    .slider-redesign__item{
        flex-direction: column-reverse;
        padding: 15px 15px 86px;
    }
    .slider-redesign__item img{
        width: 100% !important;
        background: #fff;
        border-radius: 8px;
        height: 230px;
    }
    body .content h2 {
        font-size: 26px;
        margin-top: 40px;
    }
    body .content h2.inner-h2{
        font-size: 26px; }
    .footer__bottom{
        padding-bottom: 70px;
    }
}

.bx-soa-pp-company-selected .cart__section-caption-wrap{
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: nowrap;
    align-items: center;
    line-height: 120%;
}
/*********************************************************************************************************************/
.topslider {
    padding: 0 60px; }
.topslider__block {
    display: block;
    font-size: 15px;
    line-height: 1.2;
    color: #161618; }
.topslider__block-img {
    display: block;
    margin-bottom: 20px; }
.topslider__block-price {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    display: block; }
.topslider__block-list {
    display: table;
    border-spacing: 0; }
.topslider__block-list > span {
    display: table-row; }
.topslider__block-list > span span {
    display: table-cell;
    padding: 5px 0; }
.topslider__block-list > span span:first-child {
    color: #6C6C75;
    padding-right: 10px; }
.topslider .owl-nav {
    position: absolute;
    top: 50%;
    height: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    font-size: 0;
    line-height: 0;
    justify-content: space-between; }
.topslider .owl-nav div {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(/local/templates/twinmaster2.0/css/../images/slider_arrow_h.svg) 0 0 no-repeat;
    opacity: 0.8; }
.topslider .owl-nav div:hover {
    opacity: 1; }
.topslider .owl-nav div:first-child {
    transform: rotate(180deg); }
.topslider .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E7E7E9;
    border-radius: 4px;
    overflow: hidden;
    margin: 40px -60px 0; }
.topslider .owl-dots div {
    flex-grow: 2;
    height: 8px; }
.topslider .owl-dots div.active {
    background: #A3AAB1; }
@media screen and (max-width: 767px) {
    .topslider {
        padding: 0; }
    .topslider .owl-nav {
        display: none; }
    .topslider .owl-dots {
        margin: 25px 0 0; }
    .page .row > div {
        padding: 0 12px;}
    .mobileslider .owl-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        margin-top: 30px;}
    .mobileslider .owl-dots div {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #C2CBD6; }
    .mobileslider .owl-dots div.active {
        background: #1998D6; }
}
.page__block h1 {
    font-size: 36px;
    text-align: left;
    color: #161618;
    font-weight: 700;
}
body .page__block h2{
    font-size: 36px;
    margin-top: 20px;
}
body .page__block h2:first-child {
    margin-top: 0;
}
.page__block .topslider a span{
    color: #161618;
}
.m-t-40{
    margin-top: 40px;
}
.m-t-25{
    margin-top: 25px;
}
.mt-20 {
    margin-top: 20px;
}
@media screen and (max-width: 960px) {
    .page__block h1 {
        font-size: 42px; }
}
@media screen and (max-width: 767px) {
    .page__block h1 {
        font-size: 30px;
    }
    body .page__block h2{
        font-size: 26px; }
}


.pageform {
    padding: 40px 48px;
    background: #DFE8F1;
    border-radius: 4px; }
.pageform__title {
    font-weight: 700;
    font-size: 36px;
    letter-spacing: -0.01em;
    color: #1688C0;
    height: 1.2; }
.pageform__text {
    font-size: 20px;
    margin: 5px 0 30px;
    color: #44444A;
    line-height: 1.2; }
.pageform .row {
    margin: 0 -6px;
    gap: 16px 0; }
.pageform .row > div {
    padding: 0 6px; }
.pageform__info {
    text-align: center;
    color: #6C6C75;
    opacity: 0.8;
    font-size: 14px; }
.pageform__info a {
    color: #6C6C75;
    border-bottom: 1px solid #6C6C75; }
.pageform__info a:hover {
    border-color: transparent; }
@media screen and (max-width: 767px) {
    .pageform {
        padding: 20px 15px;
        border-radius: 0;
        margin: 0 -15px; }
    .pageform__title {
        line-height: 1;
        font-size: 26px; }
    .pageform__text {
        font-size: 18px;
        margin-top: 10px; }
    .pageform .row {
        gap: 12px 0; }
    .pageform__info {
        text-align: left; }
}
.page__block {
    margin-top: 64px; }
.page__block:first-child {
    margin: 0;
}
.page__block p, .faq p, .content-new p{
    font-size: 18px;
    line-height: 1.4;
    color: #161618;
}
.content-new h3{
    margin: 40px 0 20px;
    font-size: 30px;
    color: #161618;
    font-weight: bold;
}
.pagepremium {
    padding: 15px;
    background: #EBF4FF;
    border-radius: 4px;
    gap: 20px 0; }
.pagepremium .row {
    margin: 0 -5px 20px;
    gap: 20px 0; }
.pagepremium .row > div {
    padding: 0 5px; }
.pagepremium__block {
    text-align: center;
    font-weight: 500;
    font-size: 15px; }
.pagepremium__block-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px; }
@media screen and (max-width: 767px) {
    .pagepremium {
        margin: 0 -15px;
        border-radius: 0; }
    .pagepremium__block {
        display: flex;
        align-items: center;
        text-align: left;
        gap: 12px; }
    .pagepremium__block-img {
        margin: 0; }
}
.faq {
    margin-top: 70px;
    border-top: 2px solid #E0E0E0;
    margin-top: 40px; }
@media screen and (min-width: 768px) {
    body  .faq.min .faq__block-title {
        font-size: 22px;
        min-height: 100px; }
    body .faq.min .faq__block-title:before {
        width: 45px;
        height: 45px;
        top: calc(50% - 22px); }
}
.faq__block {
    border-bottom: 2px solid #E0E0E0; }
body .faq .faq__block-title {
    color: #44444A;
    display: flex;
    letter-spacing: 0;
    align-items: center;
    min-height: 120px;
    cursor: pointer;
    font-weight: 500;
    font-size: 26px;
    padding: 10px 90px 10px 0;
    position: relative;
    transition: all 0.4s ease;
    margin: 0; }
body .faq .faq__block-title:before {
    content: '';
    position: absolute;
    right: 10px;
    top: calc(50% - 30px);
    width: 60px;
    height: 60px;
    background: #EBF4FF url(/local/templates/twinmaster2.0/css/../images/faq_plus.svg) 50% 50% no-repeat;
    border-radius: 50%;
    transition: all 0.4s ease; }
body .faq .faq__block-title:hover {
    color: #1998D6; }
body .faq .faq__block-title:hover:before {
    background-color: #1998D6;
    background-image: url(/local/templates/twinmaster2.0/css/../images/faq_plus_h.svg); }
body .faq .faq__block-title.active:before {
    background-image: url(/local/templates/twinmaster2.0/css/../images/faq_minus.svg); }
body .faq .faq__block-title.active:hover:before {
    background-image: url(/local/templates/twinmaster2.0/css/../images/faq_minus_h.svg); }
.faq__block-text {
    display: none;
    padding: 20px 0 30px; }
.faq__block-text h3 {
    font-size: 20px; }
.faq__block-text>.row {
    gap: 25px 0; }
@media screen and (max-width: 767px) {
    body .faq.min .faq__block-title {
        font-size: 16px;
        min-height: auto;
        padding: 12px 50px 12px 0; }
    body .faq .faq__block-title {
        font-size: 16px;
        min-height: auto;
        padding: 12px 50px 12px 0; }
    body .faq .faq__block-title:before {
        right: 5px;
        width: 33px;
        height: 33px;
        background-size: cover !important;
        top: calc(50% - 16px); }
    body .faq.min  .faq__block-title:before {
        right: 5px;
        width: 33px;
        height: 33px;
        background-size: cover !important;
        top: calc(50% - 16px); }
    body .faq.min .faq__block-title.active:before {
        background-size: 11px auto !important; }
    body .faq.min .faq__block-title.active:hover:before {
        background-size: 11px auto !important; }
    .faq__block-text h3 {
        font-size: 18px; }
}

.topimgblock {
    padding-top: 25px; }
.topimgblock__wrap {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center; }
.topimgblock__info {
    position: relative;
    padding: 20px 50px;
    max-width: 590px; }
.topimgblock__info h1 {
    color: #fff;
    margin-bottom: 30px;
    font-size: 44px;
    font-weight: bold; }
.topimgblock__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden; }
.topimgblock__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5; }
.topimgblock__img video {
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
@media screen and (max-width: 767px) {
    .topimgblock .blockin {
        padding: 0; }
    .topimgblock__wrap {
        height: 270px; }
    .topimgblock__info {
        padding: 15px; }
    .topimgblock__info h1 {
        letter-spacing: -1.5px;
        font-size: 30px; }
}
.path {
    padding-top: 25px;
    font-weight: 500;
    font-size: 15px;
    color: #6C6C75; }
.path span {
    margin: 0 4px; }
.path img {
    margin: 0 4px; }
.path a {
    color: #6C6C75; }
.path a:hover {
    color: #1998D6;
}
.breadcrumb{
    display: flex;
    flex-wrap: wrap;
}
.content-new{
    flex-grow: 2;
    padding: 20px 0 90px;
}
.pagelist {
    padding: 0;
    list-style: none;

}
.pagelist li {
    padding-left: 32px;
    margin-top: 8px;
    background: url(/local/templates/twinmaster2.0/css/../images/pagelist.svg) 0 0 no-repeat;
    font-size: 18px;
    color: #161618;
    line-height: 1.4;
}
.pagelist li:first-child {
    margin-top: 0;
}
blockquote {
    font-weight: 400;
    font-size: 19px;
    padding: 35px;
    border: 4px solid #196FA8;
    margin: 40px 0 0; }
@media screen and (max-width: 767px) {
    blockquote {
        margin-top: 30px;
        padding: 20px;
        font-size: 17px; }
}
.tablewrapper {
    overflow-x: auto;
}
.pagetable {
    background: #FAFAFA;
    width: 100%;
    border-spacing: 0;
    font-size: 15px; }
.pagetable th {
    padding: 15px;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    color: #6C6C75; }
.pagetable td {
    border-top: 1px solid #E0E0E0;
    padding: 15px;
    vertical-align: top;
    min-width: 135px; }
.pagetable__title {
    color: #6C6C75;
    font-weight: 500; }
.pagetable__center {
    text-align: center; }
.pagetable__bg {
    background: #F2F2F2;
}
.types__block {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 12px 24px 12px 12px;
    background: #EBF4FF;
    margin-top: 24px; }
.types__block:first-child {
    margin: 0; }
.types__block-img {
    min-width: 100px; }
.types__block-right {
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 24px; }
.types__block-title {
    font-weight: 500;
    font-size: 18px; }
.types__block-link {
    white-space: nowrap;
    font-weight: 700;
    font-size: 18px; }
@media screen and (max-width: 767px) {
    .types__block {
        align-items: flex-start;
        gap: 12px; }
    .types__block-img {
        max-width: 50px; }
    .types__block-right {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 10px; }
    .types__block-title {
        font-size: 15px; }
    .types__block-link {
        font-size: 15px;
    }
}
.logopartner {
    margin-left: -6px !important;
    margin-right: -6px !important;
    gap: 20px 0; }
.logopartner > div {
    padding: 0 6px !important; }
.logopartner a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F1F2;
    border-radius: 4px;
    height: 85px;
}
.stickers__block, .stickers__block-info {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #6C6C75;
}
.stickers__block-img {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 128px;
    background: #EBF4FF;
    border-radius: 4px;
    margin-bottom: 20px;
}
.stickers__block-title {
    display: block;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    color: #1998D6;
}
.stickers__block-price {
    display: block;
    margin: 8px 0;
    font-size: 16px;
    color: #27272B;}
.stickers__block-price span {
    color: #1998D6;
}
.top-line {display: none;}


body .detail__info ul li {
    border-radius: 4px;
}
body .detail__info-block .detail__view .product-item__scu{
    width: 120px;
    cursor: pointer;
    padding: 10px;
    margin: 0px;
}
.product-item__scu div{
    padding: 0px;
}
body .product-item__scu {
    border:2px solid #e0e0e0;
}
body .product-item__scu.selected{
    border:2px solid #1998D6;
}
body .product-item__scu.COLOR{
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

body .product-item__scu.COLOR img{
    display: block;
    height: 45px;
    width: 45px;
    margin: auto;
    border-radius: 50%;
}
.border-0 {
    border: 0;
}
body .detail__info-block .detail__view .product-item__scu.COLOR{
    width: 55px;
    height: 55px;
    padding: 1px;
}
.filter__result{
    display: flex;
    flex-wrap: wrap;
}
.filter__result input{
    width: auto;
}
h1.min{
    font-weight: 700;
    color: #000;
}
.oneclick:hover{
    cursor: pointer;
}
.detail__right-info-block p, .detail__right-info-block span, .detail__right-info-block ul{
    margin-top: 12px;
    font-size: 15px;
    color: #44444A;
}
/*.detail__button .sitebutton.block{
    width: 250px;
}*/

.detail__button div[data-entity='main-button-container'] {
    width: 100%;
    max-width: 280px;
}
.product .product__scu{
    display: none;
}
.product__block-price {
    font-weight: 700;
}
body h1{
    color: #161618;
    font-weight: 700;
}
.sitebutton.border {
    cursor: pointer;
}
.sort__right {
    min-width: 160px;
}
.sort__list div a {
    min-width: 16px;
    height: 16px;
    background: url(/local/templates/twinmaster2.0/css/../images/delte_param_filter.svg);
}

.sort__list-clear a {
    background: url(/local/templates/twinmaster2.0/css/../images/clear_filter.svg) !important;
}

.sort__list .js-openmobfilter {
    display: none;
    gap: 4px;
    font-size: 12px;
    color: #161618;
    white-space: nowrap;
    font-weight: 500;
}
.sort__select::after {
    top: 11px;
    right: 7px;
    width: 1.25rem;
    height: 1.25rem;
}
.sort__select.is-active::after {
    top: 11px;
}
.detail__price-list ul li{
    width: auto;
}
.pagination-new{
    width: 100%;
    margin-top: 23px;
}
.pagination-new ul{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.load_more{
    margin-top: 65px;
}
.pagination-new ul li a {
    min-width: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #161618;
    font-weight: 500;
}
.product__block-title, .product__title{
    min-height: 65px;
}

.content__wrap h4{
    padding-top: 26px;
}
/* Filter Popup start*/
.bx-filter-popup-result-hide {
    display: none;
}
.sort__filter {
    z-index: unset;
}
.sort__filter-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}
.sort__left-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.sort__filter-title {
    transition: all 0.4s ease;
}
.sort__filter-title:hover,
.sort__filter-title:focus {
    color: #0E7AAF;
    border-color: #0E7AAF;
}
.sort__filter-title.active,
.sort__filter-title.active {
    color: #0E7AAF;
    border-color: #0E7AAF;
}
.sort__filter-title:before {
    content: '';
    top: 11px;
    width: 7px;
    height: 8px;
    background: url(/local/templates/twinmaster2.0/css/../images/plus.svg) 0 0 no-repeat;
}
.sort__filter-title.active:before {
    content: '';
    background: url(/local/templates/twinmaster2.0/css/../images/plus.svg) 0 0 no-repeat;
}
.sort__filter-body ul li label span {
    transition: all 0.4s ease;
}
.sort__filter-body ul li:hover label span,
.sort__filter-body ul li:focus label span {
    border-color: #0E7AAF;
}
.sort__filter-body ul li:hover label.disabled span {
    cursor: not-allowed;
    border-color: #FE0018;
}
.bx-filter-popup-result {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    height: 32px;
    background: #1998D6;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    border: 0;
    transition: all 0.4s ease;
    padding: 4px 15px;
    gap: 3px;
}
.bx-filter-popup-result.result-btn-hidden {
    display: none;
}
.bx-filter-popup-btn {
    color: #ffffff;
}

.btn-clear-mob {
    display: none;
}
.mobilefilter__title {
    display: none;
}
.mobilefilter__close {
    display: none;
}
.sort__filter-body {
    z-index: 1;
}
.sort__filter-body ul li label {
    align-items: center;
}
.sort__filter-title.active+div {
    display: flex;
    gap: 20px;
}
.bx-left,
.bx-right {
    display: flex;
    border-radius: 5px;
    align-items: center;
    border: 1px solid #B3B3B3;
    background: #FFF;
    max-width: 125px;
    padding: 0 15px;
}
.bx-ft-sub {
    font-size: 16px;
    font-style: normal;
}
.bx-filter-input-container input {
    line-height: 37px;
    height: 37px;
    padding: 0 5px;
}
/* Filter Popup end*/

@media only screen and (max-width: 680px){
    .form-oneclick,
    .form-demping{
        top: 13%;
    }
    .product__block-title, .product__title {
        min-height: 70px;
    }
    .production__block-title-home {
        font-size: 18px;
        padding: 19px 15px;
    }
    .sort__list {
        gap: 10px;
    }

    .sort__list .js-openmobfilter {
        display: flex;
    }
    .bx-filter {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        background: rgba(0, 0, 0, 0.5);
        display: none;
        overflow: hidden;
    }
    .btn-clear-mob-wrap {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;

    }
    .btn-clear-mob {
        display: flex;
        background: none;
        padding-left: 30px;
        color: #6b6f74;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        background: url(/local/templates/twinmaster2.0/css/../images/clearfilter.svg) 0 42% no-repeat;
        cursor: pointer;
    }
    .mobilefilter__title {
        display: flex;
    }
    .mobilefilter__close {
        display: block;
    }
    .sort__left-flex {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        overflow-y: auto;
        width: 90%;
        padding: 20px;
        margin-left: auto;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: normal;
        justify-content: flex-start;
        transition: all 0.4s ease;
    }

    .sort__left-flex .show {
        display: flex;
        right: 0;
    }
    .sort__filter {
        position: static;
        border-bottom: 1px solid #161618;
    }
    .sort__filter-title {
        display: flex;
        align-items: center;
        min-height: 50px;
        border: none;
        cursor: pointer;
        position: relative;
        font-size: 18px;
        font-weight: 500;
        transition: all 0.4s ease;
    }

    .sort__filter-title:before {
        content: '';
        position: absolute;
        top: 6px;
        right: 0;
        width: 36px;
        height: 36px;
        background: url(/local/templates/twinmaster2.0/css/../images/mobfilter_arrow.svg) 0 0 no-repeat;
    }
    .sort__filter-title.active:before {
        content: '';
        position: absolute;
        top: 6px;
        right: 0;
        width: 36px;
        height: 36px;
        background: url(/local/templates/twinmaster2.0/css/../images/mobfilter_arrow.svg) 0 0 no-repeat;
        transform: rotate(180deg);
    }
    .sort__filter-body {
        position: static;
        width: 100%;
        box-shadow: none;
    }
    /*.sort__filter-title.active+div {
        flex-direction: column;
    }*/
    .sort__filter-body ul li label {
        align-items: center;
    }
    .clearfilter {
        color: #6b6f74;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        display: flex;
        gap: 5px;
        align-items: center;
        position: relative;
        background: none;
    }

    .filter__result {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: #EBF4FF;
        padding: 20px;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        gap: 15px;
        align-items: center;
    }
    .bx-filter-popup-result {
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 50px;
        background: #1998D6;
        border-radius: 4px;
        font-weight: 700;
        font-size: 18px;
        color: #fff;
        border: 0;
        transition: all 0.4s ease;
        padding: 5px 15px;
        width: 100%;
        gap: 3px;
    }
    .product__block-price-small {
        display: block;
        font-size: 15px;
        min-height: 28px;
    }
    .pagination-new ul {
        gap: 0;
    }
}
.footer__phone a, .footer__mail {
    user-select: all;
    -webkit-user-select: all;
}
 .footer__address {
    user-select: text;
    -webkit-user-select: text;
}
.cart__step h3 {
    margin: 0;
}
.cart__ordering .buttons {
    margin: 30px 0 0 0;
}
.sitebutton.step {
    margin-left: auto;
}
.upload {
    max-width: 472px;
    height: 50px;
    padding: 0 20px;
}
.cart__content .bx-selected .bx-soa-coupon-label {
    display: none;
}
.id43 .cart__section-caption {
    position: relative;
    padding-left: 42px;
    align-items: center;
}
.id43 .cart__section-caption:before {
    position: absolute;
    left: 0;
    content: '';
    width: 32px;
    height: 32px;
    background: url(/local/templates/twinmaster2.0/css/../images/sdek-icon.png) no-repeat;
}
.id7 .cart__section-caption {
    position: relative;
    padding-left: 42px;
    align-items: center;
}
.id7 .cart__section-caption:before {
    position: absolute;
    left: 0;
    content: '';
    width: 32px;
    height: 32px;
    background: url(/local/templates/twinmaster2.0/css/../images/storefront.png) no-repeat;
}
.id5 .cart__section-caption,
.id4 .cart__section-caption,
.id6 .cart__section-caption {
    position: relative;
    padding-top: 45px;
    align-items: center;
}
.id5 .cart__section-caption:before {
    position: absolute;
    top: 0;
    content: '';
    width: 40px;
    height: 40px;
    background: url(/local/templates/twinmaster2.0/css/../images/cash.png) no-repeat;
}

.id4 .cart__section-caption:before {
    position: absolute;
    top: 0;
    content: '';
    width: 40px;
    height: 40px;
    background: url(/local/templates/twinmaster2.0/css/../images/creditcard.png) no-repeat;
}
 
.id6 .cart__section-caption:before {
    position: absolute;
    top: 0;
    content: '';
    width: 40px;
    height: 40px;
    background: url(/local/templates/twinmaster2.0/css/../images/doc.png) no-repeat;
}
.bx-soa-section.bx-step-completed {
    border: 1px solid #f2f5f7 !important;
}
@media screen and (max-width: 1199.98px) {
    .id5 .cart__section-caption, .id4 .cart__section-caption, .id6 .cart__section-caption {
        padding-top: 0;
        padding-left: 50px;
    }
    .id5 .cart__section-caption:before, .id4 .cart__section-caption:before, .id6 .cart__section-caption:before {
        top:unset;
        left: 0;
    }
    .cart__section-radio {
        top: 22px;
    }
    .cart__section-list .cart__section-radio {
        top: 26px;
    }
}
@media screen and (max-width: 575.98px) {
    .bx-soa-section-title-container {
        padding: 10px 10px;
    }
    .cart__step h3 {
        font-size: 22px;
    }
    
}
div[data-entity="basket-checkout-aligner"] {
    width: 100%;
}
.product__link {
    position: relative;
}
.product__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
div[data-entity="catalog-products-viewed-container"]>.popular:after {
    bottom: 0;
}
.topnewslider {
    margin-top: 24px;
}

.topslider-mod {
    padding: 0;
}
.topslider-mod img {
    min-height: 275px;
    max-height: 275px;
    object-fit: cover;
}

.topslider-mod .owl-nav {
    position: absolute;
    top: -62px;
    right: 0;
    height: 0;
    left: auto;
    display: flex;
    align-items: center;
    font-size: 0;
    line-height: 0;
    gap: 24px;
    justify-content: space-between;
}

.topslider-mod .owl-nav div {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(/local/templates/twinmaster2.0/css/../images/slider_arrow_h.svg) 0 0 no-repeat;
    opacity: 0.8;
}

.topslider-mod .owl-nav div:hover {
    opacity: 1;
}

.topslider-mod .owl-nav div:first-child {
    transform: rotate(180deg);
}

.topslider-mod .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E7E7E9;
    border-radius: 4px;
    overflow: hidden;
    margin: 40px -60px 0;
}

.topslider-mod .owl-dots div {
    flex-grow: 2;
    height: 8px;
}

.topslider-mod .owl-dots div.active {
    background: #A3AAB1;
}

.topslider-mod .owl-dots {
    margin: 30px 0 20px;
}
.topnewslider h2{
    font-size: 22px;
}
/*@media screen and (max-width: 575.98px) {*/
/*    .topslider-mod img {*/
/*        min-width: 250px;*/
/*        max-height: 250px;*/
/*    }*/
/*}*/
/* SWIPER_CSS*/
.swiper-slide {
    height: auto;
    display: flex;
    align-items: center;
}

.swiper-slide-visible {
    width: 60px;
    height: 60px;
}
.swiper-slide-visible img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-slide-thumb-active {
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #1998d6;
}

@media screen and (max-width: 575.98px) {
    .swiper-slide-visible {
        width: 50px;
        height: 50px;
    }
}
/* SWIPER_CSS_END*/
@media screen and (max-width: 575.98px) {
    .card__slider {
        flex-direction: column;
        justify-content: flex-start;
    }
    .card__slider-previews {
        flex-direction: column;
        order: 1;
        height: 50px;
    }
    .card__slider-previews .swiper-thumbs {
        width: 194px;
        height: 50px;
    }
    .card__block-title span {
        font-size: 14px;
        letter-spacing: -0.14px;
    }
    .card__block ul.type li img {
        width: 80px;
        height: auto;
    }
    .card__right-topblock {
        flex-direction: column;
        align-items: flex-start;
    }
    .card__info h2.small-h2 {
        font-size: 22px;
        letter-spacing: -0.44px;
    }
    .card__info .information__block-list p,
    .card__info .information__block-list li,
    .card__info .information__block-list span {
        font-size: 15px;
        letter-spacing: -0.15px;
    }
    .card__price-list ul {
        column-count: auto;
    }
}
body .content h2.inner-h2 {
    font-size: 22px;
}
body .page__block h1 {
    font-size: 26px;
}
body .page__block h2 {
    font-size: 22px;
}
.content-new h3 {
    font-size: 20px;
}
.content-new p {
    font-size: 16px;
}
@media only screen and(max-width:785px) {
    .content {
        font-size: 16px;
    }
}
@media only screen and(max-width:578px) {
    .catalog__block-img-mob img{
        width: 94%;
    }
}
.pageslider .owl-nav {
    top: -45px;
}
.popup__wrap-showimg {
    max-width: 700px;
    padding: 55px 40px 40px;
}

@media screen and (max-width: 767.98px) {
    .popup__wrap-showimg {
        padding: 50px 12px 40px;
    }
}
.content .page ul li {
  padding-left: 32px;
  margin-top: 10px;
  background: url(/local/templates/twinmaster2.0/css/../images/pagelist.svg) 0 0 no-repeat;
    font-size: 1.8rem;
    line-height: 1.4;
}
.page ul li:first-child {
  margin: 0;
}
/* End */


/* Start:/local/templates/twinmaster2.0/components/bitrix/sale.basket.basket.line/main/style.min.css?16615859853712*/
.bx-basket-block{position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em}
/* End */


/* Start:/local/templates/twinmaster2.0/components/bitrix/search.title/main/style.css?15607080002108*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/twinmaster2.0/components/bitrix/search.title/main/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/local/templates/twinmaster2.0/components/bitrix/search.title/mobile/style.css?15607080002108*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/twinmaster2.0/components/bitrix/search.title/mobile/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/local/templates/twinmaster2.0/template_styles.css?1692714511560*/
.aside-nav_catalog .h4
{
	font-size: 1.8rem;
    line-height: 1.25;
    font-weight: 600;
    color: #000;
}
.shareTitle{
    color: #1998d6;
    font-size: 18px;
	    line-height: 1.25;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    padding: 0;
}
img {
    max-width: 100%;
    height: auto;
}
iframe {
    max-width: 100%;
}

/*.big-table {
	overflow: auto;
	position: relative;
}
.big-table table {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}*/
/* End */
/* /css/main.css?1692713212106472 */
/* /css/main_roma_add.css?16050890421186 */
/* /css/main_add.css?16680018379295 */
/* /local/templates/twinmaster2.0/css/styles.css?1750751146171761 */
/* /local/templates/twinmaster2.0/css/custom.css?175075227233071 */
/* /local/templates/twinmaster2.0/components/bitrix/sale.basket.basket.line/main/style.min.css?16615859853712 */
/* /local/templates/twinmaster2.0/components/bitrix/search.title/main/style.css?15607080002108 */
/* /local/templates/twinmaster2.0/components/bitrix/search.title/mobile/style.css?15607080002108 */
/* /local/templates/twinmaster2.0/template_styles.css?1692714511560 */