@font-face {
  font-family: icons;
  src: url("/static/assets/fonts/icons.86322323141c.ttf?873bc15e0b798294804d788119f3a81e") format("truetype"), url("/static/assets/fonts/icons.a2e3da317567.woff?873bc15e0b798294804d788119f3a81e") format("woff"), url(data:font/woff2;base64,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) format("woff2")
}

i[class^=icon-]:before,
i[class*=" icon-"]:before {
  font-family: icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-user:before {
  content: ""
}

.icon-phone:before {
  content: ""
}

.icon-location:before {
  content: ""
}

.icon-hm-mobile:before {
  content: ""
}

.icon-hm-catalog:before {
  content: ""
}

.icon-globe:before {
  content: ""
}

.icon-email:before {
  content: ""
}

.icon-dropdown-arrow:before {
  content: ""
}

.icon-clock:before {
  content: ""
}

.icon-cart:before {
  content: ""
}

.icon-socials-yt:before {
  content: ""
}

.icon-socials-ig:before {
  content: ""
}

.icon-socials-fb:before {
  content: ""
}

.icon-arrows-arrow-right:before {
  content: ""
}

.icon-infoblock-wallet:before {
  content: ""
}

.icon-infoblock-shield:before {
  content: ""
}

.icon-infoblock-money-bills:before {
  content: ""
}

.icon-infoblock-credit-card:before {
  content: ""
}

.icon-infoblock-check:before {
  content: ""
}

.icon-infoblock-car:before {
  content: ""
}

.icon-account-user:before {
  content: ""
}

.icon-account-user-lock:before {
  content: ""
}

.icon-account-up-right:before {
  content: ""
}

.icon-account-logout:before {
  content: ""
}

.icon-account-location:before {
  content: ""
}

.icon-account-list:before {
  content: ""
}

.icon-account-handshake:before {
  content: ""
}

.icon-account-grip:before {
  content: ""
}

.icon-account-file:before {
  content: ""
}

.icon-account-feature-shield:before {
  content: ""
}

.icon-account-feature-file:before {
  content: ""
}

.icon-account-feature-cart:before {
  content: ""
}

.icon-account-feature-car:before {
  content: ""
}

a {
  text-decoration: none
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0
}

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

:before,
:after {
  text-decoration: inherit;
  vertical-align: inherit
}

html {
  cursor: default;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word
}

body {
  margin: 0
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

dl dl,
dl ol,
dl ul,
ol dl,
ul dl,
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0
}

hr {
  height: 0;
  overflow: visible
}

main {
  display: block
}

nav ol,
nav ul {
  list-style: none;
  padding: 0
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle
}

audio,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

iframe,
img {
  border-style: none
}

svg:not([fill]) {
  fill: currentColor
}

svg:not(:root) {
  overflow: hidden
}

table {
  border-collapse: collapse
}

button,
input,
select {
  margin: 0
}

button {
  overflow: visible;
  text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button
}

fieldset {
  border: 1px solid #a0a0a0;
  padding: .35em .75em .625em
}

input {
  overflow: visible
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

select {
  text-transform: none
}

textarea {
  margin: 0;
  overflow: auto;
  resize: vertical
}

[type=checkbox],
[type=radio] {
  padding: 0
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

::-moz-focus-inner {
  border-style: none;
  padding: 0
}

:-moz-focusring {
  outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
  box-shadow: none
}

details {
  display: block
}

dialog {
  background-color: #fff;
  border: solid;
  color: #000;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content
}

dialog:not([open]) {
  display: none
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

template {
  display: none
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  touch-action: manipulation
}

[hidden] {
  display: none
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled=true],
[disabled] {
  cursor: not-allowed
}

[aria-hidden=false][hidden] {
  display: initial
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute
}

.icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}

@font-face {
  font-family: f10-400;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/static/assets/fonts/inter-latin-400-normal.da03732a27e1.woff2") format("woff2"), url("/static/assets/fonts/inter-latin-400-normal.35827309b4b3.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: f10-400;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/static/assets/fonts/inter-cyrillic-400-normal.74a70a8b71d0.woff2") format("woff2"), url("/static/assets/fonts/inter-cyrillic-400-normal.1b14d388d51c.woff") format("woff");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
  font-family: f20-400;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/static/assets/fonts/overpass-latin-400-normal.0a42543972be.woff2") format("woff2"), url("/static/assets/fonts/overpass-latin-400-normal.101a802839f9.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: f20-400;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/static/assets/fonts/overpass-cyrillic-400-normal.c97f0919a116.woff2") format("woff2"), url("/static/assets/fonts/overpass-cyrillic-400-normal.56a71ea96300.woff") format("woff");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
  font-family: f20-700;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/static/assets/fonts/overpass-latin-700-normal.8587eb4eb423.woff2") format("woff2"), url("/static/assets/fonts/overpass-latin-700-normal.3a979ea250a2.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: f20-700;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/static/assets/fonts/overpass-cyrillic-700-normal.6d36dd637e34.woff2") format("woff2"), url("/static/assets/fonts/overpass-cyrillic-700-normal.6c66d26f89d3.woff") format("woff");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

body {
  font-family: f10-400;
  color: #33373c;
  background-color: #eef0f1
}

html,
body,
.website {
  min-height: 100dvh
}

.website {
  margin: 0 auto;
  min-width: 320px;
  display: grid;
  grid-template-rows: 1fr auto
}

.g>.container {
  margin: 0 auto;
  padding: 0 16px
}

.header {
  background-color: #eef0f1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 42, 68, .2666666667);
  box-shadow: 0 1px 4px #002a4444;
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  z-index: 1111
}

.header>.top {
  display: none;
  background-color: #f0f1f2;
  border-bottom: 1px solid #e3e4e6
}

.g-header-base {
  min-height: 56px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}

.g-header-base>.logo-link>img {
  width: 125px;
  height: auto
}

.g-header-base>.mobile {
  display: block
}

.main-nav {
  display: none
}

.main-nav>ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  justify-content: flex-end;
  gap: 15px
}

.main-nav>ul>li>a {
  color: #000;
  text-transform: uppercase;
  font-size: 16px
}

.main-nav>ul>li>a:hover {
  color: #c97831
}

.mobile-main-menu-btn {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: none;
  background: none
}

.mobile-main-menu-btn>.icon {
  font-size: 29px;
  color: #000
}

.g-header-top {
  height: 60px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}

.g-header-top>.item-3 {
  padding-left: 35px
}

.header-top-nav>ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  justify-content: flex-end;
  gap: 15px
}

.header-top-nav>ul>li>a {
  font-size: 14px;
  color: #000;
  text-transform: uppercase
}

.header-top-nav>ul>li>a:hover {
  color: #c97831
}

.header-top-contacts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  flex-direction: row;
  gap: 30px
}

.header-top-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  gap: 7px
}

.header-top-contact>.t {
  font-size: 14px
}

.ecommerce-panel {
  display: none;
  background-color: #002a44;
  z-index: 1111;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.g-header-sticky {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}

.header-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  justify-content: flex-end;
  gap: 30px
}

.header-action {
  font-size: 28px;
  color: #fff;
  position: relative
}

.header-action .count-items {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 22px;
  padding: 2px 5px;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background-color: #c97831;
  border-radius: 999px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap
}

.header-action.cart>.count {
  display: block
}

.catalog-link {
  display: grid;
  grid-template-columns: 30px 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  color: #fff
}

.catalog-link>.i {
  font-size: 28px
}

.catalog-link>.t {
  padding-left: 10px;
  font-size: 18px;
  text-transform: uppercase
}

.catalog-menu-item {
  width: 300px;
  height: 72px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  cursor: pointer
}

.catalog-menu-item:hover .catalog-link {
  color: #c97831
}

.catalog-menu-item:hover .catalog-nav {
  display: block
}

.catalog-nav {
  display: none;
  width: 300px;
  position: absolute;
  top: 72px;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1111;
  background-color: #002a44
}

.catalog-menu>li {
  padding: 10px 15px 10px 38px;
  border-bottom: 2px solid #000000
}

.catalog-menu>li:first-child {
  border-top: 2px solid #000000
}

.catalog-menu>li:last-child {
  border-bottom: none
}

.catalog-menu>li a {
  display: block;
  color: #fff
}

.catalog-menu>li a:hover {
  color: #c97831
}

.hero {
  position: relative;
  background: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.hero>.cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: #0003
}

.hero-home {
  background-image: url("/static/assets/img/slide-1.2cf7de0ed53b.png")
}

.b-hero {
  width: auto;
  height: 570px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  position: relative;
  z-index: 111
}

.hero-card>.subtitle {
  font-family: f20-700;
  font-size: 16px;
  text-transform: uppercase;
  color: #e1452a
}

.hero-card>h1 {
  margin: 0;
  padding: 15px 0;
  font-family: f20-700;
  font-size: 28px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  z-index: 1111
}

.hero-card>.text>p {
  font-size: 16px;
  color: #fff
}

.hero-inner {
  position: relative;
  background: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.hero-inner>.cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: #0007
}

.hero-blog {
  background-image: url("/static/assets/img/slide-1.2cf7de0ed53b.png")
}

.hero-about {
  background-image: url("/static/assets/img/slide-1.2cf7de0ed53b.png")
}

.hero-contact {
  background-image: url("/static/assets/img/slide-1.2cf7de0ed53b.png")
}

.b-hero-inner {
  width: auto;
  height: 350px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  position: relative;
  z-index: 111
}

.hero-card-inner>.subtitle {
  font-family: f20-700;
  font-size: 16px;
  text-transform: uppercase;
  color: #e1452a
}

.hero-card-inner>h1 {
  margin: 0;
  padding: 15px 0;
  font-family: f20-700;
  font-size: 28px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  z-index: 1111
}

.hero-card-inner>.text>p {
  font-size: 16px;
  color: #fff
}

.article {
  padding-top: 25px;
  padding-bottom: 50px
}

.article h1 {
  margin: 0;
  font-family: f20-700;
  font-size: 28px;
  color: #002a44
}

.article h2 {
  margin: 25px 0 0;
  font-family: f20-700;
  font-size: 24px;
  color: #002a44
}

.article h3 {
  margin: 25px 0 0;
  font-family: f20-700;
  font-size: 20px;
  color: #002a44
}

.article p {
  margin: 10px 0;
  font-size: 16px
}

.article ul {
  margin: 10px 0
}

.article ul li {
  position: relative;
  padding-left: 15px;
  font-size: 16px;
  line-height: 1.4
}

.article ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: .7em;
  width: 5px;
  height: 5px;
  background: #444;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%)
}

.product-article {
  padding-bottom: 50px
}

.product-article>h1 {
  max-width: 760px;
  text-wrap: balance;
  font-size: clamp(28px, 3.4vw, 38px);
  color: #1b1e22
}

.g-sku {
  margin: 25px 0;
  display: grid;
  grid-template-columns: none;
  gap: 15px
}

.g-product-price {
  margin: 25px 0;
  padding: 25px 0;
  border-top: 1px solid #e1e3e6;
  border-bottom: 1px solid #e1e3e6;
  display: grid;
  grid-template-columns: none;
  gap: 15px
}

.product-price {
  font-family: f20-700
}

.product-price>.price>.number {
  font-size: 34px;
  color: #1b1e22
}

.product-price>.price>.currency {
  color: #62686f
}

.product-price>.info {
  padding-left: 12px;
  color: #1f8a4c;
  font-size: 14px;
  position: relative;
  line-height: 1.4
}

.product-price>.info:before {
  content: "";
  position: absolute;
  left: 0;
  top: .55em;
  width: 5px;
  height: 5px;
  background: #1f8a4c;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%)
}

.product-sku {
  font-size: 14px;
  color: #62686f
}

.get-consultation-btn {
  margin: 0;
  padding-right: 25px;
  padding-left: 25px;
  width: 100%;
  height: 45px;
  border: 1px solid #0e2a42;
  border-radius: 4px;
  background: none;
  font-family: f20-700;
  font-size: 15px;
  color: #0e2a42;
  cursor: pointer;
  -webkit-transition: background-color .15s ease;
  -moz-transition: background-color .15s ease;
  transition: background-color .15s ease
}

.get-consultation-btn:hover {
  color: #fff;
  background-color: #0e2a42
}

.product-cart .buy {
  display: block;
  width: 100%;
  height: 45px;
  font-family: f20-700;
  font-size: 12px;
  text-transform: uppercase;
  color: #0e2a42;
  margin: 0;
  padding: 0;
  border: 1px solid #e1e3e6;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: border-color .15s ease, color .15s ease;
  -moz-transition: border-color .15s ease, color .15s ease;
  transition: border-color .15s ease, color .15s ease
}

.product-cart .buy:hover {
  border: 1px solid #0e2a42
}

.product-cart .to-cart {
  color: red;
  text-transform: uppercase;
  font-size: 12px
}

.product-cart .to-cart:hover {
  color: #007a00
}

.product-cart>.select>.buy {
  display: block
}

.product-cart>.select>.to-cart {
  display: none
}

.product-cart>.in-cart>.buy {
  display: none
}

.product-cart>.in-cart>.to-cart {
  display: block
}

.select.in-cart>.to-cart>.buy {
  color: #dd6b2e;
  border: 1px solid #dd6b2e
}

.select.in-cart>.to-cart>.buy:hover {
  color: #c55a22;
  border: 1px solid #c55a22
}

.buy-one-click-btn {
  display: block;
  width: 100%;
  height: 45px;
  font-family: f20-700;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  padding-right: 25px;
  padding-left: 25px;
  border: 1px solid #e1e3e6;
  border-radius: 4px;
  border: 1px solid #dd6b2e;
  background-color: #dd6b2e;
  cursor: pointer;
  -webkit-transition: border-color .15s ease, background-color .15s ease;
  -moz-transition: border-color .15s ease, background-color .15s ease;
  transition: border-color .15s ease, background-color .15s ease
}

.buy-one-click-btn:hover {
  border: 1px solid #c55a22;
  background-color: #c55a22
}

.product-specs,
.product-benefits,
.product-gallery {
  margin: 35px 0
}

.product-specs>h2,
.product-benefits>h2,
.product-gallery>h2 {
  padding-bottom: 15px;
  border-bottom: 1px solid #e1e3e6;
  font-family: f20-700;
  font-size: 18px
}

.g-product-specs,
.g-product-benefits,
.g-product-gallery {
  padding-top: 35px
}

.g-product-specs {
  display: grid;
  grid-template-columns: none;
  row-gap: 25px
}

.g-product-specs>.item {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #e1e3e6;
  border-radius: 4px
}

.g-product-specs>.item>h3 {
  font-family: f20-700;
  font-size: 16px
}

.product-specs-list {
  padding-top: 15px
}

.product-specs-list>li {
  padding: 10px 0;
  border-bottom: 1px dotted #33373c
}

.product-specs-item {
  display: grid;
  grid-template-columns: none
}

.product-specs-item>.item-1 {
  font-size: 14px;
  color: #62686f
}

.product-specs-item>.item-2 {
  display: none
}

.product-specs-item>.item-2>.line {
  width: 100%;
  border-bottom: 1px dotted #62686f
}

.product-specs-item>.item-3 {
  font-family: f20-700;
  font-size: 14px
}

.g-product-benefits {
  display: grid;
  grid-template-columns: none;
  row-gap: 25px
}

.g-product-benefits>.item {
  padding: 15px;
  background-color: #fff;
  border-left: 3px solid #2e8fb0;
  border-radius: 4px
}

.g-product-benefits>.item>h3 {
  font-family: f20-700;
  font-size: 16px
}

.product-benefit-article>h3 {
  font-family: f20-700;
  font-size: 16px;
  color: #1b1e22;
  padding-bottom: 5px
}

.product-benefit-article>p {
  color: #62686f;
  font-size: 14px
}

.product-benefit-article .nowrap {
  white-space: nowrap;
  color: #1b1e22;
  font-size: 14px
}

.g-catalog-page {
  padding-top: 25px;
  padding-bottom: 50px;
  display: grid;
  grid-template-columns: none
}

.g-catalog-page>.content {
  padding-right: 0
}

.g-catalog-page>.aside {
  display: none
}

.catalog-aside-nav {
  padding-top: 25px
}

.catalog-aside-menu>li {
  border-bottom: 1px solid #1e1e1e
}

.catalog-aside-menu>li:last-child {
  border-bottom: none
}

.catalog-aside-menu>li>a {
  display: block;
  padding: 5px 0;
  font-size: 18px;
  color: #1e1e1e
}

.catalog-aside-menu>li>a:hover {
  color: #c1521f
}

.catalog-category-cards {
  display: grid;
  gap: 50px
}

.catalog-product-cards {
  display: grid;
  grid-template-columns: none;
  gap: 25px
}

.catalog-product-card {
  display: grid;
  grid-template-rows: auto 1fr auto;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 5px;
  overflow: hidden
}

.g-catalog-product-picture>.picture {
  width: 100%;
  height: 300px
}

.g-catalog-product-picture>.picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.g-catalog-product-content {
  padding: 25px 15px
}

.g-catalog-product-content>.sku {
  color: #777;
  font-size: 12px
}

.g-catalog-product-content>h2 {
  padding-top: 5px
}

.g-catalog-product-content>h2:hover>a {
  color: #c1521f
}

.g-catalog-product-content>h2>a {
  display: block;
  font-size: 14px;
  color: #1e1e1e
}

.g-catalog-product-buy {
  padding: 0 15px 15px;
  display: grid;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}

.catalog-product-price {
  font-size: 16px;
  font-family: f20-700
}

.catalog-product-cart .buy {
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 4px;
  background-color: #d9622b;
  display: block;
  width: 80px;
  height: 25px;
  cursor: pointer
}

.catalog-product-cart .buy:hover {
  background-color: #c1521f
}

.catalog-product-cart .to-cart {
  font-size: 12px;
  text-transform: uppercase;
  color: #d9622b
}

.catalog-product-cart .to-cart:hover {
  color: #c1521f
}

.catalog-product-cart>.select {
  width: 80px;
  height: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}

.catalog-product-cart>.select>.buy {
  display: block
}

.catalog-product-cart>.select>.to-cart {
  display: none
}

.catalog-product-cart>.in-cart>.buy {
  display: none
}

.catalog-product-cart>.in-cart>.to-cart {
  display: block
}

.d-catalog-products-filter>.item {
  padding: 5px 0
}

.d-catalog-products-filter select {
  width: 100%;
  height: 35px;
  padding: 0 15px;
  border: 1px solid #dadada;
  border-radius: 4px;
  background: none;
  font-size: 14px;
  padding-left: 25px 15px
}

.d-catalog-products-filter select:hover {
  color: #c1521f
}

.d-catalog-products-filter .apply-link {
  display: block;
  margin-top: 10px;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  color: #d9622b;
  border: 1px solid #d9622b;
  border-radius: 4px;
  background: none
}

.d-catalog-products-filter .apply-link:hover {
  color: #c1521f
}

.m-catalog-products-filter>.item {
  padding: 5px 0
}

.m-catalog-products-filter select {
  width: 100%;
  height: 30px;
  border: 1px solid #707070;
  border-radius: 4px;
  background-color: #0f1214;
  color: #707070;
  font-size: 14px;
  padding-left: 5px
}

.m-catalog-products-filter select:hover {
  color: #c97831
}

.m-catalog-products-filter .apply-link {
  display: block;
  margin-top: 10px;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  color: #c97831;
  border: 1px solid #c97831;
  border-radius: 4px;
  background-color: #0f1214
}

.m-catalog-products-filter .apply-link:hover {
  color: #c97831
}

.m-catalog-products-filter-open {
  display: block;
  padding-bottom: 25px
}

.m-catalog-products-filter-open>.open {
  width: 100%;
  height: 30px;
  margin-top: 10px;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  color: #c97831;
  border: 1px solid #c97831;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer
}

.m-catalog-products-filter-open>.open:hover {
  color: #c97831
}

.cart-products {
  padding: 25px 0;
  display: grid;
  gap: 25px
}

.cart-products>.item {
  padding-bottom: 15px;
  border-bottom: 1px solid #ececec
}

.cart-product .link {
  font-size: 14px;
  color: #222
}

.cart-product .link:hover {
  color: #c97831
}

.cart-product .delete {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  text-transform: uppercase;
  color: #c97831;
  font-size: 10px;
  cursor: pointer
}

.cart-product .delete:hover {
  color: #c93131
}

.g-cart-product {
  display: grid;
  gap: 15px
}

.g-cart-product-price {
  display: grid;
  grid-template-columns: none;
  gap: 15px
}

.g-cart-product-price .price,
.g-cart-product-price .subtotal {
  font-size: 14px
}

.quantity-selector {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 10px
}

.quantity-selector button {
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: 1px solid #222222;
  border-radius: 2px;
  cursor: pointer
}

.quantity-selector input {
  width: 75px;
  height: 25px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 12px
}

.cart-content {
  padding: 15px 0
}

.cart-total {
  text-align: right
}

.cart-empty {
  display: none;
  margin: 50px 0;
  text-align: center
}

.cart-content.is-empty {
  display: none
}

.cart-empty.is-empty {
  display: block
}

.cart-checkout-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  width: auto;
  height: 35px;
  margin: 25px 0;
  padding: 0;
  border: 1px solid #c97831;
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  color: #c97831
}

.cart-checkout-link:hover {
  color: #c97831
}

.return-to-cart {
  padding-top: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}

.return-to-cart>.link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  width: 100%;
  height: 35px;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  color: #c97831;
  border: 1px solid #c97831;
  border-radius: 4px;
  cursor: pointer
}

.checkout-products {
  padding: 25px 0 15px
}

.checkout-products>.item {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ececec
}

.g-checkout-product {
  display: grid;
  grid-template-columns: none;
  gap: 15px
}

.g-checkout-product-price {
  display: grid;
  grid-template-columns: none
}

.checkout-product-link {
  color: #717171;
  font-size: 14px
}

.checkout-product-link:hover {
  color: #c97831
}

.checkout-total {
  padding-bottom: 25px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "title total" "cart cart";
  row-gap: 25px;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px
}

.checkout-total>.c-1 {
  grid-area: cart
}

.checkout-total>.c-2 {
  grid-area: title
}

.checkout-total>.c-3 {
  grid-area: total
}

.checkout-total .title {
  font-size: 14px
}

.checkout-form fieldset {
  margin: 0;
  padding: 10px
}

.form-field {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "label error" "input input"
}

.form-field label {
  grid-area: label;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 12px
}

.form-field input {
  grid-area: input;
  height: 33px;
  margin: 0;
  padding: 0 5px;
  outline: none;
  font-size: 14px;
  color: #222;
  border: 1px solid #717171;
  border-radius: 4px
}

.form-field input:focus {
  border: 1px solid #c97831
}

.form-field .error {
  grid-area: error
}

.checkout-customer-fields {
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "given-name" "family-name" "patronymic" "phone" "email";
  row-gap: 15px;
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px
}

.checkout-customer-fields>.given-name-field {
  grid-area: given-name
}

.checkout-customer-fields>.family-name-field {
  grid-area: family-name
}

.checkout-customer-fields>.patronymic-field {
  grid-area: patronymic
}

.checkout-customer-fields>.phone-field {
  grid-area: phone
}

.checkout-customer-fields>.email-field {
  grid-area: email
}

.checkout-form>.submit {
  padding: 25px 0 55px
}

.checkout-form>.submit>button {
  display: block;
  width: 100%;
  height: 35px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #c97831;
  border: 1px solid #c97831;
  border-radius: 4px;
  background: none;
  cursor: pointer
}

.g-about {
  margin: 25px 0;
  display: grid;
  grid-template-columns: none;
  gap: 25px
}

.g-about>.item-2>img {
  display: block;
  max-width: 100%;
  border-radius: 5px
}

.about-text p {
  margin: 10px 0;
  font-size: 16px
}

.infoblock {
  margin: 25px 0;
  padding: 25px 15px;
  border: 1px solid #dadada;
  border-radius: 10px
}

.g-infoblock-address {
  display: grid;
  grid-template-columns: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  gap: 25px
}

.g-infoblock-address>.item-2 {
  justify-self: start
}

.g-infoblock-item {
  display: grid;
  gap: 15px
}

.g-infoblock-item>.item-1 {
  width: 56px;
  height: 56px;
  background-color: #e3e3e3;
  border-radius: 50%;
  display: grid;
  place-items: center
}

.g-infoblock-item>.item-1>.icon {
  font-size: 22px;
  color: #136182
}

.infoblock-item>.title {
  padding-bottom: 5px;
  font-family: f20-700;
  font-size: 16px;
  color: #002a44;
  text-transform: uppercase
}

.infoblock-item>.text {
  font-size: 14px
}

.infoblock-item>.text>p {
  margin: 5px 0
}

.infoblock-item>.text>p:first-child {
  margin: 0 0 5px
}

.infoblock-item>.text>p:last-child {
  margin: 5px 0 0
}

.infoblock-item>.text>p:only-child {
  margin: 0
}

.made-in-item {
  display: grid;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  gap: 15px
}

.made-in-item>.flag>img {
  display: block;
  width: 56px
}

.made-in-item>.text {
  font-family: f20-700;
  font-size: 14px;
  line-height: 18px;
  color: #002a44
}

.contact-items {
  margin: 25px 0;
  display: grid;
  gap: 15px
}

.contact-items>.item {
  padding: 25px 15px;
  border: 1px solid #dadada;
  border-radius: 10px
}

.g-blog-page {
  padding-top: 25px;
  padding-bottom: 50px;
  display: grid;
  grid-template-columns: none
}

.g-blog-page>.content {
  padding-right: 0
}

.g-blog-page>.aside {
  display: none
}

.blog-menu>li {
  border-bottom: 1px solid #1e1e1e
}

.blog-menu>li:last-child {
  border-bottom: none
}

.blog-menu>li>a {
  display: block;
  padding: 5px 0;
  font-size: 18px;
  color: #1e1e1e
}

.blog-menu>li>a:hover {
  color: #c97831
}

.blog-cards,
.homepage-blog-cards {
  display: grid;
  grid-template-columns: none;
  gap: 25px
}

.blog-card {
  display: grid;
  grid-template-rows: auto 1fr auto;
  border: 1px solid #dadada;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff
}

.blog-card>.item-1 img {
  max-width: 100%;
  display: block
}

.blog-card>.item-2 {
  padding: 15px
}

.blog-card>.item-3 {
  padding: 0 15px
}

.blog-card-content>.category>.link {
  font-family: f20-700;
  font-size: 14px;
  text-transform: uppercase;
  color: #136182
}

.blog-card-content>.category>.link:hover {
  color: #c97831
}

.blog-card-content>h3 {
  margin: 10px 0
}

.blog-card-content>h3>.link {
  font-size: 18px;
  color: #002a44
}

.blog-card-content>h3>.link:hover {
  color: #c97831
}

.blog-card-content>p {
  margin: 10px 0 0;
  font-size: 14px
}

.blog-card-bottom {
  height: 50px;
  border-top: 1px solid #dadada;
  display: grid;
  grid-template-columns: 50% 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}

.blog-card-bottom>.item-1>time {
  font-family: f20-700;
  font-size: 12px;
  color: #333
}

.blog-card-bottom>.item-2 {
  justify-self: end
}

.blog-card-bottom>.item-2>.link {
  padding-right: 25px;
  position: relative;
  font-family: f20-700;
  font-size: 14px;
  color: #136182
}

.blog-card-bottom>.item-2>.link:hover {
  color: #c97831
}

.blog-card-bottom>.item-2>.link>i {
  position: absolute;
  right: 0;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%)
}

.blog-post h1 {
  margin: 0;
  font-family: f20-700;
  font-size: 28px;
  color: #002a44
}

.blog-post h2 {
  margin: 25px 0 0;
  font-family: f20-700;
  font-size: 24px;
  color: #002a44
}

.blog-post h3 {
  margin: 25px 0 0;
  font-family: f20-700;
  font-size: 20px;
  color: #002a44
}

.blog-post p {
  margin: 10px 0;
  font-size: 16px
}

.blog-post ul {
  margin: 0 0 0 5px
}

.blog-post ul li {
  position: relative;
  padding-left: 15px;
  font-size: 16px;
  line-height: 1.4
}

.blog-post ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: .7em;
  width: 5px;
  height: 5px;
  background: #444;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%)
}

.shipping-card {
  margin: 50px 0;
  padding: 15px;
  border: 1px solid #dadada;
  border-radius: 10px;
  display: grid;
  grid-template-columns: none;
  gap: 25px
}

.shipping-card-logo {
  width: 200px;
  padding: 25px 0;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  background-color: #f8fafc;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center
}

.shipping-card-logo>.logo {
  display: block;
  width: 110px
}

.shipping-card-article>h3 {
  font-family: f20-700;
  font-size: 18px;
  text-transform: uppercase;
  color: #002a44
}

.shipping-card-article>p {
  margin: 10px 0;
  font-size: 14px
}

.shipping-card-article>p:first-child {
  margin: 0 0 10px
}

.shipping-card-article>p:last-child {
  margin: 10px 0 0
}

.shipping-card-article>p:only-child {
  margin: 0
}

.g-account-page {
  padding-top: 25px;
  padding-bottom: 50px;
  display: grid;
  grid-template-columns: none;
  gap: 25px
}

.g-account-page>.sidebar {
  display: none
}

.account-sidebar-menu {
  background-color: #fff;
  border: 1px solid #e0e3e6;
  border-radius: 2px
}

.account-nav {
  padding-bottom: 15px
}

.account-nav>.title {
  padding: 15px;
  font-size: 12px;
  color: #77858f
}

.account-menu>li {
  margin: 5px 0
}

.account-menu>li:first-child {
  margin: 0 0 5px
}

.account-menu>li:last-child {
  margin: 5px 0 0
}

.g-account-action {
  height: 50px;
  padding: 0 15px;
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  gap: 12px
}

.g-account-action>.i {
  font-size: 16px
}

.g-account-action.to-erp {
  border-bottom: 1px solid #e0e3e6;
  font-size: 14px;
  color: #24738f
}

.g-account-action.to-erp .icon {
  font-size: 14px
}

.g-account-action.to-erp:hover .t {
  border-bottom: 1px solid #24738f
}

.g-account-action.logout {
  border-top: 1px solid #e0e3e6;
  font-size: 14px;
  color: #77858f
}

.g-account-action.logout .icon {
  font-size: 14px
}

.account-logout-form>button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: none;
  font-size: 14px;
  color: #77858f;
  cursor: pointer
}

.account-logout-form>button:hover {
  color: #b4453d
}

.m-account-logout-form>button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: none;
  font-size: 14px;
  color: #77858f;
  cursor: pointer
}

.m-account-logout-form>button:hover {
  color: #b4453d
}

.g-account-menu-link {
  height: 30px;
  padding: 0 15px;
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  gap: 12px;
  color: #233240
}

.g-account-menu-link:hover {
  background-color: #f6f7f8
}

.g-account-menu-link>.i {
  font-size: 14px;
  color: #77858f
}

.g-account-menu-link>.title {
  font-size: 15px
}

.g-account-menu-link.active>.mark {
  background-color: #2e8fb0
}

.g-account-menu-link.active>.i {
  color: #2e8fb0
}

.g-account-menu-link.active>.title {
  color: #2e8fb0
}

.m-account-menu {
  width: 100%;
  height: 30px;
  margin-top: 10px;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  color: #c97831;
  border: 1px solid #c97831;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer
}

.account-greet {
  color: #123252;
  font-size: 20px;
  font-family: f20-700
}

.g-account-status {
  margin: 25px 0;
  display: grid;
  grid-template-columns: none;
  border-top: 1px solid #dde1e4;
  border-right: 1px solid #dde1e4;
  border-bottom: 1px solid #dde1e4;
  border-left: 3px solid #2e8fb0;
  background-color: #fff
}

.g-account-status>.item-1 {
  padding: 20px;
  background-color: #f6f7f8;
  border-right: 1px solid #dde1e4
}

.g-account-status>.item-2 {
  padding: 20px
}

.g-account-greet {
  margin: 0 0 25px;
  display: grid;
  grid-template-columns: none;
  border-top: 1px solid #dde1e4;
  border-right: 1px solid #dde1e4;
  border-bottom: 1px solid #dde1e4;
  border-left: 3px solid #123252;
  background-color: #fff
}

.g-account-greet>.item-1 {
  padding: 20px 20px 0
}

.g-account-greet>.item-2 {
  padding: 20px
}

.account-greet-link {
  font-size: 14px;
  color: #24738f;
  padding-right: 25px;
  position: relative
}

.account-greet-link>i {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%)
}

.g-account-greet-name {
  display: grid;
  grid-template-columns: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  gap: 20px
}

.g-account-greet-name>.avatar {
  width: 46px;
  height: 46px;
  background-color: #eaf4f8;
  border-radius: 50%;
  font-size: 22px;
  color: #24738f;
  display: grid;
  place-items: center
}

.account-greet-name {
  color: #123252;
  font-size: 18px;
  font-family: f20-700
}

.account-status {
  display: grid;
  -webkit-align-content: center;
  align-content: center;
  gap: 10px
}

.account-status>.title {
  font-size: 12px;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #77858f;
  font-weight: 600
}

.account-status>.status {
  font-size: 20px;
  font-family: f20-700;
  color: #123252;
  line-height: 1.25
}

.account-status>.badge {
  position: relative
}

.account-status-badge {
  padding: 5px 15px;
  font-size: 12px;
  color: #24738f;
  background-color: #eaf4f8;
  border-radius: 4px
}

.account-features-title {
  color: #77858f;
  font-size: 14px
}

.account-features {
  padding-top: 15px;
  display: grid;
  grid-template-columns: none;
  gap: 15px
}

.account-feature {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 15px;
  background-color: #f6f7f8;
  padding: 15px
}

.account-feature .title {
  font-size: 14px;
  color: #233240
}

.account-feature .description {
  font-size: 12px;
  color: #77858f
}

.account-feature .icon {
  margin-top: 2px;
  color: #2e8fb0;
  font-size: 18px
}

.accout-page-header {
  padding: 15px 20px;
  border-top: 1px solid #dde1e4;
  border-right: 1px solid #dde1e4;
  border-bottom: 1px solid #dde1e4;
  border-left: 3px solid #123252;
  background-color: #fff;
  border-radius: 4px
}

.accout-page-header>.title {
  font-size: 19px;
  color: #123252
}

.accout-page-header>.subtitle {
  font-size: 14px;
  color: #77858f
}

.b-account {
  min-height: 250px;
  margin: 25px 0;
  background-color: #fff;
  border-top: 1px solid #dde1e4;
  border-right: 1px solid #dde1e4;
  border-bottom: 1px solid #dde1e4;
  border-left: 3px solid #2e8fb0;
  border-radius: 4px
}

.b-account>.title {
  padding: 15px 20px;
  font-family: f20-700;
  font-size: 14px;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #77858f;
  border-bottom: 1px solid #dde1e4
}

.b-account>.content {
  padding: 15px 20px
}

.account-profile-form>.submit {
  padding-top: 25px
}

.account-profile-form>.submit>button {
  display: block;
  width: 100%;
  height: 45px;
  background-color: #24738f;
  font-size: 14px;
  color: #fff;
  border: 1px solid #24738f;
  border-radius: 2px;
  cursor: pointer
}

.g-account-profile-form {
  display: grid;
  gap: 25px
}

.g-account-profile-form>.category>.title {
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 16px;
  color: #77858f
}

.g-account-profile-form>.category>.fields {
  display: grid;
  gap: 15px
}

.g-account-form-field {
  display: grid;
  grid-template-columns: none;
  gap: 5px
}

.g-account-form-field>.item-2 {
  position: relative
}

.g-account-form-field {
  padding-bottom: 15px;
  border-bottom: 1px solid #dde1e4
}

.g-account-form-field:last-child {
  border: none
}

.g-account-form-field label {
  font-size: 14px;
  color: #233240
}

.g-account-form-field input {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  cursor: pointer;
  border: 1px solid #dde1e4;
  border-radius: 2px;
  outline: none;
  color: #233240;
  font-size: 14px
}

.g-account-form-field input::-webkit-input-placeholder {
  color: #77858f
}

.g-account-form-field input:-ms-input-placeholder {
  color: #77858f
}

.g-account-form-field input::placeholder {
  color: #77858f
}

.g-account-form-field input:focus {
  border: 1px solid #c97831
}

.g-account-form-field .error {
  padding: 0 5px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  color: #b4453d
}

.g-accout-cards {
  display: grid;
  grid-template-columns: none;
  gap: 15px;
  margin: 25px 0
}

.account-card {
  padding: 15px 20px;
  background-color: #fff;
  border-top: 1px solid #dde1e4;
  border-right: 1px solid #dde1e4;
  border-bottom: 1px solid #dde1e4;
  border-left: 3px solid #2e8fb0;
  border-radius: 4px
}

.account-card>.title {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #77858f
}

.account-card>.number {
  padding-top: 15px;
  font-family: f20-700;
  font-size: 20px
}

.g-accout-title {
  display: grid;
  grid-template-columns: none;
  gap: 10px
}

.account-link {
  font-family: f10-400;
  font-size: 14px;
  color: #24738f;
  padding-right: 25px;
  position: relative;
  letter-spacing: normal;
  text-transform: none
}

.account-order-cards>li {
  margin: 25px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #dde1e4
}

.account-order-cards>li:first-child {
  margin: 0 0 25px
}

.account-order-cards>li:last-child {
  margin: 25px 0 0;
  border: none
}

.g-account-order-card {
  display: grid;
  grid-template-columns: none;
  gap: 15px
}

.account-order-card-status>.badge {
  padding: 5px 0;
  font-size: 12px;
  color: #3d8b5f
}

.account-order-card-details>.order>.link {
  font-family: f20-700;
  font-size: 14px;
  color: #123252
}

.account-order-card-details>.order>.link:hover {
  color: #b4453d
}

.account-order-card-details>.meta {
  font-size: 12px;
  color: #77858f
}

.account-addresses>li {
  margin: 25px 0;
  padding: 0 0 25px;
  border-bottom: 1px solid #dde1e4
}

.account-addresses>li:first-child {
  margin: 0 0 25px
}

.account-addresses>li:last-child {
  margin: 25px 0 0;
  border-bottom: none
}

.account-addresses>li:only-child {
  margin: 0;
  border-bottom: none
}

.g-account-address {
  display: grid;
  grid-template-columns: none;
  gap: 15px
}

.g-account-address-actions {
  display: grid;
  grid-template-columns: none;
  gap: 5px
}

.account-address-action {
  color: #24738f;
  font-size: 14px;
  cursor: pointer
}

.account-address {
  font-size: 14px;
  color: #77858f
}

.account-address>.address {
  padding-bottom: 5px;
  color: #123252;
  font-family: f20-700;
  font-size: 16px
}

.account-documents>li {
  margin: 25px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #dde1e4
}

.account-documents>li:first-child {
  margin: 0 0 25px
}

.account-documents>li:last-child {
  margin: 25px 0 0;
  border-bottom: none
}

.account-documents>li:only-child {
  margin: 0;
  border-bottom: none
}

.g-account-document {
  display: grid;
  grid-template-columns: none;
  gap: 10px
}

.g-account-document-item {
  display: grid;
  grid-template-columns: none;
  gap: 15px
}

.account-document-icon {
  width: 38px;
  height: 38px;
  background-color: #eaf4f8;
  font-size: 14px;
  color: #24738f;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}

.account-document-card>.title {
  font-family: f20-700;
  font-size: 14px;
  color: #123252
}

.account-document-card>.meta {
  font-size: 12px;
  color: #77858f
}

.account-document-download>.link {
  display: block;
  font-size: 14px;
  color: #24738f
}

.main {
  padding-top: 56px
}

.main>.products {
  margin: 25px 0
}

.main>.manufacturing {
  margin: 25px 0
}

.main>.blog {
  margin: 25px 0
}

.main>section h2 {
  font-family: f20-700;
  font-size: 18px;
  color: #002a44;
  text-transform: uppercase
}

.page-article {
  min-height: 200px
}

.section-title {
  padding-bottom: 15px;
  display: grid;
  grid-template-columns: auto 1fr
}

.section-title .c-1 h2 {
  font-family: f20-700
}

.section-title .c-2 {
  justify-self: end
}

.section-title .c-2 .link {
  padding-right: 25px;
  position: relative;
  font-family: f20-700;
  font-size: 18px;
  color: #136182
}

.section-title .c-2 .link:hover {
  color: #c97831
}

.section-title .c-2 .link>i {
  position: absolute;
  right: 0;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%)
}

.homepage-blog {
  margin: 50px 0
}

.footer {
  background-color: #002a44
}

.g-footer {
  min-height: 300px;
  padding-top: 25px;
  padding-bottom: 25px;
  display: grid;
  grid-template-columns: none;
  gap: 25px
}

.footer-logo>img {
  width: 150px
}

.copyright {
  background-color: #001f33
}

.g-copyright {
  min-height: 50px;
  padding: 35px 0;
  display: grid;
  grid-template-columns: none;
  gap: 15px
}

.copyright-text {
  font-size: 14px;
  color: #808f99
}

.copyright-text>span {
  display: block
}

.footer-nav>h3 {
  font-size: 14px;
  color: #808f99
}

.footer-nav>ul {
  padding-top: 10px
}

.footer-nav>ul>li>a {
  font-size: 16px;
  color: #fff
}

.footer-nav>ul>li>a:hover {
  color: #c97831
}

.footer-bottom-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  align-items: flex-start;
  gap: 5px
}

.footer-bottom-nav ul>li>a {
  font-size: 14px;
  color: #808f99
}

.footer-bottom-nav ul>li>a:hover {
  color: #c97831
}

.footer-bottom-nav ul>li+li:before {
  content: none
}

.footer-contacts {
  padding-top: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  gap: 5px
}

.footer-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  flex-direction: row;
  gap: 7px;
  color: #fff
}

.footer-contact>.icon {
  font-size: 16px
}

.footer-contact>.t {
  font-size: 14px
}

.footer-phones {
  padding-top: 10px
}

.footer-phone {
  font-size: 16px;
  color: #fff
}

.languages {
  cursor: pointer
}

.languages>.switcher>.list {
  display: none;
  position: relative
}

.languages>.open>.list {
  display: block
}

.languages:hover .marker>.icon {
  color: #c97831
}

.g-languages {
  width: 70px;
  height: 60px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  color: #002a44
}

.g-languages>.icon {
  padding-right: 5px
}

.g-mobile-languages {
  width: 70px;
  height: 50px;
  color: #717171
}

.current-language {
  font-size: 16px
}

.languages-list-panel {
  position: absolute;
  top: 0;
  z-index: 11111;
  width: 70px;
  background-color: #002a44;
  border: 1px solid #002a44
}

.languages-list>li {
  padding: 5px 0;
  border-bottom: 1px solid #717171;
  text-align: center
}

.languages-list>li:last-child {
  border: none
}

.languages-list>li>.link {
  display: block;
  color: #fff
}

.languages-list>li>.link:hover {
  color: #c97831
}

.mobile-languages-list>li {
  border-bottom: 1px solid #d2d2d2
}

.mobile-languages-list>li>.link {
  color: #d2d2d2
}

.mobile-languages-list>li>.link:hover {
  color: #c97831
}

.mobile-languages-list-panel {
  background-color: #717171
}

.mobile-menu-overlay {
  position: fixed;
  z-index: 1111;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000d;
  display: none;
  opacity: 0;
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  transition: opacity .1s linear
}

.mobile-menu-panel {
  width: 250px;
  height: auto;
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  background-color: #0f1214;
  -webkit-transform: translateX(250px);
  -moz-transform: translateX(250px);
  transform: translate(250px);
  -webkit-transition: -webkit-transform .1s linear;
  transition: -webkit-transform .1s linear;
  -moz-transition: transform .1s linear, -moz-transform .1s linear;
  transition: transform .1s linear;
  transition: transform .1s linear, -webkit-transform .1s linear, -moz-transform .1s linear
}

.mobile-menu-panel>.container {
  padding: 0 15px;
  position: relative;
  border-left: 1px solid #292929;
  background-color: #0f1214
}

.mobile-menu-panel .menu {
  overflow-y: auto;
  height: 100vh
}

.mobile-menu-panel-top {
  width: auto;
  height: 50px;
  display: grid;
  grid-template-columns: 1fr 2px 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}

.mobile-menu-panel-top>.delimiter {
  height: 25px;
  background-color: #292929
}

.mobile-menu-panel-title .title {
  font-size: 14px;
  color: #e0e0e0;
  text-transform: uppercase
}

.mobile-menu-panel-title {
  text-transform: uppercase;
  font-size: 12px;
  color: #707070
}

.mobile-menu-panel-close .close {
  display: block;
  margin: 0 auto;
  padding: 0;
  border: none;
  background: none;
  width: auto;
  height: 25px;
  text-transform: uppercase;
  font-size: 12px;
  color: #a04000;
  cursor: pointer
}

.mobile-menu-panel-close .close:hover {
  color: #c97831
}

.mobile-nav-list {
  padding: 25px 0 100px
}

.mobile-nav {
  margin: 25px 0
}

.mobile-nav:first-child {
  margin: 0 0 25px
}

.mobile-nav:last-child {
  margin: 25px 0 0
}

.mobile-nav:only-child {
  margin: 0 0 25px
}

.mobile-nav>.title {
  color: #707070;
  font-size: 14px;
  text-transform: uppercase
}

.mobile-nav>ul {
  padding-top: 5px
}

.mobile-nav>ul>.item>.link {
  font-size: 14px;
  color: #9e9e9e
}

.mobile-nav>ul>.item>.link:hover {
  color: #c97831
}

.d {
  display: block
}

.a {
  opacity: 1
}

.scroll-off {
  overflow: hidden
}

.open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translate(0)
}

.mobile-ecommerce-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  gap: 15px
}

.mobile-ecommerce-action {
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  font-size: 22px;
  color: #002a44
}

.mobile-ecommerce-actions .count-items {
  position: absolute;
  top: -3px;
  right: -1px;
  min-width: 17px;
  padding: 1px;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  font-size: 10px;
  text-align: center;
  color: #fff;
  background-color: #c97831;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap
}

.mobile-ecommerce-action.cart {
  position: relative
}

.mobile-ecommerce-action.cart>.count {
  display: block
}

.embla {
  position: relative;
  width: 100%
}

.embla__viewport {
  width: 100%;
  overflow: hidden;
  border-radius: 4px
}

.embla__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  touch-action: pan-y pinch-zoom;
  margin-left: -16px
}

.embla__slide {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  flex: 0 0 100%;
  min-width: 0;
  padding-left: 16px;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  transition: opacity .25s ease
}

.embla__slide img {
  display: block;
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: 4px
}

.embla__slide.is-selected img {
  border: 2px solid #1b1e22
}

.embla__button {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #000000b3;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: background .2s ease, opacity .2s ease;
  -moz-transition: background .2s ease, opacity .2s ease;
  transition: background .2s ease, opacity .2s ease
}

.embla__button:hover {
  background: #000000e6
}

.embla__button:disabled {
  opacity: .3;
  cursor: not-allowed
}

.embla__button--prev {
  left: 15px
}

.embla__button--next {
  right: 15px
}

.embla-thumbs {
  width: 100%;
  margin-top: 16px
}

.embla-thumbs__viewport {
  width: 100%;
  overflow: hidden;
  touch-action: pan-x;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab
}

.embla-thumbs__viewport:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing
}

.embla-thumbs__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: 10px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none
}

.embla-thumbs__slide {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
  -moz-box-flex: 0;
  flex: 0 0 100px;
  min-width: 0;
  padding: 0;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  opacity: .5;
  overflow: hidden;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-transition: opacity .2s ease, border-color .2s ease;
  -moz-transition: opacity .2s ease, border-color .2s ease;
  transition: opacity .2s ease, border-color .2s ease
}

.embla-thumbs__slide:hover {
  opacity: 1
}

.embla-thumbs__slide.is-selected {
  opacity: 1;
  border: 2px solid #1b1e22
}

.embla-thumbs__slide img {
  display: block;
  width: 100%;
  height: 70px;
  object-fit: cover;
  pointer-events: none
}

@media(min-width:576px) {
  .g>.container {
    padding: 0
  }

  .g-product-specs>.item {
    padding: 15px 25px
  }

  .product-specs-list>li {
    border: none
  }

  .product-specs-item {
    grid-template-columns: auto 1fr auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 15px
  }

  .product-specs-item>.item-2 {
    display: block
  }

  .g-product-benefits>.item {
    padding: 22px 26px
  }

  .infoblock,
  .g-infoblock-address {
    padding: 25px
  }

  .g-infoblock-item {
    grid-template-columns: 56px 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
  }

  .contact-items>.item {
    padding: 25px
  }

  .g-account-greet-name {
    grid-template-columns: auto 1fr
  }

  .footer-logo>img {
    width: 220px
  }
}

@media(min-width:576px)and (max-width:767.98px) {
  .g>.container {
    max-width: 540px
  }

  .b-hero {
    height: 550px
  }

  .b-hero-inner {
    height: 350px
  }

  .catalog-product-cards {
    grid-template-columns: repeat(2, minmax(250px, 1fr))
  }

  .g-catalog-product-picture>.picture {
    height: 185px
  }

  .footer-logo>img {
    width: 200px
  }

  .embla__slide {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%
  }
}

@media(min-width:768px) {
  .hero-card {
    width: 550px
  }

  .hero-card-inner {
    width: 350px
  }

  .g-catalog-product-picture>.picture {
    height: 185px
  }

  .contact-items {
    grid-template-columns: 1fr 1fr
  }

  .shipping-card {
    padding: 25px;
    grid-template-columns: auto 1fr
  }

  .copyright-text>span {
    display: inline
  }
}

@media(min-width:768px)and (max-width:991.98px) {
  .g>.container {
    max-width: 720px
  }

  .g-header-base>.logo-link>img {
    width: 150px
  }

  .b-hero {
    height: 500px
  }

  .b-hero-inner {
    height: 320px
  }

  .g-product-benefits {
    grid-template-columns: 1fr 1fr;
    row-gap: 15px;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px
  }

  .catalog-product-cards {
    grid-template-columns: repeat(2, minmax(250px, 1fr))
  }

  .g-catalog-product-picture>.picture {
    height: 250px
  }

  .blog-cards,
  .homepage-blog-cards {
    grid-template-columns: repeat(2, minmax(250px, 1fr))
  }

  .embla__slide {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    flex: 0 0 50%
  }
}

@media(min-width:992px) {
  .website {
    padding-bottom: 0
  }

  .website {
    grid-template-rows: auto auto 1fr auto
  }

  .header {
    position: static
  }

  .header>.top {
    display: block
  }

  .g-header-base {
    min-height: 120px;
    grid-template-columns: auto 1fr
  }

  .g-header-base>.logo-link>img {
    width: 300px
  }

  .g-header-base>.mobile {
    display: none
  }

  .main-nav,
  .ecommerce-panel {
    display: block
  }

  .g-sku {
    grid-template-columns: 1fr auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
  }

  .g-product-price {
    grid-template-columns: 1fr auto auto;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -moz-box-align: end;
    align-items: end
  }

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

  .product-cart .buy {
    width: 170px
  }

  .buy-one-click-btn {
    padding-right: 38px;
    padding-left: 38px
  }

  .g-product-specs {
    grid-template-columns: 1fr 1fr;
    row-gap: 15px;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px
  }

  .g-catalog-page {
    padding-top: 50px;
    grid-template-columns: 1fr 250px
  }

  .g-catalog-page>.content {
    padding-right: 75px
  }

  .g-catalog-page>.aside {
    display: block
  }

  .m-catalog-products-filter-open {
    display: none
  }

  .g-cart-product {
    grid-template-columns: 1fr auto auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
  }

  .g-cart-product-price {
    grid-template-columns: 150px 1fr 150px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
  }

  .g-checkout-product {
    grid-template-columns: 1fr auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
  }

  .g-checkout-product-price {
    grid-template-columns: 200px 100px 200px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
  }

  .checkout-total {
    grid-template-columns: 1fr auto 200px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    grid-template-areas: "cart title total"
  }

  .checkout-customer-fields {
    grid-template-columns: auto auto;
    grid-template-areas: "given-name phone" "family-name email" "patronymic .";
    row-gap: 15px;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px
  }

  .g-infoblock-address {
    grid-template-columns: 1fr auto
  }

  .g-infoblock-address>.item-2 {
    justify-self: end
  }

  .g-blog-page {
    padding-top: 50px;
    grid-template-columns: 1fr 300px
  }

  .g-blog-page>.content {
    padding-right: 50px
  }

  .g-blog-page>.aside {
    display: block
  }

  .shipping-card-article {
    width: 720px
  }

  .g-account-page {
    padding-top: 50px;
    grid-template-columns: 1fr 300px
  }

  .g-account-page>.sidebar {
    display: block
  }

  .g-account-status {
    grid-template-columns: 220px 1fr
  }

  .g-account-greet {
    min-height: 50px;
    grid-template-columns: 1fr auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
  }

  .g-account-greet>.item-1 {
    padding: 20px
  }

  .account-status {
    min-height: 250px
  }

  .account-status>.status {
    padding: 0 25px 0 0
  }

  .account-features {
    grid-template-columns: 1fr 1fr;
    gap: 10px
  }

  .g-account-form-field {
    grid-template-columns: 200px 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
  }

  .g-accout-cards {
    min-height: 100px;
    grid-template-columns: auto auto auto;
    gap: 25px
  }

  .g-accout-title {
    grid-template-columns: 1fr auto
  }

  .g-account-order-card {
    grid-template-columns: 1fr 175px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 15px
  }

  .account-order-card-status>.badge {
    text-align: right
  }

  .g-account-address {
    grid-template-columns: 1fr auto
  }

  .g-account-document {
    grid-template-columns: auto 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 15px
  }

  .g-account-document-item {
    grid-template-columns: 1fr auto
  }

  .main {
    padding-top: 0
  }

  .g-footer {
    display: grid;
    grid-template-columns: 500px 1fr 1fr 1fr;
    gap: 25px
  }

  .g-copyright {
    padding: 15px 0;
    grid-template-columns: 50% 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
  }

  .footer-bottom-nav ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    gap: 0
  }

  .footer-bottom-nav ul>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding-inline: 15px;
    white-space: nowrap;
    position: relative
  }

  .footer-bottom-nav ul>li:first-child {
    padding-left: 0
  }

  .footer-bottom-nav ul>li:last-child {
    padding-right: 0
  }

  .footer-bottom-nav ul>li+li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 55%;
    width: 4px;
    height: 4px;
    background: #808f99;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .mobile-ecommerce-actions {
    display: none
  }
}

@media(min-width:992px)and (max-width:1199.98px) {
  .g>.container {
    max-width: 960px
  }

  .header-top-nav>ul>li>a {
    font-size: 12px
  }

  .header-top-contacts {
    gap: 20px
  }

  .header-top-contact {
    gap: 5px
  }

  .header-top-contact>.icon {
    font-size: 14px
  }

  .header-top-contact>.t {
    font-size: 12px
  }

  .b-hero {
    height: 450px
  }

  .b-hero-inner {
    height: 320px
  }

  .g-product-benefits {
    grid-template-columns: 1fr 1fr;
    row-gap: 15px;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px
  }

  .g-catalog-page {
    grid-template-columns: 1fr 250px
  }

  .catalog-product-cards {
    grid-template-columns: repeat(2, minmax(250px, 320px))
  }

  .g-blog-page {
    grid-template-columns: 1fr 250px
  }

  .g-blog-page>.content {
    padding-right: 45px
  }

  .blog-cards {
    grid-template-columns: repeat(2, minmax(200px, 320px))
  }

  .homepage-blog-cards {
    grid-template-columns: repeat(3, minmax(200px, 320px))
  }

  .g-account-page {
    grid-template-columns: 1fr 250px
  }

  .g-account-order-card {
    grid-template-columns: 1fr 150px
  }

  .g-footer {
    grid-template-columns: 400px 1fr 1fr 1fr
  }

  .embla__slide {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -moz-box-flex: 0;
    flex: 0 0 33.333333%
  }
}

@media(min-width:1200px) {
  .g-product-benefits {
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 15px;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px
  }

  .g-about {
    grid-template-columns: 720px 1fr;
    gap: 50px
  }

  .g-about>.item-1 {
    -webkit-align-self: center;
    align-self: center
  }

  .embla__slide {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    flex: 0 0 25%
  }
}

@media(min-width:1200px)and (max-width:1399.98px) {
  .g>.container {
    max-width: 1140px
  }

  .b-hero {
    height: 450px
  }

  .b-hero-inner {
    height: 320px
  }

  .catalog-product-cards {
    grid-template-columns: repeat(3, minmax(250px, 1fr))
  }

  .g-about {
    grid-template-columns: 650px 1fr
  }

  .blog-cards {
    grid-template-columns: repeat(2, minmax(250px, 1fr))
  }

  .homepage-blog-cards {
    grid-template-columns: repeat(3, minmax(250px, 1fr))
  }
}

@media(min-width:1400px) {
  .g>.container {
    max-width: 1320px
  }

  .b-hero {
    height: 550px
  }

  .b-hero-inner {
    height: 320px
  }

  .catalog-product-cards,
  .blog-cards,
  .homepage-blog-cards {
    grid-template-columns: repeat(3, minmax(250px, 1fr))
  }
}

@media(max-width:575.98px) {
  .embla__slide {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%
  }

  .embla__button {
    width: 40px;
    height: 40px;
    font-size: 18px
  }

  .embla__button--prev {
    left: 10px
  }

  .embla__button--next {
    right: 10px
  }

  .embla-thumbs {
    margin-top: 12px
  }

  .embla-thumbs__slide {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80px;
    -moz-box-flex: 0;
    flex: 0 0 80px
  }

  .embla-thumbs__slide img {
    height: 55px
  }
}