/*-------------------------------------------------------------------
    Normalize
-------------------------------------------------------------------*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,600,700,900&subset=cyrillic");
@import url('//fonts.googleapis.com/css?family=Roboto+Slab:700&subset=cyrillic');
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
/*-----------------------------------------------------     CSS Document of SUFIX © 2016. All rights reserved     ---------------------------------------------------------*/
body, html {
/*----------- default style -----------*/
font-family: "Open Sans", sans-serif;
font-size: 16px;
color: #312f2f;
background-color: #ffffff;

/*---------------------------------------------------*/
margin:0; padding:0; width:100%; height:100%;} a img {border:0 solid; outline:none;} a {cursor:pointer; outline:none;} .fm {position:relative; float:left; margin:0; padding: 0;} .fmr {position:relative; float:right; margin:0; padding:0;} a:active {outline:none;} * {outline:none; box-sizing:border-box;} article,aside,details,figcaption,figure,footer,header,menu,nav,section,main {display:block; position:relative;} h1,h2,h3,h4,h5,h6 {padding:0; margin:0;} address {font-style:normal;} ul {position:relative; list-style:none; padding:0; margin:0;} textarea {resize:none; overflow:auto; margin:0; border:none;} input {padding:0; border:none;} p {margin:0; padding:0;} table {border-collapse:collapse;} img {vertical-align:middle;} .long_div {position:relative; float: left; width:100%;} .hidden{display: none;}
.center {width: 100%; max-width:1300px; margin:0 auto; padding: 0 10px;}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/*-------------------------------------------------------------------
    Fonts
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    General
-------------------------------------------------------------------*/
body,
html {
  height: 100%;
}

body {
  margin: 0;
  font: 16px/1.4 "Open Sans", sans-serif;
  color: #373535;
}

figure {
  margin: 0;
}

iframe {
  max-width: 100%;
}

img {
  max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
}

p {
  margin: 0 0 20px;
}

a {
  text-decoration: none;
  color: #8dc63f;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

a:hover, a:active {
  color: #cc3100;
  text-decoration: none;
}

a:focus {
  outline: none;
}

/*Container*/
.container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

/*Site wrapper*/
.site-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

/*Site main*/
.site-main {
  background-color: #f5f5f5;
  padding: 0 0 30px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/*-------------------------------------------------------------------
    Forms
-------------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="password"] {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  padding: 0 10px;
  height: 32px;
  border: 1px solid #ccc;
  color: #373535;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-appearance: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
  color: rgba(55, 53, 53, 0.4);
}

input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="password"]::-moz-placeholder {
  color: rgba(55, 53, 53, 0.4);
  opacity: 1;
}

input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="password"]:-moz-placeholder {
  color: rgba(55, 53, 53, 0.4);
  opacity: 1;
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
  color: rgba(55, 53, 53, 0.4);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="password"]:focus {
  border-color: #b3b3b3;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  outline: none;
}

input[type="text"].error,
input[type="email"].error,
input[type="number"].error,
input[type="tel"].error,
input[type="search"].error,
input[type="password"].error {
  border-color: red;
}

input[type="submit"],
input[type="reset"],
button {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  padding: 10px 15px 12px;
  border: none;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background-color: #8dc63f;
  color: #fff;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
  background-color: #f7941d;
}

input[type="submit"]:focus,
input[type="reset"]:focus,
button:focus {
  outline: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

textarea {
  width: 100%;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  padding: 10px;
  min-height: 150px;
  border: 1px solid #ccc;
  color: #373535;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-appearance: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

textarea::-webkit-input-placeholder {
  color: rgba(55, 53, 53, 0.4);
}

textarea::-moz-input-placeholder {
  color: rgba(55, 53, 53, 0.4);
  opacity: 1;
}

textarea:-moz-input-placeholder {
  color: rgba(55, 53, 53, 0.4);
  opacity: 1;
}

textarea:-ms-input-placeholder {
  color: rgba(55, 53, 53, 0.4);
}

textarea:focus {
  border-color: #b3b3b3;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

/*Article popup*/

.article_popup {
  background-color: #fff;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  width: 1000px;
  padding: 20px;
  margin: 0 auto;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100;
}

/*Call form*/
.request-call {
  background-color: #fff;
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  width: 300px;
  padding: 30px 20px 20px 20px;
  margin: 0 auto;
  -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100;
}

.request-call__close {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 0;
  width: 16px;
  height: 16px;
  background-color: transparent;
  color: #8dc63f;
}

.request-call__close:before, .request-call__close:after {
  position: absolute;
  left: 7px;
  top: 0;
  content: ' ';
  height: 17px;
  width: 2px;
  background-color: #333;
}

.request-call__close:before {
  transform: rotate(45deg);
}

.request-call__close:after {
  transform: rotate(-45deg);
}

.request-call__close:hover {
  background-color: transparent;
}

/*Shopping cart form*/
.shopping-cart-form {
  background-color: #fff;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  width: 300px;
  padding: 20px;
  margin: 0 auto;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100;
}

.shopping-cart-form__input {
  width: 100%;
}

.shopping-cart-form__input + .shopping-cart-form__input {
  margin: 5px 0 0 0;
}

.shopping-cart-form__input--small {
  width: -webkit-calc(50% - 2.5px);
  width: calc(50% - 2.5px);
}

.shopping-cart-form__payment {
  position: relative;
}

.shopping-cart-form__payment:nth-of-type(1) {
  margin-top: 15px;
}

.shopping-cart-form__payment-input {
  width: 17px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 4px;
  opacity: 0;
  z-index: 10;
}

.shopping-cart-form__payment-input:checked + .shopping-cart-form__payment-label:after {
  background-color: #373535;
}

.shopping-cart-form__payment-input:checked ~ .shopping-cart-form__button {
  display: block;
}
.shopping-cart-form__payment-input:checked ~ .shopping-cart-form__button.preloader {
  display: flex;
}

.shopping-cart-form__payment-label {
  vertical-align: top;
  position: relative;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

.shopping-cart-form__payment-label:before, .shopping-cart-form__payment-label:after {
  content: '';
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 100%;
          border-radius: 100%;
}

.shopping-cart-form__payment-label:before {
  margin: -1px 5px 0 0;
  width: 14px;
  height: 14px;
  border: 1px solid #999;
}

.shopping-cart-form__payment-label:after {
  width: 8px;
  height: 8px;
  position: absolute;
  left: 4px;
  top: 6px;
}

.shopping-cart-form__button {
  margin: 6px 0 15px 0;
  display: none;
}

.request-call__button {
  margin: 19px 74px 0 74px;
}

/*Ingredients form*/
.ingredients-form {
  text-align: center;
}

.ingredients-form__input-search {
  margin: 0 0 30px;
  width: 100%;
}

.ingredients-form__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 14px;
}

.ingredients-form__row {
  margin: 0 0 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ingredients-form__col {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 -webkit-calc(50% - 30px);
      -ms-flex: 1 0 calc(50% - 30px);
          flex: 1 0 calc(50% - 30px);
}

.ingredients-form__col + .ingredients-form__col {
  margin-left: 30px;
}

.ingredients-form__col-title {
  text-align: left;
  font-size: 14px;
  line-height: 1.2;
  margin: 0 0 8px;
}

.ingredients-form__info {
  text-align: left;
  margin: 0 0 36px;
  font-size: 12px;
  line-height: 1.4;
}

.ingredients-form__button {
  margin: 0 auto;
}

/*-------------------------------------------------------------------
    Slick Carousel
-------------------------------------------------------------------*/
.slick-slide:focus,
.slick-arrow:focus,
.slick-dots button:focus {
  outline: none;
}

.slick-slide {
  cursor: grab;
}

.slick-slide:active {
  cursor: grabbing;
}

.slick-arrow,
.slick-dots button {
  cursor: pointer;
}

/*Main slider*/
.main-slider {
  max-height: 560px;
  overflow: hidden;
}

.main-slider ~ .products {
  margin: 60px 0 0 0;
}

.main-slider .slick-arrow {
  width: 60px;
  height: 60px;
  margin: -30px 0 0 0;
  position: absolute;
  top: 50%;
  font-size: 0;
  background: none;
  border: none;
  padding: 0;
  z-index: 10;
}

.main-slider .slick-arrow:before, .main-slider .slick-arrow:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 20px;
  margin: 0 0 0 -13px;
  width: 26px;
  height: 5px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.main-slider .slick-arrow:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 35px;
}

.main-slider .slick-arrow:hover:before, .main-slider .slick-arrow:hover:after {
  background-color: #8dc63f;
}

.main-slider .slick-prev {
  left: 50px;
}

.main-slider .slick-next {
  right: 50px;
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: scale(-1);
}

.main-slider .slick-dots {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-slider .slick-dots button {
  position: relative;
  background: none;
  border: none;
  font-size: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-slider .slick-dots button:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -7px 0 0 -7px;
  width: 14px;
  height: 14px;
  border: 3px solid transparent;
  background-clip: content-box;
  background-color: #c8c8c8;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  box-sizing: border-box;
}

.main-slider .slick-dots .slick-active button:before {
  background-color: transparent;
  border-color: #8dc63f;
}

/*Offer slider*/
.offer-slider {
    border: 1px solid #8dc63f;
    border-radius: 10px;
    margin: 60px 0 0 0;
}
.offer-slider .product {
    position: unset;
    width: unset;
    border: unset;
    border-radius: unset;
    margin: unset;
    padding: unset;
    transition: unset;
}
.offer-slider .product:hover {
  box-shadow: unset;
}

.offer-slider .product .product__title {
    position: unset; 
    font-size: 35px; 
    font-weight: 900; 
    line-height: 1.2; 
    text-transform: uppercase;
    display: unset; 
    vertical-align: unset; 
    color: #373535;
    margin: 0 0 20px;
}
.offer-slider .product .product__price {
     font-size: 16px; 
     font-weight: 600; 
}

.offer-slider.slick-initialized .slick-slide {
  -webkit-display: flex;
  display: flex;
  flex-direction: row;
}

.offer-slider .slick-arrow {
  width: 60px;
  height: 60px;
  margin: -30px 0 0 0;
  position: absolute;
  top: 50%;
  font-size: 0;
  background: none;
  border: none;
  padding: 0;
  z-index: 10;
}

.offer-slider .slick-arrow:before, .offer-slider .slick-arrow:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 20px;
  margin: 0 0 0 -13px;
  width: 26px;
  height: 5px;
  background-color: #373535;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.offer-slider .slick-arrow:hover:before, .offer-slider .slick-arrow:hover:after {
  background-color: #8dc63f;
}

.offer-slider .slick-arrow:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 35px;
}

.offer-slider .slick-prev {
  left: 50px;
}

.offer-slider .slick-next {
  right: 50px;
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: scale(-1);
}

/*-------------------------------------------------------------------
    Header
-------------------------------------------------------------------*/
.site-header {
  z-index: 20;
}

.site-header__top .container, .site-header__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.site-header__top {
  padding: 15px 0;
  border-bottom: 1px solid #8dc63f;
}

.site-header__top .container {
  justify-content: space-between;
}

.site-header__bottom {
  border-bottom: 1px solid #dedede;
}

.site-header__bottom_fixed {
  background-color: #fff;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
}

.site-header__bottom .container {
  display: flex;
  align-items: center;
}

/*Logo*/
.logo {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 250px;
      -ms-flex: 1 1 250px;
          flex: 1 1 250px;
  max-width: 250px;
}

.logo_sm {
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0;
          flex: 1 1 0;
  max-width: 0;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

.site-header__bottom_fixed .logo_sm {
  -webkit-flex: 1 1 120px;
      -ms-flex: 1 1 120px;
          flex: 1 1 120px;
  max-width: 120px;
  margin: 0 20px 0 0;
  opacity: 1;
  visibility: visible;
}

.logo__img {
  max-width: 100%;
}

/*Delivery*/
.header-delivery-wrap {
  display: flex;
}

.header-delivery + .header-delivery {
  margin-left: 30px;
}

.header-delivery__title {
  font-family: 'Roboto Slab', serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: #000;
}

.header-delivery__desc {
  font-size: 14px;
  color: #999;
}

/*Header phone*/
.header-phone {
  margin: 0 30px;
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.header-phone__link {
  font-family: 'Roboto Slab', serif;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  transition: .3s;
}

.header-phone__link:hover {
  color: #97d247;
}

.header-phone__link:first-child {
  font-size: 28px;
}

.header-phone__desc {
  cursor: pointer;
  font-size: 14px;
  color: #999;
  display: inline-block;
  vertical-align: top;
  border-bottom: 1px dotted #a6a6a6;
  transition: .3s;
}

.header-phone__desc:hover {
  color: #97d247;
  border-bottom-color: #97d247;
}

/*Primary navigation*/
.nav-primary__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.nav-primary__item {
  position: relative;
  margin: 0 12px 0 0;
  padding: 6px 0;
  cursor: pointer;
}

.nav-primary__item:first-child {
  margin-left: 0;
}

.nav-primary__item:hover .nav-primary__link:not(.nav-primary__link--current) {
  background-color: #f2f2f2;
}

.nav-primary__item:hover .nav-primary-submenu {
  top: calc(100% + 2px);
  visibility: visible;
  opacity: 1;
}

.nav-primary__link {
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  display: block;
  border-radius: 15.5px;
  padding: 5px 11px;
  transition: .3s;
}

.nav-primary__link_disable {
  pointer-events: none;
  cursor: pointer;
}

.nav-primary__link:not(.nav-primary__link--current):hover {
  background-color: #f2f2f2;
  color: #000;
}

.nav-primary__link--current {
  background-color: #f7941d;
  color: #fff;
}

.nav-primary__link--current:hover {
  color: #fff;
}

.nav-primary-submenu {
  list-style: none;
  padding: 10px 20px 15px;
  margin: 0;
  width: 200px;
  position: absolute;
  left: 0;
  top: -webkit-calc(100% + 10px);
  top: calc(100% + 10px);
  z-index: 100;
  box-shadow: 0 3px 10px rgba(0,0,0,.1);
  background-color: #f2f2f2;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.nav-primary-submenu__link {
  display: block;
  padding: 3px 0;
  font-size: 14px;
  font-weight: 700;
  color: #000;
}

.nav-primary-submenu__link.nav-primary__link--current {
  background-color: transparent;
  color: #f7941d;
}

.nav-primary-submenu__link:hover, .nav-primary-submenu__link:active {
  color: #f7941d;
}

/*Orders*/
.orders {
  position: absolute;
  top: 100%;
  right: 0;
  width: 447px;
  padding: 5px 4px 30px 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 16px rgba(63,65,82,0.4);
          box-shadow: 0 6px 16px rgba(63,65,82,0.4);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.orders__discount {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  line-height: 1;
  margin: 0 0 15px;
}

.orders__total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 20px 0;
  padding: 0 57px 0 0;
}

.orders__button {
  font-weight: 900;
  font-size: 16px;
  width: calc(100% - 57px);
  height: 70px;
  color: #fff;
  text-transform: uppercase;
  border: 2px solid #8dc63f;
  background-color: #8dc63f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  transition: .3s;
}

.orders__button:hover {
  background-color: #97d247;
  border-color: #97d247;
  color: #fff;
}

.orders__button:active {
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

/*Order*/
.order {
  border-bottom: 1px solid #d5d5d5;
  padding: 18px 0 18px 0;
  margin: 0 57px 0 0;
  position: relative;
  display: flex;
  align-items: center;
}

.order__image {
  max-width: 100px;
  flex: 1 0 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px 0 0;
}

.order__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.order__caption {
  flex: 1;
}

.order__title {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #28262c;
  line-height: 1.2;
  margin: 0 0 7px;
}

.order__options {
  font-size: 13px;
  line-height: 1.25;
  color: #878686;
  margin-top: 5px;
}

.order__close {
  position: absolute;
  right: -45px;
  top: 50%;
  margin: -20px 0 0 0;
  background-color: transparent;
  padding: 0;
  width: 40px;
  height: 40px;
}

.order__close:hover {
  background-color: transparent;
}

.order__close:before,
.order__close:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  margin: -1px 0 0 -10px;
  background-color: #000;
  height: 2px;
  transform: rotate(45deg);
}

.order__close:after {
  transform: rotate(-45deg);
}

/*Order price wrapper*/
.order-price-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0 0 0;
}

.order-price-wrapper__price {
  font-size: 22px;
  font-weight: 700;
  color: #8dc63f;
  margin: 0 19px 0 auto;
}

/*Order amount*/
.order-amount {
  border: 1px solid #000;
  width: 97px;
  height: 31px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  justify-content: space-between;
}

.order-amount__button {
  font-size: 30px;
  line-height: 31px;
  width: 31px;
  height: 31px;
  font-style: normal;
  color: #000;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.order-amount__button:hover {
  color: #8dc63f;
}

.order-amount__num {
  padding: 0 10px;
  font-size: 18px;
}

/*Shopping cart*/
.shopping-cart {
  position: relative;
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.shopping-cart__link {
  width: 65px;
  height: 65px;
  text-align: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.shopping-cart--open .shopping-cart__link {
  box-shadow: 0 6px 16px rgba(63,65,82,0.4);
}

.shopping-cart--open .shopping-cart__link:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #fff;
  height: 10px;
  z-index: 1;
}

.shopping-cart__link-total {
  background-color: #8dc63f;
  font-style: normal;
  color: #fff;
  width: 23px;
  height: 23px;
  line-height: 23px;
  border-radius: 100%;
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  right: 10px;
  top: 10px;
}

.shopping-cart__total {
  margin: 0 auto 0 10px;
  font-size: 14px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.shopping-cart__price {
  font-weight: 700;
  color: #000;
}

.shopping-cart__count {
  color: #999;
}

.shopping-cart__count--active {
  color: #8dc63f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.shopping-cart__count--active:hover {
  color: #cc3100;
}

.shopping-cart__count--active:hover .icon-arrow:before, .shopping-cart__count--active:hover .icon-arrow:after {
  background-color: #cc3100;
}

.shopping-cart--open .icon-arrow:before {
  left: auto;
  right: 0;
}

.shopping-cart--open .icon-arrow:after {
  right: 0;
  left: 0;
}

/*-------------------------------------------------------------------
    Main
-------------------------------------------------------------------*/
/*Section*/
.section {
  margin: 0 0 50px;
}

.section-title {
  font-size: 36px;
  font-weight: 600;
  line-height: 1em;
  margin: 0 0 50px;
}

/*Products*/
.products__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/*Product*/
.product {
  position: relative;
  width: -webkit-calc((100% - 30px * 3)/4);
  width: calc((100% - 30px * 3)/4);
  background-color: #fff;
  margin: 0 30px 50px 0;
  transition: .3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.product__inner {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.details-popup-form .product {
  position: relative;
  width: 100%;
  margin: 0;
  transition: .3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product:nth-child(4n+4) {
  margin-right: 0;
}

.product--alt {
  width: -webkit-calc((100% - 30px * 5)/6);
  width: calc((100% - 30px * 5)/6);
}

.product--alt:nth-child(4n+4) {
  margin-right: 30px;
}

.product--alt:nth-child(6n+6) {
  margin-right: 0;
}

.product__ribbon {
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: red;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  z-index: 10;
}

.product__fig {
  text-align: center;
}

.product__img-wrap {
  margin: 0 0 20px;
  height: 250px;
}

.product__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product__caption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.product__title {
  position: relative;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  display: inline;
  vertical-align: middle;
}

.product__title a {
  color: #000;
}

.product__title-wrapper {
  position: relative;
  margin: 0 0 10px;
}

.product__title--small {
  font-size: 17px;
  font-weight: 400;
  margin: 0 0 25px;
  display: block;
}

.product__excerpt {
  font-size: 15px;
  line-height: 1.3;
  color: #878686;
  min-height: 78px;
  overflow: hidden;
  margin: auto 0 20px;
}

.through_text {
  font-size: 16px;
  font-weight: 600;
  color: #ff0000;
  position: relative;
}

.through_text:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #ff0000;
  transform: rotate(15deg);
}

.product__price {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 50%;
  height: 100%;
}

.product__price small {
  font-size: inherit;
}

.product__price-wrapper {
  box-shadow: inset 0 1px 0 0 #eaeaea;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: auto;
}

.product__controls + .product__price-wrapper {
  margin-top: 0;
}

.product__price-wrapper--alt {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px 0 0 0;
}

.product__button {
  margin-left: auto;
  width: 50%;
}

.product__button--alt {
  margin-left: 0;
  margin-top: 15px;
}

.product__controls {
  margin: auto 0 15px;
}

.product__size, .product__dough-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product__size-item, .product__dough-selector-item {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 33.33%;
      -ms-flex: 1 0 33.33%;
          flex: 1 0 33.33%;
  max-width: 33.33%;
}

.product__size-item:hover .product__size-label,
.product__size-item:hover .product__dough-selector-label, .product__dough-selector-item:hover .product__size-label,
.product__dough-selector-item:hover .product__dough-selector-label {
  color: #000;
}

.product__size-label, .product__dough-selector-label {
  font-size: 16px;
  line-height: 1em;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.product__size-label:before, .product__dough-selector-label:before {
  content: '';
  width: 18px;
  flex: 1 0 18px;
  max-width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
  border: 1px solid #000;
  border-radius: 100%;
}

.product__size-input, .product__dough-selector-input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0;
}

.product__size-input:checked + .product__size-label,
.product__size-input:checked + .product__dough-selector-label, .product__dough-selector-input:checked + .product__size-label,
.product__dough-selector-input:checked + .product__dough-selector-label {
  background-color: #fff;
  color: #000;
}

.product__size-input:checked + .product__size-label:before {
  background-color: #8dc63f;
  border-color: #8dc63f;
}

.product__dough-selector {
  margin: 16px 0 0 0;
}

.product__dough-selector-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 50%;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  max-width: 50%;
}

.product__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.product__info-title {
  font-size: 14px;
  line-height: 1.2;
  margin: 0 0 10px;
}

.product__info-icon {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  max-width: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 20px;
      -ms-flex: 1 0 20px;
          flex: 1 0 20px;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  margin: 0 0 0 5px;
  fill: #999;
  cursor: pointer;
}

.product__info-icon:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 21px;
  margin: 0 0 0 -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #252525 transparent;
  opacity: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.product__info-icon:hover ~ .product__info-popup {
  visibility: visible;
  top: -webkit-calc(100% + 10px);
  top: calc(100% + 10px);
  opacity: 1;
}

.product__info-icon:hover:before {
  top: 26px;
  opacity: 1;
}

.product__info-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.product__info-list-item + .product__info-list-item {
  margin: 5px 0 0 0;
}

.product__info-popup {
  width: 100%;
  font-size: 13px;
  line-height: 1.2;
  background-color: #252525;
  color: #fff;
  padding: 15px;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: -webkit-calc(100% + 5px);
  top: calc(100% + 5px);
  left: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.product__change-ingredients {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  display: inline-block;
  border-bottom: 1px dotted #373535;
  margin: 0 0 20px;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.product__change-ingredients:hover {
  border-bottom-color: #8dc63f;
  color: #8dc63f;
}

/*Ingredients list*/
.ingredients-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*Ingredient*/
.ingredient {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 10px;
  font-size: 14px;
  line-height: 1.3;
  text-transform: lowercase;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
}

.ingredient:hover {
  background-color: #eee;
}

.ingredient:hover .ingredient__portion,
.ingredient:hover .ingredient__delete {
  opacity: 1;
  visibility: visible;
}

.ingredient__icon {
  margin: 0 5px 0 0;
  fill: #8dc63f;
}

.ingredient__delete {
  margin-left: auto;
  fill: #8dc63f;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.ingredient__portion {
  border-bottom: 1px dotted #373535;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.ingredient__portion:hover {
  border-bottom-color: #8dc63f;
  color: #8dc63f;
}

.ingredient__price {
  margin-left: auto;
}

/*Delivery and payment*/
.delivery-payment__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.delivery-payment__col {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 -webkit-calc(25% - 30px);
      -ms-flex: 1 0 calc(25% - 30px);
          flex: 1 0 calc(25% - 30px);
  margin: 0 30px 0 0;
}

.delivery-payment__col:nth-child(4n+4) {
  margin-right: 0;
}

.delivery-payment__title {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: #8dc63f;
  text-transform: uppercase;
}

.delivery-payment__desc {
  line-height: 1.4;
}

.delivery-payment__desc + .delivery-payment__title {
  margin-top: 20px;
}

.delivery-payment__desc p {
  margin: 0;
}

.delivery-payment__desc p + p {
  margin: 20px 0 0 0;
}

.delivery-payment__map {
  background: url("../images/upload/map.png") no-repeat 50% 50%/cover;
  height: 226px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  margin-top: 20px;
}

/*News*/
.news__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/*Article*/
.article {
  width: -webkit-calc((100% - 30px * 3)/4);
  width: calc((100% - 30px * 3)/4);
  margin: 0 30px 30px 0;
}

.article:nth-child(4n+4) {
  margin-right: 0;
}

.article__caption {
  margin: 15px 0 0 0;
}

.article__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 10px;
}

.article__excerpt {
  font-size: 14px;
  line-height: 1.4;
  color: #878686;
  margin: 0 0 20px;
}

/*Offer*/
.offer {
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.offer__img-wrap {
  margin: 0 30px 0 0;
  position: relative;
}

.offer__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 7px 0 0 7px;
}

.offer__title {
  font-size: 35px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
  color: #373535;
  margin: 0 0 20px;
}

.offer__date {
  font-size: 14px;
  line-height: 1.2;
  display: block;
  margin-bottom: 20px;
}

.offer__price {
  font-size: 35px;
  font-weight: 900;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.offer__price small {
  font-size: 16px;
}

.offer__share {
  position: absolute;
  right: 0;
  bottom: 30px;
  font-size: 35px;
  font-weight: 900;
  background-color: #fff;
  border-radius: 5px;
  color: #8dc63f;
  padding: 0 10px;
  box-shadow: 1px 1px 5px rgba(0,0,0,.15);
}

.offer__ribbon {
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: red;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  z-index: 10;
}

/*Countdown*/
.countdown {
  -webkit-display: flex;
  display: flex;
  text-align: center;
  margin-bottom: 30px;
}

.countdown__field {
  margin: 0 15px;
}

.countdown__field:first-child {
  margin-left: 0;
}

.countdown__field:first-child .countdown__num:after,
.countdown__field:last-child .countdown__num:after {
  display: none;
}

.countdown__num {
  position: relative;
  font-size: 80px;
  font-weight: 900;
  line-height: 1;
  color: #8dc63f;
}

.countdown__num:after {
  content: ':';
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 0;
  right: -27px;
  top: -12px;
}

/*Buttons*/
.button-primary {
  padding: 17.5px 25px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #36343b;
  color: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.button-primary:hover, .button-primary:active {
  background-color: #97d247;
  color: #fff;
}

.button-primary_extra {
  background-color: #8dc63f;
  color: #fff;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  margin-left: 20px;
}

.button-primary_extra:hover {
  background-color: #cc3100;
  color: #fff;
}

/*-------------------------------------------------------------------
    Footer
-------------------------------------------------------------------*/
.site-footer {
  background-color: #252525;
  padding: 45px 0 20px;
  color: #9e9e9e;
}

.site-footer__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin: 0 0 40px;
}

.site-footer__nav-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 calc(50% - 50px);
      -ms-flex: 1 1 calc(50% - 50px);
          flex: 1 1 calc(50% - 50px);
  margin: 0 50px 0 0;
}

/*Footer contacts*/
.footer-contacts {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 calc(50% - 50px);
      -ms-flex: 1 1 calc(50% - 50px);
          flex: 1 1 calc(50% - 50px);
  margin-left: auto;
}

.footer-contacts__desc {
  margin: 0 0 2px;
  font-size: 15px;
  line-height: 1;
  color: #fff;
}

/*Footer phone*/
.footer-phone {
  margin: 0 0 20px;
  font-size: 34px;
  line-height: 1;
}

.footer-phone__link {
  color: #fff;
}

.footer-phone__link:hover, .footer-phone__link:active {
  color: #8dc63f;
}

/*Footer email*/
.footer-email__link {
  color: #fff;
}

.footer-email__link:hover, .footer-email__link:active {
  color: #8dc63f;
}

/*Secondary navigation*/
.nav-secondary {
  margin: 0 0 35px;
}

.nav-secondary__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.nav-secondary__item {
  margin: 0 27px 0 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 150px;
      -ms-flex: 1 1 150px;
          flex: 1 1 150px;
  max-width: 150px;
}

.nav-secondary__item:hover .nav-secondary__link {
  color: #8dc63f;
}

.nav-secondary__item:last-child {
  margin-right: 0;
}

.nav-secondary__link {
  color: #fff;
}

.nav-secondary__link:hover, .nav-secondary__link:active, .nav-secondary__link--current {
  color: #8dc63f;
}

.nav-secondary-submenu {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}

.nav-secondary-submenu__item {
  font-size: 13px;
  line-height: 1.2;
  margin: 0 0 7px;
}

.nav-secondary-submenu__link {
  color: #fff;
}

.nav-secondary-submenu__link:hover, .nav-secondary-submenu__link:active, .nav-secondary-submenu__link--current {
  color: #8dc63f;
}

/*Social networks*/
.social-networks__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.social-networks__list li {
  display: flex;
  align-items: center;
}

.social-networks__list a {
  margin: 0 18px 0 0;
  color: #fff;
}

.social-networks__list a.active,
.social-networks__list a:hover {
  color: #8dc63f;
}

.social-networks__list li:last-child a {
  margin-right: 0;
}

.social-networks__link {
  margin: 0 18px 0 0;
  width: 44px;
  height: 44px;
  border: 2px solid #fff;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.social-networks__link:hover, .social-networks__link:active {
  border-color: #8dc63f;
}

.social-networks__link:hover .social-networks__svg, .social-networks__link:active .social-networks__svg {
  fill: #8dc63f;
}

.social-networks__svg {
  fill: #fff;
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}

/*Footer statistics*/
.footer-statistics {
  margin: 0 0 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.footer-statistics__col {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 -webkit-calc(50% - 50px);
      -ms-flex: 1 0 calc(50% - 50px);
          flex: 1 0 calc(50% - 50px);
}

.footer-statistics__col + .footer-statistics__col {
  margin-left: 50px;
}

.footer-statistics__title {
  font-size: 36px;
  font-weight: 600;
  line-height: 1em;
  color: #fff;
  margin: 0 0 10px;
}

/*Copyright*/
.copyright {
  font-size: 13px;
  line-height: 1.2;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.copyright__col {
  flex: 1 0 calc(50% - 50px);
}

.copyright__col + .copyright__col {
  margin: 0 0 0 50px;
}

.copyright__col:last-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #9e9e9e;
}

.copyright__col:last-child a {
  color: inherit;
}

.copyright__col:last-child a:hover {
  color: #fff;
}

/*-------------------------------------------------------------------
    Popup
-------------------------------------------------------------------*/
.popup {
  max-width: 970px;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background-color: #fff;
  position: absolute;
  top: 100px;
  left: 10px;
  right: 10px;
  margin: 0 auto;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 30;
}

.popup__title {
  margin: 0 0 20px;
}

.popup__close {
  position: absolute;
  right: 10px;
  top: 10px;
  fill: #999;
  cursor: pointer;
  -webkit-transition: fill .3s;
  -o-transition: fill .3s;
  transition: fill .3s;
}

.popup__close:hover {
  fill: #8dc63f;
}

/*-------------------------------------------------------------------
    Misc
-------------------------------------------------------------------*/
.top_btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 0;
  width: 50px;
  height: 50px;
  background-color: #8dc63f;
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  transition: .3s;
}
.top_btn:hover {
  background-color: #f7941d;
}
.top_btn:before,
.top_btn:after {
  content: '';
  display: block;
  position: absolute;
  top: 22px;
  width: 50%;
  height: 2px;
  background-color: #fff;
}
.top_btn:before {
  transform: rotate(45deg);
  right: 4px;
}
.top_btn:after {
  transform: rotate(-45deg);
  left: 4px;
}
.top_btn.hidden {
  display: block;
  opacity: 0;
}

.preloader {
  display: flex;
  align-items: center;
}
.preloader:before {
  content: '';
  background: url("../images/ajax-loader.gif") no-repeat 0 0;
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;
}

.add_item {
  padding: 50px 0;
}

.photo-detail-news {
  margin: 0 20px 10px 0;
}

.crop_modal img {
  max-width: none;
}

.icon-arrow {
  width: 10px;
  height: 15px;
  display: inline-block;
  position: relative;
  margin: 0 0 0 5px;
}

.icon-arrow:before, .icon-arrow:after {
  content: '';
  position: absolute;
  top: -webkit-calc(50% + 1px);
  top: calc(50% + 1px);
  width: 6px;
  height: 1px;
  background-color: #8dc63f;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
}

.icon-arrow:before {
  left: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.icon-arrow:after {
  right: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.menu-toggle {
  margin: 0 auto;
  fill: #8dc63f;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  display: none;
}

.menu-toggle:hover {
  fill: #373535;
}

.hidden {
  display: none;
}

.overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #e8e8e8;
  opacity: .87;
  z-index: 20;
}

.fm,
.fmr {
  position: relative;
}

.fm {
  float: left;
}

.fmr {
  float: right;
}

.title-main {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 2em;
  margin: 0.67em 0;
}

.feedback:after {
  content: '';
  display: table;
  clear: both;
}

.feedback .row {
  display: flex;
}

.feedback textarea {
  margin-bottom: 20px;
}

.feedback .button {
  text-align: center;
  background-color: #8dc63f;
  max-width: 120px;
  width: 100%;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 8px;
}

.feedback .button:hover,
.feedback .button:active {
  background-color: #cc3100;
}

.input-feedback {
  flex: 1 1 calc(50% - 10px);
  margin: 0 20px 20px 0;
}

.input-feedback:nth-child(2n+2) {
  margin-right: 0;
}

.input-feedback input {
  width: 100%;
  height: 40px;
}

.map_area {
  height: 400px;
}

.payment {
  max-width: 100px;
  margin-left: auto;
}

.details-popup-form {
    background-color: #fff;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    width: 470px;
    padding: 0;
    margin: 0 auto;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100;
}