@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuHMQg.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuHMQg.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype');
}
body {
  font-family: 'Open Sans', sans-serif;
  color: #000;
  padding: 0;
  margin: 0;
}
.topbar {
  font-size: 16px;
  background: #d74142;
  color: #fff;
  min-height: 25px;
}
.topbar a {
  color: #fff;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.container > section {
  height: 100%;
  width: 75%;
  display: inline-block;
  float: left;
  margin-bottom: 2em;
}
.container > aside {
  height: 100%;
  display: inline-block;
  width: 20%;
  border-left: 2px dashed #eee;
  float: right;
  padding-left: 0.5em;
}
.logo {
  background: url('/images/logo.png') no-repeat center transparent;
  width: 158px;
  height: 47px;
  background-size: contain;
  display: block;
  position: relative;
  text-indent: -9999px;
  /*margin: 1em auto;*/
  margin-top: 10px;
  margin-bottom: 10px;
}
.telo {
  min-height: 600px;
  box-shadow: inset 0 15px 15px -15px #333, inset 0 -15px 15px -15px #333;
}
.text {
  padding-top: 5px;
}
.zagol {
  padding-bottom: 20px;
}
.navid {
  float: left;
  width: 230px;
  height: 275px;
  text-align: center;
}
.navid .title {
  font-size: 16px;
}
.rrow {
  display: inline-block;
}
h1,
h2,
h3,
h4,
h5 {
  color: #d64142;
  font-family: 'Open Sans Condensed', sans-serif;
  text-transform: uppercase;
}
h1,
.zagol {
  font-size: 28px;
  color: #d64142;
  /* text-shadow: 2px 2px 3px #5A5A5A;*/
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 18px;
}
a {
  color: #d74142;
}
ul {
  padding-left: 0px;
}
img {
  max-width: 100%;
}
.rrow img {
  border: 6px solid #FFFFFF;
  box-shadow: 0px 0px 5px #333333;
  -webkit-transition: 0.5s Ease;
  -moz-transition: 0.5s Ease;
  -o-transition: 0.5s Ease;
  transition: 0.5s Ease;
}
.rrow img:hover {
  border: 6px solid #E0E0E0;
  box-shadow: 0px 0px 10px 7px #FFFFFF;
}
.disclaimer {
  max-width: 990px;
  display: block;
  margin: 0 auto;
  padding: 0 15px;
  color: #707070;
  font-size: 0.8em;
}
.disclaimer .div {
  width: 310px;
}
@media (min-width: 768px) and (max-width: 991px) {
  /* .container {
    padding: 1em;
    border: 0;
    border-radius: 0;
  }*/
  .disclaimer .div {
    max-width: 310px;
    min-width: 210px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 16px;
  }
  .disclaimer .div {
    max-width: 310px;
    min-width: 210px;
  }
  /* .container {
    padding: 1em;
    border: 0;
    border-radius: 0;
  }*/
  .container > section,
  .container > aside {
    float: none;
    width: 100%;
  }
  .container aside {
    border: 0;
    padding: 0;
  }
  .logo {
    width: 158px;
    height: 47px;
  }
  h1,
  .zagol {
    font-size: 24px;
  }
  h2 {
    font-size: 19px;
  }
  h3 {
    font-size: 16px;
  }
  .companys ul li {
    display: block;
  }
}
footer {
  background: #eaeaea;
  border-top: 5px solid #d74142;
  min-height: 200px;
}
.box {
  width: 100%;
  height: 100%;
}
.slider {
  width: 100%;
  /*min-height: 504px;*/
  overflow: hidden;
  position: relative;
}
.lifted {
  position: relative;
  padding: 5px;
  margin: 0;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-border-radius: 4px;
}
.lifted:before,
.lifted:after {
  content: "";
  position: absolute;
  z-index: -2;
  bottom: 15px;
  left: 10px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.lifted:after {
  right: 10px;
  left: auto;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}
.slides {
  height: 100%;
  margin: 0;
  /* Simple clear fix */
  overflow: hidden;
  padding-left: 0;
  /**
   * Prevent blinking issue
   * Not tested. Experimental.
   */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  /**
   * Here is CSS transitions
   * responsible for slider animation in modern broswers
   */
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.slide {
  height: 100%;
  float: left;
  clear: none;
}
.slides li {
  list-style: none;
  padding-left: 0;
}
.slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
}
.slider-arrow--right {
  bottom: 50%;
  right: 30px;
  display: none;
}
.slider-arrow--left {
  bottom: 50%;
  left: 30px;
  display: none;
}
.slider-nav {
  position: absolute;
  bottom: 30px;
}
.slider-nav__item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  background: #fff;
}
.slider-nav__item:hover {
  background: #ccc;
}
.slider-nav__item--current {
  background: #ccc;
}
/*форма*/
input,
label,
textarea {
  display: block;
}
input,
textarea {
  margin: 0 0 10px 0;
  border: 1px solid #ccc;
  padding: 5px;
}
input.submit_button {
  background-color: #039;
  border: 1px solid #00F;
  padding: 5px 10px;
  border-radius: 3px;
  font: 13px Arial, Verdana, Tahoma, sans-serif;
  color: #fff;
  cursor: pointer;
}
input.submit_button:hover {
  background-color: #00F;
}
span.required,
span.error {
  color: #ff0000;
}
span.required {
  font-size: 18px;
}
span.error {
  font-size: 11px;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
/* меню */
.nav {
  width: 658px;
  z-index: 1000;
}
.nav ul {
  margin: 0 auto;
  padding: 0;
}
.nav li {
  display: inline;
  float: left;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 10px 0 8px;
}
.nav a {
  font-weight: normal;
  padding: 28px 22px 5px;
  text-transform: lowercase;
  display: block;
  cursor: pointer;
  text-decoration: none;
  border-left: 1px #e37a7b solid;
}
.nav li.item1 {
  background: url("/images/red/ic_1.png") no-repeat scroll center 20px transparent;
}
.nav li.item2 {
  background: url("/images/red/ic_2.png") no-repeat scroll center 20px transparent;
}
.nav li.item3 {
  background: url("/images/red/ic_3.png") no-repeat scroll center 20px transparent;
}
.nav li.item4 {
  background: url("/images/red/ic_4.png") no-repeat scroll center 20px transparent;
}
.nav li.item5 {
  background: url("/images/red/ic_5.png") no-repeat scroll center 20px transparent;
}
.nav li.item6 {
  background: url("/images/red/ic_6.png") no-repeat scroll center 20px transparent;
}
.nav li.active1,
.nav li.item1:hover {
  background: url("/images/red/ic_11.png") no-repeat scroll center 20px #FFFFFF;
}
.nav li.active2,
.nav li.item2:hover {
  background: url("/images/red/ic_22.png") no-repeat scroll center 20px #FFFFFF;
}
.nav li.active3,
.nav li.item3:hover {
  background: url("/images/red/ic_33.png") no-repeat scroll center 20px #FFFFFF;
}
.nav li.active4,
.nav li.item4:hover {
  background: url("/images/red/ic_44.png") no-repeat scroll center 20px #FFFFFF;
}
.nav li.active5,
.nav li.item5:hover {
  background: url("/images/red/ic_55.png") no-repeat scroll center 20px #FFFFFF;
}
.nav li.active6,
.nav li.item6:hover {
  background: url("/images/red/ic_66.png") no-repeat scroll center 20px #FFFFFF;
}
.nav li.active1 a,
.nav li.active2 a,
.nav li.active3 a,
.nav li.active4 a,
.nav li.active5 a,
.nav li.active6 a {
  color: #D74142 !important;
  border-left: medium none !important;
}
.nav li.item1 a:hover,
.nav li.item2 a:hover,
.nav li.item3 a:hover,
.nav li.item4 a:hover,
.nav li.item5 a:hover,
.nav li.item6 a:hover {
  color: #D74142 !important;
  border-left: 1px #fff solid;
}
.nav ul {
  text-align: center;
}
@media screen and (max-width: 800px) {
  .pull-left {
    float: none;
  }
  .pull-right {
    float: none;
  }
  .nav {
    position: relative;
    min-height: 40px;
    background: none;
    padding: 0;
    z-index: 1000;
    width: 100%;
  }
  .nav ul {
    width: 100%;
    padding: 5px 0;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 40px;
    /*border: solid 1px #aaa;*/
    background: #d74142 url('/images/icon-menu.png') no-repeat 10px 11px;
    border-radius: 5px;
    border: 1px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  }
  .nav li {
    background: none;
    display: none;
    /* скрыть все <li> пункты */
    margin: 0;
  }
  .nav .active {
    display: block;
    /* показывать только текущие активные <li> пункты */
  }
  .nav a {
    display: block;
    padding: 10px 5px 10px 45px;
    text-align: left;
  }
  .nav .active a {
    background: none;
    color: #ccc;
    padding: 10px 5px 10px 45px;
    border: none;
  }
  .nav ul:hover a {
    font-weight: normal;
    padding: 5px 22px 0px 45px;
    text-transform: lowercase;
    display: block;
    cursor: pointer;
    text-decoration: none;
    border-left: none;
  }
  /* при наведении на пункты меню */
  .nav ul:hover {
    background-image: none;
  }
  .nav ul:hover li {
    display: block;
    margin: 0 0 0px;
    width: 100%;
    font-size: 18px;
    padding: 5px 0 15px;
  }
  .nav li.item1 {
    background: url("/images/red/ic_1.png") no-repeat scroll 10px 10px transparent;
  }
  .nav li.item2 {
    background: url("/images/red/ic_2.png") no-repeat scroll 10px 10px transparent;
  }
  .nav li.item3 {
    background: url("/images/red/ic_3.png") no-repeat scroll 10px 10px transparent;
  }
  .nav li.item4 {
    background: url("/images/red/ic_4.png") no-repeat scroll 10px 10px transparent;
  }
  .nav li.item5 {
    background: url("/images/red/ic_5.png") no-repeat scroll 10px 10px transparent;
  }
  .nav li.item6 {
    background: url("/images/red/ic_6.png") no-repeat scroll 10px 10px transparent;
  }
  .nav li.active1,
  .nav li.item1:hover {
    background: url("/images/red/ic_11.png") no-repeat scroll 10px 10px #FFFFFF;
  }
  .nav li.active2,
  .nav li.item2:hover {
    background: url("/images/red/ic_22.png") no-repeat scroll 10px 10px #FFFFFF;
  }
  .nav li.active3,
  .nav li.item3:hover {
    background: url("/images/red/ic_33.png") no-repeat scroll 10px 10px #FFFFFF;
  }
  .nav li.active4,
  .nav li.item4:hover {
    background: url("/images/red/ic_44.png") no-repeat scroll 10px 10px #FFFFFF;
  }
  .nav li.active5,
  .nav li.item5:hover {
    background: url("/images/red/ic_55.png") no-repeat scroll 10px 10px #FFFFFF;
  }
  .nav li.active6,
  .nav li.item6:hover {
    background: url("/images/red/ic_66.png") no-repeat scroll 10px 10px #FFFFFF;
  }
  .nav li.active1 a,
  .nav li.active2 a,
  .nav li.active3 a,
  .nav li.active4 a,
  .nav li.active5 a,
  .nav li.active6 a {
    color: #D74142 !important;
    border-left: medium none !important;
  }
  .nav li.item1 a:hover,
  .nav li.item2 a:hover,
  .nav li.item3 a:hover,
  .nav li.item4 a:hover,
  .nav li.item5 a:hover,
  .nav li.item6 a:hover {
    color: #D74142 !important;
    border-left: 1px #fff solid;
  }
  .nav ul {
    text-align: center;
  }
  .topbar {
    padding: 0;
    min-height: 2px;
  }
}
a.button7 {
  display: inline-block;
  color: white;
  margin-top: 15px;
  text-decoration: none;
  padding: 0.5em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #1e5799;
  border-radius: 6px;
  background: linear-gradient(#2989d8, #207cca) #2989d8;
  transition: 0.2s;
}
a.button7:hover {
  background: linear-gradient(#1e5799, #7db9e8) #1e5799;
}
a.button7:active {
  background: linear-gradient(#1e5799, #7db9e8) #1e5799;
}
ul.tpunordered1 li {
  background: url(/images/img_icon/uno_1.png) left 3px no-repeat;
  padding: 0 0 10px 20px;
  margin-left: 30px;
  list-style: none;
}
.tl_sv_thumb_up h3 {
  background: url(/images/red/icon/thumb_up.jpg) left top no-repeat;
  padding: 0 0 10px 46px;
  line-height: 20px;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: normal;
}
ul.menu {
  padding-left: 0;
}
.tl_menu_doc li,
.menu li {
  border-top: 1px dotted #cbcbcb;
  padding: 10px 0 10px 35px;
  background: url(/images/red/arw_1.jpg) 15px 16px no-repeat;
  font-size: 16px;
  text-transform: uppercase;
  list-style: none;
}
.tl_sv_new_page h3 {
  background: url(/images/red/icon/new_page.jpg) left top no-repeat;
  padding: 0 0 10px 46px;
  line-height: 20px;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: normal;
}
.tl_cot_nho h3 {
  color: #d74142;
}
.tpblock7 {
  padding: 10px 15px;
  background: #d64142;
  line-height: 18px;
  color: #fff;
}
.spacer {
  width: 200px;
  float: left;
  font-size: 18px;
  height: 255px;
  padding: 10px 15px;
  position: relative;
  border-bottom: 1px solid #ccc;
}
.spacer img {
  position: absolute;
  bottom: 0;
  padding-bottom: 2px;
}
ul.tpunordered7 li {
  background: url(/images/img_icon/uno_7.png) left 3px no-repeat;
  padding: 0 0 10px 20px;
  margin-left: 30px;
}
/*breadcrumbs*/
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.breadcrumbs a {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  padding: 0.5rem 0;
  text-decoration: none;
  display: inline-block;
}
.breadcrumbs span {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #707070;
  display: inline-block;
}
@media (max-width: 767px) {
  .breadcrumbs {
    flex-wrap: nowrap;
    overflow: auto;
  }
}
/*breadcrumbs END*/
h1,
.h1 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
  text-transform: uppercase;
  color: #D74142;
  margin: 1.5rem 0;
}
.h2 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: #D74142;
}
.subcategory {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  padding: 12px 16px;
  height: 88px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.subcategory__link {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #000000;
}
.subcategory__img {
  width: 72px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: left;
  overflow: hidden;
  margin-right: 0.5rem;
}
.subcategory__img img {
  max-width: 100%;
}
.good-preview {
  background: #FFFFFF;
  box-shadow: inset 0px 1px 0px #EAEAEA;
  padding: 1rem 0;
}
.good-preview__article {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}
.good-preview__title,
.good-preview__title > a {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 0.5rem;
  text-decoration: none;
}
.good-preview__description {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #707070;
}
.good-preview__img {
  overflow: hidden;
  width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}
.good-preview__img img {
  max-width: 100%;
}
.good .good-preview__img {
  width: 350px;
  height: unset;
}
.good-preview__price {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
@media (min-width: 768px) {
  .good-preview__price {
    width: 100px;
  }
}
.good-preview__availability {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  width: 90px;
}
.good-preview__availability--available {
  color: #38B85C;
}
.good-preview__count {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}
.good-preview__shops {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  text-decoration: none ;
  border-bottom: dashed 1px #000;
}
.good-preview__btn {
  width: 100%;
}
.good-preview__btn > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  background: #D74142;
  padding: 6px 12px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
}
@media (min-width: 576px) {
  .good-preview__btn {
    width: 150px;
  }
}
/*paging*/
.pagination {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paging .paging-more {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.01em;
  color: #000000;
  border-bottom: 1px dotted #000;
  display: inline-block;
}
.paging .paging-more:hover {
  text-decoration: none;
  color: #000000;
  border-color: transparent;
}
.paging .page-link {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #1E3143;
  height: 36px;
  padding: 8px 12px;
  border-radius: 0 !important;
  text-decoration: none;
}
.paging .page-link.active {
  background: #D74142;
  color: #fff;
}
.paging .js-page-item-next svg,
.paging .js-page-item-prev svg {
  margin-top: -2px;
}
/*paging END*/
.sort-items {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #CBCBCB;
  box-sizing: border-box;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #707070;
  padding: 12px 32px 12px 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L5 5L10 0L0 0Z' fill='%23707070'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.sort-items__label {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}
header {
  background: #D74142;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
  color: white;
  overflow: hidden;
  padding: 12px 0;
}
@media (min-width: 992px) {
  header {
    height: auto;
  }
}
header a {
  color: white;
}
.header__cart {
  display: flex;
  align-items: center;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  position: relative;
}
.header__cart-count {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 25px;
  top: -5px;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
}
.header__catalog {
  display: flex;
  align-items: center;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #D74142;
  background-color: #fff;
  text-decoration: none;
  padding: 4px 10px;
}
.header__search {
  width: 100%;
}
.header__search input {
  width: 100%;
  padding: 4px 0px 4px 10px;
  height: 48px;
  background: #FFFFFF;
  border: 1px solid #CBCBCB;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 11C19.2239 11 20.8772 11.6848 22.0962 12.9038C23.3152 14.1228 24 15.7761 24 17.5C24 19.11 23.41 20.59 22.44 21.73L22.71 22H23.5L28.5 27L27 28.5L22 23.5V22.71L21.73 22.44C20.59 23.41 19.11 24 17.5 24C15.7761 24 14.1228 23.3152 12.9038 22.0962C11.6848 20.8772 11 19.2239 11 17.5C11 15.7761 11.6848 14.1228 12.9038 12.9038C14.1228 11.6848 15.7761 11 17.5 11ZM17.5 13C15 13 13 15 13 17.5C13 20 15 22 17.5 22C20 22 22 20 22 17.5C22 15 20 13 17.5 13Z' fill='%23707070'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right center;
  margin: 0;
}
.header__actuality {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
  margin-top: 7px;
}
.header__delivery {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 0 8px;
  margin-top: 4px;
}
.header__phone {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 0 8px;
}
.header__city {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
  padding: 0 8px;
}
.page-menu {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.page-menu a {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  padding: 12px;
  display: block;
}
.text-center {
  text-align: center;
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left;
  }
}
.autocomplete-suggestions {
  background-color: white;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #CBCBCB;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
}
.autocomplete-suggestion {
  height: 25px;
  line-height: 25px;
  cursor: pointer;
}
.autocomplete-suggestion:hover {
  background-color: #eee;
}
.good__quantity {
  display: flex;
  flex-wrap: nowrap;
}
.good-count-button,
.good-count {
  background: #FFFFFF;
  border: 1px solid #CBCBCB;
  height: 40px;
}
.good-count-button {
  width: 40px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}
.good-count-button-minus {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_ii_8_189)'%3E%3Crect width='40' height='40' fill='white'/%3E%3Crect x='15' y='19' width='10' height='2' fill='%23707070'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_ii_8_189' x='0' y='0' width='40' height='40' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.796078 0 0 0 0 0.796078 0 0 0 0 0.796078 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_8_189'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='-1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.796078 0 0 0 0 0.796078 0 0 0 0 0.796078 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='effect1_innerShadow_8_189' result='effect2_innerShadow_8_189'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.good-count-button-plus {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_ii_8_191)'%3E%3Crect width='40' height='40' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 19V15H19L19 19H15V21H19L19 25H21V21H25V19H21Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_ii_8_191' x='0' y='0' width='40' height='40' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.796078 0 0 0 0 0.796078 0 0 0 0 0.796078 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_8_191'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='-1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.796078 0 0 0 0 0.796078 0 0 0 0 0.796078 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='effect1_innerShadow_8_191' result='effect2_innerShadow_8_191'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.good-count {
  width: 48px;
  margin: 0 -1px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  text-align: center;
}
input[type='number'] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-dismissible {
  padding-right: 4rem;
}
.alert-success {
  color: #ffffff;
  background-color: #20bd46;
  border-color: #20bd46;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.alert-container {
  position: fixed;
  top: 32px;
  width: 100%;
  z-index: 10000;
}
.alert-container .alert {
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
  box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.3);
  display: none;
}
@media (max-width: 991px) {
  .menu-opened .header__menu {
    display: block!important;
    position: fixed;
    z-index: 11111;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #D74142;
  }
  .header__menu-header {
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page-menu {
    flex-direction: column;
  }
  .header__menu-close {
    position: fixed;
    right: 1rem;
    top: 18px;
  }
}
.position-absolute {
  position: absolute;
}
@media (min-width: 992px) {
  .position-lg-relative {
    position: relative;
  }
}
.text-right {
  text-align: right;
}
.cart-total {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: #000000;
  font-family: 'Open Sans Condensed', sans-serif;
}
.cart-sum {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
  font-family: 'Open Sans Condensed', sans-serif;
}
.cart-footer {
  box-shadow: inset 0px 1px 0px #eaeaea;
}
.good-buy-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  background: #D74142;
  padding: 6px 12px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  border: none;
  width: 100%;
}
@media (min-width: 576px) {
  .good-buy-button {
    width: 150px;
  }
}
.form-group {
  margin-bottom: 1rem;
}
form label {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0.5rem;
}
.form-control {
  background: #FFFFFF;
  border: 1px solid #CBCBCB;
  padding: 12px 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #707070;
  width: 100%;
}
.form-control:disabled {
  background-color: #eee;
}
input.form-control {
  height: 40px;
}
.cart-form {
  max-width: 472px;
}
.custom-control input {
  display: none;
}
.custom-control label {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.25px;
  color: #000000;
  padding-left: 28px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 0;
}
.custom-radio label {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM10 18C5.6 18 2 14.4 2 10C2 5.6 5.6 2 10 2C14.4 2 18 5.6 18 10C18 14.4 14.4 18 10 18Z' fill='%23CBCBCB'/%3E%3C/svg%3E%0A");
}
.custom-radio input:checked ~ label {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 5C7.2 5 5 7.2 5 10C5 12.8 7.2 15 10 15C12.8 15 15 12.8 15 10C15 7.2 12.8 5 10 5ZM10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM10 18C5.6 18 2 14.4 2 10C2 5.6 5.6 2 10 2C14.4 2 18 5.6 18 10C18 14.4 14.4 18 10 18Z' fill='%23D74142'/%3E%3C/svg%3E%0A");
}
.shops {
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #CBCBCB;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #707070;
  padding: 12px 50px 12px 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13L16 18L21 13H11Z' fill='%23707070'/%3E%3C/svg%3E%0A");
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.shops::-ms-expand {
  display: none;
}
.shops__label {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}
.tooltip {
  background: #FFFFFF;
  box-shadow: 0px 10px 40px -20px rgba(0, 0, 0, 0.1), 0px 1px 4px rgba(0, 0, 0, 0.3);
  padding: 20px 16px;
}
.tooltip__shop {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #707070;
}
.tooltip__count {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}
.good .slick-dots {
  position: absolute;
  display: flex;
  margin: 0 auto;
  padding: 0;
  transform: translateX(-50%);
  left: 50%;
  bottom: 1.5rem;
  list-style-type: none;
}
.good .slick-dots li {
  margin: 0;
  padding: 0;
}
.good .slick-dots button {
  color: transparent;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
}
.good .slick-dots button:before {
  position: absolute;
  content: '';
  margin: auto;
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #505B80;
  background: #FFFFFF;
  opacity: 0.56;
  border-radius: 0.25rem;
}
.good .slick-dots .slick-active button:before {
  box-shadow: 0px 4px 8px rgba(176, 190, 197, 0.24);
  border: 1px solid #FC7B59;
  background: #FC7B59;
}
.good .slick-dots button:focus {
  outline: none!important;
}
.good .slick-arrow {
  position: absolute;
  z-index: 111;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  font-size: 0;
  width: 40px;
  height: 40px;
}
.good .slick-prev,
.catalog-clients .slick-prev {
  left: -2rem;
  background-image: url("../img/slick-prev.svg");
}
.good .slick-next,
.catalog-clients .slick-next {
  right: -2rem;
  background-image: url("../img/slick-next.svg");
}
.good .good-preview__img {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
/*# sourceMappingURL=css.css.map */