/*! normalize.css v8.0.1 | 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 iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  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
   ========================================================================== */

/**
 * 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
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 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 */
}

/**
 * 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 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
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 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;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

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 in Chrome and Safari on macOS.
 */

[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 Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@-webkit-keyframes col {
0% { background: #fff;}
30% {background: #f7a94a;}
100% {background: #fff;}
}
@-moz-keyframes col {
0% { background: #fff;}
30% {background: #f7a94a;}
100% {background: #fff;}
}
@-ms-keyframes col {
0% { background: #fff;}
30% {background: #f7a94a;}
100% {background: #fff;}
}
@-o-keyframes col {
0% { background: #fff;}
30% {background: #f7a94a;}
100% {background: #fff;}
}
@keyframes col {
0% { background: #fff;}
30% {background: #f7a94a;}
100% {background: #fff;}
}

.col {
  -webkit-animation: col ease 2s 99;
  -moz-animation: col ease 2s 99;
  -o-animation: col ease 2s 99;
  -ms-animation: col ease 2s 99;
  animation: col ease 2s 99;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotating {
  -webkit-animation: rotating 9s linear infinite;
  -moz-animation: rotating 9s linear infinite;
  -ms-animation: rotating 9s linear infinite;
  -o-animation: rotating 9s linear infinite;
  animation: rotating 9s linear infinite;
}

/* styles */

/* 
1. General styles
2. Main slides
3. Rest
*/

@font-face {
    font-family: 'Oswald';
    src: url('/assets/fonts/Oswald/Oswald-SemiBold.eot');
    src: local('Oswald SemiBold'), local('Oswald-SemiBold'),
        url('/assets/fonts/Oswald/Oswald-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Oswald/Oswald-SemiBold.woff') format('woff'),
        url('/assets/fonts/Oswald/Oswald-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('/assets/fonts/Oswald/Oswald-ExtraLight.eot');
    src: local('Oswald ExtraLight'), local('Oswald-ExtraLight'),
        url('/assets/fonts/Oswald/Oswald-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Oswald/Oswald-ExtraLight.woff') format('woff'),
        url('/assets/fonts/Oswald/Oswald-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('/assets/fonts/Oswald/Oswald-Light.eot');
    src: local('Oswald Light'), local('Oswald-Light'),
        url('/assets/fonts/Oswald/Oswald-Light.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Oswald/Oswald-Light.woff') format('woff'),
        url('/assets/fonts/Oswald/Oswald-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('/assets/fonts/Oswald/Oswald-Bold.eot');
    src: local('Oswald Bold'), local('Oswald-Bold'),
        url('/assets/fonts/Oswald/Oswald-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Oswald/Oswald-Bold.woff') format('woff'),
        url('/assets/fonts/Oswald/Oswald-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('/assets/fonts/Oswald/Oswald-Regular.eot');
    src: local('Oswald Regular'), local('Oswald-Regular'),
        url('/assets/fonts/Oswald/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Oswald/Oswald-Regular.woff') format('woff'),
        url('/assets/fonts/Oswald/Oswald-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Museo Sans Cyrl 500';
  src: url('/assets/fonts/MuseoSans/MuseoSansCyrl-500.eot');
  src: local('MuseoSansCyrl-500'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-500.woff') format('woff'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-500.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Sans Cyrl 300';
  src: url('/assets/fonts/MuseoSans/MuseoSansCyrl-300Italic.eot');
  src: local('MuseoSansCyrl-300Italic'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-300Italic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-300Italic.woff') format('woff'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-300Italic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Museo Sans Cyrl 500';
  src: url('/assets/fonts/MuseoSans/MuseoSansCyrl-500Italic.eot');
  src: local('MuseoSansCyrl-500Italic'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-500Italic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-500Italic.woff') format('woff'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-500Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Museo Sans Cyrl 900';
  src: url('/assets/fonts/MuseoSans/MuseoSansCyrl-900.eot');
  src: local('MuseoSansCyrl-900'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-900.woff') format('woff'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-900.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Sans Cyrl 700';
  src: url('/assets/fonts/MuseoSans/MuseoSansCyrl-700.eot');
  src: local('MuseoSansCyrl-700'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-700.woff') format('woff'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-700.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Sans Cyrl 700';
  src: url('/assets/fonts/MuseoSans/MuseoSansCyrl-700Italic.eot');
  src: local('MuseoSansCyrl-700Italic'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-700Italic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-700Italic.woff') format('woff'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-700Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Museo Sans Cyrl 300';
  src: url('/assets/fonts/MuseoSans/MuseoSansCyrl-300.eot');
  src: local('MuseoSansCyrl-300'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-300.woff') format('woff'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-300.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Sans Cyrl 100';
  src: url('/assets/fonts/MuseoSans/MuseoSansCyrl-100.eot');
  src: local('MuseoSansCyrl-100'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-100.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-100.woff') format('woff'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-100.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Sans Cyrl 100';
  src: url('/assets/fonts/MuseoSans/MuseoSansCyrl-100Italic.eot');
  src: local('MuseoSansCyrl-100Italic'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-100Italic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-100Italic.woff') format('woff'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-100Italic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Museo Sans Cyrl 900';
  src: url('/assets/fonts/MuseoSans/MuseoSansCyrl-900Italic.eot');
  src: local('Museo Sans Cyrl 900 Italic'), local('MuseoSansCyrl-900Italic'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-900Italic.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-900Italic.woff') format('woff'),
    url('/assets/fonts/MuseoSans/MuseoSansCyrl-900Italic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

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


html {  font-size:12px; font-family: 'Oswald'; } 
@media only screen and (max-width: 359px) { html {font-size: 8px;} }
@media(min-width:1500px){ html { font-size: 14px; } } /*12*/
@media(min-width:1980px){ html { font-size: 18px; } } /*16*/

/* 1. General styles */
body {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
}

.nos {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#inform {
  width:320px;
  height:auto;
  padding:20px 10px;
  text-align: center;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 0px 20px 10px #fff;
  border-radius: 5px;
  border:1px solid #ddd;
  color:#000;
  opacity: 0;
  visibility: hidden;
  top: -100px;
  left:50%;
  font-size: 15px;
  transform: translateX(-50%);
  transition: 0.2s;
  position: fixed;
  z-index: 9999;
}

#inform.red {background: rgba(249, 50, 50, 0.95); color:#fff;}
#inform.grn {background: rgba(50, 211, 95, 0.95); color:#fff;}
#inform.on { opacity: 1; visibility: visible; top:50px; transition-delay: 0.3s; transition: 0.5s;}


main {width:1200px; margin: 0 auto; color:#1e1e1e;}

#head { height:120px; display: flex; align-items: center; justify-content: flex-start; }
#head .hd-links { display: flex; height:40px; line-height: 40px; margin:40px 0; }
#head .hd-links-left { width:calc(45% - 113px); margin-right: 20px; justify-content: flex-end; }
#head .hd-links-right { width:calc(48% - 113px); margin-left:20px; justify-content: flex-start; }
#head .hd-links a { border-bottom:2px solid transparent; display: inline-block; text-transform: uppercase; transition: .2s; font-size: 15px; font-weight: normal; width:auto; height:40px; line-height: 40px; text-decoration: none; color:#1e1e1e; }
#head .hd-links a:hover { transition: .2s; color:#d27c28; }
#head .hd-links a.act { border-bottom:2px solid #d27c28; }
#head .hd-links a.buy { color:#d27c28; }
#head .hd-links span { display: inline-block; margin: 0px 8px; font-size: 13px; font-weight: normal; width:9px; height:40px; line-height: 40px; color:#5e5e5e; }
#head .hd-links-left span { margin: 0px 8px; }
#head #logo {width:186px; height: 94px; display: block; margin:13px 0;}
#head #logo i {width:186px; height: 94px; display: block;}
#head #logo i svg{width:186px; height: 94px; display: block;}
#head #soc {display: flex; height:40px; width:7%; justify-content: flex-end;}
#head #soc a {height:30px; width:30px; margin:5px 0; display: block; text-decoration: none; font-size: 18px;}
#head #soc a i{ display:block; height:30px; width:30px;}
#head #soc a i svg { height:20px; width:20px; margin:5px; fill:#452921; transition: .2s;}
#head #soc a:hover i svg { fill:#d27c28; transition: .2s;}

#mhead {display: none;}

@media(max-width:1200px){ 
  main {width:100%;}
  #head {display: flex; padding:60px 0 40px 0; box-shadow: 0px 0px 30px 30px #fff; z-index: 9; flex-direction: column; transition: .2s; width:100%; height:auto; left:-290px; top:0px; visibility: hidden; opacity: 0; position:absolute; }
  #head.act {left:0; visibility: visible; opacity:1; transition: .2s; background: #fff; }
  #head .hd-links { flex-direction: column; margin:0; height:auto; width:100%;}
  #head .hd-links span { display: none; }
  #head .hd-links a { display: block; padding:0 20px; }
  #head .hd-links a.act { border-bottom:2px solid transparent; }
  #head #logo {display: none; }
  #head #soc {justify-content: flex-start; width:calc(100% - 40px); padding:0 20px; margin-top: 40px;}

  #mhead {display: flex; height:60px; line-height:60px; background:transparent; position: relative;}
  #hamb {display: block; width: 50px; height:50px; text-decoration: none; position: absolute; top:0; left:0; z-index: 10;}
  #hamb  i {display: block; width: 50px; height:50px;}
  #hamb  i svg {width: 30px; height:30px; margin:10px; fill:#452921; stroke:#452921;}
  #hamb  i:nth-child(1) {display: block;}
  #hamb  i:nth-child(2) {display: none;}
  #hamb.act  i:nth-child(1) {display: none;}
  #hamb.act  i:nth-child(2) {display: block;}

  #mlogo {display: block; width:100px; height:50px; z-index: 2; position: absolute; left:50%; transform: translateX(-50%); top:5px; text-decoration: none; margin:0 auto;}
  #mlogo img {display: block; width:100px; height:50px; margin:0 auto;}
  #mlogo i {width:100px; height: 50px; display: block; margin:0 auto;}
  #mlogo i svg{width:100px; height: 50px; display: block;}

  #msoc {display: flex; height:60px; width:90px; justify-content: flex-end; position: absolute; top:0; right:10px;}
  #msoc a {height:50px; width:50px; margin:5px 0; display: block; text-decoration: none; font-size: 18px;}
  #msoc a i{ display:block; height:50px; width:30px;}
  #msoc a i svg { height:20px; width:20px; margin:15px 5px; fill:#452921; transition: .2s;}
  #msoc a:hover i svg { fill:#d27c28; transition: .2s;}
}

#cont { width:100%; }
#main { position: relative; }
#main .leaf { display: block; position: absolute; width:273px; height:283px; background-repeat: no-repeat; background-position: center center; z-index: -1; }
#main .leaf-left { background-image: url(/assets/img/leaf-left.png); top:87px; left:-70px; }
#main .leaf-right { background-image: url(/assets/img/leaf-rght.png); top:87px; right:-70px; }
#main h1 { background-image: url(/assets/img/natural.png); background-position: center center; background-repeat: no-repeat; height:150px; line-height: 150px; margin:20px auto; width:100%; max-width:1000px; text-align: center; font-size: 45px; font-weight: 300; color:#452921; position: relative; }
#main h1 a.video { display: block; position: absolute; width:120px; height: 120px; text-decoration: none; right:0; top:0; }
#main h1 a.video img.play_text { display: block; width:100px; height: 100px; }
#main h1 a.video img.play_button { display: block; width:17px; height: 24px; position: absolute; left:44px; top:38px; }
#main-sections { width:100%; display: flex; justify-content: space-between; margin-bottom: 40px; }
#main-sections a { display: block; width:33.33333%; text-decoration: none; }
#main-sections a:hover {  }
#main-sections a img { display: block; transition: .2s; width:320px; height:360px; margin:0 auto; }
#main-sections a h2 { display: block; transition: .2s; margin:30px 0; text-align: center; text-transform: uppercase; font-size:24px; font-weight: 300; color:#1e1e1e; }
#main-sections a .btn { display: block; font-family: 'Museo Sans Cyrl 700'; transition: .2s; margin:0 auto; font-size: 14px; text-align: center; text-transform: uppercase; width:300px; height:54px; line-height: 54px; color:#452921; background: #fff; border:2px solid #452921; box-shadow: 2px 3px 0px 0px #452921; }
#main-sections a:hover .btn {  background: #654941; color:#fff; transition: .4s;}
#main-sections a:hover img { transform: scale(1.1); transition: .2s;}
/*#main-sections a:hover h2 {font-size: 26px; transition: .2s;}*/

@media(max-width:1200px){ 
  #main h1 {height:65px; line-height:65px; font-size: 24px; background-size: 135%; margin:10px auto 20px auto;}
  #main h1 a.video {width:80px; height:80px; top:60px; right:30px;}
  #main h1 a.video img {width:80px; height:80px;}
  
  #home #main h1 {height:120px; line-height:65px; font-size: 24px; background-size: 135%;}

  #main .leaf { width:136.5px; height:141.5px; background-size: contain; }
  #main .leaf-left { left:0; top:100px; }
  #main .leaf-right { right:0; top:170px; }
  #main-sections {display: flex; flex-direction: column;}
  #main-sections a { width:calc(100% - 20px); margin:10px auto; padding:0 0 10px 0; overflow:hidden; }
  #main-sections a img { width:240px; height:270px; }
  #main-sections a h2 { margin:-10px 0 30px 0; }
  #main-sections a .btn { width:280px; }
}

#subtitle {display: flex; width:1140px; margin:12px auto; min-height: 40px;}
#subtitle .backlink { z-index: 2; display:block; font-family: 'Museo Sans Cyrl 300'; text-decoration: none; height: 40px; line-height: 40px; font-size:16px; text-transform: uppercase; color:#452921; }
#subtitle .backlink i { display:inline-block; height:40px; width:40px; margin-right: 10px; float:left; }
#subtitle .backlink i svg { height:40px; width:40px; stroke:#452921; stroke-width:1; }

#subtitle .adress { width:750px; margin-left: 170px; display: flex; position: relative; }
#subtitle .adress img { width:195px; height:195px; position: absolute; top:-18px; left:-130px; }
#subtitle .adress .adress-inf { width:530px; height:140px; background-image: url(/assets/img/leaf-rght.png); background-repeat: no-repeat; background-size: 160px 160px; background-position: 460px 25px; padding-top:20px; background-color: #fbf5f0; border-radius: 5px; display: flex; flex-direction: column; padding-left:95px; }
#subtitle .adress .adress-inf .adress-item { font-family: 'Museo Sans Cyrl 500'; margin-bottom: 8px; font-size: 15px; color: #1e1e1e; padding-left: 34px; display: block; height:24px; line-height: 24px; position: relative; }
#subtitle .adress .adress-inf a.adress-item { font-family: 'Museo Sans Cyrl 500'; font-size: 15px; text-decoration: none; color:#d27c28; }
#subtitle .adress .adress-inf .adress-item i { position: absolute; width:24px; height:24px; display: block; top:0; left:0; }
#subtitle .adress .adress-inf .adress-item i svg { width:18px; height:18px; margin:2px; fill:#d27c28;}

@media(max-width:1200px){ 
  #subtitle { width:100%; flex-direction: column; margin:0 auto; }
  #subtitle .backlink { text-align: center; font-size:13px; }
  #subtitle .backlink  i { float: none; margin-top: -40px; margin-right: 0;  }
  #subtitle .backlink  i svg { float: left; height:30px; width:30px; margin:19px 5px 5px 5px; }
  #subtitle .adress { width:100%; margin-left: 0; }
  #subtitle .adress img { top:unset; bottom:-40px; width:100px; height:100px; left:50%; transform: translateX(-50%); }
  #subtitle .adress .adress-inf { width:300px; padding:10px; padding-left:10px; padding-bottom: 60px; margin: 10px auto; background-size: 90px 90px; background-position: calc(100% - 15px) 140px; }
  #subtitle .adress .adress-inf .adress-item { padding-left: 30px; font-size: 13px; }
  #subtitle .adress .adress-inf a.adress-item { font-size: 13px; }
  #subtitle .adress .adress-inf .adress-item i svg {width:16px; height:16px;}
}

#tabswrapper {height:50px; line-height: 50px; border-bottom:1px solid #d27c28; width:1140px; margin:40px auto;}
#tabs {display: flex; align-items: center; justify-content: center; height:50px; line-height: 50px; }
#tabs a.tab {display: block; width:248px; text-decoration: none; height:49px; line-height: 49px; text-transform: uppercase; font-size: 22px; font-weight: 300; color:#1e1e1e; border:1px solid #ece9e8; border-bottom:0px; text-align: center; }
#tabs a.tab.act { border:1px solid #d27c28; }

#tabcont { width:1140px; margin:10px auto; }

#tabcontmenu {  }
#manufmenu { min-height:60px; margin:30px auto; width:1140px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
#manufmenu a { display: block; background:#fbf5f0; height:60px; line-height: 60px; text-decoration: none; padding:0 15px; margin:0 5px 10px 5px; font-size: 30px; font-family: 'Museo Sans Cyrl 500'; color:#1e1e1e; border-bottom:2px solid transparent; transition: .2s; }
#manufmenu a.act { border-bottom:2px solid #d27c28; }
#manufmenu a:hover { border-bottom:2px solid #d27c28; transition: .2s; }

#cafe-manufmenu { min-height:60px; margin:30px auto; width:1140px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
#cafe-manufmenu a { display: block; background:#fbf5f0; height:60px; line-height: 60px; text-decoration: none; padding:0 15px; margin:0 5px 10px 5px; font-size: 30px; font-family: 'Museo Sans Cyrl 500'; color:#1e1e1e; border-bottom:2px solid transparent; transition: .2s; }
#cafe-manufmenu a.act { border-bottom:2px solid #d27c28; }
#cafe-manufmenu a:hover { border-bottom:2px solid #d27c28; transition: .2s; }


#tabcontdeliv { display: none; background-color: #fbf5f0; padding:30px; border-radius: 5px; width:850px; font-size: 18px; font-family: 'Museo Sans Cyrl 500'; margin:30px auto;  }

#manuflist {display: flex; flex-wrap: wrap; width:calc(100% + 30px); justify-content:flex-start; align-items: flex-start; margin:0 -15px; }
#manuflist .manuf-item {display: block; width:265px; margin: 0 14px 30px 13px; box-shadow: 0px 0px 30px 6px rgba(0,0,0,0.08); }
#manuflist .manuf-item a.inner {display: block; text-decoration: none; }
#manuflist .manuf-item .im {display: block; width:calc(100% - 20px); height:270px; margin:10px 0 0 10px; background-position: center; background-size: cover; background-repeat: no-repeat;}
#manuflist .manuf-item b {display: block; width:calc(100% - 20px); height:34px; text-align: left; overflow:hidden; margin:10px 0 0 10px; font-size: 16px; font-family: 'Museo Sans Cyrl 700'; color:#452921; }
#manuflist .manuf-item .inf {display: block; width:calc(100% - 20px); border-bottom:1px solid #ece9e8; height:60px; text-align: left; overflow:auto; margin:10px 0 0 10px; font-size: 13px; font-family: 'Museo Sans Cyrl 500'; color:#1e1e1e; }

#manuflist .manuf-item .inf::-webkit-scrollbar { width: 8px;}
#manuflist .manuf-item .inf::-webkit-scrollbar-track { background: #ddd; box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
#manuflist .manuf-item .inf::-webkit-scrollbar-button {background: #fff; height: 3px;}
#manuflist .manuf-item .inf::-webkit-scrollbar-thumb { background: #ece9e8; box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }


#manuflist .manuf-item .price-val { display: flex; justify-content: space-between; height:40px; line-height: 40px; width:calc(100% - 20px); margin-left: 10px; margin-bottom: 10px; }
#manuflist .manuf-item .price-val .val { display: block; font-weight: 300; font-size: 16px; color:#452921; }
#manuflist .manuf-item .price-val .price { display: block; font-size: 22px; color:#452921;  }
#manuflist .manuf-item .order { display: block; font-family: 'Museo Sans Cyrl 500'; text-decoration: none; transition: .2s; margin:0 auto; margin-bottom: 13px; font-size: 14px; text-align: center; text-transform: uppercase; width:240px; height:46px; line-height: 46px; color:#452921; background: #fff; border:2px solid #452921; box-shadow: 2px 3px 0px 0px #452921; }
#manuflist .manuf-item .order:hover  { color:#fff; background: #654941; transition: .2s;}

#manuf-descr { font-family: 'Museo Sans Cyrl 500'; font-size:15px; width:1140px; margin:0 auto; }

h2.cafe-cat-title { display: flex; align-items: center; justify-content: flex-start; height:60px; line-height: 60px; text-decoration: none; padding:0 15px; margin:30px 5px 30px 5px; font-size: 30px; font-family: 'Museo Sans Cyrl 500'; color:#1e1e1e; transition: .2s; }
h2.cafe-cat-title a {  display: block; border-bottom:2px solid #452921; transition: .2s; background:none; height:60px; line-height: 60px; text-decoration: none; padding:0 15px; margin:0 5px 10px -24px; font-size: 26px; font-family: 'Museo Sans Cyrl 500'; color:#1e1e1e;}
h2.cafe-cat-title a:hover { border-bottom:2px solid #d27c28; text-decoration: none; transition: .2s; }
.cafe-manuflist-bottom { display:flex; height: 60px; align-items: center; justify-content: center; }
.cafe-manuflist-bottom a.to-all { padding: 0 20px; border-bottom: 2px solid transparent; font-size:15px; font-weight: 800; font-family: 'Museo Sans Cyrl 300'; color: #452921; background:#fbf5f0; display: flex; align-items: center; text-decoration: none; text-transform: uppercase; transition: .2s; }
.cafe-manuflist-bottom .to-all i  { display:inline-block; height:40px; width:40px; margin-left: 10px; margin-right: 10px; float:right; transition: .2s; transform:rotate(180deg);  }
.cafe-manuflist-bottom .to-all i svg { height:40px; width:40px; stroke:#452921; stroke-width:1; }
.cafe-manuflist-bottom a.to-all:hover { transition: .4s; padding: 0 10px 0 20px; border-bottom: 2px solid #d27c28; }
.cafe-manuflist-bottom a.to-all:hover i { transform:rotate(180deg); margin-left: 20px; transition: .4s; }

.cafe-manuflist {display: flex; flex-wrap: wrap; width:calc(100% + 30px); justify-content:flex-start; align-items: flex-start; margin:0 -15px 30px -15px; }
.cafe-manuflist .cafe-manuf-item {display: block; width:265px; margin: 0 14px 30px 13px; box-shadow: 0px 0px 30px 6px rgba(0,0,0,0.08); }
.cafe-manuflist .cafe-manuf-item a.inner {display: block; text-decoration: none; }
.cafe-manuflist .cafe-manuf-item .im {display: block; width:calc(100% - 20px); height:270px; margin:10px 0 0 10px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.cafe-manuflist .cafe-manuf-item b {display: block; width:calc(100% - 20px); height:34px; text-align: left; overflow:hidden; margin:10px 0 0 10px; font-size: 16px; font-family: 'Museo Sans Cyrl 700'; color:#452921; }
.cafe-manuflist .cafe-manuf-item .inf {display: block; width:calc(100% - 20px); border-bottom:1px solid #ece9e8; height:60px; text-align: left; overflow:auto; margin:10px 0 0 10px; font-size: 13px; font-family: 'Museo Sans Cyrl 500'; color:#1e1e1e; }

.cafe-manuflist .cafe-manuf-item .inf::-webkit-scrollbar { width: 8px;}
.cafe-manuflist .cafe-manuf-item .inf::-webkit-scrollbar-track { background: #ddd; box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
.cafe-manuflist .cafe-manuf-item .inf::-webkit-scrollbar-button {background: #fff; height: 3px;}
.cafe-manuflist .cafe-manuf-item .inf::-webkit-scrollbar-thumb { background: #ece9e8; box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }


.cafe-manuflist .cafe-manuf-item .price-val { display: flex; justify-content: space-between; height:40px; line-height: 40px; width:calc(100% - 20px); margin-left: 10px; margin-bottom: 10px; }
.cafe-manuflist .cafe-manuf-item .price-val .val { display: block; font-weight: 300; font-size: 16px; color:#452921; }
.cafe-manuflist .cafe-manuf-item .price-val .price { display: block; font-size: 22px; color:#452921;  }
.cafe-manuflist .cafe-manuf-item .order { display: block; font-family: 'Museo Sans Cyrl 500'; text-decoration: none; transition: .2s; margin:0 auto; margin-bottom: 13px; font-size: 14px; text-align: center; text-transform: uppercase; width:240px; height:46px; line-height: 46px; color:#452921; background: #fff; border:2px solid #452921; box-shadow: 2px 3px 0px 0px #452921; }
.cafe-manuflist .cafe-manuf-item .order:hover  { color:#fff; background: #654941; transition: .2s;}

#cafe-manuf-descr { font-family: 'Museo Sans Cyrl 500'; font-size:15px; max-width:1140px; padding: 20px 30px; width: calc(100% - 60px); margin:0 auto; background:#fbf5f0; }


.manuf-popup-wrapper {
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  background-color:rgba(249, 239, 222, 0.89);
  z-index: 12;
  position: absolute;
  width: 100%;
  height: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.manuf-popup-wrapper.act {
  visibility: visible;
  opacity: 1;
  transition: 0s;
  height: calc(100vh - 200px);
  padding: 100px 0;
}

.manuf-popup { display: block; box-shadow: 0px 10px 20px -10px rgba(150,150,150,.4); top:calc((100vh - 56
  0px) / 2); left:50%; transform: translateX(-50%); position: absolute; z-index: 99; width:400px; height:auto; background: #FFFFFF; border-radius: 8px; margin-bottom: 40px; }
.manuf-close-popup {display: block; width:24px; height:24px; position:absolute; top:15px; right:10px; }
.manuf-close-popup i {display: block; width:24px; height:24px; }
.manuf-close-popup i svg {display: block; width:24px; height:24px;}

.manuf-popup .im { display: block; width:calc(100% - 40px); margin:10px auto 20px auto; border-radius: 8px; height:210px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.manuf-popup h3 { font-size:28px; color:#1e1e1e; font-weight: 300; margin:20px; width:calc(100% - 70px); }
.manuf-popup p { font-family: 'Museo Sans Cyrl 500'; margin:10px 20px 30px 20px; display: block; height:auto; font-size: 15px; color:#1e1e1e; width:calc(100% - 40px); }
.manuf-popup .price-val { display: flex; justify-content: space-between; height:40px; line-height: 40px; width:calc(100% - 20px); border-top:1px solid #ece9e8; margin-top: 10px; margin-left: 10px; margin-bottom: 20px; }
.manuf-popup .price-val .val { display: block; font-weight: 300; font-size: 16px; color:#452921; }
.manuf-popup .price-val .price { display: block; font-size: 22px; color:#452921;  }
.manuf-popup .order { display: block; font-family: 'Museo Sans Cyrl 500'; text-decoration: none; transition: .2s; margin:0 auto; margin-bottom: 33px; font-size: 14px; text-align: center; text-transform: uppercase; width:240px; height:46px; line-height: 46px; color:#452921; background: #fff; border:2px solid #452921; box-shadow: 2px 3px 0px 0px #452921; }
.manuf-popup .order:hover  { color:#fff; background: #654941; transition: .2s;}

@media(max-width:1200px){ 
  #tabswrapper { width:100%; margin:60px auto 20px auto; }
  #tabs a.tab { font-size: 20px; }
  #tabcont { width:100%; min-height: 40px; }

  #manuf-descr { font-family: 'Museo Sans Cyrl 500'; font-size:13px; width:calc(100% - 20px); margin-left: 10px; }
  #cafe-manuf-descr { font-family: 'Museo Sans Cyrl 500'; font-size:13px; padding: 10px 10px; width:calc(100% - 20px); }

  #tabcontdeliv {width:calc(100% - 30px); padding:15px; margin:0px auto 30px auto; font-size: 14px;}

  #manufmenu { margin:0px auto 10px auto; width:100%; }
  #manufmenu a { height:40px; line-height: 40px; font-size: 20px; }

  #cafe-manufmenu { margin:0px auto 10px auto; width:100%; }
  #cafe-manufmenu a { height:40px; line-height: 40px; font-size: 20px; }

  #manuflist {width: 100%;margin:0; flex-wrap: wrap;}
  #manuflist .manuf-item { width:50%; margin:0; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.08); }
  #manuflist .manuf-item .im { height:240px; }
  #manuflist .manuf-item .order { width:calc(100% - 30px); max-width: 200px; margin-bottom: 23px; }

  h2.cafe-cat-title { display: flex; align-items: center; justify-content: center; height:40px; line-height: 40px; text-decoration: none; padding:0 15px; margin:50px 5px 10px 5px; font-size: 24px; font-family: 'Museo Sans Cyrl 500'; color:#1e1e1e; transition: .2s; }
  h2.cafe-cat-title a {  display: block; border-bottom:2px solid transparent; background: none; transition: .2s; height:40px; line-height: 40px; text-decoration: underline; padding:0 15px; margin:0 5px 10px -24px; font-size: 24px; font-family: 'Museo Sans Cyrl 500'; color:#1e1e1e;}
  h2.cafe-cat-title a:hover { border-bottom:2px solid #d27c28; transition: .2s; }


  .cafe-manuflist {width: 100%;margin:0; flex-wrap: wrap;}
  .cafe-manuflist .cafe-manuf-item { width:50%; margin:0; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.08); }
  .cafe-manuflist .cafe-manuf-item .im { height:240px; }
  .cafe-manuflist .cafe-manuf-item .order { width:calc(100% - 30px); max-width: 200px; margin-bottom: 23px; }

  .manuf-popup { width:calc(100% - 20px); max-width: 400px; margin-bottom: 40px; }
  .manuf-popup h3 { font-size: 18px; }
  .manuf-popup p { font-size: 13px; }
  .manuf-popup .order { width:calc(100% - 30px); max-width: 200px; margin-bottom: 33px; }
}

@media(max-width:359px){ 
  #manuflist .manuf-item { width:100%; margin:0; }
  .cafe-manuflist .cafe-manuf-item { width:100%; margin:0; }
}

#myorder {position: fixed; height:auto; overflow:hidden; width:270px; right:0; top:calc(50vh - 277px); display: flex; transition: .2s; flex-direction: column; background: #fff; box-shadow: 0px 0px 30px 6px rgba(0,0,0,0.08);  }
#myorder-count { display: none; position: absolute; top:19px; left:-14px; z-index: 3; text-align: center; padding:0 9px; min-width:10px; line-height: 26px; height:26px; border-radius: 13px; color:#fff; background:#452921;  }
#myorder-title {display: block; height:60px; line-height: 60px; position: relative; text-align: left; font-size: 21px; color:#d27c28; border-bottom:1px solid #ece9e8; width:calc(100% - 60px); margin-left: 30px; }
#open-myorder { position: absolute; z-index: 2; display: block; width:40px; height:40px; top:10px; right:20px; transition: .2s; text-decoration: none; }
#open-myorder i {display: block; width:40px; height:40px; }
#open-myorder i svg { width:40px; height:40px; fill:#452921; stroke:#452921; transition: .2s; }
#open-myorder i:nth-child(1) {display: none;}
#open-myorder i:nth-child(2) {display: block;}
#open-myorder:hover i svg { fill:#d27c28; stroke:#d27c28; transition: .2s; }
#myorder-items { display: flex; flex-direction: column; max-height:350px; min-height: 350px; overflow-y: auto; overflow-x: hidden; }
#myorder-items::-webkit-scrollbar { width: 8px;}
#myorder-items::-webkit-scrollbar-track { background: #ddd; box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
#myorder-items::-webkit-scrollbar-button {background: #fff; height: 3px;}
#myorder-items::-webkit-scrollbar-thumb { background: #ece9e8; box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }

.cart-item {display: flex; flex-direction: column; position: relative;}
.cart-item .close {position: absolute; width:34px; height:34px; text-decoration: none; display: block; top:15px; right:15px;}
.cart-item .close i { width:24px; height:24px; border-radius: 12px; display: block; margin:5px; background: #d27c28;}
.cart-item .close i svg { width:20px; height:20px; margin:2px; stroke: #fff; fill:#fff;}
.cart-item .im {display: block; width:150px; height:120px; margin:20px auto 10px auto; background-position: center; background-size: cover; background-repeat: no-repeat;}
.cart-item b {display: block; text-align: center; width:210px; height:40px; overflow:hidden; color:#452921; font-size: 15px; font-family: 'Museo Sans Cyrl 500'; margin: 0 auto 10px auto;}
.cart-item .cart-item-quant {display: flex; color:#111; font-size: 14px; font-family: 'Museo Sans Cyrl 500'; margin:0 auto 10px auto; width:100px; height:40px; line-height: 40px; border-radius: 20px; border:1px solid #d4c9c0; }
.cart-item .cart-item-count {display: block; text-align: center; height:40px; width:38px; line-height: 40px; border-right:1px solid #d4c9c0; border-left:1px solid #d4c9c0; }
.cart-item .cgq {display: block; text-align: center; width:30px; height:40px; line-height: 40px; text-decoration: none; color:#111; }
.cart-item .cart-item-total {display: block; text-align: center; width:210px; height:40px; overflow:hidden; color:#452921; font-size: 15px; font-family: 'Museo Sans Cyrl 500'; font-weight:bold; margin: 10px auto 0 auto;}

#myorder-total { width:calc(100% - 60px); margin-left: 30px; }
#myorder-total b { display: block; height:60px; line-height: 60px; text-align: center; font-size: 22px; color:#452921; }
#tocheckout { display: block; font-family: 'Museo Sans Cyrl 500'; text-decoration: none; transition: .2s; margin:0 auto; margin-bottom: 33px; font-size: 14px; text-align: center; text-transform: uppercase; width:200px; height:46px; line-height: 46px; color:#452921; background: #fff; border:2px solid #452921; box-shadow: 2px 3px 0px 0px #452921; }
#tocheckout:hover  { color:#fff; background: #654941; transition: .2s;}

#myorder-empty { width:calc(100% - 60px); height:435px; background: #fff; position: absolute; top:61px; left:0; margin:30px; text-align: center; font-size: 22px; color:#452921; display: none; }

#myorder.close { width:80px; height:60px; top:calc(50vh - 30px); transition: .2s;  }
#myorder.close #open-myorder { right:20px; top:10px; transition: .2s; }
#myorder.close #open-myorder i:nth-child(1) {display: block;}
#myorder.close #open-myorder i:nth-child(2) {display: none;}
#myorder.close #myorder-title { display: none; }
#myorder.close #myorder-items { display: none; }
#myorder.close #myorder-total { display: none; }
#myorder.close #myorder-count { display: block; }

@media(max-width:1200px){ 
  #myorder {z-index: 4; top:0; height:100vh;}
  #myorder-items {height:auto; max-height: calc(100vh - 240px);}
  #myorder-empty { top:50px; height:calc(100vh - 120px); }
  #myorder.close { top:unset; bottom:0px;  }
}

#checkout-wrapper {display: flex; align-items: flex-start; justify-content: space-between; max-width: 1140px; margin:40px auto; }
#checkout-form {width:360px; height:auto;}
#checkout-form-inf {display: flex; flex-direction: column;}
#checkout-form-inf .checkout-row {display: flex; justify-content: space-between; margin-bottom: 10px;}
#checkout-form-inf .checkout-row input {height:54px; width:100%; padding:0 25px; font-size: 15px; font-family: 'Museo Sans Cyrl 500'; background: #fff; border-radius: 4px; border:1px solid #d6ccc3;}
#checkout-form-inf .checkout-row input::-webkit-input-placeholder {color:#d6ccc3;}
#checkout-form-inf .checkout-row input:-ms-input-placeholder {color:#d6ccc3;}
#checkout-form-inf .checkout-row input::placeholder {color:#d6ccc3;}
#checkout-form-inf .checkout-row textarea {height:14px; width:100%; padding:20px 25px; overflow:hidden; font-size: 15px; font-family: 'Museo Sans Cyrl 500'; background: #fff; border-radius: 4px; border:1px solid #d6ccc3; transition: .2s;}
#checkout-form-inf .checkout-row textarea.focus {height:80px; transition: .2s;}
#checkout-form-inf .checkout-row textarea::-webkit-input-placeholder {color:#d6ccc3;}
#checkout-form-inf .checkout-row textarea:-ms-input-placeholder {color:#d6ccc3;}
#checkout-form-inf .checkout-row textarea::placeholder {color:#d6ccc3;}
#checkout-form-inf .checkout-row:nth-child(4) input { width:calc(50% - 57px); }

#checkout-form-inf .checkout-row input.fail { border:1px solid #f00; transition: .2s;}
#checkout-form-inf .checkout-row textarea.fail { border:1px solid #f00; transition: .2s;}

#cart-total { width:550px; display:flex; flex-direction:column; }
#cart-total-head {color:#452921; margin-bottom: 26px; font-size: 24px; font-weight: 300; height:40px; line-height: 40px;}
#cart-inf {border-bottom: 1px solid #d4c9c0;}
.cart-inf-item {display: flex; justify-content: space-between; margin-bottom: 20px;}
.cart-inf-item .im {display: block; width:66px; height:66px; margin:0px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.cart-inf-item .inf {display: flex; justify-content: space-between; width:calc(100% - 96px); align-items: center;}
.cart-inf-item .inf b {display: block; font-size: 16px; font-family: 'Museo Sans Cyrl 500'; color:#452921; height: auto; width:65%; }
.cart-inf-item .inf .price {display: block; text-align: right; font-size: 18px; font-family: 'Museo Sans Cyrl 500'; color:#1e1e1e; height: auto; width:35%; }

#cart-inf-total {display: flex;}
#cart-inf-total .cart-inf-total-row{width:100%; height:70px; line-height: 70px; display: flex; align-items: center; justify-content: flex-end; color:#452921; font-size: 24px; font-weight: bold; }

#checkout-btns {display: flex; flex-direction: column; margin:0 auto 50px auto;}
#add-more {display:block; width:180px; height:40px; margin:0 auto 30px auto; line-height: 40px; font-family: 'Museo Sans Cyrl 300'; font-size: 15px; text-decoration: none; color:#d27c28; border-bottom:1px solid #d27c28; text-align: center;}
#cart-order { display: block; font-family: 'Museo Sans Cyrl 500'; font-weight: bold; text-decoration: none; transition: .2s; margin:0 auto; margin-bottom: 33px; font-size: 14px; text-align: center; text-transform: uppercase; width:310px; height:56px; line-height: 56px; color:#452921; background: #fff; border:2px solid #452921; box-shadow: 2px 3px 0px 0px #452921; }
#cart-order:hover  { color:#fff; background: #654941; transition: .2s;}

@media(max-width:1200px){
  #checkout-wrapper { flex-direction: column; width:calc(100% - 30px); margin:0 auto; max-width: 500px; }
  #checkout-form { width:100%; margin-top: 10px; }

  #checkout-form-inf { width:100%; }
  #checkout-form-inf .checkout-row input {font-size: 13px;}
  #cart-total { width:100%; margin-top: 10px; }
  #cart-total-head {font-size: 22px; text-align: center;}
  .cart-inf-item .im {width:60px; height: 60px;}
  .cart-inf-item .inf { width:calc(100% - 80px); }
  .cart-inf-item .inf b {font-size: 13px;}
  .cart-inf-item .inf .price {font-size: 13px; min-width:90px;}
  #cart-inf-total .cart-inf-total-row {justify-content: center; font-size: 20px;}
  #cart-order {width:240px;}
}

#order-wrapper {width:600px; margin:40px auto; display: flex; flex-direction: column; min-height:calc(100vh - 530px);}
#order-wrapper h2 {text-align: center; margin:0 auto; font-size: 24px; color:#452921; }
#order-inf-text { text-align: center; margin:20px auto; font-size:16px; color:#111; font-family: 'Museo Sans Cyrl 500'; }
#order-inf-text div { margin-bottom: 10px; }
#order-inf-text div a { display: inline-block; color:#d27c28; font-size: 18px; margin: 5px 0; }
#order-inf-text div a:hover { color:#000; }
#to-main { display: block; font-family: 'Museo Sans Cyrl 500'; font-weight: bold; text-decoration: none; transition: .2s; margin:40px auto; margin-bottom: 33px; font-size: 14px; text-align: center; text-transform: uppercase; width:310px; height:56px; line-height: 56px; color:#452921; background: #fff; border:2px solid #452921; box-shadow: 2px 3px 0px 0px #452921; }
#to-main:hover  { color:#fff; background: #654941; transition: .2s;}

@media(max-width:1200px){
  #order-wrapper { width:calc(100% - 30px); margin:40px auto; min-height: calc(100vh - 325px); }
  #to-main { width:250px; }
}

#wrapper404 { width:1140px; margin:40px auto; }
#wrapper404 img { width:100%; max-width: 500px; display: block; margin: 0 auto 40px auto; }
#wrapper404 h1 {text-align: center; margin:20px auto; font-size: 30px; color:#452921; }
#wrapper404 h2 {text-align: center; margin:20px auto; font-size: 24px; color:#452921; }
#to-manufactura { display: block; font-family: 'Museo Sans Cyrl 500'; font-weight: bold; text-decoration: none; transition: .2s; margin:40px auto; margin-bottom: 33px; font-size: 14px; text-align: center; text-transform: uppercase; width:310px; height:56px; line-height: 56px; color:#452921; background: #fff; border:2px solid #452921; box-shadow: 2px 3px 0px 0px #452921; }
#to-manufactura:hover  { color:#fff; background: #654941; transition: .2s;}
#wrapper404 .adress { width:640px; margin:40px auto; transform: translateX(60px); display: flex; position: relative; }
#wrapper404 .adress img { width:195px; height:195px; position: absolute; top:-18px; left:-130px; }
#wrapper404 .adress .adress-inf { width:530px; height:140px; background-image: url(/assets/img/leaf-rght.png); background-repeat: no-repeat; background-size: 160px 160px; background-position: 460px 25px; padding-top:20px; background-color: #fbf5f0; border-radius: 5px; display: flex; flex-direction: column; padding-left:95px; }
#wrapper404 .adress .adress-inf .adress-item { font-family: 'Museo Sans Cyrl 500'; margin-bottom: 8px; font-size: 15px; color: #1e1e1e; padding-left: 34px; display: block; height:24px; line-height: 24px; position: relative; }
#wrapper404 .adress .adress-inf a.adress-item { font-family: 'Museo Sans Cyrl 500'; font-size: 15px; text-decoration: none; color:#d27c28; }
#wrapper404 .adress .adress-inf .adress-item i { position: absolute; width:24px; height:24px; display: block; top:0; left:0; }
#wrapper404 .adress .adress-inf .adress-item i svg { width:18px; height:18px; margin:2px; fill:#d27c28;}

@media(max-width:1200px){
  #wrapper404 { width:calc(100% - 30px); margin:40px auto; }
  #wrapper404 img { max-width: 300px; }
  #wrapper404 h1 { font-size: 24px; }
  #wrapper404 h2 { font-size: 20px; }
  #to-manufactura { width:280px; }
  #wrapper404 .adress { width:calc(100% + 30px); margin-left: 0; margin:0 -15px; transform: translateX(0px); }
  #wrapper404 .adress img { top:unset; bottom:-80px; width:100px; height:100px; left:50%; transform: translateX(-50%); }
  #wrapper404 .adress .adress-inf { width:300px; padding:10px; padding-left:10px; padding-bottom: 60px; margin: 10px auto; background-size: 90px 90px; background-position: calc(100% - 15px) 140px; }
  #wrapper404 .adress .adress-inf .adress-item { padding-left: 30px; font-size: 13px; }
  #wrapper404 .adress .adress-inf a.adress-item { font-size: 13px; }
  #wrapper404 .adress .adress-inf .adress-item i svg {width:16px; height:16px;}
}

#pages { display: flex; width:1140px; justify-content: space-between; height:48px; line-height: 48px; margin:48px auto; border-bottom: 1px solid #ece9e8; }
#pages a.first-last { display: block; transition: .2s; font-size: 13px; color:#333; height:24px; line-height: 24px; margin:12px 0; text-decoration: none; }
#pages a.first-last i { display: inline-block; width:24px; height: 24px;  }
#pages a.first-last i svg { display: inline-block; width:16px; height: 16px; margin:4px; stroke:#333;  transition: .2s; }
#pages a.first-last:hover { color:#654941; transition: .2s; }
#pages a.first-last:hover i svg { stroke:#654941; transition: .2s;}
#pages a.page-first i { float:left; }
#pages a.page-last i { float:right; }

.pages {display: flex; flex-wrap: wrap; width: auto; height:24px; line-height: 24px; margin:12px auto; font-size: 13px;}
.pages a { display: block; margin:0 2px; height:24px; width:24px; line-height: 24px; text-align: center; text-decoration: none; color:#333; transition: .2s;}
.pages a:hover { background:#eee; transition: .2s;}
.pages span.curr { display: block; height:24px; width:24px; line-height: 24px; text-align: center; background: #654941; color:#fff;}

@media(max-width:1190px){ 
  #pages { width:calc(100% - 20px); margin-left: 10px;  margin:38px 10px; }
  #pages a.first-last { width:24px; overflow:hidden; position: relative; }
  #pages a.first-last i { position: absolute; width:24px; height:24px; top:0; left:0; background: #fff; }
}

/* custom pages */
#about-wrapper {display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; max-width: 1140px; margin:40px auto; }
#about-block1 {display: flex; align-items: flex-start; justify-content: space-between; }
#about-block1_left {width:655px; position: relative; background-image:url(/assets/img/leaf-rght.png); background-position: 330px 0; background-repeat: no-repeat;}
#about-block1_left img.dir{margin-left: 100px;}
#about-block1_left a.video { display: block; position: absolute; width:100px; height: 100px; text-decoration: none; left:100px; top:240px; z-index: 2; }
#about-block1_left a.video img.play_text { display: block; width:100px; height: 100px; }
#about-block1_left a.video img.play_button { display: block; width:17px; height: 24px; position: absolute; left:44px; top:38px; }

#about-block1_right {width:460px;}
#about-block1_right .about-hello { font-size: 22px; font-family: 'Museo Sans Cyrl 500'; margin:90px 0 22px 0; color:#d89156; }
#about-block1_right h2 { font-size: 56px; font-weight: 300; margin:0 0 15px 0; color: #452921; }
#about-block1_right .h2subtitle { font-size: 15px; font-family: 'Museo Sans Cyrl 500'; margin:0 0 30px 0; color:#d89156; }
#about-block1_right .text { font-size: 15px; font-family: 'Museo Sans Cyrl 500'; color:#1e1e1e; line-height: 24px; }

#about-steps h2 {width:680px; margin:0 auto 20px auto; font-size: 56px; font-weight: 300; color: #452921; text-align: center;}
#about-steps .h2subtitle {width:680px; margin:0 auto 70px auto; line-height: 24px; font-size: 15px; font-family: 'Museo Sans Cyrl 500'; color:#1e1e1e; text-align: center;}
#about-steps-wrapper {display: flex; width:100%; flex-direction: column; margin:0 auto 130px auto;}
.about-step { display: flex; justify-content: space-between; align-items: flex-start; height:140px; }
.about-step-text { width:calc(50% - 18px); position: relative; }
.about-step-text b { display: block; font-size:28px; font-weight: 300; color:#1e1e1e; margin:0 0 20px 0; }
.about-step-text h3 { font-size: 28px; font-weight: 300; color: #452921; margin:0 0 20px 0; text-transform: uppercase; }
.about-step-text p { font-size: 13px; line-height: 18px; font-family: 'Museo Sans Cyrl 700'; color:#1e1e1e; }
.about-step-bullet { display: block; width:36px; height:32px; border-radius: 18px; background:#f6e5d4; position: relative; box-shadow: 0px 0px 27px 3px rgba(196,109,25,0.1); }
.about-step-bullet::after { display: block; content: ''; position: absolute; top:10px; left:11px; width:12px; height:12px; border-radius: 6px; background: #d89156; box-shadow: 0px 0px 5px 2px rgba(196,109,25,0.4); }
.about-step-bullet::before { display: block; content: ''; position: absolute; top:32px; left:17px; width:2px; height:140px; background: #f5f4f3; }
.about-step:last-of-type .about-step-bullet::before {display: none;}
.about-step-left { text-align: right; padding-right: 35px; }
.about-step-right { text-align: left; padding-left:35px; }

#about-block2 {width:100%;}
#about-block2 h2 {width:680px; margin:0 auto 70px auto; font-size: 56px; font-weight: 300; color: #452921; text-align: center;}
#about-block2-inner {display: flex; justify-content: space-between; align-items: flex-start;}
#about-block2_left {width:360px; font-size: 15px; font-family: 'Museo Sans Cyrl 500'; color:#1e1e1e; line-height: 24px; }
#about-block2_right {width:650px;}

#about-player { width:100%; height:367px; background: #eee; position: relative; }

@media(max-width:1200px){
  #about-player { width:100%; height:calc((100vw - 20px)*0.57); background: #eee; position: relative; }
  #about-wrapper { width:calc(100% - 20px); margin:20px 10px; }
  #about-block1_left { background-size: 180px 180px; background-position: calc(100% - 2px) 0;}
  #about-block1_left a.video { left:unset; right:30px; top:unset; bottom:20px; }
  #about-block1_left a.video img { width:96px; height:96px; }
  #about-block1 { flex-direction: column; }
  #about-block1_left { width:100%; }
  #about-block1_left img.dir { width:80%; margin-left: 0px; }
  #about-block1_right { width: 100%; }
  #about-block1_right .about-hello { margin:0px 0 12px 0; font-size: 16px; text-align: center; }
  #about-block1_right h2 {font-size:26px; text-align: center;}
  #about-block1_right .h2subtitle { font-size: 16px; text-align: center; }
  #about-block1_right .text { font-size: 13px; text-align: left; line-height: 20px; }

  #about-steps h2 { width:100%; font-size:26px; margin:20px auto 20px auto; }
  #about-steps .h2subtitle { width:100%; font-size: 13px; margin:0 auto 20px auto; text-align: left; line-height: 20px; }
  #about-steps-wrapper { margin:0 auto 20px auto; }
  .about-step { height:auto; margin-bottom: 20px; }
  .about-step-text b { font-size: 20px; margin:0 0 10px 0; }
  .about-step-text h3 { font-size: 16px; margin:0 0 10px 0; }
  .about-step-text p { font-size: 12px; font-family: 'Museo Sans Cyrl 500'; line-height: 16px; }
  .about-step-bullet {width:20px; height:20px;}
  .about-step-bullet::after {width:7px; height:7px; border-radius: 3.5px; top:6.5px; left:6px;}
  .about-step-bullet::before { display: none; }

  .about-step-left { padding-right: 5px; }
  .about-step-right { padding-left: 5px; }

  .about-step:nth-child(odd) {align-items:flex-start; justify-content: flex-end;}
  .about-step:nth-child(odd) .about-step-right { width:calc(10% - 18px); }
  .about-step:nth-child(odd) .about-step-left { width:calc(70% - 18px); }
  .about-step:nth-child(even) {align-items:flex-start; justify-content: flex-start;}
  .about-step:nth-child(even) .about-step-right { width:calc(70% - 18px); }
  .about-step:nth-child(even) .about-step-left { width:calc(10% - 18px); }

  #about-block2 h2 { width:100%; font-size:26px; margin:20px auto 20px auto; }
  #about-block2-inner { flex-direction: column; }
  #about-block2_left { width:100%; font-size: 13px; line-height: 20px; margin:0px auto 20px auto; }
  #about-block2_right { width:100%; }
}

#prod-wrapper {display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; max-width: 1140px; margin:40px auto; }

#prod-list {display: flex; flex-wrap:  wrap; align-items: flex-start; justify-content: flex-start; margin:0 -12px 40px -12px; }
#prod-list h2 {font-size: 35px; color:#1e1e1e; text-align: center; font-family: 'Museo Sans Cyrl 500'; margin: 0 0 40px 0; width:100%; text-align: center; }
.prod-item  {display: block; width:265px;  margin: 0 12px 30px 12px; text-decoration: none; }
.prod-item .im {display: block; width:100%; height:407px; transition:.3s; margin-bottom: 30px; background-position: center; background-size:100%; background-repeat: no-repeat;}
.prod-item b {display: block; width:100%; text-align: left; overflow:hidden; text-transform: uppercase; height:69px; overflow:hidden; font-weight: 300; font-size: 20px; color:#1e1e1e; }

.prod-item:hover .im { background-size:110%; transition:.3s; }

#prod-block1 {width:100%;}
#prod-block1 h2 { margin:0 auto 40px auto; font-size: 56px; font-weight: 300; color: #452921; text-align: center;}
#prod-block1_btns {display: flex; align-items:  center; justify-content: space-between; width:530px; margin:0 auto 100px auto;}
a#prod-catalog { display: block; font-family: 'Museo Sans Cyrl 500'; font-weight: bold; text-decoration: none; transition: .2s; font-size: 14px; text-align: center; text-transform: uppercase; width:175px; height:53px; line-height: 53px; color:#452921; background: #fff; border:2px solid #452921; box-shadow: 2px 3px 0px 0px #452921; }
a#prod-catalog:hover  { color:#fff; background: #654941; transition: .2s;}
a#prod-price { height:44px; line-height: 44px; display: inline-block; color:#d27c28; text-decoration: none; border-bottom: 1px solid #d27c28; font-size: 16px; font-family: 'Museo Sans Cyrl 500'; }
a#prod-feedback { height:44px; line-height: 44px; display: inline-block; color:#d27c28; text-decoration: none; border-bottom: 1px solid #d27c28; font-size: 16px; font-family: 'Museo Sans Cyrl 500'; }


#prod-block2 {width:100%;}
#prod-block2 h2 {width:680px; margin:0 auto 70px auto; font-size: 56px; font-weight: 300; color: #452921; text-align: center;}
#prod-block2-inner {display: flex; justify-content: space-between; align-items: flex-start;}
#prod-block2_left {width:360px; font-size: 15px; font-family: 'Museo Sans Cyrl 500'; color:#1e1e1e; }
#prod-block2_right {width:650px;}

#prod-player { width:100%; height:367px; background: #eee; position: relative; }

@media(max-width:1200px) {
  #prod-player { width:100%; height:calc((100vw - 20px)*0.57); background: #eee; position: relative; }
  #prod-wrapper { width:calc(100% - 20px); margin:20px 10px; }
  #prod-list { margin: 0 0 30px 0; }
  #prod-list h2 { font-size:18px; margin-bottom:20px; }
  .prod-item { width:calc(50% - 5px); margin:0 0 20px 0; height:auto; }
  .prod-item:nth-child(odd) { margin-left: 5px; }
  .prod-item:nth-child(even) { margin-right: 5px; }
  .prod-item .im { height:240px; }
  #prod-block1 h2 { width:100%; font-size:26px; margin:20px auto 30px auto; }

  #prod-block1_btns { flex-direction: column; width:100%; margin:0 auto 30px auto; }
  #prod-block1_btns a { margin-bottom: 10px; }
  #prod-block2 h2 { width:100%; font-size:26px; margin:20px auto 20px auto; }
  #prod-block2-inner { flex-direction: column; }
  #prod-block2_left { width:100%; font-size: 13px; margin:0px auto 20px auto; }
  #prod-block2_right { width:100%; }
}

@media(max-width:359px){ 
  .prod-item { width:100%; margin:0 0 20px 0; height:auto; }
}

#proditem-wrapper {display: flex; align-items: flex-start; justify-content: space-between; max-width: 1140px; margin:40px auto; }
#proditem-left { width:400px; }
#proditem-left .im { display: block; margin:0 auto; width:100%; height:600px; margin-bottom:0px; background-position: center; background-size: cover; background-repeat: no-repeat; }
#proditem-right { display:block; width:calc(100% - 440px); }
#proditem-right h2.title { margin:0 auto 40px auto; padding-bottom: 40px; font-size: 56px; font-weight: 300; color: #452921; text-align: left; border-bottom: 1px solid #d4c9c0; }
#proditem-right #proditem-text { margin:0 auto 40px auto; font-size: 56px; font-weight: 300; color: #452921; text-align: left; }

@media(max-width:1200px) {
  #proditem-wrapper { width:calc(100% - 20px); margin:20px 10px; flex-direction: column; }
  #proditem-left {width:100%;}
  #proditem-left .im { max-width: 400px; height: 300px; }
  #proditem-right {width:100%;}
  #proditem-right h2.title { font-size:26px; margin:20px auto 20px auto; padding-bottom: 20px; text-align: left; }

}

#partner-wrapper { max-width: 1140px; margin:40px auto; }
#partner-block1 {display: flex; align-items: flex-start; justify-content: space-between; min-height: 570px; }
#partner-block1 h2 { font-size: 21px; font-family: 'Museo Sans Cyrl 500'; color:#1e1e1e; margin:0 0 50px 0; }
#partner-block1_left {width:470px; }
#shops-wrapper {display: block; }
#shops-wrapper img {margin-right: 15px; margin-bottom: 20px;}
#partner-block1_right { width:650px; display: flex; justify-content: space-between; position: relative; }
#partner-block1_right-img {margin-left:0px; background-image:url(/assets/img/leaf-big.png); background-repeat: no-repeat; width:457px; position: absolute; top:-65px; }
#partner-block1_right-img img {margin-left:20px; margin-top: 80px;}
#partner-block1_right-text { text-align: center; position: absolute; width:180px; top:80px; right:0px; }
#partner-block1_right-text h2 { font-size: 22px; font-weight: 400; font-family: 'Oswald'; text-transform: uppercase; text-align: center; }
#partner-block1_right-text a { display: inline-block; text-decoration: none; color:#d27c28; border-bottom:1px solid #d27c28; height:46px; line-height: 46px; margin:0 auto; font-size:15px; font-family: 'Museo Sans Cyrl 500'; text-align: center; }

#partner-block2 { display:flex; justify-content: space-between; min-height: 607px; margin:100px 0; }
#partner-block2_left { width:390px; text-align: left; }
#partner-block2_left h2 { text-align: left; font-size: 45px; font-weight: 300; font-family: 'Oswald'; color:#543117; margin-bottom: 45px; margin-top: 87px;  }
#partner-block2_left h3 { font-size: 22px; font-weight: 400; font-family: 'Oswald'; text-transform: uppercase; text-align: center; width:180px; margin:30px 20px; }
#partner-block2_left a  { display: inline-block; text-decoration: none; color:#d27c28; border-bottom:1px solid #d27c28; height:46px; line-height: 46px; margin:0 47px; font-size:15px; font-family: 'Museo Sans Cyrl 500'; text-align: center; }
#partner-block2_right   { width:calc(100% - 390px); }
#partner-block2_right-sublayer { background: #f5f4f3; min-height: 607px; position: absolute; width:100%; }
#partner-block2_right-sublayer img { margin:87px 0 0 35px; }

#partner-block3 {display: flex; justify-content: space-between; }
#partner-block3_left { width:360px; }
#partner-block3_right { width:750px; position: relative; }
#partner-block3_right h2 { text-align: left; font-size: 45px; font-weight: 300; font-family: 'Oswald'; color:#543117; margin:80px 0 45px 0;  }
#partner-block3_right #more12years { position: absolute; top:0; right:0;  }
#partner-features { display: flex; flex-wrap: wrap; }
#partner-features .feature-item { width:25%; margin-bottom: 30px; display: flex; flex-direction: column; justify-content: space-between; }
#partner-features .feature-item img { width:49px; height:auto;  }
#partner-features .feature-item span { display: block; height:80px; margin-top: 25px; font-size: 18px; font-family: 'Museo Sans Cyrl 500'; width: calc(100% - 30px); }

#partner-block4 { display:flex; justify-content:space-between; position: relative; min-height: 670px; margin-bottom: 70px; }
#partner-block4_left { position: absolute; width:; }
#partner-block4_left h2 { text-align: left; font-size: 45px; font-weight: 300; font-family: 'Oswald'; color:#543117; }
#partner-block4_right {position: absolute; width:100%; top:135px; left:390px; min-height:470px; padding:80px 0 0 100px; background-color:#f5f4f3; background-image:url(/assets/img/leaf-big.png); background-repeat: no-repeat; background-position: 390px 300px; }
#partner-contact-text { font-size: 22px; font-weight: 400; text-transform: uppercase; margin-bottom: 60px; }
.partner-contact-row {display: flex; flex-direction: column; width:360px; justify-content:space-between; margin-bottom: 35px; }
.partner-contact-row .partner-person{display: flex; margin-bottom: 20px; }
.partner-contact-row .partner-person b{display: block; font-size: 18px; font-weight: 500; font-family: 'Museo Sans Cyrl 500'; width:180px; }
.partner-contact-row .partner-person a {display: block; margin-left: 15px; font-size: 18px; font-family: 'Museo Sans Cyrl 500'; text-decoration: none; color:#d27c28; width:170px; }
.partner-contact-row a.partner-mail {display: flex; font-size: 16px; font-family: 'Museo Sans Cyrl 500'; text-decoration: none; color:#d27c28; }
.partner-contact-row a.partner-mail i {display: block; width:18px; height:18px; color:#d27c28; margin-right: 10px; }
.partner-contact-row a.partner-mail i svg { fill:#d27c28; }

#partner-block5 {width:100%;}
#partner-block5 h2 {width:680px; margin:0 auto 70px auto; font-size: 56px; font-weight: 300; color: #452921; text-align: center;}
#partner-block5-inner {display: flex; justify-content: space-between; align-items: flex-start;}
#partner-block5_left {width:360px; font-size: 15px; font-family: 'Museo Sans Cyrl 500'; color:#1e1e1e; line-height: 24px; }
#partner-block5_right {width:650px;}
#partner-player { width:100%; height:367px; background: #eee; position: relative; }


#partner-callback-wrapper {
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  background-color:rgba(249, 239, 222, 0.89);
  z-index: 12;
  position: absolute;
  width: 100%;
  height: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

#partner-callback-wrapper.act {
  visibility: visible;
  opacity: 1;
  transition: 0s;
  height: calc(100vh - 200px);
  padding: 100px 0;
}

#partner-callback { display: block; box-shadow: 0px 10px 20px -10px rgba(150,150,150,.4); top:calc((100vh - 56
  0px) / 2); left:50%; transform: translateX(-50%); position: absolute; z-index: 99; width:400px; height:auto; background: #FFFFFF; border-radius: 8px; }
#partner-callback-head {display: flex; flex-direction: column; height:auto; width:calc(100% - 40px); position: relative; justify-content: space-between; padding:20px;}
#partner-callback-head  i { display: block; width:160px; height:60px; margin: -5px auto 20px auto; }
#partner-callback-head  i svg { display: block; width:160px; height:60px; }
#partner-callback-head-text { font-size: 22px; font-weight: 400; font-family: 'Oswald'; text-transform: uppercase; color: #1e1e1e; width:100%; text-align: center; margin-top:20px; }
#partner-close-callback {display: block; width:24px; height:24px; position:absolute; top:15px; right:10px; }
#partner-close-callback i {display: block; width:24px; height:24px; }
#partner-close-callback i svg {display: block; width:24px; height:24px;}

#partner-callback-form {display: block; width:300px; margin:10px auto 30px auto; height:auto; text-align: center; font-size: 30px; color:#333;}
#partner-callback-form input { height:54px; width:calc(100% - 75px); margin-bottom: 10px; padding:0 25px 0 25px; font-size: 15px; font-family: 'Museo Sans Cyrl 500'; background: #fff; border-radius: 4px; border:1px solid #d6ccc3; }
#partner-callback-form input::-webkit-input-placeholder { color:#d6ccc3; }
#partner-callback-form input:-ms-input-placeholder { color:#d6ccc3; }
#partner-callback-form input::placeholder { color:#d6ccc3; }
#partner-callback-form input.fail { border: 1px solid rgba(249, 50, 50, 0.95); }
#partner-callback-submit { display: block; margin:10px auto 0px auto; font-family: 'Museo Sans Cyrl 500'; font-weight: bold; text-decoration: none; transition: .2s; font-size: 14px; text-align: center; text-transform: uppercase; width:240px; height:56px; line-height: 56px; color:#452921; background: #fff; border:2px solid #452921; box-shadow: 2px 3px 0px 0px #452921; }
#partner-callback-submit:hover  { color:#fff; background: #654941; transition: .2s;}


@media(max-width:1200px){
  #partner-player { width:100%; height:calc((100vw - 20px)*0.57); background: #eee; position: relative; }
  #partner-wrapper { width:calc(100% - 20px); margin:20px 10px; }
  #partner-block1 { flex-direction: column; min-height: auto; }
  #partner-block1 h2 {font-size: 16px; margin-bottom: 20px; text-align: center;}
  #partner-block1_left { width:100%; }
  #shops-wrapper img {margin-right: 15px; margin-bottom: 20px; max-width: 27.3333%;}
  #partner-block1_right { width:100%; }
  #partner-block1_right-img { width:100%; position: relative; top:0; background-size: 100%; background-position: 0 20px; }
  #partner-block1_right-img img { width:80%; }
  #partner-block1_right-text { position: relative; width:100%; }
  #partner-block1_right-text h2 {font-size: 18px;}

  
  #partner-block2 { flex-direction: column; margin:0 0px; min-height: auto; }
  #partner-block2_left {width:100%; text-align: center; }
  #partner-block2_left h2 {margin-top: 40px; width:100%; font-size: 26px; margin-bottom: 20px; text-align: center; }
  #partner-block2_left h3 {font-size: 18px; margin:20px auto;}
  #partner-block2_right-sublayer {position: relative; min-height: auto; padding:20px 0; margin:20px -10px; width:calc(100% + 20px);}
  #partner-block2_right-sublayer img {margin:0 auto 0 auto; width:calc(100% - 40px); display: block; height:auto;}
  #partner-block2_right { width:100%;}

  #partner-block3 { flex-direction: column; }
  #partner-block3_left { width:100%; }
  #partner-block3_left img { width:50%; margin:0px 0; transform: rotate(60deg) translateY(-28%) translateX(-10%); }
  #partner-block3_right { width:100%; }
  #partner-block3_right #more12years {top:-110px; right:10px; width:105px;}
  #partner-block3_right h2 {font-size: 26px; margin-top:0px; margin-bottom: 40px;}
  #partner-features .feature-item { width:50%; }
  #partner-features .feature-item span { font-size: 16px; }

  #partner-block4 { flex-direction: column; min-height: auto; margin-bottom: 40px; }
  #partner-block4_left h2 {font-size: 26px;}
  #partner-block4_left { position: relative; }
  #partner-block4_right { position: relative; min-height: 320px; top:0; left:0; padding:20px 0px 20px 10px; margin:0 -10px; width:calc(100% + 10px); background-position: 15px 135px; }
  #partner-contact-text { font-size:18px; margin-top:20px; margin-bottom: 40px; }
  .partner-contact-row { width:calc(100% - 20px); }
  .partner-contact-row .partner-person b{font-size: 16px;}
  .partner-contact-row .partner-person a{font-size: 16px;}
  .partner-contact-row a.partner-mail {font-size: 14px;}

  #partner-block5 h2 { width:100%; font-size:26px; margin:20px auto 20px auto; }
  #partner-block5-inner { flex-direction: column; }
  #partner-block5_left { width:100%; font-size: 13px; margin:0px auto 20px auto; line-height: 20px; }
  #partner-block5_right { width:100%; }

  #partner-callback { width:calc(100% - 20px); }
}

#contacts-wrapper { max-width: 1140px; margin:40px auto; }
#contacts-block1 {display: flex; align-items: flex-start; justify-content: space-between; min-height: 1097px; position: relative; margin-bottom: 40px; }
#contacts-block1_left { width:360px; }
#contacts-block1_left h2 { font-size: 22px; font-weight: 400; font-family: 'Oswald'; text-transform: uppercase; color: #1e1e1e; margin-bottom: 30px; }
.contacts-block { margin-bottom: 20px; display: flex; flex-direction: column; }
.contacts-block .cont-text { font-family: 'Museo Sans Cyrl 700'; margin-bottom: 8px; font-size: 15px; color: #1e1e1e; display: block; height:auto; line-height: 24px; position: relative; }
.contacts-block .cont-item { font-family: 'Museo Sans Cyrl 700'; margin-bottom: 8px; font-size: 15px; color: #1e1e1e; padding-left: 30px; display: block; height:24px; line-height: 24px; position: relative; }
.contacts-block a.cont-item { font-family: 'Museo Sans Cyrl 700'; font-size: 15px; text-decoration: none; color:#d27c28; }
.contacts-block .cont-item i { position: absolute; width:24px; height:24px; display: block; top:0; left:0; }
.contacts-block .cont-item i svg { width:18px; height:18px; margin:2px; fill:#d27c28;}
a#hotline { font-family: 'Museo Sans Cyrl 500'; color:#d27c28; font-size: 26px; text-decoration: none; margin-top: 25px; display: block; }

#contacts-block1_right { width:100%; padding:98px 0 50px 98px; background: #f5f4f3; position: absolute; height:auto; left:360px; min-height: 790px; background-position: 220px 880px; background-image:url(/assets/img/leaf-big.png); background-repeat: no-repeat;  }
.block1_right { width:360px; display: inline-block; height:auto; margin-bottom: 40px; margin-right: 30px; }
.block1_right h2 {font-size: 22px; font-weight: 400; font-family: 'Oswald'; text-transform: uppercase; color: #543117; margin-bottom:20px;}
.block1_right-text { font-family: 'Museo Sans Cyrl 700'; margin-bottom: 8px; font-size: 15px; color: #1e1e1e; display: block; height:auto; line-height: 24px; position: relative; }
a.block1_right-link { font-family: 'Museo Sans Cyrl 700'; line-height: 24px; margin-bottom: 8px; font-size: 15px; text-decoration: none; color:#d27c28; display: block; }

.block1_right:nth-child(1) {width:460px;}
.block1_right:nth-child(2) {width:460px;}
.block1_right:nth-child(1) .block1_right-text:nth-child(1) { color:#d27c28; }

#contacts-block2 {display: flex; align-items: flex-start; justify-content: space-between; position: relative; margin-bottom: 40px; }
#contacts-block2_left { width:360px; }
#block2-address { font-family: 'Museo Sans Cyrl 700'; font-size: 15px; line-height: 24px; text-decoration: none; color:#1e1e1e; padding-left: 30px; position: relative; }
#block2-address i { position: absolute; width:24px; height:24px; display: block; top:0; left:0; }
#block2-address i svg { width:18px; height:18px; margin:2px; fill:#d27c28; }
#contacts-block2_left h2 { font-size: 22px; font-weight: 400; font-family: 'Oswald'; text-transform: uppercase; color: #543117; margin-bottom:20px; }
#contacts-block2_left h3 { font-family: 'Museo Sans Cyrl 700'; font-size: 15px; line-height: 24px; text-decoration: none; color:#1e1e1e; }

#contact-form {width:270px; font-size: 26px;}
.cont-form-row { position: relative; }
.cont-form-row i { position: absolute; width:24px; height:24px; display: block; top:16px; left:14px; }
.cont-form-row i svg { width:18px; height:18px; margin:2px; fill:#d27c28; }
.cont-form-row input { height:54px; width:calc(100% - 75px); margin-bottom: 10px; padding:0 25px 0 50px; font-size: 15px; font-family: 'Museo Sans Cyrl 500'; background: #fff; border-radius: 4px; border:1px solid #d6ccc3; }
.cont-form-row input::-webkit-input-placeholder { color:#d6ccc3; }
.cont-form-row input:-ms-input-placeholder { color:#d6ccc3; }
.cont-form-row input::placeholder { color:#d6ccc3; }
.cont-form-row textarea {height:110px; width:calc(100% - 40px); margin-bottom: 10px; padding:20px 20px; overflow:hidden; font-size: 15px; font-family: 'Museo Sans Cyrl 500'; background: #fff; border-radius: 4px; border:1px solid #d6ccc3; transition: .2s;}
.cont-form-row textarea::-webkit-input-placeholder { color:#d6ccc3; }
.cont-form-row textarea:-ms-input-placeholder { color:#d6ccc3; }
.cont-form-row textarea::placeholder { color:#d6ccc3; }

.cont-form-row input.fail { border:1px solid #f00; transition: .2s;}
.cont-form-row textarea.fail { border:1px solid #f00; transition: .2s;}


a#cont-submit { height:44px; line-height: 44px; display: inline-block; color:#d27c28; text-decoration: none; border-bottom: 1px solid #d27c28; font-size: 16px; font-family: 'Museo Sans Cyrl 500'; }

#contacts-block2_right { width:calc(100% - 360px); }

@media(max-width:1200px){
  #contacts-wrapper { width:calc(100% - 20px); margin:20px 10px; }

  #contacts-block1 { flex-direction: column; min-height: auto; }
  #contacts-block1_left { width:100%; }
  #contacts-block1_left h2 {font-size: 18px;}
  a#hotline { margin-bottom: 40px; font-size: 20px; }
  #contacts-block1_right { position: relative; min-height: auto; left:0; padding:20px 10px 20px 10px; margin:0 -10px; width:calc(100% - 0px); background-position: 90px 1000px; }
  .block1_right { width:100%; margin-right: 0; }
  .block1_right:nth-child(1) {width:100%;}
  .block1_right:nth-child(2) {width:100%;}
  .block1_right h2 { font-size: 18px; }
  #contacts-block2 { flex-direction: column; }
  #contacts-block2_left { width:100%; }
  #contacts-block2_left h2 {font-size: 18px;}
  #contact-form { margin-bottom: 40px; width:100%; max-width: 450px; text-align: center; }
  #contacts-block2_right { width:100%; }
}

#hire-wrapper { max-width: 1140px; margin:20px auto; position: relative; }
#hire-title { max-width: 420px; width:100%; position: absolute; top:-80px; left:50%; transform: translateX(-50%); font-family: 'Museo Sans Cyrl 700'; font-size: 15px; line-height: 24px; text-align: center; color:#1e1e1e;  }

#hire-slider {text-align: center; position: relative; margin-bottom: 250px; margin-top:0px;}
#hireslider .swiper-slide {height:550px; position: relative; opacity: 0.6; transition: .2s; text-align: center;}
#hireslider .swiper-slide a{display: block; text-decoration: none; text-align: center;}
#hireslider .swiper-slide img.hireimg{max-width: 70%; height:auto; position: absolute; bottom:120px; left:50%; transform: translateX(-50%); transition: .2s;}
#hireslider .swiper-slide h2 { text-align: center; width:100%; font-size: 22px; font-weight: 400; font-family: 'Oswald'; text-transform: uppercase; color: #1e1e1e; position: absolute; bottom:70px;}
#hireslider .swiper-slide .more { height:44px; line-height: 44px; position: absolute; bottom:40px; left:50%; transform: translateX(-50%); display: inline-block; color:#d27c28; text-decoration: none; border-bottom: 1px solid #d27c28; font-size: 16px; font-family: 'Museo Sans Cyrl 500';}
#hireslider .swiper-slide a.workua { height:34px; line-height:34px; transition: .2s; color:#1e1e1e; position: absolute; width:100%; bottom:-10px; left:50%; transform: translateX(-50%); display: inline-block; text-decoration: none;  font-size: 15px; font-family: 'Museo Sans Cyrl 500';}
#hireslider .swiper-slide a.workua:hover { color:#00a1f1; transition: .2s;}
#hireslider .swiper-slide-active { opacity: 1; transition: .2s;}
#hireslider .swiper-slide-active img.hireimg { max-width: 83%; transition: .2s;}

.hire-nav { height:24px; left:50%; transform: translateX(-50%); position: absolute; bottom:-70px; display: flex; align-items: center; justify-content: space-between; }
.hire-nav a { display: block; width:12px; height:12px; border:1px solid #e1d9d3; border-radius: 8px; margin:0 5px; transition: .2s; text-decoration: none; }
.hire-nav a.act { background:#d27c28; border:4px solid #fff; border-radius:16px; margin:0 2px; box-shadow: 0px 0px 0px 1px #d27c28; transition: .2s; }

a.hire-arrow { display: block; width:106px; height:58px; transform: scale(0.8);  transition: .2s; background-size: contain; background-repeat: no-repeat; position: absolute; text-decoration: none; z-index: 3; }
a.hire-arrow-left { background-image:url(/assets/img/hire-left.png); width:136px; background-position: top left; bottom:290px; left:26%;  }
a.hire-arrow-right { background-image:url(/assets/img/hire-right.png); width:136px; background-position: top right; bottom:290px; right:26%; }
a.hire-arrow-left:hover {transform: translateX(-20%) scale(1); transition: .2s;}
a.hire-arrow-right:hover {transform: translateX(20%) scale(1); transition: .2s;}

@media(max-width:1200px){
  #hire-title { top:0; font-size: 13px; line-height: 20px; }
  #hire-slider {margin-bottom: 100px;}
  #hireslider .swiper-slide h2 { font-size: 18px; }
  #hireslider .swiper-slide .more { font-size: 13px; height:36px; line-height: 36px; }
  #hireslider .swiper-slide a.workua { font-size: 13px; }
  #hireslider .swiper-slide a.workua img { transform: scale(0.7) translate(-8px, 3px); }
  #hireslider .swiper-slide img.hireimg { max-width: 50%; }
  #hireslider .swiper-slide-active img.hireimg { max-width: 60%; }
  .hire-nav { bottom:-45px; }

  a.hire-arrow { transform: scale(0.7); }
  a.hire-arrow-left { left:1%; bottom:100px;  }
  a.hire-arrow-right { right:1%; bottom:100px; }
  a.hire-arrow-left:hover {transform: translateX(-10%) scale(0.75); transition: .2s;}
  a.hire-arrow-right:hover {transform: translateX(10%) scale(0.75); transition: .2s;}
}

#hireitem-wrapper { max-width: 1140px; margin:20px auto; position: relative; text-align: center; }
#hireitem-title { max-width: 420px; width:100%; position: absolute; top:-140px; left:50%; transform: translateX(-50%); font-family: 'Museo Sans Cyrl 700'; font-size: 15px; line-height: 24px; text-align: center; color:#1e1e1e;  }
#hireitem-card { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 100px;}
#hire-card-left { background: #f5f4f3; padding:30px 50px 30px 100px; width:510px; text-align: left; }
#hire-card-left h2 { margin-bottom: 30px; width:100%; font-size: 22px; font-weight: 400; font-family: 'Oswald'; text-transform: uppercase; color: #1e1e1e; }
#hire-text { font-family: 'Museo Sans Cyrl 500'; font-size: 15px; text-decoration: none; color:#1e1e1e; }
#hire-text b, #hire-text strong{ font-family: 'Museo Sans Cyrl 700'; font-size: 15px; text-decoration: none; color:#d27c28; }
#hire-text p{ margin:0 0 10px 0; }

#hire-btns {display: flex; align-items: flex-end; justify-content: space-between; height:64px; line-height: 64px; margin:40px auto; width:100%;}
#hire-btns a.workua { height:34px; line-height:34px; transition: .2s; color:#1e1e1e; display: inline-block; text-decoration: none;  font-size: 15px; font-family: 'Museo Sans Cyrl 500';}
#hire-btns a.workua:hover { color:#00a1f1; transition: .2s;}
a#hire-feedback { display: block; font-family: 'Museo Sans Cyrl 500'; font-weight: bold; text-decoration: none; transition: .2s; margin:0; font-size: 14px; text-align: center; text-transform: uppercase; width:240px; height:56px; line-height: 56px; color:#452921; background: #fff; border:2px solid #452921; box-shadow: 2px 3px 0px 0px #452921; }
a#hire-feedback:hover  { color:#fff; background: #654941; transition: .2s;}

#hire-card-right { width:calc(100% - 660px); }
#hire-card-right img{ display: block; margin:0 auto; }

#hire-back {height:44px; line-height: 44px; margin:40px 0 180px 0; position: relative; padding-left: 26px; display: inline-block; text-decoration: none; color:#d27c28; border-bottom: 1px solid #d27c28; font-size: 16px; font-family: 'Museo Sans Cyrl 500';}
#hire-back i { display: block; width:16px; height:44px; position: absolute; left:0; top:0; }
#hire-back i svg { fill:#d27c28; width:16px; height:16px; margin:14px 0; }


#hire-callback-wrapper {
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  background-color:rgba(249, 239, 222, 0.89);
  z-index: 12;
  position: absolute;
  width: 100%;
  height: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

#hire-callback-wrapper.act {
  visibility: visible;
  opacity: 1;
  transition: 0s;
  height: calc(100vh - 200px);
  padding: 100px 0;
}

#hire-callback { display: block; box-shadow: 0px 10px 20px -10px rgba(150,150,150,.4); top:calc((100vh - 56
  0px) / 2); left:50%; transform: translateX(-50%); position: absolute; z-index: 99; width:400px; height:auto; background: #FFFFFF; border-radius: 8px; }
#hire-callback-head {display: flex; flex-direction: column; height:auto; width:calc(100% - 40px); position: relative; justify-content: space-between; padding:20px;}
#hire-callback-head  i { display: block; width:160px; height:60px; margin: -5px auto 20px auto; }
#hire-callback-head  i svg { display: block; width:160px; height:60px; }
#hire-callback-head-text { font-size: 22px; font-weight: 400; font-family: 'Oswald'; text-transform: uppercase; color: #1e1e1e; width:100%; text-align: center; margin-top:20px; }
#hire-close-callback {display: block; width:24px; height:24px; position:absolute; top:15px; right:10px; }
#hire-close-callback i {display: block; width:24px; height:24px; }
#hire-close-callback i svg {display: block; width:24px; height:24px;}

#hire-callback-form {display: block; width:300px; margin:10px auto 30px auto; height:auto; text-align: center; font-size: 30px; color:#333;}
#hire-callback-form input { height:54px; width:calc(100% - 75px); margin-bottom: 10px; padding:0 25px 0 25px; font-size: 15px; font-family: 'Museo Sans Cyrl 500'; background: #fff; border-radius: 4px; border:1px solid #d6ccc3; }
#hire-callback-form input::-webkit-input-placeholder { color:#d6ccc3; }
#hire-callback-form input:-ms-input-placeholder { color:#d6ccc3; }
#hire-callback-form input::placeholder { color:#d6ccc3; }
#hire-callback-form input.fail { border: 1px solid rgba(249, 50, 50, 0.95); }
#hire-callback-submit { display: block; margin:10px auto 0px auto; font-family: 'Museo Sans Cyrl 500'; font-weight: bold; text-decoration: none; transition: .2s; font-size: 14px; text-align: center; text-transform: uppercase; width:240px; height:56px; line-height: 56px; color:#452921; background: #fff; border:2px solid #452921; box-shadow: 2px 3px 0px 0px #452921; }
#hire-callback-submit:hover  { color:#fff; background: #654941; transition: .2s;}


@media(max-width:1200px){
  #hireitem-wrapper { width:calc(100% - 20px); margin:20px 10px; }

  #hireitem-title { top:-80px; font-size: 13px; line-height: 20px; }

  #hireitem-card { flex-direction: column; }
  #hire-card-left { width:100%; padding:20px 10px 120px 10px; margin:0 -10px; box-shadow: 0px 50px 50px 2px #f5f4f3; }
  #hire-card-left h2 { font-size: 18px; }
  #hire-text {font-size:13px;}
  #hire-text b, #hire-text strong{ font-size: 13px; }
  #hire-btns { flex-direction: column; height:auto; margin:20px auto; text-align: center; align-items: center; }
  a#hire-feedback { margin:10px auto 30px auto; width:210px; }
  #hire-btns a.workua { }
  #hire-card-right { width:100%; }
  #hire-card-right img{ margin-top: -120px; max-width: 100%; }
  #hire-callback { width:calc(100% - 20px); }
  #hire-back {height:44px; line-height: 44px; margin:40px 0 40px 0; }
}

#main div.like-h1 {
    background-image: url(/assets/img/natural.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 150px;
    line-height: 150px;
    margin: 20px auto;
    width: 100%;
    max-width: 1000px;
    text-align: center;
    font-size: 45px;
    font-weight: 300;
    color: #452921;
    position: relative;
}

@media(max-width:1200px){ 
  #main div.like-h1 {height:65px; line-height:65px; font-size: 24px; background-size: 135%; margin:10px auto 20px auto;}
}

#cafe-header { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; }
#cafe-header .lt { width:calc(60% - 10px); display: flex; }
#cafe-header .rt { width:calc(40% - 10px); display: flex; }

@media(max-width:1200px){ 
  #cafe-header { flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; margin-bottom: 20px; }
  #cafe-header .lt { width:calc(100% - 20px); margin: 0 10px; }
  #cafe-header .rt { width:calc(100% - 20px); margin: 0 10px; }
}

#cafe-wrapper { max-width: 1140px; margin:20px auto; position: relative; }
#cafe-block1 {display: flex; justify-content: space-between; min-height: 590px; margin-bottom: 60px; position: relative;}
#cafe-block1_left { width:556px; position: relative; }
#cafe-slider { width:100%; height:300px; background-color: #ddd; z-index: 2; position: relative; }
#cafe-slider .swiper-slide .im {display: block; width:100%; height:300px; background-position: center; background-size: cover; background-repeat: no-repeat;}
#cafe-slider a.slider-arrow-left  { bottom:50%; transform: translateY(50%); left:20px;  }
#cafe-slider a.slider-arrow-right { bottom:50%; transform: translateY(50%); right:20px; }
#cafe-block1_right { width:calc(100% - 616px); padding:30px; position: relative; min-height: 590px; }
#cafe-block1_right_text {font-family: 'Museo Sans Cyrl 500'; font-size: 15px; color:#1e1e1e;}
#cafe-address { background-color: #f5f4f3; background-position: 300px 130px; width: calc(100% - 40px); height: 260px; padding: 20px; background-image:url(/assets/img/leaf-big.png); background-repeat: no-repeat;  }
#cafe-address h2 {font-size:14px; font-weight: 800; color:#452921; margin-bottom:15px;}
#cafe-address .adress-item { font-family: 'Museo Sans Cyrl 500'; margin-bottom: 8px; font-size: 14px; color: #1e1e1e; padding-left: 0px; display: block; height: auto; position: relative; }
#cafe-address a.adress-item { font-family: 'Museo Sans Cyrl 500'; font-size: 14px; text-decoration: underline; color:#1e1e1e; }
#cafe-address .adress-item i { position: absolute; width:24px; height:24px; display: block; top:0; left:0; display: none; }
#cafe-address .adress-item i svg { width:18px; height:18px; margin:2px; fill:#d27c28;}

#cafe-items-title {font-size: 35px; margin-bottom: 50px; font-family: 'Museo Sans Cyrl 500'; text-align: center; color:#1e1e1e; }
#cafe-items-slider {width:975px; height:215px; margin:0 auto 150px auto; text-align: center; position: relative;}
#cafeitemslider .swiper-slide { display: flex; justify-content: space-between; width:975px; }
#cafeitemslider .swiper-slide .im {display: block; width:280px; height:210px; background-position: center; background-size: cover; background-repeat: no-repeat;}
#cafeitemslider .swiper-slide .cafe-item-text {display: block; width:calc(100% - 310px); text-align: left; }
#cafeitemslider .swiper-slide .cafe-item-text h3{font-size:28px; color:#1e1e1e; font-weight: 300; margin:20px 0; }
#cafeitemslider .swiper-slide .cafe-item-text p{ font-family: 'Museo Sans Cyrl 500'; margin:0 0 15px 0; display: block; height:70px; overflow:hidden; font-size: 15px; color:#1e1e1e; }
#cafeitemslider .swiper-slide .cafe-item-text a{ height:44px; line-height: 44px; display: inline-block; color:#d27c28; text-decoration: none; border-bottom: 1px solid #d27c28; font-size: 16px; font-family: 'Museo Sans Cyrl 500'; }

a.cafe-item-arrow { display: block; width:50px; height:30px; transition: .2s; position: absolute; text-decoration: none; z-index: 3; }
a.cafe-item-arrow i{ display: block; width:50px; height:30px; }
a.cafe-item-arrow i svg { stroke:#452921; }
a.cafe-item-arrow-left { bottom:85px; left:-95px;  }
a.cafe-item-arrow-right { bottom:85px; right:-95px; }

a.cafe-item-arrow-left:hover {transform: translateX(-10%); transition: .2s;}
a.cafe-item-arrow-right:hover {transform: translateX(10%); transition: .2s;}

.cafe-items-nav { height:24px; left:50%; transform: translateX(-50%); position: absolute; bottom:-60px; display: flex; align-items: center; justify-content: space-between;}
.cafe-items-nav a { display: block; width:11px; height:11px; border:1px solid #d27c28; border-radius: 8px; margin:0 3px; transition: .2s; text-decoration: none; }
.cafe-items-nav a.act { background:#d27c28; transition: .2s; }

#cafe-menu-title {font-size:48px; font-weight: 300; text-align: center; margin-bottom: 70px; color:#452921; }
#cafe-menu-wrapper {width:960px; margin:0 auto 40px auto; display: flex; justify-content: space-between;}
#cafe-menu-wrapper a {display: block; width:calc(50% - 15px); text-decoration: none;}
#cafe-menu-wrapper a img {width:100%; height:auto;}

.cafe-popup-wrapper {
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  background-color:rgba(249, 239, 222, 0.89);
  z-index: 12;
  position: absolute;
  width: 100%;
  height: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.cafe-popup-wrapper.act {
  visibility: visible;
  opacity: 1;
  transition: 0s;
  height: calc(100vh - 200px);
  padding: 100px 0;
}

.cafe-popup { display: block; box-shadow: 0px 10px 20px -10px rgba(150,150,150,.4); top:calc((100vh - 56
  0px) / 2); left:50%; transform: translateX(-50%); position: absolute; z-index: 99; width:400px; height:auto; background: #FFFFFF; border-radius: 8px; margin-bottom: 40px; }
.cafe-close-popup {display: block; width:24px; height:24px; position:absolute; top:15px; right:10px; }
.cafe-close-popup i {display: block; width:24px; height:24px; }
.cafe-close-popup i svg {display: block; width:24px; height:24px;}

.cafe-popup .im { display: block; width:calc(100% - 40px); margin:10px auto 20px auto; border-radius: 8px; height:210px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.cafe-popup h3 { font-size:28px; color:#1e1e1e; font-weight: 300; margin:20px; width:calc(100% - 70px); }
.cafe-popup p { font-family: 'Museo Sans Cyrl 500'; margin:10px 20px 30px 20px; display: block; height:auto; font-size: 15px; color:#1e1e1e; width:calc(100% - 40px); }


@media(max-width:1200px){
  #cafe-wrapper { width:calc(100% - 20px); margin:20px 10px; }
  #cafe-block1 { flex-direction: column; min-height: auto; margin-bottom: 30px; }
  #cafe-block1_left { width:100%; margin-bottom: 10px; }
  #cafe-slider { width:100%; height:400px; position: relative; }
  #cafe-slider .swiper-slide .im {display: block; width:100%; height:400px; }
  #cafe-block1_right_text { margin-bottom: 10px; }
  #cafe-block1_right { width:calc(100% - 20px); padding:10px; margin:0 -10px; min-height: auto; }
  #cafe-address { position: relative; width:calc(100% + 20px); background-size: 60%; background-position: 200px 140px; margin:0 -10px; height:auto; padding:10px 10px 40px 10px; left:0; top:0; }
  #cafe-address h2 { font-size:18px; }
  #cafe-items-title { font-size: 22px; margin-bottom: 20px; }
  #cafe-items-slider { width:calc(100% - 60px); height:auto; margin: 0 auto 100px auto; }
  #cafeitemslider .swiper-slide { width:100%; flex-direction: column; }
  #cafeitemslider .swiper-slide .im {display: block; width:100%; height:210px; }
  #cafeitemslider .swiper-slide .cafe-item-text {width:calc(100% - 0px); }
  #cafeitemslider .swiper-slide .cafe-item-text h3{font-size:22px; margin:10px 0; }
  #cafeitemslider .swiper-slide .cafe-item-text p{ margin:0 0 10px 0; display: block; height:57px; font-size: 13px; color:#1e1e1e; }
  #cafeitemslider .swiper-slide .cafe-item-text a{ height:44px; line-height: 44px; display: inline-block; color:#d27c28; text-decoration: none; border-bottom: 1px solid #d27c28; font-size: 16px; font-family: 'Museo Sans Cyrl 500'; }
  
  a.cafe-item-arrow { width:30px; height:30px; }
  a.cafe-item-arrow i { width:30px; height:30px; }
  a.cafe-item-arrow-left { bottom:unset; top:100px; left:-30px;  }
  a.cafe-item-arrow-right { bottom:unset; top:100px; right:-30px; }

  #cafe-menu-title { font-size: 30px; margin-bottom: 20px; }
  #cafe-menu-wrapper {width:100%; margin:0 auto 20px auto; flex-direction: column; }
  #cafe-menu-wrapper a { width:100%; margin-bottom: 10px; }

  .cafe-popup { width:calc(100% - 20px); margin-bottom: 40px; }
  .cafe-popup h3 { font-size: 18px; }
  .cafe-popup p { font-size: 13px; }
}

.slider {  }
.slider .swiper-slide .im { display: block; width:556px; height:494px; background-position: center; background-size: cover; background-repeat: no-repeat;}
a.slider-arrow { display: block; width:40px; height:40px; border-radius: 50%; background-color: #fff; transition: .2s; position: absolute; text-decoration: none; z-index: 3; }
a.slider-arrow i { display: block; width:40px; height:40px; border-radius: 50%; }
a.slider-arrow i svg { stroke:#452921; margin:8px; }
a.slider-arrow-left  { bottom:230px; left:20px;  }
a.slider-arrow-right { bottom:230px; right:20px; }
a.slider-arrow-left:hover  { transform: translateX(-10%) scale(1.1); transition: .2s;}
a.slider-arrow-right:hover { transform: translateX(10%) scale(1.1); transition: .2s;}

@media(max-width:1200px){
  .slider .swiper-slide .im { width:100%; height:400px; }
  a.slider-arrow-left  { bottom:180px; left:20px;  }
  a.slider-arrow-right { bottom:180px; right:20px; }
}

#info-wrapper {max-width: 1140px; margin:40px auto; position: relative; }
#info-tabs { display:flex; width:1140px; top:-120px; position: absolute; height:50px; line-height: 50px; border-bottom:1px solid #d27c28;  }
#info-tabs a {display: block; width:248px; text-decoration: none; height:49px; line-height: 49px; text-transform: uppercase; font-size: 22px; font-weight: 300; color:#d4c9c0; border:1px solid #d4c9c0; border-bottom:0px; text-align: center; }
#info-tabs a.act { border:1px solid #d27c28; color:#1e1e1e; }
#info-tabs a:nth-child(1){margin-left: 205px;}
#info-tabs a:nth-child(2){margin-left: 230px;}

#info-posts { display: flex; flex-direction: column; margin-top: 80px; }
a.infopost { display: flex; text-decoration: none; position: relative; align-items: flex-start; justify-content: flex-start; margin-bottom: 40px; width:100%; }
a.infopost .num { font-size: 48px; font-weight: 300; color:#543117; width:70px; margin-right: 30px; }
a.infopost .dash { width:50px; height:2px; background-color: #d27c28; margin-top: 10px; margin-right: 50px; }
a.infopost .im {background-size: cover; background-position: center center; display: block; transition: .5s; width:170px; height: 130px; margin-right: 30px;}
a.infopost .infopost-text { width:750px; }
a.infopost .infopost-text u { font-family: 'Museo Sans Cyrl 700'; font-size: 15px; text-decoration: none; color:#d27c28; display: block; margin-bottom: 20px; }
a.infopost .infopost-text b.infopost-title { margin-bottom: 15px; transition: .2s; display: block; height: 30px; overflow:hidden; width:100%; font-size: 22px; font-weight: 300; font-family: 'Oswald'; text-transform: uppercase; color: #1e1e1e; }
a.infopost .infopost-text .infopost-desc { font-family: 'Museo Sans Cyrl 500'; height: 70px; overflow:hidden; font-size: 15px; text-decoration: none; color:#1e1e1e; display: block; }
a.infopost .infopost-text .more { height:44px; line-height: 44px; display: inline-block; color:#d27c28; text-decoration: none; border-bottom: 1px solid #d27c28; font-size: 16px; font-family: 'Museo Sans Cyrl 500';}

#recept-posts {display: flex; flex-wrap: wrap; margin: 80px -15px 20px -15px;}
a.receptpost { display: flex; text-decoration: none; position: relative; align-items: flex-start; justify-content: flex-start; margin:0px 15px 50px 15px; height:475px; }
a.receptpost:nth-child(1) {width:556px;}
a.receptpost:nth-child(2) {width:260px;}
a.receptpost:nth-child(3) {width:260px;}
a.receptpost:nth-child(4) {width:456px;}
a.receptpost:nth-child(5) {width:650px;}

a.receptpost .im {background-size: cover; background-position: center center; display: block; transition: .5s; width:calc(100% - 20px); height: 365px; margin-left:20px;}
a.receptpost .receptpost-text { height:150px; width:calc(100% - 135px); padding:25px 25px 0 70px; position: absolute; bottom:0; left:0; background-color: #f5f4f3; }
a.receptpost  u { display: block; text-decoration: none; position: absolute; width:40px; top:40px; left:0; padding-top: 10px; height:425px; background-color: #f5f4f3; }
a.receptpost  u span{ display: block; font-weight: 300; color:#1e1e1e; font-size: 22px; height: 30px; width:40px; text-align: center; line-height: 30px; }
a.receptpost .receptpost-text b.receptpost-title { margin-bottom: 15px; transition: .2s; display: block; height: 30px; overflow:hidden; width:100%; font-size: 25px; font-weight: 300; font-family: 'Oswald'; text-transform: uppercase; color: #543117; }
a.receptpost .receptpost-text .receptpost-desc { font-family: 'Museo Sans Cyrl 500'; height: 36px; overflow:hidden; font-size: 15px; text-decoration: none; color:#1e1e1e; display: block; }
a.receptpost .receptpost-text .more { height:44px; line-height: 44px; display: inline-block; color:#d27c28; text-decoration: none; border-bottom: 1px solid #d27c28; font-size: 16px; font-family: 'Museo Sans Cyrl 500';}

a.receptpost:nth-child(2) .receptpost-text {width:calc(100% - 115px);}
a.receptpost:nth-child(2) .receptpost-text .receptpost-desc {display: none;}
a.receptpost:nth-child(2) .receptpost-text b.receptpost-title { height: 81px; margin-bottom: 0;}
a.receptpost:nth-child(3) .receptpost-text {width:calc(100% - 115px);}
a.receptpost:nth-child(3) .receptpost-text .receptpost-desc {display: none;}
a.receptpost:nth-child(3) .receptpost-text b.receptpost-title { height: 81px; margin-bottom: 0;}

a.receptpost:hover .im {background-position: bottom right; transition: .5s;}


@media(max-width:1200px){
  #info-wrapper { width:calc(100% - 20px); margin:20px 10px; }
  #info-tabs { width:100%; top:0; position: relative; margin-top: 20px; margin-bottom: 20px; }
  #info-tabs a { width:calc(100% - 2px); font-size: 16px; }
  #info-tabs a:nth-child(1){margin-left: 0;}
  #info-tabs a:nth-child(2){margin-left: 0;}
  
  #info-posts { margin-top: 30px; }
  a.infopost { flex-wrap: wrap; }
  a.infopost .num { font-size: 30px; height:40px; line-height: 40px; border-bottom:2px solid #d27c28; text-align: left; width:30px; margin-right: 10px; }
  a.infopost .dash { display: none; }
  a.infopost .im { width:calc(100% - 52px); margin-right: 0; margin-bottom: 10px; }
  a.infopost .infopost-text { width:calc(100% - 40px); margin-left: 40px; }
  a.infopost .infopost-text b.infopost-title { height:auto; font-size: 20px; }
  a.infopost .infopost-text .infopost-desc {font-size: 13px; height:auto;}

  #recept-posts { margin: 30px 0 0 0; }
  a.receptpost { margin: 0 0 20px 0; width:100% !important; }
  a.receptpost .receptpost-text { width:calc(100% - 55px); padding:25px 20px 0 20px; }
  a.receptpost .receptpost-text b.receptpost-title {font-size: 18px; height:39px;}
  a.receptpost .receptpost-text .receptpost-desc { font-size: 13px; height:40px; }
  a.receptpost .receptpost-text .more { height: 34px; line-height: 34px; font-size: 14px; }

  a.receptpost:nth-child(2) .receptpost-text {width:calc(100% - 55px);}
  a.receptpost:nth-child(2) .receptpost-text .receptpost-desc {display: block;}
  a.receptpost:nth-child(2) .receptpost-text b.receptpost-title { height: 39px; margin-bottom: 15px;}
  a.receptpost:nth-child(3) .receptpost-text {width:calc(100% - 55px);}
  a.receptpost:nth-child(3) .receptpost-text .receptpost-desc {display: block;}
  a.receptpost:nth-child(3) .receptpost-text b.receptpost-title { height: 39px; margin-bottom: 15px;}
}

#blogposts-wrapper {max-width: 1140px; margin:40px auto; }
#blogposts {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 150px;}
a.blogpost {display: block; text-decoration: none; position: relative;}
a.blogpost .im {background-size: cover; background-position: center center; display: block; transition: .5s;}
a.blogpost .blogpost-text {position: absolute; bottom: 0; right:0; background: #fff;}
a.blogpost .blogpost-text u { font-family: 'Museo Sans Cyrl 700'; font-size: 15px; text-decoration: none; color:#d27c28; display: block; margin-bottom: 20px; }
a.blogpost .blogpost-text b.blogpost-title { margin-bottom: 35px; transition: .2s; display: block; height: 58px; overflow:hidden; width:100%; font-size: 24px; font-weight: 300; font-family: 'Oswald'; text-transform: uppercase; color: #1e1e1e; }
a.blogpost .blogpost-text .blogpost-desc { font-family: 'Museo Sans Cyrl 500'; height: 70px; overflow:hidden; font-size: 15px; text-decoration: none; color:#1e1e1e; display: block; }
a.blogpost .blogpost-text .more { height:44px; line-height: 44px; display: inline-block; color:#d27c28; text-decoration: none; border-bottom: 1px solid #d27c28; font-size: 16px; font-family: 'Museo Sans Cyrl 500';}
a.blogpost:hover .im {background-position: bottom right; transition: .5s;}
a.blogpost:hover .blogpost-text b.blogpost-title {color: #452921; transition: .2s;}

a.blogpost:nth-child(1) {width:840px; height:656px; margin-bottom: 60px;}
a.blogpost:nth-child(1) .im {width:840px; height:586px;}
a.blogpost:nth-child(1) .blogpost-text {width:360px; height:270px; padding:30px 0 0 100px;}

a.blogpost:nth-child(2) {width:556px; height:576px;  margin-bottom: 230px;}
a.blogpost:nth-child(2) .im {width:456px; height:540px;}
a.blogpost:nth-child(2) .blogpost-text {width:360px; height:190px; padding:30px 0 0 30px;}

a.blogpost:nth-child(3) {width:360px; height:680px; margin-top: 200px;}
a.blogpost:nth-child(3) .im {width:360px; height:474px;}
a.blogpost:nth-child(3) .blogpost-text {width:360px; height:185px; padding:30px 0 0 0;}

a.blogpost:nth-child(4) {width:556px; height:556px; margin-top: -20px;}
a.blogpost:nth-child(4) .im {width:456; height:540px;}
a.blogpost:nth-child(4) .blogpost-text {width:360px; height:170px; padding:30px 0 0 30px;}

a.blogpost:nth-child(5) {width:360px; height:660px; margin-top: 134px;}
a.blogpost:nth-child(5) .im {width:360px; height:474px;}
a.blogpost:nth-child(5) .blogpost-text {width:360px; height:185px; padding:30px 0 0 0;}


@media(max-width:1200px){
  #blogposts-wrapper { width:calc(100% - 20px); margin:20px 10px; }
  #blogposts {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px;}
  a.blogpost {display: block; text-decoration: none; position: relative;}
  a.blogpost:nth-child(1),
  a.blogpost:nth-child(2),
  a.blogpost:nth-child(3),
  a.blogpost:nth-child(4),
  a.blogpost:nth-child(5) { height:auto; width:100%; margin-top: 0; margin-bottom: 40px; }

  a.blogpost:nth-child(1) .im,
  a.blogpost:nth-child(2) .im,
  a.blogpost:nth-child(3) .im,
  a.blogpost:nth-child(4) .im,
  a.blogpost:nth-child(5) .im {width:100%; height:200px;}

  a.blogpost:nth-child(1) .blogpost-text,
  a.blogpost:nth-child(2) .blogpost-text,
  a.blogpost:nth-child(3) .blogpost-text,
  a.blogpost:nth-child(4) .blogpost-text,
  a.blogpost:nth-child(5) .blogpost-text {width:calc(100% - 20px); height:auto; padding:10px 0 0 10px; bottom:unset; right:unset; position: relative;}

  a.blogpost .blogpost-text u { font-family: 'Museo Sans Cyrl 700'; font-size: 15px; text-decoration: none; color:#d27c28; display: block; margin-bottom: 20px; }
  a.blogpost .blogpost-text b.blogpost-title { margin-bottom:20px; transition: .2s; display: block; height: auto; overflow:hidden; width:100%; font-size: 20px; font-weight: 300; font-family: 'Oswald'; text-transform: uppercase; color: #1e1e1e; }
  a.blogpost .blogpost-text .blogpost-desc { font-family: 'Museo Sans Cyrl 500'; height: auto; max-height: 57px; overflow:hidden; font-size: 13px; text-decoration: none; color:#1e1e1e; display: block; }
  a.blogpost .blogpost-text .more { height:34px; line-height: 34px; display: inline-block; color:#d27c28; text-decoration: none; border-bottom: 1px solid #d27c28; font-size: 13px; font-family: 'Museo Sans Cyrl 500';}
}

#post-wrapper { max-width: 960px; margin:40px auto; }
#post {}
#post .im {background-size: cover; width:100%; height:500px; background-position: center center; display: block; margin-bottom: 40px;}
#post .date {font-family: 'Museo Sans Cyrl 700'; font-size: 15px; text-decoration: none; color:#d27c28; display: block; margin-bottom: 20px;}

.formatted-text {font-family: 'Museo Sans Cyrl 500'; font-size: 15px; color:#1e1e1e;}
.formatted-text h2 {margin-bottom:20px; display: block; font-size: 28px; font-weight:400; font-family: 'Oswald'; text-transform: uppercase; color: #452921;}
.formatted-text h3 {margin-bottom:20px; display: block; font-size: 22px; font-weight:400; font-family: 'Oswald'; text-transform: uppercase; color: #452921;}
.formatted-text blockquote {background: #f5f4f3; padding:50px 30px; margin:20px 0;}
.formatted-text ul li, .formatted-text ol li { margin-bottom: 8px; }
.formatted-text p { font-size: 15px; line-height: 20px; }

@media(max-width:1200px){
  #post-wrapper { width:calc(100% - 20px); margin:20px 10px; }
  #blogpost #main h1 { line-height: 30px; overflow:hidden; }
  #post .im { height:200px; }
  #post .date { font-size: 13px; }

  .formatted-text { font-size: 13px; }
  .formatted-text p { font-size: 13px; line-height: 16px; }
  .formatted-text h2 { font-size: 22px; }
  .formatted-text h3 { font-size: 18px; }
  .formatted-text blockquote { padding:20px 15px; }
  .formatted-text ul li, .formatted-text ol li { margin-bottom: 6px; }
}

#popup-video-wrapper {
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  background-color:rgba(249, 239, 222, 0.89);
  z-index: 12;
  position: absolute;
  width: 100%;
  height: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

#popup-video-wrapper.act {
  visibility: visible;
  opacity: 1;
  transition: 0s;
  height: calc(100vh - 200px);
  padding: 100px 0;
}

/* rgba(249, 239, 222, 0.89) #f5f4f3  */

#popup-video { display: block; box-shadow: 0px 10px 20px -10px rgba(150,150,150,.4); top:calc((100vh - 56
  0px) / 2); left:50%; transform: translateX(-50%); position: absolute; z-index: 99; width:1200px; height:auto; border-radius: 0px; margin-bottom: 40px; }
#popup-video-close {display: block; width:24px; height:24px; position:absolute; top:25px; right:0px; }
#popup-video-close i {display: block; width:24px; height:24px; }
#popup-video-close i svg {display: block; width:24px; height:24px;}
#popup-video-head {display: flex; flex-direction: column; height:auto; width:calc(100% - 20px); position: relative; justify-content: space-between; padding:0px;}
#popup-video-head-text { font-size:28px; color:#1e1e1e; font-weight: 300; margin:20px; width:calc(100% - 70px); }

#popup-player { width:100%; height:675px; background: #eee; position: relative; }

@media(max-width:1200px){
  #popup-player { width:100%; height:calc((100vw - 40px)*0.595); background: #eee; position: relative; }
  #popup-video { width:calc(100% - 20px); margin-bottom: 40px; }
  #popup-video-head-text { font-size: 18px;  }
  #popup-video-close { top:20px; }
}

/* end custom pages */

footer {display: flex; justify-content: space-between; height:26px; line-height: 26px; margin:60px auto; width:1140px; font-family: 'Museo Sans Cyrl 500';}
footer div { color:#4f4c48; font-size: 14px; }
footer div a { color:#4f4c48; text-decoration: none; }

@media(max-width:1200px){ 
  footer {width:calc(100% - 20px); padding:0 10px; margin:60px auto 10px auto;}
  footer div { font-size: 10px; }
}

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

/**
Ion.RangeSlider, 2.3.1
© Denis Ineshin, 2010 - 2019, IonDen.com
Build date: 2019-12-19 16:51:02
*/
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: Arial, sans-serif;
}
.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}
.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}
.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}
.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1;
}
.irs-handle.type_last {
  z-index: 2;
}
.irs-min,
.irs-max {
  position: absolute;
  display: block;
  cursor: default;
}
.irs-min {
  left: 0;
}
.irs-max {
  right: 0;
}
.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}
.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}
.irs-with-grid .irs-grid {
  display: block;
}
.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}
.irs-grid-pol.small {
  height: 4px;
}
.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}
.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}
.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}
.irs-disabled {
  opacity: 0.4;
}
.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}
.irs--flat {
  height: 40px;
}
.irs--flat.irs-with-grid {
  height: 60px;
}
.irs--flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #ed5565;
}
.irs--flat .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #e1e4e9;
}
.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: transparent;
}
.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: #da4453;
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
  background-color: #a43540;
}
.irs--flat .irs-min,
.irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  color: white;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #ed5565;
  border-radius: 4px;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #ed5565;
}
.irs--flat .irs-grid-pol {
  background-color: #e1e4e9;
}
.irs--flat .irs-grid-text {
  color: #999;
}
.irs--big {
  height: 55px;
}
.irs--big.irs-with-grid {
  height: 70px;
}
.irs--big .irs-line {
  top: 33px;
  height: 12px;
  background-color: white;
  background: linear-gradient(to bottom, #ddd -50%, white 150%);
  border: 1px solid #ccc;
  border-radius: 12px;
}
.irs--big .irs-bar {
  top: 33px;
  height: 12px;
  background-color: #92bce0;
  border: 1px solid #428bca;
  background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}
.irs--big .irs-bar--single {
  border-radius: 12px 0 0 12px;
}
.irs--big .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: rgba(66, 139, 202, 0.5);
}
.irs--big .irs-handle {
  top: 25px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #cbcfd5;
  background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
  border-radius: 30px;
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
  border-color: rgba(0, 0, 0, 0.45);
  background-color: #939ba7;
  background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}
.irs--big .irs-min,
.irs--big .irs-max {
  top: 0;
  padding: 1px 5px;
  color: white;
  text-shadow: none;
  background-color: #9f9f9f;
  border-radius: 3px;
}
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
  color: white;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #428bca;
  background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  border-radius: 3px;
}
.irs--big .irs-grid-pol {
  background-color: #428bca;
}
.irs--big .irs-grid-text {
  color: #428bca;
}
.irs--modern {
  height: 55px;
}
.irs--modern.irs-with-grid {
  height: 55px;
}
.irs--modern .irs-line {
  top: 25px;
  height: 5px;
  background-color: #d1d6e0;
  background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
  border: 1px solid #a3adc1;
  border-bottom-width: 0;
  border-radius: 5px;
}
.irs--modern .irs-bar {
  top: 25px;
  height: 5px;
  background: #20b426;
  background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}
.irs--modern .irs-bar--single {
  border-radius: 5px 0 0 5px;
}
.irs--modern .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(209, 214, 224, 0.5);
}
.irs--modern .irs-handle {
  top: 37px;
  width: 12px;
  height: 13px;
  border: 1px solid #a3adc1;
  border-top-width: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(1) {
  position: absolute;
  display: block;
  top: -4px;
  left: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #a3adc1;
  background: white;
  transform: rotate(45deg);
}
.irs--modern .irs-handle > i:nth-child(2) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 10px;
  height: 12px;
  background: #e9e6e6;
  background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
  border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(3) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 5px;
  border-left: 1px solid #a3adc1;
  border-right: 1px solid #a3adc1;
}
.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
  border-color: #7685a2;
  background: #c3c7cd;
  background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}
.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
  border-color: #7685a2;
}
.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
  border-color: #48536a;
}
.irs--modern .irs-min,
.irs--modern .irs-max {
  top: 0;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  color: white;
  background-color: #d1d6e0;
  border-radius: 5px;
}
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #20b426;
  color: white;
  border-radius: 5px;
}
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #20b426;
}
.irs--modern .irs-grid {
  height: 25px;
}
.irs--modern .irs-grid-pol {
  background-color: #dedede;
}
.irs--modern .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--sharp {
  height: 50px;
  font-size: 12px;
  line-height: 1;
}
.irs--sharp.irs-with-grid {
  height: 57px;
}
.irs--sharp .irs-line {
  top: 30px;
  height: 2px;
  background-color: black;
  border-radius: 2px;
}
.irs--sharp .irs-bar {
  top: 30px;
  height: 2px;
  background-color: #ee22fa;
}
.irs--sharp .irs-bar--single {
  border-radius: 2px 0 0 2px;
}
.irs--sharp .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(0, 0, 0, 0.5);
}
.irs--sharp .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #a804b2;
}
.irs--sharp .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #a804b2;
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
  background-color: black;
}
.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
  border-top-color: black;
}
.irs--sharp .irs-min,
.irs--sharp .irs-max {
  color: white;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 4px;
  opacity: 0.4;
  background-color: #a804b2;
  border-radius: 2px;
}
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 4px;
  background-color: #a804b2;
  color: white;
  border-radius: 2px;
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #a804b2;
}
.irs--sharp .irs-grid {
  height: 25px;
}
.irs--sharp .irs-grid-pol {
  background-color: #dedede;
}
.irs--sharp .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--round {
  height: 50px;
}
.irs--round.irs-with-grid {
  height: 65px;
}
.irs--round .irs-line {
  top: 26px;
  height: 4px;
  background-color: #dee4ec;
  border-radius: 4px;
}
.irs--round .irs-bar {
  top: 26px;
  height: 4px;
  border-radius: 2px;
  background-color: #32D35F;
}
.irs--round .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--round .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: rgba(222, 228, 236, 0.5);
}
.irs--round .irs-handle {
  top: 21px;
  width: 14px;
  height: 14px;
  border: 0px solid #32D35F;
  background-color: #32D35F;
  border-radius: 7px;
  /*box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);*/
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: #32D35F;
  transform: scale(1.1);
}
.irs--round .irs-min,
.irs--round .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: none;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #006cfa;
  color: white;
  border-radius: 4px;
  display: none;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #006cfa;
}
.irs--round .irs-grid {
  height: 25px;
}
.irs--round .irs-grid-pol {
  background-color: #dedede;
}
.irs--round .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--square {
  height: 50px;
}
.irs--square.irs-with-grid {
  height: 60px;
}
.irs--square .irs-line {
  top: 31px;
  height: 4px;
  background-color: #dedede;
}
.irs--square .irs-bar {
  top: 31px;
  height: 4px;
  background-color: black;
}
.irs--square .irs-shadow {
  height: 2px;
  bottom: 21px;
  background-color: #dedede;
}
.irs--square .irs-handle {
  top: 25px;
  width: 16px;
  height: 16px;
  border: 3px solid black;
  background-color: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
  background-color: #f0f6ff;
}
.irs--square .irs-min,
.irs--square .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
}
.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: black;
  color: white;
}
.irs--square .irs-grid {
  height: 25px;
}
.irs--square .irs-grid-pol {
  background-color: #dedede;
}
.irs--square .irs-grid-text {
  color: silver;
  font-size: 11px;
}