@charset "UTF-8";
/*
Theme Name: Tokenz
Theme URI: https://www.templatemonster.com/wordpress-themes/tokenz
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
Tags: blog, custom-background, custom-colors
Text Domain: tokenz
*/
/*--------------------------------------------------------------
>>> 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

Layout
3.0 Headings
3.1 Header
3.2 Footer
3.3 Main menu
3.4 Social
3.5 Toggle menu button
3.6 404 page
3.7 Logo
3.8 Currencies
3.9 Cart
3.10 Showcase
3.11 Breadcrumbs
3.12 Post
3.13 Gallery
3.14 Post navigation
3.15 Comments
3.16 Sidebar
3.17 Content holder
3.18 Tabs
3.19 Slider

Other
 4.0 Locatoin link
 4.1 Phone number
 4.2 Post meta
 4.3 Tags
 4.4 Share icons
 4.5 Catalog categories
 4.6 Subscribe form
 4.7 Recent posts
 4.8 Search
 4.9 Filters
 4.10 INfo
 4.11 Pagination
 4.12 Banner
 4.13 Title
 4.14 Signup steps
 4.15 Account
 4.16 Ribbons
 4.17 Counters
 4.18 Quotes slider

Catalog
5.1 Catalog
5.2 Catalog grid
5.3 Card
5.4 Product
5.5 Cart

Plugins styling


--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400i,700,700i|Quattrocento:400,700|Yellowtail&subset=latin-ext");
.gallery_grid:after,
.catalog-grid: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: #fff;
  color: #000;
  font: 16px "Quattrocento", serif;
}

a {
  color: #2b8999;
  -webkit-transition: 0.2s ease-in-out color;
  transition: 0.2s ease-in-out color;
}

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

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

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: #ff3478;
  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: 150%;
}

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

/*Form elements*/
/* 2.0 Buttons*/
.button,
button,
input[type="button"],
input[type="submit"] {
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 30px;
  cursor: pointer;
  color: #ff3478;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: bold;
  padding: 15px 50px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: 0.2s ease-in-out border, 0.2s ease-in-out background-color,
    0.2s ease-in-out color;
  transition: 0.2s ease-in-out border, 0.2s ease-in-out background-color,
    0.2s ease-in-out color;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background-color: #ff3478;
  color: #fff;
}

.button__blue {
  color: #2b8999;
}

.button__filled {
  background-color: #ff3478;
  color: #fff;
}

.button__filled:hover {
  background-color: #c02055;
}

.button__filled-blue {
  background-color: #2b8999;
  color: #fff;
}

.button__filled-blue:hover {
  background-color: #166472;
}

/* 2.1 Text input */
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"] {
  border-radius: 5px;
  background: transparent;
  color: #000;
  border: 1px solid #ccc;
  font: 16px "Quattrocento Sans", sans-serif;
  padding: 6px 15px 7px;
  -webkit-transition: 0.2s ease-in border-color, 0.2s ease-in color;
  transition: 0.2s ease-in border-color, 0.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: #2b8999;
  color: #2b8999;
}

/* 2.2 Textarea */
textarea {
  border-radius: 5px;
  background: transparent;
  color: #000;
  border: 1px solid #ccc;
  font: 16px "Quattrocento Sans", sans-serif;
  resize: none;
  padding: 10px 15px;
  min-height: 180px;
  -webkit-transition: 0.2s ease-in border-color, 0.2s ease-in color;
  transition: 0.2s ease-in border-color, 0.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: #2b8999;
  color: #2b8999;
}

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

input[type="radio"] + label {
  display: inline-block;
  padding: 0 0 0 30px;
  position: relative;
  text-align: left;
}

input[type="radio"] + label:before {
  content: "";
  border: 1px solid #000;
  position: absolute;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 50%;
}

input[type="radio"] + label:after {
  content: "";
  background: #000;
  text-align: center;
  position: absolute;
  left: 4px;
  top: 4px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.2s ease-in-out transform;
  transition: 0.2s ease-in-out transform;
}

input[type="radio"]:checked + label:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}

input[type="radio"]:disabled + label:before,
input[type="radio"]:disabled + label:after {
  cursor: default;
  opacity: 0.5;
}

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

input[type="checkbox"] + label {
  cursor: pointer;
  display: inline-block;
  color: #2b8999;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: bold;
  padding: 0 0 0 20px;
  position: relative;
  -webkit-transition: 0.2s ease-in-out color;
  transition: 0.2s ease-in-out color;
}

input[type="checkbox"] + label:hover {
  color: #166472;
}

input[type="checkbox"] + label::before {
  content: "";
  color: transparent;
  border: 1px solid #2b8999;
  border-radius: 2px;
  line-height: 17px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 3px;
  height: 11px;
  width: 11px;
  -webkit-transition: 0.2s ease-in-out border;
  transition: 0.2s ease-in-out border;
}

input[type="checkbox"] + label:hover::before {
  border-color: #166472;
}

input[type="checkbox"] + label::after {
  content: "✔";
  position: absolute;
  top: 10px;
  left: 10px;
  top: -2px;
  left: 3px;
  font-size: 12px;
  text-shadow: 2px -1px 1px #fff, -2px 0px 1px #fff;
  opacity: 0;
  -webkit-transition: 0.2s ease-in-out opacity;
  transition: 0.2s ease-in-out opacity;
}

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

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

/* 2.5 Label */
label {
  font-family: "Quattrocento Sans", sans-serif;
  display: block;
}

/* 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_button {
  background: #000;
  border: none;
  line-height: 11px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  padding: 0;
}

.number_input {
  border-radius: 5px;
  background: transparent;
  color: #000;
  border: 1px solid #ccc;
  font: 16px "Quattrocento Sans", sans-serif;
  margin: 3px;
  padding: 4px 5px;
  width: 25px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*layout*/
/* 3.0 Headings */
h1,
.heading-1,
.post_title,
.comments_title,
.comment-form_title,
.slick-slider_price-value {
  font: bold 32px "Quattrocento Sans", sans-serif;
  margin: 50px 0 10px;
}

@media all and (min-width: 768px) {
  h1,
  .heading-1,
  .post_title,
  .comments_title,
  .comment-form_title,
  .slick-slider_price-value {
    font: bold 42px "Quattrocento Sans", sans-serif;
  }
}

h2,
.heading-2,
.footer_menu-column-title,
.tags_title,
.categories_title,
.subscribe_title,
.recent-posts_title,
.filters_title,
.info_title,
.product-card_title,
.product-card_price-value,
.product_data-title,
.product_price-value {
  font: bold 26px "Quattrocento Sans", sans-serif;
  margin: 20px 0 8px;
}

@media all and (min-width: 768px) {
  h2,
  .heading-2,
  .footer_menu-column-title,
  .tags_title,
  .categories_title,
  .subscribe_title,
  .recent-posts_title,
  .filters_title,
  .info_title,
  .product-card_title,
  .product-card_price-value,
  .product_data-title,
  .product_price-value {
    font: bold 22px "Quattrocento Sans", sans-serif;
  }
}

h3,
.heading-3 {
  font: bold 18px "Quattrocento Sans", sans-serif;
  margin: 20px 0 8px;
}

@media all and (min-width: 768px) {
  h3,
  .heading-3 {
    font: bold 20px "Quattrocento Sans", sans-serif;
  }
}

h4,
.heading-4 {
  font: 20px "Quattrocento", serif;
  margin: 35px 0 20px;
}

@media all and (min-width: 768px) {
  h4,
  .heading-4 {
    font: bold 22px "Quattrocento Sans", sans-serif;
  }
}

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

@media all and (min-width: 768px) {
  h5,
  .heading-5 {
    font: bold 16px "Quattrocento Sans", sans-serif;
  }
}

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

@media all and (min-width: 768px) {
  h6,
  .heading-6 {
    font: bold 15px "Quattrocento Sans", sans-serif;
  }
}

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

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

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

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

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

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

.header_bottom {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  position: relative;
}

@media all and (min-width: 768px) {
  .header_bottom {
    position: static;
  }
}

.header_other {
  display: none;
}

@media all and (min-width: 960px) {
  .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;
  }
}

@media all and (min-width: 768px) {
  .header_holder {
    position: relative;
  }
}

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

/* 3.2 Footer */
.footer {
  background: #333;
  color: #ccc;
  padding: 45px 0 0;
}

.footer_menu-column-title {
  color: #fff;
  margin: 0 0 15px;
}

.footer_menu-column {
  margin: 0 0 30px;
}

@media all and (min-width: 768px) {
  .footer_menu-column {
    margin: 0;
  }
}

.footer_menu-column p {
  margin: 0 0 13px;
}

.footer_menu-column a {
  color: #ccc;
  border-bottom: 1px solid currentColor;
  -webkit-transition: 0.2s ease-in-out opacity;
  transition: 0.2s ease-in-out opacity;
}

.footer_menu-column a:hover {
  opacity: 0.6;
  text-decoration: none;
}

.footer_username {
  color: #fff;
  font-weight: bold;
  font-style: italic;
}

.footer_social {
  margin: 0 0 25px;
}

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

.footer_payment {
  margin: 25px 0 0;
}

.footer_card {
  margin: 0 10px 0 0;
}

.footer_bottom {
  border-top: 1px solid #616161;
  padding: 15px 0;
  text-align: center;
}

@media all and (min-width: 768px) {
  .footer_bottom {
    margin: 50px 0 0;
  }
}

.footer_copyright {
  color: #888888;
  font-family: "Quattrocento Sans", sans-serif;
  margin: 0;
}

/* 3.3 Main menu */
.menu {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 1;
  display: none;
  padding: 0;
}

@media all and (min-width: 960px) {
  .menu {
    display: block;
    position: static;
  }
}

.menu.opened {
  display: block;
}

.menu_list {
  list-style: none;
  padding: 0 10px;
  margin: 0;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

@media all and (min-width: 768px) {
  .menu_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.menu_list-item {
  padding: 15px 0;
  margin: 0 15px;
  border-bottom: 1px solid #ccc;
}

@media all and (min-width: 768px) {
  .menu_list-item {
    border: none;
  }
}

@media all and (min-width: 960px) {
  .menu_list-item {
    padding: 43px 0;
  }
}

.menu_list-item__parent {
  position: relative;
}

.menu__other .menu_list-item {
  margin: 0;
}

.menu_link {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
}

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

.menu_list-item__parent .menu_link {
  padding-right: 15px;
  position: relative;
}

.menu_list-item__parent .menu_link::after {
  content: "▼";
  font-size: 8px;
  position: absolute;
  top: 4px;
  right: 0;
}

.menu_sublist {
  background: #fff;
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: none;
}

@media all and (min-width: 960px) {
  .menu_sublist {
    display: block;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 100%;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
    z-index: -1;
    -webkit-transition: 0.2s ease-in-out opacity, 0.2s ease-in-out transform,
      0s ease-in-out 0.2s visibility, 0s ease-in-out 0.2s z-index;
    transition: 0.2s ease-in-out opacity, 0.2s ease-in-out transform,
      0s ease-in-out 0.2s visibility, 0s ease-in-out 0.2s z-index;
  }
}

.menu_sublist.opened {
  display: block;
}

@media all and (min-width: 960px) {
  .menu_list-item:hover .menu_sublist {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 1;
    -webkit-transition: 0.2s ease-in-out opacity, 0.2s ease-in-out transform,
      0s ease-in-out z-index;
    transition: 0.2s ease-in-out opacity, 0.2s ease-in-out transform,
      0s ease-in-out z-index;
  }
}

.menu_sublist__catalog {
  padding: 40px 19px;
  left: -45px;
  right: -45px;
  overflow: auto;
}

.menu_sublist-item {
  padding: 0 20px;
  margin: 0;
  border-top: 1px solid #e3e3e6;
}

@media all and (min-width: 960px) {
  .menu_sublist-item {
    margin: 0 30px;
    padding: 0;
  }
}

.menu_sublist-item:first-child {
  border: none;
}

.menu_sublist-link {
  display: block;
  padding: 15px 0;
  text-transform: none;
  white-space: nowrap;
  max-width: 300px;
}

/* 3.4 Social */
.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
}

.social_link {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-position: center center;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  opacity: 1;
  -webkit-transition: 0.2s ease-in-out opacity;
  transition: 0.2s ease-in-out opacity;
}

.social_link:hover {
  opacity: 0.6;
}

.footer .social_link {
  height: 25px;
  width: 25px;
}

.social_link__instagram {
  background-image: url(src/img/icons/instagram.html);
}

.social_link__twitter {
  background-image: url(src/img/icons/twitter.html);
}

.social_link__facebook {
  background-image: url(src/img/icons/facebook.html);
}

.social_link__skype {
  background-image: url(src/img/icons/skype.html);
}

.social_link__slack {
  background-image: url(src/img/icons/slack.html);
}

.social_link__linkedin {
  background-image: url(src/img/icons/linkedin.html);
}

.social_link__medium {
  background-image: url(src/img/icons/medium.html);
}

.social_link__snapchat {
  background-image: url(src/img/icons/snapchat.html);
}

.social_link__youtube {
  background-image: url(src/img/icons/youtube.html);
}

/* 3.5 Toggle menu button */
.menu-toggle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  background: #2b8999;
  padding: 0;
  margin: 0 15px;
  height: 3px;
  width: 35px;
  overflow: visible;
  min-width: inherit;
  z-index: 2;
  -webkit-transition: 0.2s ease background;
  transition: 0.2s ease background;
}

@media all and (min-width: 960px) {
  .menu-toggle {
    display: none;
  }
}

.menu-toggle:hover {
  background: #2b8999;
}

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

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

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

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

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

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

.error404_wrapper {
  text-align: center;
}

@media all and (min-width: 768px) {
  .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 (min-width: 768px) {
  .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 (min-width: 768px) {
  .error404_header p,
  .error404_content p {
    font-size: 36px;
  }
}

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

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

/* 3.7 Logo */
.logo {
  background: url(src/img/logo.svg) no-repeat center top;
  background-size: 42px;
  font: 22px "Yellowtail", cursive;
  display: inline-block;
  padding: 45px 0 0;
  margin: 8px 0;
  white-space: nowrap;
}

@media all and (min-width: 768px) {
  .logo {
    margin: 15px 0;
  }
}

/* 3.8 Currencies */
.currencies_button {
  padding: 0 12px 0 0;
  position: relative;
}

.currencies_button::after {
  content: "▼";
  font-size: 8px;
  position: absolute;
  top: 4px;
  right: 0;
}

.currencies_list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
}

.currencies_link {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 38px;
  display: block;
}

.currencies_dropdown {
  display: none;
}

/* 3.9 Cart */
.cart {
  display: none;
}

@media all and (min-width: 960px) {
  .cart {
    display: block;
  }
}

.cart_button {
  background: url(src/img/cart.svg) no-repeat 0 center;
  border: none;
  display: inline-block;
  color: #2b8999;
  height: 18px;
  width: 34px;
  padding: 0 12px 0 0;
  position: relative;
  margin: 0 0 0 10px;
}

.cart_button::after {
  content: "▼";
  font-size: 8px;
  position: absolute;
  top: 4px;
  right: 0;
}

.cart_button:hover {
  background-color: transparent;
  background-image: url(src/img/cart-purple.svg);
  color: #ff3478;
}

.cart_dropdown {
  background: #fff;
  position: absolute;
  right: 0;
  top: 100%;
  opacity: 0;
  -webkit-transform: translate(0, -20px);
  transform: translate(0, -20px);
  z-index: -1;
  -webkit-transition: 0.2s ease-in-out opacity, 0.2s ease-in-out transform,
    0s ease-in-out 0.2s z-index;
  transition: 0.2s ease-in-out opacity, 0.2s ease-in-out transform,
    0s ease-in-out 0.2s z-index;
}

.cart:hover .cart_dropdown {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  z-index: 1;
  -webkit-transition: 0.2s ease-in-out opacity, 0.2s ease-in-out transform,
    0s ease-in-out z-index;
  transition: 0.2s ease-in-out opacity, 0.2s ease-in-out transform,
    0s ease-in-out z-index;
}

/* 3.10 Showcase */
.showcase {
  min-height: 270px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.showcase:after {
  content: "";
  background: url(src/img/showcase-bg.png) repeat-x 0 bottom;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 12px;
}

.showcase_title {
  color: #fff;
  margin: 0;
  font-size: 72px;
  position: relative;
  z-index: 1;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.showcase_image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  opacity: 0.4;
}

/* 3.11 Breadcrumbs */
.breadcrumbs {
  border-bottom: 1px solid #f0f0f0;
  font-family: "Quattrocento Sans", sans-serif;
  margin: 0 0 30px;
  padding: 25px 0;
}

.breadcrumbs_link {
  font-weight: bold;
  padding: 0 14px 0 0;
  margin: 0 10px 0 0;
  position: relative;
}

.breadcrumbs_link::after {
  content: ">";
  color: #ff3478;
  position: absolute;
  right: -2px;
  top: 0px;
}

/* 3.12 Post */
.post {
  border: 2px solid #f0f0f0;
  border-radius: 3px;
  margin: 0 0 50px;
}

.post_title {
  display: block;
}

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

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

.post_image {
  width: 100%;
}

.post_content {
  padding: 0 20px 20px;
}

@media all and (min-width: 768px) {
  .post_content {
    padding: 0 56px 20px;
  }
}

.post__small .post_content {
  padding: 30px;
}

.post_footer {
  border-top: 2px solid #e0e0e0;
  padding: 30px 0;
}

.post_corner-date {
  position: absolute;
  bottom: 8px;
  right: 10px;
}

.post_corner-date::after {
  content: "";
  background: #ff3478;
  width: 140px;
  height: 140px;
  -webkit-transform: rotateZ(45deg) translate(112px, 0);
  transform: rotateZ(45deg) translate(112px, 0);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}

.post_corner-date-value {
  display: block;
  font-family: "Quattrocento Sans", sans-serif;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 1;
}

.post_corner-date-number {
  font: bold 26px "Quattrocento Sans", sans-serif;
  display: block;
}

/* 3.13 Gallery */
.gallery_item {
  width: 50%;
  margin: 0 0 16px;
  float: left;
}

.gallery_item__big {
  width: calc(50% - 16px);
  margin: 0 16px 16px 0;
}

.gallery_title {
  text-align: center;
}

/* 3.14 Post navigation */
.post-navigation {
  border: 2px solid #f0f0f0;
  border-radius: 3px;
  padding: 12px 15px;
  margin: 0 0 50px;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: bold;
}

@media all and (min-width: 768px) {
  .post-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 45px;
  }
}

.post-navigation_prev {
  display: block;
  margin: 0 0 15px;
}

@media all and (min-width: 768px) {
  .post-navigation_prev {
    display: inline;
    margin: 0;
  }
}

.post-navigation_prev::before {
  content: "«";
  font-size: 24px;
  margin: 0 6px 0 0;
  font-weight: normal;
  vertical-align: -1px;
}

.post-navigation_next {
  display: block;
}

@media all and (min-width: 768px) {
  .post-navigation_next {
    display: inline;
  }
}

.post-navigation_next::after {
  content: "»";
  font-size: 24px;
  margin: 0 0 0 6px;
  font-weight: normal;
  vertical-align: -1px;
}

/* 3.15 Comments */
.comments {
  border: 2px solid #f0f0f0;
  border-radius: 3px;
  margin: 0 0 30px;
  padding: 0 15px 15px;
}

@media all and (min-width: 768px) {
  .comments {
    padding: 0 45px 45px;
    margin: 0 0 100px;
  }
}

.comment {
  padding: 30px 0;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}

@media all and (min-width: 768px) {
  .comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.comment__inner {
  margin-left: 20px;
}

@media all and (min-width: 768px) {
  .comment__inner {
    margin-left: 110px;
  }
}

.comment_left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 15px 0 0;
}

@media all and (min-width: 768px) {
  .comment_left {
    text-align: center;
  }
}

.comment_avatar {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 0 10px;
}

.comment_user {
  font: bold 16px "Quattrocento Sans", sans-serif;
}

.comment_date {
  color: #888888;
  font: 16px "Quattrocento Sans", sans-serif;
  margin: 0 100px 10px 0;
}

.comment_reply {
  font-family: "Quattrocento Sans", sans-serif;
  text-transform: uppercase;
}

@media all and (min-width: 768px) {
  .comment_reply {
    position: absolute;
    top: 40px;
    right: 0;
  }
}

.comment_text {
  background: #e3e3e6;
  padding: 30px 30px 10px;
  margin: 0 0 20px;
}

@media all and (min-width: 768px) {
  .comment_text {
    margin: 0;
  }
}

.comment-form_fields {
  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;
}

.comment-form_field {
  margin: 0 0 15px;
  width: 100%;
}

@media all and (min-width: 768px) {
  .comment-form_field {
    margin: 0 0 35px;
  }
}

.comment-form_item {
  width: 100%;
}

@media all and (min-width: 768px) {
  .comment-form_item {
    width: 48%;
  }
}

.comment-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;
}

/* 3.16 Sidebar */
.sidebar {
  border: 2px solid #f0f0f0;
  border-radius: 3px;
  padding: 12px 25px;
  margin: 0 0 20px;
}

/* 3.17 Content holder */
.content {
  padding: 0 0 30px;
}

@media all and (min-width: 768px) {
  .content {
    padding-bottom: 100px;
  }
}

/* 3.18 Tabs */
.tabs_buttons {
  font-size: 0;
  white-space: nowrap;
  overflow: auto;
}

@tablet {
  .tabs_buttons {
    white-space: inherit;
  }
}

.tabs_button {
  color: #2b8999;
  border-top: 1px solid #2b8999;
  border-right: 1px solid #2b8999;
  border-left: none;
  border-bottom: none;
  border-radius: 0;
  font: bold 16px "Quattrocento Sans", sans-serif;
  padding: 15px;
}

@media all and (min-width: 768px) {
  .tabs_button {
    padding: 30px;
  }
}

.tabs_button:hover,
.tabs_button.active {
  background: #2b8999;
  color: #fff;
}

.tabs_button:first-child {
  border-left: 1px solid #2b8999;
}

.tabs_content {
  border: 1px solid #2b8999;
  padding: 15px;
}

@media all and (min-width: 768px) {
  .tabs_content {
    padding: 25px;
  }
}

.tabs_tab {
  display: none;
}

.tabs_tab.active {
  display: block;
}

/* 3.19 Slider */
.slick-slider {
  max-height: calc(98vh - 160px);
  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 (min-width: 768px) {
  .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 (min-width: 768px) {
  .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: #ff3478;
  font: 15vw/1 "Yellowtail", cursive;
  margin: 0 0 20px;
}

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

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

.slick-slider_price {
  display: none;
}

@media all and (min-width: 768px) {
  .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: #2b8999;
  margin: 0 0 0 10px;
}

.slick-slider_price-old {
  font: 26px "Quattrocento Sans", sans-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 (min-width: 768px) {
  .slick-slider_quote-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

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

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

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

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

.slick-slider_avatar {
  display: none;
}

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

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

/*Other*/
/* 4.0 Locatoin link */
.location {
  background: url(src/img/marker.svg) no-repeat 0 2px;
  color: #fff;
  font-family: "Quattrocento Sans", sans-serif;
  display: inline-block;
  margin: 0 30px 5px;
  padding: 0 0 0 13px;
  text-decoration: none;
}

@media all and (min-width: 768px) {
  .location {
    margin: 0 65px 0 0;
  }
}

.location:hover {
  color: #fff;
}

/* 4.1 Phone number */
.phone-number {
  background: url(src/img/phone.svg) no-repeat 0 2px;
  color: #fff;
  font-family: "Quattrocento Sans", sans-serif;
  padding: 0 0 0 15px;
  white-space: nowrap;
}

/* 4.2 Post meta */
.meta {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0;
  color: #888;
  font-family: "Quattrocento Sans", sans-serif;
  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_author,
.meta_date {
  margin: 0 10px 0 0;
  padding: 0 20px 0 0;
  position: relative;
  display: inline-block;
}

.meta_author::after,
.meta_date::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 5px;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: #ff3478;
}

.meta_category {
  font-weight: bold;
}

/* 4.3 Tags */
.tags {
  margin: 0 0 30px;
}

.tags_title {
  margin-bottom: 20px;
}

.tag {
  border-radius: 5px;
  color: #ff3478;
  font: bold 12px "Quattrocento Sans", sans-serif;
  border: 1px solid currentColor;
  margin: 0 10px 10px 0;
  padding: 10px 15px;
  display: inline-block;
  -webkit-transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
  transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
}

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

/* 4.4 Share icons */
.share_title {
  font-weight: bold;
  margin: 0 30px 0 0;
}

.share_icon {
  display: inline-block;
  height: 18px;
  width: 18px;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.share_icon__insta {
  background-image: url(src/img/social/insta-blue.svg);
}

.share_icon__tw {
  background-image: url(src/img/social/tw-blue.svg);
}

.share_icon__fb {
  background-image: url(src/img/social/fb-blue.svg);
}

.share_icon__g {
  background-image: url(src/img/social/g-blue.html);
}

.share_icon__pin {
  background-image: url(src/img/social/pin-blue.svg);
}

/* 4.5 Catalog categories */
.categories {
  padding: 0 0 30px;
}

.categories_title {
  margin-bottom: 20px;
}

.categories_link,
.categories_special {
  font: bold 16px "Quattrocento Sans", sans-serif;
  display: block;
  margin: 0 0 25px;
}

.categories_special {
  color: #ff3478;
}

/* 4.6 Subscribe form */
.subscribe {
  padding: 0 0 30px;
}

.subscribe_title {
  margin-bottom: 20px;
}

.subscribe_text {
  font-family: "Quattrocento Sans", sans-serif;
  line-height: 28px;
  margin: 0 0 20px;
}

.subscribe_input {
  margin: 0 0 15px;
  width: 100%;
}

.subscribe button {
  width: 100%;
}

/* 4.7 Recent posts */
.recent-posts {
  padding: 0 0 30px;
}

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

.recent-posts_item {
  display: block;
  padding: 15px 0;
}

.recent-posts_item:not(:first-of-type) {
  border-top: 1px solid #f0f0f0;
}

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

.recent-posts_item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 10px;
}

.recent-posts_item-image {
  border-radius: 5px;
  height: 55px;
  width: 55px;
  margin: 0 15px 0 0;
}

.recent-posts_item-title {
  font: bold 16px "Quattrocento Sans", sans-serif;
}

.recent-posts_item-bottom {
  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;
}

.recent-posts_item-date {
  clear: both;
  color: #888;
  font: bold 12px "Quattrocento Sans", sans-serif;
  text-transform: uppercase;
}

.recent-posts_item-count {
  color: #888;
  font: bold 12px "Quattrocento Sans", sans-serif;
}

/* 4.8 Search */
input.search {
  background: #fff url(src/img/search.svg) 95% center no-repeat;
  padding: 7px 30px 7px 15px;
  width: 100%;
  margin: 10px 0 0;
}

@media all and (min-width: 768px) {
  input.search {
    margin: 0;
  }
}

/* 4.9 Filters */
.filters {
  margin: 0 0 30px;
}

.filters_title {
  margin-bottom: 20px;
}

.filters_item {
  margin: 0 0 10px;
  position: relative;
}

.filters_item .button {
  width: 100%;
}

.filters_value {
  font: bold 16px "Quattrocento Sans", sans-serif;
  position: absolute;
  top: 3px;
  right: 0;
}

/* 4.10 INfo */
.info {
  padding: 0 0 30px;
}

.info_title {
  margin-bottom: 20px;
}

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

.pages_link {
  font: 20px "Quattrocento Sans", sans-serif;
  margin: 0 7px;
}

@media all and (min-width: 768px) {
  .pages_link {
    font-size: 26px;
    margin: 0 13px;
  }
}

/* 4.12 Banner */
.banner {
  margin: 0 0 50px;
}

.banner img {
  width: 100%;
}

/* 4.13 Title */
.title {
  background: url(src/img/wave.svg) no-repeat center 90%;
  background-size: 60px auto;
  font: bold 54px "Quattrocento Sans", sans-serif;
  text-align: center;
  padding: 0 0 30px;
  margin: 0 0 50px;
}

/* 4.14 Signup steps */
.steps {
  margin: auto;
}

@media all and (min-width: 768px) {
  .steps {
    width: 320px;
  }
}

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

.steps_button {
  text-align: center;
  position: relative;
}

.steps_button:first-child::after {
  content: "";
  border-top: 1px solid #ccc;
  width: 40px;
  position: absolute;
  top: 25px;
  left: 85px;
}

.steps_button:last-child::after {
  content: "";
  border-top: 1px solid #ccc;
  width: 40px;
  position: absolute;
  top: 25px;
  right: 73px;
}

.steps_button-number {
  display: block;
  margin: 0 auto 3px;
  height: 48px;
  width: 48px;
  border: 1px solid #2b8999;
  border-radius: 50%;
  color: #2b8999;
  font: bold 26px "Quattrocento Sans", sans-serif;
  line-height: 46px;
}

.steps_button.active .steps_button-number {
  background: #2b8999;
  color: #fff;
}

.steps_button-title {
  font: bold 16px "Quattrocento Sans", sans-serif;
}

.steps_button.active .steps_button-title {
  color: #2b8999;
}

.steps_content {
  border: 2px solid #f0f0f0;
  border-radius: 5px;
  padding: 15px;
}

@media all and (min-width: 768px) {
  .steps_content {
    padding: 28px;
  }
}

.steps_step {
  display: none;
}

.steps_step.active {
  display: block;
}

.steps_form-item {
  margin: 0 0 12px;
}

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

.steps_form-item input {
  width: 100%;
}

.steps_form-item .button {
  margin: 20px 0 0;
  width: 100%;
}

.steps_form-postal {
  width: 100px;
  margin: 0 10px 0 0;
}

.steps_form-title {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: bold;
  margin: 0;
}

.steps_form-value {
  color: #2b8999;
  font-family: "Quattrocento Sans", sans-serif;
  margin: 0;
}

/* 4.15 Account */
.account {
  margin: auto;
  max-width: 360px;
}

.account_row {
  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: 10px 0;
  border-bottom: 1px solid #e0e0e0;
}

.account_row__no-border {
  border: none;
}

.account_row .button {
  margin: auto;
}

.account_row-title {
  font: bold 16px "Quattrocento Sans", sans-serif;
}

.account_input[type] {
  background: url(src/img/edit.svg) no-repeat 95% center;
  border-color: transparent;
  cursor: pointer;
  color: #2b8999;
  padding-right: 32px;
  text-align: right;
}

/* 4.16 Ribbons */
.ribbons {
  margin: 0 0 30px;
}

@media all and (min-width: 768px) {
  .ribbons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 100px;
  }
}

.ribbon {
  background: url(src/img/showcase-bg.png) repeat-x -14px bottom;
  color: #fff;
  padding: 15px;
  text-align: center;
  margin: 0 0 20px;
}

@media all and (min-width: 768px) {
  .ribbon {
    padding: 30px;
    width: 30%;
    margin: 0;
  }
}

@media all and (min-width: 960px) {
  .ribbon {
    text-align: left;
  }
}

.ribbon__purple {
  background-color: #ff3478;
}

.ribbon__blue {
  background-color: #2b8999;
}

.ribbon__green {
  background-color: #598132;
}

.ribbon_image {
  margin: 0 auto 15px;
  vertical-align: middle;
  display: block;
}

@media all and (min-width: 960px) {
  .ribbon_image {
    display: inline;
    margin: 0 15px 0 0;
  }
}

.ribbon_title {
  font: bold 26px "Quattrocento Sans", sans-serif;
}

/* 4.17 Counters */
.counters {
  background: #ccc url(src/img/dark-bg.jpg) no-repeat;
  background-size: cover;
  margin: 0 0 80px;
  padding: 0 15px;
}

@media all and (min-width: 768px) {
  .counters_holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.counters_item {
  color: #fff;
  text-align: center;
  padding: 30px 0;
}

@media all and (min-width: 768px) {
  .counters_item {
    padding: 100px 0 90px;
    width: 200px;
  }
}

.counters_value {
  display: block;
  font: bold 54px "Quattrocento Sans", sans-serif;
  margin: 0 0 20px;
  position: relative;
}

.counters_value::after {
  content: "";
  position: absolute;
  border-top: 1px solid #ff3478;
  bottom: -3px;
  left: 50%;
  width: 30px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.counters_title {
  font: bold 26px/32px "Quattrocento Sans", sans-serif;
}

/* 4.18 Quotes slider */
.quotes-slider {
  background: #ccc url(src/img/dark-bg.jpg) no-repeat;
  background-size: cover;
  padding: 35px 0 15px;
  margin: 0 0 40px;
  overflow: hidden;
}

@media all and (min-width: 768px) {
  .quotes-slider {
    margin: 0 0 80px;
    padding: 95px 0 30px;
  }
}

/*Catalog*/
/* 5.1 Catalog */
.catalog_header {
  margin: 0 0 50px;
  position: relative;
}

@media all and (min-width: 768px) {
  .catalog_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;
  }
}

.catalog_mode {
  margin: 0 0 20px;
}

@media all and (min-width: 768px) {
  .catalog_mode {
    margin: 0;
  }
}

.catalog_tab {
  display: none;
}

.catalog_tab.active {
  display: block;
}

.catalog_mode-icon {
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #2b8999;
  border-radius: 50%;
  height: 42px;
  width: 42px;
  padding: 0;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.catalog_mode-icon:hover,
.catalog_mode-icon.active {
  background-color: #2b8999;
}

.catalog_mode-icon__grid {
  background-image: url(src/img/grid.svg);
}

.catalog_mode-icon__grid:hover,
.catalog_mode-icon__grid.active {
  background-image: url(src/img/grid-white.svg);
}

.catalog_mode-icon__list {
  background-image: url(src/img/list.svg);
}

.catalog_mode-icon__list:hover,
.catalog_mode-icon__list.active {
  background-image: url(src/img/list-white.svg);
}

.catalog_statistics {
  font-family: "Quattrocento Sans", sans-serif;
}

.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;
}

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

/* 5.2 Catalog grid */
.catalog-grid_item {
  background: #000;
  color: #fff;
  font: 72px "Yellowtail", cursive;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 210px;
  overflow: hidden;
  margin: 0 0 30px;
}

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

@media all and (min-width: 768px) {
  .catalog-grid_item__big {
    float: left;
    margin-right: 30px;
    height: 451px;
    width: 260px;
  }
}

@media all and (min-width: 768px) {
  .catalog-grid_item__big-right {
    float: right;
    margin-right: 0;
    margin-left: 30px;
  }
}

.catalog-grid_text {
  position: relative;
}

.catalog-grid_image {
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
  opacity: 0.3;
  -webkit-transition: 0.2s ease-in-out opacity, 0.3s ease-in-out transform;
  transition: 0.2s ease-in-out opacity, 0.3s ease-in-out transform;
}

.catalog-grid_item:hover .catalog-grid_image {
  opacity: 0.6;
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}

/* 5.3 Card */
.product-card {
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 0 0 2px #f0f0f0;
  box-shadow: 0 0 0 2px #f0f0f0;
  margin: 0 0 30px;
  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;
}

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

@media all and (min-width: 960px) {
  .product-card {
    width: 30%;
  }
}

.product-card__wide,
.product-card__main {
  display: block;
  width: 100%;
}

@media all and (min-width: 960px) {
  .product-card__wide,
  .product-card__main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.catalog_grid__full .product-card {
  width: 100%;
}

@media all and (min-width: 768px) {
  .catalog_grid__full .product-card {
    width: 48%;
  }
}

@media all and (min-width: 960px) {
  .catalog_grid__full .product-card {
    width: 23%;
  }
}

.menu .product-card {
  margin: 0 15px;
}

.product-card_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.product-card__wide .product-card_content {
  display: block;
  padding: 0 0 20px;
}

.product-card__main .product-card_content {
  display: block;
}

.product-card_image {
  width: 100%;
}

@media all and (min-width: 768px) {
  .product-card__wide .product-card_image {
    width: 260px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.product-card__main .product-card_image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}

@media all and (min-width: 960px) {
  .product-card__main .product-card_image {
    width: 48%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.product-card__rtl .product-card_image {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.product-card_text {
  padding: 0 30px 10px;
}

.product-card__wide .product-card_text,
.product-card__main .product-card_text {
  min-height: 0;
}

.product-card__main .product-card_text {
  padding-bottom: 0;
}

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

.product-card_bottom {
  -ms-flex-item-align: end;
  align-self: flex-end;
  border-top: 1px solid #f0f0f0;
  padding: 30px 0;
  margin: 0 30px;
  width: calc(100% - 60px);
}

.product-card__wide .product-card_bottom {
  padding: 0;
  width: auto;
}

.product-card_price {
  margin: 0 0 35px;
}

@media all and (min-width: 768px) {
  .product-card_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;
  }
}

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

@media all and (min-width: 768px) {
  .product-card_price-col {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.product-card_price-value {
  color: #2b8999;
}

.product-card__rtl .product-card_price-value {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.product-card_price-old {
  font: 16px "Quattrocento Sans", sans-serif;
  color: #ccc;
  margin: 0 0 0 3px;
  text-decoration: line-through;
}

.product-card button.button__filled {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

.product-card__main button.button__filled {
  padding-left: 50px;
  padding-right: 50px;
  width: auto;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.product-card__main .number {
  margin: 0 30px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.product-card_stripe {
  color: #fff;
  font: bold 16px "Quattrocento Sans", sans-serif;
  position: absolute;
  top: 13px;
  right: 4px;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.product-card_stripe::after {
  content: "";
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: -3px;
  left: -35px;
  z-index: 0;
}

.product-card_stripe__hot::after {
  background: #ff3478;
}

.product-card_stripe__new::after {
  background: #598132;
}

.product-card_stripe-text {
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}

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

@media all and (min-width: 768px) {
  .product {
    margin: 0 0 100px;
  }
}

.product_gallery {
  margin: 0 0 50px;
}

@media all and (min-width: 960px) {
  .product_gallery {
    margin: 0;
  }
}

.product_gallery-image {
  overflow: hidden;
  margin: 5px 0 35px;
}

.product_gallery-image img {
  width: 100%;
}

.product_gallery-carousel {
  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;
}

.product_gallery-carousel img {
  width: 23%;
}

.product_gallery-carousel img:not(:first-child) {
  margin: 0 0 0 13px;
}

.product_title {
  margin: 0 0 20px;
}

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

.product_data-col {
  width: 48%;
}

.product_table {
  width: 100%;
}

.product_table td {
  background: url(src/img/dots.png) repeat-x 0 12px;
  padding: 2px 0;
  font-family: "Quattrocento Sans", sans-serif;
}

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

.product_table-text {
  background: #fff;
  padding: 0 8px 0 0;
}

.product_table-value {
  background: #fff;
  padding: 0 0 0 8px;
}

.product_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: 60px 0 0;
  padding: 35px 0 0;
  border-top: 1px solid #e0e0e0;
}

.product_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;
}

.product_count .button {
  margin: 0 0 0 10px;
}

.product_price-value {
  color: #2b8999;
}

.product_price-old {
  font: 16px "Quattrocento Sans", sans-serif;
  color: #ccc;
  margin: 0 0 0 3px;
  text-decoration: line-through;
}

/* 5.5 Cart */
.cart-form {
  border: 1px solid #2b8999;
  border-radius: 4px;
}

.cart-form__mini {
  border: none;
}

.cart-form_title {
  background: #2b8999;
  padding: 25px 45px;
  color: #fff;
  font: bold 26px "Quattrocento Sans", sans-serif;
}

.cart-form_content {
  padding: 0 15px 30px;
}

@media all and (min-width: 768px) {
  .cart-form_content {
    min-width: 500px;
    padding: 25px 45px 50px;
  }
}

.cart-form_table {
  width: 100%;
}

.cart-form_table td {
  padding: 15px 0;
}

.cart-form_table td + td {
  padding-left: 10px;
  width: 75px;
}

.cart-form_table tr:not(:first-child) td {
  border-top: 1px solid #e0e0e0;
}

.cart-form_image {
  float: left;
  width: 55px;
}

.cart-form_table-title {
  font: bold 16px "Quattrocento Sans", sans-serif;
  margin: 5px 0 5px 75px;
}

.cart-form_table-sum {
  color: #2b8999;
  display: block;
  font: bold 16px "Quattrocento Sans", sans-serif;
  margin: 0 0 0 75px;
}

.cart-form_bottom {
  padding: 25px 0 0;
}

@media all and (min-width: 768px) {
  .cart-form_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.cart-form_bottom button {
  width: 100%;
}

@media all and (min-width: 768px) {
  .cart-form_bottom button {
    width: auto;
  }
}

.cart-form_bottom-title {
  color: #2b8999;
  font: bold 26px "Quattrocento Sans", sans-serif;
}

.cart-form_bottom-col + .cart-form_bottom-col {
  margin: 10px 0 0;
}

@media all and (min-width: 768px) {
  .cart-form_bottom-col + .cart-form_bottom-col {
    margin: 0;
    text-align: right;
  }
}

@media all and (min-width: 768px) {
  .cart-form_mobile {
    display: none;
  }
}

.cart-form_desktop {
  display: none;
}

@media all and (min-width: 768px) {
  .cart-form_desktop {
    display: block;
  }
}

/*Plugins*/
/* 6.1 Range input */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.slider.slider-horizontal {
  width: 100%;
  height: 20px;
}

@media all and (min-width: 768px) {
  .slider.slider-horizontal {
    width: 210px;
  }
}

.slider.slider-horizontal .slider-track {
  height: 4px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
}

.slider.slider-horizontal .slider-tick-container {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
}

.slider.slider-horizontal .tooltip {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0;
}

.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px;
}

.slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0;
}

.slider.slider-horizontal.slider-rtl .tooltip {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

.slider.slider-disabled .slider-handle {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#dfdfdf),
    to(#bebebe)
  );
  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
  background-repeat: repeat-x;
}

.slider.slider-disabled .slider-track {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e5e5e5),
    to(#e9e9e9)
  );
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
  background-repeat: repeat-x;
  cursor: not-allowed;
}

.slider input {
  display: none;
}

.slider .tooltip.top {
  margin-top: -36px;
}

.slider .tooltip-inner {
  white-space: nowrap;
  max-width: none;
}

.slider .hide {
  display: none;
}

.slider-track {
  position: absolute;
  cursor: pointer;
  background: #ccc;
  border-radius: 4px;
}

.slider-selection {
  position: absolute;
  background: #ff3478;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}

.slider-selection.tick-slider-selection {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#8ac1ef),
    to(#82b3de)
  );
  background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
}

.slider-track-low,
.slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}

.slider-handle {
  cursor: pointer;
  position: absolute;
  top: -2px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 4px solid #ff3478;
  border-radius: 50%;
  -webkit-transition: 0.2s ease-in-out background;
  transition: 0.2s ease-in-out background;
}

.slider-handle:hover {
  background: #ff3478;
}

.slider-handle.round {
  border-radius: 50%;
}

.slider-handle.triangle {
  background: transparent none;
}

.slider-handle.custom {
  background: transparent none;
}

.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: "\2605";
  color: #726204;
}

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

.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: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  -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: 1px solid #aaa;
  border-radius: 3px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 34px;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.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 abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.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/chosen-sprite.png") no-repeat 0px 8px;
}

.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 {
  color: #444;
  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: #2b8999;
  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-single {
  -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-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 8px;
}

.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 */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 144dpi),
  only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("chosen-sprite%402x.html") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/* @end */
/* 6.1 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: 0.5;
  -webkit-transition: 0.2s ease-in-out opacity;
  transition: 0.2s ease-in-out opacity;
  display: none;
}

@media all and (min-width: 768px) {
  .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: 0.2;
}

.slick-dots {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 55px;
}

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

@media all and (min-width: 768px) {
  .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: #fff;
  border: none;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 0;
  margin: 0 7px;
  -webkit-transition: 0.2s ease background;
  transition: 0.2s ease background;
}

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