@charset "UTF-8";

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 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: 'Muller';
  src: url("../fonts/MullerBold.woff2") format("woff2"), url("../fonts/MullerBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Muller';
  src: url("../fonts/MullerRegular.woff2") format("woff2"), url("../fonts/MullerRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Muller';
  src: url("../fonts/MullerMedium.woff2") format("woff2"), url("../fonts/MullerMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Circe';
  src: url("../fonts/Circe-Regular.woff2") format("woff2"), url("../fonts/Circe-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

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

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

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

@-webkit-keyframes slideToRight {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideToRight {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.tns-slider>.tns-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel>.tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel>.tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery>.tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -webkit-transition: opacity 0s, -webkit-transform 0s;
  transition: opacity 0s, -webkit-transform 0s;
  -o-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s, -webkit-transform 0s;
}

.tns-gallery>.tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery>.tns-moving {
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  -o-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix>div,
.tns-vpfix>li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both;
}

.tns-t-ct>div {
  width: 1.4285714%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none !important;
  margin: 0;
  padding: 0;
}

html,
body {
  font-size: 62.5%;
}

body {
  line-height: 1.5;
  font-family: 'Roboto', sans-serif;
}

body.overflow {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

body.bg-black {
  background: #000;
}

p {
  margin: 0;
}

address {
  font-style: normal;
}

button {
  cursor: pointer;
  background: none;
  padding: 0;
  border: none;
  color: currentColor;
}

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

label {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

textarea {
  resize: vertical;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}

input[placeholder] {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

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

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.container {
  margin-left: auto;
  margin-right: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: 'Roboto', sans-serif;
  -webkit-box-shadow: none;
  box-shadow: none;
}

input {
  border: none;
}

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

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

.site-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.6rem;
  min-height: 100vh;
}

.site-wrapper--visible {
  overflow-x: visible;
}

.site-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  overflow: hidden;
}

@media only screen and (max-width: 980px) {
  .site-content {
    overflow: hidden;
  }
}

.site-content.hide {
  opacity: 0;
}

.bg-cover {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.truncate {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.popup-open {
  overflow: hidden;
}

.ie11 .select__btn {
  min-width: 18rem;
}

.access-card__header-col {
  height: 7.4rem;
  background: #000;
  padding: 0 2rem;
}

@media only screen and (max-width: 980px) {
  .access-card__header-col {
    height: 3.2rem;
    padding: 0 1rem;
  }
}

.access-card__head-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.access-card__head-li--client {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 2rem;
}

.access-card__head-li--type {
  width: 5.8rem;
  text-align: right;
}

@media only screen and (max-width: 980px) {
  .access-card__head-li--type {
    width: 3.7rem;
  }
}

.access-card__head-li--access {
  width: 6.6rem;
  text-align: right;
  margin-left: 5.4rem;
}

@media only screen and (max-width: 980px) {
  .access-card__head-li--access {
    width: 4.8rem;
    margin-left: 2.2rem;
  }
}

.access-card__head-item {
  font-size: 2rem;
  line-height: 2.3rem;
  color: #fff;
}

@media only screen and (max-width: 980px) {
  .access-card__head-item {
    font-size: 1rem;
    line-height: 1.3rem;
  }
}

.access-card__content-col {
  background: #fff;
  padding: 2.6rem 2rem 1.6rem;
}

@media only screen and (max-width: 980px) {
  .access-card__content-col {
    padding: 2.6rem 1rem 1.6rem;
  }
}

.access-card__search-col {
  margin-bottom: 4.2rem;
}

.access-card__content-list {
  margin: -1.6rem;
}

.access-card__content-li {
  padding: 1.6rem;
  position: relative;
}

.access-card__content-li:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 100%;
  left: 1.6rem;
  right: 1.6rem;
  height: 1px;
  background: #979797;
}

.access-card__content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.access-card__client-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 2rem;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #000;
  font-weight: bold;
  word-break: break-all;
}

@media only screen and (max-width: 980px) {
  .access-card__client-col {
    font-size: 1.3rem;
    line-height: 1.6rem;
  }
}

.access-card__type-col {
  width: 5.8rem;
  text-align: right;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: #646a72;
  word-break: break-all;
}

@media only screen and (max-width: 980px) {
  .access-card__type-col {
    width: 3.7rem;
    font-size: 1rem;
    line-height: 1.3rem;
  }
}

.access-card__toggle-col {
  width: 6.6rem;
  margin-left: 5.4rem;
  text-align: center;
}

@media only screen and (max-width: 980px) {
  .access-card__toggle-col {
    width: 4.8rem;
    margin-left: 2.2rem;
  }
}

.access-card__temp-icon {
  font-size: 3.4rem;
}

.accordion__content {
  display: none;
}

.accordion__item.active>div>.accordion__content {
  display: block;
}

.accordion__item.active>.invoices__item>.table-line .table-line__btn-chevron {
  -webkit-transition: border-color .3s, -webkit-transform .3s background-color .3s;
  transition: border-color .3s, -webkit-transform .3s background-color .3s;
  -o-transition: transform .3s background-color .3s, border-color .3s;
  transition: transform .3s background-color .3s, border-color .3s;
  transition: transform .3s background-color .3s, border-color .3s, -webkit-transform .3s background-color .3s;
}

.accordion__item.active>.invoices__item>.table-line .table-line__btn-chevron .icon {
  -webkit-transform: rotateZ(180Deg) translate(50%, 50%);
  -ms-transform: rotate(180Deg) translate(50%, 50%);
  transform: rotateZ(180Deg) translate(50%, 50%);
}

.accordion__content {
  position: relative;
  padding-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media only screen and (max-width: 980px) {
  .accordion__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.accordion__content:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: -0rem;
  right: -0rem;
  height: 3px;
  background: #000;
}

.add-picture {
  width: 100%;
  max-width: 23.5rem;
}

.add-picture__content {
  height: 17.5rem;
  background: #F3F3F3;
  display: block;
}

.add-picture.active .add-picture__content {
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.add-picture__input {
  display: none;
}

.add-picture__header {
  font-size: 1.4rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #000;
  margin-bottom: 1rem;
}

.add-picture__desc {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: rgba(0, 0, 0, 0.5);
  margin-top: .9rem;
}

.add-picture__default {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3.4rem 0 2.6rem;
}

.add-picture.active .add-picture__default {
  display: none;
}

.add-picture__picture-icon.icon {
  width: 10rem;
  height: 7.4rem;
  color: #d8d8d8;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .add-picture__default:hover .add-picture__picture-icon.icon {
    color: #E02020;
  }
}

.add-picture__desc {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: #b2b2b2;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .add-picture__default:hover .add-picture__desc {
    color: #E02020;
  }
}

.add-picture__add-col {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
}

.add-picture__add-icon {
  font-size: 2.6rem;
  color: #000;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .add-picture__default:hover .add-picture__add-icon {
    color: #E02020;
  }
}

.add-picture__active {
  display: none;
  width: 100%;
  height: 14.6rem;
  background: #fff no-repeat center;
  background-size: 100% auto;
  position: relative;
}

.add-picture.active .add-picture__active {
  display: block;
}

.add-picture__btn-delete {
  font-size: 2.6rem;
  color: #E02020;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  position: absolute;
  right: .3rem;
  bottom: .3rem;
  line-height: 0;
}

@media screen and (min-width: 1200px) {
  .add-picture__btn-delete:hover {
    color: #000;
  }
}

.add-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  line-height: 0;
}

.add-product__circle-plus {
  font-size: 3.6rem;
  color: #6DD400;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .add-product:hover .add-product__circle-plus {
    color: #E02020;
  }
}

.add-product__text {
  margin-left: 1.5rem;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.9rem;
  color: #000;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .add-product:hover .add-product__text {
    color: #E02020;
  }
}

.admin-category {
  color: #000;
  background: #F3F3F3;
  padding: 4rem 3rem;
  border-top: 3px solid #000;
}

@media only screen and (max-width: 980px) {
  .admin-category {
    padding: 2rem 1.5rem;
  }
}

.admin-category__root-btn {
  width: 40%;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2rem;
  position: relative;
  margin-bottom: 1rem;
  text-align: left;
}

@media only screen and (max-width: 980px) {
  .admin-category__root-btn {
    padding-right: 1.6rem;
  }
}

.admin-category__root-btn .product-category__btn-img {
  display: none;
}

.admin-category__root-add-btn {
  width: 59%;
  display: inline-block;
  font-weight: 500;
  padding: 0 1.1rem;
  margin-bottom: 1rem;
  text-align: right;
}

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

  .admin-category__root-add-btn:hover .admin-category__root-add-btn-icon,
  .admin-category__root-add-btn:hover .admin-category__root-add-btn-text {
    color: #E02020;
  }
}

.admin-category__root-add-btn-icon {
  border-radius: 50%;
  width: 2.5rem !important;
  height: 2.5rem !important;
  font-size: 1.4rem;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  margin-right: .8rem;
  margin-bottom: -.6rem;
  background: #000;
  color: #000;
}

.admin-category__root-add-btn-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #000;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.admin-category .product-category__btn-img {
  font-size: 1rem;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  margin-right: .4rem;
  -webkit-transform: translateY(0.2rem);
  -ms-transform: translateY(0.2rem);
  transform: translateY(0.2rem);
}

.admin-category__root-btn-img {
  margin-left: .6rem;
  font-size: 1rem;
  color: #000;
}

@media only screen and (max-width: 980px) {
  .admin-category__root-btn-img {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0;
  }
}

.admin-category.active .admin-category__root-btn-img {
  position: absolute;
  right: calc(100% + .6rem);
  margin-left: 0;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

@media only screen and (max-width: 980px) {
  .admin-category.active .admin-category__root-btn-img {
    -webkit-transform: rotate(-180deg) translateY(45%);
    -ms-transform: rotate(-180deg) translateY(45%);
    transform: rotate(-180deg) translateY(45%);
  }
}

.admin-category__search {
  margin-bottom: 1.7rem;
}

.admin-category__list {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  height: 0;
  width: 0;
  display: block;
}

@media only screen and (max-width: 980px) {
  .admin-category__list {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: auto;
    height: auto;
    display: none;
    opacity: 1;
    pointer-events: auto;
  }
}

.admin-category__list.active {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: auto;
  height: auto;
}

@media only screen and (max-width: 980px) {
  .admin-category__list.active {
    display: block;
  }
}

.admin-category__list--tree {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.admin-category__list--tree .admin-category__list--tree {
  padding-left: 10%;
}

.admin-category__list .admin-category__li .admin-category__item .admin-category__list .admin-category__li .admin-category__item .admin-category__list .admin-category__li .admin-category__item .admin-category__btn {
  color: #6A00BE;
}

@media screen and (min-width: 1200px) {
  .admin-category__list .admin-category__li .admin-category__item .admin-category__list .admin-category__li .admin-category__item .admin-category__list .admin-category__li .admin-category__item .admin-category__btn:hover {
    color: #E02020;
  }
}

.admin-category__li {
  position: relative;
  display: block;
}

.admin-category__li:first-child {
  padding-top: 0;
}

.admin-category__li.hide {
  display: none;
}

.admin-category__item {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 981px) {
  .admin-category__item:hover>button>.product-category__btn-img {
    color: #E02020;
  }
}

.admin-category__li:first-child .admin-category__item {
  border-top: none;
  padding-top: 0;
}

.admin-category__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  padding-right: 2rem;
  width: 100%;
  text-align: left;
  font-size: 1.3rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #000;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-transition: padding-bottom .3s;
  -o-transition: padding-bottom .3s;
  transition: padding-bottom .3s;
}

@media only screen and (max-width: 980px) {
  .admin-category__btn {
    padding-bottom: 1rem;
  }
}

@media screen and (min-width: 981px) {
  .admin-category__item:hover>.admin-category__btn {
    padding-bottom: 4.6rem;
  }
}

@media only screen and (max-width: 980px) {
  .admin-category__li--no-btns .admin-category__btn {
    padding-bottom: 1.1rem !important;
  }
}

@media screen and (min-width: 981px) {
  .admin-category__li--no-btns:hover .admin-category__btn {
    padding-bottom: 1.1rem;
  }
}

@media screen and (min-width: 981px) {
  .admin-category__btn:hover {
    color: #E02020;
  }
}

.admin-category__btn.hide {
  display: none;
}

.admin-category__btn.hide+ul {
  display: none;
}

.admin-category__btn-text {
  position: relative;
  z-index: 5;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.admin-category__btn-list {
  position: absolute;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  opacity: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: opacity .1s;
  -o-transition: opacity .1s;
  transition: opacity .1s;
  z-index: 1;
}

@media screen and (min-width: 981px) {
  .admin-category__item:hover>.admin-category__btn-list {
    width: auto;
    height: auto;
    opacity: 1;
  }
}

.admin-category__btn-li {
  padding-left: .7rem;
}

.admin-category__btn-li:first-child {
  padding-left: 0;
}

.admin-category__circle-btn {
  font-size: 2.6rem;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 981px) {
  .admin-category__circle-btn:hover {
    color: #000;
  }
}

.admin-category__circle-btn--red {
  color: #E02020;
}

@media screen and (min-width: 981px) {
  .admin-category__circle-btn--red:hover {
    color: #000;
  }
}

.admin-category__add-btn {
  margin-top: 2rem;
  width: 100%;
  height: 3.8rem;
  border-radius: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: #fff;
  font-weight: 500;
  background: #000;
  padding: 0 1.1rem;
  -webkit-transition: color .3s, background .3s;
  -o-transition: color .3s, background .3s;
  transition: color .3s, background .3s;
}

@media screen and (min-width: 1200px) {
  .admin-category__add-btn:hover {
    background: #E02020;
  }
}

.admin-category__add-btn-icon {
  font-size: 1.4rem;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  margin-right: 1.2rem;
}

.admin-category__btn-wrapper--margin .admin-category__btn-list {
  margin-left: 1rem;
}

.admin-category__li.active:not(.admin-category__li--no-btns)>.admin-category__item>.admin-category__btn-wrapper>.admin-category__btn {
  padding-bottom: 4.6rem;
  color: #E02020 !important;
}

@media screen and (min-width: 981px) {
  .admin-category__li.active.admin-category__li--no-btns .admin-category__btn {
    padding-bottom: 1rem !important;
  }
}

.admin-category__li.active>.admin-category__item>.admin-category__btn-wrapper>.admin-category__btn {
  color: #E02020;
}

.admin-category__li.active>.admin-category__btn-text {
  color: #E02020;
}

.admin-category__li.active>.admin-category__item>.admin-category__btn-wrapper>.admin-category__btn>.product-category__btn-img {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.admin-category__li.active>.admin-category__item>.admin-category__btn-wrapper>.admin-category__btn-list {
  width: auto;
  height: auto;
  opacity: 1;
}

.all-bundles-table {
  counter-reset: item;
  width: calc(100% + 12rem);
  margin-left: -6rem;
  padding: 0 6rem 0 2rem;
  border: 1px solid #e5e5e5;
  border-width: 1px 0 1px 0;
}

@media only screen and (max-width: 980px) {
  .all-bundles-table {
    width: auto;
    margin-left: 0;
    padding: 0;
    border: 0;
  }
}

.all-bundles-table .all-bundles-table__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  counter-increment: item;
  padding: 2.1rem 0;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}

.all-bundles-table .all-bundles-table__item:last-child {
  border: none;
}

@media only screen and (max-width: 980px) {
  .all-bundles-table .all-bundles-table__item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #d8d8d8;
    padding: 3.4rem 0 2.7rem;
  }

  .all-bundles-table .all-bundles-table__item:last-child {
    border-bottom: 1px solid #d8d8d8;
  }
}

.all-bundles-table .all-bundles-table__item--img {
  width: 11rem;
  height: 11rem;
  margin-left: 1rem;
}

.all-bundles-table .all-bundles-table__item--img .all-bundles-table__img-wrapper {
  height: 100%;
}

.all-bundles-table .all-bundles-table__item--name {
  font-weight: normal;
  font-size: 14px;
  max-width: 25.5rem;
  padding-left: 1.8rem;
}

.all-bundles-table .all-bundles-table__item--name p {
  color: #9299A2;
  font-size: 11px;
  margin-top: 1rem;
}

.all-bundles-table .all-bundles-table__item--name .all-bundles-table--name-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.all-bundles-table .all-bundles-table__item--num {
  width: 3rem;
  position: relative;
}

.all-bundles-table .all-bundles-table__item--num:before {
  content: counter(item);
  position: absolute;
  background: #D8D8D8;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  line-height: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 980px) {
  .all-bundles-table .all-bundles-table__item--num:before {
    top: 2.4rem;
  }
}

@media only screen and (max-width: 980px) {
  .all-bundles-table .all-bundles-table__item--num {
    position: absolute;
    top: -1px;
  }
}

@media only screen and (max-width: 980px) {
  .all-bundles-table .all-bundles-table__img-box {
    width: 11rem;
    height: 11rem;
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .all-bundles-table .all-bundles-table__item--name {
    width: calc(100% - 12rem);
    max-width: 100%;
  }
}

.all-bundles-table .all-bundles-table__item--amount {
  font-size: 18px;
  margin-left: auto;
}

@media only screen and (max-width: 980px) {
  .all-bundles-table .all-bundles-table__item--amount {
    margin-top: 2rem;
    margin-left: auto;
  }
}

.all-bundles-table .all-bundles-table__item--quantity {
  margin-left: 9.7rem;
  margin-right: 4.2rem;
}

.all-bundles-table .all-bundles-table__item--quantity input {
  border: 1px solid #A8A8A8;
  width: 7rem;
  height: 3rem;
  border-radius: 2px;
  text-align: center;
}

.all-bundles-table .all-bundles-table__item--quantity input::-webkit-outer-spin-button,
.all-bundles-table .all-bundles-table__item--quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.all-bundles-table .all-bundles-table__item--quantity input[type=number] {
  -moz-appearance: textfield;
}

@media only screen and (max-width: 980px) {
  .all-bundles-table .all-bundles-table__item--quantity {
    margin-left: 0;
    margin-top: 2rem;
  }
}

.all-bundles-table .all-bundles-table__item--quantity .counter .counter__number {
  width: 3.4rem;
}

.all-orders {
  margin-bottom: 3rem;
}

.all-orders__btn-list .btn-list__list {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.all-orders__tab-li {
  display: none;
}

.all-orders__tab-li.active {
  display: block;
}

.all-orders__list {
  margin: -.5rem;
}

.all-orders__li {
  padding: .5rem;
}

@media only screen and (max-width: 980px) {
  .all-orders__item-wrap {
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
  }
}

.all-orders__item {
  background: #E5E5E5;
  padding: .6rem 1rem .6rem 3rem;
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
}

@media only screen and (max-width: 980px) {
  .all-orders__item {
    position: relative;
    padding: .6rem 1.5rem .6rem;
  }
}

.all-orders__li.active .all-orders__item {
  background: #F4F4F4;
}

.all-orders--pipeline .all-orders__li.active .all-orders__item,
.all-orders--orders .all-orders__li.active .all-orders__item {
  border-top: 3px solid #000;
  padding-bottom: 0;
}

.all-orders__order-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -.6rem;
  padding-bottom: .1rem;
}

@media screen and (max-width: 1440px) {
  .all-orders__order-list {
    position: relative;
    padding-right: 6.5rem;
  }
}

@media only screen and (max-width: 980px) {
  .all-orders__order-list {
    display: block;
    padding-right: 0;
    margin: -.6rem;
  }
}

.all-orders--pipeline .all-orders__order-list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.all-orders--integrator .all-orders__order-list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 -6rem;
}

@media only screen and (max-width: 980px) {
  .all-orders--integrator .all-orders__order-list {
    margin: -.6rem;
  }
}

.all-orders__order-li {
  padding: 0 .6rem;
}

.all-orders--integrator .all-orders__order-li {
  padding: 0 6rem;
}

@media only screen and (max-width: 980px) {
  .all-orders--integrator .all-orders__order-li {
    padding: .6rem;
  }
}

.all-orders--pipeline .all-orders__order-li--number {
  width: 18rem;
}

@media only screen and (max-width: 980px) {
  .all-orders__order-li--number {
    padding-right: 7rem !important;
  }
}

.all-orders__order-li--order {
  width: 30rem;
}

.all-orders__order-li--supplier-name {
  width: 20rem;
}

.all-orders__order-li--date {
  width: 19rem;
}

.all-orders--pipeline .all-orders__order-li--date {
  width: 46rem;
}

.all-orders__order-li--created-by {
  width: 19rem;
}

.all-orders__order-li--company-name {
  width: 19rem;
}

.all-orders__order-li--status {
  width: 20rem;
}

.all-orders__order-li--amount {
  width: 10rem;
}

.all-orders__order-li--user {
  width: 18rem;
}

.all-orders__order-li--id {
  width: 30rem;
}

@media only screen and (max-width: 980px) {
  .all-orders__order-li {
    padding: .6rem;
    width: 100%;
  }
}

.all-orders--pipeline .all-orders__order-li--btn,
.all-orders--integrator .all-orders__order-li--btn {
  margin-left: auto;
}

.all-orders--integrator .all-orders__order-li--btn {
  right: 6rem;
  padding: 0;
  margin-left: auto;
  -webkit-transform: translateX(-6rem);
  -ms-transform: translateX(-6rem);
  transform: translateX(-6rem);
}

@media screen and (max-width: 1440px) {
  .all-orders--integrator .all-orders__order-li--btn {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

@media only screen and (max-width: 980px) {
  .all-orders--integrator .all-orders__order-li--btn {
    right: .6rem;
  }
}

@media screen and (max-width: 1440px) {
  .all-orders__order-li--btn {
    position: absolute;
    right: 0rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5.2rem;
    padding: 0;
  }

  .all-orders--pipeline .all-orders__order-li--btn {
    margin-left: 0;
  }
}

@media only screen and (max-width: 980px) {
  .all-orders__order-li--btn {
    right: .6rem;
    top: 3rem;
    width: 4rem;
  }
}

@media only screen and (max-width: 980px) {
  .all-orders__order-li:first-child {
    padding-right: 6rem;
  }
}

.all-orders__title {
  font-size: 1.2rem;
  color: #9299a2;
  margin-bottom: .8rem;
  line-height: 100%;
}

.all-orders__text {
  font-size: 1.5rem;
  font-weight: 500;
  color: #000;
  line-height: 100%;
  margin-bottom: .5rem;
}

.all-orders__order-li--amount .all-orders__text {
  font-size: 2rem;
}

@media only screen and (max-width: 980px) {
  .all-orders__order-li--amount .all-orders__text {
    font-size: 1.8rem;
  }
}

.all-orders__btn {
  width: 4rem;
  height: 4rem;
  background: #E02020;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  font-size: 1.7rem;
  color: #fff;
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
}

@media only screen and (max-width: 980px) {
  .all-orders__btn {
    width: 4rem;
    height: 4rem;
  }
}

@media screen and (min-width: 1200px) {
  .all-orders__btn:hover {
    background: #000;
  }
}

.all-orders__btn-icon {
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  transform: translateY(0.5px);
}

.all-orders__li.active .all-orders__btn-icon {
  -webkit-transform: rotate(-180deg) translateY(0.5px);
  -ms-transform: rotate(-180deg) translateY(0.5px);
  transform: rotate(-180deg) translateY(0.5px);
}

.all-orders__content {
  background: #E5E5E5;
  padding: 2.9rem 3rem 4rem 3rem;
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  border-top: 3px solid #000;
}

@media screen and (max-width: 1440px) {
  .all-orders__content {
    padding: 3rem 1.5rem;
  }
}

@media only screen and (max-width: 980px) {
  .all-orders__content {
    padding-top: 2.2rem;
  }
}

.all-orders--pipeline .all-orders__content,
.all-orders--orders .all-orders__content {
  border: 0;
}

.all-orders__li.active .all-orders__content {
  background: #F4F4F4;
  opacity: 1;
  pointer-events: auto;
  width: auto;
  height: auto;
  overflow: inherit;
  position: relative;
}

.all-orders__content-list {
  margin: -2rem;
}

.all-orders__content-li {
  padding: 2rem;
}

.all-orders__header {
  padding-bottom: .9rem;
  font-size: 1.4rem;
  color: #000;
  border-bottom: 1px solid #000;
  margin-bottom: 2rem;
}

.all-orders__header-key {
  margin-right: .4rem;
}

.all-orders__header-value {
  font-weight: bold;
}

.all-orders__information {
  margin-top: 4rem;
  padding-top: 4rem;
  position: relative;
  padding-left: 1.9rem;
}

@media only screen and (max-width: 980px) {
  .all-orders__information {
    padding-left: 0;
    padding-top: 2.4rem;
    padding-bottom: 3.3rem;
  }
}

.all-orders__information:after {
  display: block;
  content: '';
  position: absolute;
  left: -3rem;
  right: -3rem;
  top: 0;
  height: .3rem;
  background: #000;
}

@media screen and (max-width: 1440px) {
  .all-orders__information:after {
    left: 0;
    right: 0;
  }
}

@media only screen and (max-width: 980px) {
  .all-orders__information:after {
    left: -1.5rem;
    right: -1.5rem;
  }
}

.all-orders__information-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -2rem -6.4rem;
}

@media only screen and (max-width: 980px) {
  .all-orders__information-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -1.5rem;
  }
}

.all-orders__information-li {
  padding: 2rem 6.4rem;
  position: relative;
}

@media only screen and (max-width: 980px) {
  .all-orders__information-li {
    padding: 1.5rem;
  }
}

.all-orders__information-li:after {
  display: block;
  content: '';
  position: absolute;
  left: 100%;
  top: 2rem;
  bottom: 2rem;
  width: 1px;
  background: #979797;
}

@media only screen and (max-width: 980px) {
  .all-orders__information-li:after {
    display: none;
  }
}

.all-orders__information-li:last-child:after {
  display: none;
}

.all-orders__card-slider {
  margin-left: -3rem;
  width: calc(100% + 6rem);
  padding-left: 3rem;
}

.all-orders__switch-tabs {
  margin: 0 auto 2rem;
}

.all-orders__tabs-item {
  display: none;
}

.all-orders__tabs-item.active {
  display: block;
}

.amount {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #C6C6C6;
  height: 3rem;
  padding: 0 1rem;
  border-radius: 2px;
}

@media only screen and (max-width: 980px) {
  .amount {
    height: 2.7rem;
    padding: 0 .7rem;
  }
}

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

.amount--pipeline {
  margin-top: 2.5rem;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.amount__key {
  font-size: 1.3rem;
  color: #7F7F7F;
  margin-right: 1.5rem;
}

@media only screen and (max-width: 980px) {
  .amount__key {
    font-size: 1.1rem;
    margin-right: 1.2rem;
    line-height: 100%;
  }
}

.amount__value {
  font-size: 1.4rem;
  font-weight: 500;
  color: #000;
}

@media only screen and (max-width: 980px) {
  .amount__value {
    font-size: 1.2rem;
    line-height: 100%;
  }
}

.api-table__header {
  font-size: 3rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #E02020;
  margin: 3.2rem 0 2.4rem;
}

.api-table__table-container {
  overflow: auto;
}

.api-table__table {
  width: 100%;
  border-collapse: collapse;
  min-width: 50rem;
}

.api-table__td {
  font-size: 1.4rem;
  color: #000;
  padding: 1rem;
  border: 1px solid #000;
  width: calc(100% / 3);
}

.api-table__td--header {
  font-weight: bold;
}

.api-table__tr--head .api-table__td {
  background: #E02020;
  color: #fff;
}

.aside--disabled {
  pointer-events: none;
  position: relative;
  border-color: #c0c0c0 !important;
  font-size: 1.2rem !important;
}

.aside--disabled::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 11111;
}

.aside--integrator {
  font-size: 1.2rem !important;
}

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

.block-list__item {
  width: calc(100% / 2 - 2rem);
}

@media only screen and (max-width: 980px) {
  .block-list__item {
    width: 100%;
  }
}

.block-list__item--full-width {
  margin-right: 50%;
}

@media only screen and (max-width: 980px) {
  .block-list__item--full-width {
    width: 100%;
    margin: 0;
  }
}

.block-list__item--full-width .label-list__item-header {
  margin: 2.8rem 0 4.6rem 0;
}

.breadcrumbs {
  margin-bottom: 10px;
}

@media only screen and (max-width: 980px) {
  .breadcrumbs__container {
    padding: 0 1rem !important;
  }
}

.breadcrumbs__list {
  font-size: 0;
  margin: -.7rem;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.breadcrumbs__li {
  position: relative;
  padding: .7rem;
  display: inline-block;
}

.breadcrumbs__li:after {
  display: block;
  content: '';
  width: .3rem;
  height: .4rem;
  position: absolute;
  left: 100%;
  background: #ccc;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.breadcrumbs__li:last-child:after {
  display: none;
}

.breadcrumbs__link {
  display: block;
  font-size: 1.2rem;
  color: #696969;
}

.btn-list {
  margin-top: 5rem;
}

@media only screen and (max-width: 980px) {
  .btn-list {
    margin-top: 2.5rem;
  }
}

.btn-list__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: -1.5rem;
}

@media only screen and (max-width: 980px) {
  .btn-list__list {
    margin: -1rem;
  }
}

.btn-list--reverse .btn-list__list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.btn-list__item {
  padding: 1.5rem;
}

.btn-list__item--black {
  width: 21.9rem;
}

@media only screen and (max-width: 980px) {
  .btn-list__item--black button {
    width: 100%;
    min-width: 13.5rem;
    padding: 0 2rem;
  }
}

.btn-list__item--red {
  width: 25rem;
}

@media only screen and (max-width: 980px) {
  .btn-list__item--red button {
    width: 100%;
    min-width: 13.5rem;
    padding-right: 5rem;
  }

  .btn-list__item--red svg {
    right: 1.5rem;
  }
}

.btn-list__item--grey {
  width: 21.9rem;
}

@media only screen and (max-width: 980px) {
  .btn-list__item--grey button {
    width: 100%;
    min-width: 13.5rem;
    padding: 0 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .btn-list__item {
    width: 50%;
    padding: 1rem;
  }
}

@media only screen and (max-width: 980px) {
  .btn-list--full-width .btn-list__item {
    width: 100%;
  }
}

.btn {
  width: 100%;
  height: 4.8rem;
  border: 1px solid rgba(0, 0, 0, 0.85);
  padding: 0 6rem 0 1.6rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: background-color .3s, border-color .3s;
  -o-transition: background-color .3s, border-color .3s;
  transition: background-color .3s, border-color .3s;
  color: #000;
}

@media only screen and (max-width: 980px) {
  .btn {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding-left: 1.3rem;
  }
}

@media screen and (min-width: 1200px) {
  .btn:hover {
    background: #E02020;
    border-color: #E02020;
    color: #E02020;
  }
}

.btn.disabled {
  pointer-events: none;
  opacity: .5;
}

.btn--border-radius {
  border-radius: 2.5rem;
}

.btn--small-border-radius {
  border-radius: .5rem;
}

.btn--icon-left {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 0 1.6rem;
}

.btn--left {
  padding: .9rem 2.4rem 1.1rem 4.9rem;
}

@media only screen and (max-width: 980px) {
  .btn--left {
    padding: .9rem 1.4rem 1.2rem 4.3rem;
  }
}

.btn--round {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
}

.btn--no-img {
  padding: 0 1.6rem;
}

@media screen and (min-width: 1200px) {
  .btn--arrow-down:hover .btn__icon {
    -webkit-transform: translate(0, -35%);
    -ms-transform: translate(0, -35%);
    transform: translate(0, -35%);
  }
}

.btn--no-text {
  position: relative;
  padding: 0;
}

.btn--no-text svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 980px) {
  .btn--no-text {
    padding: 0;
  }
}

.btn--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 1.6rem;
  height: 4rem;
}

.btn--red {
  background: #E02020;
  color: #fff;
  border-color: #E02020;
}

@media screen and (min-width: 1200px) {
  .btn--red:hover {
    background: #000;
    border-color: #000;
  }
}

.btn--green {
  background: #6DD400;
  color: #fff;
  border-color: #6DD400;
}

@media screen and (min-width: 1200px) {
  .btn--green:hover {
    background: #000;
    border-color: #000;
  }
}

.btn--red-grey {
  background: #E02020;
  color: #fff;
  border-color: #E02020;
}

@media screen and (min-width: 1200px) {
  .btn--red-grey:hover {
    background: #7F7F7F;
    border-color: #7F7F7F;
  }
}

.btn--grey {
  background: #7F7F7F;
  border-color: #7F7F7F;
  color: #fff;
}

@media screen and (min-width: 1200px) {
  .btn--grey:hover {
    background: #000;
    border-color: #000;
  }
}

.btn--black {
  background: #000;
}

@media screen and (min-width: 1200px) {
  .btn--black:hover {
    background: #E02020;
    border-color: #E02020;
  }
}

.btn--delete {
  padding: 0;
  border: none;
}

@media screen and (min-width: 1200px) {
  .btn--delete:hover {
    background: none;
  }
}

.btn--grey-red {
  background: #E5E5E5;
  border-color: #e5e5e5;
  color: #000;
}

.btn__text {
  font-family: 'Muller';
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  -webkit-transform: translateY(0.1rem);
  -ms-transform: translateY(0.1rem);
  transform: translateY(0.1rem);
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media only screen and (max-width: 980px) {
  .btn__text {
    -webkit-transform: translateY(0.2rem);
    -ms-transform: translateY(0.2rem);
    transform: translateY(0.2rem);
  }
}

@media screen and (min-width: 1200px) {
  .btn:hover .btn__text {
    color: #fff;
  }
}

.btn__text--medium {
  font-weight: 500;
}

.btn--red .btn__text {
  color: #fff;
}

.btn--green .btn__text {
  color: #fff;
}

.btn--select .btn__text {
  font-size: 1.3rem;
}

.btn--center .btn__text {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: normal;
}

.btn--black .btn__text {
  color: #fff;
}

.btn--delete .btn__text {
  font-size: 1.4rem;
  font-weight: 500;
  color: #E02020;
}

.btn--grey .btn__text {
  color: #fff;
}

@media only screen and (max-width: 980px) {
  .btn__text--desktop {
    display: none;
  }
}

.btn__text--mobile {
  display: none;
}

@media only screen and (max-width: 980px) {
  .btn__text--mobile {
    display: block;
  }
}

.btn__text--roboto {
  font-family: 'Roboto', sans-serif;
}

.btn--center-no-img .btn__text {
  margin: auto;
}

@media screen and (min-width: 1200px) {
  .btn--delete:hover .btn__text {
    color: #000;
  }
}

.btn__icon {
  position: absolute;
  right: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 2.6rem;
  -webkit-transition: color .3s, -webkit-transform .3s;
  transition: color .3s, -webkit-transform .3s;
  -o-transition: transform .3s, color .3s;
  transition: transform .3s, color .3s;
  transition: transform .3s, color .3s, -webkit-transform .3s;
}

@media only screen and (max-width: 980px) {
  .btn__icon {
    right: 3rem;
  }
}

@media screen and (min-width: 1200px) {
  .btn:hover .btn__icon {
    color: #fff;
  }
}

.btn__icon.icon-layers {
  font-size: 2.1rem;
}

.btn__icon.icon-cart-small {
  stroke-width: 1;
}

@media screen and (min-width: 1200px) {
  .btn--arrow-move:hover .btn__icon {
    -webkit-transform: translate(0.5rem, -50%);
    -ms-transform: translate(0.5rem, -50%);
    transform: translate(0.5rem, -50%);
  }
}

.btn--red .btn__icon {
  color: #fff;
}

.btn--arrow-down .btn__icon {
  font-size: 1.6rem;
  right: 1.6rem;
}

.btn--select .btn__icon {
  font-size: 1.3rem;
  right: 1.2rem;
}

.btn--round .btn__icon {
  font-size: 1.6rem;
}

.btn--round .btn__icon.icon-add_product {
  font-size: 1.2rem;
}

.btn--center .btn__icon {
  position: absolute;
  left: 1.2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn--left .btn__icon {
  left: 1.2rem;
}

.btn--pen .btn__icon {
  font-size: 1.4rem;
}

.btn--black .btn__icon {
  color: #fff;
}

.btn--icon-left .btn__icon {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  margin-right: .5rem;
}

.btn__icon.icon-delete {
  font-size: 1.3rem;
}

.btn--toggle .icon-toggle-active {
  display: none;
}

.btn--toggle.active .icon-toggle {
  display: none;
}

.btn--toggle.active .icon-toggle-active {
  display: inline-block;
}

.btn--with-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.bundle-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 26.5rem;
  height: 100%;
  padding: 1.5rem 1.5rem 1.0rem;
  background: #ffffff;
}

@media only screen and (max-width: 980px) {
  .bundle-card {
    width: 22.5rem;
    padding: 1rem;
  }
}

.bundle-card__img {
  width: 23.5rem;
  height: 17.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1.3rem;
}

@media only screen and (max-width: 980px) {
  .bundle-card__img {
    width: 17.5rem;
    height: 13.1rem;
    margin-bottom: 1rem;
  }
}

.bundle-card__img img {
  max-height: 100%;
}

.bundle-card__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}

.bundle-card__status {
  margin-bottom: .3rem;
  font-size: 1.1rem;
  line-height: 100%;
  color: #9299a2;
}

@media only screen and (max-width: 980px) {
  .bundle-card__status {
    font-size: 1rem;
  }
}

.bundle-card__title {
  margin-bottom: .8rem;
  font-size: 1.4rem;
  font-weight: 700;
}

@media only screen and (max-width: 980px) {
  .bundle-card__title {
    font-size: 1.2rem;
    margin-bottom: .6rem;
  }
}

.bundle-card__desc {
  margin-bottom: .9rem;
  font-size: 1.3rem;
  line-height: 2rem;
}

@media only screen and (max-width: 980px) {
  .bundle-card__desc {
    font-size: 1rem;
    line-height: 1.2rem;
    min-height: 5.8rem;
    margin-bottom: 1.5rem;
  }
}

.bundle-card__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  padding-left: .3rem;
}

@media only screen and (max-width: 980px) {
  .bundle-card__list {
    padding-left: 0;
  }
}

.bundle-card__item {
  position: relative;
}

.bundle-card__input {
  width: 100%;
  height: 100%;
  padding: 0 0 0 .8rem;
  border: 1px solid rgba(0, 0, 0, 0.34);
}

.bundle-card__input::-webkit-input-placeholder {
  font-size: 1.3rem;
  color: rgba(0, 0, 0, 0.5);
}

.bundle-card__input::-moz-placeholder {
  font-size: 1.3rem;
  color: rgba(0, 0, 0, 0.5);
}

.bundle-card__input::-ms-input-placeholder {
  font-size: 1.3rem;
  color: rgba(0, 0, 0, 0.5);
}

.bundle-card__input::placeholder {
  font-size: 1.3rem;
  color: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 980px) {
  .bundle-card__input::-webkit-input-placeholder {
    font-size: 1.1rem;
  }

  .bundle-card__input::-moz-placeholder {
    font-size: 1.1rem;
  }

  .bundle-card__input::-ms-input-placeholder {
    font-size: 1.1rem;
  }

  .bundle-card__input::placeholder {
    font-size: 1.1rem;
  }
}

.bundle-card__layover {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: .8rem;
  font-size: 1.4rem;
  font-weight: 700;
}

@media only screen and (max-width: 980px) {
  .bundle-card__layover {
    font-size: 1.2rem;
  }
}

.bundle-card__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1rem;
  padding-left: 1px;
  margin-top: 1.8rem;
  border-top: 1px solid #979797;
}

@media only screen and (max-width: 980px) {
  .bundle-card__buttons {
    margin-top: 2.2rem;
  }
}

.bundle-card__item-button {
  width: 2.6rem;
  height: 2.6rem;
  margin-right: 1.5rem;
}

.bundle-card__item-button svg {
  font-size: 1.6rem;
}

.bundle-card__item-button--small-icon svg {
  font-size: 1.2rem;
}

@media only screen and (max-width: 980px) {
  .bundle-card__item-button {
    margin-right: 1rem;
  }
}

.bundle-card__item-button--delete {
  margin-left: auto;
  margin-right: 0;
}

.bundle-table {
  width: 100%;
  overflow: auto;
  overflow-y: hidden;
}

.bundle-table__table {
  min-width: 77.8rem;
  width: 100%;
  border-collapse: collapse;
  color: #000;
}

.bundle-table__td {
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1.5rem 0;
  border-bottom: 1px solid #d8d8d8;
}

.bundle-table__td--head {
  color: #7F7F7F;
  padding: 0 0 1.5rem 0;
  border-bottom: 1px solid #d8d8d8;
}

.bundle-table__td--quantity {
  text-align: right;
}

.bundle-table__td--amount {
  text-align: right;
}

.bundle-table__img-box {
  width: 8rem;
  height: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bundle-table__img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
}

.bundle-table__btn {
  width: 15rem;
  height: 4.4rem;
  margin-left: auto;
}

.bundle-table__btn .btn__text {
  font-size: 1.5rem;
}

.card-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  color: #000;
}

@media only screen and (max-width: 980px) {
  .card-cart {
    position: relative;
    padding-top: 2.3rem;
  }
}

.card-cart__close-col {
  width: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .card-cart__close-col {
    width: 0;
  }
}

.card-cart__close {
  width: 2.2rem;
  height: 2.2rem;
  background: #d8d8d8;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2rem;
  color: #fff;
  -webkit-transform: translateY(0.4rem);
  -ms-transform: translateY(0.4rem);
  transform: translateY(0.4rem);
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
}

@media only screen and (max-width: 980px) {
  .card-cart__close {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: auto;
    background: none;
    font-size: 1.1rem;
    color: #9299A2;
    border-radius: 0;
  }
}

@media screen and (min-width: 1200px) {
  .card-cart__close:hover {
    background: #E02020;
  }
}

@media only screen and (max-width: 980px) {
  .card-cart__close-icon {
    display: none !important;
  }
}

.card-cart__text {
  display: none;
}

@media only screen and (max-width: 980px) {
  .card-cart__text {
    display: block;
  }
}

.card-cart__img-col {
  display: block;
  width: 11rem;
  margin-left: 2.7rem;
}

@media screen and (max-width: 1440px) {
  .card-cart__img-col {
    margin-left: .7rem;
  }
}

@media only screen and (max-width: 980px) {
  .card-cart__img-col {
    margin-left: 0;
  }
}

.card-cart__img {
  max-width: 100%;
  height: auto;
}

.card-cart__name-col {
  width: 25.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 3rem;
  padding: .7rem 0 .7rem;
}

@media screen and (max-width: 1440px) {
  .card-cart__name-col {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 2rem;
    padding-top: .9rem;
    margin-left: 1rem;
  }
}

@media only screen and (max-width: 980px) {
  .card-cart__name-col {
    width: calc(100% - 11rem);
    margin-left: 0;
    padding-left: 1rem;
    padding-top: 1.1rem;
    display: block;
  }
}

.card-cart__title {
  display: block;
  font-size: 1.4rem;
  line-height: 1.9rem;
  color: #000;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .card-cart__title:hover {
    color: #E02020;
  }
}

@media only screen and (max-width: 980px) {
  .card-cart__title {
    font-size: 1.2rem;
    line-height: 1.7rem;
    margin-bottom: 1.5rem;
  }
}

.card-cart__desc {
  font-size: 1.1rem;
  color: #9299A2;
}

.card-cart__total-col {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 1440px) {
  .card-cart__total-col {
    margin-left: 0;
  }
}

@media only screen and (max-width: 980px) {
  .card-cart__total-col {
    margin-left: 0;
    width: 100%;
  }
}

.card-cart__counter-col {
  padding-top: .6rem;
}

@media only screen and (max-width: 980px) {
  .card-cart__counter-col {
    padding-top: 0;
    margin-top: 1.2rem;
    margin-left: 0;
  }
}

.card-cart__price-col {
  padding-top: .5rem;
  padding-left: 2rem;
  width: 14.5rem;
  text-align: right;
}

@media screen and (max-width: 1440px) {
  .card-cart__price-col {
    width: 13.5rem;
  }
}

@media only screen and (max-width: 980px) {
  .card-cart__price-col {
    margin-left: auto;
    padding-top: 1.4rem;
  }
}

.card-cart__price {
  font-size: 1.8rem;
  font-weight: 500;
  color: #4a4a4a;
}

.card-cart__counter .counter__cart-text {
  display: block;
}

@media screen and (max-width: 1440px) {
  .card-cart__counter .counter__cart-text {
    display: none;
  }
}

.card-financials {
  background: #ffffff;
  padding: 2.3rem 0 4.2rem;
}

@media only screen and (max-width: 980px) {
  .card-financials {
    padding: 1.3rem 0 2.8rem;
  }
}

.card-financials__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2.2rem;
  margin-bottom: 3.9rem;
}

@media only screen and (max-width: 980px) {
  .card-financials__header {
    padding: 0 1.5rem;
    margin-bottom: 3.3rem;
  }
}

.card-financials__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8rem;
  color: #ffffff;
  border-radius: 50%;
  background: #000;
}

.card-financials__number span {
  height: 1.8rem;
}

@media only screen and (max-width: 980px) {
  .card-financials__number {
    margin-right: 1.5rem;
    margin-top: .4rem;
  }
}

.card-financials__title-wrap {
  margin-right: auto;
}

.card-financials__title {
  margin-bottom: .4rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.4rem;
}

@media only screen and (max-width: 980px) {
  .card-financials__title {
    font-size: 1.8rem;
    margin-bottom: .1rem;
  }
}

.card-financials__subtitle {
  padding-left: .3rem;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #7F7F7F;
}

@media only screen and (max-width: 980px) {
  .card-financials__subtitle {
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding-left: 0;
  }
}

@media only screen and (max-width: 980px) {
  .card-financials__btn {
    margin-top: .8rem;
  }
}

.card-financials__list {
  margin: -1.8rem 0 -2.4rem 0;
}

@media only screen and (max-width: 980px) {
  .card-financials__list {
    margin: -1.6rem 0 -1.6rem 0;
  }
}

.card-financials__item {
  padding: 1.8rem 0 2.4rem;
  border-top: 1px solid #BFBFBF;
}

@media only screen and (max-width: 980px) {
  .card-financials__item {
    padding: 1.6rem 0 1.6rem;
  }
}

.card-financials__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 4.6rem 0 2.2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .card-financials__wrapper {
    padding: 0 1.5rem;
  }
}

.card-financials__property {
  width: 16.2rem;
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 500;
}

@media only screen and (max-width: 980px) {
  .card-financials__property {
    width: 10rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

.card-financials__value {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 1.7rem;
  font-size: 1.4rem;
  line-height: 1.7rem;
  word-break: break-all;
}

@media only screen and (max-width: 980px) {
  .card-financials__value {
    padding-left: 1.3rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

.card-info {
  border: 4px solid #000;
  padding: 1.0rem 1.7rem;
  color: #000;
}

@media only screen and (max-width: 980px) {
  .card-info {
    padding: 1rem 1.4rem;
  }
}

.card-info__btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: bold;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #000;
  padding-right: .9rem;
  margin-bottom: 1.1rem;
}

@media only screen and (max-width: 980px) {
  .card-info__btn {
    padding-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .card-info__btn:hover .card-info__btn-icon {
    color: #E02020;
  }
}

.card-info__btn-icon {
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.card-order-info {
  color: #000;
}

.card-order-info__header {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 3rem;
}

@media only screen and (max-width: 980px) {
  .card-order-info__header {
    margin-bottom: 1.5rem;
  }
}

.card-order-info__list {
  margin: -.4rem;
}

.card-order-info__li {
  padding: .4rem;
}

.card-order-info__item {
  font-size: 1.4rem;
}

.card-order-info__li .card-order-info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.card-order-info__li--total:last-child .card-order-info__item {
  padding-top: 1.6rem;
  border-top: 1px solid #979797;
  font-weight: bold;
}

.card-order-info--without-total .card-order-info__li--total:last-child .card-order-info__item {
  padding-top: 0;
  border-top: 0;
  font-weight: 400;
}

.card-order-info__value {
  margin-left: 5rem;
  min-width: 5rem;
  text-align: right;
}

@media only screen and (max-width: 980px) {
  .card-order-info__value {
    margin-left: 0;
    padding-left: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.card-order-info__text-no {
  font-size: 1.4rem;
  margin-top: 1.4rem;
}

.card-order-info__list-btn {
  margin-bottom: -.7rem;
  margin-top: 1.8rem;
}

.card-order-info__item-btn {
  padding: .7rem 0;
  width: 23.1rem;
}

.card-order-info__btn-photo .icon {
  margin-right: 1.5rem;
  font-size: 2rem;
}

.card-order-info__btn-success .icon {
  margin-right: 1.2rem;
  font-size: 2.2rem;
}

.card-product {
  padding: 1.6rem;
  background: #fff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-product--horizontal {
  display: block;
  padding: 1rem 2rem 1rem 1rem;
  overflow: auto;
}

.card-product__container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: 130rem;
}

.card-product__other-prices {
  position: relative;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: rgba(224, 32, 32, 0.5);
  margin-right: 2rem;
  border-bottom: 1px dashed rgba(224, 32, 32, 0.5);
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.card-product__other-prices.active {
  font-weight: bold;
  color: #E02020;
  border-color: #E02020;
}

.card-product__other-btn {
  display: block;
  cursor: default;
}

.card-product__other-prices.active .card-product__other-btn {
  cursor: pointer;
}

.card-product__tooltip-container {
  position: absolute;
  left: 0;
  bottom: 100%;
  padding-bottom: .5rem;
  z-index: 50;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}

.card-product__other-prices.clicked .card-product__tooltip-container {
  opacity: 1;
  pointer-events: auto;
}

.card-product__tooltip {
  font-size: 1.2rem;
  color: #000;
  background: #fff;
  padding: .5rem 1.2rem;
  -webkit-box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.25);
  text-align: center;
  position: relative;
  cursor: auto;
}

.card-product__tooltip:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4.75px 0 4.75px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  left: 1.9rem;
  top: 100%;
  z-index: 5;
}

.card-product__tooltip-list {
  margin: -.8rem;
}

.card-product__tooltip-li {
  padding: .8rem;
  position: relative;
}

.card-product__tooltip-li:after {
  display: block;
  content: '';
  height: 1px;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 100%;
  left: .8rem;
  right: .8rem;
}

.card-product__tooltip-li:last-child:after {
  display: none;
}

.card-product__tooltip-price {
  font-size: 1.3rem;
  line-height: 1.9rem;
  color: #000;
  font-weight: 500;
  white-space: nowrap;
}

.card-product__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 21rem;
  margin-bottom: 2rem;
}

.card-product--horizontal .card-product__img {
  width: 11.5rem;
  height: 10rem;
  margin-right: 3.6rem;
  margin-bottom: 0;
}

.card-product__name {
  margin-bottom: 3rem;
  font-size: 1.3rem;
}

.card-product--horizontal .card-product__name {
  min-width: 24rem;
  max-width: 24rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 4rem;
  margin-bottom: 0;
  white-space: normal;
}

@media screen and (max-width: 1600px) {
  .card-product--horizontal .card-product__name {
    margin-right: 2rem;
  }
}

.card-product--horizontal .card-product__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-product__list {
  margin: -.5rem;
  margin-bottom: 1rem;
}

.card-product--horizontal .card-product__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 -2.5rem;
}

.card-product__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .5rem;
}

.card-product--horizontal .card-product__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 2.5rem;
}

.card-product__prop {
  font-size: 1.2rem;
  font-weight: 500;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 2rem;
}

.card-product--horizontal .card-product__prop {
  margin-bottom: 1.2rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding-right: 0;
}

.card-product__prop--checkbox {
  display: none;
}

.card-product--horizontal .card-product__prop--checkbox {
  display: block;
  margin-bottom: 1.6rem;
}

.card-product__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-product__value--client {
  font-size: 1.4rem;
  line-height: 1.6rem;
}

.card-product__select {
  height: 3.3rem;
  width: 9.5rem;
}

.card-product__select>button.select__btn {
  height: 100%;
  min-width: auto;
  padding-right: 3rem;
  padding-left: 1rem;
}

.card-product__select .select__text {
  font-size: 1.4rem;
}

.card-product__counter .counter__main {
  border-color: #C2C2C2;
}

.card-product__item--select .card-product__counter .counter__main {
  border-right-width: 0;
}

.card-product__bottom {
  border-top: 1px solid #C7C7C7;
  padding-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  margin-top: auto;
  width: 100%;
}

.card-product--horizontal .card-product__bottom {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  padding-top: 0;
  padding-left: 2rem;
  margin-top: 0;
  width: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.card-product--horizontal .card-product__checkbox {
  display: block;
  margin-right: 2rem;
}

.card-product__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -.4rem;
}

.card-product__btn-item {
  padding: .4rem;
  line-height: 0;
}

.card-product__circle-icon {
  font-size: 2.8rem;
}

.card-product__set-price {
  width: 7.6rem;
  height: 2.6rem;
  border-radius: 13px;
  padding: 0;
  margin-left: auto;
  margin-right: .8rem;
}

.card-product__set-price .btn__text {
  font-size: 1.2rem;
}

.card-product .rating {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.card-product .rating__list {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.card-product__rating-text {
  font-weight: 500;
  margin-right: 1.8rem;
}

@media screen and (max-width: 1440px) {
  .card-product__rating-text {
    display: block;
    margin: 0 0 1rem 0;
  }
}

.card-slider {
  position: relative;
}

.card-slider__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-slider__li {
  padding: 1px;
}

.card-slider__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  position: absolute;
  top: calc(50% - .7rem);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
  font-size: 2.4rem;
  color: #000;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media only screen and (max-width: 980px) {
  .card-slider__btn {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .card-slider__btn:hover {
    color: #E02020;
  }
}

.card-slider__btn--prev {
  left: 0rem;
}

.card-slider__btn--next {
  right: 0;
}

.card {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card--flat {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card--integrator {
  background: #fff;
}

.card__content {
  padding: 0 .7rem .8rem .7rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 1200px) {
  .card__content {
    padding: 0 1rem .8rem 1rem;
  }
}

.card--integrator .card__content {
  padding: 0 1.6rem 1.6rem;
}

.card--flat .card__content {
  padding: 0 0 0 3rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: calc(100% - 13rem);
}

.card__img-box {
  height: 21.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 1.5rem;
}

@media only screen and (max-width: 980px) {
  .card__img-box {
    height: 11.1rem;
  }
}

.card--flat .card__img-box {
  margin-bottom: 0;
  height: auto;
  width: 13rem;
}

.card--integrator .card__img-box {
  margin-bottom: 2.9rem;
}

.card__img {
  max-width: 90%;
  max-height: 90%;
}

@media only screen and (max-width: 980px) {
  .card__img {
    max-width: 80%;
    max-height: 80%;
  }
}

.card__quantity {
  width: 100%;
  font-size: 1.2rem;
  color: #4a4a4a;
  margin-bottom: .3rem;
  padding-left: 1rem;
  margin-bottom: -1.5rem;
}

@media only screen and (max-width: 980px) {
  .card__quantity {
    font-size: .8rem;
  }
}

.card__title {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: .2rem;
  color: #000;
}

@media only screen and (max-width: 980px) {
  .card__title {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}

.card--flat .card__title {
  margin: 0;
  width: 23rem;
}

.card__price {
  font-size: 1.7rem;
  font-weight: 500;
  color: #E02020;
  margin-bottom: .9rem;
}

@media only screen and (max-width: 980px) {
  .card__price {
    font-size: 1.2rem;
    margin-bottom: .4rem;
  }
}

.card--flat .card__price {
  margin: 0;
}

.card--integrator .card__price {
  margin-bottom: .2rem;
}

.card__desc {
  font-size: 1.1rem;
  color: #9299A2;
  margin-top: .3rem;
}

@media only screen and (max-width: 980px) {
  .card__desc {
    font-size: 1rem;
  }
}

.card--integrator .card__desc {
  margin: 0 0 .9rem;
}

.card--flat .card__desc {
  margin: 0;
}

.card__bottom {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
  padding: .8rem .7rem;
  margin-top: 1.1rem;
}

@media screen and (min-width: 1200px) {
  .card__bottom {
    padding: .8rem 1.4rem 1.4rem;
  }
}

.card__bottom:before {
  display: block;
  content: '';
  position: absolute;
  left: .8rem;
  right: .8rem;
  top: 0;
  height: 1px;
  background: #e5e5e5;
}

.card__bottom.active {
  background: #E02020;
}

.card__bottom.active:before {
  display: none;
}

.card__bottom.active .counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card__cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card__cart-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem;
}

.card__bottom.active .card__cart-btn {
  display: none;
}

.card__cart-icon {
  margin-right: 1.1rem;
}

@media only screen and (max-width: 980px) {
  .card__cart-icon {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .5rem;
  }
}

.card__cart-text {
  font-size: 1.4rem;
  font-weight: 500;
  color: #686868;
}

@media only screen and (max-width: 980px) {
  .card__cart-text {
    font-size: 1rem;
  }
}

.card__layers {
  width: 3rem;
  height: 3rem;
  color: #000;
  font-size: 1.8rem;
  line-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #000;
  -webkit-transition: background .3s, color .3s;
  -o-transition: background .3s, color .3s;
  transition: background .3s, color .3s;
}

@media screen and (min-width: 1200px) {
  .card__layers:hover {
    background: #000;
    color: #fff;
  }
}

@media only screen and (max-width: 980px) {
  .card__layers {
    font-size: 1.2rem;
    width: auto;
    max-width: 3rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .4rem;
  }
}

.card__bottom.active .card__layers {
  color: #fff;
}

.card__bottom-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.card .counter {
  height: 3rem;
}

.card__checkbox-col {
  margin-top: 2.1rem;
}

.card--integrator .card__checkbox-col {
  padding-top: 1.3rem;
  border-top: 1px solid #C7C7C7;
}

.card--flat .card__checkbox-col {
  margin: 0;
  padding: 0;
  border: none;
}

.card__flat-list-col {
  width: calc(100% - 29rem);
  margin-left: 6rem;
  overflow: auto;
  overflow-y: hidden;
  white-space: nowrap;
  font-size: 0;
}

.card__flat-list {
  min-width: 100%;
  display: block;
}

.card__flat-li {
  padding-left: 4rem;
  display: inline-block;
  vertical-align: top;
}

.card__flat-li:first-child {
  padding-left: 0;
}

.card__flat-li--stock {
  margin-left: auto;
}

.card__flat-title {
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  margin-bottom: 1.2rem;
}

.card__flat-desc {
  font-size: 1.4rem;
  color: #000;
}

.card__rating-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card__rating-title {
  font-size: 1.4rem;
  font-weight: 500;
  color: #000;
  margin-right: 1.2rem;
}

.cart-list {
  border: 3px solid #e5e5e5;
  padding: .9rem 3.7rem 1.8rem 2.7rem;
  color: #000;
}

@media screen and (max-width: 1440px) {
  .cart-list {
    padding: .9rem 1.8rem 1.8rem 1.8rem;
  }
}

@media only screen and (max-width: 980px) {
  .cart-list {
    border: none;
    padding: 0;
  }
}

.cart-list__header {
  font-size: 1.4rem;
  padding-bottom: .6rem;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 980px) {
  .cart-list__header {
    font-size: 1.2rem;
    margin-bottom: .3rem;
    margin-left: -2.1rem;
    width: calc(100% + 4.2rem);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.cart-list__header-key {
  margin-right: .2rem;
}

.cart-list__header-value {
  font-weight: bold;
}

.cart-list__list {
  margin: -.6rem;
}

@media only screen and (max-width: 980px) {
  .cart-list__list {
    margin: -.6rem;
  }
}

.cart-list__li {
  position: relative;
  padding: .6rem;
}

@media only screen and (max-width: 980px) {
  .cart-list__li {
    padding: 1.2rem;
  }
}

.cart-list__li:after {
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  left: .7rem;
  right: .7rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 1px;
  background: #d8d8d8;
}

@media only screen and (max-width: 980px) {
  .cart-list__li:after {
    left: -1.5rem;
    right: -1.5rem;
    top: calc(100% + .8rem);
  }
}

.cart-list__li:last-child:after {
  display: none;
}

.cart-list__card-list {
  margin: -1rem;
}

@media only screen and (max-width: 980px) {
  .cart-list__card-list {
    margin: -1.4rem;
  }
}

.cart-list__card-li {
  position: relative;
  padding: 1rem;
}

@media only screen and (max-width: 980px) {
  .cart-list__card-li {
    padding: 1.4rem;
  }
}

.cart-list__card-li:after {
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  left: 1rem;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 1px;
  background: #d8d8d8;
}

@media only screen and (max-width: 980px) {
  .cart-list__card-li:after {
    left: -1.5rem;
    right: -1.5rem;
    top: calc(100% + .7rem);
  }
}

.cart-list__card-li:last-child:after {
  display: none;
}

.cart-list__card-li:last-child {
  padding-top: 0;
}

.cart-list__supplier-total {
  background: #F2F2F2;
  padding: 1.2rem 1.7rem 1rem;
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 980px) {
  .cart-list__supplier-total {
    display: block;
    margin-left: -2.1rem;
    width: calc(100% + 4.2rem);
  }
}

.cart-list__sup-header {
  font-size: 1.8rem;
  line-height: 2.1rem;
  font-weight: bold;
  color: #000;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 2rem;
}

@media only screen and (max-width: 980px) {
  .cart-list__sup-header {
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin-bottom: 1.2rem;
  }
}

.cart-list__sup-col {
  width: 35.7rem;
}

@media only screen and (max-width: 980px) {
  .cart-list__sup-col {
    width: 100%;
  }
}

.cart-list__sup-list {
  margin: -.3rem;
}

.cart-list__sup-li {
  padding: .3rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: rgba(0, 0, 0, 0.416302);
  font-weight: 500;
}

@media only screen and (max-width: 980px) {
  .cart-list__sup-li {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

.cart-list__sup-li--total {
  font-weight: bold;
  color: #000;
}

.cart-list__sup-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cart-list__sup-li--total .cart-list__sup-item {
  padding-top: .4rem;
  position: relative;
  border-top: 1px solid #979797;
}

.cart-list__sup-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 2rem;
}

.cart-list__sup-value {
  text-align: right;
}

.cart-popup {
  position: absolute;
  top: calc(100% + 1.5rem);
  right: 0;
  background: #fff;
  color: #000;
  z-index: 50;
  -webkit-box-shadow: 0 5px 24px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 24px rgba(0, 0, 0, 0.2);
  padding: 1.5rem 0 2rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  cursor: auto;
  pointer-events: none;
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

.cart-popup:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8.5px 9px 8.5px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  right: 2.7rem;
  bottom: calc(100%);
}

.cart-popup:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1.5rem;
  top: -15px;
}

.cart-popup__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 1.8rem;
  padding: 0 1rem 0 4.5rem;
  padding-bottom: 1.1rem;
}

.cart-popup__header-text {
  font-size: 1.7rem;
  font-weight: 500;
}

.cart-popup__header-btn {
  margin-left: auto;
  width: 17.5rem;
  height: 4.4rem;
  font-size: 1.5rem;
}

.cart-popup__list {
  margin: -2rem;
}

.cart-popup__li {
  padding: 2rem;
  position: relative;
}

.cart-popup__li:after {
  display: block;
  content: '';
  position: absolute;
  left: 2rem;
  right: 2rem;
  top: 100%;
  height: 1px;
  background: #E6E6E6;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cart-popup__li:last-child:after {
  display: none;
}

.cart-popup__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

.cart-popup__content-container {
  padding: 0 1rem 0 4.5rem;
}

.cart-popup__overflow-container {
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 -1rem 0 -4.5rem;
  padding: 0 1rem 0 4.5rem;
  max-height: 45rem;
}

.cart-popup__card-header {
  width: 100%;
  font-size: 1.4rem;
  padding-bottom: .8rem;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 1.3rem;
}

.cart-popup__text-bold {
  font-weight: bold;
}

.cart-popup__img-container {
  position: relative;
  width: 11rem;
  max-height: 11rem;
}

.cart-popup__img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-0.4rem);
  -ms-transform: translateX(-0.4rem);
  transform: translateX(-0.4rem);
}

.cart-popup__img {
  max-height: 100%;
}

.cart-popup__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 1.4rem;
  padding-right: 2.8rem;
}

.cart-popup__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: .7rem;
}

.cart-popup__title-text {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.7rem;
  color: #000;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .cart-popup__title-text:hover {
    color: #E02020;
  }
}

.cart-popup__close {
  position: absolute;
  font-size: 1rem;
  background: #dcdcdc;
  color: #fff;
  line-height: 0;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  left: -3.4rem;
  top: calc(50% + .9rem);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
}

.cart-popup__close:hover {
  background: #E02020;
}

.cart-popup__desc {
  font-size: 1.1rem;
  line-height: .9rem;
  color: #9299a2;
}

.cart-popup__price {
  width: 10.5rem;
  font-size: 1.5rem;
  line-height: 3rem;
  color: #4a4a4a;
  margin-left: 1.9rem;
  text-align: right;
}

.cart-popup__item-total {
  color: #000;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-left: 13rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cart-popup__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 3rem;
  color: #E02020;
  padding: 0 1rem 0 4.5rem;
  padding-top: .9rem;
  padding-bottom: 1rem;
  border-top: 1px solid #E6E6E6;
}

.cart-popup__total:after {
  display: block;
  content: '';
  position: absolute;
  left: 4.5rem;
  right: 1rem;
  top: 100%;
  height: 1px;
  background: #E6E6E6;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cart-popup__btn-checkout {
  width: 17.5rem;
  height: 4.4rem;
  margin-top: 2rem;
}

.cart-popup__counter {
  padding-top: .3rem;
}

.cart-popup .btn__text {
  margin-top: 3px;
}

.catalog-card {
  background: #fff;
  color: #000;
  padding: 1.5rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.catalog-card--flat {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media only screen and (max-width: 980px) {
  .catalog-card--flat {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.catalog-card--add-more {
  width: 100%;
}

.catalog-card__img-box {
  height: 16.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5.5rem;
  position: relative;
}

@media only screen and (max-width: 980px) {
  .catalog-card__img-box {
    margin-bottom: 2.4rem;
  }
}

.catalog-card--flat .catalog-card__img-box {
  width: 13.2rem;
  height: auto;
  margin-bottom: 0;
}

@media only screen and (max-width: 980px) {
  .catalog-card--flat .catalog-card__img-box {
    width: 100%;
    height: 16.6rem;
    margin-bottom: 2.4rem;
  }
}

.catalog-card__number {
  padding: 0 .6rem;
  height: 2rem;
  background: #000;
  font-size: 1.4rem;
  color: #fff;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  border-radius: 50%;
  position: absolute;
  left: 0rem;
  top: 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.catalog-card__header {
  font-size: 1.3rem;
  line-height: 2rem;
  margin-bottom: 2.4rem;
}

.catalog-card--flat .catalog-card__header {
  margin-left: 2rem;
  margin-right: 2rem;
  margin-bottom: 0;
  width: 13.8rem;
}

@media only screen and (max-width: 980px) {
  .catalog-card--flat .catalog-card__header {
    width: 100%;
    margin: 0 0 2.4rem;
  }
}

.catalog-card__list-col {
  margin-bottom: 5rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 980px) {
  .catalog-card__list-col {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-bottom: 2.5rem;
  }
}

.catalog-card--flat .catalog-card__list-col {
  margin-bottom: 0;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: calc(100% - 31rem);
  overflow: hidden;
}

@media only screen and (max-width: 980px) {
  .catalog-card--flat .catalog-card__list-col {
    width: 100%;
    margin-bottom: 2.5rem;
  }
}

.catalog-card__list {
  margin: -.9rem;
}

.catalog-card--flat .catalog-card__list {
  margin: 0;
  overflow: auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 2rem;
}

@media only screen and (max-width: 980px) {
  .catalog-card--flat .catalog-card__list {
    margin: -.9rem;
    overflow: inherit;
    width: auto;
    display: block;
    padding-bottom: 0;
  }
}

.catalog-card__li {
  position: relative;
  padding: .9rem;
}

.catalog-card--flat .catalog-card__li {
  padding: 0;
  padding-left: 2rem;
}

@media screen and (max-width: 1440px) {
  .catalog-card--flat .catalog-card__li {
    min-width: 14rem;
  }
}

@media only screen and (max-width: 980px) {
  .catalog-card--flat .catalog-card__li {
    padding: .9rem;
  }
}

.catalog-card--flat .catalog-card__li:first-child {
  padding-left: 0;
}

@media only screen and (max-width: 980px) {
  .catalog-card--flat .catalog-card__li:first-child {
    padding-left: .9rem;
  }
}

.catalog-card__li:after {
  display: block;
  content: '';
  position: absolute;
  left: .9rem;
  right: .9rem;
  top: 100%;
  height: 1px;
  background: #979797;
}

.catalog-card--flat .catalog-card__li:after {
  display: none;
}

@media only screen and (max-width: 980px) {
  .catalog-card--flat .catalog-card__li:after {
    display: block;
  }
}

.catalog-card__li:last-child:after {
  display: none;
}

.catalog-card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.catalog-card--flat .catalog-card__item {
  display: block;
}

@media only screen and (max-width: 980px) {
  .catalog-card--flat .catalog-card__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrpa;
    flex-wrap: wrpa;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.catalog-card__title {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 500;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 1rem;
}

@media only screen and (max-width: 980px) {
  .catalog-card__title {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

.catalog-card--flat .catalog-card__title {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-bottom: 1.3rem;
  padding-right: 0;
}

@media only screen and (max-width: 980px) {
  .catalog-card--flat .catalog-card__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.catalog-card__desc {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: rgba(0, 0, 0, 0.9);
  text-align: right;
}

@media only screen and (max-width: 980px) {
  .catalog-card__desc {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

.catalog-card--flat .catalog-card__desc {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  max-width: 14rem;
  text-align: left;
}

@media only screen and (max-width: 980px) {
  .catalog-card--flat .catalog-card__desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: none;
    text-align: right;
  }
}

.catalog-card__bottom {
  padding-top: 1.2rem;
  border-top: 1px solid #979797;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.catalog-card--flat .catalog-card__bottom {
  width: 100%;
  padding-top: 0;
  border: none;
  margin-top: 1.2rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media only screen and (max-width: 980px) {
  .catalog-card--flat .catalog-card__bottom {
    margin-top: 0;
    padding-top: 1.2rem;
    border-top: 1px solid #979797;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.catalog-card__circle-icon {
  font-size: 2.6rem;
  margin-right: 2rem;
}

.catalog-card__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -.5rem;
}

.catalog-card__btn-li {
  padding: .5rem;
  line-height: 0;
}

.catalog-card__btn {
  font-size: 2.6rem;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  line-height: 0;
}

@media screen and (min-width: 1200px) {
  .catalog-card__btn:hover {
    color: #E02020;
  }
}

.category-card {
  position: relative;
  padding: 3rem 1rem 3rem 3.2rem;
  border: 4px solid #000;
  height: 100%;
}

@media only screen and (max-width: 980px) {
  .category-card {
    padding: 2rem 1rem 6rem 2.1rem;
  }
}

@media screen and (max-width: 767px) {
  .category-card {
    height: auto;
  }
}

.category-card__header {
  font-family: 'Roboto', sans-serif;
  font-size: 2.5rem;
  color: #000;
  font-weight: 700;
  position: relative;
  z-index: 5;
  display: block;
  margin-bottom: .8rem;
}

@media only screen and (max-width: 980px) {
  .category-card__header {
    font-size: 1.8rem;
    margin-bottom: 1.3rem;
  }
}

.category-card__header-red {
  color: #E02020;
}

.category-card__list {
  position: relative;
  z-index: 5;
}

.category-card__link {
  font-size: 1.4rem;
  line-height: 2.8rem;
  color: #4b4b4b;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media only screen and (max-width: 980px) {
  .category-card__link {
    font-size: 1.2rem;
    line-height: 2.1rem;
  }
}

@media screen and (min-width: 1200px) {
  .category-card__link:hover {
    color: #000;
  }
}

.category-card__img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 55%;
}

@media only screen and (max-width: 980px) {
  .category-card__img {
    max-width: 15.6rem;
  }
}

.category-permits-card {
  background: #fff;
  padding: 3rem 3rem 5rem;
  border-top: 3px solid #000;
  color: #000;
  height: 100%;
  display: block;
  max-width: 35rem;
  min-width: 35rem;
}

@media only screen and (max-width: 980px) {
  .category-permits-card {
    min-width: auto;
    max-width: 100%;
  }
}

.category-permits-card__list {
  margin: -.8rem;
}

@media only screen and (max-width: 980px) {
  .category-permits-card__list {
    margin: -1.2rem;
  }
}

.category-permits-card__li {
  padding: .8rem;
}

@media only screen and (max-width: 980px) {
  .category-permits-card__li {
    padding: -1.2rem;
  }
}

.category-permits-card__bottom {
  margin-top: 2rem;
  padding-top: 1.2rem;
  border-top: 2px solid #000;
}

.category-permits-card__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -1rem;
}

@media only screen and (max-width: 980px) {
  .category-permits-card__btn-list {
    display: block;
    margin: -.5rem;
  }
}

.category-permits-card__btn-li {
  padding: 1rem;
  width: 50%;
}

@media only screen and (max-width: 980px) {
  .category-permits-card__btn-li {
    width: 100%;
    padding: .5rem;
  }
}

@media only screen and (max-width: 980px) {
  .category-permits-card__btn {
    height: 4rem;
  }

  .category-permits-card__btn .btn__text {
    font-size: 1.4rem;
  }
}

.category-select-list {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + .1rem);
  background: #fff;
  z-index: 10;
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  padding: .7rem 0;
  z-index: 99;
}

.category-select-list--arrow::before {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8.5px 9px 8.5px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -.9rem;
}

.category-select-list.active {
  display: block;
}

.category-select-list__list {
  display: none;
  position: absolute;
  left: calc(100%);
  top: -.7rem;
  background: #fff;
  z-index: 10;
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  padding: .7rem 0;
  z-index: 99;
}

.category-select-list__list.active {
  display: block;
}

@media screen and (min-width: 1200px) {
  .category-select-list__list:hover~.category-select-list__header {
    color: #E02020;
  }

  .category-select-list__list:hover~.category-select-list__header .category-select-list__header-icon {
    color: #E02020;
  }
}

.category-select-list__header-text {
  font-size: 1.6rem;
  color: rgba(0, 0, 0, 0.85);
  margin-right: .5rem;
}

.category-select-list__header-icon {
  font-size: 1.5rem;
  line-height: 0;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.category-select-list__li {
  position: relative;
}

.category-select-list__li:last-child button>svg {
  display: none;
}

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

  .category-select-list--without-js .category-select-list__li:hover>.category-select-list__list,
  .category-select-list--without-js .category-select-list__li:hover>.category-select-list__item>.category-select-list__list {
    display: block;
  }
}

.category-select-list__item {
  position: relative;
  z-index: 0;
  background: transparent;
}

.category-select-list__header {
  font-size: 1.3rem;
  white-space: nowrap;
  position: relative;
  padding: .7rem 2.8rem .7rem 1.8rem;
  width: 100%;
  text-align: left;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  color: #000;
  display: block;
  z-index: 0;
  background: transparent;
}

.category-select-list__header.active {
  color: #E02020;
}

@media screen and (min-width: 1200px) {
  .category-select-list__header:hover {
    color: #E02020;
  }

  .category-select-list__header:hover .category-select-list__header-icon {
    color: #E02020;
  }
}

.category-select-list__header-icon {
  font-size: 1rem;
  color: #000;
  margin-left: 1rem;
  margin-right: 1.6rem;
  position: absolute;
  right: -8px;
  top: 9px;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.category-select-list-list__header.active .category-select-list__header-icon {
  color: #E02020;
}

.category-select-list__sub-list {
  display: none;
}

.category-select-list__link {
  display: block;
  font-size: 1.3rem;
  color: #000;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  white-space: nowrap;
  width: 100%;
  padding: .7rem 1.8rem;
}

@media screen and (min-width: 1200px) {
  .category-select-list__link:hover {
    color: #E02020;
  }
}

.category-select {
  width: auto;
  border: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
  color: #000;
  height: 4.2rem;
}

@media screen and (min-width: 1200px) {
  .category-select:hover .category-select__header-icon {
    color: #E02020;
  }
}

@media only screen and (max-width: 980px) {
  .category-select {
    height: 3.8rem;
  }
}

.category-select__header {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1.8rem;
  position: relative;
  z-index: 20;
  background: #fff;
}

.category-select__header-text {
  font-size: 1.6rem;
  color: rgba(0, 0, 0, 0.85);
  margin-right: .5rem;
}

.category-select__header-icon {
  font-size: 1.5rem;
  line-height: 0;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: color .3s, -webkit-transform .3s;
  transition: color .3s, -webkit-transform .3s;
  -o-transition: transform .3s, color .3s;
  transition: transform .3s, color .3s;
  transition: transform .3s, color .3s, -webkit-transform .3s;
}

.category-select.active .category-select__header-icon {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.category-select__list {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + .1rem);
  background: #fff;
  z-index: 10;
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  padding: .7rem 0;
  z-index: 99;
}

.category-select__list.active {
  display: block;
}

.category-select__list .category-select__list {
  top: -.7rem;
  left: calc(100%);
}

.category-select__li {
  position: relative;
}

.category-select__li:last-child button>svg {
  display: none;
}

.category-select__item {
  position: relative;
  z-index: 30;
  background: #fff;
}

.category-select__list-header {
  font-size: 1.3rem;
  white-space: nowrap;
  position: relative;
  padding: .7rem 2.8rem .7rem 1.8rem;
  width: 100%;
  text-align: left;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  color: #000;
  display: block;
}

.category-select__list-header.active {
  color: #E02020;
}

@media screen and (min-width: 1200px) {
  .category-select__list-header:hover {
    color: #E02020;
  }
}

.category-select__list-header-icon {
  font-size: 1rem;
  color: #000;
  margin-left: 1rem;
  margin-right: 1.6rem;
  position: absolute;
  right: -8px;
  top: 9px;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.category-select__list-header.active .category-select__list-header-icon {
  color: #E02020;
}

.category-select__sub-list {
  display: none;
}

.category-select__link {
  display: block;
  font-size: 1.3rem;
  color: #000;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  white-space: nowrap;
  width: 100%;
  padding: .7rem 1.8rem;
}

@media screen and (min-width: 1200px) {
  .category-select__link:hover {
    color: #E02020;
  }
}

.category-slider {
  background: #e5e5e5;
  position: relative;
  height: 3.5rem;
  overflow: hidden;
}

.category-slider__container {
  height: auto;
}

@media only screen and (max-width: 980px) {
  .category-slider__container {
    padding: 0 !important;
  }
}

.category-slider__container:before,
.category-slider__container:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  background: no-repeat center;
  background-size: 100% auto;
  width: 2.3rem;
  z-index: 20;
}

.category-slider__container:before {
  left: 2rem;
  background-image: url("../img/css/category-slider-grad-left.png");
}

@media only screen and (max-width: 980px) {
  .category-slider__container:before {
    left: 0;
  }
}

.category-slider__container:after {
  right: 2rem;
  background-image: url("../img/css/category-slider-grad-right.png");
}

@media only screen and (max-width: 980px) {
  .category-slider__container:after {
    right: 0;
  }
}

.category-slider__list {
  height: 3.5rem;
}

.category-slider__li {
  height: 100%;
}

.category-slider__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.category-slider__li:first-child .category-slider__item {
  margin-left: 2rem;
}

.category-slider__li:last-child .category-slider__item {
  margin-right: 2rem;
}

.category-slider__link {
  color: #000;
  font-size: 1.3rem;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .category-slider__link:hover {
    color: #E02020;
  }
}

.category-slider .tns-outer {
  position: relative;
  vertical-align: bottom;
}

.category-slider .tns-horizontal.tns-subpixel>.tns-item {
  vertical-align: bottom;
}

.category-slider .tns-controls {
  height: 0;
}

.category-slider .tns-controls button {
  position: absolute;
  top: calc(50% - .4rem);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0;
  width: .7rem;
  height: 1.2rem;
  background: no-repeat center;
  background-size: 100% auto;
  z-index: 50;
}

.category-slider .tns-controls button:first-child {
  left: -.5rem;
  background-image: url(../svg_icons/arrow-slider-left.svg);
}

.category-slider .tns-controls button:last-child {
  right: -.5rem;
  background-image: url(../svg_icons/arrow-slider-right.svg);
}

.check-list__list {
  margin: -.1rem;
}

@media only screen and (max-width: 980px) {
  .check-list__list {
    margin: -.1rem;
  }
}

.check-list__li {
  padding: .1rem;
}

@media only screen and (max-width: 980px) {
  .check-list__li {
    padding: .1rem;
  }
}

.check-list__item {
  background: #F5F5F5;
  position: relative;
  font-size: 1.3rem;
  line-height: 2.2rem;
  padding-left: 6rem;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1.2rem;
}

@media only screen and (max-width: 980px) {
  .check-list__item {
    padding-top: 1.6rem;
    padding-bottom: 2.5rem;
    padding-left: 5.3rem;
    font-size: 1.1rem;
    line-height: 1.3rem;
  }
}

.check-list__item:before {
  display: block;
  content: '';
  width: 1.7rem;
  height: 1.7rem;
  background: url(../svg_icons/check.svg) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  left: 1.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.checkbox-custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.checkbox-custom--hide-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.checkbox-custom__input {
  display: none;
}

.checkbox-custom__input:checked~.checkbox-custom__text {
  display: block;
}

.checkbox-custom__input:checked~.checkbox-custom__text--off {
  display: none;
}

.checkbox-custom__input:checked~.checkbox-custom__wrapper {
  background: #6DD400;
}

.checkbox-custom__input:checked~.checkbox-custom__wrapper .checkbox-custom__circle {
  left: calc(100% - 24px);
}

.checkbox-custom__wrapper {
  position: relative;
  width: 4.8rem;
  height: 2.6rem;
  margin-right: 1rem;
  background: #D8D8D8;
  border-radius: 1.5rem;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
}

.checkbox-custom--hide-text .checkbox-custom__wrapper {
  margin-right: 0;
}

.checkbox-custom__wrapper--round {
  width: 2rem;
  height: 2rem;
}

.checkbox-custom__circle {
  position: absolute;
  left: .4rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: left .3s;
  -o-transition: left .3s;
  transition: left .3s;
}

.checkbox-custom__circle--disabled {
  background-color: #D8D8D8;
}

.checkbox-custom__circle--disabled.active {
  background-color: #6DD400;
}

.checkbox-custom__text {
  font-size: 1.2rem;
  font-weight: regular;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 980px) {
  .checkbox-custom__text {
    font-size: 1rem;
  }
}

.checkbox-custom__text--on {
  display: none;
}

.checkbox-custom__text--off {
  color: #9299A2;
}

.checkbox-custom__lead-text {
  font-size: 1.4rem;
  color: #000;
  font-weight: 500;
  display: inline-block;
}

@media only screen and (max-width: 980px) {
  .checkbox-custom__lead-text {
    font-size: 1rem;
  }
}

.checkbox {
  position: relative;
  padding-left: 2.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.checkbox__input {
  display: none;
}

.checkbox__icon {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: .3rem;
  border: 1px solid #CECECE;
  background: #E5E5E5;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: background-color .3s, background-image .3s, border-color .3s;
  -o-transition: background-color .3s, background-image .3s, border-color .3s;
  transition: background-color .3s, background-image .3s, border-color .3s;
}

.checkbox__input:checked+.checkbox__icon {
  background: #E02020 url(../svg_icons/check-white.svg) no-repeat center;
  background-size: 80% auto;
  border-color: #E02020;
}

.checkbox__text {
  font-size: 1.3rem;
  line-height: 1.4rem;
  color: #000;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.checkbox__input:checked+span+.checkbox__text {
  color: #E02020;
}

.checkout-popup {
  width: 34rem;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  background: #fff;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 980px) {
  .checkout-popup {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    width: auto;
  }
}

.checkout-popup__li {
  position: relative;
}

.checkout-popup__li:after {
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  height: 1px;
  background: #E5E5E5;
}

.checkout-popup__li:last-child:after {
  display: none;
}

.checkout-popup__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 9rem;
}

.checkout-popup__header-text-wrap {
  background: #F2F2F2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 2.2rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.checkout-popup__header-text {
  width: 20.2rem;
  font-size: 1.7rem;
  font-weight: bold;
}

.checkout-popup__btn-wrap {
  background: #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 9rem;
}

.checkout-popup__btn-icon {
  font-size: 4.3rem;
  color: #6DD400;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.checkout-popup__btn {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1200px) {
  .checkout-popup__btn:hover .checkout-popup__btn-icon {
    color: #E02020;
  }
}

.checkout-popup__btn-text {
  font-size: 1.2rem;
  font-weight: bold;
  color: #ACACAC;
}

.checkout-popup__content {
  overflow: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.checkout-popup__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
  position: absolute;
  right: 2.2rem;
  bottom: 1.7rem;
  margin: -1rem;
}

@media screen and (min-width: 1200px) {
  .checkout-popup__item:hover .checkout-popup__btns {
    opacity: 1;
  }
}

@media only screen and (max-width: 980px) {
  .checkout-popup__btns {
    opacity: 1;
    position: static;
  }
}

.checkout-popup__btns-li {
  position: relative;
  padding: 1rem;
}

.checkout-popup__item {
  position: relative;
  border: 3px solid transparent;
  padding: 2.2rem;
  -webkit-transition: background .3s, border-color .3s;
  -o-transition: background .3s, border-color .3s;
  transition: background .3s, border-color .3s;
}

@media screen and (min-width: 1200px) {
  .checkout-popup__item:hover {
    background: #F5F5F5;
    border-color: #000;
  }
}

@media only screen and (max-width: 980px) {
  .checkout-popup__item {
    background: #F5F5F5;
    border-color: #000;
  }
}

.checkout-popup__edit {
  width: 4.9rem;
  height: 3rem;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.checkout-popup__edit .btn__text {
  font-size: 1.4rem;
  font-weight: 500;
}

.checkout-popup__delete {
  width: auto;
  height: 3rem;
}

.checkout-popup .info-list__item {
  max-width: 16rem;
}

.circle-counter {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 1.9rem;
  height: 1.9rem;
  padding: 0 .55rem 0 0.55rem;
  background: #E02020;
  border-radius: 20px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(1.4rem, -1.1rem);
  -ms-transform: translate(1.4rem, -1.1rem);
  transform: translate(1.4rem, -1.1rem);
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  z-index: 5;
  text-align: center;
  line-height: 100%;
}

@media only screen and (max-width: 980px) {
  .circle-counter {
    -webkit-transform: translate(1.4rem, -0.9rem);
    -ms-transform: translate(1.4rem, -0.9rem);
    transform: translate(1.4rem, -0.9rem);
  }
}

.circle-counter__span {
  height: 1.1rem;
}

.circle-icon {
  color: #000000;
  line-height: 0;
  position: relative;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .circle-icon:hover {
    color: #E02020;
  }
}

.circle-icon--eye {
  width: 2.8rem;
  height: 2.8rem;
  font-size: 2.8rem;
  line-height: 0;
}

.circle-icon--red {
  color: #E02020;
}

@media screen and (min-width: 1200px) {
  .circle-icon--red:hover {
    color: #000000;
  }
}

.circle-icon--grey {
  color: #7F7F7F;
}

@media screen and (min-width: 1200px) {
  .circle-icon--grey:hover {
    color: #000000;
  }
}

.circle-icon--red-grey {
  color: #E02020;
}

@media screen and (min-width: 1200px) {
  .circle-icon--red-grey:hover {
    color: #7F7F7F;
  }
}

.circle-icon--grey-red {
  color: #7F7F7F;
}

@media screen and (min-width: 1200px) {
  .circle-icon--grey-red:hover {
    color: #E02020;
  }
}

.circle-icon--grey-white {
  color: #777;
}

@media screen and (min-width: 1200px) {
  .circle-icon--grey-white:hover {
    color: #000;
  }
}

.circle-icon__eye-show,
.circle-icon__eye-hide {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}

.circle-icon.active .circle-icon__eye-show {
  opacity: 0;
  pointer-events: none;
}

.circle-icon__eye-hide {
  opacity: 0;
  pointer-events: none;
  color: #F3F3F3;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .circle-icon__eye-hide:hover {
    color: #000;
  }
}

.circle-icon.active .circle-icon__eye-hide {
  opacity: 1;
  pointer-events: auto;
}

.client-card {
  color: #000;
  height: 100%;
}

.client-card__header {
  font-size: 2.4rem;
  line-height: 2.9rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
}

@media only screen and (max-width: 980px) {
  .client-card__header {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

.client-card__list {
  margin: -.8rem;
}

.client-card__li {
  padding: .8rem;
}

.contact-card {
  color: #000;
}

.contact-card__header {
  background: #000;
  padding: 2.1rem 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .contact-card__header {
    padding: .9rem 1.5rem;
  }
}

.contact-card--integrator .contact-card__header {
  background: #fff;
  border-top: 0.3rem solid #000;
}

.contact-card__header--client {
  background: white !important;
  border-top: 0.3rem solid #000;
  border-bottom: .1rem solid #D8D8D8;
}

.contact-card__header-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 2rem;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 980px) {
  .contact-card__header-text {
    font-size: 1.6rem;
    padding-right: 1rem;
  }
}

.contact-card--integrator .contact-card__header-text {
  color: #000;
}

.contact-card__header-text--client {
  color: #000;
}

.contact-card__edit-btn,
.contact-card__delete-btn {
  font-size: 3.2rem;
}

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

  .contact-card__edit-btn,
  .contact-card__delete-btn {
    font-size: 2.4rem;
  }
}

.contact-card__delete-btn {
  margin-left: .8rem;
}

.contact-card__content {
  background: #fff;
  padding: 1.8rem 2.2rem 2.2rem 2.2rem;
}

@media only screen and (max-width: 980px) {
  .contact-card__content {
    padding: 1.5rem;
  }
}

.contact-card__list {
  margin: -2.2rem;
}

@media only screen and (max-width: 980px) {
  .contact-card__list {
    margin: -1.5rem;
  }
}

.contact-card__li {
  position: relative;
  padding: 2.2rem;
}

@media only screen and (max-width: 980px) {
  .contact-card__li {
    padding: 1.5rem;
  }
}

.contact-card__li:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background: #d8d8d8;
}

@media only screen and (max-width: 980px) {
  .contact-card__li:after {
    left: 1.5rem;
    right: 1.5rem;
  }
}

.contact-card--integrator .contact-card__li:last-child:after {
  display: none;
}

.contact-card--integrator .contact-card__li:first-child:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 1px;
  background: #d8d8d8;
}

@media only screen and (max-width: 980px) {
  .contact-card--integrator .contact-card__li:first-child:before {
    left: 1.5rem;
    right: 1.5rem;
  }
}

.contact-card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contact-card__key {
  font-size: 1.6rem;
  font-weight: 500;
  word-break: break-all;
  width: 11rem;
}

@media only screen and (max-width: 980px) {
  .contact-card__key {
    font-size: 1.2rem;
    width: 8.3rem;
  }
}

.contact-card__value {
  font-size: 1.4rem;
  padding-left: 6rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  word-break: break-all;
}

@media only screen and (max-width: 980px) {
  .contact-card__value {
    font-size: 1.2rem;
    padding-left: 1.8rem;
  }
}

.container {
  margin: 0 auto;
  padding: 0 2rem;
}

@media only screen and (max-width: 980px) {
  .container {
    max-width: 100%;
    padding: 0 1.5rem;
  }
}

.bundle-form__text {
  margin-top: .7rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.2rem;
}

.bundle-form-wrapper {
  min-width: 75.5rem;
}

@media only screen and (max-width: 980px) {
  .bundle-form-wrapper {
    min-width: auto;
  }
}

.bundle-form-wrapper .bundle-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 980px) {
  .bundle-form-wrapper .bundle-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.bundle-form--column {
  width: 100%;
  max-width: 35rem;
}

@media only screen and (max-width: 980px) {
  .bundle-form--column {
    margin-bottom: .8rem;
  }

  .bundle-form--column:last-child {
    margin-bottom: 0;
  }
}

.bundle-form--column:last-child {
  margin-left: 5rem;
}

@media only screen and (max-width: 980px) {
  .bundle-form--column:last-child {
    margin-left: 0;
  }
}

.bundle-form--column .bundle-form--image {
  position: relative;
  display: inline-block;
}

.bundle-form--column .bundle-form--image img {
  width: 23.5rem;
}

@media screen and (min-width: 1200px) {
  .bundle-form--column .bundle-form--image:hover .bundle-form--add {
    background: black;
  }
}

.bundle-form--column .bundle-form--add {
  position: absolute;
  width: 34px;
  height: 34px;
  background: #e02121;
  bottom: 1.5rem;
  right: 1.5rem;
  border-radius: 100%;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
}

.bundle-form--column .bundle-form--add:before {
  content: '';
  color: #fff;
  background: url(../svg_icons/pluse-white.svg);
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 980px) {
  .bundle-form--column {
    max-width: 100%;
  }
}

.bundle-form--input textarea.field {
  height: 8.5rem;
}

.bundle-form--input:last-child {
  margin-top: 2rem;
}

.bundle-form--input .field--textarea {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.25);
  height: 8.4rem;
  min-height: 8rem;
}

@media only screen and (max-width: 980px) {
  .bundle-form--input .field--textarea {
    min-height: 14.9rem;
  }
}

.counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border-radius: 1px;
  height: 3.3rem;
}

.counter--default {
  height: 4rem;
}

.counter__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #000;
  padding: 0 .6rem;
  height: 100%;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -webkit-transition: border-color .3s;
  -o-transition: border-color .3s;
  transition: border-color .3s;
}

@media screen and (min-width: 1200px) {
  .counter__cart:hover+.counter__main {
    border-color: #E02020;
  }
}

.counter__btn {
  line-height: 0;
  position: relative;
  width: .9rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.counter__btn--prev {
  margin-right: .2rem;
}

.counter__btn--next {
  margin-left: .2rem;
}

.counter__icon {
  width: .9rem;
  height: .9rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}

.counter__icon--default {
  opacity: 1;
}

@media screen and (min-width: 1200px) {
  .counter__btn:hover .counter__icon--default {
    opacity: 0;
  }
}

.counter__icon--hover {
  opacity: 0;
}

@media screen and (min-width: 1200px) {
  .counter__btn:hover .counter__icon--hover {
    opacity: 1;
  }
}

.counter__number-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.counter__number {
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  width: 4rem;
  padding: 0 .5rem;
}

.counter--default .counter__number {
  margin: 0 1.6rem;
}

.counter__cart {
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 .9rem 0 .7rem;
  height: 100%;
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

@media screen and (min-width: 1200px) {
  .counter__cart:hover {
    background: #E02020;
  }
}

.counter__cart-text {
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  margin-left: .7rem;
}

@media only screen and (max-width: 980px) {
  .counter__cart-text {
    display: none;
  }
}

.create-invoice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 2rem 0;
}

@media only screen and (max-width: 980px) {
  .create-invoice {
    margin: 1.2rem 0;
  }
}

.create-invoice__add-file {
  width: 23.1rem;
}

@media only screen and (max-width: 980px) {
  .create-invoice__add-file {
    margin-bottom: 1.2rem;
  }
}

.create-invoice__add-file .btn__icon {
  font-size: 1.9rem;
  margin-right: 1.5rem;
}

.create-invoice__field {
  width: 28rem !important;
  margin-left: 3rem;
}

@media only screen and (max-width: 980px) {
  .create-invoice__field {
    margin-bottom: .6rem;
  }
}

.create-invoice__submit {
  width: 22rem;
  margin-left: 1rem;
}

.create-invoice__add-file,
.create-invoice__field,
.create-invoice__submit {
  height: 4.4rem;
}

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

  .create-invoice__add-file,
  .create-invoice__field,
  .create-invoice__submit {
    width: 100% !important;
    margin-left: 0;
  }
}

.creation-update {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #000;
  margin-bottom: 5rem;
}

.creation-update__img-col {
  width: 50rem;
}

.creation-update__content-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 5.2rem;
}

.creation-update__img-header {
  margin: 0 !important;
}

.creation-update__desc {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: #b2b2b2;
}

.creation-update__desc--content {
  margin-bottom: 2.3rem;
}

.creation-update__img-box {
  overflow: hidden;
  margin-top: 1.5rem;
}

.creation-update__content-header {
  margin: 0 !important;
}

.creation-update__content-list {
  margin: -2.2rem;
}

.creation-update__content-li {
  padding: 2.2rem;
}

.creation-update__attr-list {
  margin: -.6rem;
}

.creation-update__attr-li {
  padding: .6rem;
}

.creation-update__attr-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: #000;
}

.creation-update__key {
  margin-right: .7rem;
  color: rgba(0, 0, 0, 0.5);
}

.delegation-card__header {
  background: #000;
  padding: 2.5rem 2.2rem;
  font-size: 2rem;
  line-height: 2.4rem;
  color: #fff;
  font-weight: bold;
}

@media only screen and (max-width: 980px) {
  .delegation-card__header {
    font-size: 1.6rem;
    line-height: 1.9rem;
    padding: 1.55rem 1.5rem;
  }
}

.delegation-card__content {
  padding: 2rem 2rem 2rem 2rem;
  background: #fff;
}

@media only screen and (max-width: 980px) {
  .delegation-card__content {
    padding: 2.1rem 1.5rem 1.5rem 1.5rem;
  }
}

.delegation-card__title {
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 500;
  padding-bottom: 1.2rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #CDCDCD;
}

.delegation-card__title--login {
  margin-bottom: 2rem;
}

@media only screen and (max-width: 980px) {
  .delegation-card__title {
    font-size: 1.4rem;
    line-height: 1.7rem;
    margin-bottom: 1.4rem;
  }
}

.delegation-card__search {
  margin-bottom: 2.7rem;
}

@media only screen and (max-width: 980px) {
  .delegation-card__search {
    margin-bottom: 2rem;
  }
}

.delegation-card__search-list {
  margin: -1.3rem;
}

@media only screen and (max-width: 980px) {
  .delegation-card__search-list {
    margin: -1rem;
  }
}

.delegation-card__search-li {
  position: relative;
  padding: 1.3rem;
}

@media only screen and (max-width: 980px) {
  .delegation-card__search-li {
    padding: 1rem;
  }
}

.delegation-card__search-li:after {
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  left: 1.3rem;
  right: 1.3rem;
  height: 1px;
  background: #CDCDCD;
}

@media only screen and (max-width: 980px) {
  .delegation-card__search-li:after {
    left: 1rem;
    right: 1rem;
  }
}

.delegation-card__search-li:last-child:after {
  display: none;
}

.delegation-card__login-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -2.75rem;
}

@media screen and (max-width: 1440px) {
  .delegation-card__login-list {
    margin: -1rem;
  }
}

@media only screen and (max-width: 980px) {
  .delegation-card__login-list {
    margin: -2.6rem;
  }
}

.delegation-card__login-li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 2.75rem;
}

.delegation-card__login-li:first-child {
  width: 54%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

@media only screen and (max-width: 980px) {
  .delegation-card__login-li:first-child {
    width: 100%;
  }
}

@media screen and (max-width: 1440px) {
  .delegation-card__login-li {
    padding: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media only screen and (max-width: 980px) {
  .delegation-card__login-li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding: 2.6rem;
  }
}

.delegation-card__login-item-list {
  margin: -2.1rem;
}

@media only screen and (max-width: 980px) {
  .delegation-card__login-item-list {
    margin: -1.5rem;
  }
}

.delegation-card__login-item-li {
  position: relative;
  padding: 2.1rem;
}

@media only screen and (max-width: 980px) {
  .delegation-card__login-item-li {
    padding: 1.5rem;
  }
}

.delegation-card__login-item-li:after {
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  left: 2.3rem;
  right: 2.3rem;
  height: 1px;
  background: #CDCDCD;
}

@media only screen and (max-width: 980px) {
  .delegation-card__login-item-li:after {
    left: 1.5rem;
    right: 1.5rem;
  }
}

.delegation-card__login-item-li:last-child:after {
  display: none;
}

.popup--delete-bundle .popup__btn-list button {
  height: 4.4rem;
}

.popup--delete-bundle .popup__btn-list .popup__btn-move {
  width: 11.5rem;
}

.department-list {
  margin-bottom: 5rem;
}

@media only screen and (max-width: 980px) {
  .department-list {
    margin-bottom: 4rem;
  }
}

.department-list__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -.6rem -2.5rem;
}

.department-list__li {
  padding: .6rem 2.5rem;
}

.department-list__li--50 {
  width: calc(100% / 2);
}

.error-block {
  padding: 1.5rem 6rem;
  background: #FFF9F9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #d8d8d8;
  border-width: 1px 0;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

@media only screen and (max-width: 980px) {
  .error-block {
    padding: 1.5rem;
  }
}

.error-block__icon-box {
  margin-right: 3rem;
  font-size: 3.4rem;
  color: #E02020;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .error-block:hover .error-block__icon-box {
    color: #000;
  }
}

@media only screen and (max-width: 980px) {
  .error-block__icon-box {
    display: none;
  }
}

.error-block__list {
  margin: -.3rem;
}

.error-block__li {
  padding: .3rem;
}

.error-block__item {
  font-size: 1.4rem;
  color: #e02020;
}

.field {
  width: 100%;
  height: 4.4rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: 0 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #000;
  -webkit-transition: border-color .3s;
  -o-transition: border-color .3s;
  transition: border-color .3s;
}

@media only screen and (max-width: 980px) {
  .field {
    padding-left: 1.5rem;
    padding-right: 6rem;
  }
}

.field--file {
  display: none;
}

.field::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.field::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.field::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.field::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.field--textarea {
  min-height: 11rem;
  resize: vertical;
  padding: 1.6rem;
}

@media only screen and (max-width: 980px) {
  .field--textarea {
    padding: 1.5rem;
  }
}

.field__input-with-buttons {
  width: 100%;
  height: 100%;
  padding: 1.4rem 16rem 1.4rem 1.7rem;
}

@media only screen and (max-width: 980px) {
  .field__input-with-buttons {
    padding-right: 11rem;
  }
}

.file-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}

@media only screen and (max-width: 980px) {
  .file-line {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
    padding: 0 0 0 1.5rem;
  }
}

.file-line__input {
  display: none;
}

.file-line__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -3.3rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 2rem;
}

@media screen and (max-width: 1440px) {
  .file-line__list {
    margin: -1.3rem;
  }
}

@media only screen and (max-width: 980px) {
  .file-line__list {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-right: 0;
    margin: -0rem;
  }
}

.file-line__li {
  padding: 3.3rem;
}

@media screen and (max-width: 1440px) {
  .file-line__li {
    padding: 1.3rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media only screen and (max-width: 980px) {
  .file-line__li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0rem;
    overflow: auto;
    white-space: nowrap;
    position: relative;
  }
}

@media screen and (max-width: 600px) {
  .file-line__li:after {
    display: block;
    content: '';
    width: 3rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../img/css/file-line-grad.png) no-repeat center;
    background-size: 100% auto;
  }
}

.file-line__li:first-child {
  width: 50.8rem;
}

@media screen and (max-width: 1440px) {
  .file-line__li:first-child {
    width: 26.6rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}

@media only screen and (max-width: 980px) {
  .file-line__li:first-child {
    width: 100%;
  }

  .file-line__li:first-child:after {
    display: none;
  }
}

.file-line__item {
  font-size: 1.4rem;
}

@media only screen and (max-width: 980px) {
  .file-line__item {
    overflow: auto;
    white-space: nowrap;
  }
}

.file-line__li:first-child .file-line__item {
  font-size: 1.6rem;
  font-weight: 500;
}

@media only screen and (max-width: 980px) {
  .file-line__li:first-child .file-line__item {
    overflow: hidden;
    white-space: normal;
  }
}

@media only screen and (max-width: 980px) {
  .file-line__text {
    position: relative;
  }

  .file-line__text:after {
    display: inline-block;
    content: '';
    width: 2rem;
    height: 2rem;
  }

  .file-line__li:first-child .file-line__text:after {
    display: none;
  }
}

.file-line__btn-col {
  line-height: 0;
}

@media only screen and (max-width: 980px) {
  .file-line__btn-col {
    margin-top: .8rem;
  }
}

.file-line__btn {
  font-size: 3.6rem;
  pointer-events: none;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .file-line:hover .file-line__btn {
    color: #E02020;
  }
}

.filter {
  position: relative;
}

.filter__header {
  font-size: 1.3rem;
  font-weight: bold;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 1.2rem;
}

.filter__btn {
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.3rem;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .filter__btn:hover {
    color: #E02020;
  }
}

.filter__btn--close {
  display: none;
  position: absolute;
  right: 0;
  bottom: 1.1rem;
}

.filter.active .filter__btn--close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filter__btn-icon {
  margin-left: .8rem;
  font-size: 1.3rem;
}

.filter.active .filter__btn-icon {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.filter__content {
  display: none;
}

.filter.active .filter__content {
  display: block;
}

.filter.active .filter__btn-text--expand {
  display: none;
}

.filter__btn-text--minimize {
  display: none;
}

.filter.active .filter__btn-text--minimize {
  display: inline;
}

.filter__list {
  margin: -1.2rem;
}

.filter__li {
  position: relative;
  padding: 1.2rem;
}

.filter__li:after {
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 1.2rem;
  right: 1.2rem;
  height: 1px;
  background: #D8D8D8;
}

.filter__li:last-child:after {
  display: none;
}

.filter__checkbox-title {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: normal;
  color: #000;
  margin-bottom: 1.2rem;
}

.filter__checkbox-list {
  margin: -.5rem;
}

.filter__checkbox-li {
  padding: .5rem;
}

.filter__li:last-child .filter__checkbox-li:last-child .checkbox {
  padding-right: 9rem;
}

.form-list__list {
  margin: -1rem;
}

.form-list__li {
  padding: 1rem;
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.icon-toggle-active,
.icon-toggle {
  font-size: 5.4rem;
}

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

  .icon-toggle-active,
  .icon-toggle {
    font-size: 4.4rem;
  }
}

.img-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.5rem;
}

@media only screen and (max-width: 980px) {
  .img-list {
    margin: -.5rem;
  }
}

.img-list__li {
  padding: 1.5rem;
  width: calc(100% / 2);
}

@media only screen and (max-width: 980px) {
  .img-list__li {
    padding: .5rem;
    min-width: 23.5rem;
  }
}

.info-list {
  margin: -.4rem;
}

@media only screen and (max-width: 980px) {
  .info-list {
    margin: -.4rem;
  }
}

.info-list__li {
  padding: .4rem;
}

@media only screen and (max-width: 980px) {
  .info-list__li {
    padding: .4rem;
  }
}

.info-list__item {
  font-size: 1.4rem;
}

.integrator-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .integrator-btns {
    display: block;
  }
}

.integrator-btns--client {
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.integrator-btns--margin-top {
  margin-top: 6rem;
}

@media screen and (max-width: 1440px) {
  .integrator-btns--margin-top {
    margin-top: 2.8rem;
  }
}

@media only screen and (max-width: 980px) {
  .integrator-btns--margin-top {
    margin-top: 2rem;
  }
}

.integrator-btns__list {
  margin: -1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 980px) {
  .integrator-btns__list {
    display: block;
    margin: 0;
  }
}

.integrator-btns__li {
  padding: 1.5rem;
}

@media only screen and (max-width: 980px) {
  .integrator-btns__li {
    padding: 0;
    margin-bottom: 1.5rem;
  }
}

@media only screen and (max-width: 980px) {
  .integrator-btns__list:last-child .integrator-btns__li:last-child {
    margin-bottom: 0;
  }
}

.integrator-btns .btn--send-back {
  min-width: 12rem;
}

.integrator-btns .btn--terminate {
  min-width: 17.1rem;
}

.integrator-btns .btn--prev {
  min-width: 13.1rem;
}

.integrator-btns .btn--approve {
  min-width: 22rem;
}

.label-field {
  display: block;
  position: relative;
}

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

  .label-field:hover .field,
  .label-field:hover .select__btn {
    border-color: #000;
  }
}

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

  .label-field--disabled:hover .field,
  .label-field--disabled:hover .select__btn {
    border-color: rgba(0, 0, 0, 0.25);
  }
}

.label-field--border-bottom {
  height: 5.6rem;
}

.label-field--border-bottom .field {
  height: 100%;
  padding-left: 0;
  border-width: 0 0 1px 0;
}

.label-field--disabled .select__btn {
  background: none !important;
}

.label-field--disabled .field,
.label-field--disabled .select {
  background: #F2F2F2;
  pointer-events: none;
}

.label-field--disabled .field__btn,
.label-field--disabled .select__btn {
  background: #F2F2F2;
}

.label-field--disabled .field::-webkit-input-placeholder,
.label-field--disabled .select::-webkit-input-placeholder {
  color: #000;
}

.label-field--disabled .field::-moz-placeholder,
.label-field--disabled .select::-moz-placeholder {
  color: #000;
}

.label-field--disabled .field::-ms-input-placeholder,
.label-field--disabled .select::-ms-input-placeholder {
  color: #000;
}

.label-field--disabled .field::placeholder,
.label-field--disabled .select::placeholder {
  color: #000;
}

.label-field--edit-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.label-field--edit-btn .field {
  width: calc(100% - 4.2rem);
}

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

  .label-field--phone:hover .field,
  .label-field--phone:hover .select__btn {
    border-color: rgba(0, 0, 0, 0.25);
  }
}

@media screen and (min-width: 1200px) {
  .label-field--phone .field:hover {
    border-color: #000;
  }
}

@media only screen and (max-width: 980px) {
  .label-field--phone .field {
    padding: 0 1.5rem;
  }
}

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

  .label-field--date:hover .field,
  .label-field--date:hover .select__btn {
    border-color: rgba(0, 0, 0, 0.25);
  }
}

@media screen and (min-width: 1200px) {
  .label-field--date .field:hover {
    border-color: #000;
  }
}

@media only screen and (max-width: 980px) {
  .label-field--date .field {
    padding: 0 1.5rem;
  }
}

.label-field__header {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: .5rem;
}

.label-field--disabled .label-field__header {
  pointer-events: none;
}

.label-field__area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 5.1rem;
  padding: 1.5rem 7.15rem 0 1.5rem;
  border: 1px solid #B7B7B7;
  border-radius: 5px;
}

.label-field__icon-wrap {
  position: absolute;
  right: .8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  color: #ffffff;
  background: #E02020;
  border-radius: 50%;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
}

@media screen and (min-width: 1200px) {
  .label-field__icon-wrap:hover {
    background: #000000;
    cursor: pointer;
  }
}

.label-field__text {
  display: block;
  font-size: 1.4rem;
  line-height: 100%;
  font-weight: 500;
}

.label-field__file {
  margin-left: auto;
  color: #E02020;
}

.label-field__edit-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 4.2rem;
  background: #6D7278;
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
}

@media screen and (min-width: 1200px) {
  .label-field__edit-btn:hover {
    background: #E02020;
  }
}

.label-field__btn {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.label-field__btn-plus {
  width: 3.4rem;
  height: 3.4rem;
}

.label-field__btn-plus .icon {
  font-size: 2.2rem;
}

.label-field__phone-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.label-field__pre-number {
  width: 7.6rem;
  margin-right: 2rem;
}

.label-field__number {
  width: calc(100% - 9.6rem);
}

.label-field__date-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -.5rem;
}

@media only screen and (max-width: 980px) {
  .label-field__date-col {
    display: block;
  }
}

.label-field__date-wrap {
  position: relative;
  width: calc(100% / 2);
  padding: .5rem;
  color: #979797;
  cursor: pointer;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media only screen and (max-width: 980px) {
  .label-field__date-wrap {
    width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .label-field__date-wrap:hover {
    color: #000;
  }
}

.label-field__field--date-input {
  padding-right: 3rem;
}

@media only screen and (max-width: 980px) {
  .label-field__field--date-input {
    padding-right: 3rem;
  }
}

.label-field__date-btn {
  line-height: 0;
  display: block;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.label-field__wrapper {
  width: 100%;
  position: relative;
  height: 5.4rem;
}

.label-field__button-wrapper {
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  right: 1rem;
  width: auto;
  max-width: 40rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.label-list__item-header {
  margin: 5rem 0 2.5rem 0;
  font-size: 2.6rem;
  line-height: 4.8rem;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
}

@media only screen and (max-width: 980px) {
  .label-list__item-header {
    margin: 3rem 0 2rem;
    font-size: 2rem;
    line-height: 2.6rem;
  }
}

.label-list__button-wrapper {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.5rem;
}

.label-list__button-text {
  font-size: 1.6rem;
  line-height: 1.9rem;
}

@media only screen and (max-width: 980px) {
  .label-list__button-text {
    font-size: 1.3rem;
  }
}

.label-list__button-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  background: transparent;
}

.label-list__button-col--left .label-list__button-text--add {
  margin-right: 0;
  margin-left: 1.5rem;
}

@media only screen and (max-width: 980px) {
  .label-list__button-col--left .label-list__button-text--add {
    margin-left: 0.5rem;
  }
}

.label-list__button-col--right .label-list__button-text--toggle {
  margin-right: 1.5rem;
  margin-left: 0;
}

@media only screen and (max-width: 980px) {
  .label-list__button-col--right .label-list__button-text--toggle {
    margin-right: 0.5rem;
  }
}

.links__list {
  margin: -2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.links__li {
  position: relative;
  padding: 2rem;
  width: calc(100% / 3);
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.links__item {
  height: 100%;
  border: 2px solid #000;
  padding: 2rem;
}

.links__header {
  font-size: 3rem;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.links__item-list {
  margin: -0.5rem;
}

.links__item-li {
  position: relative;
  padding: 0.5rem;
}

.links__item-li:after {
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0.5rem;
  right: 0.5rem;
  height: 1px;
  background: rgba(0, 0, 0, 0.5);
}

.links__item-li:last-child:after {
  display: none;
}

.links__link {
  font-size: 1.8rem;
  line-height: normal;
  color: #000;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  text-transform: uppercase;
}

@media screen and (min-width: 1200px) {
  .links__link:hover {
    color: #E02020;
  }
}

.list-email__title {
  margin: 0 0 .3rem;
  font-size: 1.1rem;
  line-height: 100%;
  color: #9299a2;
}

@media screen and (max-width: 1440px) {
  .list-email__title {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 980px) {
  .list-email__title {
    margin-bottom: 0rem;
  }
}

.list-email__content {
  padding-left: .1rem;
}

.list-email__text {
  margin: 0;
  font-size: 1.3rem;
  line-height: 2rem;
}

@media screen and (max-width: 1440px) {
  .list-email__text {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 980px) {
  .list-email__text {
    line-height: 100%;
  }
}

.list-email__item {
  display: none;
  margin-bottom: .4rem;
}

@media only screen and (max-width: 980px) {
  .list-email__item {
    margin-bottom: .8rem;
  }
}

.list-email__item:nth-child(3) {
  margin-bottom: 0;
}

.active .list-email__item:nth-child(3) {
  margin-bottom: .4rem;
}

.list-email__list--short .list-email__item:nth-child(1) {
  margin-bottom: 0;
}

.active.list-email__list--short .list-email__item:nth-child(1) {
  margin-bottom: .4rem;
}

.list-email__item:last-child,
.active .list-email__item:last-child {
  margin-bottom: 0;
}

.list-email__item:nth-child(1),
.list-email__item:nth-child(2),
.list-email__item:nth-child(3) {
  display: block;
}

.list-email__list--short .list-email__item:nth-child(2),
.list-email__list--short .list-email__item:nth-child(3) {
  display: none;
}

.active .list-email__item,
.active .list-email__list--short .list-email__item {
  display: block;
}

.list-email__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -.75rem;
}

.list-email__btn {
  padding: 1rem .75rem .5rem;
}

.list-email__more {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.list-email__more-text {
  margin: .4rem 0 0;
  font-size: 11px;
  color: black;
  border-bottom: .1rem dashed black;
  -webkit-transition: border-color .3s, color .3s;
  -o-transition: border-color .3s, color .3s;
  transition: border-color .3s, color .3s;
}

.list-email__more-text:nth-child(2) {
  display: none;
}

.active .list-email__more-text:nth-child(2) {
  display: block;
}

.active .list-email__more-text:nth-child(1) {
  display: none;
}

@media screen and (min-width: 1200px) {
  .list-email__more-text:hover {
    border-bottom: .1rem dashed transparent;
    cursor: pointer;
    color: #e02020;
  }
}

.mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  z-index: 999;
  padding-top: 1.2rem;
  overflow: auto;
  overflow-x: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  max-height: 100vh;
  max-width: 100vw;
}

.mobile-menu.active {
  opacity: 1;
  pointer-events: auto;
}

.mobile-menu__container {
  padding: 0 1.3rem;
}

.mobile-menu__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3rem;
}

.mobile-menu__close {
  line-height: 0;
}

.mobile-menu__close-icon {
  font-size: 1.6rem;
  color: #fff;
}

.mobile-menu__welcome {
  margin-left: auto !important;
}

@media only screen and (max-width: 980px) {
  .mobile-menu .page-header__location {
    margin: 0 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 980px) {
  .mobile-menu .page-header__profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin-right: -.2rem;
    margin-left: 2.8rem;
  }
}

@media only screen and (max-width: 980px) {
  .mobile-menu .page-header__profile-icon {
    margin-right: 0;
  }
}

@media only screen and (max-width: 980px) {
  .mobile-menu .page-header__profile-text {
    display: none;
  }
}

.mobile-menu__profile {
  margin-left: 2rem;
}

.mobile-menu__content {
  padding: 0 1.3rem;
}

.mobile-menu__select-list {
  margin: -.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5rem;
}

.mobile-menu__select-li {
  padding: .5rem;
}

.mobile-menu__list {
  margin: -.8rem;
}

.mobile-menu__li {
  padding: .8rem;
}

.mobile-menu__title {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: .2rem;
}

.mobile-menu__links {
  margin: -.3rem;
}

.mobile-menu__links-li {
  padding: .3rem;
}

.mobile-menu__link {
  font-family: 'Circe';
  font-size: 1.4rem;
  color: #b6b6b6;
}

.my-bundle-table {
  counter-reset: item;
  width: calc(100% + 12rem);
  margin-left: -6rem;
  padding: 0 6rem 0 2rem;
  border: 1px solid #e5e5e5;
  border-width: 1px 0 1px 0;
}

@media only screen and (max-width: 980px) {
  .my-bundle-table {
    width: auto;
    margin-left: 0;
    padding: 0;
    border: 0;
  }
}

.my-bundle-table .my-bundle-table__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  counter-increment: item;
  padding: 2.1rem 0;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}

.my-bundle-table .my-bundle-table__item:last-child {
  border: none;
}

@media only screen and (max-width: 980px) {
  .my-bundle-table .my-bundle-table__item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #d8d8d8;
    padding: 3.4rem 10 2.7rem;
    margin-left: 0;
  }

  .my-bundle-table .my-bundle-table__item:last-child {
    border-bottom: 1px solid #d8d8d8;
  }
}

.my-bundle-table .my-bundle-table__item--img {
  width: 11rem;
  height: 11rem;
  margin-left: 1rem;
}

.my-bundle-table .my-bundle-table__item--img .my-bundle-table__img-wrapper {
  height: 100%;
}

.my-bundle-table .my-bundle-table__item--name {
  font-weight: normal;
  font-size: 14px;
  max-width: 25.5rem;
  padding-left: 1.8rem;
}

.my-bundle-table .my-bundle-table__item--name p {
  color: #9299A2;
  font-size: 11px;
  margin-top: 1rem;
}

.my-bundle-table .my-bundle-table__item--name .my-bundle-table--name-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.my-bundle-table .my-bundle-table__item--num {
  width: 3rem;
  position: relative;
}

.my-bundle-table .my-bundle-table__item--num:before {
  content: counter(item);
  position: absolute;
  background: #D8D8D8;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  line-height: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 980px) {
  .my-bundle-table .my-bundle-table__item--num:before {
    top: 2.4rem;
  }
}

@media only screen and (max-width: 980px) {
  .my-bundle-table .my-bundle-table__item--num {
    position: absolute;
    top: -1px;
  }
}

@media only screen and (max-width: 980px) {
  .my-bundle-table .my-bundle-table__img-box {
    width: 11rem;
    height: 11rem;
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .my-bundle-table .my-bundle-table__item--name {
    width: calc(100% - 12rem);
    max-width: 100%;
  }
}

.my-bundle-table .my-bundle-table__item--amount {
  font-size: 18px;
  margin-left: 6rem;
}

@media only screen and (max-width: 980px) {
  .my-bundle-table .my-bundle-table__item--amount {
    margin-top: 2rem;
    margin-left: auto;
  }
}

.my-bundle-table .my-bundle-table__item--quantity {
  margin-left: 6.9rem;
}

@media only screen and (max-width: 980px) {
  .my-bundle-table .my-bundle-table__item--quantity {
    margin-left: 0;
    margin-top: 2rem;
  }
}

.my-bundle-table .my-bundle-table__item--quantity .counter .counter__number {
  width: 3.4rem;
}

.my-bundle-table .my-bundle-table__item--delete {
  text-align: center;
  margin-left: 5rem;
  color: #fff;
}

@media only screen and (max-width: 980px) {
  .my-bundle-table .my-bundle-table__item--delete {
    margin-left: 1.5rem;
    margin-top: 2rem;
  }
}

.my-bundle-table .my-bundle-table__item--delete .icon-trash {
  width: 8px;
  height: 13px;
  padding: 0;
  border-radius: 0;
}

.navigation-menu {
  color: #000;
  margin-left: -2rem;
  width: calc(100% + 4rem);
  border-bottom: 1px solid #C9C9C9;
  padding: 0 2rem;
  margin-bottom: 5.5rem;
}

@media only screen and (max-width: 980px) {
  .navigation-menu {
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
    margin-bottom: 2.5rem;
    padding: 0 0 0 1.5rem;
  }
}

.navigation-menu--integrator {
  margin-bottom: 0;
  border-bottom: none;
}

.navigation-menu--fixed .navigation-menu__li {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.navigation-menu--fixed .navigation-menu__btn {
  padding: 0 55px;
}

.navigation-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 980px) {
  .navigation-menu__list {
    display: block;
    overflow: auto;
    white-space: nowrap;
    font-size: 0;
  }
}

.navigation-menu--center .navigation-menu__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.navigation-menu__li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 980px) {
  .navigation-menu__li {
    display: inline-block;
  }
}

.navigation-menu__btn {
  width: 100%;
  height: 6.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px 5px 0 0;
  border: 1px solid #EAEAEA;
  border-width: 1px 1px 0 0px;
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 500;
  -webkit-transition: background .3s, color .3s;
  -o-transition: background .3s, color .3s;
  transition: background .3s, color .3s;
}

@media only screen and (max-width: 980px) {
  .navigation-menu__btn {
    height: 4.8rem;
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding: 0 2.7rem;
  }
}

.navigation-menu__li.active .navigation-menu__btn {
  background: #EAEAEA;
}

@media screen and (min-width: 1200px) {
  .navigation-menu__btn:hover {
    color: #E02020;
  }
}

.navigation-menu__btn:first-child {
  border-width: 1px 1px 0 1px;
}

.navigation-menu__text {
  margin-right: .8rem;
}

.navigation-menu__counter {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.new-site__name {
  width: 100%;
  max-width: 35rem;
  margin-bottom: 2.7rem;
}

@media only screen and (max-width: 980px) {
  .new-site__name {
    max-width: none;
  }
}

.new-site__title {
  margin: 0 0 1.5rem;
  font-size: 2.4rem;
  line-height: 200%;
  font-weight: 700;
}

.new-site__big-list {
  margin: -4rem 0;
}

.new-site__big-item {
  padding: 4rem 0;
  border-bottom: 3px solid #000000;
}

.new-site__big-item:last-child {
  border-bottom: 0;
}

.new-site__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -.5rem -2.5rem;
}

.new-site__list--email {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.new-site__item {
  width: 50%;
  padding: .5rem 2.5rem;
}

.new-site__item--long {
  width: 100%;
}

@media only screen and (max-width: 980px) {
  .new-site__item {
    width: 100%;
  }
}

.new-site__input {
  width: 100%;
}

.new-site__footer {
  margin-top: 4rem;
}

.new-site__footer::before {
  content: '';
  display: block;
  width: 100%;
  margin-bottom: 3.8rem;
  height: 3px;
  background: #000000;
}

.new-site__btn {
  margin-top: 1rem;
}

.notification-menu {
  margin-bottom: 3.3rem;
}

.notification-menu::after {
  content: '';
  display: block;
  width: calc(100% + 4rem);
  height: 1px;
  margin-left: -2rem;
  background: #D5D5D5;
}

@media only screen and (max-width: 980px) {
  .notification-menu::after {
    display: none;
  }
}

.notification-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 980px) {
  .notification-menu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #EAEAEA;
  }
}

.notification-menu__item {
  border-radius: 5px 5px 0 0;
  border: 1px solid #EAEAEA;
}

.notification-menu__item.active {
  background: #EAEAEA;
  border-color: transparent;
}

@media screen and (min-width: 1200px) {
  .notification-menu__item:hover .notification-menu__text {
    color: #E02020;
  }
}

@media only screen and (max-width: 980px) {
  .notification-menu__item {
    border-radius: 0;
    border: 0;
  }
}

.notification-menu__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 21px 55px 24px;
}

@media only screen and (max-width: 980px) {
  .notification-menu__button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 11px 0;
  }
}

.notification-menu__text {
  margin-right: .8rem;
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  line-height: 100%;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.notification-menu__counter {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.option-list__item {
  margin: 0 0 1.3rem 0;
}

.order-card {
  background: #fff;
  padding: 0rem 0 1.5rem;
  width: 26.5rem;
  white-space: normal;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 3px solid transparent;
  -webkit-transition: border-color .3s;
  -o-transition: border-color .3s;
  transition: border-color .3s;
}

@media screen and (min-width: 1200px) {
  .order-card:hover {
    border-color: #000;
  }
}

@media only screen and (max-width: 980px) {
  .order-card {
    width: 19.4rem;
  }
}

.order-card--horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  padding: 1rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.order-card__content {
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.order-card--horizontal .order-card__content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: auto;
}

.order-card__img-box {
  height: 20.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2.6rem;
}

@media only screen and (max-width: 980px) {
  .order-card__img-box {
    height: 14.8rem;
    margin-bottom: 3.7rem;
  }
}

.order-card--horizontal .order-card__img-box {
  width: 11.5rem;
  height: 10.1rem;
  margin: 0;
}

.order-card__img {
  max-width: 90%;
  max-height: 90%;
  height: auto;
}

.order-card__price {
  font-size: 1.7rem;
  font-weight: 500;
  color: #E02020;
  margin-bottom: .7rem;
}

@media only screen and (max-width: 980px) {
  .order-card__price {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}

.order-card--horizontal .order-card__price {
  width: 12rem;
  margin-right: 3rem;
  line-height: 1.7rem;
}

.order-card__total-head {
  font-size: 1.1rem;
  line-height: 1.3rem;
  color: #9299a2;
  margin-bottom: .2rem;
}

@media only screen and (max-width: 980px) {
  .order-card__total-head {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}

.order-card__total-price {
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  color: #000;
  margin-bottom: .9rem;
}

@media only screen and (max-width: 980px) {
  .order-card__total-price {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

.order-card--horizontal .order-card__total-price {
  width: 10rem;
  margin-right: 1.6rem;
}

.order-card__title {
  font-size: 1.3rem;
  margin-bottom: .6rem;
}

@media only screen and (max-width: 980px) {
  .order-card__title {
    font-size: 1rem;
    line-height: 1.2rem;
    margin-bottom: 1rem;
  }
}

.order-card--horizontal .order-card__title {
  width: 24rem;
  margin-right: 8rem;
  margin-bottom: 0;
}

.order-card__desc {
  font-size: 1.2rem;
  color: #9299a2;
  margin-bottom: 1.6rem;
}

@media only screen and (max-width: 980px) {
  .order-card__desc {
    font-size: 1rem;
    line-height: 1.2rem;
    margin-bottom: 1.7rem;
  }
}

.order-card__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: auto;
}

.order-card--horizontal .order-card__list {
  display: none;
}

.order-card__info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-card__info-item {
  -ms-flex-item-align: end;
  align-self: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #C6C6C6;
  height: 3rem;
  padding: 0 1rem;
  border-radius: 2px;
}

@media only screen and (max-width: 980px) {
  .order-card__info-item {
    height: 2.7rem;
  }
}

.order-card__info-key {
  font-size: 1.3rem;
  color: #7F7F7F;
  margin-right: 1.5rem;
}

@media only screen and (max-width: 980px) {
  .order-card__info-key {
    font-size: 1.1rem;
    line-height: 1.3rem;
    margin-right: .6rem;
  }
}

.order-card__info-value {
  font-size: 1.4rem;
  font-weight: 500;
  color: #000;
}

@media only screen and (max-width: 980px) {
  .order-card__info-value {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

.order-card__list-name {
  margin-bottom: 1.2rem;
}

.order-card__text-name {
  font-size: 1.3rem;
}

.order-card__title-quantity {
  font-size: 1.1rem;
  color: #9299A2;
  margin-bottom: .8rem;
}

.order-card__list-quantity {
  margin: -.5rem 0;
}

.order-card--horizontal .order-card__list-quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.order-card__item-quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: .5rem 0;
  font-size: 1.3rem;
  border-top: 1px solid #D8D8D8;
}

.order-card--horizontal .order-card__item-quantity {
  border: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0;
  padding-left: 2rem;
}

.order-card--horizontal .order-card__item-quantity:first-child {
  padding-left: 0;
}

.order-card--horizontal .order-card__text-quantity {
  line-height: 1.7rem;
  margin: 0 0 1.2rem 0;
  white-space: nowrap;
}

.order-card__value-quantity {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 2rem;
  text-align: right;
  word-break: break-all;
}

@media only screen and (max-width: 980px) {
  .order-card__value-quantity {
    word-break: break-all;
  }
}

.order-card--horizontal .order-card__value-quantity {
  text-align: left;
  padding-left: 0;
}

.order-card__list-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.order-card--horizontal .order-card__list-column {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.order-card__title-column {
  margin-bottom: .6rem;
  font-size: 1.1rem;
  color: #9299A2;
}

.order-list__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1rem;
}

@media only screen and (max-width: 980px) {
  .order-list__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    margin: -.5rem;
  }
}

.order-list--horizontal .order-list__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: -.5rem 0;
}

.order-list__li {
  padding: 1rem;
}

@media only screen and (max-width: 980px) {
  .order-list__li {
    display: inline-block;
    padding: .5rem;
  }
}

.order-list--horizontal .order-list__li {
  padding: .5rem 0;
}

.order-list__li--horizontal {
  width: 100%;
}

.order-list__overflow {
  overflow: auto hidden;
  padding-left: 0;
  padding-right: 0;
}

.order-steps {
  margin-bottom: 3rem;
}

@media only screen and (max-width: 980px) {
  .order-steps {
    margin-bottom: 1.5rem;
  }
}

.order-steps__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 3px solid #e5e5e5;
  border-right: none;
}

@media only screen and (max-width: 980px) {
  .order-steps__list {
    display: block;
    border: none;
  }
}

.order-steps__list:before {
  display: block;
  content: '';
  position: absolute;
  top: -.3rem;
  right: 0rem;
  bottom: -.3rem;
  background: #fff;
  width: 2.1rem;
  height: 6.7rem;
  z-index: 5;
}

@media only screen and (max-width: 980px) {
  .order-steps__list:before {
    display: none;
  }
}

.order-steps__list:after {
  display: block;
  content: '';
  position: absolute;
  top: -.3rem;
  right: 0rem;
  bottom: -.3rem;
  background: url(../img/css/order-triangle.png) no-repeat center;
  background-size: cover;
  width: 2.1rem;
  height: 6.7rem;
  z-index: 10;
}

@media only screen and (max-width: 980px) {
  .order-steps__list:after {
    display: none;
  }
}

.order-steps__li {
  position: relative;
  z-index: 15;
}

@media screen and (max-width: 1279px) {
  .order-steps__li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media only screen and (max-width: 980px) {
  .order-steps__li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}

.order-steps__item {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  color: #000;
  -webkit-transition: color .3s, background .3s, border-color .3s;
  -o-transition: color .3s, background .3s, border-color .3s;
  transition: color .3s, background .3s, border-color .3s;
  height: 6.1rem;
  padding: 0 7rem;
}

@media screen and (max-width: 1279px) {
  .order-steps__item {
    padding: 0;
  }
}

@media only screen and (max-width: 980px) {
  .order-steps__item {
    height: 3.8rem;
    padding-right: 0;
    font-size: 1.4rem;
    border: 3px solid #e5e5e5;
    border-width: 0px 3px;
  }
}

@media screen and (min-width: 1200px) {
  .order-steps__item:hover {
    color: #E02020;
  }
}

@media only screen and (max-width: 980px) {
  .order-steps__li:last-child .order-steps__item {
    border-width: 0 3px 3px 3px;
  }
}

.order-steps__li.active .order-steps__item {
  color: #fff;
}

@media screen and (min-width: 1200px) {
  .order-steps__li.active .order-steps__item:hover {
    color: #E02020;
  }
}

@media only screen and (max-width: 980px) {
  .order-steps__li.active .order-steps__item {
    background: #000;
    border-color: #000;
  }
}

.order-steps__li.active .order-steps__item:after {
  background: url(../img/css/order-steps.png) no-repeat center;
  background-size: 100% 100%;
  display: block;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -.3rem;
  height: calc(100% + .6rem);
  z-index: 1;
}

@media only screen and (max-width: 980px) {
  .order-steps__li.active .order-steps__item:after {
    display: none;
  }
}

.order-steps__li.active:first-child .order-steps__item:after {
  left: -.3rem;
  background-image: url(../img/css/order-steps-first.png);
}

@media only screen and (max-width: 980px) {
  .order-steps__li.active:first-child .order-steps__item:after {
    display: none;
  }
}

@media only screen and (max-width: 980px) {
  .order-steps__li:first-child .order-steps__item {
    border-width: 3px 3px 0 3px;
  }
}

.order-steps__text {
  display: block;
  position: relative;
  z-index: 5;
  white-space: nowrap;
}

.order-steps__text--green-label,
.order-steps__text--red-label {
  padding: 0.38rem 1.2rem;
  border-radius: 13px;
  color: #fff;
}

.order-steps__text--green-label {
  background: #6DD400;
}

.order-steps__text--red-label {
  background: #E02020;
}

.order-steps__circle-counter {
  right: -.7rem;
  top: .2rem;
}

.order-summ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3.4rem 26rem 3.9rem 4.4rem;
}

.order-summ__title {
  font-size: 2.7rem;
  line-height: 110%;
  font-weight: 700;
}

.order-summ__list {
  margin-left: auto;
}

.order-summ__item {
  margin-bottom: 1.1rem;
}

.order-summ__item::after {
  content: '';
  display: block;
  width: 27.5rem;
  height: 0.1rem;
  margin-top: 0.8rem;
  margin-left: auto;
  background: rgba(0, 0, 0, 0.1);
}

.order-summ__item:last-child {
  margin-bottom: 0;
}

.order-summ__item:last-child::after {
  content: none;
}

.order-summ__item:nth-last-child(2) {
  margin-bottom: 0.5rem;
}

.order-summ__text {
  font-size: 1.7rem;
  font-weight: 500;
  text-align: right;
  color: rgba(0, 0, 0, 0.42);
}

.order-summ__item:last-child .order-summ__text {
  color: black;
}

.order-summ__name {
  display: inline-block;
  width: 18rem;
}

.order-summ__cost {
  display: inline-block;
  width: 12.6rem;
}

.order-tracking {
  color: #000;
}

.order-tracking__title {
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 1.2rem;
}

.order-tracking__tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}

@media only screen and (max-width: 980px) {
  .order-tracking__tab-li {
    width: calc(100% / 2);
  }
}

.order-tracking__tab {
  font-size: 1.6rem;
  font-weight: 500;
  min-width: 17.5rem;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #EBEBEB;
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
}

@media only screen and (max-width: 980px) {
  .order-tracking__tab {
    min-width: inherit;
    width: 100%;
    font-size: 1.4rem;
  }
}

.order-tracking__tab-li:first-child .order-tracking__tab {
  border-width: 1px 0 1px 1px;
  border-radius: 5px 0 0 5px;
}

.order-tracking__tab-li:last-child .order-tracking__tab {
  border-radius: 0 5px 5px 0;
}

.order-tracking__tab-li.active .order-tracking__tab {
  background: #EBEBEB;
}

.order-tracking__content-li {
  display: none;
}

.order-tracking__content-li.active {
  display: block;
}

.order-tracking__field-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.1rem;
  margin-bottom: .7rem;
}

@media only screen and (max-width: 980px) {
  .order-tracking__field-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -.4rem;
    margin-bottom: 2.5rem;
  }
}

.order-tracking__field-li {
  width: calc(100% / 2);
  padding: 1.1rem;
}

@media only screen and (max-width: 980px) {
  .order-tracking__field-li {
    width: 100%;
    padding: .4rem;
  }
}

.order-tracking__card-list {
  position: relative;
  padding-top: .9rem;
  margin: -1.7rem;
}

@media only screen and (max-width: 980px) {
  .order-tracking__card-list {
    margin-top: 2rem;
  }
}

.order-tracking__card-list:before {
  display: block;
  content: '';
  position: absolute;
  left: -6rem;
  right: -6rem;
  top: 0;
  height: 1px;
  background: #E9E9E9;
}

.order-tracking__card-li {
  position: relative;
  padding: 1.7rem;
}

.order-tracking__card-li:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 1px;
  background: #d8d8d8;
}

.order-tracking__card-li:last-child:after {
  display: none;
}

.order-tracking__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .order-tracking__index-col {
    width: 100%;
    margin-bottom: 1.2rem;
  }
}

.order-tracking__index {
  width: 2.4rem;
  height: 2.4rem;
  background: #D8D8D8;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
}

.order-tracking__img-wrap {
  margin-left: 2.5rem;
  overflow: hidden;
  width: 11rem;
  height: 11rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 980px) {
  .order-tracking__img-wrap {
    margin-left: 0;
    margin-bottom: 1.2rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.order-tracking__name {
  width: 25.5rem;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-left: 2.5rem;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

@media only screen and (max-width: 980px) {
  .order-tracking__name {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 2rem;
    margin-left: 0;
    font-size: 1.3rem;
  }
}

.order-tracking__quantity-col {
  margin-left: auto;
}

@media only screen and (max-width: 980px) {
  .order-tracking__quantity-col {
    width: 100%;
    margin-left: 0;
  }
}

.order-tracking__quantity {
  font-size: 1.8rem;
  font-weight: 500;
  color: #4a4a4a;
}

@media only screen and (max-width: 980px) {
  .order-tracking__quantity {
    font-size: 1.4rem;
  }
}

.order-tracking__quantity-text {
  display: none;
}

@media only screen and (max-width: 980px) {
  .order-tracking__quantity-text {
    display: inline;
  }
}

.order-tracking__head-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: -1rem;
  margin-bottom: 1.6rem;
}

@media only screen and (max-width: 980px) {
  .order-tracking__head-list {
    display: none;
  }
}

.order-tracking__head-li {
  padding: 1rem;
}

.order-tracking__head-item {
  font-size: 1.4rem;
  color: #B2B2B2;
}

.tariffs__coin {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tariffs__cell-item {
  margin-right: 30px;
  width: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tariffs__cell-item.tariffs__cell-item_price {
  -webkit-box-flex: unset;
  -ms-flex-positive: unset;
  flex-grow: unset;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: 206px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: 30px;
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .tariffs__coin {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .tariffs__cell-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: 10px;
  }

  .tariffs__cell-item.tariffs__cell-item_price {
    width: 165px;
  }

  .tariffs__title {
    font-size: 19px;
  }

  .tariffs__description {
    font-size: 13px;
  }

  .tariffs__speed-icon {
    width: 39px;
    height: 33px;
  }

  .tariffs__speed-number {
    font-size: 40px;
  }

  .tariffs__extra-title::before {
    width: 39px;
    height: 25px;
  }

  .tariffs__extra-title {
    font-size: 40px;
  }

  .tariffs__brand {
    width: 70px;
    height: 30px;
  }

  .tariffs__payment-price {
    font-size: 40px;
  }

  .tariffs__select {
    width: 40px;
    height: 40px;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.pagination__btn {
  line-height: 0;
  -webkit-transition: color .3s, -webkit-transform .3s;
  transition: color .3s, -webkit-transform .3s;
  -o-transition: transform .3s, color .3s;
  transition: transform .3s, color .3s;
  transition: transform .3s, color .3s, -webkit-transform .3s;
  color: #9299A2;
  font-size: 1.9rem;
  height: 5rem;
}

.pagination__btn--prev {
  margin-right: 2rem;
}

@media screen and (min-width: 1200px) {
  .pagination__btn--prev:hover {
    -webkit-transform: translateX(-0.5rem);
    -ms-transform: translateX(-0.5rem);
    transform: translateX(-0.5rem);
  }
}

.pagination__btn--next {
  margin-left: 2rem;
}

@media screen and (min-width: 1200px) {
  .pagination__btn--next:hover {
    -webkit-transform: translateX(0.5rem);
    -ms-transform: translateX(0.5rem);
    transform: translateX(0.5rem);
  }
}

@media screen and (min-width: 1200px) {
  .pagination__btn:hover {
    color: #E02020;
  }
}

.pagination__icon {
  stroke-width: 1;
}

.pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -.05rem;
}

.pagination__li {
  padding: .05rem;
}

.pagination__item {
  width: 5rem;
  height: 4.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #E6E6E6;
  font-family: 'Circe';
  font-size: 1.4rem;
  font-weight: bold;
  color: #4A4A4A;
  -webkit-transition: background .3s, color .3s, border-color .3s;
  -o-transition: background .3s, color .3s, border-color .3s;
  transition: background .3s, color .3s, border-color .3s;
}

.pagination__li.active .pagination__item {
  background: #F6F7F8;
}

@media screen and (min-width: 1200px) {
  .pagination__li.active .pagination__item:hover {
    background: #E02020;
  }
}

@media screen and (min-width: 1200px) {
  .pagination__item:hover {
    background: #E02020;
    color: #fff;
  }
}

.pagination__item--first-prev,
.pagination__item--prev {
  margin-right: 1px;
}

.pagination__item--last-next,
.pagination__item--next {
  margin-left: 1px;
}

.pagination__item--double-btn {
  font-size: 1.4rem;
  line-height: 0;
  color: #9299a2;
}

.pagination__item--btn {
  font-size: 1.9rem;
  color: #9299a2;
}

.popup--add-email .popup__content {
  width: 100%;
  max-width: 47rem;
}

@media only screen and (max-width: 980px) {
  .popup--add-email .popup__content {
    max-width: none;
  }
}

.popup--add-email .popup__btn-list {
  margin-left: auto;
}

@media only screen and (max-width: 980px) {
  .popup--add-email .popup__btn-list {
    margin-left: 0;
  }
}

.popup--add-email .popup__btn-li {
  width: 11.5rem;
}

@media only screen and (max-width: 980px) {
  .popup--add-email .popup__btn-li {
    width: 100%;
  }
}

.popup--add-email .add-email__list {
  margin-top: 1.5rem;
}

.popup--create-project-site .popup__content {
  width: 100%;
  max-width: 87rem;
}

@media only screen and (max-width: 980px) {
  .popup--create-project-site .popup__content {
    max-width: none;
  }
}

.popup--create-project-site .popup__btn-list {
  margin-left: auto;
}

@media only screen and (max-width: 980px) {
  .popup--create-project-site .popup__btn-list {
    max-width: none;
    margin-left: -.7rem;
  }
}

.popup--create-project-site .popup__btn-li {
  padding: 1rem;
}

.popup--create-project .popup__content {
  width: 100%;
  max-width: 49rem;
}

@media only screen and (max-width: 980px) {
  .popup--create-project .popup__content {
    max-width: none;
  }
}

.popup--create-project .popup__btn-list {
  margin: -1rem;
}

.popup--create-project .popup__btn-li {
  padding: 1rem;
}

.popup--create-project .create-project__input {
  margin-bottom: 2rem;
}

.popup--edit-project-site .popup__content {
  width: 100%;
  max-width: 87rem;
}

@media only screen and (max-width: 980px) {
  .popup--edit-project-site .popup__content {
    max-width: none;
  }
}

.popup--edit-project-site .popup__btn-list {
  margin-left: auto;
}

@media only screen and (max-width: 980px) {
  .popup--edit-project-site .popup__btn-list {
    max-width: none;
    margin-left: -.7rem;
  }
}

.popup--edit-project-site .popup__btn-li {
  padding: 1rem;
}

.popup-admin__container {
  width: 117rem !important;
}

@media only screen and (max-width: 980px) {
  .popup-admin__container {
    width: 100% !important;
  }
}

.popup-admin__add-container {
  padding: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.1);
  height: 10.9rem;
  margin: 4.4rem auto 8.2rem auto;
}

@media only screen and (max-width: 980px) {
  .popup-admin__add-container {
    margin: 2rem auto 4rem;
  }
}

@media screen and (min-width: 1200px) {
  .popup-admin__add-container:hover .popup-admin__add-icon {
    color: #E02020;
  }
}

.popup-admin__add-button {
  width: 100%;
  height: 100%;
  color: #000;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .popup-admin__add-button:hover {
    color: #E02020;
  }
}

.popup-admin__button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media screen and (max-width: 500px) {
  .popup-admin__button-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.popup-admin__add-icon {
  display: inline-block;
  text-align: center;
  width: 3.7rem;
  height: 3.6rem;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media only screen and (max-width: 980px) {
  .popup-admin__add-icon {
    width: 3rem;
    height: 3rem;
  }
}

.popup-admin__add-text {
  display: block;
  width: 100%;
  margin-top: 1.8rem;
}

@media only screen and (max-width: 980px) {
  .popup-admin__add-text {
    font-size: 1.8rem;
    margin-top: .8rem;
  }
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999;
  color: #000;
}

@media only screen and (max-width: 980px) {
  .popup {
    display: block;
    width: 100vw;
    height: 100vh;
  }
}

.popup__department-list {
  margin-bottom: 0;
}

.popup__scroll-container {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 50vh;
  padding-bottom: .9rem;
  margin-left: -6rem;
  width: calc(100% + 12rem);
  padding-left: 6rem;
  padding-right: 6rem;
  min-height: 35rem;
}

@media only screen and (max-width: 980px) {
  .popup__scroll-container {
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.popup--no-scroll-container .popup__scroll-container {
  overflow: hidden;
  max-width: none;
  max-height: none;
  min-height: inherit;
}

.popup__content {
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  max-height: 94vh;
  padding: 5rem 6rem 0 6rem;
  min-width: 61rem;
}

.popup__content:after {
  display: block;
  content: '';
  width: 100%;
  height: 5rem;
}

.popup--state .popup__content:after {
  display: none;
}

@media only screen and (max-width: 980px) {
  .popup__content:after {
    height: 3rem;
  }
}

@media only screen and (max-width: 980px) {
  .popup__content {
    padding: 3rem 1.5rem 0 1.5rem;
    width: 100%;
    height: 100%;
    min-width: auto;
    max-height: none;
  }
}

.popup--default .popup__content {
  width: 87rem;
}

@media only screen and (max-width: 980px) {
  .popup--default .popup__content {
    width: 100%;
  }
}

.popup--state .popup__content {
  width: 65rem;
  min-height: 38rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}

@media only screen and (max-width: 980px) {
  .popup--state .popup__content {
    width: 100%;
    min-height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }
}

.popup__bottom {
  position: relative;
  padding-top: 3rem;
  margin-top: 5rem;
}

@media only screen and (max-width: 980px) {
  .popup__bottom {
    margin-top: 2.5rem;
  }
}

.popup__bottom:before {
  display: block;
  content: '';
  position: absolute;
  left: -6rem;
  right: -6rem;
  top: 0;
  height: 1px;
  background: #e6e6e6;
}

@media only screen and (max-width: 980px) {
  .popup__bottom:before {
    left: -1.5rem;
    right: -1.5rem;
  }
}

.popup__header {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 4.8rem;
  text-transform: uppercase;
}

@media only screen and (max-width: 980px) {
  .popup__header {
    font-size: 1.8rem;
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
    border-bottom: 1px solid #E5E5E5;
    padding: 0 1.5rem .9rem 1.5rem;
    margin-bottom: 2.6rem;
  }
}

.popup__header--border-bottom {
  padding-bottom: 3.8rem;
  border-bottom: .4rem solid #D8D8D8;
  margin-bottom: 2.3rem;
}

.popup__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: -.7rem;
}

@media only screen and (max-width: 980px) {
  .popup__btn-list {
    margin-left: -.1rem;
    margin-right: -.1rem;
    margin-bottom: -.7rem;
  }
}

.popup--state .popup__btn-list {
  margin-top: auto;
}

.popup--create-project .popup__btn-list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 980px) {
  .popup__btn-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .popup--state .popup__btn-list {
    margin-top: 6rem;
  }
}

.popup__btn-li {
  padding: .7rem;
}

@media only screen and (max-width: 980px) {
  .popup__btn-li {
    padding: .1rem;
    padding-top: .7rem;
    padding-bottom: .7rem;
  }
}

.popup__btn-move {
  width: 22rem;
}

.popup__btn-move .btn__text {
  font-weight: 500;
}

@media only screen and (max-width: 980px) {
  .popup__btn-move {
    width: auto;
    min-width: 15rem;
    padding-right: 6rem;
  }

  .popup__btn-move svg {
    right: 1.5rem;
  }
}

.popup__btn-cancel {
  width: 11.5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.popup__btn-cancel .btn__text {
  font-weight: 500;
}

@media only screen and (max-width: 980px) {
  .popup__btn-cancel {
    width: auto;
    min-width: 10rem;
    padding: 0 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .popup__btn-fix {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    width: 11.5rem;
    min-width: unset;
  }
}

.popup__left-col {
  width: 22.7rem;
  background: #F2F2F2;
  padding-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 980px) {
  .popup__left-col {
    width: 100%;
    padding-top: 0;
    height: 16rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.popup__right-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 7rem 3rem 3rem 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (max-width: 980px) {
  .popup__right-col {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding: 3.8rem 1.5rem 3rem 1.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
  }
}

.popup__state-header {
  font-size: 3rem;
  line-height: 3.7rem;
  font-weight: bold;
  margin-bottom: 2rem;
}

@media only screen and (max-width: 980px) {
  .popup__state-header {
    font-size: 2.4rem;
    line-height: 3.3rem;
    margin-bottom: .3rem;
  }
}

.popup__state-text {
  font-size: 1.4rem;
  line-height: 2.2rem;
  max-width: 32rem;
}

@media only screen and (max-width: 980px) {
  .popup__state-text {
    margin: 0 auto;
  }
}

.popup__btn-state {
  width: 11.5rem;
  margin-top: auto;
  margin-left: auto;
}

@media only screen and (max-width: 980px) {
  .popup__btn-state {
    margin-top: 4rem;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 980px) {
  .popup .user-list__li {
    width: 100%;
  }

  .popup .user-list__li--empty {
    display: none;
  }
}

@media only screen and (max-width: 980px) {
  .popup .department-list__li {
    width: 100%;
  }

  .popup .department-list__li--empty {
    display: none;
  }
}

.popup--my-bundle .popup .popup__header {
  margin-left: 3.7rem;
  margin-top: 2rem;
  margin-bottom: 3.5rem;
}

@media only screen and (max-width: 980px) {
  .popup--my-bundle .popup .popup__header {
    margin-left: 0;
  }
}

.popup--my-bundle .popup .popup__content {
  position: relative;
  padding: 2.5rem 5.9rem 2.5rem 2.2rem;
  min-width: 87rem;
}

.popup--my-bundle .popup .popup__content:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
  top: 12.3rem;
  left: 0;
}

@media only screen and (max-width: 980px) {
  .popup--my-bundle .popup .popup__content:after {
    top: 10rem;
  }
}

@media only screen and (max-width: 980px) {
  .popup--my-bundle .popup .popup__content {
    padding: 1.5rem;
    min-width: auto;
  }
}

.popup--my-bundle .popup .popup__btn-list {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 980px) {
  .popup--my-bundle .popup .popup__btn-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.popup--my-bundle .popup .popup__btn-list button {
  height: 4.4rem;
}

.popup--my-bundle .popup .popup__btn-list .btn__text {
  font-weight: normal;
}

.popup--my-bundle .popup .popup__btn-list .popup__btn-move {
  width: 22rem;
}

@media only screen and (max-width: 980px) {
  .popup--my-bundle .popup .popup__btn-list .popup__btn-move {
    width: 19rem;
  }
}

.popup--all-bundles .popup .popup__header {
  margin-left: 3.7rem;
  margin-top: 2rem;
  margin-bottom: 3.5rem;
}

@media only screen and (max-width: 980px) {
  .popup--all-bundles .popup .popup__header {
    margin-left: 0;
  }
}

.popup--all-bundles .popup .popup__content {
  position: relative;
  padding: 2.5rem 5.9rem 2.5rem 2.2rem;
  min-width: 87rem;
}

.popup--all-bundles .popup .popup__content:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
  top: 12.3rem;
  left: 0;
}

@media only screen and (max-width: 980px) {
  .popup--all-bundles .popup .popup__content:after {
    top: 10rem;
  }
}

@media only screen and (max-width: 980px) {
  .popup--all-bundles .popup .popup__content {
    padding: 1.5rem;
    min-width: auto;
  }
}

.popup--all-bundles .popup .popup__btn-list {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}

.popup--all-bundles .popup .popup__btn-list button {
  height: 4.4rem;
}

.popup--all-bundles .popup .popup__btn-list .btn__text {
  font-weight: normal;
}

@media only screen and (max-width: 980px) {
  .popup--all-bundles .popup .popup__btn-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.popup--all-bundles .popup .popup__btn-list .popup__btn-move {
  width: 22rem;
}

@media only screen and (max-width: 980px) {
  .popup--all-bundles .popup .popup__btn-list .popup__btn-move {
    width: 19rem;
  }
}

.popup__error-block {
  margin-left: -6rem;
  width: calc(100% + 12rem);
  margin-top: 3rem;
  margin-bottom: 3rem;
}

@media only screen and (max-width: 980px) {
  .popup__error-block {
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
  }
}

.popup__order-tracking {
  min-width: 72.2rem;
}

@media only screen and (max-width: 980px) {
  .popup__order-tracking {
    min-width: inherit;
  }
}

.popup__create-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 980px) {
  .popup__create-category {
    display: block;
  }
}

.popup__field-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 5rem;
}

@media only screen and (max-width: 980px) {
  .popup__field-col {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-right: 0;
    margin-bottom: 2.4rem;
  }
}

.popup__img-col {
  width: 35rem;
}

@media only screen and (max-width: 980px) {
  .popup__img-col {
    width: 100%;
  }
}

.popup__field-list {
  margin: -1rem;
}

.popup__field-li {
  padding: 1rem;
}

.price-box {
  border: 4px solid #000;
  padding: 2.3rem;
  font-size: 0;
  margin-bottom: 4.2rem;
}

@media screen and (max-width: 1440px) {
  .price-box {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .price-box {
    margin-bottom: 2rem;
    padding: 1.1rem 2.3rem 2.3rem;
  }
}

.price-box__lead-time {
  display: block;
  margin-top: 2rem;
}

.price-box__time-text {
  font-weight: bold;
}

.price-box__price {
  font-size: 3.7rem;
  color: #E02020;
  margin-bottom: 1.1rem;
}

@media only screen and (max-width: 980px) {
  .price-box__price {
    font-size: 3rem;
    margin-bottom: .4rem;
  }
}

@media only screen and (max-width: 980px) {
  .price-box__price-text {
    font-weight: normal;
  }
}

.price-box__price-number {
  margin-left: .6rem;
  font-weight: bold;
}

.price-box__quantity {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.3rem;
  color: #fff;
  padding: .2rem 1.2rem;
  background: #BFBFBF;
  border-radius: 1.5rem;
  margin-bottom: 3.3rem;
}

@media only screen and (max-width: 980px) {
  .price-box__quantity {
    margin-bottom: 2.3rem;
  }
}

.price-box__counter {
  margin-bottom: 1.5rem;
}

@media only screen and (max-width: 980px) {
  .price-box__counter {
    margin-bottom: 1.3rem;
  }
}

.price-box__cart {
  margin-bottom: .9rem;
}

@media only screen and (max-width: 980px) {
  .price-box__cart {
    margin-bottom: 1.1rem;
  }
}

.price-box__cart .btn__icon {
  width: 2.7rem;
}

.product-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

.product-cart--cart {
  padding: 0 1.8rem 0 5.5rem;
}

.product-cart__close {
  position: absolute;
  font-size: 1rem;
  background: #dcdcdc;
  color: #fff;
  line-height: 0;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  left: -3.4rem;
  top: calc(50% + .9rem);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
}

.product-cart--cart .product-cart__close {
  left: -5.4rem;
}

.product-cart__img-container {
  position: relative;
  width: 11rem;
  max-height: 11rem;
}

.product-cart__img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-0.4rem);
  -ms-transform: translateX(-0.4rem);
  transform: translateX(-0.4rem);
}

.product-cart__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 1.4rem;
  padding-right: 2.8rem;
}

.product-cart--cart .product-cart__content {
  padding-left: 2.5rem;
}

.product-cart__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: .7rem;
}

.product-cart--cart .product-cart__title {
  max-width: 260px;
  margin-bottom: 0;
  margin-top: 0.9rem;
}

.product-cart__title-text {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.7rem;
  color: #000;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.product-cart--cart .product-cart__title-text {
  font-size: 1.4rem;
  line-height: 1.9rem;
}

.product-cart__desc {
  font-size: 1.1rem;
  line-height: .9rem;
  color: #9299a2;
}

.product-cart--cart .product-cart__desc {
  margin-bottom: 1rem;
}

.product-cart__price {
  font-size: 1.5rem;
  line-height: 3rem;
  color: #4a4a4a;
  margin-left: 1.9rem;
}

.product-cart--cart .product-cart__price {
  margin-top: .6rem;
  margin-left: 4rem;
  font-size: 1.8rem;
  font-weight: 500;
}

.product-cart__counter {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-left: auto;
  margin-top: 0.5rem;
}

.product-cart__counter .counter__btn--prev {
  margin-right: 0.7rem;
}

.product-cart__counter .counter__btn--next {
  margin-left: 0.7rem;
}

.product-category {
  border: 4px solid #000;
  padding: 1.7rem 1.8rem 2.3rem 2.8rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.product-category--without-border {
  border: 0;
}

.product-category--mobile {
  display: none;
}

@media only screen and (max-width: 980px) {
  .product-category--mobile {
    display: block;
  }
}

.product-category__list {
  display: none;
  margin: -.6rem 0;
}

.product-category__list.active {
  display: block;
}

@media screen and (min-width: 1200px) {
  .product-category__list.active {
    -webkit-animation: slideToRight .5s both;
    animation: slideToRight .5s both;
  }
}

.product-category__li {
  padding: .6rem 0;
  line-height: 100%;
  border-bottom: 1px solid #D8D8D8;
}

.product-category__li:last-child {
  border: 0;
}

.product-category__li.hide {
  display: none;
}

.product-category__btn {
  font-size: 1.3rem;
  font-weight: 300;
  color: #000;
  position: relative;
  padding-right: 1.5rem;
  text-align: left;
  width: 100%;
}

.product-category.active .product-category__btn--root {
  margin-bottom: 1.6rem;
  padding-right: 0;
  font-size: 1.4rem;
  font-weight: bold;
}

.product-category.active .product-category__btn--root .product-category__btn-img {
  right: calc(100% + .5rem);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  top: calc(50% - .4rem);
}

.product-category__btn.hide {
  display: none;
}

.product-category__btn-text {
  text-align: left;
}

.product-category__btn-img--right {
  position: absolute;
  right: 0;
  top: calc(50% + .1rem);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.product-slider {
  position: relative;
  padding-bottom: 2.4rem;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

@media screen and (max-width: 1440px) {
  .product-slider {
    opacity: 1;
    pointer-events: auto;
    position: relative;
    width: auto;
    height: auto;
    overflow: visible;
  }
}

.product-status {
  width: 11rem;
  display: inline-block;
}

.product-status__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-status__circle {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #D8D8D8;
}

.product-status.active .product-status__circle {
  background: #6DD400;
}

.product-status__text {
  font-size: 1.2rem;
  color: #9299A2;
  margin-left: 1rem;
  white-space: nowrap;
}

.product-status.active .product-status__text {
  color: #000;
}

.product-status__desc {
  font-size: 1.2rem;
  margin-top: 1.2rem;
  white-space: nowrap;
}

.product-status__desc-title {
  color: #9299A2;
}

.project-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 1.5rem 2rem 1.5rem 3.6rem;
  background: #ffffff;
  border: 1px solid transparent;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

@media screen and (min-width: 1200px) {
  .project-card:hover {
    border-color: #000;
  }
}

@media screen and (max-width: 1440px) {
  .project-card {
    padding-left: 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .project-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 2rem 1rem 1.5rem;
  }
}

.project-card__column--site {
  width: 14rem;
}

.project-card__column--address {
  width: 26rem;
}

.project-card__column--center {
  width: 6.5rem;
}

.project-card__column--budget {
  width: 9rem;
}

.project-card__column--cumul {
  width: 6rem;
}

.project-card__column--buyer {
  width: 26rem;
}

@media screen and (max-width: 1440px) {
  .project-card__column--site {
    width: 6.5rem;
  }

  .project-card__column--address {
    width: 24rem;
  }

  .project-card__column--center {
    width: 5.5rem;
  }

  .project-card__column--budget {
    width: 8rem;
  }

  .project-card__column:--cumul {
    width: 5rem;
  }

  .project-card__column--buyer {
    width: 21rem;
  }
}

@media only screen and (max-width: 1440px) and (max-width: 980px) {
  .project-card__column {
    margin-bottom: 1.2rem;
  }
}

@media only screen and (max-width: 980px) {
  .project-card__column:nth-child(n) {
    width: auto;
  }

  .project-card__column:nth-last-child(2) {
    margin-bottom: 0;
  }

  .project-card__column:last-child {
    position: absolute;
    bottom: 1.1rem;
    right: 1.8rem;
  }
}

.project-card__title {
  margin: 0 0 .3rem;
  font-size: 1.1rem;
  line-height: 100%;
  color: #9299a2;
}

@media screen and (max-width: 1440px) {
  .project-card__title {
    font-size: 1rem;
    margin-bottom: 0;
  }
}

.project-card__content {
  padding-left: .1rem;
}

.project-card__text {
  margin: 0;
  font-size: 1.3rem;
  line-height: 2rem;
}

.project-card__text--bold {
  font-weight: 700;
  letter-spacing: 0.057rem;
}

@media only screen and (max-width: 980px) {
  .project-card__text--bold {
    letter-spacing: normal;
  }
}

@media screen and (max-width: 1440px) {
  .project-card__text {
    font-size: 1.2rem;
  }
}

.project-card__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .project-card__status {
    margin-top: .5rem;
  }
}

.project-card__status::before {
  content: '';
  width: .8rem;
  height: .8rem;
  margin-right: .5rem;
  background: #BFBFBF;
  border-radius: 50%;
}

@media only screen and (max-width: 980px) {
  .project-card__status::before {
    margin-right: .8rem;
  }
}

.project-card__status--true::before {
  background: #6DD400;
}

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

@media screen and (max-width: 1440px) {
  .question {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.question__text {
  width: 43rem;
  margin-right: 4rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.9rem;
}

@media screen and (max-width: 1440px) {
  .question__text {
    width: 40rem;
    margin-right: 0;
    margin-bottom: 1.2rem;
  }
}

@media only screen and (max-width: 980px) {
  .question__text {
    width: 100%;
  }
}

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

.question__select {
  width: 9rem;
  margin-right: 1.8rem;
}

.question__select .select__btn {
  min-width: auto;
}

.question__input {
  width: 29rem;
}

.question__input input {
  height: 4.2rem;
}

@media only screen and (max-width: 980px) {
  .question__input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
  }
}

.rating {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.rating__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.rating__item {
  display: block;
  line-height: 0;
}

.rating__quantity {
  font-size: 1.3rem;
  line-height: 1.5rem;
  margin-left: .8rem;
  -webkit-transform: translateY(0.1rem);
  -ms-transform: translateY(0.1rem);
  transform: translateY(0.1rem);
}

.refresh {
  position: relative;
  width: 5.6rem;
  height: 4.4rem;
  background: #000000;
}

@media only screen and (max-width: 980px) {
  .refresh {
    width: 3.6rem;
    height: 3.6rem;
  }
}

.refresh svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 2.9rem;
}

@media only screen and (max-width: 980px) {
  .refresh svg {
    font-size: 2.2rem;
  }
}

.refresh__button {
  position: relative;
  height: 100%;
  width: 100%;
}

.refresh__img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-46%, -57%);
  -ms-transform: translate(-46%, -57%);
  transform: translate(-46%, -57%);
}

@media only screen and (max-width: 980px) {
  .refresh__img {
    width: 1.6rem;
  }
}

.role-card {
  background: #fff;
  border-top: 3px solid #000;
  color: #000;
  padding: 2rem;
  height: 100%;
}

@media only screen and (max-width: 980px) {
  .role-card {
    padding: 1.3rem 1.5rem 1.5rem 1.5rem;
  }
}

.role-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem;
}

@media only screen and (max-width: 980px) {
  .role-card__header {
    margin-bottom: 1.2rem;
  }
}

.role-card__header-text {
  font-size: 2rem;
  font-weight: bold;
}

@media only screen and (max-width: 980px) {
  .role-card__header-text {
    font-size: 1.8rem;
  }
}

.role-card__search-result {
  font-size: 1.6rem;
  color: #7F7F7F;
}

@media only screen and (max-width: 980px) {
  .role-card__search-result {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 980px) {
  .role-card__search-desktop {
    display: none;
  }
}

.role-card__list {
  margin: -1.5rem;
  margin-top: 0;
  margin-bottom: 2.3rem;
}

@media only screen and (max-width: 980px) {
  .role-card__list {
    margin-bottom: 1.4rem;
    margin: -1.25rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
  }
}

.role-card--integrator .role-card__list {
  margin-bottom: 0;
}

@media only screen and (max-width: 980px) {
  .role-card--integrator .role-card__list {
    margin-bottom: 0;
  }
}

.role-card__li {
  position: relative;
  padding: 1.5rem;
}

.role-card__li:after {
  display: block;
  content: '';
  position: absolute;
  left: -.5rem;
  right: -.5rem;
  top: 100%;
  height: 1px;
  background: #d8d8d8;
}

@media only screen and (max-width: 980px) {
  .role-card__li:after {
    left: -.3rem;
    right: -.3rem;
  }
}

.role-card__li:first-child:before {
  display: block;
  content: '';
  position: absolute;
  left: -.5rem;
  right: -.5rem;
  bottom: 100%;
  height: 1px;
  background: #d8d8d8;
}

@media only screen and (max-width: 980px) {
  .role-card__li:first-child:before {
    left: -.3rem;
    right: -.3rem;
  }
}

@media only screen and (max-width: 980px) {
  .role-card__li {
    padding: 1.25rem;
  }
}

.role-card--integrator .role-card__li:last-child:after {
  display: none;
}

.role-card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .role-card__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding-right: 5rem;
  }
}

.role-card__name-col {
  width: 15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding-left: 3.3rem;
}

@media only screen and (max-width: 980px) {
  .role-card__name-col {
    width: auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-width: 11rem;
    padding-left: 2.9rem;
  }
}

.role-card__number {
  width: 2.6rem;
  height: 2.6rem;
  background: #000;
  border-radius: 50%;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
}

@media only screen and (max-width: 980px) {
  .role-card__number {
    width: 1.9rem;
    height: 1.9rem;
    font-size: 1rem;
  }
}

.role-card__title {
  font-size: 1.6rem;
  font-weight: 500;
}

@media only screen and (max-width: 980px) {
  .role-card__title {
    font-size: 1.2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.role-card__email {
  font-size: 1.4rem;
  margin-left: 12.2rem;
}

@media screen and (max-width: 1440px) {
  .role-card__email {
    margin-left: 3.6rem;
  }
}

@media only screen and (max-width: 980px) {
  .role-card__email {
    width: auto;
    font-size: 1.2rem;
    margin-left: 2.9rem;
    word-break: break-all;
  }
}

.role-card__btn-col {
  margin-left: auto;
  line-height: 0;
}

@media only screen and (max-width: 980px) {
  .role-card__btn-col {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0;
  }
}

.role-card__circle-icon {
  font-size: 2.6rem;
  line-height: 0;
}

.role-card__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -2rem;
  width: calc(100% + 4rem);
  padding: 0 1.2rem 0 2rem;
}

@media only screen and (max-width: 980px) {
  .role-card__bottom {
    margin-left: 0;
    width: 100%;
    padding: 0;
  }
}

.role-card__name-field {
  width: 25.1rem;
}

@media screen and (max-width: 1440px) {
  .role-card__name-field {
    width: 16.1rem;
  }
}

@media only screen and (max-width: 980px) {
  .role-card__name-field {
    width: 100%;
  }
}

.role-card__email-field {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 1.5rem 0 2rem;
}

@media screen and (max-width: 1440px) {
  .role-card__email-field {
    width: 16rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}

@media only screen and (max-width: 980px) {
  .role-card__email-field {
    width: 100%;
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.role-card__add-btn-col {
  margin-left: auto;
  line-height: 0;
}

@media only screen and (max-width: 980px) {
  .role-card__add-btn-col {
    margin-left: 0;
    margin-top: .5rem;
  }
}

.role-card__add-btn {
  font-size: 4.2rem;
  line-height: 0;
}

.role-card__error-block {
  margin-bottom: 0;
}

.role-swap {
  margin-top: 5rem;
}

@media only screen and (max-width: 980px) {
  .role-swap {
    margin-top: 2.5rem;
  }
}

.role-swap__header {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: bold;
  margin-bottom: 1.6rem;
}

@media only screen and (max-width: 980px) {
  .role-swap__header {
    font-size: 1.6rem;
    line-height: 1.9rem;
    margin-bottom: 1.7rem;
  }
}

.role-swap__status-field {
  background: #fff;
  padding: 1.2rem 2.2rem;
}

@media only screen and (max-width: 980px) {
  .role-swap__status-field {
    padding: 1rem 1.5rem;
  }
}

.search-data--black {
  background: #000;
}

.search-data__title {
  font-size: 1.6rem;
  color: #E02020;
}

.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 980px) {
  .search {
    display: block;
  }
}

.search__field-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

.search__field {
  width: 100%;
  height: 4.2rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-width: 1px 1px 1px 0;
  padding-left: 1.8rem;
  padding-right: 5rem;
  font-size: 1.6rem;
  color: #000;
}

.search--without-select .search__field {
  border-width: 1px;
}

.search__field::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.search__field::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.search__field::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.search__field::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 980px) {
  .search__field {
    height: 3.8rem;
    padding-left: .9rem;
    padding-right: 4rem;
    border-width: 1px;
    font-size: 1.4rem;
    color: rgba(0, 0, 0, 0.5);
  }
}

.search__submit {
  position: absolute;
  right: 1.4rem;
  top: 0;
  z-index: 5;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .search__submit {
    width: 2rem;
    line-height: 0;
    right: 1rem;
  }
}

@media screen and (min-width: 1200px) {
  .search__submit:hover .search__submit-icon {
    color: black;
  }
}

.search__submit-icon {
  font-size: 2.3rem;
  color: #E02020;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  -webkit-transform: translateY(-0.1rem);
  -ms-transform: translateY(-0.1rem);
  transform: translateY(-0.1rem);
}

@media only screen and (max-width: 980px) {
  .search__submit-icon {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .search__select {
    display: none !important;
  }
}

@media only screen and (max-width: 980px) {
  .search__category-select {
    width: 100%;
    height: 3.8rem;
    margin-bottom: 1.2rem;
    display: none;
  }
}

.search--without-select .search__category-select {
  display: none;
}

.select-delivery {
  width: 31.3rem;
  padding: 1rem 1.8rem 1.9rem 1.3rem;
  border: 0.4rem solid black;
  font-size: 1.4rem;
}

.select-delivery__title {
  padding-left: 0.3rem;
  margin: 1rem 0 0.4rem;
  font-weight: 700;
}

.select-delivery__list {
  padding-left: 0.3rem;
}

.select-delivery__item {
  margin-bottom: 1.5rem;
  line-height: 100%;
}

.select-delivery__item:nth-last-child(1) {
  margin-bottom: 0;
}

.select-do::after {
  content: '';
  display: block;
  width: 98%;
  height: 0.1rem;
  margin-left: auto;
  background: #000;
}

.select-do__select {
  width: 100%;
  padding: 0 0 1rem 0;
  font-size: 1.4rem;
  font-weight: 700;
  border: none;
}

.select {
  display: inline-block;
  position: relative;
  z-index: 500;
}

@media screen and (min-width: 1200px) {
  .select:hover .select__icon {
    color: #E02020;
  }
}

.select--fullwidth {
  display: block;
}

.select.active {
  z-index: 600;
}

@media only screen and (max-width: 980px) {
  .select {
    width: 100%;
  }
}

.select__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  height: 3rem;
  min-width: 11.9rem;
  background: #212121;
  padding-left: 2rem;
  padding-right: 4rem;
  -webkit-transition: border-color .3s;
  -o-transition: border-color .3s;
  transition: border-color .3s;
}

@media only screen and (max-width: 980px) {
  .select__btn {
    width: 100%;
  }
}

.select--field .select__btn {
  background: none;
  height: 4.2rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
  font-size: 1.6rem;
  font-weight: 400;
  color: #000;
  padding-left: 1.7rem;
  padding-right: 4.5rem;
}

.select--country .select__btn {
  padding-left: .8rem;
  min-width: 13.6rem;
}

.select--fullwidth .select__btn {
  width: 100%;
}

.select__country {
  margin-right: .9rem;
}

.select__text {
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  pointer-events: none;
}

.select__icon {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.4rem;
  -webkit-transition: color .3s, -webkit-transform .3s;
  transition: color .3s, -webkit-transform .3s;
  -o-transition: transform .3s, color .3s;
  transition: transform .3s, color .3s;
  transition: transform .3s, color .3s, -webkit-transform .3s;
  pointer-events: none;
}

.select--field .select__icon {
  color: rgba(0, 0, 0, 0.5);
}

.select.active .select__icon {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.select__list {
  display: none;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: calc(100% + 0px);
  right: 0;
  max-height: 30rem;
  overflow: auto;
  overflow-x: hidden;
  background: #212121;
  z-index: 999;
}

.select__list.active {
  display: block;
  opacity: 1;
  pointer-events: auto;
}

.select--field .select__list {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 0px;
}

.select__item {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  cursor: pointer;
  padding: 1.2rem 1.2rem;
  font-family: 'Roboto', sans-serif;
  text-transform: none;
  -webkit-transition: background .3s, color .3s;
  -o-transition: background .3s, color .3s;
  transition: background .3s, color .3s;
}

.select--field .select__item {
  color: rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 1200px) {
  .select__item:hover {
    background: #E02020;
    color: #fff;
  }
}

.show-more {
  width: 100%;
  height: 4.8rem;
  background: #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Circe';
  font-size: 1.4rem;
  font-weight: bold;
  color: #4A4A4A;
}

.social__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -.5rem;
}

@media only screen and (max-width: 980px) {
  .social__list {
    margin: -.75rem;
  }
}

.social__li {
  padding: .5rem;
}

@media only screen and (max-width: 980px) {
  .social__li {
    padding: .75rem;
  }
}

.social__img {
  width: 4.8rem;
  height: 4.8rem;
}

@media only screen and (max-width: 980px) {
  .social__img {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.sort {
  position: relative;
}

.sort__header {
  width: 19rem;
  height: 3.2rem;
}

@media only screen and (max-width: 980px) {
  .sort__header {
    width: 100%;
  }
}

.sort.active .sort__header .icon {
  -webkit-transform: translate(0, -50%) rotate(-180deg);
  -ms-transform: translate(0, -50%) rotate(-180deg);
  transform: translate(0, -50%) rotate(-180deg);
}

.sort__content {
  z-index: 500;
  position: absolute;
  left: 0;
  top: calc(100%);
  right: 0;
  padding: 1.3rem 1.6rem 2rem;
  background: #000;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}

.sort.active .sort__content {
  opacity: 1;
  pointer-events: auto;
}

.sort__list {
  margin: -.6rem;
}

.sort__li {
  padding: .6rem;
}

.sort__link {
  font-size: 1.3rem;
  font-weight: bold;
  color: #ffffff;
  display: block;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .sort__link:hover {
    color: #E02020;
  }
}

.static-content {
  background: #eaeaea;
  border-top: 3px solid #000;
  padding: 4.3rem 3rem 3rem 4rem;
  margin-top: 4.7rem;
  margin-bottom: 6rem;
}

@media screen and (max-width: 1440px) {
  .static-content {
    padding-right: 2rem;
    padding-left: 2rem;
    padding-bottom: 2rem;
    margin-top: 8rem;
    margin-bottom: 2.8rem;
  }
}

@media only screen and (max-width: 980px) {
  .static-content {
    padding: 2.7rem 1.5rem 2rem 1.5rem;
    margin-top: 6.3rem;
    margin-bottom: 2.5rem;
  }
}

.static-content--no-border {
  border: none;
  margin-top: 0;
}

@media only screen and (max-width: 980px) {
  .static-content--full-width {
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
  }
}

.static-content--suppl {
  padding: 3rem 2rem 2rem 1.6rem;
}

@media only screen and (max-width: 980px) {
  .static-content--suppl {
    margin-top: 1.5rem;
  }
}

.static-content--grey {
  background: #EAEAEA;
}

.static-content__header {
  font-size: 2.4rem;
  line-height: 2.9rem;
  font-weight: bold;
  margin-bottom: 5rem;
}

@media only screen and (max-width: 980px) {
  .static-content__header {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 4rem;
  }
}

.status-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}

.status-field__text {
  font-size: 1.3rem;
  line-height: normal;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 2rem;
  word-break: break-all;
}

@media only screen and (max-width: 980px) {
  .status-field__text {
    padding-right: 1rem;
    font-size: 1.2rem;
  }
}

.status-field__btn {
  width: 3.4rem;
  height: 3.4rem;
  font-size: 3.4rem;
  line-height: 0;
}

@media only screen and (max-width: 980px) {
  .status-field__btn {
    width: 2.6rem;
    height: 2.6rem;
    font-size: 2.6rem;
  }
}

.status-field__btn .btn__icon {
  font-size: 2rem;
}

@media only screen and (max-width: 980px) {
  .status-field__btn .btn__icon {
    font-size: 1.7rem;
  }
}

.status-field__btn .btn__icon.icon-trash {
  font-size: 1.3rem;
}

.status-field__btn .btn__icon.icon-plus {
  -webkit-transform: translate(-47%, -50%);
  -ms-transform: translate(-47%, -50%);
  transform: translate(-47%, -50%);
}

@media only screen and (max-width: 980px) {
  .status-field__btn .btn__icon.icon-plus {
    -webkit-transform: translate(-47%, -46%);
    -ms-transform: translate(-47%, -46%);
    transform: translate(-47%, -46%);
  }
}

.status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 2.4rem;
  height: 3.2rem;
  background: #6DD400;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1.6rem;
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: 500;
  color: #fff;
}

@media only screen and (max-width: 980px) {
  .status {
    padding: 0 1.9rem;
    height: 2.8rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

.status--red {
  background: #E02020;
}

.structure-card {
  min-width: 50rem;
  max-width: 77.4rem;
  height: 9.2rem;
  padding: 2.4rem 2rem 2.6rem 3.5rem;
  background: #ffffff;
  border: 1px solid transparent;
  -webkit-transition: border-color .3s;
  -o-transition: border-color .3s;
  transition: border-color .3s;
}

@media screen and (min-width: 1200px) {
  .structure-card:hover {
    border-color: black;
  }
}

@media only screen and (max-width: 980px) {
  .structure-card {
    height: auto;
    min-width: 20rem;
    max-width: 35rem;
  }
}

.structure-card__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 980px) {
  .structure-card__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -.6rem;
  }
}

.structure-card__column--name {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.structure-card__column--budget {
  width: 11rem;
}

.structure-card__column--cost {
  width: 11rem;
}

@media only screen and (max-width: 980px) {
  .structure-card__column {
    padding: .6rem;
  }
}

.structure-card__key {
  margin-bottom: .6rem;
  font-size: 1.1rem;
  color: #9299A2;
}

@media only screen and (max-width: 980px) {
  .structure-card__key {
    margin-bottom: 0rem;
  }
}

.structure-card__number {
  color: #9299A2;
}

.structure-card__value {
  font-size: 1.6rem;
  font-weight: 700;
}

.structure-card__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -.75rem;
}

@media only screen and (max-width: 980px) {
  .structure-card__btn-list {
    padding: .6rem;
  }
}

.structure-card__btn-item {
  padding: .75rem;
}

.structure-card__icon {
  font-size: 2.6rem;
}

.sub-order {
  margin-bottom: 2rem;
  background: #DBDBDB;
}

.sub-order__table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2rem;
}

@media only screen and (max-width: 980px) {
  .sub-order__table {
    display: block;
    background: #fff;
    padding: 1.4rem 1rem;
    margin-top: 2rem;
    margin-bottom: 2.8rem;
  }
}

@media only screen and (max-width: 980px) {
  .sub-order__tbody {
    width: 100%;
    display: block;
  }
}

@media only screen and (max-width: 980px) {
  .sub-order__tr {
    display: block;
    margin: -.8rem;
  }
}

.sub-order__td {
  padding: .8rem 1rem 1.2rem;
}

@media screen and (max-width: 1440px) {
  .sub-order__td {
    padding: 1rem 0;
  }
}

@media only screen and (max-width: 980px) {
  .sub-order__td {
    display: block;
    padding: .8rem;
  }
}

@media screen and (max-width: 1440px) {
  .sub-order__td:first-child {
    padding-left: 1rem;
  }
}

@media only screen and (max-width: 980px) {
  .sub-order__td:first-child {
    padding-left: 0.8rem;
  }
}

@media screen and (max-width: 1440px) {
  .sub-order__td:last-child {
    padding-right: 1rem;
  }
}

@media only screen and (max-width: 980px) {
  .sub-order__td:last-child {
    padding-left: 0.8rem;
  }
}

.sub-order__td--head {
  background: none;
  padding-top: 0;
  padding-bottom: 1.3rem;
}

.sub-order__td--head:first-child {
  padding-left: 0;
}

.sub-order__td--head:last-child {
  padding-right: 0;
}

.sub-order__td--refresh {
  width: 6.2rem;
}

@media screen and (max-width: 1440px) {
  .sub-order__td--refresh {
    padding-left: 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .sub-order__td--refresh {
    margin-left: auto;
    padding-left: 1rem;
  }
}

.sub-order__header {
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #808080;
  margin-bottom: .8rem;
}

@media only screen and (max-width: 980px) {
  .sub-order__header {
    margin-bottom: .2rem;
  }
}

@media screen and (max-width: 1440px) {
  .sub-order__td--img .sub-order__header {
    display: none;
  }
}

@media only screen and (max-width: 980px) {
  .sub-order__td--img .sub-order__header {
    display: block;
    width: auto;
  }
}

.sub-order__text {
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 500;
  color: #000;
}

@media screen and (max-width: 1440px) {
  .sub-order__text {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}

.sub-order__img-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
}

@media only screen and (max-width: 980px) {
  .sub-order__img-col {
    display: block;
    text-align: left;
  }
}

.sub-order__head-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.4rem;
  line-height: 1.7rem;
}

@media only screen and (max-width: 980px) {
  .sub-order__head-item {
    display: block;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

.sub-order__img-box {
  width: 11.1rem;
  height: 7.8rem;
  margin-left: 1rem;
}

@media only screen and (max-width: 980px) {
  .sub-order__img-box {
    margin-left: 0;
  }
}

.sub-order__img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

@media only screen and (max-width: 980px) {
  .sub-order__head-key {
    display: block;
  }
}

.sub-order__head-value {
  font-weight: 500;
  margin-left: .3rem;
}

@media only screen and (max-width: 980px) {
  .sub-order__head-value {
    display: block;
    margin-left: 0;
  }
}

.sub-order__rating-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sub-order__rating {
  margin-left: 2rem;
}

@media only screen and (max-width: 980px) {
  .sub-order__rating {
    margin-top: 0;
    margin-bottom: -1.2rem;
    margin-left: 2.4rem;
  }
}

.sub-order__head-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 2rem 1rem 0;
}

@media only screen and (max-width: 980px) {
  .sub-order__head-list {
    display: block;
    margin: -1.15rem;
    padding-top: 0;
  }
}

.sub-order__head-li {
  margin-bottom: 1.3rem;
}

@media only screen and (max-width: 980px) {
  .sub-order__head-li {
    padding: 1.15rem;
    margin: 0;
  }
}

.sub-order__head-li--id {
  width: 37rem;
}

@media screen and (max-width: 1440px) {
  .sub-order__head-li--id {
    width: auto;
  }
}

.sub-order__head-li--supplier {
  width: 27rem;
  margin-left: 22rem;
}

@media screen and (max-width: 1440px) {
  .sub-order__head-li--supplier {
    width: auto;
    margin-left: auto;
  }
}

.sub-order__head-li--status {
  width: 24.5rem;
  margin-left: auto;
}

@media screen and (max-width: 1440px) {
  .sub-order__head-li--status {
    width: auto;
  }
}

.sub-order__refresh {
  font-size: 4.4rem;
  vertical-align: middle;
}

.sub-order__file {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .8rem .8rem .8rem 1.9rem;
  border-radius: .6rem;
  border: 1px solid #A7A7A7;
  -webkit-transition: border-color .3s;
  -o-transition: border-color .3s;
  transition: border-color .3s;
}

@media screen and (min-width: 1200px) {
  .sub-order__file:hover {
    border-color: #E02020;
  }
}

@media only screen and (max-width: 980px) {
  .sub-order__file {
    margin: 1rem 0;
  }
}

.sub-order__file-input {
  display: none;
}

.sub-order__file-text {
  font-size: 1.4rem;
  color: #E02020;
  margin-right: 2.5rem;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .sub-order__file:hover .sub-order__file-text {
    color: #000;
  }
}

.sub-order__file-icon {
  font-size: 3.5rem;
  color: #E02020;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .sub-order__file:hover .sub-order__file-icon {
    color: #000;
  }
}

.sup-box {
  border: 4px solid #000;
  padding: 2.8rem;
  margin-bottom: 3.5rem;
  color: #000;
  position: relative;
}

@media only screen and (max-width: 980px) {
  .sup-box {
    padding: 1.4rem;
  }
}

.sup-box__list {
  margin: -.5rem;
}

.sup-box__li {
  padding: .5rem;
}

.sup-box__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 1440px) {
  .sup-box__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.sup-box__key {
  font-size: 1.4rem;
  font-weight: 500;
}

@media screen and (max-width: 1440px) {
  .sup-box__key {
    margin-bottom: .6rem;
  }
}

.sup-box__val-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sup-box__bottom {
  margin-top: 1.5rem;
  border-top: 1px solid #979797;
  padding-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

@media only screen and (max-width: 980px) {
  .sup-box__bottom {
    padding-bottom: 3.6rem;
  }
}

.sup-box__checkbox-custom {
  margin-right: auto;
}

.sup-box__counter {
  height: 4.2rem;
}

.sup-box__counter .counter__main {
  border-color: #BFBFBF;
}

.sup-box__counter--lead-time .counter__main {
  border-color: #BFBFBF;
  border-width: 1px 0 1px 1px;
}

.sup-box__label-field .select__btn {
  font-size: 1.4rem;
  min-width: auto;
  padding: 0 3.2rem 0 1.3rem;
}

.sup-box__label-field .select__icon {
  right: 1.3rem;
}

.sup-box__eye,
.sup-box__delete {
  font-size: 2.6rem;
}

.sup-box__eye {
  margin-left: .8rem;
}

@media screen and (max-width: 1440px) {
  .sup-box__eye {
    margin-left: auto;
    margin-top: 1.2rem;
  }
}

@media only screen and (max-width: 980px) {
  .sup-box__eye {
    position: absolute;
    right: 3.2rem;
    bottom: -.1rem;
  }
}

.sup-box__delete {
  margin-left: .8rem;
}

@media screen and (max-width: 1440px) {
  .sup-box__delete {
    margin-top: 1.2rem;
  }
}

@media only screen and (max-width: 980px) {
  .sup-box__delete {
    position: absolute;
    right: 0rem;
    bottom: 0rem;
  }
}

.sup-box__set-price {
  margin: 0;
}

@media screen and (max-width: 1440px) {
  .sup-box__set-price {
    margin-left: auto;
  }
}

@media only screen and (max-width: 980px) {
  .sup-box__set-price {
    width: 12rem;
  }
}

.supplier-container {
  background: #EAEAEA;
  padding: 3rem 3rem 2.3rem;
}

.supplier-container--white {
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
}

@media only screen and (max-width: 980px) {
  .supplier-container {
    padding: 1.5rem;
  }
}

.supplier-container__header {
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 5.4rem;
}

@media only screen and (max-width: 980px) {
  .supplier-container__header {
    margin-bottom: 2.2rem;
  }
}

.supplier-order-list__li {
  display: none;
}

.supplier-order-list__li.active {
  display: block;
}

.suppliers__list {
  margin: -2.35rem;
}

@media only screen and (max-width: 980px) {
  .suppliers__list {
    margin: -1rem;
  }
}

.suppliers__li {
  padding: 2.35rem;
}

@media only screen and (max-width: 980px) {
  .suppliers__li {
    padding: 1rem;
  }
}

.suppliers__header {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 3.3rem;
}

@media only screen and (max-width: 980px) {
  .suppliers__header {
    margin-bottom: 1.2rem;
  }
}

.suppliers__btn {
  height: 3rem;
}

.suppliers__add {
  width: auto;
  padding: 0 .7rem;
}

.suppliers__add .btn__text {
  font-size: 1.2rem;
}

.suppliers__add .btn__icon {
  font-size: 2rem;
}

.suppliers__bundle {
  width: 3rem;
}

.suppliers__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1rem;
  margin-top: 1.4rem;
}

.suppliers__btn-li {
  padding: 1rem;
}

.suppliers__card-list {
  margin: -.8rem;
}

.suppliers__card-li {
  position: relative;
  padding: .8rem;
}

.suppliers__card-li:after {
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: .8rem;
  right: .8rem;
  background: #C2C2C2;
  height: 1px;
}

.suppliers__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.3rem;
  color: #000;
}

.suppliers__key {
  color: #7F7F7F;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.suppliers__key--time-text {
  font-weight: bold;
}

.suppliers__key--green-stock::before,
.suppliers__key--grey-stock::before {
  display: inline-block;
  content: "";
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  border-radius: 100%;
}

.suppliers__key--green-stock::before {
  background-color: #6DD400;
}

.suppliers__key--grey-stock::before {
  background-color: #D8D8D8;
}

.switch-tabs {
  width: 9rem;
}

.switch-tabs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

@media only screen and (max-width: 980px) {
  .switch-tabs__list {
    display: none;
  }
}

.switch-tabs__item.active .switch-tabs__wrapper {
  background: #000;
  border-color: #000;
  color: #fff;
}

@media screen and (min-width: 1200px) {
  .switch-tabs__item:hover .switch-tabs__wrapper {
    cursor: pointer;
    background: #E02020;
    border-color: #E02020;
    color: #fff;
  }
}

.switch-tabs__wrapper {
  width: 4.5rem;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #BFBFBF;
  color: #979797;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background .3s, border-color .3s, color .3s;
  -o-transition: background .3s, border-color .3s, color .3s;
  transition: background .3s, border-color .3s, color .3s;
}

.switch-tabs__item--line .switch-tabs__wrapper {
  border-radius: 0 .8rem .8rem 0;
  border-left-width: 0;
}

.switch-tabs__item--rectangle .switch-tabs__wrapper {
  border-radius: .8rem 0 0 .8rem;
  border-right-width: 0;
}

.switch-tabs__tabs-btn {
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1.6rem;
}

.switch-tabs__item--line .switch-tabs__tabs-btn {
  width: 1.8rem;
  height: 1.8rem;
  font-size: 1.9rem;
}

.table-line-btn {
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 1rem 1rem 3rem;
}

@media only screen and (max-width: 980px) {
  .table-line-btn {
    padding: 1rem .5rem;
  }
}

.table-line-btn--grey {
  background: #D1CFCF;
}

.table-line-btn__overflow {
  overflow: auto hidden;
  width: 100%;
}

.table-line-btn__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}

@media screen and (max-width: 1440px) {
  .table-line-btn__content {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
  }
}

.table-line-btn__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -.6rem;
  width: 100%;
}

@media screen and (max-width: 1440px) {
  .table-line-btn__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.table-line-btn--space-between .table-line-btn__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.table-line-btn__item {
  padding: .6rem;
}

@media screen and (max-width: 1440px) {
  .table-line-btn__wrapper {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.table-line-btn__title {
  font-size: 1.7rem;
  line-height: 100%;
}

@media only screen and (max-width: 980px) {
  .table-line-btn__title {
    font-size: 1.6rem;
  }
}

.table-line-btn__key {
  margin-bottom: .5rem;
  font-size: 1.2rem;
  line-height: 100%;
}

.table-line-btn--grey .table-line-btn__key {
  color: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 980px) {
  .table-line-btn__key {
    font-size: 1.2rem;
  }
}

.table-line-btn__value {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 100%;
}

.table-line-btn--grey .table-line-btn__value {
  color: #000000;
}

@media only screen and (max-width: 980px) {
  .table-line-btn__value {
    font-size: 1.4rem;
  }
}

.table-line-btn__btn-wrap {
  padding-left: 10.4rem;
}

@media screen and (max-width: 1440px) {
  .table-line-btn__btn-wrap {
    padding-left: 2.5rem;
  }
}

@media only screen and (max-width: 980px) {
  .table-line-btn__btn-wrap {
    padding-left: 1rem;
  }
}

.table-line-btn__btn-wrap--integrator {
  opacity: 0;
  pointer-events: none;
}

.table-line-btn__btn {
  width: 20rem;
  height: 4rem;
}

@media only screen and (max-width: 980px) {
  .table-line-btn__btn {
    height: 3rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 1.3rem;
  }

  .table-line-btn__btn .icon {
    display: none;
  }
}

.table-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .8rem 1rem .8rem 3rem;
}

@media only screen and (max-width: 980px) {
  .table-line {
    padding: .8rem 1.5rem;
  }
}

.table-line--dark {
  background: #979797;
}

.table-line--grey {
  background: #F6F6F6;
}

.table-line--white {
  background: #ffffff;
}

.table-line__overflow {
  overflow: auto hidden;
  width: calc(100% - 6.4rem);
}

@media screen and (max-width: 1440px) {
  .table-line__overflow {
    width: calc(100% - 5.4rem);
  }
}

@media only screen and (max-width: 980px) {
  .table-line__overflow {
    width: calc(100% - 4rem);
  }
}

.table-line__content {
  overflow: hidden;
}

@media screen and (max-width: 1440px) {
  .table-line__content {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
  }
}

.table-line__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -.6rem;
}

@media screen and (max-width: 1440px) {
  .table-line__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.table-line--space-between .table-line__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 128.7rem;
}

.table-line--short .table-line__list {
  max-width: 125.5rem;
}

.table-line__item {
  padding: .6rem;
}

.table-line__wrapper--num {
  width: 11.4rem;
}

.table-line__wrapper--date {
  width: 39.6rem;
}

.table-line__wrapper--int-name {
  width: 21.4rem;
}

.table-line__wrapper--client {
  width: 18.4rem;
}

.table-line__wrapper--invoice {
  width: 9.4rem;
}

.table-line__wrapper--id {
  width: 28rem;
}

@media screen and (max-width: 1440px) {
  .table-line__wrapper--id {
    width: 18rem;
  }
}

@media only screen and (max-width: 980px) {
  .table-line__wrapper--id {
    width: 14rem;
    word-break: break-all;
  }
}

.table-line__wrapper--cost-center {
  width: 6.2rem;
}

.table-line__wrapper--departument {
  width: 9.1rem;
}

.table-line__wrapper--payment-status {
  width: 8.5rem;
}

.table-line__wrapper--quantity {
  width: 5.5rem;
}

.table-line__wrapper--total-product-price {
  width: 10.2rem;
}

@media screen and (max-width: 1440px) {
  .table-line__wrapper--total-product-price {
    width: 9.8rem;
  }
}

.table-line__wrapper--product-vat-price {
  width: 12.2rem;
}

.table-line__wrapper--total-shipping-price {
  width: 10.4rem;
}

.table-line__wrapper--total-price {
  width: 13rem;
}

@media screen and (max-width: 1440px) {
  .table-line__wrapper--total-price {
    width: 8rem;
  }
}

.table-line__wrapper--total-product-vat-price {
  width: 12.4rem;
}

.table-line__wrapper--total-vat-price {
  width: 12.3rem;
}

@media screen and (max-width: 1440px) {
  .table-line__wrapper--total-vat-price {
    width: 8.6rem;
  }
}

.table-line__wrapper--total-ship-price {
  width: 10.8rem;
}

@media screen and (max-width: 1440px) {
  .table-line__wrapper--total-ship-price {
    width: 8.6rem;
  }
}

.table-line__wrapper--total-ship-vat-price {
  width: 12.6rem;
}

.table-line__wrapper--pay-status {
  width: 8.6rem;
}

.table-line__wrapper--delivery-status {
  width: 8.2rem;
}

.table-line__key {
  margin-bottom: .5rem;
  font-size: 1.2rem;
  line-height: 100%;
}

.table-line--dark .table-line__key {
  color: rgba(255, 255, 255, 0.6);
}

.table-line--grey .table-line__key {
  color: #9299A2;
}

.table-line--white .table-line__key {
  color: #9299A2;
}

@media only screen and (max-width: 980px) {
  .table-line__key {
    font-size: 1.2rem;
  }
}

.table-line__value {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 100%;
  word-break: break-all;
}

.table-line--dark .table-line__value {
  color: #ffffff;
}

.table-line--grey .table-line__value {
  color: #000000;
}

.table-line--white .table-line__value {
  color: #000000;
}

@media only screen and (max-width: 980px) {
  .table-line__value {
    font-size: 1.4rem;
  }
}

.table-line__btn-wrap {
  padding-left: 2rem;
}

@media only screen and (max-width: 980px) {
  .table-line__btn-wrap {
    padding-left: 1rem;
  }
}

.table-line__btn-chevron {
  width: 4rem;
  height: 4rem;
}

@media only screen and (max-width: 980px) {
  .table-line__btn-chevron {
    width: 2.6rem;
    height: 2.6rem;
  }
}

.table {
  padding: 0;
}

.table--white {
  background: #ffffff;
}

.table__list-main {
  width: 100%;
  overflow: auto hidden;
}

.table__item-main {
  padding: 1.2rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  width: 100%;
}

.table__item-main:first-child {
  border: 0;
  padding-top: 0;
}

.table__item-main:last-child {
  padding-bottom: 0;
}

.table__item-main--total {
  border-top-width: .2rem;
}

.table__content {
  overflow: hidden;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  width: 100%;
  max-width: 135.5rem;
}

.table__item-main--total .table__content {
  padding: .4rem 0 1.7rem;
}

.table__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -.6rem;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.table__item-main--total .table__list {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.table__item {
  padding: .6rem;
}

.table__wrapper--paid {
  background-color: #6DD400;
  border-radius: 1.3rem;
  color: white;
  padding: .9rem 1.9rem;
}

.table__wrapper--paid .table__key {
  margin: 0;
}

.table__wrapper--unpaid {
  background-color: #E02020;
  border-radius: 1.3rem;
  color: white;
  padding: .9rem 1.9rem;
}

.table__wrapper--unpaid .table__key {
  margin: 0;
}

.table__wrapper--total {
  width: 10.4rem;
}

.table__wrapper--img {
  width: 10.4rem;
  height: 8.8rem;
}

.table__wrapper--title {
  width: 32rem;
}

.table__wrapper--quantity {
  width: 5.8rem;
}

.table__wrapper--price {
  width: 10rem;
}

.table__wrapper--total-product {
  width: 12rem;
}

.table__wrapper--vat {
  width: 10rem;
}

.table__wrapper--ship {
  width: 9rem;
}

.table__wrapper--ship-vat {
  width: 11.5rem;
}

.table__wrapper--total {
  width: 10.4rem;
}

.table__wrapper--btn {
  width: 8rem;
}

.table__total {
  font-size: 1.8rem;
  font-weight: 500;
}

.table__btn {
  font-size: 1.6rem;
  font-weight: 500;
}

.table__item-main--total .table__btn {
  display: none;
}

.table__title {
  font-size: 1.6rem;
  line-height: 2.2rem;
}

@media only screen and (max-width: 980px) {
  .table__title {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

.table__key {
  margin-bottom: .9rem;
  font-size: 1.2rem;
  line-height: 100%;
  color: rgba(0, 0, 0, 0.5);
}

.table__item-main--total .table__key {
  font-size: 1.4rem;
}

@media only screen and (max-width: 980px) {
  .table__item-main--total .table__key {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 980px) {
  .table__key {
    font-size: 1.2rem;
  }
}

.table__value {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 100%;
}

@media only screen and (max-width: 980px) {
  .table__value {
    font-size: 1.4rem;
  }
}

.table__item-main--total .table__value {
  color: #E02020;
}

.tag {
  display: inline-block;
}

.tag__input {
  display: none;
}

.tag__text {
  display: inline-block;
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  font-size: 1.4rem;
  color: #000;
  padding: .35rem 1.7rem;
  -webkit-transition: background .3s, border-color .3s;
  -o-transition: background .3s, border-color .3s;
  transition: background .3s, border-color .3s;
}

@media only screen and (max-width: 980px) {
  .tag__text {
    font-size: 1.2rem;
    padding: .5rem 1.9rem;
  }
}

@media screen and (min-width: 1200px) {
  .tag__text:hover {
    background: #FFECE7;
  }
}

.tag__input:checked+.tag__text {
  border-color: #EE7775;
  background: #FFECE7;
}

.title {
  font-size: 2.6rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2.7rem;
}

@media only screen and (max-width: 980px) {
  .title {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
}

.title--btn-pass {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

@media only screen and (max-width: 980px) {
  .title--btn-pass {
    display: block;
  }
}

.title--supplier-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .title--supplier-products {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.5rem;
  }
}

.title--add-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .title--add-product {
    display: block;
  }
}

@media only screen and (max-width: 980px) {
  .title--supplier-products .title__text {
    margin-bottom: 3.2rem;
  }
}

.title__btn-pass {
  width: 22rem;
  height: 4.4rem;
}

.title__btn-pass .btn__text {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0;
}

@media only screen and (max-width: 980px) {
  .title__btn-pass {
    width: 100%;
    margin-top: 1.8rem;
    height: 4.4rem;
  }
}

.title__search-more {
  width: 5rem;
  height: 4.4rem;
  margin-left: 2rem;
}

@media only screen and (max-width: 980px) {
  .title__search-more {
    margin-left: auto;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

.title__search-supplier {
  width: 55.2rem;
  height: 4.4rem;
  margin-left: 7.8rem;
}

.title__search-supplier .search__field-box {
  height: 100%;
}

@media screen and (max-width: 1440px) {
  .title__search-supplier {
    margin-left: 3rem;
    width: 40rem;
  }
}

@media only screen and (max-width: 980px) {
  .title__search-supplier {
    margin-left: 0;
    width: 100%;
    margin-bottom: 1.5rem;
  }
}

.title__tabs-wrapper {
  margin-left: auto;
  padding-left: 1rem;
}

@media only screen and (max-width: 980px) {
  .title__tabs-wrapper {
    display: none;
  }
}

.title__select-suppl {
  margin-left: 3rem;
}

@media screen and (max-width: 1440px) {
  .title__select-suppl {
    margin-left: 1rem;
  }
}

@media only screen and (max-width: 980px) {
  .title__select-suppl {
    margin-left: 0;
    width: 100%;
  }
}

.title__refresh {
  width: 5.6rem;
  height: 4.4rem;
  margin-left: 3.6rem;
}

@media screen and (max-width: 1440px) {
  .title__refresh {
    margin-left: 2rem;
    width: 5rem;
  }
}

@media only screen and (max-width: 980px) {
  .title__refresh {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: auto;
  }
}

.title__circle-refresh {
  font-size: 4.4rem;
  margin-left: 3.6rem;
}

@media screen and (max-width: 1440px) {
  .title__circle-refresh {
    margin-left: 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .title__circle-refresh {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: auto;
    margin-top: 2rem;
  }
}

.title__add-product-col {
  margin-left: 5rem;
}

@media only screen and (max-width: 980px) {
  .title__add-product-col {
    margin-left: 0;
    margin-top: 1.2rem;
  }
}

.tns-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -6px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
}

.tns-nav button {
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 50%;
  background: #cecece;
  -webkit-transition: background .25s;
  -o-transition: background .25s;
  transition: background .25s;
  margin: 6px;
  display: inline-block !important;
}

.tns-nav button.tns-nav-active {
  background: red;
}

.top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3.5rem;
}

@media only screen and (max-width: 980px) {
  .top-bar {
    margin-bottom: 1.3rem;
  }
}

@media only screen and (max-width: 980px) {
  .top-bar--orders {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.top-bar__title {
  margin-bottom: 0;
}

@media only screen and (max-width: 980px) {
  .top-bar__title {
    margin-right: 1rem;
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 980px) {
  .top-bar--orders .top-bar__title {
    margin-bottom: 3.2rem;
    margin-right: 0;
  }
}

.top-bar__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

@media only screen and (max-width: 980px) {
  .top-bar__main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.top-bar--orders .top-bar__main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 7.8rem;
}

@media screen and (max-width: 1440px) {
  .top-bar--orders .top-bar__main {
    padding-left: 2.4rem;
  }
}

@media only screen and (max-width: 980px) {
  .top-bar--orders .top-bar__main {
    width: 100%;
    padding-left: 0;
  }
}

@media only screen and (max-width: 980px) {
  .top-bar {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.top-bar .search__submit {
  right: .9rem;
}

.top-bar__btn {
  width: 22rem;
  height: 4.4rem;
  margin-right: 1.2rem;
  padding-left: 1.5rem;
}

.top-bar__btn--circle {
  font-size: 4.4rem;
  margin: 0;
  width: auto;
}

.top-bar__btn .btn__text {
  font-family: 'Roboto';
  font-weight: 500;
  letter-spacing: 0.035rem;
  font-size: 1.5rem;
}

@media only screen and (max-width: 980px) {
  .top-bar__btn .btn__text {
    font-size: 1.3rem;
  }
}

@media only screen and (max-width: 980px) {
  .top-bar__btn {
    width: 10rem;
    height: 3.6rem;
    margin-right: 1.5rem;
    padding-left: 1.1rem;
    padding-bottom: .4rem;
  }
}

@media only screen and (max-width: 980px) {
  .top-bar--circle-refresh .top-bar__btn {
    width: auto;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 980px) {
  .top-bar__btn .icon {
    right: 1rem;
  }
}

.top-bar__refresh {
  width: 5.6rem;
  height: 4.4rem;
}

.top-bar--orders .top-bar__refresh {
  margin-left: auto;
}

.top-bar__refresh .btn {
  height: 4.4rem;
}

@media only screen and (max-width: 980px) {
  .top-bar__refresh .btn {
    padding: 0;
    height: 3.6rem;
  }
}

@media only screen and (max-width: 980px) {
  .top-bar__refresh {
    width: 3.6rem;
    height: 3.6rem;
    margin-right: .1rem;
  }
}

@media only screen and (max-width: 980px) {
  .top-bar--circle-refresh .top-bar__refresh {
    width: 3.7rem;
    -webkit-transform: translateX(-1.8rem);
    -ms-transform: translateX(-1.8rem);
    transform: translateX(-1.8rem);
    height: 3.6rem;
    margin-right: 0;
  }
}

.top-bar__search {
  width: 28rem;
  height: 4.4rem;
  margin-right: 2rem;
}

@media only screen and (max-width: 980px) {
  .top-bar__search {
    width: 100%;
    height: 4.2rem;
    margin: 0;
    margin-top: 3.2rem;
    display: none;
  }

  .top-bar__search .search__field-box {
    height: 100%;
  }
}

.top-bar__search--mobile {
  display: none;
  width: 100%;
  height: 4rem;
}

@media only screen and (max-width: 980px) {
  .top-bar__search--mobile {
    display: block;
    margin-top: 1.5rem;
    margin-right: 0;
  }
}

.top-bar .search__field {
  height: 4.4rem;
}

.top-bar .search__field::-webkit-input-placeholder {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.035rem;
  color: #b2b2b2;
}

.top-bar .search__field::-moz-placeholder {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.035rem;
  color: #b2b2b2;
}

.top-bar .search__field::-ms-input-placeholder {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.035rem;
  color: #b2b2b2;
}

.top-bar .search__field::placeholder {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.035rem;
  color: #b2b2b2;
}

@media only screen and (max-width: 980px) {
  .top-bar .search__field {
    height: 4rem;
  }
}

.top-bar__search-orders {
  margin-right: 1rem;
}

@media only screen and (max-width: 980px) {
  .top-bar__search-orders {
    margin: 1rem 0;
    width: 100%;
    height: 3.6rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.top-bar--orders .top-bar__search-orders {
  width: 55.2rem;
}

@media screen and (max-width: 1440px) {
  .top-bar--orders .top-bar__search-orders {
    width: 40rem;
  }
}

@media only screen and (max-width: 980px) {
  .top-bar--orders .top-bar__search-orders {
    width: 100%;
    margin: 0 0 2.4rem 0;
  }
}

.top-bar__select-orders.label-field {
  margin-right: 3.6rem;
}

@media screen and (max-width: 1440px) {
  .top-bar__select-orders.label-field {
    margin-right: 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .top-bar__select-orders.label-field {
    margin: 0;
    padding-right: 1rem;
    height: 3.6rem;
    width: calc(100% - 3.7rem);
  }
}

@media only screen and (max-width: 980px) {
  .top-bar--orders .top-bar__select-orders.label-field {
    width: 100%;
    padding-right: 0;
    margin-bottom: 2rem;
  }
}

.top-bar__select-orders.label-field .select__btn {
  height: 4.4rem;
}

@media only screen and (max-width: 980px) {
  .top-bar__select-orders.label-field .select__btn {
    height: 3.6rem;
  }
}

.top-bar__search-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
  overflow-y: hidden;
}

@media only screen and (max-width: 980px) {
  .top-bar__search-container {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    overflow: hidden;
    width: 100%;
    margin-bottom: 1.2rem;
  }
}

.top-bar__default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .top-bar__default {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.top-bar__search-container.active .top-bar__default {
  display: none;
}

.top-bar__active {
  display: none;
}

.top-bar__search-container.active .top-bar__active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 80rem;
}

@media only screen and (max-width: 980px) {
  .top-bar__search-container.active .top-bar__active {
    min-width: auto;
  }
}

.top-bar--invoices .top-bar__search-container.active .top-bar__active {
  min-width: 120rem;
}

@media only screen and (max-width: 980px) {
  .top-bar--invoices .top-bar__search-container.active .top-bar__active {
    min-width: auto;
  }
}

.top-bar__search-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
}

@media only screen and (max-width: 980px) {
  .top-bar__search-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
}

.top-bar__search-li {
  padding-left: 1rem;
}

.top-bar__search-li:first-child {
  padding-left: 0;
}

@media only screen and (max-width: 980px) {
  .top-bar__search-li:first-child {
    padding-top: 0;
  }
}

@media only screen and (max-width: 980px) {
  .top-bar__search-li {
    width: 100%;
    padding-left: 0;
    padding-top: 1rem;
  }
}

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

  .top-bar__search-li--btn,
  .top-bar__search-li--close {
    width: auto;
  }
}

.top-bar__search-li--close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .top-bar__search-li--btn {
    padding-right: 1rem;
    margin-left: auto;
  }
}

@media only screen and (max-width: 980px) {
  .top-bar .title__search-more {
    height: 4rem;
  }
}

.top-bar__submit {
  margin-left: 0;
}

.top-bar .select__btn {
  height: 4.4rem;
}

.top-bar__close {
  display: block;
  font-size: 2.2rem;
  line-height: 0;
  color: #DCDCDC;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media only screen and (max-width: 980px) {
  .top-bar__close {
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 1200px) {
  .top-bar__close:hover {
    color: #E02020;
  }
}

.upload {
  display: block;
  position: relative;
}

@media screen and (min-width: 1200px) {
  .upload:hover .upload__icon {
    color: #000;
  }
}

.upload__input {
  display: none;
}

.upload__area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 5.1rem;
  padding: 1.7rem 1.5rem 0 1.5rem;
  border: 1px solid #B7B7B7;
  border-radius: 5px;
}

@media only screen and (max-width: 980px) {
  .upload__area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 12.5rem;
    padding: 1.5rem 1.8rem 2.6rem 1.5rem;
  }
}

.upload--disabled .upload__area {
  padding-right: 1.5rem;
}

.upload__icon-wrap {
  margin: -1rem 0 0 1.4rem;
  font-size: 3.6rem;
}

@media only screen and (max-width: 980px) {
  .upload__icon-wrap {
    margin: 2rem 0 0 0;
  }
}

@media only screen and (max-width: 980px) {
  .upload__placeholder {
    line-height: 1.7rem;
    margin-bottom: 1.2rem;
  }
}

.upload__text {
  display: block;
  font-size: 1.4rem;
  line-height: 100%;
  font-weight: 500;
}

.upload__file {
  margin-left: auto;
  color: #E02020;
}

@media only screen and (max-width: 980px) {
  .upload__file {
    margin-left: 0;
    padding-right: 5rem;
  }
}

.upload__file-input {
  display: none;
}

.user-approval {
  background: #fff;
  padding: 3rem;
}

@media only screen and (max-width: 980px) {
  .user-approval {
    padding: 1.5rem;
  }
}

.user-approval__list {
  margin: -2rem -6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 980px) {
  .user-approval__list {
    margin: -.5rem;
    display: block;
  }
}

.user-approval__li {
  padding: 2rem 6rem;
}

@media only screen and (max-width: 980px) {
  .user-approval__li {
    padding: .5rem;
  }
}

.user-approval__item-list {
  margin: -.5rem;
}

.user-approval__item-li {
  padding: .5rem;
}

.user-approval__title {
  font-size: 1.2rem;
  color: #9299a2;
}

.user-approval__value {
  font-size: 1.4rem;
  font-weight: 500;
  color: #000;
}

.user-approval__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5rem;
}

@media only screen and (max-width: 980px) {
  .user-approval__btn-list {
    display: block;
    margin-top: 2.5rem;
  }
}

.user-approval__btn-li {
  margin-left: 3rem;
}

@media only screen and (max-width: 980px) {
  .user-approval__btn-li {
    margin-top: 1.5rem;
    margin-left: 0;
  }
}

.user-approval__btn-li:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 980px) {
  .user-approval__btn-li:first-child {
    margin-top: 0;
  }
}

.user-approval__btn-li:last-child {
  margin-left: auto;
}

.user-approval .btn--reject {
  min-width: 12rem;
}

.user-approval .btn--send-back {
  min-width: 12rem;
}

.user-approval .btn--approve {
  min-width: 22rem;
}

.user-approval__tab-li {
  display: none;
}

.user-approval__tab-li.active {
  display: block;
}

.user-approval__navigation-menu {
  margin-left: -3rem;
  width: calc(100% + 6rem);
}

@media screen and (max-width: 1440px) {
  .user-approval__navigation-menu {
    margin-left: -1.4rem;
    width: calc(100% + 2.8rem);
  }
}

.user-list {
  margin-bottom: 3.8rem;
}

.user-list__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -.5rem -1.2rem;
}

.user-list__li {
  width: 100%;
  padding: .5rem 1.2rem;
}

.user-list__li--50 {
  width: calc(100% / 2);
}

.access-management__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .access-management__title {
    display: block;
  }
}

.access-management__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: -1.5rem;
}

.access-management__li {
  padding: 1.5rem;
  width: 64rem;
}

@media only screen and (max-width: 980px) {
  .access-management__li {
    width: calc(100% / 2);
    min-width: 29rem;
  }
}

.access-management__btn-list-col {
  margin-left: auto;
}

@media only screen and (max-width: 980px) {
  .access-management__btn-list-col {
    margin-left: 0;
    margin-top: 1.2rem;
  }
}

.access-management__btn-list {
  margin: -1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 980px) {
  .access-management__btn-list {
    margin: -.5rem;
  }
}

.access-management__btn-li {
  padding: 1rem;
}

@media only screen and (max-width: 980px) {
  .access-management__btn-li {
    padding: .5rem;
  }
}

@media only screen and (max-width: 980px) {
  .access-management .btn {
    height: 4rem;
    padding: 0 .8rem;
  }
}

@media only screen and (max-width: 980px) {
  .access-management .btn__text {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 980px) {
  .access-management .btn__icon {
    font-size: 1.8rem;
  }
}

.api {
  position: relative;
}

.api__title-head {
  color: #E02020;
  text-align: center;
  margin-bottom: 5rem;
}

.api__link-title {
  margin: 5rem 0;
}

.api__list {
  margin: -4rem;
}

.api__li {
  padding: 4rem;
  position: relative;
}

.api__li--black {
  background: #000;
}

.api__sticky {
  width: auto;
  height: auto;
  position: fixed;
  right: 2rem;
  top: 22rem;
  z-index: 999;
  overflow: auto;
}

.api__sticky.active {
  width: 20rem;
  height: calc(100vh - 24rem);
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
  padding: 1.5rem;
  background: #fff;
}

@media only screen and (max-width: 980px) {
  .api__sticky {
    right: 1.5rem;
  }
}

.api__sticky-list {
  margin: -.5rem;
  display: none;
}

.api__sticky.active .api__sticky-list {
  display: block;
}

.api__sticky-li {
  padding: .5rem;
}

.api__sticky-item {
  display: block;
  font-size: 1.4rem;
  color: #000;
}

@media screen and (min-width: 1200px) {
  .api__sticky-item:hover {
    color: #E02020;
  }
}

.api__sticky-btn {
  background: #000;
  position: relative;
  width: 2rem;
  height: 2rem;
  margin-left: auto;
  display: block;
  font-size: 1.2rem;
  margin-bottom: 2.4rem;
  position: -webkit-sticky;
  position: sticky;
  top: .5rem;
  right: .5rem;
}

.api__sticky-btn-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.api__sticky-btn-icon--close {
  opacity: 0;
}

.api__sticky.active .api__sticky-btn-icon--close {
  opacity: 1;
}

.api__sticky.active .api__sticky-btn-icon--open {
  opacity: 0;
}

.api__sticky-title {
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #E02020;
  margin: 0rem 0;
}

.api .circle-counter {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.api .container__category-select-list>ul {
  display: block;
  position: static;
}

.api__circle-icon {
  font-size: 3rem;
}

.bundles__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3.5rem;
}

@media only screen and (max-width: 980px) {
  .bundles__top {
    margin-bottom: 1.3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.bundles__title {
  margin-bottom: 0;
}

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

@media only screen and (max-width: 980px) {
  .bundles__main {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.bundles__list-main {
  margin: -4.6rem 0;
}

@media only screen and (max-width: 980px) {
  .bundles__list-main {
    margin: -1.35rem 0;
  }
}

.bundles__item-main {
  padding: 4.6rem 0;
}

@media only screen and (max-width: 980px) {
  .bundles__item-main {
    padding: 1.35rem 0;
  }
}

.bundles__item-main .bundles__title {
  margin-bottom: 3.9rem;
}

@media screen and (max-width: 1440px) {
  .bundles__item-main .bundles__title {
    margin-bottom: 4.7rem;
  }
}

@media only screen and (max-width: 980px) {
  .bundles__item-main .bundles__title {
    margin-bottom: 2rem;
  }
}

.bundles .search__submit {
  right: .9rem;
}

.bundles__btn {
  width: 22rem;
  height: 4.4rem;
  margin-right: 1.2rem;
  padding-left: 1.5rem;
}

.bundles__btn .btn__text {
  font-family: 'Roboto';
  font-weight: 500;
  letter-spacing: 0.035rem;
  font-size: 1.5rem;
}

@media only screen and (max-width: 980px) {
  .bundles__btn .btn__text {
    font-size: 1.3rem;
  }
}

@media only screen and (max-width: 980px) {
  .bundles__btn {
    width: 10rem;
    height: 3.6rem;
    margin-right: 1.5rem;
    padding-left: 1.1rem;
    padding-bottom: .4rem;
  }
}

@media only screen and (max-width: 980px) {
  .bundles__btn .icon {
    right: 1rem;
  }
}

.bundles__refresh {
  width: 5.6rem;
  height: 4.4rem;
}

@media only screen and (max-width: 980px) {
  .bundles__refresh {
    width: 3.6rem;
    height: 3.6rem;
    margin-right: .1rem;
  }

  .bundles__refresh .btn {
    padding: 0;
  }
}

.bundles__search {
  width: 28rem;
  height: 4.4rem;
  margin-right: 2rem;
}

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

.bundles__search--mobile {
  display: none;
  width: 100%;
  height: 4rem;
}

@media only screen and (max-width: 980px) {
  .bundles__search--mobile {
    display: block;
    margin-bottom: 2rem;
  }
}

.bundles__wrapper {
  width: 100%;
  padding: 3rem;
  background-color: #F4F4F4;
}

@media screen and (max-width: 1440px) {
  .bundles__wrapper {
    padding: 2rem 1.5rem 4rem;
  }
}

@media only screen and (max-width: 980px) {
  .bundles__wrapper {
    margin: 0 -15px;
    width: calc(100% + 30px);
    padding: 1.5rem;
  }
}

.bundles__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.5rem;
}

@media only screen and (max-width: 980px) {
  .bundles__list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto hidden;
    margin: -.5rem;
  }
}

.bundles__item {
  padding: 1.5rem;
}

@media only screen and (max-width: 980px) {
  .bundles__item {
    padding: .5rem;
  }
}

.cart__content {
  max-width: 130rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 980px) {
  .cart__content {
    display: block;
  }
}

.cart__left-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 4rem;
}

@media screen and (max-width: 1440px) {
  .cart__left-col {
    padding-right: 1rem;
  }
}

@media only screen and (max-width: 980px) {
  .cart__left-col {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-right: 0;
  }
}

.cart__right-col {
  width: 31.3rem;
  padding-top: 3.9rem;
}

@media only screen and (max-width: 980px) {
  .cart__right-col {
    width: 100%;
    padding-top: 0;
    margin-top: 2.5rem;
  }
}

.cart__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 1.5rem;
}

@media only screen and (max-width: 980px) {
  .cart__header {
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
    border-bottom: 1px solid #ccc;
    padding: 0 1.5rem;
    padding-bottom: .7rem;
    margin-bottom: .2rem;
  }
}

.cart__quantity,
.cart__amount {
  font-size: 1.6rem;
  font-weight: bold;
}

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

  .cart__quantity,
  .cart__amount {
    font-size: 1.2rem;
  }
}

.cart__quantity-key,
.cart__amount-key {
  color: #7F7F7F;
}

.cart__amount-key {
  margin-right: .4rem;
}

.cart__total {
  padding: 3rem 5.7rem 3rem 4.4rem;
  background: #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 1440px) {
  .cart__total {
    padding: 3rem 3.7rem 3rem 2.2rem;
  }
}

@media only screen and (max-width: 980px) {
  .cart__total {
    display: block;
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
    padding: 1.6rem 1.5rem 2rem;
    margin-top: 1.8rem;
  }
}

.cart__total-header {
  font-size: 2.7rem;
  line-height: 3.4rem;
  font-weight: bold;
  width: 15.3rem;
}

@media only screen and (max-width: 980px) {
  .cart__total-header {
    font-size: 2rem;
    line-height: normal;
    width: 100%;
    margin-bottom: 1.2rem;
  }
}

.cart__info-li:last-child .card-info {
  border-top: none;
}

.cart__btn-order {
  margin-top: 3rem;
}

@media only screen and (max-width: 980px) {
  .cart__btn-order {
    margin-top: 2rem;
  }
}

.cart__total-content {
  width: 35.7rem;
  margin-left: auto;
  padding-top: .6rem;
}

@media screen and (max-width: 1440px) {
  .cart__total-content {
    margin-left: auto;
  }
}

@media only screen and (max-width: 980px) {
  .cart__total-content {
    margin-left: 0;
    width: 100%;
    padding-top: 0;
  }
}

.cart__total-list {
  margin: -.4rem;
}

.cart__total-li {
  padding: .4rem;
}

.cart__total-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.7rem;
  line-height: 1.9rem;
  color: rgba(0, 0, 0, 0.416302);
}

@media only screen and (max-width: 980px) {
  .cart__total-item {
    font-size: 1.5rem;
    line-height: 1.7rem;
  }
}

.cart__total-li--total .cart__total-item {
  font-weight: bold;
  color: #000;
  padding-top: 2rem;
  margin-top: 1rem;
  border-top: 1px solid #979797;
}

@media only screen and (max-width: 980px) {
  .cart__total-li--total .cart__total-item {
    padding-top: 1rem;
  }
}

.cart__total-key {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 2rem;
}

.cart__total-value {
  text-align: right;
}

.catalog-slider {
  color: #fff;
  position: relative;
  padding-bottom: 3rem;
}

.catalog-slider__item {
  padding: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: no-repeat center;
  background-size: cover;
}

@media only screen and (max-width: 980px) {
  .catalog-slider__item {
    padding: 4rem 2.5rem;
  }
}

.catalog-slider__header {
  font-family: 'Muller';
  font-size: 4.1rem;
  font-weight: bold;
  line-height: 3.9rem;
  width: 24rem;
  text-transform: uppercase;
}

@media only screen and (max-width: 980px) {
  .catalog-slider__header {
    width: 100%;
    font-size: 2rem;
    line-height: normal;
    margin-bottom: 2rem;
  }
}

.catalog-slider__icon {
  margin-left: 1.8rem;
}

@media only screen and (max-width: 980px) {
  .catalog-slider__icon {
    display: none;
  }
}

.catalog-slider__desc {
  font-size: 2.1rem;
  line-height: 2.1rem;
  width: 32.1rem;
  margin-left: 2rem;
}

@media only screen and (max-width: 980px) {
  .catalog-slider__desc {
    font-size: 1.5rem;
    line-height: normal;
    width: 100%;
    margin-left: 0;
  }
}

.catalog {
  border: 3px solid #e5e5e5;
  margin-bottom: calc(5.3rem - 1.4rem);
}

@media only screen and (max-width: 980px) {
  .catalog {
    margin: -.75rem -.5rem;
  }
}

.catalog--flat {
  border: none;
  margin-top: 4rem;
}

.catalog--integrator {
  border: none;
}

.catalog__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.5px;
}

.catalog--flat .catalog__list {
  display: block;
  margin: -.5rem;
}

.catalog--integrator .catalog__list {
  margin: -1rem;
}

@media only screen and (max-width: 980px) {
  .catalog--integrator .catalog__list {
    margin: -.5rem;
  }
}

.catalog__li {
  width: calc(100% / 4);
  border: 1.5px solid #e5e5e5;
  -webkit-transition: border-color .2s ease;
  -o-transition: border-color .2s ease;
  transition: border-color .2s ease;
}

.catalog__li:hover {
  border: 1.5px solid #807e7e;
}

@media screen and (max-width: 3000px) {
  .catalog__li {
    width: calc(100% / 7);
  }
}

@media screen and (max-width: 2260px) {
  .catalog__li {
    width: calc(100% / 6);
  }
}

@media screen and (max-width: 1920px) {
  .catalog__li {
    width: calc(100% / 5);
  }
}

@media screen and (max-width: 1610px) {
  .catalog__li {
    width: calc(100% / 4);
  }
}

@media screen and (max-width: 1280px) {
  .catalog__li {
    width: calc(100% / 3);
  }
}

@media screen and (max-width: 1023px) {
  .catalog__li {
    width: calc(100% / 2);
  }
}

.catalog--flat .catalog__li {
  width: 100%;
  padding: .5rem;
  border: none;
  position: relative;
}

.catalog--integrator .catalog__li {
  border: none;
  padding: 1rem;
}

@media only screen and (max-width: 980px) {
  .catalog--integrator .catalog__li {
    padding: .5rem;
  }
}

.category-carousel {
  position: relative;
  margin-left: -1.5rem;
  width: calc(100% + 3rem);
  padding-left: 1.5rem;
}

.category-carousel:after {
  display: block;
  content: '';
  width: 8.9rem;
  height: 5.9rem;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 20;
  background: url(../img/css/category-carousel-bg.png) no-repeat center;
  background-size: 100% auto;
}

@media only screen and (max-width: 980px) {
  .category-carousel:after {
    display: none;
  }
}

.category-carousel__li {
  opacity: 0;
}

.category-carousel__li.tns-item {
  opacity: 1;
}

.category-carousel__li:last-child .category-carousel__item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.category-carousel__li:last-child .category-carousel__item-box:after {
  display: inline-block;
  content: '';
  width: 8.7rem;
  height: 50px;
}

.category-carousel__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  height: 100%;
  padding: 0 1rem;
  height: 3.1rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: border-color .3s, background .3s;
  -o-transition: border-color .3s, background .3s;
  transition: border-color .3s, background .3s;
}

@media only screen and (max-width: 980px) {
  .category-carousel__item {
    height: 3.6rem;
  }
}

@media screen and (min-width: 1200px) {
  .category-carousel__item:hover {
    border-color: #E02020;
    background: #E02020;
  }
}

.category-carousel__icon {
  margin-right: .9rem;
  max-width: 16px;
  position: relative;
  top: -1px;
}

@media only screen and (max-width: 980px) {
  .category-carousel__icon {
    width: 2rem;
    height: 2rem;
    margin-right: 1.2rem;
  }
}

.category-carousel__text {
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 980px) {
  .category-carousel__text {
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
  }
}

.category-carousel .tns-controls button {
  width: 2.6rem;
  height: 2.6rem;
  background: url(../svg_icons/arrow-short-right.svg) no-repeat center;
  background-size: 100% auto;
  font-size: 0;
  position: absolute;
  right: 1.7rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 50;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

@media screen and (min-width: 1200px) {
  .category-carousel .tns-controls button:hover {
    -webkit-transform: translate(0.2rem, -50%);
    -ms-transform: translate(0.2rem, -50%);
    transform: translate(0.2rem, -50%);
  }
}

.category-carousel .tns-controls button:first-child {
  display: none;
}

.category-permits__list {
  margin: -1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 980px) {
  .category-permits__list {
    display: block;
  }
}

.category-permits__li {
  padding: 1.5rem;
}

.category__container {
  position: relative;
  padding-bottom: 4.3rem;
  max-width: 150rem;
}

@media only screen and (max-width: 980px) {
  .category__container {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 980px) {
  .category__slider {
    margin-bottom: 2.4rem;
  }
}

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

  .category__slide:first-child {
    display: block !important;
  }
}

.category__list {
  margin: -1.5rem -1.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

@media only screen and (max-width: 980px) {
  .category__list {
    margin: -.6rem;
  }
}

.category__li {
  padding: 1.5rem 1.3rem;
  width: calc(100% / 3);
}

@media only screen and (max-width: 980px) {
  .category__li {
    width: 100%;
    padding: .6rem;
  }
}

.category__li.hide {
  display: none;
}

@media screen and (min-width: 1200px) {
  .category__li {
    width: calc(100% / 4);
  }
}

@media screen and (max-width: 1279px) {
  .category__li {
    width: calc(100% / 3);
  }
}

@media screen and (max-width: 1023px) {
  .category__li {
    width: calc(100% / 2);
  }
}

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

.category .tns-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -.6rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.category .tns-nav button {
  width: 1rem;
  height: 1rem;
  border: none;
  border-radius: 50%;
  background: #cecece;
  -webkit-transition: background .25s;
  -o-transition: background .25s;
  transition: background .25s;
  margin: .6rem;
  display: inline-block !important;
}

.category .tns-nav button.tns-nav-active {
  background: red;
}

.category__show-more {
  margin: 0 auto;
  margin-top: 3rem;
  width: 20rem;
  -webkit-transition: color .3s, background-color .3s;
  -o-transition: color .3s, background-color .3s;
  transition: color .3s, background-color .3s;
}

@media only screen and (max-width: 980px) {
  .category__show-more {
    display: block;
  }
}

@media screen and (min-width: 1200px) {
  .category__show-more:hover {
    background: #E02020;
    color: white;
  }
}

.client--supplier .navigation-menu {
  margin-bottom: 0;
  border-bottom: 0;
}

.client--supplier .client-card {
  background: #fff;
  padding: 3rem 3rem 5rem;
  border-top: 3px solid #000;
}

.client__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -6.5rem;
}

@media screen and (max-width: 1440px) {
  .client__list {
    padding-right: 3rem;
  }
}

@media only screen and (max-width: 980px) {
  .client__list {
    display: block;
    margin: -2rem;
    padding-right: 0;
  }
}

.client--supplier .client__list {
  margin: -1.5rem;
}

.client__li {
  padding: 6.5rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 105rem;
}

@media only screen and (max-width: 980px) {
  .client__li {
    padding: 2rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}

.client__li:nth-child(1) {
  width: calc(40rem + 13rem);
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

@media screen and (max-width: 1440px) {
  .client__li:nth-child(1) {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.client--supplier .client__li {
  padding: 1.5rem;
}

.client__sub-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: -2rem -6rem;
}

@media screen and (max-width: 1440px) {
  .client__sub-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -3.9rem;
  }
}

@media only screen and (max-width: 980px) {
  .client__sub-list {
    margin: -2rem;
  }
}

.client--supplier .client__sub-list {
  margin: -1.5rem;
}

.client__sub-li {
  width: calc(100% / 2);
  padding: 2rem 6rem;
}

@media screen and (max-width: 1440px) {
  .client__sub-li {
    padding: 3.9rem;
    width: 100%;
  }
}

@media only screen and (max-width: 980px) {
  .client__sub-li {
    padding: 2rem;
  }
}

@media screen and (max-width: 1440px) {
  .client__sub-li:nth-child(1) {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

@media screen and (max-width: 1440px) {
  .client__sub-li:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

@media screen and (max-width: 1440px) {
  .client__sub-li:nth-child(3) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.client--supplier .client__sub-li {
  padding: 1.5rem;
}

.client__content-list {
  margin: -1.4rem;
  margin-bottom: 0rem;
}

@media only screen and (max-width: 980px) {
  .client__content-list {
    margin: -1.6rem;
  }
}

.client__content-li {
  position: relative;
  padding: 1.4rem;
}

@media only screen and (max-width: 980px) {
  .client__content-li {
    padding: 1.6rem;
  }
}

.client__content-li:after {
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -2.6rem;
  right: -1.6rem;
  height: 1px;
  background: #CBCBCB;
}

@media screen and (max-width: 1440px) {
  .client__content-li:after {
    right: -.6rem;
    left: -.6rem;
  }
}

@media only screen and (max-width: 980px) {
  .client__content-li:after {
    left: .1rem;
    right: .1rem;
  }
}

.client__content-li:first-child:before {
  display: block;
  content: '';
  position: absolute;
  bottom: 100%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  left: -2.6rem;
  right: -1.6rem;
  height: 1px;
  background: #CBCBCB;
}

@media screen and (max-width: 1440px) {
  .client__content-li:first-child:before {
    right: -.6rem;
    left: -.6rem;
  }
}

@media only screen and (max-width: 980px) {
  .client__content-li:first-child:before {
    left: .1rem;
    right: .1rem;
  }
}

@media only screen and (max-width: 980px) {
  .client__content-li:last-child:after {
    display: none;
  }
}

.client__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -1.5rem;
}

@media only screen and (max-width: 980px) {
  .client__btn-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.client__btn-li {
  padding: 1.5rem;
}

@media only screen and (max-width: 980px) {
  .client__btn-li {
    width: calc(100% / 2);
  }
}

.client__update {
  width: 13.1rem;
}

.client__next {
  width: 22rem;
}

.client__update,
.client__next {
  height: 4.4rem;
}

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

  .client__update,
  .client__next {
    width: 100%;
  }
}

.client--supplier .client__static-content {
  margin-top: 0;
}

.contact__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.2rem;
}

@media screen and (max-width: 1440px) {
  .contact__list {
    margin: -1rem;
  }
}

@media only screen and (max-width: 980px) {
  .contact__list {
    margin: -.75rem;
  }
}

.contact__li {
  width: calc(100% / 3);
  padding: 1.2rem;
}

@media screen and (max-width: 1440px) {
  .contact__li {
    width: calc(100% / 2);
    padding: 1rem;
  }
}

@media only screen and (max-width: 980px) {
  .contact__li {
    width: 100%;
    padding: .75rem;
  }
}

.delegation {
  color: #000;
}

.delegation__content {
  background: #F4F4F4;
  padding: 5rem 3rem 3rem 3rem;
  border-top: 3px solid #000;
}

@media screen and (max-width: 1440px) {
  .delegation__content {
    padding-right: 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .delegation__content {
    padding: 2.7rem 1.5rem 1.5rem 1.5rem;
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
  }
}

.delegation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -3rem;
}

@media screen and (max-width: 1440px) {
  .delegation__list {
    margin: -.5rem;
  }
}

@media only screen and (max-width: 980px) {
  .delegation__list {
    margin: -1.5rem;
  }
}

.delegation__li {
  padding: 3rem;
}

@media screen and (max-width: 1440px) {
  .delegation__li {
    padding: .5rem;
  }
}

@media only screen and (max-width: 980px) {
  .delegation__li {
    padding: 1.5rem;
    width: 100%;
  }
}

@media screen and (max-width: 1440px) {
  .delegation__li--login {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.delegation__li--delegation .delegation__delegation-card {
  width: 48.7rem;
}

@media screen and (max-width: 1440px) {
  .delegation__li--delegation .delegation__delegation-card {
    width: 39rem;
  }
}

@media only screen and (max-width: 980px) {
  .delegation__li--delegation .delegation__delegation-card {
    width: 100%;
  }
}

.delegation__li--login .delegation__delegation-card {
  width: 75.1rem;
}

@media screen and (max-width: 1440px) {
  .delegation__li--login .delegation__delegation-card {
    width: auto;
  }
}

.delegation__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5rem;
}

@media only screen and (max-width: 980px) {
  .delegation__header {
    margin-bottom: 2.5rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.delegation__header-text {
  font-size: 2.4rem;
  line-height: normal;
  font-weight: bold;
  margin-right: 2rem;
}

@media only screen and (max-width: 980px) {
  .delegation__header-text {
    font-size: 1.8rem;
    margin-right: 1.6rem;
  }
}

.financials--supplier .navigation-menu {
  margin-bottom: 0;
  border-bottom: 0;
}

.financials--supplier .static-content {
  padding: 0;
  border: none;
  margin: 0;
  margin-top: 3rem;
}

@media only screen and (max-width: 980px) {
  .financials--supplier .static-content {
    margin-left: 0;
    width: 100%;
  }
}

.financials__head {
  background: #fff;
  padding: 3rem;
  border-top: 3px solid #000;
}

@media only screen and (max-width: 980px) {
  .financials__head {
    padding: 1.5rem;
  }
}

.financials--integrator .financials__head {
  margin-top: 3rem;
}

.financials--integrator .financials__head:first-child {
  margin-top: 0;
}

.financials__title {
  margin-bottom: 2.2rem;
  font-size: 2.4rem;
}

@media only screen and (max-width: 980px) {
  .financials__title {
    font-size: 1.8rem;
    margin-bottom: 1.6rem;
  }
}

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

@media only screen and (max-width: 980px) {
  .financials__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.financials__left {
  margin-right: 11.6rem;
}

@media screen and (max-width: 1440px) {
  .financials__left {
    margin-right: 6rem;
  }
}

@media only screen and (max-width: 980px) {
  .financials__left {
    margin-right: 0;
    margin-bottom: 5.5rem;
  }
}

.financials__input-list {
  margin: -1rem 0;
  width: 40rem;
}

@media only screen and (max-width: 980px) {
  .financials__input-list {
    width: 100%;
  }
}

.financials__input-item {
  padding: 1rem 0;
}

.financials__question-list {
  margin: -2rem;
}

@media screen and (max-width: 1440px) {
  .financials__question-list {
    margin: -1.5rem;
  }
}

@media only screen and (max-width: 980px) {
  .financials__question-list {
    margin: -1rem;
  }
}

.financials__question-item {
  padding: 2rem;
}

@media screen and (max-width: 1440px) {
  .financials__question-item {
    padding: 1.5rem;
  }
}

@media only screen and (max-width: 980px) {
  .financials__question-item {
    padding: 1rem;
  }
}

.financials__btn {
  width: 13.1rem;
  margin-top: 2rem;
}

@media only screen and (max-width: 980px) {
  .financials__btn--desktop {
    display: none;
  }
}

@media only screen and (max-width: 980px) {
  .financials__btn {
    width: 100%;
  }
}

.financials__btn--mobile {
  display: none;
}

@media only screen and (max-width: 980px) {
  .financials__btn--mobile {
    display: block;
  }
}

.financials__wrapper {
  max-width: 134rem;
  width: 100%;
}

.financials--supplier .financials__wrapper {
  max-width: none;
  background: #fff;
  padding: 3rem;
  border-top: 3px solid #000;
}

@media only screen and (max-width: 980px) {
  .financials--supplier .financials__wrapper {
    padding: 1.5rem;
  }
}

.financials__about-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -.8rem -3.5rem 1.3rem;
}

@media screen and (max-width: 1440px) {
  .financials__about-list {
    margin: -.8rem -1rem 1.3rem;
  }
}

@media only screen and (max-width: 980px) {
  .financials__about-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.financials__about-item {
  width: calc(100%/3);
  padding: .8rem 3.5rem;
}

@media screen and (max-width: 1440px) {
  .financials__about-item {
    padding: .8rem 1rem;
  }
}

@media only screen and (max-width: 980px) {
  .financials__about-item {
    width: 100%;
  }
}

.financials__about-item .select__btn {
  height: 4.4rem;
}

.financials__file {
  margin-bottom: 3rem;
}

@media only screen and (max-width: 980px) {
  .financials__file {
    margin-bottom: 2rem;
  }
}

.financials__card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 4rem -1rem -1rem;
}

.financials--supplier .financials__card-list {
  margin-top: 2rem;
}

.financials--integrator .financials__card-list {
  margin-top: 3rem;
}

.financials__card-item {
  width: calc(100% / 3);
  padding: 1rem;
}

.financials__card-item::before {
  content: '';
  display: block;
  width: 100%;
  height: .3rem;
  background: #000;
}

@media screen and (max-width: 1440px) {
  .financials__card-item {
    width: 50%;
  }
}

@media only screen and (max-width: 980px) {
  .financials__card-item {
    width: 100%;
  }
}

.index {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 11rem;
  background-color: #f2f3f4;
}

@media only screen and (max-width: 980px) {
  .index {
    padding-bottom: 50vh;
  }
}

.index__header {
  background: #f2f3f4;
  padding: 4rem 0;
}

@media only screen and (max-width: 980px) {
  .index__header {
    padding: 2rem 0;
  }
}

@media only screen and (max-width: 980px) {
  .index__logo {
    width: 11rem;
  }
}

.index__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 69.7%;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background-color: transparent;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

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

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

.index__modal {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 9999;
  padding: 10.86% 9.49% 7.74% 6.37%;
  border-radius: 5px;
  -webkit-box-shadow: 0px 13px 64px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 13px 64px rgba(0, 0, 0, 0.25);
}

.index__modal-closed-out {
  display: block;
  -webkit-animation: blowDownModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  animation: blowDownModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.index__modal-closed {
  display: block;
  -webkit-animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.index__modal-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.index__modal-title {
  margin: 0;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  color: #e02020;
}

.index__modal-subtitle {
  min-height: 80%;
  margin-top: 6.85%;
  margin-right: 15.73%;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  color: #000;
}

.index__modal-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 14.36%;
  height: 7.21%;
  background-color: #000;
  color: #ffffff;
  margin-top: auto;
  margin-left: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.index__modal-btn:hover {
  opacity: 0.8;
  cursor: pointer;
}

.index__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background-color: transparent;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

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

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

.index__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 24.5%;
  flex: 0 1 24.5%;
  margin-bottom: 0.7%;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.index__item:nth-last-child(-n + 4) {
  margin-bottom: 0;
}

.index__item.index-open {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: 0px 13px 64px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 13px 64px rgba(0, 0, 0, 0.25);
}

.index__item.item-text {
  padding: 5.5% 20px;
}

.index__item.item-text:hover {
  cursor: pointer;
}

.index__item.item-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.index__header-container {
  max-width: 70%;
}

@media screen and (max-width: 1380px) {
  .index__header-container {
    max-width: 100%;
  }
}

.index__content-col-container {
  max-width: 70%;
}

@media screen and (max-width: 1380px) {
  .index__content-col-container {
    max-width: 100%;
  }
}

.index__content-col {
  background: -webkit-gradient(linear, left bottom, left top, from(#f2f3f4), to(#f2f3f4)), url(image.png);
  background: -webkit-linear-gradient(bottom, #f2f3f4, #f2f3f4), url(image.png);
  background: -o-linear-gradient(bottom, #f2f3f4, #f2f3f4), url(image.png);
  background: linear-gradient(0deg, #f2f3f4, #f2f3f4), url(image.png);
  border-radius: 10px;
  padding: 2rem 0 8rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media screen and (max-width: 1380px) {
  .index__content-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 4rem 0 5rem 0;
  }
}

@media only screen and (max-width: 980px) {
  .index__content-col {
    padding: 3rem 2rem;
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
    border-radius: 0;
  }
}

.index__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 55.3rem;
  padding-right: 2rem;
  color: #000;
}

@media screen and (max-width: 1380px) {
  .index__content {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-right: 0;
  }
}

.index__title-desc {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.6rem;
}

.index__title {
  font-size: 7rem;
  line-height: 8.2rem;
  font-weight: bold;
  margin-bottom: 1.7rem;
}

@media only screen and (max-width: 980px) {
  .index__title {
    font-size: 3rem;
    line-height: 3.4rem;
  }
}

.index__desc {
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-weight: 500;
}

@media only screen and (max-width: 980px) {
  .index__desc {
    font-size: 1.8rem;
    line-height: 2rem;
  }
}

.index__form {
  min-width: 29.7%;
  padding: 8% 3.5%;
  background: #f6f7f8;
  border-radius: 5px;
  color: #000;
  margin-left: auto;
}

@media screen and (max-width: 1380px) {
  .index__form {
    margin-left: 0;
    min-width: auto;
    margin-top: 0;
    margin-bottom: 1%;
    padding: 4% 10%;
  }
}

@media only screen and (max-width: 980px) {
  .index__form {
    padding: 4rem 4rem;
  }
}

.index__form-header {
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-weight: 500;
  margin-bottom: 3.2rem;
}

@media only screen and (max-width: 980px) {
  .index__form-header {
    font-size: 2rem;
    line-height: 2.2rem;
    margin-bottom: 2rem;
  }
}

.index__field-col {
  margin-bottom: 3rem;
}

@media only screen and (max-width: 980px) {
  .index__field-col {
    margin-bottom: 2rem;
  }
}

.index__field-list {
  margin: -1rem;
}

@media only screen and (max-width: 980px) {
  .index__field-list {
    margin: -0.5rem;
  }
}

.index__field-li {
  padding: 1rem;
}

@media only screen and (max-width: 980px) {
  .index__field-li {
    padding: 0.5rem;
  }
}

.index__field-li>input {
  border: none;
}

.index__submit {
  width: 100%;
  height: 4.8rem;
  margin-bottom: 1.5rem;
}

.index__forget-pass {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: rgba(0, 0, 0, 0.7);
  display: inline-block;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

@media screen and (min-width: 1200px) {
  .index__forget-pass:hover {
    color: #E02020;
  }
}

@-webkit-keyframes blowDownModal {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}

@keyframes blowDownModal {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}

@-webkit-keyframes blowUpModal {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes blowUpModal {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.invoices--supplier .table__wrapper--btn {
  width: 9.8rem;
}

.invoices__li {
  margin-top: 1rem;
}

.invoices__li:first-child {
  margin-top: 0;
}

.invoices__li:last-child {
  padding-bottom: 1rem;
}

.invoices__tab-li {
  display: none;
}

.invoices__tab-li.active {
  display: block;
}

.invoices__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.invoices__title .search {
  border: 1px solid #BFBFBF;
  height: 4.4rem;
  overflow: hidden;
  margin-left: auto;
  width: 48.5rem;
}

@media screen and (max-width: 1440px) {
  .invoices__title .search {
    width: 30rem;
  }
}

@media only screen and (max-width: 980px) {
  .invoices__title .search {
    width: calc(100% - 7rem);
    margin-bottom: 1.2rem;
    margin-top: 1.2rem;
    margin-left: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.invoices__title .search__field-box {
  height: 100%;
}

.invoices__title .search__field {
  border: none;
  height: 100%;
}

@media only screen and (max-width: 980px) {
  .invoices__title .title__text {
    display: block;
    width: calc(100% - 7rem);
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

.invoices__accordion-content {
  background: #fff;
}

.invoices__container>ul>li>div>.invoices__accordion-content {
  background: #EBEBEB;
  padding-top: 0;
}

.invoices__container>ul>li>div>.invoices__accordion-content--padding {
  padding-top: 3rem;
}

.invoices__container>ul>li>div>.invoices__accordion-content:after {
  display: none;
}

.invoices__navigation-menu {
  border: none;
  margin-bottom: 0;
  margin-left: 0;
  width: auto;
  padding: 0;
}

.invoices__navigation-menu .navigation-menu__li {
  border-radius: .5rem .5rem 0 0;
}

.invoices__navigation-menu .navigation-menu__li.active {
  background: #fff;
}

.invoices__navigation-menu .navigation-menu__li.active .navigation-menu__btn {
  background: #fff;
}

.invoices__navigation-menu .navigation-menu__btn {
  background: #F6F6F6;
  border-radius: .5rem .5rem 0 0;
  height: 5rem;
}

.invoices__navigation-menu--top {
  padding-left: 2rem;
}

.invoices__navigation-menu--top .navigation-menu__li {
  margin-left: .2rem;
}

.invoices__navigation-menu--top .navigation-menu__li:first-child {
  margin-left: 0;
}

.invoices__navigation-menu--top .navigation-menu__btn {
  border: none;
  border-radius: .5rem .5rem 0 0;
}

.invoices__navigation-menu--bottom {
  margin-bottom: 4rem;
}

.invoices__navigation-menu--bottom .navigation-menu__li:first-child .navigation-menu__btn {
  border-radius: .5rem 0 0 .5rem;
  border-width: 1px 0 1px 1px;
}

.invoices__navigation-menu--bottom .navigation-menu__li:last-child .navigation-menu__btn {
  border-radius: 0 .5rem .5rem 0;
}

.invoices__navigation-menu--bottom .navigation-menu__btn {
  border-width: 1px;
}

.invoices__table-line-btn {
  width: calc(100% + 2rem);
  margin-left: -1rem;
  padding-left: 3rem;
}

@media only screen and (max-width: 980px) {
  .invoices__table-line-btn {
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.invoices__container>ul>li>div>div>ul>li>div>.table {
  padding: 0 1rem;
}

@media only screen and (max-width: 980px) {
  .invoices__container>ul>li>div>div>ul>li>div>.table {
    padding: 0 1.5rem;
  }
}

.invoices__container>ul>li>div>div>ul>li>div>.table::after {
  content: '';
  position: relative;
  left: -1rem;
  display: block;
  width: calc(100% + 2rem);
  height: 1rem;
  background: #EBEBEB;
}

@media only screen and (max-width: 980px) {
  .invoices__container>ul>li>div>div>ul>li>div>.table::after {
    width: calc(100% + 3rem);
    left: -1.5rem;
  }
}

.invoices__create-invoice {
  margin-top: 1rem;
  margin-bottom: 0;
  padding-bottom: 2rem;
}

@media only screen and (max-width: 980px) {
  .invoices__create-invoice {
    margin-top: .2rem;
    padding-bottom: 1.2rem;
  }
}

.join {
  margin-bottom: 7.1rem;
}

@media only screen and (max-width: 980px) {
  .join {
    margin-bottom: 4.9rem;
  }
}

.join__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 980px) {
  .join__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.join__aside {
  width: 20rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (max-width: 980px) {
  .join__aside {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    display: block;
  }
}

.join__content {
  width: calc(100% - 20rem);
  padding-left: 5rem;
}

@media only screen and (max-width: 980px) {
  .join__content {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    padding-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    margin-bottom: 2.4rem;
  }
}

.join__auth {
  margin: -.4rem;
}

.join__auth-li {
  padding: .4rem;
}

.join__reset-pass {
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.7);
  display: inline-block;
  margin-top: 1.7rem;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media only screen and (max-width: 980px) {
  .join__reset-pass {
    letter-spacing: 0.04rem;
  }
}

@media screen and (min-width: 1200px) {
  .join__reset-pass:hover {
    color: #000;
  }
}

.join__btn-block {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media only screen and (max-width: 980px) {
  .join__btn-block {
    margin-top: 4rem;
  }
}

.join__header {
  font-family: 'Roboto', sans-serif;
  font-size: 1.7rem;
  line-height: 2.4rem;
  font-weight: bold;
  text-align: left;
  margin-bottom: 1rem;
}

.join__btn-list {
  margin: -.45rem;
}

.join__btn-li {
  padding: .45rem;
}

.navigation {
  margin-bottom: 5.8rem;
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
}

@media only screen and (max-width: 980px) {
  .navigation {
    margin-bottom: 1.2rem;
  }
}

.navigation.active {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 999;
  -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.3);
  padding: 1rem 0;
  background: #fff;
}

@media only screen and (max-width: 980px) {
  .navigation.active {
    position: static;
    z-index: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.navigation.active .cart-popup {
  top: calc(100% + 1.5rem);
}

.navigation--static {
  margin-bottom: 0;
}

.navigation--static.active {
  background: #000;
  margin: 0;
}

@media only screen and (max-width: 980px) {
  .navigation--static {
    margin-top: 1.3rem;
    margin-bottom: -.5rem;
  }
}

.navigation--static .search__field {
  border: none;
}

.navigation--static .select__btn {
  border-width: 0 1px 0 0;
  border-color: #000;
}

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

.navigation__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navigation--static .navigation__container {
  padding: 0;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.navigation__search {
  margin-left: 4.3rem;
  margin-right: 2rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 980px) {
  .navigation__search {
    margin-left: 0;
    margin-right: 0;
  }
}

.navigation--static .navigation__search {
  background: #fff;
}

@media only screen and (max-width: 980px) {
  .navigation--static .navigation__search {
    background: none;
  }
}

.navigation__cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: auto;
  position: relative;
}

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

.navigation__cart-icon-wrap {
  position: relative;
  margin-right: 2.6rem;
}

.navigation__cart-icon-wrap:last-child {
  margin-right: 0;
}

.navigation__cart-icon-wrap--button {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

@media screen and (min-width: 1200px) {
  .navigation__cart-icon-wrap--button:hover .navigation__ring-icon {
    color: #E02020;
  }
}

.navigation__cart-icon {
  color: #E02020;
  font-size: 3.6rem;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  cursor: pointer;
}

@media screen and (min-width: 1200px) {
  .navigation .navigation__cart-icon:hover {
    color: #000;
  }
}

@media screen and (min-width: 1200px) {
  .navigation--static .navigation__cart-icon:hover {
    color: #fff;
  }
}

.navigation--static .navigation__cart-icon {
  font-size: 2.3rem;
}

.navigation--static .navigation__cart-counter {
  top: -.5rem;
}

.navigation__ring-icon {
  font-size: 1.8rem;
  color: white;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.navigation__cart-popup.active {
  opacity: 1;
  pointer-events: auto;
  width: 61.6rem;
  height: auto;
  overflow: inherit;
}

.navigation__cart-text {
  width: 7rem;
  font-size: 1.4rem;
  line-height: 1.5rem;
  color: #000;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  margin-top: .5rem;
}

.navigation--static .navigation__cart-text {
  color: #fff;
}

.page-footer {
  background: #000;
  padding: 4.7rem 0 4.2rem;
  color: #fff;
  margin-top: 9.4rem;
  overflow-x: hidden;
  overflow-y: visible;
}

@media only screen and (max-width: 980px) {
  .page-footer {
    margin-top: 4rem;
    padding: 2.6rem 0 2.1rem;
  }
}

.page-footer.hide {
  opacity: 0;
}

.page-footer--no-mg {
  margin-top: 0;
}

@media only screen and (max-width: 980px) {
  .page-footer--no-mg {
    margin-top: 0;
  }
}

@media only screen and (max-width: 980px) {
  .page-footer__contact-col {
    margin-bottom: 1.9rem;
  }
}

.page-footer__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(216, 216, 216, 0.3);
  padding-bottom: 3rem;
  padding-left: .8rem;
  margin-bottom: 2.2rem;
}

@media only screen and (max-width: 980px) {
  .page-footer__head {
    display: block;
    padding-bottom: 0;
    padding-left: 0;
    border-bottom: none;
    margin-bottom: 2.3rem;
  }
}

.page-footer__header {
  font-family: 'Roboto', sans-serif;
  font-size: 2.2rem;
  line-height: 2.3rem;
  font-weight: bold;
  margin-bottom: 1.3rem;
}

@media only screen and (max-width: 980px) {
  .page-footer__header {
    font-size: 1.7rem;
    line-height: 2.3rem;
    margin-bottom: .8rem;
  }
}

.page-footer__header--contact {
  margin-bottom: 3rem;
}

@media only screen and (max-width: 980px) {
  .page-footer__header--contact {
    margin-bottom: .7rem;
  }
}

.page-footer__phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-footer__phone-icon {
  margin-right: 2rem;
}

@media only screen and (max-width: 980px) {
  .page-footer__phone-icon {
    width: 3.8rem;
    height: 3.8rem;
    margin-right: 1.7rem;
  }
}

.page-footer__phone-text {
  font-family: 'Roboto', sans-serif;
  font-size: 3.1rem;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 980px) {
  .page-footer__phone-text {
    font-size: 2.2rem;
  }
}

.page-footer__email {
  font-family: 'Circe';
  font-size: 1.4rem;
  color: #fff;
  padding-left: 7.6rem;
}

@media only screen and (max-width: 980px) {
  .page-footer__email {
    display: none;
  }
}

.page-footer__links-col {
  margin-left: 6rem;
}

@media only screen and (max-width: 980px) {
  .page-footer__links-col {
    margin-left: 0;
  }
}

.page-footer__category {
  margin: -3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 980px) {
  .page-footer__category {
    margin-bottom: 0;
  }

  .page-footer__category li:nth-child(1) {
    width: 100%;
  }
}

@media only screen and (max-width: 980px) {
  .page-footer__category {
    display: none;
  }
}

.page-footer__category-li {
  padding: 3rem;
}

.page-footer__category-li--customer-service {
  padding-left: 3.4rem;
  padding-right: 2.3rem;
}

.page-footer__link {
  font-family: 'Circe';
  font-size: 1.4rem;
  line-height: 3rem;
  color: #b6b6b6;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .page-footer__link:hover {
    color: #fff;
  }
}

.page-footer__social-col {
  margin-left: auto;
}

@media only screen and (max-width: 980px) {
  .page-footer__social-col {
    display: none;
  }
}

.page-footer__social-col--mobile {
  display: none;
}

@media only screen and (max-width: 980px) {
  .page-footer__social-col--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
  }
}

.page-footer__social {
  margin-right: 4rem;
}

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

.page-footer__copy-date {
  font-family: 'Circe';
  font-size: 1.4rem;
  margin-bottom: .5rem;
}

@media only screen and (max-width: 980px) {
  .page-footer__copy-date {
    font-size: 1.2rem;
    margin-bottom: .8rem;
  }
}

.page-footer__copy-desc {
  font-family: 'Circe';
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.6);
}

@media only screen and (max-width: 980px) {
  .page-footer__copy-desc {
    font-size: 1.2rem;
    max-width: 21.1rem;
  }
}

.page-footer__by {
  margin-top: .5rem;
}

@media only screen and (max-width: 980px) {
  .page-footer__by {
    display: none;
  }
}

.page-footer__by--mobile {
  display: none;
}

@media only screen and (max-width: 980px) {
  .page-footer__by--mobile {
    display: block;
  }
}

@media only screen and (max-width: 980px) {
  .page-footer__by--mobile {
    width: 8.2rem;
  }
}

@media only screen and (max-width: 980px) {
  .page-footer__by-img {
    width: 8.2rem;
  }
}

.page-header {
  background: #000;
  color: #fff;
  height: 5.8rem;
  margin-bottom: 3.5rem;
  position: relative;
  z-index: 999;
}

@media only screen and (max-width: 980px) {
  .page-header {
    height: 4.6rem;
    margin-bottom: 1.2rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
}

.page-header--static {
  height: auto;
  margin-bottom: 1.8rem;
}

.page-header--static .navigation__logo {
  position: absolute;
  top: 1.5rem;
  left: 2rem;
}

.page-header--static .page-header__welcome {
  margin-left: 25rem;
}

@media only screen and (max-width: 980px) {
  .page-header--static .page-header__welcome {
    margin-left: 1.2rem;
  }
}

.page-header--static .navigation__search {
  margin-left: 0;
}

@media only screen and (max-width: 980px) {
  .page-header--static {
    height: auto;
    position: static;
    padding-bottom: 0;
  }

  .page-header--static.active {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
    height: 4.6rem;
  }

  .page-header--static.active .navigation,
  .page-header--static.active .category-carousel {
    opacity: 0;
    pointer-events: none;
  }
}

.page-header--static .category-select {
  border-width: 0 1px 0 0;
}

.page-header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5.8rem;
}

@media only screen and (max-width: 980px) {
  .page-header__container {
    height: 4.6rem;
  }
}

.page-header--static .page-header__container {
  height: 5.8rem;
}

@media only screen and (max-width: 980px) {
  .page-header--static .page-header__container {
    height: 4.6rem;
  }
}

.page-header__flag {
  position: absolute;
  font-size: 2rem;
  left: 0;
  border-radius: 100%;
}

.page-header__welcome {
  font-size: 1.4rem;
  font-weight: bold;
  padding-left: 3rem;
  position: relative;
}

@media only screen and (max-width: 980px) {
  .page-header__welcome {
    margin-left: 1.2rem;
  }
}

@media only screen and (max-width: 980px) {
  .page-header__welcome--desktop {
    display: none;
  }
}

.page-header__location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 12.9rem;
  padding-left: .2rem;
}

.page-header__location-icon {
  margin-right: .8rem;
}

.page-header__location-text {
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.04rem;
}

.page-header__location-red {
  color: #E02020;
}

.page-header__select-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 980px) {
  .page-header__select-list {
    display: none;
  }
}

.page-header__select-li {
  padding: .5rem;
}

.page-header__layers {
  margin-left: auto;
  color: #fff;
  line-height: 0;
  display: none;
}

@media only screen and (max-width: 980px) {
  .page-header__layers {
    display: block;
  }
}

.page-header__ring {
  position: relative;
  margin-left: auto;
}

@media screen and (min-width: 1200px) {
  .page-header__ring:hover .page-header__ring-icon {
    color: #E02020;
  }
}

.page-header__ring-icon {
  font-size: 2rem;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.page-header__ring-counter {
  width: 1.6rem;
  height: 1.6rem;
  background: #E02020;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(1.4rem, -1.1rem);
  -ms-transform: translate(1.4rem, -1.1rem);
  transform: translate(1.4rem, -1.1rem);
  font-size: 1.1rem;
  font-weight: bold;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .page-header__ring-counter {
    display: none;
  }
}

.page-header__layers-counter {
  width: 1.6rem;
  height: 1.6rem;
  background: #E02020;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(1.4rem, -1.1rem);
  -ms-transform: translate(1.4rem, -1.1rem);
  transform: translate(1.4rem, -1.1rem);
  font-size: 1.1rem;
  font-weight: bold;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .page-header__layers-counter {
    display: none;
  }
}

.page-header__profile-icon {
  font-size: 2.3rem;
  color: white;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .page-header__profile:hover .page-header__profile-icon {
    color: #E02020;
  }
}

.page-header__profile {
  margin-left: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 0.5rem;
  position: relative;
}

@media only screen and (max-width: 980px) {
  .page-header__profile {
    display: none;
  }
}

.page-header__profile-dropdown {
  display: none;
  position: absolute;
  top: calc(100% - 1px);
  right: 0;
  z-index: 50;
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 1200px) {
  .page-header__profile:hover .page-header__profile-dropdown {
    display: block;
  }
}

.page-header__profile-wrapper {
  background: #fff;
  padding: 1.8rem 2rem 1.8rem 4rem;
  margin-top: .8rem;
  position: relative;
}

.page-header__profile-wrapper:before {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 8px 9px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  right: 2.1rem;
  bottom: calc(100%);
}

.page-header__profile-list {
  margin: -.6rem;
}

.page-header__profile-li {
  padding: .6rem;
}

.page-header__profile-link {
  display: block;
  font-size: 1.3rem;
  color: #000;
  font-weight: bold;
  text-align: right;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

@media screen and (min-width: 1200px) {
  .page-header__profile-link:hover {
    color: #E02020;
  }
}

.page-header__profile-icon {
  margin-right: 1.7rem;
}

.page-header__profile-text {
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.03rem;
}

.page-header__profile-red {
  color: #E02020;
}

.page-header__cart {
  display: none;
}

@media only screen and (max-width: 980px) {
  .page-header__cart {
    display: block;
    margin-left: 1.9rem;
    margin-top: .3rem;
  }
}

.page-header__cart-icon {
  font-size: 1.9rem;
  color: #fff;
}

.page-header__menu {
  position: relative;
  font-size: 1.8rem;
  line-height: 0;
  color: #fff;
  display: none;
}

@media only screen and (max-width: 980px) {
  .page-header__menu {
    display: block;
  }
}

.page-header__menu-icon {
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}

.page-header__menu-icon--close {
  opacity: 0;
}

.page-header__logo {
  display: none;
}

@media only screen and (max-width: 980px) {
  .page-header__logo {
    display: block;
    margin-left: 1.5rem;
    margin-top: .2rem;
  }
}

.page-header__logo-desktop {
  font-size: 1.4rem;
  font-weight: bold;
}

@media only screen and (max-width: 980px) {
  .page-header__logo-desktop {
    display: none;
  }
}

.page-header__static-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.page-header__static-col-left {
  position: relative;
  width: 23rem;
  padding-top: 4.2rem;
  margin-bottom: -.4rem;
}

@media screen and (min-width: 1200px) {
  .page-header__static-col-left {
    cursor: pointer;
  }
}

@media only screen and (max-width: 980px) {
  .page-header__static-col-left {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .page-header__static-col-left:hover .category-select-list {
    display: block;
  }
}

.page-header__static-col-left .category-select-list {
  top: calc(100% - 1rem);
}

.page-header__static-col-right {
  width: calc(100% - 23rem);
  padding-left: 2rem;
  margin-top: -0.4rem;
}

@media only screen and (max-width: 980px) {
  .page-header__static-col-right {
    width: 100%;
    padding-left: 0;
    margin-top: 0;
  }
}

.page-header__about-hello {
  margin-top: -.5rem;
  margin-bottom: .3rem;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.035rem;
}

.page-header__about-email {
  color: #e02020;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.035rem;
  line-height: 130%;
}

.page-header__about-email--small {
  margin-top: .2rem;
  color: #9299a2;
  font-size: 1.1rem;
  letter-spacing: 0.027rem;
}

.page-header__btn--static-mobile {
  display: none;
}

@media only screen and (max-width: 980px) {
  .page-header__btn--static-mobile {
    display: block;
  }
}

.product-catalog {
  color: #000;
}

.product-catalog__columns-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 980px) {
  .product-catalog__columns-container {
    display: block;
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
  }
}

.product-catalog__aside-col {
  width: 27.8rem;
  margin-right: 2rem;
}

@media only screen and (max-width: 980px) {
  .product-catalog__aside-col {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
  }
}

.product-catalog__content-col {
  width: calc(100% - 29.8rem);
}

@media only screen and (max-width: 980px) {
  .product-catalog__content-col {
    width: 100%;
  }
}

.product-catalog__list {
  margin: -.5rem;
}

.product-catalog__li {
  padding: .5rem;
}

.product-catalog__item {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
  padding: 2.9rem 2rem 2rem 2rem;
}

@media only screen and (max-width: 980px) {
  .product-catalog__item {
    padding: 2rem 1.5rem;
  }
}

.product-catalog__li.active .product-catalog__item {
  background: #F3F3F3;
}

.product-catalog__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-catalog__wrapper-col {
  display: none;
  padding-top: 1.4rem;
}

.product-catalog__li.active .product-catalog__wrapper-col {
  display: block;
}

.product-catalog__title {
  font-size: 2.4rem;
  font-weight: bold;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 2rem;
}

@media only screen and (max-width: 980px) {
  .product-catalog__title {
    font-size: 1.8rem;
    padding-right: 1rem;
  }
}

.product-catalog__head-btn-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-catalog__btn-chevron {
  width: 4rem;
  height: 4rem;
  margin-left: 3rem;
}

.product-catalog__btn-chevron .btn__icon {
  font-size: 1.6rem;
}

.product-catalog__li.active .product-catalog__btn-chevron .btn__icon {
  -webkit-transform: rotateZ(180Deg) translate(50%, 50%);
  -ms-transform: rotate(180Deg) translate(50%, 50%);
  transform: rotateZ(180Deg) translate(50%, 50%);
}

.product-catalog__head-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-bottom: 2rem;
}

@media only screen and (max-width: 980px) {
  .product-catalog__head-col {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.product-catalog__head-checkbox-col {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 980px) {
  .product-catalog__head-checkbox-col {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.product-catalog__circle-icon {
  font-size: 2.6rem;
  margin-left: 2rem;
}

@media only screen and (max-width: 980px) {
  .product-catalog__circle-icon {
    margin-left: 1rem;
  }
}

.product-catalog .checkbox-custom__text {
  min-width: 4.6rem;
}

@media only screen and (max-width: 980px) {
  .product-catalog .checkbox-custom__text {
    min-width: auto;
  }
}

.product-catalog__tab-li {
  display: none;
}

.product-catalog__tab-li.active {
  display: block;
}

.product-catalog__content-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: -.5rem;
}

.product-catalog__tab-li--flat .product-catalog__content-list {
  display: block;
  margin: -.5rem;
}

.product-catalog__tab-li--add-more .product-catalog__content-list {
  display: block;
  margin: -.5rem;
}

.product-catalog__content-li {
  width: calc(100% / 4);
  padding: 0.25rem;
}

@media screen and (max-width: 1440px) {
  .product-catalog__content-li {
    width: calc(100% / 3);
  }
}

@media screen and (max-width: 1279px) {
  .product-catalog__content-li {
    width: calc(100% / 2);
  }
}

@media screen and (max-width: 767px) {
  .product-catalog__content-li {
    width: 100%;
  }
}

.product-catalog__content-li--flat {
  width: 100%;
  padding: .5rem;
}

.product-catalog__content-li--add-more {
  width: 100%;
  padding: .5rem;
}

.product-catalog__pagination {
  margin-top: 5rem;
}

@media only screen and (max-width: 980px) {
  .product-catalog__pagination {
    margin-top: 2.5rem;
  }
}

.product {
  color: #000;
}

.product--suppliers .suppliers {
  pointer-events: none;
}

.product--suppliers .suppliers__header,
.product--suppliers .suppliers__key,
.product--suppliers .suppliers__value {
  color: rgba(0, 0, 0, 0.1);
}

.product--suppliers .suppliers__card-li:after {
  background: rgba(0, 0, 0, 0.1);
}

.product--suppliers .suppliers__btn {
  position: relative;
  border-color: rgba(169, 169, 169, 0.9);
}

.product--suppliers .suppliers__btn:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(169, 169, 169, 0.9);
}

.product--suppliers .suppliers__bundle {
  color: rgba(169, 169, 169, 0.9);
  border-color: rgba(169, 169, 169, 0.9);
}

.product--suppliers .suppliers__bundle:after {
  display: none;
}

.product--suppliers .suppliers .rating__quantity {
  color: rgba(0, 0, 0, 0.1);
}

.product__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product__content-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 980px) {
  .product__content-col {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}

.product__aside-col {
  width: 33.9rem;
  margin-left: 4.2rem;
  margin-top: .3rem;
}

@media screen and (max-width: 1440px) {
  .product__aside-col {
    width: 26.9rem;
    margin-left: 4rem;
  }
}

@media only screen and (max-width: 980px) {
  .product__aside-col {
    width: 100%;
    margin-left: 0;
    margin-top: 1.7rem;
    margin-bottom: 1.8rem;
  }
}

.product__content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 4px solid #E5E5E5;
  padding-top: 1.7rem;
}

@media only screen and (max-width: 980px) {
  .product__content-container {
    padding-top: 0;
    border-top: 0;
  }
}

.product__content-left-col {
  width: 63rem;
}

@media screen and (max-width: 1440px) {
  .product__content-left-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .product__content-left-col {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-right: 0;
  }
}

.product__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.9rem;
}

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

.product__small-gallery {
  width: 8rem;
  padding-top: .5rem;
}

@media screen and (max-width: 1440px) {
  .product__small-gallery {
    display: none;
  }
}

.product__small-gallery-list {
  margin: -.4rem;
}

.product__small-gallery-li {
  padding: .4rem;
}

.product__small-gallery-item {
  display: block;
}

.product__big-gallery {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 1rem;
  display: block;
  text-align: left;
}

@media screen and (max-width: 1440px) {
  .product__big-gallery {
    padding-left: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    position: relative;
    padding-bottom: 2.3rem;
  }
}

@media only screen and (max-width: 980px) {
  .product__big-gallery {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}

@media screen and (max-width: 1440px) {
  .product__suppliers-desktop {
    display: none;
  }
}

.product__suppliers-normal-desktop {
  display: none;
  margin-top: 3.2rem;
}

@media screen and (max-width: 1440px) {
  .product__suppliers-normal-desktop {
    display: block;
    width: 100%;
    max-width: 60rem;
  }
}

@media only screen and (max-width: 980px) {
  .product__suppliers-normal-desktop {
    max-width: 100%;
  }
}

.product__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 4.2rem;
}

@media screen and (max-width: 1440px) {
  .product__content {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 30rem;
    padding-left: 0rem;
  }
}

@media only screen and (max-width: 980px) {
  .product__content {
    width: 100%;
  }
}

.product__header {
  font-size: 2.4rem;
  font-weight: bold;
}

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

@media only screen and (max-width: 980px) {
  .product__header {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: .8rem;
  }
}

.product--suppliers .product__header {
  margin-bottom: 2.5rem;
  font-size: 2.6rem;
  text-transform: uppercase;
}

.product__header-desc {
  font-size: 1.6rem;
  margin-bottom: 2rem;
  margin-bottom: 1.4rem;
}

@media screen and (max-width: 1440px) {
  .product__header-desc {
    width: 100%;
  }
}

@media only screen and (max-width: 980px) {
  .product__header-desc {
    font-size: 1.2rem;
  }
}

.product__title {
  font-size: 1.6rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.8rem;
}

@media only screen and (max-width: 980px) {
  .product__title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem;
  }
}

.product__title-text {
  margin-right: 1.8rem;
}

@media only screen and (max-width: 980px) {
  .product__title-text {
    margin-right: 0;
    font-size: 1.4rem;
  }
}

.product__list {
  margin: -.9rem;
}

@media only screen and (max-width: 980px) {
  .product__list {
    margin: -0.7rem;
  }
}

.product__li {
  padding: .9rem;
}

@media only screen and (max-width: 980px) {
  .product__li {
    padding: 0.7rem;
  }
}

.product__list-title {
  font-size: 1.4rem;
  font-weight: 500;
  color: #000;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 980px) {
  .product__list-title {
    font-size: 1.2rem;
    margin-bottom: .6rem;
  }
}

.product__title-key {
  color: #7F7F7F;
}

.product__title-value {
  margin-left: 4px;
}

.product__tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -.5rem;
}

@media only screen and (max-width: 980px) {
  .product__tag-list {
    display: block;
    overflow: auto;
    white-space: nowrap;
    font-size: 0;
    max-width: calc(100vw - 3rem);
  }
}

.product__tag-li {
  padding: .5rem;
}

@media only screen and (max-width: 980px) {
  .product__tag-li {
    display: inline-block;
  }
}

.product__spec-header {
  margin-top: 2.6rem;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1.7rem;
}

@media only screen and (max-width: 980px) {
  .product__spec-header {
    font-size: 1.4rem;
    margin-top: 0;
    margin-bottom: 1.2rem;
  }
}

.product__spec-list {
  margin: -.9rem;
}

@media only screen and (max-width: 980px) {
  .product__spec-list {
    margin: -1.3rem;
  }
}

.product__spec-li {
  padding: .9rem;
}

@media only screen and (max-width: 980px) {
  .product__spec-li {
    padding: 1.3rem;
  }
}

.product__spec-title {
  font-size: 1.4rem;
  font-weight: 500;
  color: #696969;
  margin-bottom: .8rem;
}

@media only screen and (max-width: 980px) {
  .product__spec-title {
    font-size: 1.2rem;
  }
}

.product__specs-list {
  margin: -.4rem;
}

.product__specs-li {
  padding: .4rem;
}

.product__specs-item {
  padding-bottom: .6rem;
  border-bottom: 1px solid #C7C7C7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.3rem;
}

@media only screen and (max-width: 980px) {
  .product__specs-item {
    font-size: 1.1rem;
  }
}

.product__specs-key {
  color: #7F7F7F;
  max-width: 19rem;
}

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

.product__normal-desktop {
  display: none;
}

@media screen and (max-width: 1440px) {
  .product__normal-desktop {
    display: block;
  }
}

@media only screen and (max-width: 980px) {
  .product__mobile-hide {
    display: none;
  }
}

.product__mobile {
  display: none;
}

@media only screen and (max-width: 980px) {
  .product__mobile {
    display: block;
  }
}

.product__check-list {
  margin-top: 4rem;
}

@media only screen and (max-width: 980px) {
  .product__check-list {
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .product__check-list--hide-mobile {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .product__check-list--hide-desktop {
    display: none;
  }
}

@media only screen and (max-width: 980px) {
  .product__check-list--hide-desktop {
    display: block;
  }
}

@media only screen and (max-width: 980px) {
  .product__suppliers {
    margin-top: 1.8rem;
  }
}

.product__mobile-col {
  width: 100%;
}

.product--uppercase .product__header {
  margin-bottom: 5rem;
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 2.6rem;
  line-height: 4.8rem;
}

.product--uppercase .product__desktop {
  display: none;
}

.products {
  color: #000;
}

.products__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.2rem;
}

@media only screen and (max-width: 980px) {
  .products__head {
    display: block;
    margin-bottom: 2.4rem;
  }
}

.products__header {
  font-size: 2.6rem;
  text-transform: uppercase;
  font-weight: 700;
}

@media only screen and (max-width: 980px) {
  .products__header {
    font-size: 2.6rem;
    line-height: 4.8rem;
    margin-bottom: .6rem;
  }
}

.products__btn {
  width: 19rem;
  height: 3.1rem;
}

@media only screen and (max-width: 980px) {
  .products__btn {
    width: 100%;
  }
}

.products__search {
  width: 55.2rem;
}

@media screen and (max-width: 1279px) {
  .products__search {
    width: auto;
  }
}

@media only screen and (max-width: 980px) {
  .products__search {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}

.products__content-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 980px) {
  .products__content-col {
    display: block;
  }
}

.products__text-aside {
  margin-bottom: 1.8rem;
  color: #61656a;
  font-size: 1.4rem;
}

.products__text-aside--bold {
  margin-left: 1.5rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.75);
}

.products__aside-col {
  width: 23rem;
  position: relative;
}

@media only screen and (max-width: 980px) {
  .products__aside-col {
    display: none;
  }
}

.products__aside-title>a {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 1rem;
  color: #000;
}

.products__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 2rem;
}

@media only screen and (max-width: 980px) {
  .products__content {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-left: 0;
  }
}

.products__aside-list {
  position: absolute;
  height: 0;
  background: #ffffff;
  left: 100%;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
  z-index: -99;
  margin-top: 0.5rem;
}

.products__aside-col-group {
  -webkit-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
}

.products__aside-col-group.active {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.products__aside-group.active .products__aside-list {
  opacity: 1;
  z-index: 2;
  height: 100%;
}

.products__aside-back-btn {
  display: block;
  font-size: 1.3rem;
  font-weight: bold;
  color: #000;
  cursor: pointer;
  margin-bottom: 1rem;
}

.products__aside-back-btn:before {
  content: '◀';
  position: absolute;
  font-size: 8px;
  left: -12px;
  top: 3px;
}

.products__aside-li {
  padding: .3rem;
}

.products__aside-link {
  font-size: 1.3rem;
  color: #000;
}

.products__show-more {
  display: none;
}

@media only screen and (max-width: 980px) {
  .products__show-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2rem;
  }
}

.products__tab-li {
  display: none;
}

.products__tab-li.active {
  display: block;
}

.products__switch-tabs {
  margin-left: auto;
  margin-right: 2rem;
}

.projects__list-main {
  margin: -2.5rem 0;
}

@media screen and (max-width: 1440px) {
  .projects__list-main {
    margin: -2rem 0;
  }
}

@media only screen and (max-width: 980px) {
  .projects__list-main {
    width: calc(100% + 3rem);
    margin: -1.5rem -1.5rem;
  }
}

.projects__item-main {
  padding: 2.5rem 0;
}

@media screen and (max-width: 1440px) {
  .projects__item-main {
    padding: 1.5rem 0;
  }
}

.projects__wrapper {
  background: #F4F4F4;
}

.projects__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 2rem 3rem 1.6rem 3rem;
  border-bottom: 3px solid #000000;
}

@media screen and (max-width: 1440px) {
  .projects__top {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .projects__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 1.5rem 2rem;
    border: 0;
  }
}

.projects__text {
  margin: 0 0 .7rem;
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 980px) {
  .projects__text {
    margin-bottom: .2rem;
    font-size: 1.2rem;
  }
}

.projects__name {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000000;
}

@media only screen and (max-width: 980px) {
  .projects__name {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 980px) {
  .projects__left::after {
    content: '';
    display: block;
    width: calc(100% + 3rem);
    margin: 1.4rem -1.5rem 0;
    height: .3rem;
    background: #000000;
  }
}

.projects__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: .6rem -1rem 0;
}

@media only screen and (max-width: 980px) {
  .projects__btn-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 1.7rem;
    margin: 0 -.5rem 0;
  }
}

.projects__btn {
  height: 3.6rem;
}

.projects__btn .btn__text {
  font-size: 1.3rem;
}

@media only screen and (max-width: 980px) {
  .projects__btn .btn__text {
    font-size: 1.2rem;
  }
}

.projects__btn--white {
  color: #ffffff;
}

.projects__btn-item {
  padding: 0 1rem;
}

@media only screen and (max-width: 980px) {
  .projects__btn-item {
    padding: 0 .5rem;
  }
}

.projects__bottom {
  padding: 3.5rem 2.9rem 3rem 3rem;
}

@media screen and (max-width: 1440px) {
  .projects__bottom {
    padding: 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .projects__bottom {
    padding: 0 1.5rem 1.5rem;
  }
}

.projects__list {
  margin: -.5rem 0;
}

.projects__item {
  padding: .5rem 0;
}

.roles--supplier .navigation-menu {
  border-bottom: 0;
  margin-bottom: 0;
}

.roles--supplier .static-content {
  margin-top: 0;
  border-top: 0;
}

.roles__static-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.roles__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -2rem;
}

@media screen and (max-width: 1440px) {
  .roles__list {
    margin: -1rem;
  }
}

@media only screen and (max-width: 980px) {
  .roles__list {
    margin: -.75rem;
  }
}

.roles__li {
  padding: 2rem;
  width: calc(100% / 2);
}

@media screen and (max-width: 1440px) {
  .roles__li {
    padding: 1rem;
  }
}

@media only screen and (max-width: 980px) {
  .roles__li {
    padding: .75rem;
    width: 100%;
  }
}

.roles__li--client>.role-card {
  padding-bottom: 0 !important;
  height: auto !important;
}

@media only screen and (max-width: 980px) {
  .roles .top-bar__search {
    display: block;
  }
}

.services {
  position: relative;
}

@media only screen and (max-width: 980px) {
  .services {
    max-width: 100vw;
    width: calc(100% + 3rem);
    padding-bottom: 2.4rem;
    padding-left: 1.5rem;
    margin-bottom: 2.3rem;
    margin-left: -1.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .services .tns-ovh {
    height: auto !important;
  }
}

.services__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1rem;
}

@media only screen and (max-width: 980px) {
  .services__list {
    margin: 0;
    display: block;
  }
}

.services__li {
  padding: 1rem;
  width: calc(100% / 3);
}

@media only screen and (max-width: 980px) {
  .services__li {
    width: 100%;
    padding: 0;
  }
}

.services__card {
  display: block;
  height: 20rem;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
  padding: 2.2rem 1rem 2rem 2rem;
}

@media only screen and (max-width: 980px) {
  .services__card {
    height: auto;
    padding: 2.2rem 1.9rem 2.3rem;
  }
}

@media screen and (min-width: 1200px) {
  .services__card:hover {
    background: #E02020;
  }
}

.services__header {
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.3rem;
  color: #000;
  margin-bottom: 1.4rem;
}

@media only screen and (max-width: 980px) {
  .services__header {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}

.services__desc-list {
  margin: -.2rem;
}

.services__desc-li {
  padding: .2rem;
}

.services__desc {
  font-size: 1.5rem;
  color: #fff;
  letter-spacing: 0.05rem;
}

@media only screen and (max-width: 980px) {
  .services__desc {
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.04rem;
  }
}

.shipping--supplier .static-content {
  background: #EAEAEA;
  padding: 0;
  border: none;
  margin: 0;
}

@media only screen and (max-width: 980px) {
  .shipping--supplier .static-content {
    margin-left: 0;
    width: 100%;
  }
}

.shipping--supplier .navigation-menu {
  margin-bottom: 0;
  border-bottom: none;
}

.shipping--supplier .contact-card {
  background: #fff;
  padding: 3rem;
  border-top: 3px solid #000;
  padding: 0;
}

@media only screen and (max-width: 980px) {
  .shipping--supplier .contact-card {
    padding: 1.5rem;
  }
}

.shipping--supplier .contact-card__header {
  background: #fff;
  position: relative;
}

.shipping--supplier .contact-card__header:after {
  display: block;
  content: '';
  position: absolute;
  left: 0rem;
  right: 0rem;
  bottom: 0;
  height: 1px;
  background: #d8d8d8;
}

.shipping--supplier .contact-card__header-text {
  color: #000;
}

.shipping__static-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 980px) {
  .shipping__static-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.shipping__btn-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 6.7rem;
}

@media screen and (min-width: 1200px) {
  .shipping__btn-wrap:hover {
    cursor: pointer;
  }

  .shipping__btn-wrap:hover .shipping__btn {
    color: #E02020;
  }
}

@media only screen and (max-width: 980px) {
  .shipping__btn-wrap {
    margin: 1rem 0 1.5rem;
  }
}

.shipping__btn {
  margin-right: 1.7rem;
  font-size: 4.2rem;
}

@media only screen and (max-width: 980px) {
  .shipping__btn {
    margin-right: 1.5rem;
  }
}

.shipping__btn-text {
  font-size: 1.5rem;
  font-weight: 500;
}

.shipping__select-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

@media only screen and (max-width: 980px) {
  .shipping__select-wrap {
    margin: 0;
  }
}

.shipping__select-text {
  font-size: 1.6rem;
  font-weight: 500;
  margin-right: 1.9rem;
}

.shipping__select {
  width: 9rem;
  height: 4.2rem;
}

.shipping__select .select__btn {
  min-width: auto;
  background: #ffffff;
}

.shipping__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1.2rem;
}

@media screen and (max-width: 1440px) {
  .shipping__list {
    margin: -1rem;
  }
}

@media only screen and (max-width: 980px) {
  .shipping__list {
    margin: -.75rem;
  }
}

.shipping__li {
  width: calc(100% / 3);
  padding: 1.2rem;
}

@media screen and (max-width: 1440px) {
  .shipping__li {
    width: calc(100% / 2);
    padding: 1rem;
  }
}

@media only screen and (max-width: 980px) {
  .shipping__li {
    width: 100%;
    padding: .75rem;
  }
}

.structure__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8.5rem;
}

@media screen and (max-width: 1440px) {
  .structure__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 980px) {
  .structure__head {
    margin-bottom: 3rem;
  }
}

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

@media screen and (max-width: 1440px) {
  .structure__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 980px) {
  .structure__left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
  }
}

.structure__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

@media screen and (max-width: 1440px) {
  .structure__right {
    margin-left: 0;
    margin-top: 1.5rem;
  }
}

@media only screen and (max-width: 980px) {
  .structure__right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.structure__title {
  margin-right: 2rem;
  font-size: 2.4rem;
  font-weight: 700;
}

@media screen and (max-width: 1440px) {
  .structure__title {
    margin-right: 0;
    margin-bottom: 2.5rem;
  }
}

@media only screen and (max-width: 980px) {
  .structure__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    padding-right: 1rem;
    font-size: 2rem;
  }
}

.structure__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -.7rem;
}

.structure__btn-item {
  padding: .7rem;
}

.structure__btn-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 1200px) {
  .structure__btn-wrap:hover {
    cursor: pointer;
  }

  .structure__btn-wrap:hover .structure__btn {
    color: #E02020;
  }
}

.structure__btn {
  margin-right: 1rem;
  font-size: 4.2rem;
}

@media only screen and (max-width: 980px) {
  .structure__btn {
    margin-right: 0;
    font-size: 3rem;
  }
}

.structure__btn-text {
  font-size: 1.6rem;
  font-weight: 700;
}

@media only screen and (max-width: 980px) {
  .structure__btn-text {
    display: none;
  }
}

.structure__date-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -1.5rem;
}

.structure__date-item {
  padding: 1.5rem;
}

.structure__date-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.6rem;
  font-weight: 500;
}

@media only screen and (max-width: 980px) {
  .structure__date-wrap {
    font-size: 1.2rem;
  }
}

.structure__date-key {
  margin-right: .8rem;
  font-weight: 700;
}

.structure__edit-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 1rem;
}

@media only screen and (max-width: 980px) {
  .structure__edit-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.structure__edit {
  font-size: 3.2rem;
}

@media only screen and (max-width: 980px) {
  .structure__edit {
    font-size: 2.6rem;
  }
}

.structure__edit-btn {
  margin-right: 1rem;
  font-size: 0;
}

@media only screen and (max-width: 980px) {
  .structure__edit-btn {
    margin: 0;
  }
}

.structure__edit-text {
  font-size: 1.4rem;
  font-weight: 500;
}

@media only screen and (max-width: 980px) {
  .structure__edit-text {
    display: none;
  }
}

.structure__overflow {
  overflow: auto hidden;
}

.structure__content {
  width: 77.4rem;
  padding-left: 1.6rem;
  font-size: 0;
  white-space: nowrap;
}

@media only screen and (max-width: 980px) {
  .structure__content {
    width: 35rem;
  }
}

.structure__card-list {
  position: relative;
  display: none;
  padding-left: 3rem;
}

.structure__card-list.active {
  display: block;
}

.structure__card-list::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 2px;
  height: 100%;
  background: #000;
}

.structure__card-list .structure__card-item:nth-last-child(1)>.structure__card-line {
  display: block;
}

.structure__card-list .structure__card-item:nth-last-child(1)>.structure__card-list.active~.structure__card-line {
  display: block;
}

.structure__card-item {
  position: relative;
  padding-top: 1rem;
}

.structure__card-line {
  position: absolute;
  bottom: 0;
  left: -3.2rem;
  display: none;
  width: .6rem;
  height: calc(100% - 5.6rem);
  background: #eaeaea;
}

.structure--integrator .structure__card-line {
  background: #F4F4F4;
}

.structure__card-wrapper {
  position: relative;
}

.structure__card-wrapper::before {
  content: '';
  position: absolute;
  left: -3rem;
  top: 50%;
  z-index: 10;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 3.2rem;
  height: .2rem;
  background: #000;
}

.structure__card-wrapper--main+.structure__card-list {
  padding-top: 4rem;
}

.structure__card-wrapper--main::before {
  display: none;
}

.structure__card-wrapper--main+.structure__card-list>.structure__card-item {
  margin-bottom: 2rem;
}

.structure__card-wrapper--main+.structure__card-list>.structure__card-item:last-child {
  margin-bottom: 0;
}

.structure__card-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 2px;
  height: 100%;
  background: #000;
}

.structure__card-wrapper:only-child {
  margin-bottom: 0;
}

.structure__card-wrapper:only-child .structure__card-btn {
  display: none;
}

.structure__card-btn {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 15;
  width: 3.2rem;
  height: 3.2rem;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.structure__card-btn.active .icon {
  -webkit-transform: rotateZ(180Deg) translate(50%, 50%);
  -ms-transform: rotate(180Deg) translate(50%, 50%);
  transform: rotateZ(180Deg) translate(50%, 50%);
}

.structure__btn-prev-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.structure__btn-prev-wrap--client {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.structure__btn-prev {
  width: 13.1rem;
}

.supplier-header {
  background: #000;
  padding: 2rem 0 3.8rem;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 4rem;
  position: relative;
  z-index: 999;
  overflow: hidden;
}

@media only screen and (max-width: 980px) {
  .supplier-header {
    padding: 1.2rem 0;
  }
}

.supplier-header--logout {
  background: #F1F1F1;
  color: rgba(0, 0, 0, 0.6);
}

@media only screen and (max-width: 980px) {
  .supplier-header--logout {
    background: #fff;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
  }
}

.supplier-header--logout .supplier-header__profile-li--user .supplier-header__profile-text {
  color: #000;
}

.supplier-header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 980px) {
  .supplier-header__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.supplier-header--integrator .supplier-header__container {
  padding-right: 0;
}

.supplier-header__logo {
  display: block;
  width: 21.5rem;
  padding-right: 4.3rem;
}

@media screen and (max-width: 1440px) {
  .supplier-header__logo {
    padding-right: 2rem;
  }
}

@media only screen and (max-width: 980px) {
  .supplier-header__logo {
    width: 8.6rem;
    padding-right: 0;
    margin-left: 1.3rem;
  }
}

.supplier-header__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media only screen and (max-width: 980px) {
  .supplier-header__content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: #000;
    padding: 2rem 2rem 7rem;
    overflow: auto;
    overflow-x: hidden;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
  }

  .supplier-header__content.active {
    pointer-events: auto;
    opacity: 1;
  }
}

@media only screen and (max-width: 980px) {
  .supplier-header--logout .supplier-header__content {
    background: #fff;
  }
}

.supplier-header__list-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 980px) {
  .supplier-header__list-container {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.supplier-header--integrator .supplier-header__list-container {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: calc(100% - 25.3rem);
  overflow: auto;
  overflow-y: hidden;
  padding: .8rem;
}

@media only screen and (max-width: 980px) {
  .supplier-header--integrator .supplier-header__list-container {
    width: 100%;
    padding: 0;
  }
}

.supplier-header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: -.8rem;
}

@media screen and (max-width: 1440px) {
  .supplier-header__list {
    margin: -1.2rem;
  }
}

@media only screen and (max-width: 980px) {
  .supplier-header__list {
    display: block;
  }
}

.supplier-header--admin .supplier-header__list {
  margin: -3rem;
}

@media only screen and (max-width: 980px) {
  .supplier-header--admin .supplier-header__list {
    margin: -1.2rem;
  }
}

.supplier-header--integrator .supplier-header__list {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0;
}

.supplier-header__li {
  padding: .8rem;
}

@media screen and (max-width: 1440px) {
  .supplier-header__li {
    width: calc(100% / 3);
    padding: 1.2rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}

@media only screen and (max-width: 980px) {
  .supplier-header__li {
    width: 100%;
  }
}

.supplier-header--admin .supplier-header__li {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding: 3rem;
}

@media only screen and (max-width: 980px) {
  .supplier-header--admin .supplier-header__li {
    padding: 1.2rem;
  }
}

.supplier-header--integrator .supplier-header__li {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding: 0;
  padding-left: 6rem;
}

@media screen and (max-width: 1440px) {
  .supplier-header--integrator .supplier-header__li {
    width: auto;
  }
}

@media only screen and (max-width: 980px) {
  .supplier-header--integrator .supplier-header__li {
    padding: 0;
    padding-left: 2.4rem;
    width: 100%;
  }
}

.supplier-header--integrator .supplier-header__li:first-child {
  padding-left: 0;
}

@media only screen and (max-width: 980px) {
  .supplier-header--integrator .supplier-header__li:first-child {
    padding-left: 0;
  }
}

.supplier-header__li--divider {
  position: relative;
  padding-right: 5rem !important;
}

@media only screen and (max-width: 980px) {
  .supplier-header__li--divider {
    padding-right: 1.2rem !important;
  }
}

.supplier-header__li--divider:after {
  display: block;
  content: '';
  position: absolute;
  right: 2.1rem;
  top: 2.3rem;
  bottom: 0;
  width: 1px;
  background: rgba(151, 151, 151, 0.4);
}

@media only screen and (max-width: 980px) {
  .supplier-header__li--divider:after {
    display: none;
  }
}

.supplier-header__li--double-list {
  width: 38rem;
}

@media screen and (max-width: 1440px) {
  .supplier-header__li--double-list {
    width: 33rem !important;
  }
}

@media only screen and (max-width: 980px) {
  .supplier-header__li--double-list {
    width: 100% !important;
  }
}

.supplier-header__header {
  display: block;
  margin-bottom: 1.8rem;
}

@media screen and (max-width: 1440px) {
  .supplier-header__header {
    margin-bottom: 1.2rem;
  }
}

@media only screen and (max-width: 980px) {
  .supplier-header__header {
    margin-bottom: 1rem;
  }
}

.supplier-header__header-text {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: .65rem;
  border-bottom: 2px solid transparent;
  -webkit-transition: color .3s, border-color .3s;
  -o-transition: color .3s, border-color .3s;
  transition: color .3s, border-color .3s;
}

@media screen and (min-width: 1200px) {
  .supplier-header__header-text:hover {
    color: #E02020;
  }
}

@media screen and (max-width: 1440px) {
  .supplier-header__header-text {
    font-size: 1.4rem;
    padding-bottom: .3rem;
  }
}

@media only screen and (max-width: 980px) {
  .supplier-header__header-text {
    font-size: 1.6rem;
  }
}

.supplier-header__li.active .supplier-header__header-text {
  color: #E02020;
  border-color: #E02020;
}

.supplier-header--logout .supplier-header__header-text {
  color: #000;
}

.supplier-header__item-list {
  margin: -.5rem;
}

@media screen and (max-width: 1440px) {
  .supplier-header__item-list {
    margin: -.5rem;
  }
}

.supplier-header__item-list--double-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 980px) {
  .supplier-header__item-list--double-list {
    display: block;
  }
}

.supplier-header__item-li {
  padding: .5rem;
}

@media screen and (max-width: 1440px) {
  .supplier-header__item-li {
    padding: .5rem;
  }
}

.supplier-header__item-list--double-list .supplier-header__item-li {
  width: calc(100% / 2);
}

@media only screen and (max-width: 980px) {
  .supplier-header__item-list--double-list .supplier-header__item-li {
    width: 100%;
  }
}

.supplier-header__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
}

@media screen and (max-width: 1440px) {
  .supplier-header__card {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 980px) {
  .supplier-header__card {
    font-size: 1.4rem;
  }
}

.supplier-header__item-list--double-list .supplier-header__card {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.supplier-header__item-li--red .supplier-header__card-key {
  color: red;
}

.supplier-header__card-value {
  margin-left: .5rem;
  color: #fff;
}

.supplier-header--logout .supplier-header__card-value {
  color: #000;
}

.supplier-header__card-status {
  height: 2.5rem;
  font-size: 1.4rem;
  padding: 0 1rem;
  margin-top: 1.6rem;
}

@media screen and (max-width: 1440px) {
  .supplier-header__card-status {
    font-size: 1.2rem;
    height: 2rem;
    padding: 0 .5rem;
  }
}

@media only screen and (max-width: 980px) {
  .supplier-header__card-status {
    height: 2.5rem;
    font-size: 1.4rem;
    padding: 0 1rem;
  }
}

.supplier-header__profile {
  width: 21rem;
  margin-top: -2rem;
  margin-bottom: -3.8rem;
  margin-right: -2rem;
  background: #323232;
  margin-left: auto;
  padding: 1.5rem 2rem 3.5rem;
}

@media only screen and (max-width: 980px) {
  .supplier-header__profile {
    width: 100%;
    background: none;
    padding: 0;
    margin: 0;
    margin-bottom: 3.3rem;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.supplier-header--logout .supplier-header__profile {
  background: #E5E5E5;
}

@media only screen and (max-width: 980px) {
  .supplier-header--logout .supplier-header__profile {
    background: none;
  }
}

.supplier-header__profile-list {
  margin: -.5rem;
}

.supplier-header__profile-li {
  padding: .5rem;
}

.supplier-header__profile-li--user {
  padding-bottom: 1.5rem;
}

@media only screen and (max-width: 980px) {
  .supplier-header__profile-li--user {
    padding-bottom: .5rem;
  }
}

.supplier-header__profile-card {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.supplier-header__profile-icon {
  color: #535353;
  font-size: 2rem;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.supplier-header--logout .supplier-header__profile-icon {
  color: #B7B7B7;
}

@media screen and (min-width: 1200px) {
  .supplier-header__profile-card:hover .supplier-header__profile-icon {
    color: #E02020;
  }
}

.supplier-header__profile-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.supplier-header__profile-li--user .supplier-header__profile-text {
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

.supplier-header--logout .supplier-header__profile-text {
  color: rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 1200px) {
  .supplier-header__profile-card:hover .supplier-header__profile-text {
    color: #E02020;
  }
}

.supplier-header__profile-status {
  height: 1.8rem;
  padding: 0 .7rem;
  font-size: 1.2rem;
  margin-left: .7rem;
}

.supplier-header__country {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  margin-top: 3.2rem;
}

@media only screen and (max-width: 980px) {
  .supplier-header__country {
    margin-top: 1.2rem;
  }
}

.supplier-header--logout .supplier-header__country {
  color: #000;
}

.supplier-header__country-icon {
  border-radius: 50%;
  font-size: 2rem;
}

.supplier-header__country-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 1rem;
}

.supplier-header__open {
  display: none;
  font-size: 1.8rem;
  color: #fff;
  line-height: 0;
  display: none;
}

@media only screen and (max-width: 980px) {
  .supplier-header__open {
    display: block;
  }
}

.supplier-header--logout .supplier-header__open {
  color: #000;
}

.supplier-header__close {
  font-size: 1.6rem;
  color: #fff;
  line-height: 0;
  margin-bottom: 3rem;
  display: none;
}

@media only screen and (max-width: 980px) {
  .supplier-header__close {
    display: block;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

.supplier-header--logout .supplier-header__close {
  color: #000;
}

.supplier-header__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: auto;
  display: none;
  margin: -.7rem;
  margin-left: auto;
}

@media only screen and (max-width: 980px) {
  .supplier-header__btn-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.supplier-header__btn-li {
  padding: .7rem;
}

.supplier-header__btn {
  display: block;
  position: relative;
  line-height: 0;
}

.supplier-header__btn-icon {
  font-size: 2rem;
  color: #2B2B2B;
}

.supplier-header__status {
  position: absolute;
  top: 0;
  left: 100%;
  height: auto;
  width: auto;
  -webkit-transform: translate(-40%, -50%);
  -ms-transform: translate(-40%, -50%);
  transform: translate(-40%, -50%);
  padding: .1rem .5rem;
  font-size: .8rem;
}

.supplier-products__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 980px) {
  .supplier-products__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.supplier-products__left {
  width: 23.4rem;
  margin-right: 2rem;
}

@media only screen and (max-width: 980px) {
  .supplier-products__left {
    margin-bottom: 2rem;
    margin-right: 0;
    width: auto;
  }
}

.supplier-products__right {
  width: calc(100% - 15.3rem);
}

@media only screen and (max-width: 980px) {
  .supplier-products__right {
    width: 100%;
  }
}

.supplier-products__item-main {
  display: none;
}

.supplier-products__item-main.active {
  display: block;
}

.supplier-products__item-main--flat {
  width: 100%;
}

.supplier-products__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: -1rem;
}

.supplier-products__item {
  width: calc(100% / 4);
  padding: 1rem;
  overflow: auto hidden;
}

@media screen and (max-width: 1440px) {
  .supplier-products__item {
    width: calc(100% / 3);
    min-width: 29rem;
  }
}

@media only screen and (max-width: 980px) {
  .supplier-products__item {
    width: 100%;
  }
}

.supplier-products__item--horizontal {
  overflow: auto hidden;
  width: 100%;
}

.supplier-products__pagination {
  margin-top: 5rem;
}

.user-profile__content {
  max-width: 105rem;
  margin: 0 auto;
  border: .3rem solid #e5e5e5;
}

@media only screen and (max-width: 980px) {
  .user-profile__content {
    border: none;
  }
}

.user-profile__main {
  padding: 4.6rem 6rem 5rem 6rem;
}

@media only screen and (max-width: 980px) {
  .user-profile__main {
    padding: 0;
  }
}

.user-profile__list {
  margin: -4.5rem;
}

@media only screen and (max-width: 980px) {
  .user-profile__list {
    margin: -4rem;
  }
}

.user-profile__li {
  position: relative;
  padding: 4.5rem;
}

@media only screen and (max-width: 980px) {
  .user-profile__li {
    padding: 4rem;
  }
}

.user-profile__li:after {
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 4.5rem;
  right: 4.5rem;
  height: 3px;
  background: #000;
}

.user-profile__li:last-child:after {
  display: none;
}

.user-profile__field-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -1rem -2rem;
}

@media only screen and (max-width: 980px) {
  .user-profile__field-list {
    margin: -.5rem;
  }
}

.user-profile__field-li {
  width: calc(100% / 3);
  padding: 1rem 2rem;
}

@media only screen and (max-width: 980px) {
  .user-profile__field-li {
    width: 100%;
    padding: .5rem;
  }
}

.user-profile__field-li--long {
  width: calc(100% / 3 * 2);
}

@media only screen and (max-width: 980px) {
  .user-profile__field-li--long {
    width: 100%;
  }
}

.user-profile__bottom {
  padding: 4rem 6rem;
  background: #E3E3E3;
}

@media only screen and (max-width: 980px) {
  .user-profile__bottom {
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
    padding: 4rem 1.5rem;
    margin-top: 4rem;
  }
}

.user-profile__submit {
  width: 22rem;
  margin-left: auto;
  margin-top: 4rem;
}

.user-profile__submit .btn__text {
  font-size: 1.5rem;
  font-weight: 500;
}

@media only screen and (max-width: 980px) {
  .user-profile__submit {
    width: 100%;
  }
}

/*# sourceMappingURL=main.css.map */