@charset "UTF-8";
/*
Theme Name: Steaks
Author: Korol Paul
Author URI: https://github.com/KorolPaul/
Description: Cool theme for wordpress
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
/*
Base
1.0 Normalize
1.1 Google fonts connection
1.2 Default tags styling

Form elements
2.0 Buttons
2.1 Text input
2.2 Textarea
2.3 Radio
2.4 Checkbox
2.5 Label
2.6 Number
2.7 Standart form

Layout
3.0 Headings
3.1 Header
3.2 Footer
3.3 Main menu
3.4 Toggle menu button
3.5 404 page
3.6 Logo
3.7 Cart
3.8 Breadcrumbs
3.9 Post
3.10 Comments
3.11 Sidebar
3.12 Content holder
3.13 Tabs
3.14 Slider
3.15 Widjet

Other
4.0 Locatoin link
4.1 Phone number
4.2 Post meta
4.3 Tags
4.4 Catalog categories
4.5 Recent posts
4.6 Mini menu
4.7 Search
4.8 Pagination
4.9 Title
4.10 Counters
4.11 Dropdown
4.12 Date
4.13 Rating
4.13 Reviews
4.14 Cooks
4.15 About
4.16 Contacts
4.17 Map
4.18 Checkout
4.19 Action
4.20 Promo

Catalog
5.1 Catalog
5.2 Card 
5.3 Product
5.4 Menu list

Plugins styling
6.1 Dropdown
6.2 Slider plugin

--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Kadwa:400,700|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900&subset=cyrillic,cyrillic-ext,devanagari,latin-ext,vietnamese");
.recent-posts_item:after, .mini-menu_item:after {
  content: "";
  display: table;
  clear: both;
}

/*Basic*/
/*
1.0 Normalize
Styles based on Normalize @link https://github.com/necolas/normalize.css
*/
/**
 * 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.
 */
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).
   */
body {
  margin: 0;
}

/**
   * 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;
}

/* 1.1 Google fonts connection */
/* 1.2 Default tags styling */
body {
  background: url(src/img/bg.jpg) 0 center repeat;
  background-size: 50% auto;
  color: #fff;
  font: 14px/24px "Montserrat", sans-serif;
}

a {
  color: #FF5722;
  -webkit-transition: .2s ease-in-out color;
  transition: .2s ease-in-out color;
}

a:hover {
  color: #FF5722;
  outline: none;
}

p {
  line-height: 1.75;
  margin: 0 0 10px;
}

ul,
ol {
  padding: 0 0 0 20px;
}

ul {
  padding: 0;
}

ul li:not([class]) {
  line-height: 28px;
  list-style: none;
  padding: 0 0 0 15px;
  margin: 0 0 15px;
  position: relative;
}

ul li:not([class])::before {
  content: '>';
  color: #f44336;
  font-weight: bold;
  position: absolute;
  top: -1px;
  left: 0;
}

blockquote {
  background: url(src/img/quote.svg) no-repeat;
  font-size: 20px;
  line-height: 1.75;
  margin: 0 0 20px;
  padding: 20px 0 0 30px;
}

img {
  max-width: 100%;
}

button:focus,
input:focus,
textarea:focus {
  outline: none;
}

/*Form elements*/
/* 2.0 Buttons*/
.button,
button:not([class]),
input[type="button"],
input[type="submit"], .header_bottom-link, .widjet_button, .action_button, .promo_button, .product-card_button, .product_button, .menu-list_button {
  background: transparent;
  border: 2px solid currentColor;
  border-radius: 30px;
  cursor: pointer;
  color: #9f9f9f;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  padding: 10px 45px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-transition: .2s ease-in-out border,  .2s ease-in-out background-color, .2s ease-in-out color;
  transition: .2s ease-in-out border,  .2s ease-in-out background-color, .2s ease-in-out color;
}

.button:hover,
button:not([class]):hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background-color: #9f9f9f;
  color: #fff;
}

/* 2.1 Text input */
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"] {
  background: transparent;
  color: #fff;
  border: 2px solid #9f9f9f;
  font: 14px "Kadwa", serif;
  padding: 6px 15px 7px;
  -webkit-transition: .2s ease-in border-color,
 .2s ease-in color;
  transition: .2s ease-in border-color,
 .2s ease-in color;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder {
  color: #444;
}

input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder {
  color: #444;
}

input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder {
  color: #444;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus {
  border-color: #FF5722;
  color: #FF5722;
}

/* 2.2 Textarea */
textarea {
  background: transparent;
  color: #fff;
  border: 2px solid #9f9f9f;
  font: 14px "Kadwa", serif;
  resize: none;
  padding: 10px 15px;
  min-height: 180px;
  -webkit-transition: .2s ease-in border-color,
 .2s ease-in color;
  transition: .2s ease-in border-color,
 .2s ease-in color;
}

textarea::-webkit-input-placeholder {
  color: #444;
}

textarea::-moz-placeholder {
  color: #444;
}

textarea:-ms-input-placeholder {
  color: #444;
}

textarea:focus {
  border-color: #FF5722;
  color: #FF5722;
}

/* 2.3 Radio */
input[type="radio"] {
  position: absolute;
  visibility: hidden;
  z-index: -1;
}

input[type="radio"] + label {
  cursor: pointer;
  display: inline-block;
  color: #9f9f9f;
  padding: 0 10px 0 25px;
  position: relative;
  -webkit-transition: .2s ease-in-out color;
  transition: .2s ease-in-out color;
}

input[type="radio"] + label::before {
  content: '';
  color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #f44336;
  border-radius: 50%;
  background: transparent;
  line-height: 17px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 2px;
  height: 18px;
  width: 18px;
  -webkit-transition: .2s ease-in-out background;
  transition: .2s ease-in-out background;
}

input[type="radio"] + label::after {
  content: '✓';
  position: absolute;
  color: #000;
  top: -1px;
  left: 4px;
  font-size: 12px;
  -webkit-transition: .2s ease-in-out opacity;
  transition: .2s ease-in-out opacity;
}

input[type="radio"]:checked + label::before {
  background: #f44336;
}

input[type="radio"]:disabled + label::before {
  cursor: default;
  opacity: .5;
}

/* 2.4 Checkbox */
input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
  z-index: -1;
}

input[type="checkbox"] + label {
  cursor: pointer;
  display: inline-block;
  color: #9f9f9f;
  padding: 0 25px 0 0;
  position: relative;
  -webkit-transition: .2s ease-in-out color;
  transition: .2s ease-in-out color;
}

input[type="checkbox"] + label::before {
  content: '';
  color: transparent;
  border-radius: 50%;
  background: #f44336;
  line-height: 17px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 3px;
  height: 14px;
  width: 14px;
  -webkit-transition: .2s ease-in-out border;
  transition: .2s ease-in-out border;
}

input[type="checkbox"] + label::after {
  content: '✓';
  position: absolute;
  color: #000;
  top: 0;
  right: 3px;
  font-size: 11px;
  opacity: 0;
  -webkit-transition: .2s ease-in-out opacity;
  transition: .2s ease-in-out opacity;
}

input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

input[type="checkbox"]:disabled + label::before {
  cursor: default;
  opacity: .5;
}

/* 2.5 Label */
label {
  font: 12px "Kadwa", serif;
  display: block;
  margin: 0 0 12px;
}

/* 2.6 Number */
.number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 75px;
}

.number__big {
  width: auto;
}

.number_button {
  background: transparent;
  border: 2px solid #9f9f9f;
  border-radius: 50%;
  color: #9f9f9f;
  font-weight: bold;
  font-size: 15px;
  height: 18px;
  width: 18px;
  padding: 0;
  text-align: center;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.number__big .number_button {
  color: #fff;
  border-color: #fff;
  height: 25px;
  width: 25px;
  font-size: 25px;
}

.number_button__minus::before {
  content: '-';
  position: absolute;
  left: 4px;
  top: -3px;
}

.number__big .number_button__minus::before {
  left: 5px;
  top: -6px;
}

.number_button__plus::before {
  content: '+';
  position: absolute;
  left: 3px;
  top: -1px;
  font-size: 14px;
}

.number__big .number_button__plus::before {
  left: 4px;
  top: -1px;
  font-size: 21px;
}

.number_input {
  background: transparent;
  color: #9f9f9f;
  border: none;
  font-size: 18px;
  margin: 0 3px;
  padding: 0;
  width: 30px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.number__big .number_input {
  color: #f44336;
  font: bold 28px "Kadwa", serif;
  width: 45px;
}

@media all and (max-width: 992px) {
  .number__big .number_input {
    font-size: 18px;
    width: 30px;
  }
}

/* 2.7 Standart form */
.form {
  margin: 0 0 50px;
}

@media all and (max-width: 992px) {
  .form {
    margin-bottom: 20px;
  }
}

.form_fields {
  border: 2px solid #f44336;
  padding: 26px 55px;
}

@media all and (max-width: 992px) {
  .form_fields {
    padding: 20px 30px;
  }
}

.form_fields__small-indent {
  padding-left: 25px;
  padding-right: 25px;
}

.form_fields-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 26px;
}

@media all and (max-width: 992px) {
  .form_fields-row {
    display: block;
  }
}

.form_fields-row__indent {
  margin: -14px 0 10px;
}

.form_field {
  width: 100%;
}

.form_item {
  width: 45%;
}

@media all and (max-width: 992px) {
  .form_item {
    width: 100%;
  }
}

.form_item__wide {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
}

.form_social {
  color: #9f9f9f;
}

.form_social-icon {
  margin: 0 0 0 10px;
  vertical-align: middle;
}

/*layout*/
/* 3.0 Headings */
h1,
.heading-1, .cart_table-price, .cart_form-title, .cart_form-price, .post_title, .comments_title, .slick-slider_price-value, .widjet_table-price, .reviews_form-title, .checkout_title, .checkout_price, .product_title, .product_price, .menu-list_price {
  color: #f44336;
  font: bold 28px/38px "Kadwa", serif;
  letter-spacing: .1em;
  margin: 30px 0 10px;
}

@media all and (max-width: 992px) {
  h1,
  .heading-1, .cart_table-price, .cart_form-title, .cart_form-price, .post_title, .comments_title, .slick-slider_price-value, .widjet_table-price, .reviews_form-title, .checkout_title, .checkout_price, .product_title, .product_price, .menu-list_price {
    font: bold 24px "Kadwa", serif;
  }
}

.form_title, h2,
.heading-2, .footer_title, .cart_table-title, .widjet_table-title, .tags_title, .categories_title, .recent-posts_title, .mini-menu_title, .contacts_title, .product-card_title {
  color: #f44336;
  font: bold 20px/38px "Kadwa", serif;
  letter-spacing: .1em;
  margin: 0 0 5px;
}

@media all and (max-width: 992px) {
  .form_title, h2,
  .heading-2, .footer_title, .cart_table-title, .widjet_table-title, .tags_title, .categories_title, .recent-posts_title, .mini-menu_title, .contacts_title, .product-card_title {
    font: bold 18px "Kadwa", serif;
  }
}

h3,
.heading-3 {
  color: #f44336;
  font: bold 16px/38px "Kadwa", serif;
  margin: 0 0 5px;
}

@media all and (max-width: 992px) {
  h3,
  .heading-3 {
    font: bold 20px "Kadwa", serif;
  }
}

h4,
.heading-4 {
  color: #f44336;
  font: 20px "Montserrat", sans-serif;
  margin: 35px 0 20px;
}

@media all and (max-width: 992px) {
  h4,
  .heading-4 {
    font: bold 14px "Kadwa", serif;
  }
}

h5,
.heading-5 {
  font: bold 15px "Montserrat", sans-serif;
  margin: 30px 0 20px;
}

@media all and (max-width: 992px) {
  h5,
  .heading-5 {
    font: bold 16px "Kadwa", serif;
  }
}

h6,
.heading-6 {
  font: bold 13px "Montserrat", sans-serif;
  margin: 30px 0 20px;
}

@media all and (max-width: 992px) {
  h6,
  .heading-6 {
    font: bold 15px "Kadwa", serif;
  }
}

.home h1, .home
.heading-1 {
  font-size: 70px;
}

.home h2, .home
.heading-2 {
  font-size: 50px;
  font-weight: bold;
}

@media all and (max-width: 992px) {
  .home h2, .home
  .heading-2 {
    font-size: 60px;
  }
}

@media all and (max-width: 992px) {
  .home h3, .home
  .heading-3 {
    font-size: 32px;
  }
}

@media all and (max-width: 992px) {
  h4,
  .heading-4 {
    font-size: 24px;
  }
}

/* 3.1 Header */
.header_top {
  background: #f44336;
  padding: 8px 0;
  text-align: center;
}

.header_bottom {
  background-color: #6a6a6a;
  position: relative;
}

@media all and (max-width: 992px) {
  .header_bottom {
    padding: 60px 40px;
  }
}

.header_bottom::before {
  content: '';
  background: url(src/img/showcase-bg-top.png) 0 top repeat-x;
  height: 10px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.header_bottom::after {
  content: '';
  background: url(src/img/showcase-bg-bottom.png) 0 bottom repeat-x;
  height: 10px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.header_bottom-showcase {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1;
}

@media all and (max-width: 992px) {
  .header_bottom-showcase {
    position: static;
    -webkit-transform: none;
    transform: none;
  }
}

.header_bottom-title {
  color: #fff;
  background: url(src/img/steak.svg) center bottom no-repeat;
  font: bold 45px/1.3 "Kadwa", serif;
  position: relative;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 60px;
}

.header_bottom-title::before {
  content: '';
  border-bottom: 2px solid #969696;
  width: 100px;
  position: absolute;
  bottom: 17px;
  left: 50%;
  -webkit-transform: translate(-150%, 0);
  transform: translate(-150%, 0);
}

.header_bottom-title::after {
  content: '';
  border-bottom: 2px solid #969696;
  width: 100px;
  position: absolute;
  bottom: 17px;
  right: 50%;
  -webkit-transform: translate(150%, 0);
  transform: translate(150%, 0);
}

.header_bottom-image {
  min-height: 475px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media all and (max-width: 992px) {
  .header_bottom-image {
    -o-object-fit: none;
    object-fit: none;
    min-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.header_bottom-link {
  font-size: 14px;
  display: inline-block;
  margin: 26px 0 0;
  color: #fff;
}

.header_bottom-link:hover {
  text-decoration: none;
}

.header_other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.header_holder {
  position: relative;
}

.header_row {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

/* 3.2 Footer */
.footer {
  background: #000 url(src/img/dark-bg.jpg) no-repeat;
  background-size: cover;
  color: #ccc;
  padding: 40px 0 75px;
  position: relative;
}

.footer::before {
  content: '';
  background: url(src/img/showcase-bg-top.png) 0 top repeat-x;
  height: 10px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.footer_logo {
  margin: 0 0 42px;
}

.footer_title {
  color: #fff;
  margin: 0 0 42px;
  line-height: 1;
}

@media all and (max-width: 992px) {
  .footer_title {
    margin: 30px 0 12px;
  }
}

.footer_subtitle {
  color: #fff;
  font-weight: bold;
}

.footer_social {
  padding: 20px 0;
}

.footer_social-icon {
  margin: 0 20px 0 0;
}

@media all and (max-width: 992px) {
  .footer_instagram {
    display: none;
  }
}

/* 3.3 Main menu */
.menu {
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 1;
  padding: 0;
}

@media all and (max-width: 992px) {
  .menu {
    background: #f44336;
    left: 0;
    top: 0;
    padding: 80px 20px 0;
    position: fixed;
    z-index: 2;
    display: none;
  }
}

.menu.opened {
  display: block;
}

.menu_link {
  color: #fff;
  font-family: "Kadwa", serif;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 0 0 25px;
  position: relative;
}

@media all and (max-width: 992px) {
  .menu_link {
    display: block;
    padding: 16px 0;
    margin: 0;
    border-top: 1px solid #fff;
  }
}

.menu_link:hover {
  color: #f44336;
  text-decoration: none;
}

.menu_link::after {
  content: '';
  position: absolute;
  top: 35px;
  left: 7px;
  right: 7px;
  border-bottom: 2px solid transparent;
}

@media all and (max-width: 992px) {
  .menu_link::after {
    display: none;
  }
}

.menu_link.active::after {
  border-color: #fff;
}

/* 3.4 Toggle menu button */
.menu-toggle {
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  background: #fff;
  padding: 0;
  margin: 0 15px;
  height: 3px;
  width: 35px;
  overflow: visible;
  min-width: inherit;
  position: absolute;
  right: 10px;
  top: 30px;
  z-index: 3;
  -webkit-transition: .2s ease background;
  transition: .2s ease background;
}

@media all and (max-width: 992px) {
  .menu-toggle {
    display: block;
  }
}

.menu-toggle:hover {
  background: #fff;
}

.menu-toggle::before {
  content: '';
  background: #fff;
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 3px;
  -webkit-transition: .2s ease-in-out height, .2s ease-in-out transform;
  transition: .2s ease-in-out height, .2s ease-in-out transform;
}

.menu-toggle::after {
  content: '';
  background: #fff;
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  height: 3px;
  -webkit-transition: .2s ease-in-out height, .2s ease-in-out transform;
  transition: .2s ease-in-out height, .2s ease-in-out transform;
}

.menu-toggle.opened {
  background: transparent;
}

.menu-toggle.opened::before {
  -webkit-transform: rotateZ(45deg) translate(9px, 9px);
  transform: rotateZ(45deg) translate(9px, 9px);
}

.menu-toggle.opened::after {
  -webkit-transform: rotateZ(-45deg) translate(8px, -7px);
  transform: rotateZ(-45deg) translate(8px, -7px);
}

/* 3.5 404 page */
.error404 {
  background: url(src/img/404.svg) no-repeat;
  background-size: cover;
}

.error404_wrapper {
  text-align: center;
}

@media all and (max-width: 992px) {
  .error404_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: calc(100vh - 145px - 330px);
  }
}

@media all and (max-width: 992px) {
  .error404_header, .error404_content {
    margin: 0 auto 50px;
    width: 60%;
  }
}

.error404_header p, .error404_content p {
  font-size: 18px;
  margin: 0 0 20px;
}

@media all and (max-width: 992px) {
  .error404_header p, .error404_content p {
    font-size: 36px;
  }
}

.error404_title {
  font-size: 30vmin;
  line-height: .8;
  margin: 0;
}

@media all and (max-width: 992px) {
  .error404_title {
    font-size: 220px;
  }
}

/* 3.6 Logo */
.logo {
  background: url(src/img/logo.png) no-repeat center top;
  color: #fff;
  font: 12px "Kadwa", serif;
  display: inline-block;
  padding: 28px 0 0;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 50px;
  width: 250px;
  text-align: center;
  text-decoration: none;
}

.logo:hover {
  color: #fff;
  text-decoration: none;
}

/* 3.7 Cart */
.cart_table-wrapper {
  overflow: auto;
}

.cart_table {
  width: 100%;
}

@media all and (max-width: 992px) {
  .cart_table {
    min-width: 680px;
  }
}

.cart_table th {
  border-bottom: 1px solid #f44336;
  color: #fff;
  font: 600 14px "Kadwa", serif;
  padding: 0 30px 40px 0;
  text-transform: uppercase;
}

@media all and (max-width: 992px) {
  .cart_table th {
    padding: 0 15px 20px 0;
  }
}

.cart_table td {
  vertical-align: middle;
  padding: 15px 30px 15px 0;
  font-size: 14px;
}

@media all and (max-width: 992px) {
  .cart_table td {
    padding: 0 15px 15px 0;
  }
}

.cart_table td:last-child {
  padding-right: 0;
}

.cart_table td p {
  margin: 0;
}

.cart_table tr:first-child td {
  padding-top: 45px;
}

@media all and (max-width: 992px) {
  .cart_table tr:first-child td {
    padding-top: 25px;
  }
}

.cart_table tr:last-child td {
  border-bottom: 1px solid #f44336;
  padding-bottom: 45px;
}

@media all and (max-width: 992px) {
  .cart_table tr:last-child td {
    padding-bottom: 25px;
  }
}

.cart_table-image {
  margin: 0 30px 0 0;
  float: left;
  width: 160px;
}

@media all and (max-width: 992px) {
  .cart_table-image {
    display: none;
  }
}

.cart_table-title {
  margin: 0;
}

.cart_table-price {
  position: relative;
  padding: 0 30px 0 0;
  white-space: nowrap;
}

@media all and (max-width: 992px) {
  .cart_table-price {
    font-size: 20px;
  }
}

.cart_table-price sup {
  font-size: 16px;
  margin: 0 0 0 5px;
  top: -14px;
}

@media all and (max-width: 992px) {
  .cart_table-price sup {
    font-size: 14px;
  }
}

.cart_table-delete {
  background: #000 url("src/img/delete.svg") center center no-repeat;
  height: 24px;
  width: 24px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: .2s ease-in-out background;
  transition: .2s ease-in-out background;
}

.cart_table-delete:hover {
  background-color: #f44336;
}

.cart_forms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 50px;
}

@media all and (max-width: 992px) {
  .cart_forms {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.cart_form {
  width: 32%;
}

@media all and (max-width: 992px) {
  .cart_form {
    width: 100%;
  }
}

.cart_form-title {
  color: #fff;
  letter-spacing: .03em;
  margin-bottom: 0 0 20px;
}

.cart_form-price {
  margin: 0;
}

.cart_form-price sup {
  font-size: 16px;
  margin: 0 0 0 5px;
  top: -14px;
}

.cart-button {
  background: #f44336 url("src/img/cart.svg") center center no-repeat;
  border-radius: 50%;
  border: none;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  height: 60px;
  width: 60px;
  position: absolute;
  right: 10vw;
  top: 100%;
  -webkit-transform: translateY(-60%);
  transform: translateY(-60%);
  z-index: 3;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out transform;
  transition: .2s ease-in-out transform;
}

.cart-button:hover {
  -webkit-transform: scale(1.2) translateY(-50%);
  transform: scale(1.2) translateY(-50%);
}

.cart-button_value {
  background: #fff;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  text-align: center;
  position: absolute;
  bottom: 8px;
  right: 10px;
  color: #f44336;
  font-size: 10px;
  line-height: 18px;
  font-weight: 600;
}

/* 3.8 Breadcrumbs */
.breadcrumbs {
  font-size: 12px;
  color: #f44336;
  padding: 30px 0 35px;
}

.breadcrumbs_link {
  padding: 0 9px 0 0;
  margin: 0 3px 0 0;
  color: #f44336;
  position: relative;
  text-decoration: none;
}

.breadcrumbs_link::after {
  content: '>';
  position: absolute;
  right: -2px;
  top: -4px;
}

/* 3.9 Post */
.post {
  margin: 0 0 40px;
}

.post__small {
  border-bottom: 1px solid #f44336;
  padding: 0 0 20px;
  margin: 0 0 24px;
}

.post_title {
  display: block;
}

.post__small .post_title {
  font-size: 26px;
  margin: 0 0 20px;
}

.post_image-wrapper {
  position: relative;
  overflow: hidden;
}

.post_image {
  border: 2px solid #f44336;
  border-radius: 5px;
  width: 100%;
}

.post_footer {
  border-top: 1px solid #f44336;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.post_tags {
  background: url(src/img/shortcut.png) 0 center no-repeat;
  padding: 0 0 0 25px;
}

.post_tag {
  color: #f44336;
  text-decoration: none;
  margin: 0 7px 0 0;
}

/* 3.10 Comments */
.comments {
  margin: 0 0 30px;
  padding: 0 0 15px;
  border-bottom: 1px solid #f44336;
}

.comments_title {
  margin-bottom: 20px;
}

.comment {
  padding: 0 0 20px;
  position: relative;
}

.comment__inner {
  margin-left: 91px;
}

.comment_avatar {
  border: 1px solid #f44336;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 0 10px;
  float: left;
}

.comment_user {
  color: #f44336;
  font: bold 16px "Kadwa", serif;
  margin: 0 0 0 30px;
}

.comment_date {
  margin: 0 0 0 16px;
}

.comment_reply {
  background: url(src/img/reply.svg) no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 23px;
}

.comment_text {
  margin: 0 0 0 91px;
}

/* 3.11 Sidebar */
.sidebar {
  margin: 0 0 20px;
}

/* 3.12 Content holder */
.pattern-bg {
  background: #f44336 url(src/img/pattern.jpg) repeat;
}

.white-bg {
  background: #fff;
  color: #000;
  padding: 60px 0;
}

/* 3.13 Tabs */
.tabs_header {
  text-align: center;
  padding: 20px 0;
  border-bottom: 1px solid #f44336;
}

.tabs_button {
  cursor: pointer;
  border: none;
  background: transparent;
  color: #fff;
  font: 20px "Kadwa", serif;
  margin: 0 35px;
}

.tabs_button:hover, .tabs_button.active {
  color: #f44336;
}

.tabs_content {
  padding: 26px 0;
}

.tabs_tab {
  display: none;
}

.tabs_tab.active {
  display: block;
}

/* 3.14 Slider */
.slick-slider {
  overflow: hidden;
}

.slick-slider__small {
  margin: 0 0 15px;
}

.slick-slider_item {
  position: relative;
  outline: none;
}

.slick-slider_image {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.slick-slider_navigation {
  margin: auto;
  height: 120px;
  position: relative;
  bottom: 120px;
}

.slick-slider__small .slick-slider_navigation {
  max-width: 750px;
  bottom: 3px;
}

.slick-slider_holder {
  left: 0;
  right: 0;
  position: absolute;
  height: 100%;
  max-height: calc(98vh - 160px);
}

@media all and (max-width: 992px) {
  .slick-slider_holder {
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 1;
  }
}

.slick-slider__small .slick-slider_holder {
  max-width: 750px;
  height: auto;
  position: static;
  -webkit-transform: none;
  transform: none;
}

.slick-slider_content {
  position: absolute;
  left: 0;
  right: 0;
  top: 30%;
  padding: 30px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media all and (max-width: 992px) {
  .slick-slider_content {
    top: 50%;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 5px rbga(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rbga(0, 0, 0, 0.3);
    right: auto;
  }
}

.slick-slider_title {
  color: #f44336;
  font: 15vw/1 "Yellowtail", cursive;
  margin: 0 0 20px;
}

@media all and (max-width: 992px) {
  .slick-slider_title {
    margin: 0;
    font-size: 72px;
  }
}

.slick-slider_text {
  font: bold 26px "Kadwa", serif;
  margin: 0;
}

.slick-slider_price {
  display: none;
}

@media all and (max-width: 992px) {
  .slick-slider_price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 1px solid #e0e0e0;
  }
}

.slick-slider_count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.slick-slider_count .button {
  margin: 0 0 0 10px;
}

.slick-slider_price-value {
  color: #FF5722;
  margin: 0 0 0 10px;
}

.slick-slider_price-old {
  font: 26px "Kadwa", serif;
  color: #ccc;
  margin: 0 0 0 3px;
  text-decoration: line-through;
  vertical-align: 4px;
}

.slick-slider_quote-content {
  width: 100%;
  border-radius: 10px;
  padding: 30px;
  -webkit-box-shadow: 0 2px 5px rbga(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rbga(0, 0, 0, 0.3);
  background: #fff;
}

@media all and (max-width: 992px) {
  .slick-slider_quote-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.slick-slider_user {
  text-align: center;
}

@media all and (max-width: 992px) {
  .slick-slider_user {
    margin: 0 30px 0 0;
    width: 110px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.slick-slider_username {
  font: bold 32px "Kadwa", serif;
  margin: 0 0 10px;
}

@media all and (max-width: 992px) {
  .slick-slider_username {
    font-size: 16px;
  }
}

.slick-slider_avatar {
  display: none;
}

@media all and (max-width: 992px) {
  .slick-slider_avatar {
    display: block;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    margin: 0 0 10px;
  }
}

.slick-slider_social {
  margin: 0 2px;
}

/* 3.15 Widjet */
.widjet {
  background: #000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 30px 20px;
  min-width: 430px;
  z-index: 4;
  overflow: auto;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: .3s ease-in-out transform;
  transition: .3s ease-in-out transform;
}

@media all and (max-width: 540px) {
  .widjet {
    width: 100%;
  }
}

.widjet.opened {
  -webkit-transform: translate(0);
  transform: translate(0);
}

.widjet_close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-weight: 900;
  font-size: 30px;
  color: #fff;
  background: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition: .2s ease color;
  transition: .2s ease color;
  z-index: 3;
}

.widjet_close:hover {
  color: #f44336;
}

.widjet_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0;
}

.widjet_bottom-title {
  font: bold 20px/38px "Kadwa", serif;
  color: #f44336;
}

.widjet_bottom-value {
  font: bold 20px/38px "Kadwa", serif;
}

@media all and (max-width: 540px) {
  .widjet_table {
    width: 100%;
  }
}

.widjet_table td {
  padding: 30px 8px;
  border-bottom: 1px solid #f44336;
}

.widjet_table td + td {
  text-align: center;
}

.widjet_table-price {
  color: #fff;
  margin: 0;
}

.widjet_table-price sup {
  font-size: 16px;
  margin: 0 0 0 5px;
  top: -14px;
}

.widjet_table-title {
  position: relative;
}

.widjet_table-delete {
  position: absolute;
  top: -30px;
  right: -17px;
  font-weight: 900;
  font-size: 30px;
  color: #fff;
  background: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition: .2s ease color;
  transition: .2s ease color;
  z-index: 3;
}

.widjet_table-delete:hover {
  color: #f44336;
}

.widjet_table-image {
  width: 100px;
}

/*Other*/
/* 4.0 Locatoin link */
.working-hours {
  color: #fff;
  font-size: 14px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 95px;
  position: relative;
  white-space: nowrap;
}

@media all and (max-width: 992px) {
  .working-hours {
    height: 30px;
    padding-left: 50px;
    font-size: 18px;
  }
}

@media all and (max-width: 540px) {
  .working-hours {
    text-align: left;
    display: block;
    white-space: normal;
    margin: 0 0 20px;
  }
}

.working-hours::before {
  content: '';
  background: #fff url(src/img/clock.svg) no-repeat center center;
  border-radius: 50%;
  height: 100%;
  width: 60px;
  position: absolute;
  left: 0;
  top: 0;
}

@media all and (max-width: 992px) {
  .working-hours::before {
    width: 30px;
    background-size: 50% auto;
  }
}

.working-hours_value {
  font-size: 22px;
  margin: 0 5px;
}

@media all and (max-width: 992px) {
  .working-hours_value {
    font-size: 20px;
  }
}

/* 4.1 Phone number */
.phone-number {
  color: #fff;
  font-size: 22px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 95px;
  position: relative;
  white-space: nowrap;
}

@media all and (max-width: 992px) {
  .phone-number {
    height: 30px;
    padding-left: 50px;
    font-size: 18px;
    margin: 10px 0 5px;
  }
}

.phone-number::before {
  content: '';
  background: #fff url(src/img/phone.svg) no-repeat center center;
  border-radius: 50%;
  height: 100%;
  width: 60px;
  position: absolute;
  left: 0;
  top: 0;
}

@media all and (max-width: 992px) {
  .phone-number::before {
    width: 30px;
    background-size: 50% auto;
  }
}

/* 4.2 Post meta */
.meta {
  padding: 20px 0 0;
  margin: 0 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.meta_social {
  display: inline-block;
  position: relative;
  padding: 0 0 0 10px;
  vertical-align: middle;
  margin: -4px 0 0 0;
}

.meta_social-icon {
  background: url(src/img/graph.svg) 0 center no-repeat;
  display: inline-block;
  height: 16px;
  width: 15px;
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
}

.meta_social:hover .meta_social-icon {
  opacity: .7;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.meta_social-links {
  position: absolute;
  top: -6px;
  right: 100%;
  white-space: nowrap;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  opacity: 0;
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
}

.meta_social:hover .meta_social-links {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.meta_social-link {
  margin: 0 5px 0 0;
  -webkit-transition: .2s ease-in-out opacity;
  transition: .2s ease-in-out opacity;
}

.meta_social-link:hover {
  opacity: .7;
}

.meta_social-image {
  max-width: none;
}

.meta_author-name, .meta_category-name {
  color: #f44336;
}

/* 4.3 Tags */
.tags {
  padding: 15px 20px;
  border: 2px solid #f44336;
  border-radius: 5px;
  margin: 0 0 40px;
}

.tags_title {
  margin-bottom: 20px;
}

.tag {
  border-radius: 5px;
  color: #fff;
  border: 2px solid #f44336;
  margin: 0 10px 12px 0;
  padding: 3px 10px;
  display: inline-block;
  -webkit-transition: .2s ease-in-out background, 
 .2s ease-in-out color;
  transition: .2s ease-in-out background, 
 .2s ease-in-out color;
}

.tag:hover {
  color: #fff;
  background: #f44336;
  text-decoration: none;
}

/* 4.4 Catalog categories */
.categories {
  padding: 15px 20px;
  border: 2px solid #f44336;
  border-radius: 5px;
  margin: 0 0 40px;
}

.categories_title {
  margin: 0 0 20px;
}

.categories_link {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 10px;
  text-decoration: none;
}

.categories_link:hover {
  color: #f44336;
  text-decoration: none;
}

.categories_count {
  border: 2px solid #f44336;
  display: inline-block;
  border-radius: 5px;
  padding: 5px 8px;
  text-align: center;
  min-width: 43px;
}

/* 4.5 Recent posts */
.recent-posts {
  padding: 15px 20px;
  border: 2px solid #f44336;
  border-radius: 5px;
  margin: 0 0 40px;
}

.footer .recent-posts {
  border: none;
  padding: 0 10px 0 0;
}

@media all and (max-width: 992px) {
  .footer .recent-posts {
    display: none;
  }
}

.recent-posts_title {
  margin-bottom: 20px;
}

.footer .recent-posts_title {
  color: #fff;
  margin: 0 0 42px;
  line-height: 1;
}

.recent-posts_item {
  color: #fff;
  display: block;
  padding: 0 0 12px;
}

.recent-posts_item:hover {
  text-decoration: none;
}

.recent-posts_item-image {
  border: 2px solid #f44336;
  border-radius: 50%;
  height: 65px;
  width: 65px;
  margin: 0 20px 0 0;
  float: left;
}

.recent-posts_item-title {
  font-weight: 900;
  display: block;
  margin: 0 0 0 91px;
}

.recent-posts_item-text {
  margin: 0 0 0 91px;
}

/* 4.6 Mini menu */
.mini-menu {
  padding: 15px 20px;
  border: 2px solid #f44336;
  border-radius: 5px;
  margin: 0 0 40px;
}

.mini-menu_title {
  margin-bottom: 20px;
}

.mini-menu_item {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 12px;
}

.mini-menu_item:hover {
  text-decoration: none;
}

.mini-menu_item-image {
  height: 120px;
  width: 120px;
  margin: 0 20px 0 0;
  float: left;
}

.mini-menu_item-title {
  font-size: 18px;
  font-weight: 700;
  display: block;
}

.mini-menu_item-price {
  font-size: 18px;
  font-weight: 700;
  display: block;
  color: #f44336;
}

.mini-menu_item-text {
  text-align: center;
}

@media all and (max-width: 992px) {
  .mini-menu_item-text {
    text-align: left;
  }
}

/* 4.7 Search */
.search {
  display: inline-block;
  vertical-align: middle;
}

.search_icon {
  background: url(src/img/search.svg) center center no-repeat;
  border: none;
  height: 25px;
  width: 25px;
  padding: 0;
}

.search_input {
  display: none;
}

/* 4.8 Pagination */
.pages {
  margin: 50px 0;
  text-align: center;
}

.pages_link {
  color: #fff;
  border: 2px solid #f44336;
  font: bold "Montserrat", sans-serif "Kadwa", serif;
  margin: 0 11px;
  padding: 6px 9px 5px;
}

.pages_link:hover {
  text-decoration: none;
}

/* 4.9 Title */
.title {
  color: #fff;
  background: url(src/img/steak.svg) center bottom no-repeat;
  background-size: 34px auto;
  font: bold 26px "Kadwa", serif;
  margin: 0 auto 36px;
  padding: 0 0 50px;
  text-align: center;
  position: relative;
  text-transform: uppercase;
}

.title::before {
  content: '';
  border-bottom: 2px solid #969696;
  width: 70px;
  position: absolute;
  bottom: 14px;
  left: 50%;
  -webkit-transform: translate(-150%, 0);
  transform: translate(-150%, 0);
}

.title::after {
  content: '';
  border-bottom: 2px solid #969696;
  width: 70px;
  position: absolute;
  bottom: 14px;
  right: 50%;
  -webkit-transform: translate(150%, 0);
  transform: translate(150%, 0);
}

.white-bg .title {
  color: #000;
}

.pattern-bg .title {
  background-image: url(src/img/steak-white.svg);
}

.pattern-bg .title::before, .pattern-bg .title::after {
  border-color: #fff;
}

/* 4.10 Counters */
.counters {
  background: #ccc url(src/img/dark-bg.jpg) no-repeat;
  background-size: cover;
  margin: 0 0 60px;
  padding: 120px 0;
  overflow: hidden;
  position: relative;
}

@media all and (max-width: 992px) {
  .counters {
    padding: 60px 0;
  }
}

.counters_holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.counters_item {
  color: #fff;
  border: 2px solid #f44336;
  border-radius: 50%;
  height: 160px;
  width: 160px;
  margin: 0 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

@media all and (max-width: 992px) {
  .counters_item {
    height: 130px;
    width: 130px;
  }
}

.counters_value {
  display: block;
  font: bold 66px/1 "Kadwa", serif;
  margin: 0 0 10px;
  position: relative;
}

@media all and (max-width: 992px) {
  .counters_value {
    font-size: 44px;
  }
}

.counters_title {
  font: bold 15px/1 "Kadwa", serif;
}

@media all and (max-width: 992px) {
  .counters_title {
    font-size: 12px;
  }
}

.counters_bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* 4.11 Dropdown */
.dropdown {
  display: inline-block;
  position: relative;
  padding: 20px 0;
}

@media all and (max-width: 540px) {
  .dropdown {
    padding: 10px 0 0;
  }
}

.dropdown_link {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 0 20px 0 15px;
  position: relative;
}

@media all and (max-width: 992px) {
  .dropdown_link {
    display: none;
  }
}

.dropdown_link::after {
  content: '';
  background: #fff url(src/img/down-red.svg) center center no-repeat;
  background-size: 5px auto;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
  height: 14px;
  width: 14px;
}

.dropdown_list {
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  max-width: 200px;
  padding: 0 20px;
  text-align: right;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .2s ease-in-out  opacity, .0s ease-in-out .2s visibility;
  transition: .2s ease-in-out  opacity, .0s ease-in-out .2s visibility;
}

@media all and (max-width: 992px) {
  .dropdown_list {
    opacity: 1;
    visibility: visible;
    position: static;
    background: transparent;
  }
}

.dropdown:hover .dropdown_list {
  opacity: 1;
  visibility: visible;
  -webkit-transition: .2s ease-in-out .2s opacity, .2s ease-in-out  visibility;
  transition: .2s ease-in-out .2s opacity, .2s ease-in-out  visibility;
}

.dropdown_list-link {
  display: block;
  padding: 8px 0;
  color: #f44336;
  border-top: 1px solid #9f9f9f;
  text-decoration: none;
}

@media all and (max-width: 992px) {
  .dropdown_list-link {
    color: #fff;
    padding: 0 0 0 10px;
    border: none;
    display: inline;
  }
}

.dropdown_list-link:first-child {
  border: none;
}

@media all and (max-width: 992px) {
  .dropdown_list-link:first-child {
    color: #fff;
  }
}

/* 4.12 Date */
.date {
  background: url(src/img/calendar.png) 0 center no-repeat;
  padding: 0 0 0 25px;
  color: #f44336;
}

/* 4.13 Rating */
.rating_item {
  background: url("src/img/steak.svg") center center no-repeat;
  background-size: 100% auto;
  cursor: pointer;
  border: none;
  display: inline-block;
  height: 24px;
  width: 24px;
  margin: 0 10px 0 0;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: .2s ease-in-out filter;
  transition: .2s ease-in-out filter;
}

.rating_item:hover, .rating_item.active {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.rating__small .rating_item {
  height: 16px;
  width: 16px;
}

/* 4.13 Reviews */
.reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media all and (max-width: 992px) {
  .reviews {
    display: block;
  }
}

.reviews_list {
  width: 60%;
}

@media all and (max-width: 992px) {
  .reviews_list {
    width: 100%;
  }
}

.reviews_form {
  width: 30%;
}

@media all and (max-width: 992px) {
  .reviews_form {
    width: 100%;
  }
}

.reviews_form-title {
  text-align: center;
  margin: 0 0 30px;
}

.review {
  position: relative;
}

.review_name {
  color: #f44336;
  font: 16px/1 "Kadwa", serif;
  margin: 0 0 15px;
}

.review_date {
  color: #9f9f9f;
  font: 12px/1 "Kadwa", serif;
  margin: 0 0 10px;
}

.review_rating {
  position: absolute;
  top: 0;
  right: 0;
}

.review_text p {
  margin: 0 0 20px;
}

.reviews-slider {
  padding: 0 0 35px;
}

.reviews-slider_item {
  margin: 0 15px;
  width: 247px;
}

.reviews-slider_image {
  border: 2px solid #f44336;
  border-radius: 50%;
  margin: 0 auto 55px;
  display: block;
}

.reviews-slider_content {
  border: 2px solid #f44336;
  border-top: none;
  padding: 50px 20px 20px;
  position: relative;
}

.reviews-slider_triangle {
  padding: 50px 0 0;
  background: url(src/img/card-arrow.svg) center bottom no-repeat;
  background-size: 100% auto;
  position: absolute;
  bottom: 100%;
  left: -2px;
  right: -2px;
  -webkit-transform: translate(0, 1px);
  transform: translate(0, 1px);
}

.reviews-slider_name {
  color: #fff;
  font-weight: bold;
  line-height: 1;
}

/* 4.14 Cooks */
.cooks {
  margin: 0 0 60px;
}

.cooks_item {
  text-align: center;
}

.cooks_image {
  border: 2px solid #f44336;
  border-radius: 50%;
  margin: 0 0 20px;
}

.cooks_name {
  color: #fff;
  font: bold 16px "Kadwa", serif;
}

/* 4.15 About */
.about {
  margin: 0 0 60px;
}

@media all and (max-width: 540px) {
  .about {
    text-align: center;
  }
}

.about_title {
  color: #fff;
  line-height: 1;
  margin: 0 0 18px;
}

.about_text {
  text-align: center;
  margin: 0 0 20px;
}

.about__small .about_text {
  text-align: left;
  margin-bottom: 30px;
}

@media all and (max-width: 540px) {
  .about__small .about_text {
    text-align: center;
  }
}

.about_link {
  color: #fff;
  display: inline-block;
  margin: 8px 0 0;
}

.about_image {
  margin: 0 0 20px;
}

/* 4.16 Contacts */
.contacts {
  margin: 0 0 60px;
}

.contacts_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 36px;
}

@media all and (max-width: 992px) {
  .contacts_items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.contacts_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-align: center;
  height: 254px;
  width: 254px;
  border-radius: 50%;
  background: #f44336;
  margin: 0 10px 10px;
}

.contacts_item:nth-child(even) {
  background: rgba(255, 255, 255, 0.1);
}

.white-bg .contacts_item:nth-child(even) {
  background: url(src/img/bg.jpg) center;
}

.contacts_icon {
  margin: 0 0 10px;
}

.contacts_text {
  margin: 0;
}

.contacts_title {
  margin: 0;
  color: #9f9f9f;
  text-align: center;
}

.contacts_link {
  color: #fff;
}

.contacts_link:hover {
  color: #fff;
}

/* 4.17 Map */
.map {
  border: 2px solid #f44336;
  margin: 0 0 60px;
}

/* 4.18 Checkout */
.checkout_header {
  border-bottom: 1px solid #f44336;
  padding: 0 0 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.checkout_back {
  color: #fff;
  font-weight: bold;
}

.checkout_back:hover {
  color: #fff;
}

.checkout_title {
  color: #fff;
  text-align: center;
  margin: 26px 0;
}

.checkout_table {
  margin: 0 0 20px;
  width: 100%;
}

.checkout_table th {
  border-bottom: 1px solid #f44336;
  font: bold 14px "Kadwa", serif;
  text-transform: uppercase;
  padding: 0 0 22px;
}

.checkout_table th + th {
  text-align: right;
}

.checkout_table td {
  font-size: 14px;
  padding: 13px 0;
}

.checkout_table td + td {
  text-align: right;
}

.checkout_table tr:FIRST-child td {
  padding-top: 26px;
}

.checkout_table tr:last-child td {
  padding-bottom: 26px;
  border-bottom: 1px solid #f44336;
}

.checkout_bright {
  color: #f44336;
}

.checkout_price {
  margin: 0;
}

.checkout_price sup {
  font-size: 16px;
  margin: 0 0 0 5px;
  top: -14px;
}

.checkout_subtitle {
  font: bold 14px "Kadwa", serif;
}

.checkout_payment {
  border-bottom: 1px solid #f44336;
  padding: 0 0 15px;
  margin: 0 0 24px;
}

.checkout_payment-label[for] {
  color: #fff;
}

.checkout_payment-link {
  font-size: 12px;
  margin: 0 0 0 10px;
  vertical-align: middle;
}

/* 4.19 Action */
.action {
  padding: 80px 0;
  margin: 0 0 60px;
  position: relative;
  z-index: 2;
}

.action_holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media all and (max-width: 992px) {
  .action_holder {
    display: block;
  }
}

.action_image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media all and (max-width: 992px) {
  .action_image {
    display: block;
    margin: 0 auto 20px;
    -webkit-transform: none;
    transform: none;
  }
}

.action_content {
  padding: 0 0 0 5%;
  text-align: right;
}

@media all and (max-width: 992px) {
  .action_content {
    text-align: center;
  }
}

.action_title {
  font: bold 22px/28px "Kadwa", serif;
}

.action_subtitle {
  color: #000;
  font: 18px/28px "Montserrat", sans-serif;
  margin: 25px 0;
}

@media all and (max-width: 992px) {
  .action_subtitle {
    margin: 10px 0;
  }
}

.action_price {
  font-size: 24px;
  font-weight: bold;
}

.action_price sup {
  font-size: 14px;
  top: -0.6em;
}

.action_text {
  margin: 0 0 26px;
}

.action_button {
  color: #fff;
  opacity: 1;
  -webkit-transition: .2s ease-in opacity;
  transition: .2s ease-in opacity;
}

.action_button:hover {
  color: #fff;
  opacity: .7;
  text-decoration: none;
}

/* 4.20 Promo */
.promo {
  padding: 80px;
  text-align: center;
}

@media all and (max-width: 992px) {
  .promo {
    padding: 40px;
  }
}

.promo_button {
  color: #fff;
  -webkit-transition: .2s ease opacity;
  transition: .2s ease opacity;
}

.promo_button:hover {
  color: #fff;
  opacity: .7;
  text-decoration: none;
}

/*Catalog*/
/* 5.1 Catalog */
.catalog {
  margin: 0 0 60px;
}

@media all and (max-width: 992px) {
  .catalog {
    margin: 0 0 40px;
  }
}

.catalog_header {
  border-bottom: 1px solid #f44336;
  padding: 0 0 30px;
  margin: 0 0 50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.catalog_grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* 5.2 Card */
.product-card {
  position: relative;
  margin: 0 0 2px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 28px 15px;
  width: 30%;
  -webkit-transition: .2s ease-in-out box-shadow;
  transition: .2s ease-in-out box-shadow;
}

@media all and (max-width: 992px) {
  .product-card {
    width: 48%;
  }
}

@media all and (max-width: 540px) {
  .product-card {
    width: 100%;
  }
}

.product-card:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0 0 2px #f44336;
  box-shadow: 0 0 0 2px #f44336;
}

.product-card_content {
  text-align: center;
}

.product-card_image {
  margin: 0 30px;
  width: auto;
}

.product-card_title {
  margin: 30px 0 10px;
}

.product-card_text {
  color: #fff;
}

.product-card_price {
  font: bold 30px "Kadwa", serif;
  margin: 0;
}

.product-card_price sup {
  font-size: 16px;
  margin: 0 0 0 5px;
  top: -14px;
}

.product-card_button {
  opacity: 0;
  -webkit-transition: .2s ease-in-out opacity;
  transition: .2s ease-in-out opacity;
}

.product-card:hover .product-card_button {
  color: #fff;
  opacity: 1;
}

/* 5.3 Product */
.product {
  margin: 0 0 60px;
}

.product_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 24px;
  border-bottom: 1px solid #f44336;
}

.product_back {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

.product_back:hover {
  text-decoration: none;
}

.product_navigation-prev {
  display: inline-block;
  height: 48px;
  width: 48px;
  border: 2px solid #f44336;
  border-radius: 50%;
  background: url("src/img/prev.svg") 13px center no-repeat;
  -webkit-transition: .2s ease-in-out border;
  transition: .2s ease-in-out border;
}

.product_navigation-prev:hover {
  border-color: #fff;
}

.product_navigation-next {
  display: inline-block;
  height: 48px;
  width: 48px;
  border: 2px solid #f44336;
  border-radius: 50%;
  background: url("src/img/next.svg") 15px center no-repeat;
  margin: 0 0 0 18px;
  -webkit-transition: .2s ease-in-out border;
  transition: .2s ease-in-out border;
}

.product_navigation-next:hover {
  border-color: #fff;
}

.product_content {
  padding: 70px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media all and (max-width: 992px) {
  .product_content {
    display: block;
  }
}

.product_image {
  margin: 8px 30px 30px 0;
}

@media all and (max-width: 992px) {
  .product_image {
    width: 100%;
  }
}

.product_title {
  margin: 0 0 16px;
}

.product_price sup {
  font-size: 16px;
  margin: 0 0 0 5px;
  top: -14px;
}

.product_info-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product_button {
  color: #fff;
  border-color: #f44336;
  margin: 5px 0 0 45px;
  padding-top: 16px;
  padding-bottom: 16px;
  border-radius: 30px;
}

/* 5.4 Menu list */
.menu-list_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 30px;
}

@media all and (max-width: 992px) {
  .menu-list_item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.menu-list_image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 30px 0 0;
  flex-shrink: 0;
}

.menu-list_content {
  border-bottom: 1px solid #9f9f9f;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 30px 0;
}

@media all and (max-width: 992px) {
  .menu-list_content {
    display: block;
    padding-top: 0;
  }
}

.menu-list_content p:not([class]) {
  margin: 0;
}

.menu-list_title {
  font: bold 16px/28px "Kadwa", serif;
}

.menu-list_price {
  margin: 0 0 20px;
  text-align: center;
}

@media all and (max-width: 992px) {
  .menu-list_price {
    text-align: left;
  }
}

.menu-list_price sup {
  font-size: 16px;
  margin: 0 0 0 5px;
  top: -14px;
}

/*Plugins*/
/* 6.1 Dropdown */
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto !important;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border-top: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
  clip-path: inset(100% 100%);
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  -webkit-clip-path: none;
  clip-path: none;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 20px;
  height: 34px;
  border: none;
  background: transparent;
  text-decoration: none;
  white-space: nowrap;
  line-height: 34px;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("src/img/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("src/img/down.svg") no-repeat center center;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url("src/img/chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
  clip-path: inset(100% 100%);
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px 5px 16px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #f44336;
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Active  */
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* 6.2 Slider plugin */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track::before, .slick-track::after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  min-height: 1px;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev,
.slick-next {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  cursor: pointer;
  border: none;
  background-repeat: no-repeat;
  background-color: transparent;
  height: 120px;
  width: 50px;
  position: absolute;
  bottom: 0;
  min-width: inherit;
  z-index: 1;
  opacity: .5;
  -webkit-transition: .2s ease-in-out opacity;
  transition: .2s ease-in-out opacity;
  display: none;
}

@media all and (max-width: 992px) {
  .slick-prev,
  .slick-next {
    display: block;
  }
}

.slick-prev:hover,
.slick-next:hover {
  background-color: transparent;
  opacity: 1;
}

.slick-prev {
  background-image: url(src/img/slider-prev.svg);
  background-position: 0 center;
  left: 15px;
}

.slick-next {
  background-image: url(src/img/slider-next.svg);
  background-position: right center;
  right: 15px;
}

.slick-disabled {
  opacity: .2;
}

.slick-dots {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  margin: 40px 0 0;
  text-align: center;
}

.slick-slider__small .slick-dots {
  bottom: 10px;
}

@media all and (max-width: 992px) {
  .slick-slider__small .slick-dots {
    bottom: 55px;
  }
}

.slick-dots li[role] {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  display: inline;
  margin: 0;
  padding: 0;
}

.slick-dots li[role]::before {
  display: none;
}

.slick-dots button {
  display: inline-block;
  background: transparent;
  border: 2PX solid #fff;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  padding: 0;
  margin: 0 7px;
  -webkit-transition: .2s ease background, .2s ease border;
  transition: .2s ease background, .2s ease border;
}

.slick-dots .slick-active button,
.slick-dots button:hover {
  background: #f44336;
  border-color: #f44336;
  cursor: pointer;
}