:root {
  --phone: 480px;
  --tablet: 768px;
  --desktop: 980px;
  --widescreen: 1200px;
  --color-white: #fff;
  --color-offwhite: #ede7d8;
  --color-black: #000;
  --color-navy: #354253;
  --color-dark: #23272a;
  --color-grey-1: #333;
  --color-grey-2: #4f4f4f;
  --color-grey-3: #828282;
  --color-grey-4: #bdbdbd;
  --color-grey-5: #e0e0e0;
  --color-grey-6: #f2f2f2;
  --color-grey-7: #f9f9f9;
  --color-blue: #2f80ed;
  --color-blue-dark: #6953e7;
  --color-red: #eb5757;
  --color-green-1: #219653;
  --color-yellow: #f2c94c;
  --color-orange: #f2994a;
  --color-orange-100: #bd6f34;
  --color-orange-tint-80: #cd8249;
  --color-orange-tint-70: #d18d58;
  --color-orange-tint-50: #daa277;
  --color-orange-tint-40: #deac86;
  --color-orange-tint-30: #e2b695;
  --color-orange-tint-20: #e6c1a4;
  --color-orange-tint-10: #eacbb3;
  --color-orange-tint-6: #f3e0d2;
  --color-orange-tint-4: #f7eae1;
  --color-orange-tint-2: #fbf5f0;
  --color-orange-tint-1: #fffcf9;
  --color-orange-shade-100: #bd6f34;
  --color-orange-shade-90: #af6730;
  --color-orange-shade-80: #a15f2c;
  --color-orange-shade-70: #945728;
  --color-orange-shade-60: #864f25;
  --color-orange-shade-50: #794721;
  --color-orange-shade-40: #794721;
  --color-orange-shade-30: #5e371a;
  --color-orange-shade-20: #512f16;
  --color-orange-shade-10: #432812;
  --color-orange-shade-8: #36200f;
  --color-orange-shade-6: #28180b;
  --color-orange-shade-4: #1b1007;
  --color-orange-shade-2: #0d0804;
  --font-sans-serif: 'Roboto', sans-serif;
  --font-serif: 'Times New Roman', Times, Baskerville, Georgia, serif;
  --base-background-color: var(--color-white);
  --base-font-family: var(--font-sans-serif);
  --base-font-size: var(--text);
  --base-line-height: 1.42;
  --base-text-color: var(--color-navy);
  --base-border-radius: 0.4rem;
  --base-min-width: 320px;
  --gap: 15px;
  --base-link-color: var(--color-orange-100);
  --btn-color: var(--color-white);
  --btn-background: var(--color-orange-100);
  --btn-background-active: var(--color-white);
  --btn-height: 2.5em;
  --btn-radius: 0.333em;
  --btn-padding: 0.5em 1em;
  --btn-font-size: 1.2rem;
  --btn-font-family: var(--font-sans-serif);
  --form-font-family: var(--font-sans-serif);
  --form-font-size: 1.4rem;
  --form-element-padding: 0.35714285714em 0.57142857142em;
  --form-element-border-color: var(--color-white);
  --form-element-focus-border-color: var(--color-orange-100);
  --placeholder-color: #808084;
  --headings-font-family: var(--font-sans-serif);
  --headings-color: var(--base-text-color);
  --headings-sizes-h1: 2.4rem;
  --headings-sizes-h2: 2rem;
  --headings-sizes-h3: 1.8rem;
  --headings-sizes-h4: 1.6rem;
  --headings-sizes-h5: 1.4rem;
  --headings-sizes-h6: 1.2rem;
  --text: 1.4rem;
  --h-height-top: 5rem;
  --h-height-bottom: 4rem;
  --h-height: calc(var(--h-height-bottom) + var(--h-height-top));
  --color-bluewood: #283b49;
  --h-height-setting-bottom: 0rem;
  --h-height-setting: calc(
      var(--h-height-setting-bottom) + var(--h-height-top)
  );

  --h-height-top-submenu: 2.2rem;
  --h-height-bottom-submenu: 4rem;
  --h-height-submenu: calc(
      var(--h-height-bottom-submenu) + var(--h-height-top-submenu)
  );

  --h-height-top-product: 6.2rem;
  --h-height-bottom-product: 0rem;
  --h-height-product: calc(
      var(--h-height-bottom-product) + var(--h-height-top-product)
  );

  --h-mp-height-bottom: .5rem;
  --h-mp-height: calc(var(--h-mp-height-bottom) + var(--h-height-top));
}

.bg-primary {
  background-color: rgb(212, 111, 44);
}

.bg-secondary {
  background-color: #283b49;
}

.border-secondary {
  border-color: #283b49;
}

.container {
  max-width: 1280px !important;
}

.border-prm{
  border-color:  #d46f2c
}

.text-prm{
  color: #d46f2c;
}

.bg-orange-500{
  background-color: #d46f2c !important
}

.logo {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: inherit;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 50px;
}

.logo picture {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: inherit;
  flex-wrap: nowrap;
}
.logo img {
  width: 100%;
  height: auto;
}

.header_block {
  position: relative;
}

.header_block-bottom {
  padding: var(--h-pd-bottom);
  height: var(--h-height-bottom);
  background: var(--color-orange-tint-2);
  overflow: hidden;
}

.mp-header_block-bottom {
  height: var(--h-mp-height-bottom) !important;
}

.nav-link{
  height: 50px;
  padding: 10px;
  border-radius: 10px 10px 0px 0px;
  margin-top: 8px;
}

.text-nav-link{
  color: var(--color-grey-3);
}

.text-nav-link-active{
  color: #283b49;
  font-weight: bold;
  background-color: var(--color-orange-tint-2);
}

.text-orange {
  color: #d46f2c !important;
}

.text-navy {
  color: #283b49;
}

.bg-primary {
  background-color: rgb(212, 111, 44);
}

.bg-secondary {
  background-color: #283b49;
}

.border-secondary {
  border-color: #283b49;
}

.container {
  max-width: 1280px !important;
}

.border-prm{
  border-color:  #d46f2c
}

.text-prm{
  color: #d46f2c;
}

.bg-orange-500{
  background-color: #d46f2c !important
}

.text-green{
  color: #198754;
}

.bg-grey{
  background: #f2f2f2;
}

.text-gray{
  color: #7f7e81;
}

.border-grey{
  border-color: #e0e0e0;
}

.bg-orange-tint{
  background-color: #FCF6F2;
}
.border-navy{
  border-color: #283b49;
}
.bg-grey-2{
  background-color: #DCDCDD;
}