@charset "UTF-8";
/*

<tr>
  <td> <label for="color_main">{{ messages.s_color_main }}</label> </td>
  <td> <input class="color" id="color_main" name="color_main" value="#e4171a" /> </td>
</tr>

<tr>
  <td> <label for="color_text_main">{{ messages.s_color_text_main }}</label> </td>
  <td> <input class="color" id="color_text_main" name="color_text_main" value="#121212" /> </td>
</tr>
<tr>
  <td> <label for="color_text_dim">{{ messages.s_color_text_dim }}</label> </td>
  <td> <input class="color" id="color_text_dim" name="color_text_dim" value="#747474" /> </td>
</tr>
<tr>
  <td> <label for="color_text_color_light">{{ messages.s_color_text_color_light }}</label> </td>
  <td> <input class="color" id="color_text_color_light" name="color_text_color_light" value="#fffefe" /> </td>
</tr>
<tr>
  <td> <label for="color_link_color_extra">{{ messages.s_color_link_color_extra }}</label> </td>
  <td> <input class="color" id="color_link_color_extra" name="color_link_color_extra" value="#214a89" /> </td>
</tr>

<tr>
  <td> <label for="color_label_hit">{{ messages.s_color_label_hit }}</label> </td>
  <td> <input class="color" id="color_label_hit" name="color_label_hit" value="#ffc028" /> </td>
</tr>
<tr>
  <td> <label for="color_label_dis">{{ messages.s_color_label_dis }}</label> </td>
  <td> <input class="color" id="color_label_dis" name="color_label_dis" value="#e92b2f" /> </td>
</tr>
<tr>
  <td> <label for="color_label_new">{{ messages.s_color_label_new }}</label> </td>
  <td> <input class="color" id="color_label_new" name="color_label_new" value="black" /> </td>
</tr>

"s_color_main": "Основной цвет темы",

"s_color_text_main": "Основной цвет текста",
"s_color_text_dim": "Приглушенный цвет текста",
"s_color_text_color_light": "Светлый цвет текста",
"s_color_link_color_extra": "Дополнительный цвет ссылок",

"s_color_label_hit": "Цвет иконки хиты продаж",
"s_color_label_dis": "Цвет цвет иконки скидки",
"s_color_label_new": "Цвет иконки новинки",


"s_color_main": "Primary theme color",

"s_color_text_main": "Primary text color",
"s_color_text_dim": "Dim text color",
"s_color_text_color_light": "Light text color",
"s_color_link_color_extra": "Extra link color",

"s_color_label_hit": "Hit label color",
"s_color_label_dis": "Discount label color",
"s_color_label_new": "New label color",
*/
/*
$color-main: {{settings.color_main}};

$color-text-main: {{settings.color_text_main}};
$color-text-dim: {{settings.color_text_dim}};
$color-text-color-light: {{settings.color_text_color_light}};
$color-link-color-extra: {{settings.color_link_color_extra};

$color-label-hit: {{settings.color_label_hit}};
$color-label-dis: {{settings.color_label_dis}};
$color-label-new: {{settings.color_label_new}};


<tr>
  <td> <label for="color_main">{{ messages.s_color_main }}</label> </td>
  <td> <input class="color" id="color_main" name="color_main" value="#e4171a" /> </td>
</tr>

<tr>
  <td> <label for="color_text_main">{{ messages.s_color_text_main }}</label> </td>
  <td> <input class="color" id="color_text_main" name="color_text_main" value="#121212" /> </td>
</tr>
<tr>
  <td> <label for="color_text_dim">{{ messages.s_color_text_dim }}</label> </td>
  <td> <input class="color" id="color_text_dim" name="color_text_dim" value="#747474" /> </td>
</tr>
<tr>
  <td> <label for="color_text_color_light">{{ messages.s_color_text_color_light }}</label> </td>
  <td> <input class="color" id="color_text_color_light" name="color_text_color_light" value="#fffefe" /> </td>
</tr>
<tr>
  <td> <label for="color_link_color_extra">{{ messages.s_color_link_color_extra }}</label> </td>
  <td> <input class="color" id="color_link_color_extra" name="color_link_color_extra" value="#214a89" /> </td>
</tr>

<tr>
  <td> <label for="color_label_hit">{{ messages.s_color_label_hit }}</label> </td>
  <td> <input class="color" id="color_label_hit" name="color_label_hit" value="#ffc028" /> </td>
</tr>
<tr>
  <td> <label for="color_label_dis">{{ messages.s_color_label_dis }}</label> </td>
  <td> <input class="color" id="color_label_dis" name="color_label_dis" value="#e92b2f" /> </td>
</tr>
<tr>
  <td> <label for="color_label_new">{{ messages.s_color_label_new }}</label> </td>
  <td> <input class="color" id="color_label_new" name="color_label_new" value="black" /> </td>
</tr>

"s_color_main": "Основной цвет темы",

"s_color_text_main": "Основной цвет текста",
"s_color_text_dim": "Приглушенный цвет текста",
"s_color_text_color_light": "Светлый цвет текста",
"s_color_link_color_extra": "Дополнительный цвет ссылок",

"s_color_label_hit": "Цвет иконки хиты продаж",
"s_color_label_dis": "Цвет цвет иконки скидки",
"s_color_label_new": "Цвет иконки новинки",


"s_color_main": "Primary theme color",

"s_color_text_main": "Primary text color",
"s_color_text_dim": "Dim text color",
"s_color_text_color_light": "Light text color",
"s_color_link_color_extra": "Extra link color",

"s_color_label_hit": "Hit label color",
"s_color_label_dis": "Discount label color",
"s_color_label_new": "New label color",
*/
/* line 83, base.scss */
.image-container {
  display: inline-block;
  height: 0;
  width: 100%;
  position: relative; }

/* line 90, base.scss */
.image-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%; }

/* line 101, base.scss */
.image-container.is-square {
  padding-top: 100%; }

/* line 105, base.scss */
.image-container.is-rectangle {
  padding-top: 120%; }

/* line 109, base.scss */
.image-container.is-rounded {
  padding-top: 100%;
  overflow: hidden;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

/* line 116, base.scss */
.image-container.is-simple {
  padding-top: 75%; }

/* line 120, base.scss */
.image-container.is-wide {
  padding-top: 56.25%; }

/* line 124, base.scss */
.image-container.is-cover img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%; }

/* line 132, base.scss */
html {
  font-size: 62.5%; }

/* line 136, base.scss */
body {
  height: 100%;
  max-height: 100%;
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  color: #3a4145; }

/* line 145, base.scss */
body {
  color: #000; }

/* line 149, base.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-rendering: optimizeLegibility;
  line-height: 1;
  margin-top: 0;
  font-family: sans-serif; }

/* line 161, base.scss */
h1 {
  font-size: 5rem;
  line-height: 1.2em; }

/* line 166, base.scss */
h2 {
  font-size: 25px;
  line-height: 1.2em; }

/* line 171, base.scss */
h3 {
  font-size: 20px; }

/* line 175, base.scss */
h4 {
  font-size: 20px; }

/* line 179, base.scss */
h5 {
  font-size: 220px; }

/* line 183, base.scss */
h6 {
  font-size: 20px; }

/* line 187, base.scss */
a {
  color: #4a4a4a;
  -webkit-transition: color ease 0.3s;
  -o-transition: color ease 0.3s;
  transition: color ease 0.3s;
  text-decoration: none; }

/* line 195, base.scss */
a:hover {
  color: #57a3e8; }

/* line 199, base.scss */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #50585d; }

/* line 208, base.scss */
p,
ul,
ol {
  margin: 1.6em 0; }

/* line 214, base.scss */
ol ol,
ul ul,
ul ol,
ol ul {
  margin: 0.4em 0; }

/* line 221, base.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #efefef;
  margin: 3.2em 0;
  padding: 0; }

/* line 230, base.scss */
blockquote {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1.6em 0 1.6em -1.2em;
  padding: 0 0 0 1.6em;
  border-left: #4a4a4a 0.6em solid; }

/* line 238, base.scss */
blockquote p {
  margin: 0.8em 0;
  font-style: italic; }

/* line 243, base.scss */
blockquote small {
  display: inline-block;
  margin: 0.8em 0 0.8em 1.5em;
  font-size: 0.9em;
  color: #ccc; }

/* line 250, base.scss */
blockquote small:before {
  content: '\2014 \00A0'; }

/* line 254, base.scss */
blockquote cite {
  font-weight: bold; }

/* line 258, base.scss */
blockquote cite a {
  font-weight: normal; }

/* line 262, base.scss */
dl {
  margin: 1.6em 0; }

/* line 266, base.scss */
dl dt {
  float: left;
  width: 180px;
  overflow: hidden;
  clear: left;
  text-align: right;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  margin-bottom: 1em; }

/* line 279, base.scss */
dl dd {
  margin-left: 200px;
  margin-bottom: 1em; }

/* line 284, base.scss */
mark {
  background-color: #ffc336; }

/* line 288, base.scss */
code,
tt {
  padding: 1px 3px;
  font-family: Inconsolata, monospace, sans-serif;
  font-size: 0.85em;
  white-space: pre;
  border: 1px solid #e3edf3;
  background: #f7fafb;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

/* line 300, base.scss */
pre {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1.6em 0;
  border: 1px solid #e3edf3;
  width: 100%;
  padding: 10px;
  font-family: Inconsolata, monospace, sans-serif;
  font-size: 0.9em;
  white-space: pre;
  overflow: auto;
  background: #f7fafb;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

/* line 316, base.scss */
pre code,
tt {
  font-size: inherit;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;
  background: transparent;
  border: none;
  padding: 0; }

/* line 326, base.scss */
kbd {
  display: inline-block;
  margin-bottom: 0.4em;
  padding: 1px 8px;
  border: #ccc 1px solid;
  color: #666;
  text-shadow: #fff 0 1px 0;
  font-size: 0.9em;
  font-weight: bold;
  background: #f4f4f4;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 #fff inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 #fff inset; }

/* line 342, base.scss */
table {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1.6em 0;
  width: 100%;
  max-width: 100%;
  background-color: transparent; }

/* line 351, base.scss */
table th,
table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 0px solid #efefef; }

/* line 360, base.scss */
table th {
  color: #000; }

/* line 364, base.scss */
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0; }

/* line 373, base.scss */
table tbody + tbody {
  border-top: 0px solid #efefef; }

/* line 377, base.scss */
table table table {
  background-color: #fff; }

/* line 381, base.scss */
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: transparent; }

/* line 387, base.scss */
table.plain tbody > tr:nth-child(odd) > td,
table.plain tbody > tr:nth-child(odd) > th {
  background: transparent; }

/* line 393, base.scss */
.promo-description.h1 {
  font-weight: 700;
  line-height: 0.9em; }

/* line 399, base.scss */
.promo-description h1 {
  font-size: 73px;
  font-weight: 700; }

/* line 404, base.scss */
.promo-content-desktop {
  position: absolute;
  top: 20%;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%; }
  /* line 413, base.scss */
  .promo-content-desktop .container {
    box-sizing: border-box; }
    /* line 415, base.scss */
    .promo-content-desktop .container .promo-description__subtitle {
      position: static;
      display: block;
      margin-bottom: .2em;
      font-size: 48px;
      font-weight: 500;
      line-height: 110%;
      text-transform: uppercase; }
    /* line 424, base.scss */
    .promo-content-desktop .container .white-line-between {
      width: 200px;
      height: 3px;
      border-bottom: 1px solid #fff;
      margin-bottom: .8em; }
    /* line 430, base.scss */
    .promo-content-desktop .container .promo-description.h1 {
      position: static;
      justify-content: left;
      font-size: 24px;
      font-weight: 400;
      line-height: 110%; }
      /* line 436, base.scss */
      .promo-content-desktop .container .promo-description.h1 p {
        margin: 0; }
    @media (min-width: 970px) {
      /* line 441, base.scss */
      .promo-content-desktop .container .promo-description__subtitle {
        font-size: 55px; }
      /* line 444, base.scss */
      .promo-content-desktop .container .promo-description.h1 {
        font-size: 32px; } }

/* line 450, base.scss */
.promo-content-mobile {
  position: absolute;
  left: 0;
  bottom: 10%;
  width: 100%;
  height: 100%; }
  /* line 456, base.scss */
  .promo-content-mobile .container {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
    padding-left: 35px;
    padding-right: 35px; }
    /* line 463, base.scss */
    .promo-content-mobile .container .promo-description__subtitle {
      position: static;
      display: block;
      text-align: left;
      font-size: 24px;
      text-transform: uppercase;
      font-weight: 600; }
    /* line 471, base.scss */
    .promo-content-mobile .container .white-line-between {
      width: 130px;
      height: 3px;
      border-bottom: 1px solid #fff;
      margin-top: 1em;
      margin-bottom: 1.5em; }
    /* line 478, base.scss */
    .promo-content-mobile .container .promo-description.h1 {
      position: static;
      display: block;
      text-align-last: left;
      font-weight: 400; }
      /* line 483, base.scss */
      .promo-content-mobile .container .promo-description.h1 p {
        margin: 0; }

/* line 491, base.scss */
.no_h1 h1 {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase; }

/* line 497, base.scss */
.page-title .h1_block {
  text-align: center; }

/* line 501, base.scss */
h1.h1_block {
  margin-top: 32px; }

/* line 502, base.scss */
.page-title .h1_block {
  position: relative;
  font-size: 36px;
  font-weight: 600;
  text-transform: uppercase; }

/* line 509, base.scss */
.h1_block {
  font-size: 5rem;
  line-height: 1.2em; }

/* line 514, base.scss */
.page-title .h1_block:after {
  content: "";
  border-bottom: 1px solid #e4171a;
  width: 120px;
  position: absolute;
  left: -webkit-calc(50% - 60px);
  left: calc(50% - 60px);
  bottom: -10px; }

/* line 523, base.scss */
[class*="ymaps-2"][class*="-ground-pane"] {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */ }
