.container, .medium-container, .small-container {
  margin: 0 auto;
  padding: 0 20px
}

body, h1 {
  margin: 0
}

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

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

@font-face {
  font-family: Montserrat;
  src: url('../fonts/Montserrat-ExtraBold.eot');
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
    url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
    url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
    url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal
}

@font-face {
  font-family: Montserrat;
  src: url('../fonts/Montserrat-SemiBold.eot');
  src: local('Montserrat SemiBold'),
    local('Montserrat-SemiBold'),
    url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
    url('../fonts/Montserrat-SemiBold.woff') format('woff'),
    url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal
}

.btn-blue, .btn-dark-blue {
  border: none;
  color: #fff;
  cursor: pointer
}

.btn-blue span, .btn-dark-blue span, .cat-list-item-title span, .catitem-advert-title span, .dist-popup p, .footer-subscribe-text span, .keys-name span, .main-slide-title span, .order-call-popup p, .product_by_request-popup p, .top-menu-include, .top-menu-title a, h1 {
  font-weight: 600
}

.btn, .footer-links .footer-phone-link, .footer-links ul li a, .formclass .form-attach-link, .header-language__link, .header-phone a, .paggination__l a, .tabs .tabs-link, .top-menu-links a, .top-menu-title a {
  text-decoration: none
}

body {
  padding: 108px 0 0;
  font-family: Montserrat, sans-serif
}

button {
  font-family: inherit;
}

* {
  box-sizing: border-box
}

.container {
  max-width: 1220px
}

.medium-container {
  max-width: 820px
}

.small-container {
  max-width: 640px
}

h1 {
  font-size: 36px;
  padding: 0
}

.header-phone a:hover, a {
  color: #4baaf3
}

.footer-links .footer-phone-order:hover, a:hover {
  color: #4493e9
}

.btn {
  letter-spacing: 1px
}

.btn-blue {
  display: inline-block;
  background: #4baaf3;
  font-size: 11px;
  text-align: center;
  padding: 14px 42px;
  text-transform: uppercase;
  transition: .3s;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none
}

.btn-blue:hover {
  background: #4493e9;
  color: #fff
}

.btn-dark-blue, .btn-white-border {
  display: inline-block;
  font-size: 11px;
  padding: 14px 42px;
  appearance: none;
  transition: .3s;
  text-align: center;
  text-transform: uppercase
}

.btn-dark-blue {
  background: #003d68;
  -webkit-appearance: none;
  -moz-appearance: none
}

.search-block, .top-menu, footer, header {
  background: #fff
}

.btn-dark-blue:hover {
  background: #174e76;
  color: #fff
}

.btn-white-border {
  background: #fff;
  border: 1px solid #003d68;
  color: #003d68;
  -webkit-appearance: none;
  -moz-appearance: none
}

.formclass input[type=text], .formclass textarea {
  appearance: none;
  box-shadow: none;
  font-family: inherit;
  outline: 0
}

.btn-white-border:hover {
  background: #003d68 !important;
  color: #fff
}

header {
  box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100
}

.header {
  padding: 35px 0;
  display: flex;
  position: relative
}

.header .header-logo {
  margin-right: 8px;
}

.header-location {
  display: flex;
  align-items: center;
  margin: 0 auto;
}

.header-location .custom-select.is-no-bg .location-name {
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #231F20 !important;
  text-transform: none !important;
  padding: 0 8px 0 0 !important;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.header-location .custom-select.is-no-bg .location-name .arrow-i {
  flex: 0 0 auto;
  margin-left: 8px;
}

.header-location .custom-select.is-no-bg .custom-select-dropdown .custom-select-option {
  font-weight: 400 !important;
  font-size: 16px !important;
  text-transform: none !important;
  white-space: nowrap;
}

.header-location .custom-select.is-no-bg .location-name::after {
  display: none !important;
}

.header .header-contacts {
  display: flex;
  align-items: center;
}

.header .header-socials {
  margin: 0 auto;
}

.header .header-action {
  display: flex;
  align-items: center;
  margin: 0 auto;
}

.header-action .action-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  margin-right: 24px;
  position: relative;
}

.header-action .action-item .action-i {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
}

.header-action .action-item .user-name {
  color: #737373;
  font-size: 16px;
  font-weight: 400;
  transition: color ease .4s;
  margin-left: 4px;
}

.header-action .action-item .action-i svg {
  display: block;
  width: 100%;
  height: 100%;
  transition: ease .4s;
}

.header-action .action-item.login-item svg {
  fill: #737373;
}

.header-action .action-item.basket-item svg {
  stroke: #737373;
}

.header-action .action-item.basket-item .basket-counter {
  background: #4BAAF3;
  border-radius: 50rem;
  white-space: nowrap;
  color: #fff;
  text-align: center;
  padding: 0rem 5px;
  font-size: 12px;
  line-height: .9;
  position: absolute;
  left: 9px;
  height: 16px;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}

.header .header-wrapper {
  justify-content: space-between;
  position: relative;
}

/* текст в шапке для предпринимателей */
.header .header-business-note {
  position: absolute;
  left: 0;
  top: 85px;
  color: #555a64;
  font-size: 10px;
  line-height: 1.2;
  white-space: nowrap;
  z-index: 2;
}
/* текст в шапке для предпринимателей */

.header-action .action-item.basket-item .basket-summ {
  position: absolute;
  display: inline-flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #fff;
  border-radius: 50rem;
  border: 1px solid #ABAFB2;
  white-space: nowrap;
  line-height: 1.5;
  font-size: 12px;
  font-weight: 400;
  height: 22px;
  left: 9px;
  bottom: -12px;
  color: black;
  transition: ease .4s;
  opacity: 0;
  visibility: hidden;
}

.header-action .action-item.basket-item:hover .basket-summ {
  opacity: 1;
  visibility: visible;
}

.header-action .action-item.login-item:hover .action-i svg {
  fill: #4baaf3;
}

.header-action .action-item.basket-item:hover svg {
  stroke: #4baaf3;
}

.header-action .action-item:hover span {
  color: #4baaf3;
}

.header .header-right {
  justify-items: flex-end;
}

/*NEW BAASKET*/
.new-basket-page {
  min-height: 50vh;
  padding: 32px 0 10px 0;
}

/*INFO BOX */
.basket-info-box {
  background: #F7F7F7;
  padding: 24px;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 350px;
}

.basket-info-box .info-counter {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 12px;
  margin-top: 0;
}

.basket-info-box .info-summ {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 16px;
  display: block;
}

.basket-info-box .btn {
  width: 100%;
}

/* END INFO BOX*/
/* PRODUCT LIST */
.new-basket-page .basket-product-list {
  display: flex;
  flex-direction: column;
}

.new-basket-page .basket-product-list .basket-product-item {
  width: 100%;
  max-width: 840px;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 32px;
  padding: 22px 90px 22px 10px;
}

.new-basket-page .basket-product-list .basket-product-item:last-of-type {
  margin-bottom: 0
}

.new-basket-page .basket-product-list .basket-product-item .product-remove {
  padding: 0;
  background: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
  outline: none;
  border: none;
  flex: 0 0 auto;
  position: absolute;
  top: 24px;
  right: 0;
}

.new-basket-page .basket-product-list .basket-product-item .product-remove svg {
  display: block;
  width: 100%;
  height: 100%;
  transition: ease .4s;
  stroke: black;
}

.new-basket-page .basket-product-list .basket-product-item .product-remove:hover svg {
  stroke: #4BAAF3;
}

.new-basket-page .basket-product-list .basket-product-item .product-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 140px;
  margin-right: 16px;
}

.new-basket-page .basket-product-list .basket-product-item .product-img img {
  display: block;
  max-width: 100%;
  margin: auto;
}

.new-basket-page .basket-product-list .basket-product-item .product-info {
  flex-wrap: nowrap;
  margin-top: 0;
  flex-direction: column;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 8px;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-article {
  margin-top: 0;
  font-size: 16px;
  margin-bottom: 8px;
  color: #737373;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-tags {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-tags li {
  padding: 4px;
  font-size: 16px;
  font-weight: 400;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-footer {
  padding-top: 16px;
  display: flex;
  align-items: center;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-footer .product-price {
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  white-space: nowrap;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-footer .product-price .old-price {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
  text-decoration: line-through;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-footer .product-price p,
.new-basket-page .basket-product-list .basket-product-item .product-info .product-footer .product-price span {
  font: inherit;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-footer .product-price.price-prev {
  color: #757575;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-footer .product-order-counter {
  position: relative;
  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;
  max-width: 100%;
  background: #F7F7F7;
  padding: 6px 8px;
  width: 115px;
  height: 32px;
  margin: 0 12px;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-footer .product-order-counter input {
  background: none;
  overflow: hidden;
  padding: 0;
  color: #000;
  font-size: 16px;
  color: #757575;
  font-weight: 600;
  line-height: 1.1;
  margin: 0 5px;
  text-align: center;
  -webkit-transition: background ease .4s;
  transition: background ease .4s;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 13px;
  font-family: Montserrat, sans-serif;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-footer .product-order-counter .counter-btn {
  position: relative;
  width: 24px;
  height: 24px;
  background: none;
  cursor: pointer;
  padding: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: none;
  padding: 0;
  outline: none;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-footer .product-order-counter .counter-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 19px;
  height: 2px;
  background: #757575;
  -webkit-transition: ease .4s;
  transition: ease .4s;
  border-radius: 5px;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-footer .product-order-counter .counter-btn.counter-plus::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 17px;
  background: #757575;
  -webkit-transition: ease .4s;
  transition: ease .4s;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-footer .product-order-counter .counter-btn:hover::after {
  background: black;
}

.new-basket-page .basket-product-list .basket-product-item .product-info .product-footer .product-order-counter .counter-btn.counter-plus:hover::before {
  background: black;
}

/* END PRODUCT LIST */
/* BASKET PROGRESS */
.basket-progress {
  position: relative;
  margin-bottom: 32px;
}

.basket-progress .progress-counter {
  margin-bottom: 8px;
}

.basket-progress .progress-counter h4 {
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.basket-progress .progress-line {
  width: 100%;
  height: 8px;
  position: relative;
  border-radius: 0.8rem;
  overflow: hidden;
  background: #FBFBFB;
}

.basket-progress .progress-line .line-step {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 0.8rem;
  background: #4BAAF3;
}

/* END BASKET PROGRESS */

/* BASKET TYPOGRAFY */
.basket-title.icon-title {
  display: flex;
  align-items: center;
}

.basket-title.icon-title .icon {
  width: 35px;
  height: 35px;
  flex: 0 0 auto;
  margin-right: 18px;
}

.basket-title.icon-title svg {
  display: block;
  width: 100%;
  height: 100%:
}

.basket-title.icon-title.icon-error {
  color: #FF8787;
}

.new-basket-page .basket-button {
  width: 100%;
  outline: none;
  cursor: pointer;
  font-family: 'Montserrat';
  min-height: 48px;
  margin-bottom: 1px;
}

.basket-button.outline-button {
  color: #4BAAF3;
  background: #fff;
  outline: none;
  margin-bottom: 16px;
  border: 1px solid #4BAAF3;
}

.basket-button.outline-button:hover {
  background: #4BAAF3;
  color: #fff;
}

.basket-subtitle {
  color: black;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 16px;
  margin-top: 0;
}

.new-basket-page .basket-title {
  color: black;
  font-weight: 600;
  margin: 0;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 24px;
}

.basket-nav-title {
  display: flex;
  align-items: center;
  background: none;
  padding: 0;
  outline: none;
  border: none;
  cursor: pointer;
  transition: ease .4s;
}

.basket-nav-title .icon {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin-right: 5px;
}

.basket-nav-title .icon svg {
  display: block;
  transition: ease .4s;
  fill: black;
}

.basket-nav-title:hover {
  color: #4BAAF3;
}

.basket-nav-title:hover .icon svg {
  fill: #4BAAF3;
}

/*END BASKET TYPOGRAFY */

/* BASKET INPUTS */
.input-wrapper {
  width: 100%;
  position: relative;
}

.flexed-inputs {
  display: flex;
  align-items: center;
  gap: 32px;
  width: 100%;
}

.input-wrapper label {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 10px;
  font-family: 'Montserrat';
}

.input-wrapper input,
.input-wrapper textarea {
  display: block;
  width: 100%;
  background: #F2F2F2;
  font-size: 16px;
  line-height: 1;
  color: black;
  outline: none;
  border: none;
  font-family: 'Montserrat';
  padding: 14px 16px;
  height: 48px;
  appearance: none;
}

.input-wrapper input::placeholder,
.input-wrapper textarea::placeholder {
  font-size: 16px;
  color: #737373;
}

.input-wrapper textarea {
  resize: none;
}

.switcher-button {
  display: inline-flex;
  cursor: pointer;
}

.switcher-button input {
  display: none;
}

.switcher-button .radio-button--text {
  line-height: 1.7;
  font-weight: 400;
  font-size: 14px;
  background: #F7F7F7;
  color: black;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
  min-height: 40px;
  min-width: 50px;
  white-space: nowrap;
  transition: ease .4s;
}

.switcher-button input:checked+span {
  background: #4BAAF3;
  color: #fff;
}

/* END BASKET INPUTS */
/* BASKET WINDOWS */
.basket-order-msg {
  position: relative;
  display: none;
}

.basket-order-msg.active {
  display: block;
}

.basket-order-msg p {
  margin: 0;
  padding: 12px 0 24px 0;
  font-size: 18px;
  line-height: 1.3;
  max-width: 680px;
}

/* END BASKET WINDOWS */
.basket-wrapper {
  position: relative;
  width: 100%;
}

.basket-wrapper .flex-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

.basket-wrapper .flex-wrapper .left-col {
  width: 70%;
}

.basket-wrapper .flex-wrapper .right-col {
  width: 30%;
}

.basket-wrapper .basket-form-step {
  width: 100%;
  display: none;
}

.basket-wrapper .basket-form-step.active {
  display: block;
  animation: basketReveal .5s linear;
}

@keyframes basketReveal {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.inputs-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 340px;
}

.inputs-wrapper .submit-wrapper {
  margin-top: auto;
}

.inputs-wrapper .inputs-group {
  display: flex;
  align-items: flex-end;
  gap: 50px;
  margin-bottom: 20px;
}

.checkbox-btn {
  cursor: pointer;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
}

.checkbox-btn input {
  position: absolute;
z-index: -1;
opacity: 0;
left: 0;
top: 0;
}

.checkbox-btn input:checked + span::after {
  opacity: 1;
}

.checkbox-btn span {
  cursor: pointer;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}

.checkbox-btn span::before {
  content: "";
    width: 25px;
    height: 25px;
    background: #4baaf3;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-right: 20px;
    border-radius: 4px;
}
.checkbox-btn span::after {
  content: "";
    position: absolute;
    left: 7px;
    top: 7px;
    opacity: 0;
    width: 12px;
    height: 10px;
    background: url(../img/i-checked-white.svg) no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    -webkit-transition: ease, .3s;
    -o-transition: ease, .3s;
    transition: ease, .3s;
    z-index: 2;
}

.checkbox-btn div {
  margin: 0;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.3;
padding-top: 10px;
}

.step-content {
  width: 100%;
  max-width: 620px;
}

.switcher-group {
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
}

.switcher-group .switcher-button {
  padding: 4px;
}

/* ORDER MODAL */

.order-modal {
  position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    opacity: 0;
    visibility: hidden;
}

.order-modal.active {
  opacity: 1;
  visibility: visible;
}
.order-modal .modal {
    position: absolute;
    width: 100%;
    max-height: calc(100% - 40px);
    overflow: auto;
    max-width:710px;
    padding: 20px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 20;
}
.order-modal .modal::-webkit-scrollbar {
  width: 3px;
  overflow: visible;
  background-color: #fff;
}

.order-modal .modal::-webkit-scrollbar-thumb {
  background-color: #4BAAF3;
}

.order-modal .modal .close {
  padding: 0;
    background: none;
    cursor: pointer;
    width: 24px;
    height: 24px;
    outline: none;
    border: none;
    flex: 0 0 auto;
    position: absolute;
    top: 24px;
    right: 24px;
}

.order-modal .modal .close svg {
  display: block;
  width: 100%;
  height: 100%;
  transition: ease .4s;
  stroke: black;
}

.order-modal .modal .close:hover svg {
  stroke:#4BAAF3;
}

.order-modal .modal .inner {
  position: relative;
  background: #fff;
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  overflow:hidden;
}

.order-modal .modal .modal-title {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 24px;
}
.order-modal .modal .modal-order-list {
  display: flex;
  flex-direction: column;
}

.order-modal .modal .modal-order-list .modal-product-item {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
}

.modal-product-item  .product-img {
  position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 140px;
    margin-right: 16px;
}
.modal-product-item  .product-img img {
  display: block;
    max-width: 100%;
    margin: auto;
}

.modal-product-item .mobile-img {
  position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 65px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 45px;
    margin-right: 16px;
    flex:0 0 auto;
}

.modal-product-item .mobile-img img {
  display: block;
    max-width: 100%;
    margin: auto;
}

.modal-product-item .product-info {
  flex-wrap: nowrap;
    margin-top: 0;
    flex-direction: column;
}

.modal-product-item .product-info .product-title {
  font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 16px;
}

.modal-product-item .product-info .product-footer {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.modal-product-item .product-info .product-footer .product-price {
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


/* */

.modal-product-item .product-info .product-footer .product-price .old-price {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
  text-decoration: line-through;
}

.modal-product-item .product-info .product-footer .product-price p,
.modal-product-item .product-info .product-footer .product-price span {
  font: inherit;
}

.modal-product-item .product-info .product-footer .product-price.price-prev {
  color: #757575;
}

.modal-product-item .product-info .product-footer .product-order-counter {
  position: relative;
  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;
  max-width: 100%;
  background: #F7F7F7;
  padding: 6px 8px;
  width: 115px;
  height: 32px;
  margin: 0 12px;
}

.modal-product-item .product-info .product-footer .product-order-counter input {
  background: none;
  overflow: hidden;
  padding: 0;
  color: #000;
  font-size: 16px;
  color: #757575;
  font-weight: 600;
  line-height: 1.1;
  margin: 0 5px;
  text-align: center;
  -webkit-transition: background ease .4s;
  transition: background ease .4s;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 13px;
  font-family: Montserrat, sans-serif;
}

.modal-product-item .product-info .product-footer .product-order-counter .counter-btn {
  position: relative;
  width: 24px;
  height: 24px;
  background: none;
  cursor: pointer;
  padding: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: none;
  padding: 0;
  outline: none;
}

.modal-product-item .product-info .product-footer .product-order-counter .counter-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 19px;
  height: 2px;
  background: #757575;
  -webkit-transition: ease .4s;
  transition: ease .4s;
  border-radius: 5px;
}

.modal-product-item .product-info .product-footer .product-order-counter .counter-btn.counter-plus::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 17px;
  background: #757575;
  -webkit-transition: ease .4s;
  transition: ease .4s;
}

.modal-product-item .product-info .product-footer .product-order-counter .counter-btn:hover::after {
  background: black;
}

.modal-product-item .product-info .product-footer .product-order-counter .counter-btn.counter-plus:hover::before {
  background: black;
}

.modal-product-item .modal-action {
  width: 100%;
}
.modal-product-item .modal-action .btn {
  width: 100%;
}
.modal-product-item .modal-action a {
  margin-bottom: 12px;
}
/* */



.order-modal .modal .modal-order-list .modal-product-item:last-of-type {
  margin-bottom: 0
}

.order-modal .order-overlay {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(3, 63, 106, 0.50);
}

@media (max-width:1299px) {
  .header-action .action-item .user-name {
    display: none;
  }
}

@media(max-width:1100px) {
  .header .header-socials {
    display: none
  }

  .header-action .action-item {
    margin-right: 20px;
  }

  .header .header-logo {
    margin-right: 40px;
  }
}

@media(max-width:992px) {
  .basket-wrapper .flex-wrapper {
    flex-direction: column;
    gap: 0;
  }

  .inputs-wrapper .inputs-group,
  .flexed-inputs {
    gap: 20px;
  }

  .new-basket-page .basket-product-list .basket-product-item {
    margin-bottom: 16px;
  }

  .basket-wrapper .flex-wrapper .left-col,
  .basket-wrapper .flex-wrapper .right-col {
    width: 100%;
  }

  .basket-info-box {
    max-width: 100%;
  }

  .new-basket-page .basket-product-list .basket-product-item {
    max-width: 100%;
  }

  .step-content {
    max-width: 100%;
  }

  .header .header-action {
    margin: 0;
    margin-right: 40px;
    margin-left: auto;
  }

  .header-location {
    margin: 0
  }

  .header .header-contacts {
    display: none;
  }

  .header-action .action-item .action-i {
    margin-right: 10px;
  }
}

@media(max-width:576px) {
.modal-product-item .mobile-img {
  display: flex;
}
  .order-modal .modal .inner {
    padding: 24px;
  }

  .order-modal .modal .modal-title {
    font-size: 20px;
    margin-bottom: 8px;
    padding-right: 35px;
  }
  .order-modal .modal .modal-order-list .modal-product-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .modal-product-item .product-img {
    display: none;
  }
    .modal-product-item .mobile-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  .modal-product-item .product-info .product-title {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 8px;
  }
  .modal-product-item .product-info .product-footer {
    margin-bottom: 20px;
    flex-wrap: wrap;
    align-items: flex-end;
    max-width: 160px;
  }
  .modal-product-item .product-info .product-footer .product-order-counter {
    margin-bottom: 8px !important;
    margin-left: auto;
    margin-right: 0;
    order: -1;
  }
  .modal-product-item .product-info .product-footer .product-price {
    width: 50%;
    margin-left: auto;
  }

    .modal-product-item .product-info .product-footer .product-price.price-next {
      width: auto;
    }
  .basket-wrapper .flex-wrapper .left-col {
    margin-bottom: 16px
  }

  .new-basket-page .basket-title {
    font-size: 24px;
    margin-bottom: 16px;
  }

  .new-basket-page .basket-product-list .basket-product-item {
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
  }

  .new-basket-page .basket-product-list .basket-product-item .product-img {
    margin-bottom: 8px;
    height: 56px;
    margin-right: 0;
    max-width: 100px;
  }

  .new-basket-page .basket-product-list .basket-product-item .product-info .product-title {
    margin-bottom: 8px;
    font-size: 16px;
  }

  .new-basket-page .basket-product-list .basket-product-item .product-info .product-article {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .new-basket-page .basket-product-list .basket-product-item .product-info .product-tags li {
    font-size: 14px;
    line-height: 1.7;
  }

  .new-basket-page .basket-product-list .basket-product-item .product-info .product-footer {
    width: 100%;
  }

  .new-basket-page .basket-product-list .basket-product-item .product-info {
    width: 100%;
  }

  .basket-info-box .info-counter {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .basket-info-box {
    padding: 16px;
  }

  .basket-info-box .info-summ {
    margin-bottom: 12px;
  }

  .new-basket-page .basket-product-list .basket-product-item .product-info .product-footer .product-order-counter {
    width: 100%;
  }

  .basket-subtitle {
    font-size: 18px;
  }

  .inputs-wrapper .inputs-group {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
  }

  .flexed-inputs {
    flex-direction: column;
    gap: 16px;
  }

  .inputs-wrapper .submit-wrapper {
    margin-top: 24px;
  }

  .basket-nav-title {
    align-items: flex-start;
    text-align: left;
  }

  .basket-order-msg p {
    font-size: 18px;
    padding: 0 0 16px 0;
  }

  .basket-title.icon-title {
    flex-direction: column;
    align-items: flex-start;
  }

  .basket-title.icon-title .icon {
    margin-right: 0;
    margin-bottom: 9px;
  }

  .search-block {
    right: 25px !important;
  }

  .header-location {
    display: none;
  }

  .header .header-logo {
    margin-right: 8px;
  }

  .header .header-action {
    margin-right: 12px;
  }

  .header-action .action-item {
    margin-right: 12px;
  }

  .header-search {
    margin-right: 12px !important;
  }

  .header-action .action-item .action-i {
    margin-right: 0;
  }

  .action-item.basket-item .action-i {
    margin-right: 5px;
  }

  .action-item span {
    display: none;
  }
}

@media(max-width:399px) {
  .header-logo img {
    max-height: 32px;
    width: auto;
    max-width: 125px;
  }
}

.header-logo img {
  max-height: 32px;
  width: 160px
}

.header-phone {
  display: flex;
  font-size: 16px;
  color: #000;
  white-space: nowrap;
  align-items: center
}

.header-phone__icon {
  position: relative;
  margin-right: 14px;
  margin-top: 0;
  z-index: 2;
  width: 38px;
  height: 38px
}

.header-phone__icon:after {
  content: '';
  background: url('../img/i-order-call-white.svg') center/18px no-repeat #4baaf3;
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  z-index: 2;
  border-radius: 100px;
  border: 2px solid #fff;
  width: 32px;
  height: 32px;
  transition: .3s;
  transform: translate(-50%, -50%);
}

.header-phone__icon:before {
  content: '';
  background: #4baaf3;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 100px
}

.header-phone__icon:hover:after, .info-results .is-icon-document:hover .is-icon-document__icon:after, .vacancy-contact .vacancy-link-mail:hover .vacancy-link-mail__icon:after, .vacancy-contact .vacancy-link-phone:hover .vacancy-link-phone__icon:after {
  background-color: #4493e9
}

.header-phone a {
  color: #000;
  font-size: 16px;
  transition: .3s
}

.header-social__link {
  width: 38px;
  height: 38px;
  border: 1px solid #e9e9e9;
  border-radius: 100px;
  display: inline-block;
  text-align: center;
  line-height: 38px;
  transition: .3s
}

.header-social__link svg {
  max-height: 12px
}

.header-search svg path, .header-social__link svg path {
  fill: #737373
}

.header-social__link:hover {
  border: 1px solid #4baaf3
}

.header-search:hover svg path, .header-social__link:hover svg path {
  fill: #4baaf3
}

.article-nav__link:hover svg path, .brands-nav__link:hover svg path, .materials-nav__link:hover svg path {
  fill: #fff
}

.header-social__link.is-vk svg {
  max-height: 10px
}

.header-language {
  font-size: 14px;
  color: rgba(0, 0, 0, .5);
  align-items: center;
  display: flex
}

.header-language__link {
  font-size: 14px;
  color: rgba(0, 0, 0, .5);
  transition: .3s;
  display: inline-block;
  margin: 0 8px
}

.header-search, .more-buttons-links-links .btn:not(:last-child) {
  margin-right: 20px
}

.accordeon-title:hover, .cat-list-item a:hover, .custom-select.is-no-bg .custom-select-option:hover, .footer-links ul li a:hover, .header-language__link.is-active, .info-results .is-icon-document a:hover, .top-menu a:hover {
  color: #4baaf3
}

.header-language__link:hover {
  color: #4da2e2
}

.footer-subscribe, .header-menu, .header-right, .info-results .is-icon-document a, .more-buttons-links {
  display: flex;
  align-items: center
}

.search-block {
  display: none;
  position: absolute;
  left: 220px;
  right: 50px;
  top: 20px;
  padding: 10px;
  z-index: 99
}

.search-block input {
  border: none;
  width: 100%;
  padding: 10px 30px;
  border-bottom: 1px solid #8d9bab;
  background: url('../img/i-search.png') left no-repeat #fff;
  outline: 0
}

.search-block__close {
  position: absolute;
  top: 20px;
  right: 16px;
  z-index: 1
}

.header-search {
  display: flex;
  align-items: center;
  margin-top: 3px
}

.custom-select-dropdown.is-opened, .header-search.is-active .search-block, .tab-content.is-active, .top-menu.is-opened {
  display: block
}

.header-search svg, .header-search:hover svg {
  width: 16px
}

.header-menu__link {
  width: 30px;
  height: 20px;
  position: relative
}

.header-menu__link div {
  background: #b2b2b2;
  height: 3px;
  margin: 3px 0 3px auto;
  border-radius: 4px;
  width: 20px;
  transition: .3s
}

.header-menu__link:hover div {
  background: #4baaf3;
  border-radius: 4px
}

.header-menu__link.is-opened div:first-child {
  position: relative;
  transform: rotate(45deg);
  top: 3px;
  background: #4baaf3
}

.header-menu__link.is-opened div:nth-child(2) {
  position: relative;
  transform: rotate(-45deg);
  top: -2px;
  background: #4baaf3
}

.brands-wrap .slick-dots li button:before, .header-menu__link.is-opened div:nth-child(3), .materials-wrap .slick-dots li button:before, .tab-content {
  display: none
}

.top-menu-wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 50px 90px 90px
}

.top-menu {
  display: none;
  position: fixed;
  top: 108px;
  left: 0;
  right: 0;
  z-index: 100
}

.top-menu__l, .top-menu__r {
  width: 25%
}

.top-menu__c {
  width: 50%;
  padding: 0 60px
}

.custom-select, .custom-select-option, .gigiena, .product-head-share {
  position: relative
}

.top-menu-title a {
  font-size: 16px;
  display: block;
  text-transform: uppercase;
  margin: 40px 0 20px;
  color: #737373
}

.footer-links ul li, .footer-links ul li a, .top-menu-include, .top-menu-links a {
  font-size: 12px;
  color: #737373
}

@media (min-width:993px) {
  .top-menu .top-menu-footer, .top-menu .top-menu-phones, .top-menu .top-menu-social, .top-menu-title .drop-arrow {
    display: none
  }

  .only-mobile {
    display: none !important
  }
}

.top-menu-links a {
  display: block;
  text-transform: uppercase;
  margin: 20px 0
}

.top-menu-include {
  margin-top: 60px;
  text-transform: uppercase
}

.top-menu-include img {
  margin-top: 10px
}

footer {
  box-shadow: 0 -2px 7px rgba(0, 0, 0, .1);
  padding: 36px 0;
  margin-top: 70px
}

.copyright, .footer {
  display: flex;
  justify-content: space-between
}

.footer__l img {
  height: 32px
}

.copyright__r, .footer__r {
  width: calc(100% - 250px);
  padding-left: 60px
}

.footer-subscribe-text {
  background: url('../img/subscribe.svg') left/24px no-repeat;
  padding-left: 30px;
  font-size: 11px;
  text-transform: uppercase;
  padding-right: 20px;
  white-space: nowrap
}

.footer-subscribe-form {
  display: flex;
  width: 74%
}

.footer-subscribe-form input[type=text] {
  background: #f7f7f7;
  font-size: 12px;
  padding: 14px 20px;
  font-weight: 600;
  width: 100%;
  color: #737373;
  height: 42px;
  outline: 0;
  border: 1px solid transparent
}

.call-field input[type=text]:hover, .footer-subscribe-form input[type=text]:hover, .formclass input[type=text]:hover {
  background: #fbfbfb;
  border-color: #f2f2f2
}

.call-field input[type=text]:focus, .footer-subscribe-form input[type=text]:focus {
  background: #fbfbfb;
  border-color: #4baaf3
}

.footer-subscribe-form input[type=text].is-error, .formclass input[type=text].is-error, .formclass textarea.is-error {
  background: #fbfbfb;
  border: 1px solid #f34b4b
}

.footer-subscribe-form input[type=text].is-done, .formclass input[type=text].is-done {
  background: url('../img/i-checked-blue.svg') 95% 50%/10px no-repeat #fbfbfb
}

.footer-subscribe-form .btn {
  height: 42px
}

.footer-subscribe-form .subscribe-thank-you {
  display: none;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  padding: 14px 10px;
  width: 100%;
  text-transform: uppercase
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px
}

.footer-links ul {
  width: 25%;
  list-style: none;
  margin: 5px 0;
  padding: 0
}

.footer-links ul li {
  margin: 0 0 10px
}

.footer-links ul li:first-child a {
  font-size: 10px;
  color: #000;
  text-transform: uppercase
}

.footer-links .footer-phone-link {
  display: block;
  font-size: 16px;
  margin: 4px 0;
  color: #000;
  font-weight: 600
}

.footer-links .footer-phone-link:first-child, .mission .btn {
  margin-top: 30px
}

.footer-links .footer-phone-order {
  font-size: 12px;
  color: #4baaf3;
  text-decoration: none;
  display: block;
  margin: 10px 0
}

.copyright__l {
  margin-top: -60px;
  font-size: 12px;
  text-transform: uppercase
}

.copyright__l img {
  margin-top: 6px;
  width: 250px
}

.gigiena {
  background: url('../img/gigiena.png') left no-repeat #f7f7f7;
  display: inline-block;
  padding: 10px 10px 10px 40px;
  font-size: 12px;
  top: -40px
}

.article-nav, .more-buttons-links-links, .paggination {
  display: flex
}

.gigiena a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.copyright-info {
  border-top: 1px solid #abafb2;
  margin-top: -20px;
  padding-top: 10px;
  font-size: 12px;
  color: #abafb2;
  display: flex;
  justify-content: space-between
}

.paggination {
  justify-content: space-between;
  align-items: center;
  margin-top: 80px
}

.paggination__l {
  font-size: 0
}

.paggination__l a {
  margin: 0 10px 0 0;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  display: inline-block;
  background: #f2f2f2;
  padding: 8px 12px;
  transition: .3s
}

.paggination__l a:hover {
  background: #4baaf3;
  color: #fff
}

.paggination__l a.is-active {
  background: #1b3757;
  color: #fff
}

.paggination__r {
  font-size: 11px;
  color: #1b3757
}

.more-buttons-links-title {
  font-size: 16px;
  font-weight: 600;
  padding-right: 40px
}

.brands-wrap .slick-dots, .materials-wrap .slick-dots, .personal-recommend .slick-dots, .product-info__l .slick-dots, .viewed .slick-dots {
  text-align: left
}

.formclass .form-row {
  width: 100%;
  margin-bottom: 25px
}

.formclass label {
  font-size: 12px;
  font-weight: 600;
  display: block;
  margin-bottom: 10px
}

.formclass input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #f2f2f2;
  padding: 14px 16px;
  font-size: 12px;
  width: 100%;
  border: 1px solid transparent
}

.formclass input[type=text]:focus {
  border-color: #4baaf3
}

.formclass textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #f2f2f2;
  padding: 14px 16px;
  font-size: 12px;
  width: 100%;
  border: none;
  resize: vertical;
  height: 330px
}

.formclass select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('../img/i-arrow-down_white.png') 96% 50% no-repeat #1b3757;
  padding: 14px 16px;
  color: #fff;
  width: 100%;
  border: none;
  outline: 0
}

.formclass .form-field-checkbox label input[type=checkbox].is-error, .formclass select.is-error {
  border: 1px solid #f34b4b
}

.formclass .form-attach-link {
  display: block;
  background: url('../img/i-attach-blue.png') left no-repeat;
  padding-left: 50px;
  color: #4baaf3;
  font-size: 12px;
  height: 40px;
  line-height: 40px
}

.formclass .form-field-checkbox label {
  position: relative;
  padding-left: 40px;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  line-height: normal
}

.call-field .form-field-checkbox label input[type=checkbox], .formclass .form-field-checkbox label input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #f2f2f2;
  outline: 0
}

.call-field .form-field-checkbox label input[type=checkbox]:after, .formclass .form-field-checkbox label input[type=checkbox]:after {
  content: '';
  background: url('../img/i-checked-white.svg') center/16px no-repeat #1b3757;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(0)
}

.call-field .form-field-checkbox label input[type=checkbox]:checked:after, .formclass .form-field-checkbox label input[type=checkbox]:checked:after {
  transform: scale(1)
}

.brands-wrap .slick-dots li.slick-active button, .custom-select-dropdown .custom-select-option.is-selected, .custom-select-dropdown .custom-select-option:hover, .formclass .form-field-checkbox:hover input[type=checkbox], .materials-wrap .slick-dots li.slick-active button, .office-map-link.is-active {
  background: #4baaf3
}

.custom-select-option {
  z-index: 98
}

.custom-select-option.is-opened {
  cursor: pointer;
  background: #1b3757;
  color: #fff;
  padding: 14px 16px;
  font-size: 12px
}

.custom-select-option.is-opened:after {
  content: '';
  width: 8px;
  height: 6px;
  background: url('../img/arrow-white.svg') center/contain no-repeat;
  position: absolute;
  right: 20px;
  top: 18px;
  transform: rotate(90deg)
}

.custom-select-option.is-opened:hover {
  background: #174e76
}

.custom-select-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #1b3757;
  z-index: 99
}

.custom-select-dropdown .custom-select-option {
  background: #1b3757;
  color: #fff;
  padding: 14px 16px;
  font-size: 12px;
  cursor: pointer
}

.custom-select.is-big .custom-select-option {
  font-size: 24px !important;
  font-weight: 400 !important
}

.custom-select.is-big .custom-select-option span {
  font-weight: 600 !important
}

.custom-select.is-big .custom-select-option.is-opened:after {
  background: url('../img/arrow-black.svg') center no-repeat;
  top: 17px !important
}

.custom-select.is-no-bg .custom-select-option {
  display: inline-block;
  font-size: 12px;
  background: #fff;
  color: #000;
  font-weight: 700;
  padding: 4px 20px 4px 0;
  text-transform: uppercase
}

.offices-list__i.is-active .offices-list__i-location, .offices-list__i:hover .offices-list__i-location {
  background: url('../img/map-icon-hover.svg') left no-repeat
}

.custom-select.is-no-bg .custom-select-option.is-opened:after {
  background: url('../img/arrow-black.svg') center no-repeat;
  top: 9px;
  right: 0
}

.custom-select.is-no-bg .custom-select-option.is-selected {
  background: #fafafa;
  color: #4baaf3
}

.custom-select.is-no-bg .custom-select-dropdown {
  left: -20px;
  border-left: 1px solid #fafafa;
  border-right: 1px solid #fafafa;
  border-bottom: 1px solid #fafafa
}

.brands-list__i a, .materials-list__i a, .news-list__i a:not(.btn), .offices-list__i a, .select-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.custom-select.is-no-bg .custom-select-dropdown .custom-select-option {
  display: block;
  padding: 12px 20px
}

.custom-select.is-no-bg .custom-select-dropdown .custom-select-option:hover {
  background: #fafafa
}

.select-overlay {
  position: fixed;
  z-index: 5
}

.accordeon-title, .brands-list__i, .materials-list__i, .news-list__i, .offices-list__i {
  position: relative;
  transition: .3s
}

.main-slide-top {
  background: center/cover no-repeat #333;
  padding: 54px 0
}

.main-slide-top__l {
  width: calc(100% - 480px);
  padding-right: 100px
}

.main-slide-top__r, .main-slide-top__r img {
  max-width: 480px
}

.main-slide-top__r .main-slide-include {
  visibility: hidden;
  max-height: 0
}

.brands-wrap .slick-dots li, .materials-wrap .slick-dots li, .personal-recommend .slick-dots li, .product-info__l .slick-dots li, .viewed .slick-dots li {
  margin: 0 2px;
  height: 2px
}

.main-slide-top .btn-blue, .page-sales-detail {
  margin-top: 60px
}

.main-slide-top-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #fff
}

.main-slide-include {
  display: flex;
  align-items: center;
  color: #fff;
  text-transform: uppercase
}

.main-slide-include img {
  margin-left: 16px
}

.main-slide-title, .main-slide-title h1 {
  font-size: 48px;
  margin-top: 100px
}

.main-slide-title h1 {
  font-weight: 400
}

.main-slide-text {
  font-size: 14px;
  line-height: 24px;
  color: #cdd1d5;
  margin-top: 40px
}

.accordeon-title {
  font-size: 18px;
  font-weight: 600;
  padding: 24px 30px;
  margin-left: -15px;
  margin-right: -15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  width: calc(100% + 30px);
  cursor: pointer;
  margin-bottom: 20px
}

.accordeon-title span {
  font-size: 11px;
  font-weight: 400;
  color: #737373
}

.accordeon-title:after {
  content: '';
  position: absolute;
  right: 40px;
  top: 30px;
  background: url('../img/i-arrow-down.svg') center no-repeat;
  width: 14px;
  height: 10px;
  opacity: .4
}

.accordeon-title.is-opened:after {
  transform: rotate(180deg)
}

.accordeon-content {
  padding: 30px 0;
  display: none
}

.history-list, .info-results-list, .keys-list, .mission-wrap, .offices .offices-list, .offices-detail-info, .product-tabs-wrap, .stuff-list, .tabs, .vacancy-wrap {
  display: flex;
  flex-wrap: wrap
}

.accordeon-content.is-opened {
  display: block;
  margin-bottom: 20px
}

.tabs {
  margin-top: 60px
}

.tabs .tabs-link {
  color: #737373;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin-right: 40px;
  padding-top: 12px;
  padding-bottom: 20px;
  border-bottom: 4px solid transparent
}

.tabs .tabs-link.is-active {
  color: #000;
  border-color: #4baaf3
}

.news-list__i:hover img, .offices-list__i:hover {
  border-color: #4baaf3
}

.brands-wrap, .distribute-1 {
  flex-wrap: wrap;
  display: flex
}

.mission {
  margin: 70px 0
}

.mission__l {
  margin-top: -210px
}

.cat-list__img img, .mission__l img {
  max-width: 380px
}

.mission__r {
  width: calc(100% - 380px);
  padding-left: 60px;
  margin-top: -60px
}

.geo-title, .mission-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 40px
}

.mission-text {
  color: #737373;
  font-size: 14px
}

.mission-text span {
  color: #000;
  font-weight: 600
}

.distribute {
  margin: 140px 0 60px
}

.distribute-title {
  font-size: 36px;
  font-weight: 600
}

.distribute-1 {
  align-items: center;
  margin: 40px 0
}

.distribute-1__l {
  width: calc(100% - 780px);
  padding-right: 60px
}

.distribute-1__r img {
  width: 780px
}

.catalog .btn, .distribute-1 .btn, .distribute-2 .btn, .for-stomatolog .btn, .materials-wrap .btn, .network-dist .btn, .page-article .btn {
  margin-top: 40px
}

.brands-title, .catalog-title, .distribute-1-title, .distribute-2-title, .for-stomatolog-subtitle, .materials-title, .network-dist-title, .news-title, .product-price-val {
  font-size: 24px;
  font-weight: 600
}

.distribute-1-text {
  font-size: 12px;
  color: #737373;
  margin-top: 40px
}

.distribute-2 {
  display: flex;
  align-items: center;
  margin: 40px 0
}

.brands-nav__link--next, .brands-nav__link--prev {
  margin-right: 10px
}

.distribute-2__img {
  width: 380px
}

.distribute-2__text {
  padding: 0 60px
}

.distribute-2__common {
  margin-top: -20px
}

.distribute-2__common .distribute-2-text, .distribute-2__common .distribute-2-title {
  padding: 0 40px
}

.distribute-2__common .btn {
  margin-left: 40px
}

.distribute-2__common img {
  margin-bottom: 40px
}

.distribute-2-text {
  font-size: 12px;
  color: #737373;
  margin-top: 40px
}

.slick-slide {
  outline: 0
}

.brands-wrap {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 160px
}

.brands-wrap__l, .materials-wrap__l {
  width: 280px;
  padding-right: 80px
}

.brands-wrap__r, .materials-wrap__r {
  width: calc(100% - 280px)
}

.brands-wrap .slick-dots li button, .materials-wrap .slick-dots li button {
  background: #e6e6e6;
  font-size: 0;
  padding: 0;
  height: 2px
}

.brands-text, .materials-text {
  font-size: 12px;
  color: #737373;
  margin-top: 20px
}

.brands-nav, .materials-nav {
  display: flex;
  margin-top: 20px
}

.article-nav__link, .brands-nav__link, .materials-nav__link {
  border: 1px solid #0a446e;
  border-radius: 100px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  transition: .3s
}

.brands-nav__link svg {
  width: 6px
}

.brands-nav__link--next svg {
  margin-left: 1px
}

.brands-nav__link--prev svg {
  transform: rotate(180deg);
  margin-right: 1px
}

.brands-nav__link:hover {
  background: #003d68
}

.brands-list, .call-form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px
}

.brands-list__i {
  text-align: center;
  background: #f2f2f2;
  width: calc(33.33% - 10px);
  margin: 0 10px;
  align-items: center;
  padding: 60px 15px;
  outline: 0
}

.brands-list__i a {
  position: absolute;
  outline: 0
}

.brands-list__i img {
  margin: 0 auto;
  max-height: 30px;
  max-width: 100%
}

.brands-list__i:hover {
  background: #fafafa
}

.brands-list[data-cols-4] .brands-list__i {
  width: calc(25% - 20px);
  margin: 10px
}

@media (max-width:992px) {
  body {
    padding-top: 70px
  }

  .distribute-title, h1 {
    font-size: 24px
  }

  .btn-blue {
    padding-left: 38px;
    padding-right: 38px
  }

  .header {
    padding: 17px 0
  }

  .header-language, .header-phone, .header-social {
    display: none
  }

  .header-right {
    margin-top: -4px
  }

  .search-block {
    left: 0;
    top: 5px
  }

  .top-menu-wrap {
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
    padding: 10px 0 0;
    max-height: 100vh;
    overflow: auto
  }

  .brands-wrap__r, .distribute-1__r img, .distribute-2__img, .distribute-2__img img, .footer-subscribe-form, .paggination__l, .top-menu__l, .top-menu__r {
    width: 100%
  }

  .top-menu__l .top-menu-include {
    display: none
  }

  .top-menu__c {
    width: 100%;
    padding: 0
  }

  .top-menu {
    top: 50px;
    position: fixed
  }

  .top-menu .top-menu-phones {
    width: 100%;
    position: relative;
    padding-left: 50px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e5e5
  }

  .top-menu .top-menu-phones .header-phone__icon {
    position: absolute;
    left: 0
  }

  .top-menu .top-menu-phones a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px
  }

  .top-menu .top-menu-social {
    padding: 16px 0
  }

  .top-menu .top-menu-footer {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding-bottom: 20px
  }

  .top-menu .top-menu-footer .top-menu-include {
    margin-top: 0;
    font-size: 10px
  }

  .top-menu .top-menu-footer .top-menu-include img {
    width: 150px
  }

  .top-menu-title a {
    margin: 0;
    font-size: 14px
  }

  .top-menu-title {
    padding: 15px 14px;
    border-bottom: 1px solid #e5e5e5
  }

  .top-menu-title.has-drop {
    display: flex;
    justify-content: space-between;
    position: relative
  }

  .top-menu-title.has-drop .drop-arrow {
    background: url('../img/i-arrow-down-gray.png') center no-repeat;
    width: 36px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
  }

  .top-menu-title.has-drop .drop-arrow.is-opened {
    transform: rotate(180deg)
  }

  .top-menu-links-wrap {
    padding-left: 16px;
    padding-right: 16px;
    border-bottom: 1px solid #e5e5e5;
    display: none
  }

  footer {
    margin-top: 40px;
    padding: 30px 0
  }

  .footer__l {
    width: 100%;
    padding-top: 10px
  }

  .copyright__r, .footer__r {
    width: 100%;
    padding-left: 0
  }

  .copyright, .footer, .more-buttons-links {
    flex-wrap: wrap
  }

  .footer-subscribe {
    flex-wrap: wrap;
    margin-top: 30px
  }

  .footer-subscribe-text {
    padding-right: 0;
    margin-bottom: 20px;
    width: 100%
  }

  .footer-subscribe-form .btn {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px;
    letter-spacing: 0
  }

  .footer-links ul {
    width: 50%;
    margin: 0 0 10px
  }

  .footer-links ul:first-child {
    order: 1
  }

  .footer-links ul:nth-child(2) {
    order: 2
  }

  .footer-links ul:nth-child(5) {
    order: 3
  }

  .footer-links ul:nth-child(6) {
    order: 4
  }

  .footer-links ul:nth-child(3) {
    order: 5
  }

  .footer-links ul:nth-child(4) {
    order: 6
  }

  .footer-links ul:nth-child(7) {
    order: 9
  }

  .footer-links ul:nth-child(8) {
    order: 7;
    padding-right: 10px
  }

  .footer-links .footer-phone-link {
    font-size: 14px
  }

  .footer-links__social {
    white-space: nowrap
  }

  .copyright__l {
    margin-top: 0;
    width: 100%
  }

  .gigiena {
    top: 0;
    margin-bottom: 20px;
    margin-top: 20px
  }

  .copyright-info {
    margin-top: 0
  }

  .paggination__r {
    margin-top: 20px;
    margin-bottom: 30px;
    width: 100%
  }

  .paggination {
    flex-wrap: wrap;
    margin-top: 30px
  }

  .more-buttons-links-title {
    font-size: 14px;
    padding-right: 0;
    padding-bottom: 20px
  }

  .more-buttons-links-links {
    flex-direction: column;
    width: 100%
  }

  .more-buttons-links-links .btn {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    margin-bottom: 18px;
    width: 200px
  }

  .custom-select.is-big .custom-select-option {
    font-size: 16px !important
  }

  .main-slide-top__l {
    width: 100%;
    padding-right: 0;
    padding-bottom: 80px;
    order: 2
  }

  .brands-nav, .main-slide-top__l .main-slide-include {
    display: none
  }

  .main-slide-top__r img {
    max-width: 100%;
    order: 1
  }

  .main-slide-top__r .main-slide-include {
    display: flex;
    font-size: 11px;
    vertical-align: middle;
    margin-bottom: 40px
  }

  .main-slide-top__r .main-slide-include img {
    margin-left: 8px;
    width: 200px
  }

  .main-slide-top__r {
    max-width: 100%
  }

  .main-slide-top .btn-blue {
    margin-top: 40px
  }

  .main-slide-top {
    padding: 30px 0
  }

  .main-slide-title {
    font-size: 30px;
    margin-top: 30px
  }

  .main-slide-text {
    margin-top: 24px;
    font-size: 12px;
    line-height: 18px
  }

  .accordeon-title:after {
    top: 30px;
    right: 20px;
    width: 10px;
    height: 6px;
    background-size: cover
  }

  .accordeon-title {
    font-size: 14px;
    padding: 21px 20px
  }

  .tabs .tabs-link {
    font-size: 12px;
    padding-bottom: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid transparent
  }

  .mission__l {
    margin-top: -160px
  }

  .mission__l img {
    max-width: 100%
  }

  .mission__r {
    width: 100%;
    padding-left: 0;
    margin-top: 0
  }

  .mission-title {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 20px
  }

  .mission-text {
    font-size: 12px;
    line-height: normal
  }

  .distribute {
    margin-top: 70px;
    margin-bottom: 50px
  }

  .distribute-1__l {
    width: 100%;
    padding-right: 0;
    order: 2
  }

  .distribute-1__r {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    order: 1;
    padding-bottom: 20px
  }

  .distribute-1, .distribute-1 .btn, .distribute-1-text, .distribute-2 .btn, .distribute-2-text {
    margin-top: 20px
  }

  .brands-title, .distribute-1-title, .distribute-2-title {
    font-size: 18px
  }

  .distribute-2__text {
    padding: 20px 0
  }

  .distribute-2__common .distribute-2-text, .distribute-2__common .distribute-2-title {
    padding: 0
  }

  .distribute-2__common .btn {
    margin-left: 0
  }

  .distribute-2__common img {
    width: 100%;
    margin-bottom: 20px
  }

  .distribute-2__common {
    width: 100%;
    margin-top: 40px
  }

  .distribute-2 {
    flex-wrap: wrap;
    margin-top: 60px
  }

  .brands-wrap__l {
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px
  }

  .brands-wrap {
    margin-bottom: 50px
  }

  .brands-list .slick-current+.slick-slide {
    margin-left: -70px
  }

  .brands-list__i {
    margin: 0 80px 0 0
  }

  .brands-list[data-cols-4] .brands-list__i {
    width: calc(50% - 20px)
  }
}

@media (max-width:600px) {
  .custom-select-dropdown {
    max-height: 200px;
    overflow: auto
  }

  .brands-list[data-cols-4] .brands-list__i {
    width: 100%
  }
}

.for-stomatolog {
  margin: 80px 0
}

.for-stomatolog__l {
  width: calc(100% - 580px);
  padding-right: 100px
}

.for-stomatolog__r img {
  width: 580px
}

.catalog-wrap, .for-stomatolog-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center
}

.for-stomatolog-title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 46px
}

.for-stomatolog-bg {
  background: 0 0/cover no-repeat #fff;
  padding: 60px 0;
  color: #fff
}

.for-stomatolog-text {
  font-size: 12px;
  margin-top: 40px
}

.catalog {
  margin: 80px 0 50px
}

.catalog__l img {
  max-width: 780px
}

.materials-nav__link--next, .materials-nav__link--prev {
  margin-left: 10px
}

.catalog__r {
  width: calc(100% - 780px);
  padding-left: 60px
}

.catalog-text {
  font-size: 14px;
  margin-top: 40px;
  color: #737373
}

.materials-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px
}

.materials-nav__link svg {
  width: 6px
}

.materials-nav__link--next svg {
  margin-left: 1px
}

.materials-nav__link--prev svg {
  transform: rotate(180deg);
  margin-right: 1px
}

.materials-nav__link:hover {
  background: #003d68
}

.materials-list {
  display: flex;
  margin: 0 -10px
}

.materials-list__i {
  background: #f7f7f7;
  width: calc(33.33% - 10px);
  margin: 0 10px;
  align-items: center;
  padding: 20px
}

.materials-list__i a {
  position: absolute;
  outline: 0
}

.materials-list__i:hover {
  background: #fafafa
}

.catitem-country, .materials-country {
  font-size: 11px;
  color: #737373
}

.catitem-name, .materials-name {
  font-size: 12px;
  font-weight: 600;
  margin-top: 4px
}

.materials-img {
  margin-top: 16px;
  text-align: center
}

.materials-img img {
  margin: 30px auto
}

.materials-desc {
  font-size: 12px;
  color: #737373;
  margin-top: 16px
}

.catitem-price, .materials-price {
  font-size: 16px;
  margin-top: 4px;
  font-weight: 600;
  text-align: right
}

.catitem-img, .dist-popup .formclass input, .office-map-link, .order-call-popup .formclass input, .product_by_request-popup .formclass input, .page-404, .page-article-image {
  text-align: center
}

.network-dist-wrap {
  background: #f2f2f2;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between
}

.network-dist {
  margin-bottom: 160px
}

.geography__map img, .network-dist__l img {
  max-width: 450px
}

.geography__text, .network-dist__r {
  width: calc(100% - 450px);
  padding-left: 100px
}

.network-dist-text {
  font-size: 12px;
  margin-top: 20px;
  color: #737373
}

.contacts-title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 60px
}

.contacts-bg {
  background: center/cover no-repeat #fff;
  height: 480px
}

.offices {
  display: flex;
  justify-content: space-between;
  margin-bottom: 90px
}

.offices__l {
  margin-top: -60px
}

.offices__l iframe, .offices__l img {
  max-width: 380px;
  display: none
}

.offices-list.is-active, .offices-map-info.is-active, .offices-map.is-active, .offices__l iframe.is-active, .offices__l img.is-active, .share-block-popup.is-opened {
  display: block
}

.offices__r {
  width: calc(100% - 380px);
  padding-left: 40px
}

.offices-subtitle {
  font-size: 24px;
  font-weight: 600;
  margin: 40px 0 20px
}

.offices-list {
  margin: -10px
}

.offices-list__i {
  width: calc(50% - 20px);
  margin: 10px;
  border: 1px solid #033f6a;
  padding: 20px 30px
}

.offices-list__i.is-active {
  background: #f2f2f2;
  border-color: #f2f2f2
}

.offices-list__i a {
  position: absolute
}

.offices-list__i-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px
}

.offices-list__i-location {
  background: url('../img/map-icon.svg') left no-repeat;
  font-size: 12px;
  color: #737373;
  padding-left: 30px;
  transition: .3s
}

.news .btn {
  margin-top: 20px
}

.news-list__i {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0
}

.article-head, .page-news-head {
  justify-content: space-between
}

.news-list__i a:not(.btn) {
  position: absolute
}

.news-list__i .btn, .page-sales-detail .btn-blue {
  margin-top: 40px;
  padding-left: 15px;
  padding-right: 15px
}

.page-news-years a.is-active, .page-news-years a:hover {
  border-bottom: 3px solid #4baaf3
}

.news-list__i:hover .news-list-desc {
  color: #000
}

.news-list__l img {
  transition: .3s;
  border: 1px solid transparent;
  max-width: 580px
}

.news-list__r {
  width: calc(100% - 580px);
  padding-left: 60px
}

.news-list-date {
  color: #4baaf3;
  font-size: 12px;
  margin-bottom: 60px
}

.news-list-title {
  font-size: 18px;
  margin-bottom: 40px
}

.news-list-desc {
  font-size: 12px;
  color: #737373
}

.share-block-popup {
  position: absolute;
  top: 25px;
  right: -11px;
  display: none
}

.share-block-popup__fb, .share-block-popup__vk {
  background-color: #4c75a3;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  display: block;
  padding: 20px;
  margin: 5px 0;
  color: #fff;
  border-radius: 100px;
  transition: .3s;
  text-decoration: none
}

.share-block-popup__vk {
  background-image: url('../img/icon-vk.svg')
}

.share-block-popup__vk:hover {
  color: #fff;
  text-decoration: none;
  opacity: .8
}

.share-block-popup__fb {
  background-image: url('../img/iocn-fb.svg')
}

.share-block-popup__fb:hover {
  color: #fff;
  text-decoration: none;
  opacity: .8
}

.page-404 {
  background: url('../img/404-bg.png') center/cover no-repeat;
  padding: 200px 0 100px
}

.page-404+footer {
  margin: 0 !important
}

.page-404 .btn {
  margin-top: 160px
}

.page-404-title {
  font-size: 150px;
  color: #4baaf3;
  font-weight: 900;
  line-height: 1
}

.page-404-text {
  font-size: 18px;
  color: #fff;
  font-weight: 600
}

.page-news-picture {
  background: url('../img/page-news.png') center/cover no-repeat;
  height: 420px;
  margin-bottom: 100px
}

.page-news-head {
  display: flex;
  margin-bottom: 40px;
  align-items: flex-end
}

.page-news-years a {
  display: inline-block;
  margin: 0 0 0 40px;
  font-size: 14px;
  font-weight: 600;
  color: #737373;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  transition: .3s
}

.page-news-years a.is-active {
  text-transform: uppercase;
  color: #000
}

.page-article-image {
  background: #f2f2f2;
  margin-bottom: 46px
}

.article-nav__link--next, .article-nav__link--prev {
  margin-left: 10px
}

.article-head {
  display: flex;
  align-items: center;
  margin-bottom: 60px
}

.article-date {
  color: #4baaf3;
  font-size: 12px
}

.article-nav__link svg {
  width: 6px
}

.article-nav__link--next svg {
  margin-left: 1px
}

.article-nav__link--prev svg {
  transform: rotate(180deg);
  margin-right: 1px
}

.article-nav__link:hover {
  background: #003d68
}

.page-article h1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 50px
}

.page-article p, .page-sales-detail p {
  color: #737373;
  font-size: 14px;
  line-height: 24px
}

.page-sales-picture {
  background: url('../img/sales-page-image.png') center/cover no-repeat;
  height: 420px;
  margin-bottom: 100px
}

.page-sales-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  align-items: center
}

.page-sales .news-list-title {
  margin-bottom: 20px
}

.keys-title, .page-sales-detail h1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 60px
}

.page-sales-detail p img {
  display: block;
  margin: 60px 0
}

.page-delivery-picture {
  background: url('../img/delivery-bg.png') center/cover no-repeat;
  height: 420px;
  margin-bottom: 100px
}

.delivery-vid {
  font-size: 18px;
  font-weight: 600;
  margin: 50px 0
}

.delivery-types-list {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f2f2
}

.delivery-type {
  width: 50%;
  padding-right: 40px;
  margin-bottom: 40px;
  padding-left: 80px;
  font-size: 12px
}

.delivery-type--pickup {
  background: url('../img/pickup.svg') left/54px no-repeat
}

.delivery-type--to-address {
  background: url('../img/address.svg') left/60px no-repeat
}

.delivery-type--to-terminal {
  background: url('../img/terminal.svg') left/56px no-repeat
}

.delivery-type span {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px
}

.delivery-info {
  display: flex;
  margin: 50px 0;
  padding-bottom: 50px;
  border-bottom: 1px solid #f2f2f2
}

.delivery-info__l {
  width: 50%;
  padding-right: 140px
}

.delivery-info__l img {
  width: 30px;
  display: block;
  margin-bottom: 30px
}

.delivery-info__l span {
  font-size: 18px;
  font-weight: 600;
  color: #174e76
}

.delivery-info__r {
  width: 50%;
  padding-top: 40px;
  font-size: 14px;
  line-height: 24px
}

.delivery-info__r span {
  font-weight: 600;
  font-size: 14px
}

.delivery-info.is-info {
  margin: 40px 0;
  padding-bottom: 40px
}

.delivery-info.is-info .delivery-info__r {
  color: #737373;
  padding-top: 0;
  font-size: 12px
}

.page-info-picture {
  background: url('../img/info-page-bg.png') center/cover no-repeat;
  height: 420px;
  margin-bottom: 100px
}

.info-results, .page-info-text {
  margin-bottom: 40px;
  border-bottom: 1px solid #f2f2f2
}

.page-info-text {
  margin-top: 60px;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 40px
}

.page-contacts-text span, .page-info-text span {
  font-size: 18px;
  font-weight: 600
}

.page-contacts-text a, .page-info-text a {
  font-weight: 600;
  text-decoration: none
}

.info-results {
  padding: 0 0 40px
}

.info-results__l, .info-results__r {
  width: 50%;
  font-size: 14px
}

.info-results .is-icon-document {
  padding-right: 20px;
  min-height: 40px;
  display: flex;
  align-items: center
}

.info-results .is-icon-document__icon {
  position: relative;
  z-index: 2;
  min-width: 38px;
  height: 38px;
  margin-right: 16px;
  display: inline-block
}

.info-results .is-icon-document__icon:after {
  content: '';
  background: url('../img/i-document-white.svg') center/14px no-repeat #4baaf3;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  border-radius: 100px;
  border: 2px solid #fff;
  width: 34px;
  height: 34px;
  transition: .3s
}

.info-results .is-icon-document__icon:before {
  content: '';
  background: #4baaf3;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 1;
  border-radius: 100px
}

.info-results-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px
}

.info-results-list a {
  color: #000;
  text-decoration: none
}

.page-contacts-picture {
  background: url('../img/contacts-page-bg.png') center/cover no-repeat;
  height: 420px;
  margin-bottom: 100px
}

.page-contacts-text {
  font-size: 14px;
  line-height: 24px;
  margin-top: 30px
}

.contact-form {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  padding-bottom: 90px;
  margin-bottom: 40px;
  border-bottom: 1px solid #f2f2f2
}

.contact-form__l {
  width: 40%;
  padding-right: 32px
}

.contact-form__r {
  width: 60%
}

.contact-form__full {
  width: 100%;
  margin-top: 40px
}

.contact-form .select2 {
  width: 100%
}

.contact-form .select2-selection--single {
  background-color: #174e76 !important;
  color: #fff;
  border: none !important;
  height: 45px !important;
  border-radius: 0
}

.contact-form .select2-selection__rendered {
  line-height: 45px !important;
  color: #fff !important;
  padding: 14px 16px;
  line-height: normal !important;
  height: auto !important
}

.page-offices-picture {
  background: url('../img/offices-page-bg.png') center/cover no-repeat;
  height: 420px;
  margin-bottom: 100px
}

.page-offices .more-buttons-links {
  border-top: 1px solid #f2f2f2;
  margin-top: 60px;
  padding-top: 40px
}

.offices-tabs-select {
  margin-left: auto;
  font-size: 11px;
  text-transform: uppercase
}

.offices-tabs-select select {
  margin-left: 20px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 14px 16px;
  background: url('../img/i-arrow-down_white.png') 96% 50% no-repeat #174e76;
  color: #fff;
  font-size: 12px;
  font-family: inherit;
  border: none;
  outline: 0;
  width: 380px
}

.offices-map-info__address span, .offices-map-info__email span, .offices-map-info__phone span, .offices-map-info__www span {
  color: #174e76;
  margin-bottom: 3px;
  font-weight: 600;
  display: block
}

.offices-map {
  height: 420px;
  width: calc(100% + 200px);
  margin-left: -100px;
  margin-top: 30px;
  position: relative;
  display: none
}

.offices-map-info {
  display: none;
  position: absolute;
  top: 20px;
  left: 20px;
  bottom: 20px;
  background: #fff;
  padding: 20px;
  width: 240px;
  z-index: 2
}

.offices-map-info__close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer;
  display: none
}

.offices-map-info__close:after, .offices-map-info__close:before {
  content: '';
  display: block;
  background: #000;
  position: absolute;
  width: 10px;
  height: 1px;
  top: 9px;
  right: 6px
}

.offices-map-info__close:after {
  transform: rotate(45deg)
}

.offices-map-info__close:before {
  transform: rotate(-45deg)
}

.offices-map-info__title {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 12px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 16px
}

.search-results-links, .search-results-title {
  border-bottom: 1px solid #324b68;
  margin-bottom: 40px
}

.offices-map-info__subtitle {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px
}

.offices-map-info__address {
  background: url('../img/i-map-address.png') top left no-repeat;
  padding-left: 30px;
  font-size: 12px;
  margin-bottom: 20px
}

.offices-map-info__address span {
  font-size: 12px
}

.offices-map-info__phone {
  background: url('../img/i-map-phone.png') top left no-repeat;
  padding-left: 30px;
  font-size: 12px;
  margin-bottom: 20px
}

.offices-map-info__phone span {
  font-size: 12px
}

.offices-map-info__email {
  background: url('../img/i-map-email.png') top left no-repeat;
  padding-left: 30px;
  font-size: 12px;
  margin-bottom: 20px
}

.offices-map-info__email span {
  font-size: 12px
}

.offices-map-info__www {
  background: url('../img/i-map-www.png') top left no-repeat;
  padding-left: 30px;
  font-size: 12px
}

.offices-map-info__www span {
  font-size: 12px
}

@media (max-width:992px) {
  .for-stomatolog__l {
    padding-right: 0;
    width: 100%;
    order: 2
  }

  .for-stomatolog__r {
    width: 100%;
    order: 1;
    padding-bottom: 30px
  }

  .contact-form__r, .for-stomatolog__r img, .materials-wrap__r, .network-dist__l, .news-list__l, .offices__l, .page-sales-detail p img, .page-sales-detail-image img {
    width: 100%
  }

  .catalog .btn, .for-stomatolog .btn, .for-stomatolog-text, .materials-wrap .btn, .network-dist .btn, .news-list__i, .news-list__i .btn, .page-article .btn {
    margin-top: 20px
  }

  .for-stomatolog {
    margin-bottom: 60px
  }

  .for-stomatolog-title {
    font-size: 24px;
    margin-bottom: 30px
  }

  .for-stomatolog-bg {
    padding: 40px 0
  }

  .catalog-title, .for-stomatolog-subtitle, .materials-title, .network-dist-title, .news-title {
    font-size: 18px
  }

  .catalog__l {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    padding-bottom: 30px
  }

  .catalog__l img {
    width: 100%;
    max-width: 100%
  }

  .catalog__r {
    width: 100%;
    padding-left: 0
  }

  .catalog {
    margin-top: 30px
  }

  .catalog-text {
    font-size: 12px;
    margin-top: 20px
  }

  .materials-wrap__l {
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px
  }

  .materials-nav, .materials-wrap__l .btn {
    display: none
  }

  .network-dist-wrap {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px
  }

  .network-dist__l img {
    width: 100%;
    max-width: 100%
  }

  .network-dist__r, .news-list__r, .offices__r {
    width: 100%;
    padding-left: 0;
    padding-top: 20px
  }

  .network-dist {
    margin-bottom: 50px
  }

  .contacts-title {
    margin-bottom: 30px;
    font-size: 24px
  }

  .contacts-bg {
    height: 240px
  }

  .offices__l iframe, .offices__l img {
    width: 100%;
    max-width: 100%
  }

  .offices {
    flex-wrap: wrap;
    margin-bottom: 40px
  }

  .offices-subtitle {
    margin-top: 0;
    font-size: 18px
  }

  .offices-list__i {
    width: 100%;
    margin: 10px 0;
    padding: 10px 20px
  }

  .offices-list__i-title {
    font-size: 14px;
    margin-bottom: 10px
  }

  .offices-list {
    flex-wrap: wrap;
    margin: 0 !important
  }

  .news-list__l img {
    width: 100%;
    max-width: 100%
  }

  .delivery-info__l img, .news-list-date {
    margin-bottom: 20px
  }

  .news-list-title {
    font-size: 14px;
    margin-bottom: 20px
  }

  .only-desktop {
    display: none !important
  }

  .page-404 .btn {
    margin-top: 80px
  }

  .page-404 {
    padding: 100px 0
  }

  .page-404-title {
    font-size: 90px
  }

  .page-contacts-picture, .page-delivery-picture, .page-info-picture, .page-news-picture, .page-offices-picture, .page-sales-picture {
    width: calc(100% + 40px);
    margin-left: -20px;
    height: 180px;
    margin-bottom: 60px
  }

  .page-news-head {
    flex-wrap: wrap
  }

  .page-news-years a {
    margin: 0 10px 0 0;
    font-size: 11px
  }

  .page-news-years {
    margin-top: 20px;
    width: 100%
  }

  .page-article-image {
    width: calc(100% + 40px);
    margin-left: -20px;
    height: 180px;
    margin-bottom: 40px;
    display: flex
  }

  .page-article-image img {
    width: 100%;
    object-fit: cover
  }

  .article-head {
    margin-bottom: 40px
  }

  .page-article h1 {
    font-size: 18px;
    margin-bottom: 30px
  }

  .page-article p, .page-contacts-text, .page-info-text {
    font-size: 12px;
    line-height: 18px
  }

  .page-sales-detail-image {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-bottom: 40px
  }

  .page-sales-detail h1 {
    font-size: 18px;
    margin-bottom: 40px
  }

  .page-sales-detail {
    margin-top: 40px
  }

  .delivery-info__l span, .delivery-type span, .delivery-vid, .page-info-text span {
    font-size: 14px
  }

  .contact-form__l, .delivery-info__l, .delivery-type {
    width: 100%;
    padding-right: 0
  }

  .delivery-info__r {
    width: 100%;
    padding-top: 20px;
    font-size: 12px;
    line-height: 18px
  }

  .delivery-info {
    flex-wrap: wrap
  }

  .info-results__l {
    width: 100%;
    margin-bottom: 40px;
    font-size: 12px
  }

  .info-results__r {
    width: 100%;
    font-size: 12px
  }

  .info-results .is-icon-document {
    padding-right: 0
  }

  .contact-form__full {
    margin-top: 10px
  }

  .page-offices .offices-list {
    margin-top: 50px !important
  }

  .offices-tabs-select {
    width: 100%;
    margin-top: 15px
  }

  .offices-map {
    width: calc(100% + 40px);
    margin-left: -20px;
    overflow: hidden;
    margin-top: 60px
  }

  .offices-map-info__close {
    display: block
  }

  .offices-map-info {
    right: 30px;
    left: 30px;
    width: auto
  }
}

.office-map-link {
  width: 40px;
  height: 40px;
  background: #174e76;
  border-radius: 100px;
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
  position: absolute;
  text-decoration: none;
  z-index: 1;
  transition: .3s
}

.office-map-link:hover {
  background: #1f6aa1
}

.office-map-link.office-map-link-1 {
  top: 200px;
  left: 300px
}

.office-map-link.office-map-link-2 {
  top: 260px;
  left: 400px
}

.office-map-link.office-map-link-3 {
  top: 200px;
  left: 600px
}

.offices-list {
  display: none;
  margin-top: 20px
}

.offices-detail-info-title {
  font-size: 18px;
  color: #174e76;
  font-weight: 600;
  margin-bottom: 40px
}

.offices-detail-info__i {
  width: 50%;
  font-size: 14px;
  margin-bottom: 40px;
  min-height: 30px
}

.offices-detail-info__i span {
  font-size: 14px;
  font-weight: 600;
  color: #174e76;
  display: block;
  padding: 10px 0;
  margin-top: -5px
}

.offices-detail-info__i--address {
  background: url('../img/i-address.png') top left no-repeat;
  padding-left: 50px
}

.offices-detail-info__i--worktime {
  background: url('../img/i-worktime.png') top left no-repeat;
  padding-left: 50px
}

.offices-detail-info__i--station {
  background: url('../img/i-station.png') top left no-repeat;
  padding-left: 50px
}

.offices-detail-info__i--email {
  background: url('../img/i-email.png') top left no-repeat;
  padding-left: 50px
}

.offices-detail-info__i--phone {
  background: url('../img/i-phone.png') top left no-repeat;
  padding-left: 50px
}

.page-offices-info-picture {
  background: url('../img/page-office-info-bg.png') center/cover no-repeat;
  height: 420px;
  margin-bottom: 100px
}

.offices-info-map {
  width: calc(100% + 200px);
  margin: 40px -100px 50px
}

.page-offices-info .tab-content {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 20px;
  margin-bottom: 40px
}

.page-cat-picture {
  background: url('../img/cat-main-image.png') center/cover no-repeat;
  height: 420px;
  margin-bottom: 40px
}

.page-cat-sub-picture {
  background: url('../img/cat-sub-main-image.png') center/cover no-repeat;
  height: 420px;
  margin-bottom: 60px
}

.cat-list-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px
}

.cat-list-item.is-empty-sub-cat {
  align-items: center
}

.cat-list__info {
  width: calc(100% - 380px);
  padding-left: 60px
}

.cat-list__info ul, .our-features-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap
}

.cat-list__info ul li {
  width: 50%;
  margin: 5px 0;
  font-size: 14px;
  color: #737373
}

.cat-list__info ul li a {
  color: #737373;
  text-decoration: none
}

.cat-list-item-title {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 20px
}

.cat-sub-choice {
  margin-bottom: 80px
}

.cat-sub-sort {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 30px
}

.cat-sub-sort span {
  font-size: 11px;
  text-transform: uppercase;
  color: #737373;
  display: block;
  margin-bottom: 4px
}

.cat-sub-sort__cat {
  width: calc(50% - 20px);
  margin: 0 10px
}

.cat-sub-sort__cat select {
  width: 440px !important
}

.cat-sub-sort__brand, .cat-sub-sort__howsort {
  width: calc(25% - 20px);
  margin: 0 10px
}

.cat-sub-sort__brand select {
  width: 150px !important
}

.cat-sub-sort__howsort select {
  width: 150px !important
}

.catitem-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px 20px
}

.catitem-list__i {
  background: #f7f7f7;
  width: calc(25% - 20px);
  margin: 10px;
  align-items: center;
  padding: 20px;
  position: relative;
  transition: .3s
}

.catitem-list__i a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2
}

.catitem-list__i:hover {
  background: #ebebeb
}

.catitem-list__i.is-banner {
  background-size: cover;
  background-position: center
}

.catitem-list__i.is-banner:hover:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #4baaf3;
  z-index: 1;
  opacity: .1
}

.catitem-list__i.is-banner-bottom .catitem-advert-title {
  position: absolute;
  bottom: 35px
}

.catitem-list__i.is-banner-bottom .catitem-advert-sub {
  position: absolute;
  bottom: 20px
}

@media (max-width:992px) {
  .offices-detail-info-title {
    font-size: 14px;
    margin-bottom: 20px
  }

  .cat-list__img, .offices-detail-info__i {
    width: 100%
  }

  .page-offices-info-picture {
    width: calc(100% + 40px);
    margin-left: -20px;
    height: 180px;
    margin-bottom: 60px
  }

  .offices-info-map img {
    height: 200px
  }

  .page-cat-picture, .page-cat-sub-picture {
    width: calc(100% + 40px);
    margin-left: -20px;
    height: 180px
  }

  .cat-list__img img {
    width: 100%;
    max-width: 100%
  }

  .cat-list__info ul li {
    width: 100%;
    font-size: 12px
  }

  .cat-list__info {
    width: 100%;
    padding-left: 0;
    padding-top: 30px
  }

  .cat-list-item-title {
    margin-top: 0;
    font-size: 14px;
    margin-bottom: 20px
  }

  .cat-sub-choice {
    margin-bottom: 40px;
    width: 100%
  }

  .cat-sub-sort span {
    font-size: 10px
  }

  .cat-sub-sort__brand select, .cat-sub-sort__cat select, .cat-sub-sort__howsort select {
    width: 100% !important
  }

  .cat-sub-sort__cat {
    width: 100%;
    margin: 0 0 20px
  }

  .cat-sub-sort__brand {
    width: 100%;
    margin: 0 0 20px
  }

  .cat-sub-sort__howsort {
    width: 100%;
    margin: 0 0 10px
  }

  .cat-sub-sort {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px
  }

  .catitem-list__i {
    width: calc(50% - 20px)
  }
}

.catitem-img {
  margin-top: 4px
}

.catitem-img img {
  display: block;
  margin: 30px auto
}

.catitem-desc {
  font-size: 12px;
  color: #737373;
  margin-top: 4px;
  max-height: 30px;
  overflow: hidden;
  margin-bottom: 20px
}

.catitem-advert-title {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 4px
}

.catitem-advert-sub {
  font-size: 12px;
  color: #737373
}

.cat-sub-text {
  margin-top: 85px;
  padding-bottom: 20px;
  font-size: 12px;
  line-height: 18px;
  color: #25353d
}

.company-brand-info {
  background: #f7f7f7;
  margin-bottom: 60px;
  padding: 60px;
  display: flex
}

.company-brand-info__text {
  padding-left: 100px;
  font-size: 12px;
  line-height: 24px
}

.product-brand-name, .product-description h2 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600
}

.product-info {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px
}

.display-none, .personal-recommend .slick-dots li button:before, .product-info__l .product-images:not(.is-active), .product-info__l .slick-dots li button:before, .viewed .slick-dots li button:before {
  display: none
}

.product-info__l {
  max-width: 530px;
  flex:1 0;
}

.product-info__l img {
    width: 100%;
  max-width: 530px;
  display: block;
  margin-bottom: 40px
}

.personal-recommend .slick-dots li button, .product-info__l .slick-dots li button, .viewed .slick-dots li button {
  background: #e6e6e6;
  font-size: 0;
  padding: 0;
  height: 2px
}

.call-field .form-field-checkbox label:hover input[type=checkbox], .personal-recommend .slick-dots li.slick-active button, .product-info__l .slick-dots li.slick-active button, .viewed .slick-dots li.slick-active button {
  background: #4baaf3
}

.product-info__r {
    flex:1;
  width: calc(100% - 530px);
  padding-left: 70px
}

.product-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px
}

.product-head-share img {
  width: 20px;
  height: 20px
}

.product-brand-name {
  color: #737373;
  margin-bottom: 20px
}

.product-name {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 6px
}

.product-articule {
  font-size: 14px
}

.product-price {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
  margin-bottom: 100px;
  align-items: center
}

.product-description h2 {
  margin: 50px 0 0;
  padding: 0
}

.product-description p {
  font-size: 14px;
  line-height: 24px;
  color: #737373
}

.product-tabs {
  background: #f7f7f7;
  padding: 30px 0;
  margin-top: 50px
}

.product-tabs__l {
  width: calc(100% - 720px);
  padding-right: 100px
}

.product-tabs__l .tabs {
  display: flex;
  flex-direction: column
}

.product-tabs__l .tabs-link {
  border-bottom: 0;
  margin-bottom: 40px;
  border-left: 4px solid transparent;
  padding: 2px 0 2px 26px
}

.product-tabs__l .tabs-link:hover, .vacancy-contact .vacancy-link-mail:hover, .vacancy-contact .vacancy-link-phone:hover {
  color: #4baaf3
}

.product-tabs__r {
  width: 640px;
  background: #fff;
  padding: 60px;
  margin-left: auto
}

.product-tabs__r h3 {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 10px
}

.product-tabs__r p {
  color: #737373;
  font-size: 14px;
  line-height: 24px
}

.product-tabs__r img {
  margin: 15px 0
}

.product-nav {
  display: flex;
  justify-content: space-between;
  margin: 50px 0
}

.product-nav .btn-prev {
  margin-left: auto;
  margin-right: 20px
}

.personal-recommend {
  margin-top: 100px
}

.order-call-title, .personal-recommend-title, .portfolio-block-title, .viewed-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px
}

.page-company-brands .brands-list, .viewed {
  margin-top: 50px
}

.page-company-brands-picture {
  background: url('../img/page-company-brands-img.png') center/cover no-repeat;
  height: 420px;
  margin-bottom: 100px
}

.page-company-stuff-picture {
  background: url('../img/stuff-image.png') center/cover no-repeat;
  height: 420px;
  margin-bottom: 100px
}

.page-vacancy-picture {
  background: url('../img/vacancy-page.png') center/cover no-repeat;
  height: 420px;
  margin-bottom: 100px
}

.page-about .mission {
  background: #f2f2f2
}

.page-about+footer {
  margin-top: 0
}

.page-about-picture {
  background: url('../img/about-company-image.png') center/cover no-repeat;
  height: 420px;
  margin-bottom: 100px
}

.page-company-stuff h1, .stuff-list__i {
  margin-bottom: 50px
}

.page-company-brands p, .product-description ul, .small-container ul {
  font-size: 14px;
  color: #737373
}

.page-company-brands .more-buttons-links, .page-company-stuff .more-buttons-links {
  padding-top: 40px;
  margin-top: 50px;
  border-top: 1px solid #f2f2f2
}

.stuff-list__i {
  width: 50%;
  padding-right: 50px;
  padding-left: 15px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center
}

.stuff-list .stuff-image img {
  max-width: 120px
}

.stuff-list .stuff-info {
  width: calc(100% - 120px);
  padding-left: 40px
}

.stuff-list .stuff-info span {
  font-size: 16px;
  font-weight: 600;
  display: block
}

.stuff-list .stuff-info p {
  font-size: 12px;
  color: #737373;
  margin-bottom: 12px
}

.stuff-list .stuff-info .stuff-phone {
  display: block;
  background: url('../img/i-phone-black.png') left no-repeat;
  font-weight: 600;
  padding-left: 30px;
  color: #000;
  text-decoration: none
}

.page-vacancy .accordeon-title:hover, lite-youtube>.lty-playbtn {
  background-color: transparent
}

.page-vacancy .more-buttons-links {
  padding-top: 40px;
  border-top: 1px solid #f2f2f2
}

.page-vacancy .accordeon-wrap {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.page-vacancy .accordeon-title {
  box-shadow: none;
  padding-bottom: 13px;
  padding-top: 13px
}

.page-vacancy .accordeon-title.is-opened {
  margin-bottom: 0
}

.page-vacancy .accordeon-title.is-opened:before {
  content: '';
  height: 1px;
  background: #e5e5e5;
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 30px
}

.vacancy-page__l {
  width: calc(100% - 280px);
  padding-right: 100px
}

.our-features, .portfolio-logo, .vacancy-page__l h1 {
  margin-bottom: 60px
}

.history-text, .keys-text, .vacancy-page__l p {
  font-size: 14px;
  line-height: 24px;
  color: #737373
}

.vacancy-page__r {
  width: 280px
}

.vacancy-page__r h2 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin: 0;
  padding: 0
}

.vacancy-page__r .contact-form {
  border-bottom: 0;
  padding-bottom: 0
}

.vacancy-page__r .form-field-checkbox label {
  display: inline-block;
  line-height: 16px
}

.dist-popup .formclass .contact-form__full, .product_by_request-popup .formclass .contact-form__full, .order-call-popup .formclass .contact-form__full, .portfolio-btn .brands-nav, .study-btn .brands-nav, .vacancy-page__r .contact-form__full {
  margin-top: 0
}

.vacancy-contact {
  margin: 40px 0 60px;
  display: flex
}

.vacancy-contact__l {
  padding-right: 100px
}

.vacancy-contact .vacancy-link-mail, .vacancy-contact .vacancy-link-phone {
  display: flex;
  align-items: center;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  text-decoration: none
}

.vacancy-contact .vacancy-link-mail__icon, .vacancy-contact .vacancy-link-phone__icon {
  position: relative;
  z-index: 2;
  width: 38px;
  height: 38px;
  display: inline-block;
  margin-right: 16px
}

.vacancy-contact .vacancy-link-phone__icon:after {
  content: '';
  background: url('../img/i-order-call-white.svg') center/18px no-repeat #4baaf3;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  border-radius: 100px;
  border: 2px solid #fff;
  width: 34px;
  height: 34px;
  transition: .3s
}

.vacancy-contact .vacancy-link-phone__icon:before {
  content: '';
  background: #4baaf3;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 1;
  border-radius: 100px
}

.vacancy-contact .vacancy-link-mail__icon:after {
  content: '';
  background: url('../img/i-email-white.svg') center/18px no-repeat #4baaf3;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  border-radius: 100px;
  border: 2px solid #fff;
  width: 34px;
  height: 34px;
  transition: .3s
}

.vacancy-contact .vacancy-link-mail__icon:before {
  content: '';
  background: #4baaf3;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 1;
  border-radius: 100px
}

.vacancy-detail {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px
}

.vacancy-detail__l {
  width: calc(100% - 200px);
  padding-right: 50px
}

.vacancy-detail__l h3 {
  margin: 0 0 20px;
  font-size: 12px;
  font-weight: 600
}

.vacancy-detail__l p {
  font-size: 12px;
  color: #737373;
  line-height: 24px;
  margin: 0 0 50px !important
}

.vacancy-detail__r {
  width: 200px
}

.vacancy-detail__r div {
  margin-bottom: 30px;
  font-size: 12px;
  color: #737373
}

.vacancy-detail__r div span {
  font-weight: 600;
  font-size: 14px;
  color: #000;
  display: block;
  margin-top: 4px
}

.mission {
  padding: 30px 0 0;
  margin-bottom: 100px
}

.mission__img img {
  max-width: 440px
}

.mission__text {
  width: calc(100% - 440px);
  padding-left: 70px
}

.order-call, .order-call .btn-white-border {
  background: #f4f4f4
}

.geography-wrap, .mission-wrap, .order-call-wrap, .portfolio-wrap, .study-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.mission-who {
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px
}

.keys-list__i {
  width: 50%;
  padding-right: 100px;
  margin-bottom: 50px
}

.keys-img {
  margin-bottom: 30px
}

.keys-img img {
  height: 60px
}

.keys-name {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 20px
}

.order-call {
  padding: 30px 0 0;
  margin-bottom: 100px
}

.geography, .study {
  background: #f2f2f2
}

.order-call__img img {
  max-width: 400px
}

.order-call__text {
  width: calc(100% - 500px);
  padding-right: 70px
}

.order-call-text {
  font-size: 14px;
  color: #737373;
  margin-bottom: 60px
}

.order-call-buttons .btn {
  padding-left: 24px;
  padding-right: 24px;
  margin-right: 20px
}

.history-title, .our-features-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 70px
}

.our-features-list li {
  font-size: 14px;
  line-height: 24px;
  padding-left: 70px;
  padding-right: 100px;
  margin: 0 0 40px;
  width: 50%;
  min-height: 42px;
  position: relative;
  display: flex;
  align-items: center
}

.our-features-list li:before {
  content: '';
  position: absolute;
  width: 41px;
  height: 41px;
  left: 0;
  top: 0;
  border-radius: 100px;
  background-size: 20px !important
}

.our-features-list li:first-child:before {
  background: url('../img/i-features-1.svg') center no-repeat #1b3757
}

.our-features-list li:nth-child(2):before {
  background: url('../img/i-features-4.svg') center no-repeat #1b3757
}

.our-features-list li:nth-child(3):before {
  background: url('../img/i-features-3.svg') center no-repeat #1b3757
}

.our-features-list li:nth-child(4):before {
  background: url('../img/i-features-9.svg') center no-repeat #1b3757
}

.our-features-list li:nth-child(5):before {
  background: url('../img/i-features-2.svg') center no-repeat #1b3757
}

.our-features-list li:nth-child(6):before {
  background: url('../img/i-features-6.svg') center no-repeat #1b3757
}

.our-features-list li:nth-child(7):before {
  background: url('../img/i-features-7.svg') center no-repeat #1b3757
}

.our-features-list li:nth-child(8):before {
  background: url('../img/i-features-8.svg') center no-repeat #1b3757
}

.geography {
  padding: 70px 0;
  margin-bottom: 100px
}

.geo-text {
  font-size: 14px;
  color: #737373;
  line-height: 24px;
  margin-bottom: 40px
}

.history-item {
  width: 33.33%;
  padding-right: 50px;
  margin-bottom: 100px
}

.history-year {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px
}

.history-year span {
  font-size: 24px
}

.study {
  padding: 40px 0;
  margin-bottom: 100px
}

.portfolio__text, .study__text {
  width: calc(100% - 600px);
  padding-right: 80px
}

.portfolio__img, .portfolio__img .portfolio-img, .study__img, .study__img .study-img {
  max-width: 600px
}

.portfolio-title, .study-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px
}

.study-text {
  font-size: 12px;
  color: #737373;
  margin-bottom: 60px
}

.portfolio-btn, .study-btn {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.portfolio-block-text {
  font-size: 14px;
  margin-bottom: 50px;
  color: #737373
}

.portfolio-text {
  font-size: 14px;
  line-height: 24px;
  color: #737373;
  margin-bottom: 60px
}

.call-block {
  background: #003d68;
  padding: 60px 0;
  margin-top: 80px
}

.call-block-title {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 40px
}

.call-field {
  width: calc(25% - 20px);
  margin: 10px 10px 30px
}

.call-field label {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px;
  display: block
}

.call-field input[type=text] {
  width: 100%;
  background: #fff;
  border-radius: 0;
  border: 1px solid transparent;
  padding: 14px 20px;
  outline: 0
}

.call-field .form-field-checkbox label {
  position: relative;
  padding-left: 40px;
  min-height: 24px;
  display: inline-block;
  align-items: center;
  font-weight: 400;
  line-height: normal
}

@media (max-width:992px) {
  .cat-sub-text {
    margin-top: 20px;
    margin-bottom: 20px
  }

  .company-brand-info__logo, .geography__map, .order-call__img, .vacancy-contact .vacancy-link-mail, .vacancy-contact .vacancy-link-phone, .vacancy-detail__r {
    width: 100%
  }

  .company-brand-info__logo img {
    max-width: 100%
  }

  .company-brand-info__text {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
    line-height: 18px
  }

  .company-brand-info {
    flex-wrap: wrap;
    padding: 30px 15px;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-bottom: 40px
  }

  .product-info__l {
flex:unset;
    max-width: calc(100% + 40px);
    width: calc(100% + 40px);
    margin-left: -20px
  }

  .product-info__l img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0
  }

  .product-info__l .slick-dots {
    margin-left: 20px
  }



  .geography__text, .product-info__r {
    width: 100%;
    padding-left: 0;
    padding-top: 40px
  }

  .page-about .mission-title, .product-info {
    margin-top: 0
  }

  .product-brand-name {
    font-size: 12px;
    margin-bottom: 10px
  }

  .product-name {
    font-size: 20px
  }

  .product-price {
    margin-top: 40px;
    margin-bottom: 60px
  }

  .keys-name, .product-description h2, .product-tabs__r h3, .stuff-list .stuff-info span {
    font-size: 14px
  }

  .keys-text, .portfolio-block-text, .product-description p, .product-tabs__r p, .vacancy-page__l p {
    font-size: 12px;
    line-height: 18px
  }

  .product-tabs__l .tabs {
    margin: 0
  }

  .product-tabs__l .tabs-link {
    padding-right: 0;
    margin-bottom: 10px;
    font-size: 12px
  }

  .order-call__text, .product-tabs__l {
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px
  }

  .product-tabs__r {
    width: calc(100% + 40px);
    padding: 20px;
    margin-left: -20px;
    margin-right: -20px
  }

  .personal-recommend {
    margin-top: 60px
  }

  .history-title, .keys-title, .order-call-title, .personal-recommend-title, .portfolio-block-title, .viewed-title {
    font-size: 18px
  }

  .page-about-picture, .page-company-brands-picture, .page-company-stuff-picture, .page-vacancy-picture {
    width: calc(100% + 40px);
    margin-left: -20px;
    height: 180px;
    margin-bottom: 60px
  }

  .page-about .mission {
    padding-top: 50px;
    margin-top: 50px;
    margin-bottom: 60px
  }

  .page-about .mission-who {
    margin-top: 20px;
    width: 50%
  }

  .page-about .mission__img {
    font-size: 0;
    text-align: right;
    margin-top: -60px
  }

  .page-about .mission__img img {
    width: 60% !important
  }

  .stuff-list__i {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px
  }

  .stuff-list .stuff-image img {
    width: 72px
  }

  .stuff-list .stuff-info p {
    margin-bottom: 6px;
    margin-top: 4px;
    font-size: 11px
  }

  .stuff-list .stuff-info .stuff-phone {
    font-size: 11px;
    min-height: 18px
  }

  .stuff-list .stuff-info {
    width: calc(100% - 72px);
    padding-left: 20px
  }

  .page-vacancy .accordeon-wrap {
    width: calc(100% + 40px);
    margin-left: -20px
  }

  .page-vacancy .accordeon-title.is-opened:before {
    left: 16px;
    right: 16px
  }

  .page-vacancy .accordeon-title {
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
  }

  .page-vacancy .accordeon-title:after {
    right: 20px
  }

  .vacancy-page__l h1 {
    margin-bottom: 40px
  }

  .keys-list__i, .vacancy-detail__l, .vacancy-page__l {
    width: 100%;
    padding-right: 0
  }

  .vacancy-page__r .contact-form {
    margin-top: 30px
  }

  .vacancy-page__r {
    width: 100%;
    margin-top: 60px
  }

  .vacancy-contact__l {
    padding-right: 0;
    padding-bottom: 20px
  }

  .vacancy-contact {
    flex-wrap: wrap
  }

  .mission__img {
    order: 2;
    padding-left: 0;
    width: 100%
  }

  .mission__img img {
    width: 100%;
    max-width: 100%
  }

  .mission__text {
    padding-left: 0;
    width: 100%;
    order: 1
  }

  .mission {
    background: 0 0;
    margin-bottom: 70px
  }

  .order-call__img img {
    width: 70%;
    max-width: 70%;
    margin: 0 auto;
    display: block
  }

  .order-call {
    padding-top: 50px;
    margin-top: 20px;
    margin-bottom: 80px
  }

  .order-call-text {
    margin-bottom: 20px;
    font-size: 12px
  }

  .order-call-buttons .btn {
    margin-right: 0;
    margin-bottom: 20px;
    width: 200px
  }

  .our-features-title {
    margin-bottom: 60px;
    font-size: 18px
  }

  .our-features-list li {
    width: 100%;
    padding-right: 0;
    padding-left: 60px;
    font-size: 12px;
    line-height: 18px
  }

  .geography__map img {
    width: 100%;
    max-width: 100%
  }

  .geography {
    padding: 50px 0
  }

  .geo-title, .portfolio-title, .study-title {
    font-size: 18px;
    margin-bottom: 20px
  }

  .geo-text, .portfolio-text {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px
  }

  .history-item {
    width: 100%;
    margin-bottom: 50px;
    padding-right: 0
  }

  .study__text {
    order: 2;
    width: 100%;
    padding-right: 0;
    padding-top: 40px
  }

  .portfolio__img, .study__img {
    width: 100%;
    order: 1
  }

  .study__img .study-img {
    width: 100%;
    max-width: 100%
  }

  .study__img .brands-nav {
    display: flex !important;
    margin-bottom: 15px
  }

  .study {
    margin-bottom: 60px
  }

  .portfolio-logo, .study-text {
    margin-bottom: 20px
  }

  .portfolio__text {
    width: 100%;
    padding-right: 0;
    padding-top: 40px;
    order: 2
  }

  .portfolio__img .portfolio-img {
    width: 100%;
    max-width: 100%
  }

  .portfolio__img .brands-nav {
    display: flex !important;
    margin-bottom: 15px
  }

  .portfolio {
    margin-bottom: 60px
  }

  .call-field {
    width: calc(50% - 20px)
  }
}

@media (max-width:768px) {
  .offices-tabs-select select {
    width: 100%;
    margin-left: 0;
    margin-top: 10px
  }

  .catitem-list__i.is-banner {
    height: 410px
  }

  .call-field, .catitem-list__i {
    width: 100%
  }

  .product-nav {
    flex-wrap: wrap
  }

  .product-nav .btn {
    width: 200px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px
  }
}

.for-stomatolog__r iframe, .intro-video {
  width: 560px;
  height: 315px
}

.search-results {
  background: #1b3757;
  padding: 120px 0
}

.search-results+footer {
  margin-top: 0 !important
}

.search-results p {
  font-size: 14px;
  font-weight: 600;
  color: #fff
}

.search-results-title {
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  padding-bottom: 50px
}

.search-results-title span {
  font-size: 14px;
  display: inline-block;
  padding-left: 20px
}

.search-results-links {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  padding-bottom: 50px
}

.search-results-brands a, .search-results-links a {
  color: #4baaf3;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  text-decoration: none
}

.search-results-brands {
  padding-bottom: 50px;
  border-bottom: 1px solid #324b68;
  color: #fff
}

.search-results-brands h2 {
  font-size: 16px;
  margin-bottom: 40px
}

.search-results-brands p {
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 20px
}

.dist-popup, .order-call-popup, .thanks-popup, .product_by_request-popup {
  display: none;
  max-width: 580px;
  max-height: 90vh;
  overflow-y: auto;
  position: fixed;
  background: #fff;
  padding: 50px;
  top: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9991;
  text-align: center
}

.dist-popup h1, .dist-popup p, .order-call-popup h1, .order-call-popup p, .product_by_request-popup h1, .product_by_request-popup p, .thanks-popup h1 {
  font-size: 24px;
  margin: 0 0 30px
}

.thanks-popup .thanks-popup-text {
  line-height: 30px;
  padding: 54px 0;
  font-size: 14px
}

.dist-popup .formclass, .order-call-popup .formclass, .product_by_request-popup .formclass {
  width: 280px;
  margin: 0 auto
}

.dist-popup .formclass textarea, .order-call-popup .formclass textarea, .product_by_request-popup .formclass textarea {
  height: 110px
}

.dist-popup .formclass .form-field-checkbox label, .order-call-popup .formclass .form-field-checkbox label, .product_by_request-popup .formclass .form-field-checkbox label {
  display: inline-block;
  line-height: 14px;
  text-align: left
}

.overlay {
  display: none;
  background: #003d68;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  opacity: .8
}

.close-popup {
  position: absolute;
  top: 30px;
  right: 34px
}

@media (max-width:992px) {
  .thanks-popup .thanks-popup-text {
    padding: 14px 0;
    line-height: normal
  }

  .dist-popup, .order-call-popup, .thanks-popup, .product_by_request-popup {
    max-width: 100%;
    top: 10px;
    padding: 40px 20px
  }

  .close-popup {
    right: 20px;
    top: 20px
  }

  .product-description ul, .small-container ul {
    font-size: 12px
  }
}

@media (max-width:425px) {
  .for-stomatolog__r iframe {
    width: 100%;
    height: 315px
  }
}

.footer-adress {
  line-height: 22px
}

.clear-both {
  clear: both
}

.img-both {
  padding-right: 30px;
  padding-bottom: 20px
}

.intro-video {
  display: block
}

lite-youtube {
  background-color: #000;
  position: relative;
  display: block;
  contain: content;
  background-position: center center;
  background-size: cover;
  cursor: pointer
}

lite-youtube::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  background-image: url(data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
  background-position: top;
  background-repeat: repeat-x;
  height: 60px;
  padding-bottom: 50px;
  width: 100%;
  transition: .2s cubic-bezier(0, 0, .2, 1)
}

lite-youtube::after {
  content: "";
  display: block;
  padding-bottom: calc(100% / (16 / 9))
}

lite-youtube>iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0
}

lite-youtube>.lty-playbtn {
  display: block;
  width: 68px;
  height: 48px;
  position: absolute;
  cursor: pointer;
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  left: 50%;
  z-index: 1;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
  filter: grayscale(100%);
  transition: filter .1s cubic-bezier(0, 0, .2, 1);
  border: none
}

lite-youtube .lty-playbtn:focus, lite-youtube:hover>.lty-playbtn {
  filter: none
}

lite-youtube.lyt-activated {
  cursor: unset
}

lite-youtube.lyt-activated::before, lite-youtube.lyt-activated>.lty-playbtn {
  opacity: 0;
  pointer-events: none
}

.lyt-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.js-office-on-map {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.js-search {
  cursor: pointer
}


.cookie-box {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(100%);
  -ms-transform: translateX(-50%) translateY(100%);
  transform: translateX(-50%) translateY(100%);
  transition: linear .3s;
  z-index: 10;
  bottom: 20px;
  background: #fff;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  border: 1px solid rgba(75, 170, 243, .3);
  max-width: 50rem;
}

/* доп уведомление над cookie */
.site-info-box {
  position: fixed;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  transition: linear .3s;
  z-index: 11;
  bottom: 120px;
  background: #fff;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  border: 1px solid rgba(75, 170, 243, .3);
  max-width: 50rem;
  width: min(50rem, calc(100% - 40px));
  box-sizing: border-box;
}

.site-info-box.active {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  visibility: visible;
}

.site-info-box .box-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}

.site-info-box button {
  flex: 0 0 auto;
  margin-left: auto;
}

.site-info-box .text p,
.site-info-box .text a,
.site-info-box .text span {
  font-size: 14px;
}
/* доп уведомление над cookie */

.cookie-box.active {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  visibility: visible;
}

.cookie-box .box-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.cookie-box button {
	flex:  0 0 auto
}


.cookie-box .text p, .cookie-box .text a, .cookie-box .text span {
    font-size: 14px;
}

.cookie-box .text a {
  text-decoration: underline;
  color:#006484;
}

@media (max-width: 768px) {
  .cookie-box .box-content {
    flex-direction: column;
  }
  .site-info-box .box-content {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 576px) {

  .cookie-box {
      width: calc(100% - 40px);
  }
  .site-info-box {
      width: calc(100% - 40px);
  }

}