/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

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 {
  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 */
  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"], /* 1 */
[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 {
  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"] {
  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, /* 1 */
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;
}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

@font-face {
  font-family: mabry-regular-pro;
  src: url(/static/../assets/fonts/mabry-regular-pro.eot);
  src: url(/static/../assets/fonts/mabry-regular-pro.eot) format("embedded-opentype"),url(/static/../assets/fonts/mabry-regular-pro.woff) format("woff"),url(/static/../assets/fonts/mabry-regular-pro.woff2) format("woff2"),url(/static/../assets/fonts/mabry-regular-pro.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: mabry-bold-pro;
  src: url(/static/../assets/fonts/mabry-bold-pro.eot);
  src: url(/static/../assets/fonts/mabry-bold-pro.eot) format("embedded-opentype"),url(/static/../assets/fonts/mabry-bold-pro.woff) format("woff"),url(/static/../assets/fonts/mabry-bold-pro.woff2) format("woff2"),url(/static/../assets/fonts/mabry-bold-pro.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

.subscribe-inline__title,
.subscribe-inline__input,
.subscribe__message,
.subscribe__input,
.subscribe__text,
.products-menu__item,
.banner__slide-note,
.popup-download__email-input,
.product__description,
.mobile-menu__input,
.header__search-input,
.subscribe-inline__btn,
.banner__slide-btn,
.mobile-menu__submit,
.btn,
body {
  font-family: mabry-regular-pro,Arial,sans-serif;
  font-size: 20px;
}

.banner {
  font-family: mabry-bold-pro,Arial,sans-serif;
  font-size: 38px;
  line-height: 45px;
}

@media only screen and (max-width: 680px) {
  .banner {
    font-size: 23px;
    line-height: 30px;
  }
}

.subscribe__header,
.products-menu__header,
.about__header,
.about__header-2,
.about__header-3 {
  font-family: mabry-bold-pro,Arial,sans-serif;
  font-size: 50px;
  line-height: 50px;
}

@media only screen and (max-width: 680px) {
  .subscribe__header,
  .products-menu__header,
  .about__header,
  .about__header-2,
  .about__header-3 {
    font-size: 28px;
    line-height: initial;
  }
}

@font-face {
  font-family: "icons";
  src: url(/static/../assets/fonts/icomoon.woff) format("woff"),url(/static/../assets/fonts/icomoon.ttf) format("truetype"),url(/static/../assets/fonts/icomoon.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^=icon-],
[class*=" icon-"] {
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-email:before {
  content: "";
}

.icon-telegram:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-download:before {
  content: "";
}

.icon-menu:before {
  content: "";
}

.icon-close:before {
  content: "";
}

html {
  position: relative;
  min-height: 100%;
}

@media only screen and (max-width: 680px) {
  html {
    position: inherit;
    min-height: inherit;
  }
}

body {
  padding: 0;
  margin: 0;
  min-width: 320px;
}

@media only screen and (max-width: 680px) {
  body {
    margin: 0 auto;
  }

  body.open {
    height: 100%;
    overflow: hidden;
  }
}

a {
  text-decoration: underline;
  color: #fc6b4c;
}

input {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.hide__tablet {
  display: inherit;
}

@media only screen and (max-width: 1000px) {
  .hide__tablet {
    display: none;
  }
}

.content {
  max-width: 1000px;
  min-width: 320px;
  width: 100%;
  margin: 64px auto 0;
}

@media only screen and (max-width: 1000px) {
  .content {
    margin: 0;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 1000px) {
  .content--constructor {
    margin-top: 70px;
  }
}

.subscribe-inline__btn,
.banner__slide-btn,
.mobile-menu__submit,
.btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  border: 2px solid #fff;
  background: rgba(0,0,0,0);
  -webkit-transition: .2s ease;
  transition: .2s ease;
  height: 46px;
  padding: 0 18px;
  text-decoration: none;
}

.subscribe-inline__btn:hover,
.banner__slide-btn:hover,
.mobile-menu__submit:hover,
.btn:hover {
  color: #000;
  background: #fff;
}

.btn--orange {
  color: #fc6b4c;
  border: 2px solid #fc6b4c;
}

.btn--orange:hover {
  background: #fc6b4c;
  color: #fff;
}

.btn--bg-orange {
  color: #fff;
  background: #fc6b4c;
  border: none;
}

.btn--bg-orange:hover {
  color: #fff;
  background: #fc6b4c;
  opacity: .8;
}

.products-menu__link,
.header__menu-link {
  text-decoration: none;
  padding: 11px 0;
  display: block;
  color: #000;
}

.products-menu__link span,
.header__menu-link span {
  margin: 0;
  padding: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: relative;
  text-transform: lowercase;
}

.products-menu__link span:before,
.header__menu-link span:before,
.products-menu__link span:after,
.header__menu-link span:after {
  content: "";
  position: absolute;
  bottom: -8px;
  width: 0;
  height: 3px;
  margin: 3px 0 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  opacity: 0;
}

.products-menu__link span:after,
.header__menu-link span:after {
  left: 0;
  background-color: #fc6b4c;
}

.products-menu__link:hover span:after,
.header__menu-link:hover span:after,
.products-menu__link:hover span:before,
.header__menu-link:hover span:before {
  width: 100%;
  opacity: 1;
}

.header {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.header--open,
.header--search {
  background: #000;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.header__wrapper {
  max-width: 1200px;
  min-width: 320px;
  width: 100%;
  height: 100px;
  overflow: hidden;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1000px) {
  .header__wrapper {
    height: 70px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .header--open .header__wrapper,
  .header--search .header__wrapper {
    position: fixed;
    top: 0;
  }
}

@media only screen and (max-width: 680px) {
  .header__wrapper {
    overflow: hidden;
    z-index: 70;
    -webkit-transition: .5s;
    transition: .5s;
  }
}

.header__logo {
  text-indent: -99999px;
  background: url(/static/assets/icons/365-logo-black.svg) no-repeat;
  background-size: contain;
  height: 27px;
  margin: 0;
  width: 146px;
}

.header__logo:hover {
  text-decoration: none;
  opacity: .7;
}

.header--open .header__logo,
.header--search .header__logo {
  background: url(/static/assets/icons/365-logo-white.svg) no-repeat;
}

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

@media only screen and (max-width: 1000px) {
  .header__menu {
    display: none;
  }
}

.header__menu-item {
  margin-right: 25px;
}

.header__menu-item:last-child {
  margin-right: 0;
}

.header__menu-link--active span:after,
.header__menu-link--active span:before {
  width: 100%;
  opacity: 1;
}

.header__search {
  width: 167px;
  border: 1px solid #dbdbdb;
}

@media only screen and (max-width: 1000px) {
  .header__search {
    display: none;
  }
}

.header__search-label {
  position: relative;
}

.header__search-label:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 0;
  bottom: 0;
  width: 16px;
  background: url(/static/assets/icons/search-icon.svg) center/contain no-repeat;
}

.header__search-input {
  font-size: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 10px 6px 32px;
  width: 100%;
  border: none;
  background-color: rgba(0,0,0,0);
  color: #a9a9a9;
}

.header__mobile-actions {
  display: none;
}

@media only screen and (max-width: 1000px) {
  .header__mobile-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
  }

  .header--open .header__mobile-actions,
  .header--search .header__mobile-actions {
    display: none;
  }
}

.header__mobile-divider {
  display: block;
  height: 100%;
  width: 1px;
  background: #ccc;
}

.header__mobile-btn {
  display: block;
  width: 24px;
  height: 24px;
  background-size: cover;
  background-position: center;
}

.header__mobile-btn--burger {
  background-image: url(/static/assets/icons/menu-burger.svg);
  margin-left: 15px;
  width: 28px;
  height: 19px;
}

.header__mobile-btn--search {
  background-image: url(/static/assets/icons/search-icon-black.svg);
  margin-right: 15px;
}

.header__mobile-close {
  display: none;
  width: 22px;
  height: 22px;
  background-size: cover;
  background-position: center;
  background-image: url(/static/assets/icons/close.svg);
}

@media only screen and (max-width: 1000px) {
  .header--open .header__mobile-close,
  .header--search .header__mobile-close {
    display: block;
  }
}

.mobile-menu {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #000;
  position: fixed;
  top: 70px;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 1000px) {
  .header--open .mobile-menu--menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 1000px) {
  .header--search .mobile-menu--search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.mobile-menu__list {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0 0 50px;
}

.mobile-menu__list:last-child {
  margin-bottom: 0;
}

.mobile-menu__item {
  margin-bottom: 8px;
}

.mobile-menu__item:last-child {
  margin-bottom: 0;
}

.mobile-menu__link {
  color: #fff;
  text-decoration: none;
}

.mobile-menu__search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.mobile-menu__input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 48px;
  line-height: 48px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 10px;
}

.mobile-menu__submit {
  height: 48px;
}

.products__list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product {
  display: inline-block;
  width: 313px;
  margin: 0 0 55px 0;
}

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

.product:nth-child(3n) {
  margin-left: 30px;
}

@media only screen and (max-width: 1000px) {
  .product {
    width: -webkit-calc((100% - 30px)/2);
    width: calc((100% - 30px)/2);
  }

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

  .product:nth-child(3n) {
    margin-left: 0;
  }

  .product:nth-child(even) {
    margin-left: 30px;
  }
}

@media only screen and (max-width: 680px) {
  .product {
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.product__link {
  color: #000;
  display: block;
  text-decoration: none;
}

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

.product__photo {
  -webkit-transition: opacity ease .3s;
  transition: opacity ease .3s;
  width: 100%;
  height: auto;
}

.product__photo:hover {
  opacity: .5;
}

.product__photo--border {
  border: 1px solid #ccc;
}

.product__description {
  color: #cfcfcf;
  text-align: center;
  margin: 20px 0 0 0;
}

.product__constructor {
  text-align: center;
}

.product__highlight {
  background: #e96848;
  margin: 1px auto 0 auto;
  padding: 12px;
  color: #fff;
  text-align: center;
  font-size: 22px;
  display: inline-block;
}

.product-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 55px;
}

@media only screen and (max-width: 680px) {
  .product-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.product-item__photos {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 30px;
}

@media only screen and (max-width: 680px) {
  .product-item__photos {
    margin: 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
}

.product-item__photo {
  width: 100%;
  height: auto;
}

.product-item__photo--border {
  -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.3);
  box-shadow: 0 4px 12px 0 rgba(0,0,0,.3);
}

.product-item__metadata {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60%;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
}

@media only screen and (max-width: 680px) {
  .product-item__metadata {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 20px auto;
    padding: 0 20px;
  }
}

.product-item__title {
  margin-top: 0;
}

@media only screen and (max-width: 680px) {
  .product-item__title {
    text-align: center;
  }
}

.product-item__download {
  text-decoration: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 300px;
  width: 50%;
  margin-right: 10px;
}

@media only screen and (max-width: 680px) {
  .product-item__download {
    margin: 10px 0;
    min-width: 100%;
    width: 100%;
  }
}

.product-item__icon {
  display: inline-block;
  vertical-align: center;
  font-size: .7em;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  padding-left: 30px;
  margin-top: 10px;
  height: 24px;
  line-height: 24px;
  margin-right: 10px;
}

@media only screen and (max-width: 680px) {
  .product-item__icon {
    margin-left: 0;
    margin-top: 10px;
  }
}

.product-item__icon--pageViews {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23fc5934" d="M12.015 7c4.751 0 8.063 3.012 9.504 4.636-1.401 1.837-4.713 5.364-9.504 5.364-4.42 0-7.93-3.536-9.478-5.407 1.493-1.647 4.817-4.593 9.478-4.593zm0-2c-7.569 0-12.015 6.551-12.015 6.551s4.835 7.449 12.015 7.449c7.733 0 11.985-7.449 11.985-7.449s-4.291-6.551-11.985-6.551zm-.015 5c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2zm0-2c-2.209 0-4 1.792-4 4 0 2.209 1.791 4 4 4s4-1.791 4-4c0-2.208-1.791-4-4-4z"/></svg>');
}

.product-item__icon--downloads {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55.012 55.012" width="512" height="512"><path d="M30.009 41.008v-19h-4v19l-6-5-3 3 11 10 10-10-3-3-5 5zM45.207 19.9c-1.17-5.648-4.598-8.892-9.199-8.892-1.319 0-2.879.308-4.333.852-3.163-4.176-6.8-5.856-10.205-5.856-6.825 0-12.722 6.746-12.028 13.67.021.211.025.412.032.621-4.453.977-9.716 5.574-9.465 10.713.251 5.139 3.761 10.955 9.399 10.955l3.601.045v-4l-3.601-.037c-3.541 0-5.27-4.319-5.399-6.963-.146-2.989 3.551-6.205 6.327-6.814l3.252-.714-.11-3.316-.003-.084c-.008-.268-.019-.53-.047-.803-.224-2.233.647-4.672 2.33-6.525 1.591-1.751 3.672-2.756 5.712-2.756 4.253 0 6.823 4.024 8.812 6.649l2.802-1.048c4.391-1.642 7.24.474 8.2 5.109l.725 3.301h3c2.685 0 6.092 2.547 6 6-.105 3.925-3.766 7.963-7.226 7.963l-1.774.037v4l1.774-.045c5.931 0 11.072-6.196 11.226-11.955.153-5.759-4.922-10.107-9.802-10.107z" fill="%23fc5934"/></svg>');
}

.product-item__note {
  color: #999;
  font-size: 12px;
}

.product-item__warning {
  margin-top: 2em;
}

.product-item__warning p {
  margin: 0 0 1em 0;
}

.product-item__warning-row {
  display: inline-block;
  line-height: 24px;
  background: no-repeat left top;
  background-size: 24px 24px;
  padding-left: 30px;
}

.product-item__warning-row--ok {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 400 400"><path d="M199.996 0C89.713 0 0 89.72 0 200s89.713 200 199.996 200S400 310.28 400 200 310.279 0 199.996 0zm0 373.77C104.18 373.77 26.23 295.816 26.23 200c0-95.817 77.949-173.769 173.766-173.769S373.767 104.184 373.767 200c.001 95.816-77.955 173.77-173.771 173.77z"/><path d="M272.406 134.526L169.275 237.652l-41.689-41.68c-5.123-5.117-13.422-5.12-18.545.003-5.125 5.125-5.125 13.425 0 18.548l50.963 50.955c2.561 2.558 5.916 3.838 9.271 3.838s6.719-1.28 9.279-3.842c.008-.011.014-.022.027-.035L290.95 153.071c5.125-5.12 5.125-13.426 0-18.546-5.122-5.123-13.427-5.123-18.544.001z"/></svg>');
}

.product-item__warning-row--stop {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 400 400"><path d="M199.992 0C89.717 0 0 89.72 0 200s89.717 200 199.992 200C310.273 400 400 310.28 400 200S310.273 0 199.992 0zm0 373.77C104.178 373.77 26.23 295.816 26.23 200c0-95.817 77.947-173.769 173.762-173.769 95.822 0 173.776 77.953 173.776 173.769.001 95.816-77.954 173.77-173.776 173.77z"/><path d="M265.473 134.529c-5.123-5.123-13.422-5.123-18.545 0L200 181.454l-46.928-46.925c-5.123-5.123-13.424-5.123-18.547 0-5.123 5.12-5.123 13.426 0 18.546L181.447 200l-46.928 46.926c-5.123 5.119-5.123 13.422 0 18.547 2.561 2.562 5.918 3.842 9.273 3.842s6.711-1.28 9.271-3.842L200 218.543l46.928 46.932a13.068 13.068 0 0 0 9.271 3.842c3.354 0 6.711-1.279 9.272-3.842 5.123-5.119 5.123-13.426 0-18.545L218.545 200l46.928-46.925c5.123-5.12 5.123-13.423 0-18.546z"/></svg>');
}

.footer {
  overflow: hidden;
  background: #000;
  color: #fff;
  height: 413px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 1000px) {
  .footer {
    height: auto;
  }
}

.footer__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1000px;
  min-width: 320px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 1000px) {
  .footer__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
  }
}

.footer__col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 63px 0 105px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer__col--left {
  width: 686px;
}

@media only screen and (max-width: 1000px) {
  .footer__col {
    width: 100%;
    height: 380px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 60px 0 84px 0;
  }

  .footer__col--left {
    padding-top: 50px;
    padding-bottom: 0;
    width: 100%;
    height: auto;
  }
}

.footer__logo {
  background: url(/static/assets/icons/365-logo-white.svg) no-repeat left center;
  background-size: contain;
  width: 156px;
  height: 26px;
}

@media only screen and (max-width: 1000px) {
  .footer__logo {
    margin-bottom: 55px;
  }
}

.footer__copyright {
  color: #686868;
}

@media only screen and (max-width: 1000px) {
  .footer__copyright {
    display: none;
  }
}

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

.footer__menu-item {
  margin-bottom: 8px;
}

.footer__menu-item:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1000px) {
  .footer__menu-item {
    text-align: center;
  }
}

.footer__menu-link {
  color: #fff;
  text-decoration: none;
}

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

.footer__social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.footer__social-link {
  height: 32px;
  width: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #333;
  margin-right: 10px;
  background-size: contain;
  text-decoration: none;
  color: #999;
}

.footer__social-link:hover {
  color: #fff;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow: hidden;
  opacity: 0;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.popup.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}

.popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 90;
  overflow: hidden;
  display: none;
  pointer-events: none;
  opacity: .85;
}

.popup__close {
  position: absolute;
  width: 25px;
  height: 26px;
  top: -35px;
  right: -35px;
  text-decoration: none;
  color: #fff;
  background-image: url(/static/assets/icons/close.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.popup__close:hover {
  opacity: .6;
}

@media only screen and (max-width: 680px) {
  .popup__close {
    right: -5px;
  }
}

.popup__content {
  text-align: center;
  padding: 40px;
  background: #fff;
  position: relative;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100;
}

@media only screen and (max-width: 1000px) {
  .popup__content {
    width: 70%;
  }
}

@media only screen and (max-width: 680px) {
  .popup__content {
    width: 90%;
    padding: 10px 20px;
  }
}

@media only screen and (max-width: 680px) {
  .popup-success {
    padding: 30px 0;
  }
}

.popup-success__btn {
  max-width: 200px;
  margin: 0 auto;
  text-decoration: none;
}

.popup-success__text {
  color: #000;
}

.popup-download sup {
  font-family: Arial,sans-serif;
}

.popup-download__header {
  margin: 0 0 20px 0;
}

.popup-download__divider {
  margin: 20px 0;
}

.popup-download__share-items {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
}

@media only screen and (max-width: 680px) {
  .popup-download__share-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.popup-download__share-item {
  margin-right: 10px;
}

@media only screen and (max-width: 680px) {
  .popup-download__share-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.popup-download__btn {
  border: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .5s;
  transition: all .5s;
  padding: 0 20px;
  width: auto;
  height: 48px;
}

.popup-download__btn--facebook {
  border-color: #3b5998;
  background: #3b5998;
}

.popup-download__btn--vk {
  border-color: #507299;
  background: #507299;
}

.popup-download__btn--pt {
  border-color: #e60023;
  background: #e60023;
}

.popup-download__btn:hover {
  opacity: .8;
}

.popup-download__note {
  color: #999;
  font-size: 12px;
}

.popup-download__agreement {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}

.popup-download__payment {
  margin-bottom: 5px;
}

.popup-download__checkbox {
  margin-right: 7px;
}

.popup-download__email-field {
  padding: 0;
  border: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.popup-download__payment-btn {
  height: 48px;
  width: 100px;
}

.popup-download__email-input {
  width: 50%;
  height: 48px;
  padding: 0 10px;
  margin: 0 10px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #fc6b4c;
  outline: none;
}

@media only screen and (max-width: 1000px) {
  .popup-download__email-input {
    width: 100%;
  }
}

.about {
  margin-bottom: 55px;
}

.about__header-2 {
  font-size: 30px;
  margin-bottom: 25px;
}

.about__header-3 {
  font-size: 25px;
  margin-bottom: 20px;
}

.about__section {
  margin-bottom: 30px;
}

.about__paragraph {
  margin: 20px 0;
  font-size: 22px;
  line-height: 30px;
}

.about__img {
  width: 50%;
  height: auto;
  margin: 0 auto;
  display: block;
  border: none;
}

@media only screen and (max-width: 680px) {
  .about__img {
    width: 100%;
  }
}

.hamburger {
  width: 50px;
  height: 45px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.hamburger span {
  display: block;
  position: absolute;
  height: 7px;
  width: 100%;
  background: #000;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.hamburger span:nth-child(1) {
  top: 0px;
}

.hamburger span:nth-child(2),
.hamburger span:nth-child(3) {
  top: 12px;
}

.hamburger span:nth-child(4) {
  top: 24px;
}

.hamburger.open span {
  background: #fff;
}

.hamburger.open span:nth-child(1) {
  top: 12px;
  width: 0%;
  left: 50%;
}

.hamburger.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.hamburger.open span:nth-child(4) {
  top: 12px;
  width: 0%;
  left: 50%;
}

.instagram__social {
  background: #fc6b4c;
  color: #fff;
  height: 254px;
  width: 100%;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.instagram__text {
  margin-bottom: 14px;
}

.instagram__text:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1000px) {
  .instagram__text {
    text-align: center;
  }
}

.instagram__text--center {
  text-align: center;
}

.instagram__link {
  color: #fff;
  display: inline-block;
  text-decoration: none;
}

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

.instagram__wrapper {
  position: relative;
  left: 0;
  right: 0;
  height: 500px;
  overflow: hidden;
}

.instagram__wrapper iframe {
  width: 2500px;
  height: 500px;
}

.banner {
  height: 464px;
  color: #fff;
}

@media only screen and (max-width: 680px) {
  .banner {
    height: 314px;
  }
}

.banner__container {
  height: 464px;
}

@media only screen and (max-width: 680px) {
  .banner__container {
    height: 314px;
  }
}

.banner__slide {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 400px;
}

@media only screen and (max-width: 680px) {
  .banner__slide {
    height: 250px;
  }
}

@media only screen and (max-width: 680px) {
  .banner__slide:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background-color: rgba(0,0,0,.2);
  }
}

.banner__slide--dskt-bottom-left {
  background-position: left bottom;
}

@media only screen and (max-width: 680px) {
  .banner__slide--dskt-bottom-left {
    background-position: right center;
  }
}

.banner__slide-content {
  position: relative;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: 99px;
}

@media only screen and (max-width: 680px) {
  .banner__slide-content {
    width: 100%;
    margin: 0 44px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.banner__slide-text {
  text-align: left;
}

@media only screen and (max-width: 680px) {
  .banner__slide-text {
    text-align: center;
  }
}

.banner__slide-text--black {
  color: #000;
}

@media only screen and (max-width: 680px) {
  .banner__slide-text--black {
    color: #fff;
  }
}

.banner__slide-note {
  padding-top: 24px;
  line-height: 125%;
  max-width: 50%;
}

.banner__slide-action {
  margin-top: 30px;
}

.banner__slide-btn {
  text-decoration: none;
  width: 130px;
}

.banner__prev-btn {
  background-image: url(/static/assets/icons/banner-arrow-left.svg);
  left: 30px;
  top: -webkit-calc(50% - 32px);
  top: calc(50% - 32px);
  width: 30px;
  background-size: contain;
}

@media only screen and (max-width: 680px) {
  .banner__prev-btn {
    width: 24px;
    height: 24px;
    left: 20px;
  }
}

.banner__next-btn {
  background-image: url(/static/assets/icons/banner-arrow-right.svg);
  right: 30px;
  top: -webkit-calc(50% - 32px);
  top: calc(50% - 32px);
  width: 30px;
  background-size: contain;
}

@media only screen and (max-width: 680px) {
  .banner__next-btn {
    width: 24px;
    height: 24px;
    right: 20px;
  }
}

.banner__pagination {
  bottom: 0 !important;
  height: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.banner__pagination .swiper-pagination-bullet {
  opacity: 1;
  background: #d8d8d8;
}

.banner__pagination .swiper-pagination-bullet-active {
  background: #494949;
}

.products-menu {
  margin-bottom: 40px;
}

.products-menu__header {
  padding: 0;
  text-align: center;
  margin: 0 0 30px 0;
}

@media only screen and (max-width: 680px) {
  .products-menu__header {
    margin: 36px 0 30px 0;
  }
}

.products-menu__items {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 1000px) {
  .products-menu__items {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.products-menu__item {
  margin-right: 20px;
}

.products-menu__item:last-child {
  margin-right: 0;
}

.products-menu__link {
  padding-top: 0;
}

.products-menu__link--active span:after,
.products-menu__link--active span:before {
  width: 100%;
  opacity: 1;
}

.products-menu__link--highlight {
  color: #fc6b4c;
}

.subscribe {
  position: fixed;
  z-index: 1000;
  bottom: -350px;
  opacity: 0;
  right: 0;
  min-width: 320px;
  width: 757px;
  min-height: 325px;
  padding: 45px;
  background: #fff;
  -webkit-transition: bottom .5s ease-out;
  transition: bottom .5s ease-out;
  -webkit-box-shadow: 10px 8px 27px 0 rgba(0,0,0,.32);
  box-shadow: 10px 8px 27px 0 rgba(0,0,0,.32);
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.subscribe--open {
  opacity: 1;
  bottom: 0;
}

@media only screen and (max-width: 1000px) {
  .subscribe {
    width: 80%;
  }
}

@media only screen and (max-width: 680px) {
  .subscribe {
    width: 100%;
  }
}

.subscribe__cols {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.subscribe__col1 {
  background: url("/assets/subscribe.jpg");
  background-size: cover;
  margin-right: 30px;
  min-width: 245px;
  height: 245px;
}

@media only screen and (max-width: 1000px) {
  .subscribe__col1 {
    display: none;
  }
}

.subscribe__col2 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 245px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1000px) {
  .subscribe__col2 {
    max-width: 100%;
  }
}

.subscribe__close {
  position: absolute;
  top: 22px;
  right: 14px;
  width: 16px;
  height: 16px;
  padding: 5px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EFavicon%20Copy%202%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M18.925%205.282L4.782%2019.425%22%20stroke%3D%22%234A4A4A%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M-.318.182h24v24h-24z%22%2F%3E%3Cpath%20d%3D%22M18.925%2019.425L4.782%205.282%22%20stroke%3D%22%234A4A4A%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat;
  background-size: 24px 24px;
  cursor: pointer;
}

.subscribe__header {
  margin-top: 0;
  line-height: initial;
  font-size: 20px;
  text-align: left;
}

.subscribe__text {
  font-size: 16px;
  text-align: left;
  color: #000;
}

.subscribe__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%;
}

.subscribe__input {
  height: 46px;
  width: 100%;
  padding: 0 20px;
  margin-right: 10px;
  border: 1px solid #dbdbdb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.subscribe__submit {
  width: 155px;
  height: 46px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.subscribe__submit--desktop {
  display: block;
}

@media only screen and (max-width: 1000px) {
  .subscribe__submit--desktop {
    display: none;
  }
}

.subscribe__submit--mobile {
  display: none;
}

@media only screen and (max-width: 1000px) {
  .subscribe__submit--mobile {
    display: block;
  }
}

.subscribe__result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 250px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.subscribe__result--hidden {
  display: none;
}

.subscribe__action--hidden {
  display: none;
}

.subscribe-inline {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 1000px) {
  .subscribe-inline {
    width: 100%;
  }
}

.subscribe-inline__form {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 430px;
}

@media only screen and (max-width: 1000px) {
  .subscribe-inline__form {
    width: 100%;
  }
}

.subscribe-inline__group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1000px) {
  .subscribe-inline__group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.subscribe-inline__input {
  display: block;
  width: 262px;
  height: 48px;
  border: none;
  padding: 0px 22px;
  line-height: 48px;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 1000px) {
  .subscribe-inline__input {
    width: 100%;
    margin-bottom: 9px;
  }
}

.subscribe-inline__btn {
  width: 158px;
  height: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 1000px) {
  .subscribe-inline__btn {
    width: 100%;
  }
}

.subscribe-inline__title {
  display: block;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1000px) {
  .subscribe-inline__title {
    text-align: center;
  }
}

@media only screen and (max-width: 1000px) {
  .subscribe-inline__result {
    text-align: center;
  }
}

.subscribe-inline__result p {
  padding: 0;
  margin: 0;
  color: #fff;
}

.subscribe-inline__result a {
  color: #fff;
}

.subscribe-inline__result .subscribe__message--error {
  color: #fff;
  background: rgba(0,0,0,0);
}

.error {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 200px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (max-width: 680px) {
  .error {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 1000px) {
  .everydaypractice {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 680px) {
  .everydaypractice {
    padding: 40px 20px 0 20px;
  }
}

.everydaypractice__paragraph {
  margin: 20px 0;
  font-size: 22px;
  line-height: 30px;
}

.everydaypractice__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 200px;
  text-align: center;
  text-decoration: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.everydaypractice__link:visited {
  color: #fff;
}

.everydaypractice__photos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.everydaypractice__photo {
  max-width: 800px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}

.everydaypractice__image {
  width: 100%;
  height: auto;
}

.patreon {
  background: #ffffc4;
  color: #000;
  font-size: 28px;
}

@media only screen and (max-width: 1000px) {
  .patreon {
    font-size: inherit;
  }
}

.patreon__wrapper {
  height: 254px;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.patreon__text {
  margin-bottom: 14px;
  text-align: center;
}

.patreon__text:last-child {
  margin-bottom: 0;
}

.patreon__link {
  color: #000;
  display: inline-block;
  text-decoration: underline;
}

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

.ugc-page__header {
  font-size: 1em;
  text-align: center;
  margin: 40px 0;
  font-weight: normal;
  color: #fc6b4c;
}



/*# sourceMappingURL=main.6aaf930dd1700c28e14d.css.map*/