/* line 1, _settings.scss */
:root {
  --bg: #ffffff;
  --bg-is-light: true;
  --bg-minor-shade: #f7f7f7;
  --bg-minor-shade-is-light: true;
  --bg-major-shade: #ededed;
  --bg-major-shade-is-light: true;
  --bg-half-shade: #808080;
  --bg-half-shade-is-dark: true;
  --color-btn-bg: #2A7DE1;
  --color-btn-bg-is-dark: true;
  --color-btn-bg-minor-shade: #3e89e3;
  --color-btn-bg-minor-shade-is-dark: true;
  --color-btn-bg-major-shade: #5496e7;
  --color-btn-bg-major-shade-is-dark: true;
  --color-btn-bg-half-shade: #94bdf0;
  --color-btn-bg-half-shade-is-light: true;
  --color-accent-text: #B0B0B1;
  --color-accent-text-is-light: true;
  --color-accent-text-minor-shade: #adadae;
  --color-accent-text-minor-shade-is-dark: true;
  --color-accent-text-major-shade: #aaaaab;
  --color-accent-text-major-shade-is-dark: true;
  --color-accent-text-half-shade: #87878a;
  --color-accent-text-half-shade-is-dark: true;
  --color-text-dark: #030303;
  --color-text-dark-is-dark: true;
  --color-text-dark-minor-shade: #1c1c1c;
  --color-text-dark-minor-shade-is-dark: true;
  --color-text-dark-major-shade: #353535;
  --color-text-dark-major-shade-is-dark: true;
  --color-text-dark-half-shade: #818181;
  --color-text-dark-half-shade-is-dark: true;
  --color-text-light: #ffffff;
  --color-text-light-is-light: true;
  --color-text-light-minor-shade: #f7f7f7;
  --color-text-light-minor-shade-is-light: true;
  --color-text-light-major-shade: #ededed;
  --color-text-light-major-shade-is-light: true;
  --color-text-light-half-shade: #808080;
  --color-text-light-half-shade-is-dark: true;
  --icons_pack: insales-default;
  --controls-btn-border-radius: 0px;
  --color-notice-warning: #fff3cd;
  --color-notice-warning-is-light: true;
  --color-notice-warning-minor-shade: #fff3ca;
  --color-notice-warning-minor-shade-is-light: true;
  --color-notice-warning-major-shade: #fff2c8;
  --color-notice-warning-major-shade-is-light: true;
  --color-notice-warning-half-shade: #ffedb3;
  --color-notice-warning-half-shade-is-light: true;
  --color-notice-success: #d4edda;
  --color-notice-success-is-light: true;
  --color-notice-success-minor-shade: #d3ecd9;
  --color-notice-success-minor-shade-is-light: true;
  --color-notice-success-major-shade: #d1ecd7;
  --color-notice-success-major-shade-is-light: true;
  --color-notice-success-half-shade: #bee4c7;
  --color-notice-success-half-shade-is-light: true;
  --color-notice-error: #f8d7da;
  --color-notice-error-is-light: true;
  --color-notice-error-minor-shade: #f8d7da;
  --color-notice-error-minor-shade-is-light: true;
  --color-notice-error-major-shade: #f8d5d8;
  --color-notice-error-major-shade-is-light: true;
  --color-notice-error-half-shade: #f5c4c8;
  --color-notice-error-half-shade-is-light: true;
  --color-notice-info: #cce5ff;
  --color-notice-info-is-light: true;
  --color-notice-info-minor-shade: #cae4ff;
  --color-notice-info-minor-shade-is-light: true;
  --color-notice-info-major-shade: #c8e3ff;
  --color-notice-info-major-shade-is-light: true;
  --color-notice-info-half-shade: #b3d7ff;
  --color-notice-info-half-shade-is-light: true;
  --font-family: Proxima-Nova;
  --font-size: 15px;
  --font-family-heading: Neue-Machina-Ultrabold;
  --heading-ratio: 1.5;
  --heading-weight: 800;
  --font-family-bold: Proxima-Nova-Bold;
  --collection_count: 7;
  --search_count: 10;
  --blog_size: 3;
  --product_not_available: hidden;
  --layout-content-max-width: 1280px;
  --delta_sidebar: 2;
  --sidebar_index_show: false;
  --sidebar_index_position: left;
  --sidebar_collection_show: true;
  --sidebar_collection_position: left;
  --sidebar_cart_show: false;
  --sidebar_cart_position: left;
  --sidebar_product_show: false;
  --sidebar_product_position: left;
  --sidebar_blog_show: false;
  --sidebar_blog_position: left;
  --sidebar_article_show: false;
  --sidebar_article_position: left;
  --sidebar_page_show: false;
  --sidebar_page_position: left;
  --sidebar_compare_show: false;
  --sidebar_compare_position: left;
  --sidebar_search_show: false;
  --sidebar_search_position: left;
  --feedback_captcha_enabled: true;
  --favorite_enabled: true;
  --compare_enabled: true; }

/* line 4, theme.scss */
.outside-widgets .delete-widget-link {
  display: none; }

/* line 8, theme.scss */
.outside-widgets .add-widget-link {
  display: none; }

/* line 12, theme.scss */
.page_layout_section_top {
  grid-template-areas: "header header header header" "section-top section-top section-top section-top" ". sidebar main ." "section-bot section-bot section-bot section-bot" "footer footer footer footer"; }
  @media screen and (max-width: 768px) {
    /* line 12, theme.scss */
    .page_layout_section_top {
      grid-template-areas: "header" "section-top" "sidebar" "main" "section-bot" "footer";
      grid-template-columns: 100%;
      grid-template-rows: max-content; } }

/* line 34, theme.scss */
.page_section_bottom {
  grid-area: section-bot;
  grid-column: 1 / -1; }
  @media screen and (max-width: 768px) {
    /* line 34, theme.scss */
    .page_section_bottom {
      grid-column-start: auto;
      grid-column-end: auto; } }
  /* line 41, theme.scss */
  .page_section_bottom .special-products-widget {
    margin-bottom: 0; }

/* line 46, theme.scss */
.button {
  font-family: var(--font-family), var(--font-family-default), sans-serif; }

/* line 50, theme.scss */
.decorated-title.header-h3 {
  padding-top: 1rem; }

/* line 54, theme.scss */
.co-input-wrapper {
  border-bottom: 1px solid #ABABAC; }
  /* line 57, theme.scss */
  .co-input-wrapper:hover {
    border-style: ridge;
    border: 1px solid transparent;
    border-bottom: 1px solid #ABABAC; }
  /* line 62, theme.scss */
  .co-input-wrapper .co-price--current {
    font-weight: 400;
    color: #7D7D7D; }

/* line 68, theme.scss */
.link {
  position: relative;
  display: block;
  width: fit-content;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--color-btn-bg);
  text-decoration: none; }
  @media screen and (max-width: 600px) {
    /* line 68, theme.scss */
    .link {
      font-size: 1rem; } }
  /* line 79, theme.scss */
  .link:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--color-btn-bg-minor-shade); }

/* line 90, theme.scss */
.link-h3 {
  position: relative;
  display: block;
  width: fit-content;
  font-size: 1.7rem;
  font-weight: 600;
  color: var(--color-btn-bg);
  text-decoration: none; }
  @media screen and (max-width: 600px) {
    /* line 90, theme.scss */
    .link-h3 {
      font-size: 1rem; } }
  /* line 101, theme.scss */
  .link-h3:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--color-btn-bg-minor-shade); }

/* line 115, theme.scss */
#order_form {
  z-index: 1;
  position: relative; }

/* line 120, theme.scss */
.user-block {
  display: flex;
  flex-direction: column;
  border: 1px solid #ABABAC;
  padding: 40px; }
  /* line 125, theme.scss */
  .user-block span {
    margin-bottom: 1rem; }

/* line 130, theme.scss */
.header-user {
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase; }

/* line 136, theme.scss */
.button-container {
  z-index: 1;
  display: flex;
  justify-content: center;
  position: relative; }

/* line 143, theme.scss */
.button-primary, .co-button:not(.co-button--link) {
  position: relative;
  border: 1px solid #262626;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 600;
  height: 48px; }
  @media screen and (max-width: 600px) {
    /* line 143, theme.scss */
    .button-primary, .co-button:not(.co-button--link) {
      font-size: 0.9rem; } }
  /* line 153, theme.scss */
  .button-primary:hover, .co-button:not(.co-button--link):hover {
    background: #fff;
    color: var(--color-btn-bg-minor-shade); }
    /* line 156, theme.scss */
    .button-primary:hover:after, .co-button:not(.co-button--link):hover:after {
      background-color: var(--color-btn-bg-minor-shade); }
    /* line 160, theme.scss */
    .button-primary:hover svg path, .co-button:not(.co-button--link):hover svg path {
      stroke: var(--color-btn-bg-minor-shade); }
  /* line 165, theme.scss */
  .button-primary:after, .co-button:not(.co-button--link):after {
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    background: #fff; }
  /* line 176, theme.scss */
  .button-primary svg, .co-button:not(.co-button--link) svg {
    margin-left: 10px; }

@media screen and (max-width: 600px) {
  /* line 181, theme.scss */
  .button-container .co-button--checkout {
    font-size: 0.8rem; } }

/* line 187, theme.scss */
.button-secondary {
  position: relative;
  border: 1px solid #262626;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 600;
  height: 48px;
  background: #fff;
  color: var(--color-btn-bg); }
  @media screen and (max-width: 600px) {
    /* line 187, theme.scss */
    .button-secondary {
      font-size: 0.9rem; } }
  /* line 199, theme.scss */
  .button-secondary:hover {
    background: var(--color-btn-bg);
    color: #fff;
    cursor: pointer; }
    /* line 203, theme.scss */
    .button-secondary:hover:after {
      background-color: #fff; }
    /* line 207, theme.scss */
    .button-secondary:hover svg path {
      stroke: #fff; }
  /* line 212, theme.scss */
  .button-secondary:after {
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    background: var(--color-btn-bg); }
  /* line 223, theme.scss */
  .button-secondary svg {
    margin-left: 10px; }
    /* line 225, theme.scss */
    .button-secondary svg path {
      stroke: var(--color-btn-bg); }

/* line 233, theme.scss */
body input, body .co-input-field {
  height: 50px;
  width: 100%;
  padding-left: 20px;
  border: 1px solid #7D7D7D;
  background: #fff; }
  /* line 239, theme.scss */
  body input:focus, body .co-input-field:focus {
    outline: none; }
  /* line 242, theme.scss */
  body input:not(:placeholder-shown), body .co-input-field:not(:placeholder-shown) {
    background: #F5F5F5;
    color: #7D7D7D; }

/* line 248, theme.scss */
.header-h2 {
  font-family: var(--font-family-heading), sans-serif;
  font-size: 5rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 97.27%; }
  @media screen and (max-width: 768px) {
    /* line 248, theme.scss */
    .header-h2 {
      font-size: 2.4rem; } }

/* line 259, theme.scss */
.header-h3 {
  font-family: var(--font-family-heading), sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 97.27%; }
  @media screen and (max-width: 768px) {
    /* line 259, theme.scss */
    .header-h3 {
      font-size: 2rem; } }
  /* line 269, theme.scss */
  .header-h3 span {
    color: var(--color-btn-bg); }

/* line 274, theme.scss */
.header-h4 {
  font-family: var(--font-family-bold), var(--font-family-default), sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  text-transform: uppercase; }
  @media screen and (max-width: 600px) {
    /* line 274, theme.scss */
    .header-h4 {
      font-size: 1.2rem; } }

/* line 284, theme.scss */
.header-h5 {
  font-family: var(--font-family), var(--font-family-default), sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase; }
  @media screen and (max-width: 600px) {
    /* line 284, theme.scss */
    .header-h5 {
      font-size: 1rem; } }

/* line 295, theme.scss */
.main-link {
  position: relative;
  display: block;
  width: fit-content;
  font-size: 1.4rem;
  font-weight: normal;
  color: var(--color-btn-bg-minor-shade);
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase; }
  /* line 305, theme.scss */
  .main-link:hover {
    color: var(--color-btn-bg-minor-shade); }
  /* line 308, theme.scss */
  .main-link:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--color-btn-bg-minor-shade); }
  @media screen and (max-width: 768px) {
    /* line 295, theme.scss */
    .main-link {
      font-size: 1rem; } }

/* line 322, theme.scss */
.promo-slider__arrow-icon {
  position: relative;
  background: #262626;
  font-size: 1.5rem;
  padding: 11px;
  font-weight: 500;
  color: #fff; }
  /* line 329, theme.scss */
  .promo-slider__arrow-icon:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    background: #fff; }
  /* line 340, theme.scss */
  .promo-slider__arrow-icon:hover {
    background: #fff;
    color: #262626;
    border: 1px solid #7D7D7D; }
    /* line 344, theme.scss */
    .promo-slider__arrow-icon:hover:after {
      background-color: #262626; }
    /* line 348, theme.scss */
    .promo-slider__arrow-icon:hover svg path {
      stroke: #262626; }

/* line 355, theme.scss */
.promo-slider__arrow-prev {
  left: -5px; }
  /* line 357, theme.scss */
  .promo-slider__arrow-prev:after {
    left: -5px; }

/* line 363, theme.scss */
#order_form h2 {
  margin-bottom: 2rem; }

/* line 368, theme.scss */
.co-checkout-block {
  margin-bottom: 3rem; }

/* line 372, theme.scss */
.co-title--h2 {
  font-size: 1.1rem;
  text-transform: uppercase; }

/* line 377, theme.scss */
.co-tabs-header {
  position: relative;
  display: flex;
  align-items: center; }
  /* line 381, theme.scss */
  .co-tabs-header:before {
    content: '1/4';
    position: relative;
    margin-right: 15px;
    color: #7D7D7D;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem; }

/* line 392, theme.scss */
.co-title--delivery {
  position: relative;
  display: flex;
  align-items: center; }
  /* line 396, theme.scss */
  .co-title--delivery:before {
    content: '2/4';
    position: relative;
    margin-right: 15px;
    color: #7D7D7D;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem; }

/* line 407, theme.scss */
.co-title--man {
  position: relative;
  display: flex;
  align-items: center; }
  /* line 411, theme.scss */
  .co-title--man:before {
    content: '3/4';
    position: relative;
    margin-right: 15px;
    color: #7D7D7D;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem; }

/* line 422, theme.scss */
.co-title--method {
  position: relative;
  display: flex !important;
  align-items: center; }
  /* line 426, theme.scss */
  .co-title--method:before {
    content: '4/4';
    position: relative;
    margin-right: 15px;
    color: #7D7D7D;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem; }

/* line 437, theme.scss */
[data-sticker-title="sticker-sale"] {
  background: var(--color-btn-bg);
  color: #fff; }

/* line 442, theme.scss */
.sticker {
  font-size: 0.7rem !important;
  text-transform: uppercase;
  padding: 0.65em !important; }

/* line 449, theme.scss */
.page_404 main {
  background: #2A7DE1;
  color: #fff; }

/* line 454, theme.scss */
.page-404 {
  padding: 10rem 0;
  background: #2A7DE1;
  color: #fff; }
  @media screen and (max-width: 768px) {
    /* line 454, theme.scss */
    .page-404 {
      padding: 8rem 0 !important; } }
  /* line 461, theme.scss */
  .page-404 .text {
    max-width: 440px;
    margin-bottom: 3rem;
    font-size: 1.2rem;
    opacity: 0.8; }
    @media screen and (max-width: 768px) {
      /* line 461, theme.scss */
      .page-404 .text {
        font-size: 1rem; } }
  /* line 470, theme.scss */
  .page-404 .header-h3 {
    margin-bottom: 3rem; }
    @media screen and (max-width: 768px) {
      /* line 470, theme.scss */
      .page-404 .header-h3 {
        font-size: 28px; } }
  /* line 476, theme.scss */
  .page-404 .header-h2 {
    font-size: 100px;
    margin-bottom: 2rem; }
    @media screen and (max-width: 768px) {
      /* line 476, theme.scss */
      .page-404 .header-h2 {
        font-size: 58px; } }
  /* line 483, theme.scss */
  .page-404 .content-block {
    display: flex; }
    /* line 486, theme.scss */
    .page-404 .content-block .item {
      position: relative;
      display: block;
      margin-right: 2rem;
      font-size: 21px;
      font-weight: 700;
      text-decoration: none;
      color: #fff;
      text-transform: uppercase; }
      @media screen and (max-width: 768px) {
        /* line 486, theme.scss */
        .page-404 .content-block .item {
          font-size: 18px; } }
      /* line 498, theme.scss */
      .page-404 .content-block .item:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #fff; }

/* line 511, theme.scss */
.img-ratio.img-ratio_cover img {
  object-fit: contain !important; }

/* line 515, theme.scss */
.img-ratio_cover {
  padding-top: calc(65% / (var(--img-ratio, 1))); }