@charset "UTF-8";
@font-face {
  font-family: "kooplast";
  src: url("../webfonts/kooplast.eot?v=1");
  src: url("../webfonts/kooplast.eot?v=1?#iefix") format("embedded-opentype"), url("../webfonts/kooplast.woff?v=1") format("woff"), url("../webfonts/kooplast.ttf?v=1") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * 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;
}

.lazy-hidden{opacity:0}.lazy-loaded{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;opacity:1}
.center-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.responsive-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.stretch-img {
  width: 100% !important;
  max-height: none !important;
}
.greyscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */
}
.ico-font,
[class^="ico-"]:before,
[class*=" ico-"]:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  font-family: "kooplast" !important;
  line-height: 1;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ico-arrow-up-c:before {
  content: "\61";
}
.ico-arrow-right-c:before {
  content: "\62";
}
.ico-arrow-down-c:before {
  content: "\63";
}
.ico-arrow-left-c:before {
  content: "\64";
}
.ico-chevron-down:before {
  content: "\65";
}
.ico-chevron-left:before {
  content: "\66";
}
.ico-chevron-right:before {
  content: "\67";
}
.ico-chevron-up:before {
  content: "\68";
}
.ico-alert:before {
  content: "\6a";
}
.ico-close:before {
  content: "\69";
}
.ico-checkmark:before {
  content: "\6b";
}
.ico-search:before {
  content: "\6c";
}
.ico-plus:before {
  content: "\6d";
}
.ico-plus-circled:before {
  content: "\6e";
}
.ico-facebook:before {
  content: "\6f";
}
.ico-youtube:before {
  content: "\70";
}
.ico-google-plus:before {
  content: "\71";
}
.ico-download:before {
  content: "\72";
}
.ico-cart:before {
  content: "\73";
}
.ico-user-outline:before {
  content: "\74";
}
/************************************************************************************
	RESETS and TYPOGRAPHY
*************************************************************************************/
html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  background: #16191b;
  font: 400 100%/1.6 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 93.75%;
  color: #7e8285;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
}
@media (min-width: 768px) {
  body {
    font-size: 93.75%;
  }
}
/* HEADING */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
h6 {
  margin: .9em 0 .7em;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.6;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: #000000;
}
a h1,
a .h1,
a h2,
a .h2,
a h3,
a .h3,
a h4,
a .h4,
a h5,
a h6 {
  color: inherit;
}
h1,
.h1 {
  font-size: 173.33333333%;
  margin-top: 0;
}
@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 200%;
  }
}
@media (min-width: 960px) {
  h1,
  .h1 {
    font-size: 260%;
  }
}
h2,
.h2 {
  font-size: 140%;
}
@media (min-width: 768px) {
  h2,
  .h2 {
    font-size: 140%;
  }
}
@media (min-width: 960px) {
  h2,
  .h2 {
    font-size: 160%;
    margin-bottom: 1.3em;
    margin-top: 1.2em;
  }
}
h3,
.h3 {
  font-size: 120%;
}
@media (min-width: 768px) {
  h3,
  .h3 {
    font-size: 120%;
  }
}
@media (min-width: 960px) {
  h3,
  .h3 {
    font-size: 120%;
    margin-bottom: 1.3em;
    margin-top: 1.3em;
  }
}
h4,
.h4,
h5,
h6 {
  font-size: 100%;
}
@media (min-width: 768px) {
  h4,
  .h4,
  h5,
  h6 {
    font-size: 100%;
  }
}
@media (min-width: 960px) {
  h4,
  .h4,
  h5,
  h6 {
    font-size: 100%;
  }
}
/* FONTS */
.bold {
  font-weight: 700;
}
.thin {
  font-weight: 400;
}
.light {
  font-weight: 300;
}
.xsmall {
  font-size: 86.66666667%;
}
@media (min-width: 768px) {
  .xsmall {
    font-size: 86.66666667%;
  }
}
.small {
  font-size: 93.33333333%;
}
@media (min-width: 768px) {
  .small {
    font-size: 93.33333333%;
  }
}
.big {
  font-size: 113.33333333%;
}
@media (min-width: 768px) {
  .big {
    font-size: 120%;
  }
}
.center {
  text-align: center !important;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
.vcenter {
  vertical-align: middle;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.nonecase {
  text-transform: none;
}
.orange {
  color: #ff5f08 !important;
}
.black {
  color: #000000 !important;
}
.green {
  color: #00973c !important;
}
.gray {
  color: #e9e9e9 !important;
}
.white {
  color: #fff !important;
}
/* RESET */
.mp-reset {
  margin: 0;
  padding: 0;
}
.mt-reset,
.mt-0 {
  margin-top: 0 !important;
}
.mb-reset,
.mb-0 {
  margin-bottom: 0 !important;
}
.mt-xl {
  margin-top: 20px !important;
}
@media (min-width: 768px) {
  .mt-xl {
    margin-top: 35px !important;
  }
}
@media (min-width: 1140px) {
  .mt-xl {
    margin-top: 55px !important;
  }
}
.mb-xl {
  margin-bottom: 20px !important;
}
@media (min-width: 768px) {
  .mb-xl {
    margin-bottom: 35px !important;
  }
}
@media (min-width: 1140px) {
  .mb-xl {
    margin-bottom: 55px !important;
  }
}
.mt-l {
  margin-top: 20px !important;
}
@media (min-width: 768px) {
  .mt-l {
    margin-top: 35px !important;
  }
}
.mb-l {
  margin-bottom: 20px !important;
}
@media (min-width: 768px) {
  .mb-l {
    margin-bottom: 35px !important;
  }
}
.mt-m {
  margin-top: 15px !important;
}
@media (min-width: 768px) {
  .mt-m {
    margin-top: 20px !important;
  }
}
.mb-m {
  margin-bottom: 15px !important;
}
@media (min-width: 768px) {
  .mb-m {
    margin-bottom: 20px !important;
  }
}
.mt-s {
  margin-top: 5px !important;
}
@media (min-width: 768px) {
  .mt-s {
    margin-top: 10px !important;
  }
}
.mb-s {
  margin-bottom: 5px !important;
}
@media (min-width: 768px) {
  .mb-s {
    margin-bottom: 10px !important;
  }
}
.reset {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}
.reset ul {
  margin-top: 0;
}
.reset > li {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  position: static;
}
.reset > li ul {
  margin-top: 0;
}
.reset > li:before {
  display: none;
  position: static;
  top: auto;
  width: auto;
  height: auto;
  margin: 0;
  border-radius: 0;
  background: none;
}
table.reset {
  border-spacing: 0;
}
table.reset,
table.reset td,
table.reset th,
table.reset thead th {
  width: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  font-weight: normal;
  color: inherit;
}
table.reset ul,
table.reset td ul,
table.reset th ul,
table.reset thead th ul {
  margin-top: 0;
}
table.reset tr:nth-child(even) th,
table.reset tr:nth-child(even) td {
  background: none;
}
/* MISC */
.out {
  position: absolute;
  left: -10000px;
  top: auto;
}
.vhide,
.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.pull-l {
  float: left;
}
.pull-r {
  float: right;
}
.cb {
  clear: both;
}
.nobr,
.nowrap {
  white-space: nowrap;
}
.print-only,
.no-js .js-only,
.js .js-hide,
.hidden {
  display: none;
}
.break {
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}
.cfx:before,
form .row:before,
.cfx:after,
form .row:after {
  content: " ";
  display: table;
}
.cfx:after,
form .row:after {
  clear: both;
}
/* PARAGRAPH */
div,
pre {
  margin: 0;
  padding: 0;
}
p {
  margin: 0 0 1.6em 0;
  line-height: 1.6;
}
hr {
  margin: 20px 0;
  padding: 0;
  border: solid #e9e9e9;
  border-width: 1px 0 0;
  color: #e9e9e9;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
pre {
  text-align: left !important;
}
em {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
strong {
  font-weight: bold;
}
sup {
  position: relative;
  top: -4px;
  line-height: normal;
}
.mw-300 {
  max-width: 300px !important;
}
.mw-1140 {
  max-width: 1140px !important;
}
.mw-1030 {
  max-width: 1030px !important;
}
.mw-1200 {
  max-width: 1200px !important;
}
.block-center {
  margin-left: auto !important;
  margin-right: auto !important;
}
/* CITE */
cite {
  border: none;
}
blockquote {
  background: #f6f6f7;
  color: #16191b;
  border: none;
  padding: 15px 15px 10px 15px;
  margin: 0 0 1.6em 0;
}
blockquote p {
  margin: 0 0 .5em;
}
@media (min-width: 768px) {
  blockquote {
    padding: 30px 30px 20px 30px;
  }
}
/* ANCHOR */
a {
  color: #00973c;
  text-decoration: underline;
  outline: none;
}
a:hover,
a:active {
  color: #ff5f08;
  text-decoration: underline;
}
@media (min-width: 590px) {
  a {
    transition: color .3s ease;
  }
}
.no-touchevents a[href^="tel:"] {
  text-decoration: none;
  color: #7e8285;
}
ul {
  margin: 0 0 1.6em 0;
  padding: 0;
}
ul ul {
  margin: .8em 0 0;
}
ul > li {
  position: relative;
  margin: 0 0 .4em;
  padding: 0 0 0 16px;
  line-height: 1.6;
  list-style: none;
}
ul > li:before {
  position: absolute;
  top: .65em;
  left: 0;
  display: block;
  content: "";
  background: #00973c;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
ol {
  padding: 0 0 0 13px;
  margin: 0 0 1.6em 0;
}
ol li {
  list-style-position: outside;
  margin: 0 0 0.4em 30px;
  line-height: 1.6;
}
/* Google Map, YouTube video */
.video,
.iframe-wrap {
  position: relative;
  margin: 0 0 1.6em 0;
  height: 0;
  padding-top: 56.25%;
  background: #e9e9e9;
}
.video.ratio43,
.iframe-wrap.ratio43 {
  padding-top: 75%;
}
.video.reset,
.iframe-wrap.reset {
  margin: 0;
}
.video iframe,
.iframe-wrap iframe,
.video .map,
.iframe-wrap .map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.video:hover .iframe-caption,
.iframe-wrap:hover .iframe-caption {
  opacity: 0;
}
.video .iframe-caption,
.iframe-wrap .iframe-caption {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  margin: 0;
  left: 0;
  right: 0;
  padding: 20px;
  position: absolute;
  opacity: 1;
  font-size: 14px;
  font-weight: bold;
  bottom: 0;
  transition: opacity .3s ease;
}
/* IMAGES */
img {
  border: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
  font: normal 14px/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #7e8285;
  text-align: left;
}
img:before {
  display: inline-block;
  line-height: 1.4;
}
img.border {
  border: 1px solid #e9e9e9;
}
img.pull-l {
  margin-bottom: 1em;
  display: block;
}
img.pull-r {
  margin-bottom: 1em;
  display: block;
}
.img-wrap {
  position: relative;
  margin: 0 0 1.6em 0;
}
.img-wrap img,
.wysiwyg .img-wrap img {
  width: 100%;
}
.img-wrap:hover .img-caption {
  opacity: 0;
}
.img-wrap .img-caption {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  margin: 0;
  left: 0;
  right: 0;
  padding: 20px;
  position: absolute;
  opacity: 1;
  font-size: 14px;
  font-weight: bold;
  bottom: 0;
  transition: opacity .3s ease;
}
/* #content styles */
.wysiwyg {
  padding-bottom: 30px;
}
.wysiwyg:before,
.wysiwyg:after {
  content: " ";
  display: table;
}
.wysiwyg:after {
  clear: both;
}
.wysiwyg:before,
.wysiwyg:after {
  content: " ";
  display: table;
}
.wysiwyg:after {
  clear: both;
}
.wysiwyg > :first-child {
  margin-top: 0;
}
.wysiwyg > :last-child {
  margin-bottom: 0;
}
.wysiwyg img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.wysiwyg strong {
  color: #000000;
}
/* TABLE */
table {
  margin: 0 0 1.6em 0;
  font-size: 86.66666667%;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
  width: 100%;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
td,
th {
  padding: .6em 4px;
  border: none;
  text-align: left;
  font-weight: 300;
  vertical-align: top;
  text-transform: uppercase;
}
thead th {
  background: #ff5f08;
  color: #7e8285;
  font-weight: bold;
}
th {
  font-weight: bold;
}
tr:nth-child(odd) td {
  background: #e9e9e9;
}
.table {
  display: table;
}
.tr {
  display: table-row;
}
.th,
.td {
  display: table-cell;
  padding-right: 10px;
}
.u-flex {
  display: flex;
}
.u-flex-1 {
  flex: 1;
}
.u-flex-1-1-100 {
  flex: 1 1 100%;
}
.u-mr-5 {
  margin-right: 5px !important;
}
.u-mb-5 {
  margin-bottom: 5px !important;
}
@media (min-width: 480px) {
  .cols-3t {
    display: flex;
    flex-wrap: wrap;
  }
  .cols-3t .col-1t {
    margin-left: 2%;
  }
  .cols-3t .col-1t:first-child {
    margin-left: 0;
  }
}
@media (max-width: 479px) {
  .col-2t {
    width: 48%;
  }
  .col-3q {
    width: 48%;
  }
  .col-1q {
    width: 48%;
  }
  .col-ic {
    width: 48%;
  }
}
@media (min-width: 480px) {
  .col-2t {
    width: 65%;
  }
  .col-1t {
    width: 32%;
  }
  .col-3q {
    width: 73%;
  }
  .col-1q {
    width: 23%;
  }
  .col-ic {
    width: 43.8%;
  }
}
@media (min-width: 590px) {
  .col-h-l,
  .col-h-r {
    width: 48%;
    display: block;
    float: left;
  }
  .col-h-r {
    float: right;
  }
  .col-h-r .col-h-l,
  .col-h-l .col-h-l,
  .col-h-r .col-h-r,
  .col-h-l .col-h-r {
    float: none;
    width: auto;
  }
  .wysiwyg img.pull-l {
    float: left;
    margin: 0 20px 15px 0;
    clear: both;
    max-width: 50%;
  }
  .wysiwyg img.pull-r {
    float: right;
    margin: 0 0 15px 20px;
    clear: both;
    max-width: 50%;
  }
  .wysiwyg iframe,
  .wysiwyg embed,
  .wysiwyg object {
    max-height: none;
  }
}
@media (max-width: 767px) {
  .col-h-l.m-full,
  .col-h-r.m-full {
    float: none;
    width: auto;
  }
}
@media (min-width: 768px) {
  table {
    font-size: 100%;
  }
  thead th {
    padding: .5em 10px;
  }
  th,
  td {
    padding: .5em 10px;
  }
}
@media (min-width: 960px) {
  .col-h-r .col-h-l,
  .col-h-l .col-h-l,
  .col-h-l\@w960 {
    float: left;
    width: 48%;
  }
  .col-h-r .col-h-r,
  .col-h-l .col-h-r,
  .col-h-r\@w960 {
    float: right;
    width: 48%;
  }
  .wysiwyg img.pull-l,
  .wysiwyg img.pull-r {
    max-width: none;
  }
  hr {
    margin: 40px 0;
  }
}
@media (min-width: 1140px) {
  thead th {
    padding: .5em 15px;
  }
  th,
  td {
    padding: .5em 15px;
  }
}
.spinner,
.ajax-loader {
  min-width: 16px;
  min-height: 16px;
  background: url('data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==') 50% 50% no-repeat;
  background-size: 16px 16px;
}
.row {
  margin-left: -20px;
  margin-right: -20px;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 960px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1140px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
  display: block;
}
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}
/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}
/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}
/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(../img/photoswipe/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(../img/photoswipe/default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}
.pswp__button--close {
  background-position: 0 -44px;
}
.pswp__button--share {
  background-position: -44px -44px;
}
.pswp__button--fs {
  display: none;
}
.pswp--supports-fs .pswp__button--fs {
  display: block;
}
.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}
/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}
.pswp__button--arrow--left {
  left: 0;
}
.pswp__button--arrow--right {
  right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}
/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__share-modal--hidden {
  display: none;
}
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}
a.pswp__share--download:hover {
  background: #DDD;
}
/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}
/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}
.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}
.pswp__caption--empty {
  display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}
/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}
.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(../img/photoswipe/preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  /*
			The idea of animating inner circle is based on Polymer ("material") loading indicator
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}
/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}
.pswp__element--disabled {
  display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
  background: none;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.point {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
.header {
  height: 64px;
  box-sizing: border-box;
  border-bottom: 4px solid #7e8285;
  background-color: #fff;
}
.header__logo {
  margin: 0;
  position: absolute;
  left: 0;
  top: 9px;
  font-size: 12px;
  z-index: 2;
}
.header img {
  height: 40px;
  width: auto;
}
.header__in-box {
  position: relative;
}
@media (min-width: 480px) {
  .header img {
    height: 50px;
  }
  .header__logo {
    top: 4px;
  }
}
@media (min-width: 768px) {
  .header {
    height: 70px;
    border-bottom: none;
  }
  .header__logo {
    top: 9px;
  }
}
@media (min-width: 960px) {
  .header {
    height: 90px;
  }
  .header__logo {
    top: 9px;
    left: 0;
  }
  .header img {
    height: 69px;
  }
  .fixed-header .header .header__logo {
    z-index: 12;
    position: fixed;
    left: auto;
  }
}
.header-box__ca-control {
  position: absolute;
  top: 0;
  width: 50px;
  box-sizing: border-box;
  margin: 0;
  z-index: 11;
  right: 0;
  padding: 0;
}
.header-box__ca-link {
  display: block;
  height: 0;
  width: 0;
  padding: 60px 0 0 50px;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  transition: background-color 0.3s ease;
}
.header-box__ca-box {
  position: absolute;
  top: 60px;
  max-width: 300px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  z-index: 10;
  width: 100%;
  display: block;
  right: 0;
  margin: 0;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  background: #00973c;
  text-align: left;
  transition: opacity .3s ease, visibility 0s linear .3s;
}
.header-box.ca-expanded .header-box__ca-link {
  background: #00973c;
}
.header-box.ca-expanded .header-box__ca-box {
  opacity: 1;
  visibility: visible;
  transition: opacity .3s ease, visibility 0s linear 0s;
}
.header-box__count {
  position: absolute;
  top: 50%;
  right: 50%;
  margin: 4px -18px 0 0;
  background-color: #00973c;
  color: #fff;
  min-width: 14px;
  height: 14px;
  box-sizing: border-box;
  border-radius: 7px;
  padding: 0 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}
@media (min-width: 480px) {
  .header-box__ca-control {
    width: 60px;
  }
  .header-box__ca-link {
    padding-left: 60px;
  }
}
@media (min-width: 768px) {
  .header-box__ca-link {
    padding-top: 70px;
  }
  .header-box__ca-box {
    position: absolute;
    top: 70px;
  }
}
@media (min-width: 960px) {
  .header-box__ca-link {
    padding-top: 90px;
  }
  .header-box__ca-box {
    position: absolute;
    top: 90px;
  }
}
@media (max-width: 959px) {
  .main-menu .ham {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }
  .main-menu .ham .inner,
  .main-menu .ham:before,
  .main-menu .ham:after {
    display: block;
    position: absolute;
    height: 6px;
    width: 100%;
    background: #7e8285;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }
  .main-menu .ham:before {
    top: 0;
    content: "";
  }
  .main-menu .ham .inner {
    top: 12px;
  }
  .main-menu .ham:after {
    top: 24px;
    content: "";
  }
  .main-menu.ca-expanded .ham .inner,
  .main-menu.ca-expanded .ham:before,
  .main-menu.ca-expanded .ham:after {
    background: #fff;
  }
  .main-menu.ca-expanded .ham:before {
    top: 13px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .main-menu.ca-expanded .ham .inner {
    opacity: 0;
    left: -60px;
  }
  .main-menu.ca-expanded .ham:after {
    top: 13px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .main-menu__list {
    background-color: #fff;
  }
  .reset > li.main-menu__item {
    border-top: 1px solid #e9e9e9;
  }
  .reset > li.main-menu__item--has-submenu.js-submenu--ca-expanded .main-menu-submenu {
    position: static;
    top: auto;
    left: auto;
  }
  .main-menu__item-wrap {
    position: relative;
    margin-bottom: 0;
  }
  .main-menu__submenu-control {
    width: 59px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #e9e9e9;
  }
  .main-menu__submenu-control:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    font-family: "kooplast" !important;
    line-height: 1;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 8px;
    position: absolute;
    content: "\65";
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    line-height: 17px;
    text-align: center;
    margin: -8px 0 0 -8px;
    background-color: #00973c;
    border-radius: 50%;
    color: #fff;
  }
  .js-submenu--ca-expanded .main-menu__submenu-control:before {
    transform: rotate(180deg);
  }
  a.main-menu__item-link {
    display: block;
    padding: 15px 20px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    font-size: 18px;
  }
  a.main-menu__item-link:active,
  a.main-menu__item-link:hover {
    color: #00973c;
  }
  .main-menu-submenu {
    position: absolute;
    top: -5000px;
    left: -5000px;
  }
  .reset > li.main-menu-submenu__item {
    border-top: 1px solid #e9e9e9;
  }
  a.main-menu-submenu__item-link {
    display: block;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    position: relative;
  }
  a.main-menu-submenu__item-link:active,
  a.main-menu-submenu__item-link:hover {
    color: #00973c;
  }
  .main-menu-submenu__item-name {
    display: block;
    padding: 20px 10px 20px 70px;
  }
  .main-menu-submenu__item-name--no-img {
    padding: 10px 10px 10px 20px;
  }
  .main-menu-submenu__item-img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -25px;
  }
  .main-menu-submenu__item-img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .main-menu .newmenu2 .main-menu-submenu__item-name-head {
    display: block;
    text-transform: uppercase;
  }
  .main-menu .newmenu2 .main-menu-submenu__item-name-text {
    font-weight: normal;
    font-size: 12px;
  }
}
@media (min-width: 960px) {
  .main-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }
  .fixed-header .main-menu {
    position: fixed;
    z-index: 11;
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  }
  .main-menu__ca-control {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .main-menu__ca-box.header-box__ca-box {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    box-sizing: border-box;
    padding-left: 280px;
    padding-right: 180px;
    position: static;
    top: auto;
    box-shadow: none;
    width: auto;
    right: auto;
    opacity: 1;
    visibility: visible;
    background: none;
    transition: none;
  }
  .main-menu__ca-box.header-box__ca-box.in-box--no-padding {
    padding-left: 0;
    padding-right: 0;
  }
  .main-menu__list {
    display: flex;
  }
  .reset > li.main-menu__item {
    flex: 1 1 auto;
  }
  .reset > li.main-menu__item--has-submenu.js-submenu--ca-expanded .main-menu-submenu {
    opacity: 1;
    visibility: visible;
    transition: visibility .3s linear 0s, opacity .3s ease;
  }
  .reset > li.main-menu__item--has-submenu.js-submenu--ca-expanded a.main-menu__item-link:after {
    width: 100%;
    transition: width 0.3s ease-in;
  }
  .reset > li.main-menu__item--has-submenu.js-submenu--ca-expanded .main-menu__item-inner--has-submenu:after {
    transform: rotate(-180.03deg);
  }
  .main-menu__item-wrap {
    position: relative;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
  .main-menu__submenu-control {
    display: none;
  }
  a.main-menu__item-link {
    display: inline-block;
    height: 90px;
    color: #000000;
    line-height: 90px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
  }
  a.main-menu__item-link:active,
  a.main-menu__item-link:hover {
    color: #00973c;
  }
  a.main-menu__item-link:after {
    height: 4px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    background-color: #00973c;
    transition: width 0.3s ease-out;
  }
  a.main-menu__item-link:hover:after {
    width: 100%;
    transition: width 0.3s ease-in;
  }
  .main-menu__item-inner {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: normal;
  }
  .main-menu__item-inner--big {
    font-size: 17px;
    text-transform: uppercase;
  }
  .main-menu__item-inner--has-submenu {
    padding-right: 26px;
    position: relative;
  }
  .main-menu__item-inner--has-submenu:after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    font-family: "kooplast" !important;
    line-height: 1;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 8px;
    content: "\65";
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    margin: -8px 0 0 -8px;
    background-color: #00973c;
    border-radius: 50%;
    color: #fff;
    transform: rotate(0.03deg);
    transition: transform .3s ease;
  }
  .main-menu-submenu {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    border-top: 1px solid #e9e9e9;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    transition: visibility .3s linear .3s, opacity .3s ease;
  }
  .main-menu-submenu__in-box {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .main-menu-submenu__in-box.in-box--no-padding {
    padding-left: 0;
    padding-right: 0;
  }
  .main-menu-submenu__grid {
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden;
  }
  .main-menu-submenu__grid > ul {
    width: 101%;
    letter-spacing: -0.28em;
    /* Webkit: collapse white-space between units */
    text-rendering: optimizespeed;
    /* Webkit: fixes text-rendering: optimizeLegibility */
  }
  .main-menu-submenu__grid > ul > li {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .main-menu-submenu__grid > ul > li {
    box-sizing: border-box;
  }
  .main-menu-submenu__grid > ul > li {
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-menu-submenu__grid > ul {
    margin: 0 -1% 0 0;
    text-align: left;
  }
  .main-menu-submenu__grid > ul > li {
    width: 19.82160555%;
  }
  .main-menu-submenu__grid > ul.main-menu-submenu__list {
    margin-top: -40px;
  }
  .reset > li.main-menu-submenu__item {
    margin-top: 40px;
  }
  a.main-menu-submenu__item-link {
    display: block;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    line-height: 50px;
    min-height: 50px;
  }
  a.main-menu-submenu__item-link:active,
  a.main-menu-submenu__item-link:hover {
    color: #00973c;
  }
  .main-menu-submenu__item-name {
    display: inline-block;
    padding: 0 0 0 60px;
    box-sizing: border-box;
    width: 100%;
    line-height: normal;
    vertical-align: middle;
  }
  .main-menu-submenu__item-name--no-img {
    padding: 0;
  }
  .main-menu-submenu__item-img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
  }
  .main-menu-submenu__item-img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .main-menu .newmenu2 .main-menu-submenu__list {
    margin-top: -30px;
  }
  .main-menu .newmenu2 .main-menu-submenu__item {
    width: 49.55401388%;
    margin-top: 30px;
  }
  .main-menu .newmenu2 .main-menu-submenu__item-link {
    line-height: 134px;
    min-height: 134px;
  }
  .main-menu .newmenu2 .main-menu-submenu__item-name {
    padding-left: 233px;
    position: relative;
  }
  .main-menu .newmenu2 .main-menu-submenu__item-name:before {
    content: "";
    width: 3px;
    background-color: #00973c;
    top: 0;
    bottom: 0;
    display: block;
    left: 220px;
    position: absolute;
  }
  .main-menu .newmenu2 .main-menu-submenu__item-name-head {
    display: block;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 19px;
  }
  .main-menu .newmenu2 .main-menu-submenu__item-name-text {
    font-weight: normal;
    color: #16191b;
  }
  .main-menu .newmenu2 .main-menu-submenu__item-img {
    width: 200px;
    height: 134px;
    margin-top: -67px;
    overflow: hidden;
  }
  .main-menu .newmenu2 .main-menu-submenu__item-img img {
    max-width: none;
    max-height: none;
  }
}
@media (min-width: 1140px) {
  .main-menu__ca-box.header-box__ca-box {
    padding-right: 200px;
  }
  .main-menu-submenu__in-box {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 1200px;
  }
  .main-menu .newmenu2 .main-menu-submenu__item-name {
    padding-left: 333px;
  }
  .main-menu .newmenu2 .main-menu-submenu__item-name:before {
    left: 320px;
  }
  .main-menu .newmenu2 .main-menu-submenu__item-img {
    width: 300px;
  }
}
.search-box__inputs {
  margin-bottom: 0;
  padding-right: 100px;
  position: relative;
}
.search-box__inputs .btn {
  width: 95px;
  position: absolute;
  right: 0;
  top: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.search-box .header-box__ca-control {
  right: 150px;
}
.search-box .header-box__ca-link {
  color: #7e8285;
}
.search-box .header-box__ca-link:active,
.search-box .header-box__ca-link:hover {
  color: #7e8285;
}
.search-box .header-box__ca-link:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
  font-size: 30px;
  color: #7e8285;
  transition: color .3s ease;
}
.search-box .header-box__ca-box {
  padding: 20px;
}
.search-box.ca-expanded .header-box__ca-link:before {
  color: #fff;
}
@media (min-width: 480px) {
  .search-box .header-box__ca-control {
    right: 180px;
  }
}
@media (min-width: 960px) {
  .search-box .header-box__ca-control {
    right: 120px;
  }
  .search-box .header-box__ca-link {
    color: #16191b;
  }
  .search-box .header-box__ca-link:active,
  .search-box .header-box__ca-link:hover {
    color: #16191b;
  }
  .search-box .header-box__ca-link:before {
    margin: -11px 0 0 -11px;
    font-size: 22px;
    color: #16191b;
  }
  .search-box .header-box__ca-box {
    max-width: 400px;
  }
  .fixed-header .search-box.header-box {
    position: fixed;
    z-index: 11;
    top: 0;
    right: 0;
    width: 400px;
  }
}
@media (min-width: 1140px) {
  .search-box .header-box__ca-control {
    right: 140px;
  }
  .search-box.header-box {
    right: 50%;
    margin-right: -570px;
    position: absolute;
    top: 0;
    width: 400px;
  }
  .fixed-header .search-box.header-box {
    right: 50%;
  }
}
.basket-box .header-box__ca-control {
  right: 100px;
}
.basket-box .header-box__ca-link {
  color: #7e8285;
}
.basket-box .header-box__ca-link:active,
.basket-box .header-box__ca-link:hover {
  color: #7e8285;
}
.basket-box .header-box__ca-link:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
  font-size: 30px;
  color: #7e8285;
  transition: color .3s ease;
}
@media (min-width: 480px) {
  .basket-box .header-box__ca-control {
    right: 120px;
  }
}
@media (min-width: 960px) {
  .basket-box .header-box__ca-control {
    right: 60px;
  }
  .basket-box .header-box__ca-link {
    color: #16191b;
  }
  .basket-box .header-box__ca-link:active,
  .basket-box .header-box__ca-link:hover {
    color: #16191b;
  }
  .basket-box .header-box__ca-link:before {
    margin: -13px 0 0 -13px;
    font-size: 26px;
    color: #16191b;
  }
  .fixed-header .basket-box.header-box {
    position: fixed;
    z-index: 11;
    top: 0;
    right: 0;
    width: 400px;
  }
}
@media (min-width: 1140px) {
  .basket-box .header-box__ca-control {
    right: 80px;
  }
  .basket-box .header-box__ca-control:after {
    position: absolute;
    content: "";
    border: 1px solid #e9e9e9;
    transition: border-color 0.3s ease;
    border-radius: 3px;
    box-sizing: border-box;
    height: 56px;
    width: 56px;
    top: 17px;
    left: 2px;
    pointer-events: none;
  }
  .basket-box .header-box__ca-control:hover:after {
    border-color: #7e8285;
  }
  .basket-box.header-box {
    right: 50%;
    margin-right: -570px;
    position: absolute;
    top: 0;
    width: 400px;
  }
  .fixed-header .basket-box.header-box {
    right: 50%;
  }
}
.user-box .header-box__ca-control {
  right: 50px;
}
.user-box .header-box__ca-link {
  color: #7e8285;
}
.user-box .header-box__ca-link:active,
.user-box .header-box__ca-link:hover {
  color: #7e8285;
}
.user-box .header-box__ca-link:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
  font-size: 30px;
  color: #7e8285;
  transition: color .3s ease;
}
@media (min-width: 480px) {
  .user-box .header-box__ca-control {
    right: 60px;
  }
}
@media (min-width: 960px) {
  .user-box .header-box__ca-control {
    right: 0;
  }
  .user-box .header-box__ca-link {
    color: #16191b;
  }
  .user-box .header-box__ca-link:active,
  .user-box .header-box__ca-link:hover {
    color: #16191b;
  }
  .user-box .header-box__ca-link:before {
    margin: -12px 0 0 -12px;
    font-size: 24px;
    color: #16191b;
  }
  .fixed-header .user-box.header-box {
    position: fixed;
    z-index: 11;
    top: 0;
    right: 0;
    width: 400px;
  }
}
@media (max-width: 1139px) {
  .user-box__content-desktop {
    display: none;
  }
}
@media (min-width: 1140px) {
  .user-box.header-box {
    right: 50%;
    margin-right: -570px;
    position: absolute;
    top: 0;
    width: 400px;
  }
  .fixed-header .user-box.header-box {
    right: 50%;
  }
  .user-box .header-box__ca-control {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .user-box__content-desktop {
    line-height: 1.7em;
    max-width: 70px;
    font-size: 13px;
    overflow: hidden;
    height: 90px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
  }
  .user-box__content-desktop a {
    color: #00973c;
  }
  .user-box__content-desktop a:active,
  .user-box__content-desktop a:hover {
    color: #006d35;
  }
}
.product-list {
  border: solid #e9e9e9;
  border-width: 0 0 0 1px;
  overflow: hidden;
  border-radius: 5px;
  padding-bottom: 1px;
  padding-right: 1px;
}
ul.product-list__list {
  margin-left: -1px;
}
li.product-list__item {
  border: solid #e9e9e9;
  border-width: 1px 1px 1px 0;
  box-sizing: border-box;
  margin-bottom: -1px;
}
li.product-list__item:last-child {
  border-radius: 0 0 5px 0;
}
li.product-list__item:first-child:last-child {
  border-radius: 5px;
}
.product-list__spc {
  padding: 20px;
  display: block;
  text-align: center;
  color: #16191b;
  text-decoration: none;
}
.product-list__spc:active,
.product-list__spc:hover {
  color: #16191b;
}
.product-list__spc:hover {
  text-decoration: none;
}
.product-list__spc:hover .btn.btn--pdf {
  background-color: #f6f6f7;
  color: #16191b;
}
.product-list__spc:hover .btn {
  background-color: #006d35;
  color: #fff;
}
.product-list__category {
  margin: 0;
  font-size: 86.66666667%;
  color: #7e8285;
}
.product-list__title {
  font-size: 93.33333333%;
  margin: 20px 0;
  text-transform: none;
}
.product-list__title--l {
  font-size: 100%;
}
.product-list__price {
  color: #16191b;
  font-size: 86.66666667%;
  margin-bottom: 10px;
}
.product-list__other-cto {
  padding: 0 20px;
  text-align: center;
  margin-top: -10px;
}
.product-list__img {
  position: relative;
  height: 0;
  width: 100%;
  padding-top: 100%;
  margin-bottom: 20px;
}
.product-list__img--200x280 {
  padding-top: 140%;
}
.product-list__img--200x280 img {
  border-radius: 5px;
  overflow: hidden;
}
.product-list__img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.product-list__buttons {
  margin-bottom: 0;
}
.product-list__buttons .btn {
  width: 100%;
}
@media (min-width: 480px) {
  .product-list > ul {
    width: 101%;
    letter-spacing: -0.28em;
    /* Webkit: collapse white-space between units */
    text-rendering: optimizespeed;
    /* Webkit: fixes text-rendering: optimizeLegibility */
  }
  .product-list > ul > li {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .product-list > ul > li {
    box-sizing: border-box;
  }
  .product-list > ul {
    margin: 0 -1% 0 0;
    text-align: left;
  }
  .product-list > ul > li {
    width: 49.55401388%;
  }
}
@media (min-width: 590px) {
  .product-list > ul > li {
    width: 33.03600925%;
  }
}
@media (min-width: 768px) {
  .product-list > ul > li {
    width: 49.55401388%;
  }
  .product-list--w-full > ul > li {
    width: 33.03600925%;
  }
}
@media (min-width: 960px) {
  .product-list > ul > li {
    width: 33.03600925%;
  }
  .product-list--w-full > ul > li {
    width: 24.77700694%;
  }
}
.category-list {
  border: solid #e9e9e9;
  border-width: 0 0 0 1px;
  overflow: hidden;
  border-radius: 5px;
  padding-bottom: 1px;
  padding-right: 1px;
}
ul.category-list__list {
  margin-left: -1px;
}
li.category-list__item {
  border: solid #e9e9e9;
  border-width: 1px 1px 1px 0;
  box-sizing: border-box;
  margin-bottom: -1px;
}
li.category-list__item:last-child {
  border-radius: 0 0 5px 0;
}
li.category-list__item:first-child:last-child {
  border-radius: 5px;
}
.category-list__spc {
  padding: 10px;
  display: flex;
  color: #16191b;
  text-decoration: none;
  align-items: center;
  background-color: #f6f6f7;
}
.category-list__spc:active,
.category-list__spc:hover {
  color: #16191b;
}
.category-list__spc:hover {
  text-decoration: none;
}
.category-list__spc:hover .category-list__title-name {
  color: #16191b;
}
.category-list__title {
  font-size: 93.33333333%;
  margin: 0;
  text-transform: none;
  line-height: 1.3;
  max-height: 5.2em;
  overflow: hidden;
}
.category-list__title-name {
  color: #00973c;
  text-transform: uppercase;
  transition: color .3s ease;
}
.category-list__title-count {
  color: #7e8285;
  font-weight: normal;
}
.category-list__img {
  position: relative;
  height: 80px;
  width: 80px;
  margin: 0 20px 0 0;
  flex: 0 0 80px;
}
.category-list__img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media (min-width: 480px) {
  .category-list > ul {
    width: 101%;
    letter-spacing: -0.28em;
    /* Webkit: collapse white-space between units */
    text-rendering: optimizespeed;
    /* Webkit: fixes text-rendering: optimizeLegibility */
  }
  .category-list > ul > li {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .category-list > ul > li {
    box-sizing: border-box;
  }
  .category-list > ul {
    margin: 0 -1% 0 0;
    text-align: left;
  }
  .category-list > ul > li {
    width: 49.55401388%;
  }
}
@media (min-width: 768px) {
  .category-list > ul > li {
    width: 49.55401388%;
  }
  .category-list--w-full > ul > li {
    width: 33.03600925%;
  }
}
@media (min-width: 1140px) {
  .category-list > ul > li {
    width: 33.03600925%;
  }
  .category-list__spc {
    padding: 20px;
  }
  .category-list--w-full > ul > li {
    width: 24.77700694%;
  }
}
.std-box--padding {
  padding: 20px;
}
@media (min-width: 810px) {
  .std-box--padding {
    padding: 30px;
  }
}
@media (min-width: 1140px) {
  .std-box--padding {
    padding: 55px;
  }
}
.std-box--padding-s {
  padding: 10px;
}
@media (min-width: 810px) {
  .std-box--padding-s {
    padding: 20px;
  }
}
.std-box--padding-v-m {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (min-width: 810px) {
  .std-box--padding-v-m {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 1140px) {
  .std-box--padding-v-m {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.std-box--bt1 {
  border-top: 1px solid #e9e9e9;
}
.std-box--bb1 {
  border-bottom: 1px solid #e9e9e9;
}
.std-box--border1 {
  border: 1px solid #e9e9e9;
}
.std-box--bg {
  background-color: #f6f6f7;
}
.std-box--in-box-reset {
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 810px) {
  .std-box--in-box-reset {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media (min-width: 1140px) {
  .std-box--in-box-reset {
    margin-left: -55px;
    margin-right: -55px;
  }
}
li.hp-cross__item {
  border-bottom: 1px solid #e9e9e9;
  text-align: left;
}
.hp-cross__sub-title {
  margin-bottom: 0;
}
.hp-cross__title {
  margin: 0;
}
.hp-cross__buttons {
  margin: 30px 0 0;
}
.hp-cross__spc {
  background-position: 100% 50px;
  background-repeat: no-repeat;
  overflow: hidden;
  box-sizing: border-box;
}
.hp-cross__spc--01 {
  background-image: url("../img/bg-hp-cross-01.jpg");
}
.hp-cross__spc--02 {
  background-image: url("../img/bg-hp-cross-02.jpg");
}
@media (min-width: 768px) {
  .hp-cross {
    overflow: hidden;
    position: relative;
  }
  .hp-cross > ul {
    width: 101%;
    letter-spacing: -0.28em;
    /* Webkit: collapse white-space between units */
    text-rendering: optimizespeed;
    /* Webkit: fixes text-rendering: optimizeLegibility */
  }
  .hp-cross > ul > li {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .hp-cross > ul > li {
    box-sizing: border-box;
  }
  .hp-cross > ul {
    margin: 0 -1% 0 0;
    text-align: left;
  }
  .hp-cross > ul > li {
    width: 49.55401388%;
  }
  ul.hp-cross__list {
    margin-top: -1px;
  }
  ul.hp-cross__list:after {
    width: 1px;
    height: 100%;
    top: 0;
    bottom: 0;
    background-color: #e9e9e9;
    left: 50%;
    content: "";
    z-index: 1;
    position: absolute;
  }
  li.hp-cross__item {
    border-bottom: none;
    border-top: 1px solid #e9e9e9;
  }
}
@media (min-width: 1140px) {
  .hp-cross__title {
    font-size: 186.66666667%;
  }
  .hp-cross__spc {
    padding-top: 65px;
    padding-bottom: 65px;
    min-height: 440px;
    background-position: 100% 100%;
  }
}
.footer .news-list {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
li.news-list__item {
  margin-top: 40px;
}
li.news-list__item:first-child {
  margin-top: 0;
}
.news-list__spc {
  padding-left: 130px;
  display: block;
  text-align: left;
}
.news-list__spc:before,
.news-list__spc:after {
  content: " ";
  display: table;
}
.news-list__spc:after {
  clear: both;
}
.news-list__spc:before,
.news-list__spc:after {
  content: " ";
  display: table;
}
.news-list__spc:after {
  clear: both;
}
a.news-list__spc {
  text-decoration: none;
  color: #a1a6a8;
}
a.news-list__spc:hover .news-list__link {
  color: #ff5f08;
}
.news-list__date {
  color: #74787a;
  margin-bottom: 0;
}
.news-list__title {
  margin-top: 0;
}
.news-list__content {
  margin-bottom: 0;
  margin-top: 10px;
}
.news-list__link {
  text-decoration: underline;
  transition: color .3s ease;
  margin-top: 10px;
  margin-bottom: 0;
}
.news-list__img {
  width: 100px;
  float: left;
  margin-left: -130px;
  height: 100px;
  position: relative;
  text-align: center;
  margin-top: 3px;
  margin-bottom: 0;
}
.news-list__img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.share-list__list {
  letter-spacing: -0.28em;
  /* Webkit: collapse white-space between units */
  text-rendering: optimizespeed;
  /* Webkit: fixes text-rendering: optimizeLegibility */
}
.share-list__list > li {
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}
li.share-list__item {
  margin-left: 20px;
}
.share-list__link {
  display: block;
  position: relative;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}
.share-list__link.ico-facebook {
  background-color: #256fe9;
}
.share-list__link.ico-facebook:hover {
  background-color: #1458c7;
}
.share-list__link.ico-google-plus {
  background-color: #dc4c41;
}
.share-list__link.ico-google-plus:hover {
  background-color: #c63024;
}
.share-list__link.ico-google-plus:before {
  margin-top: -14px;
}
.share-list__link.ico-youtube {
  background-color: #ec2929;
}
.share-list__link.ico-youtube:hover {
  background-color: #d01212;
}
.share-list__link.ico-youtube:before {
  margin: -13px 0 0 -12px;
  font-size: 24px;
}
.share-list__link:before {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 22px;
  color: #fff;
  margin: -10px 0 0 -11px;
}
.top-message {
  border-bottom: 1px solid #e9e9e9;
  font-size: 13px;
  background-color: #f6f6f7;
}
.top-message.ca-collapsed {
  margin-top: -1px;
}
.top-message__ca-box {
  padding: 10px 24px 10px 0;
  position: relative;
}
.top-message__ca-box--ico {
  padding-left: 24px;
}
.top-message__ca-box--ico:before {
  position: absolute;
  top: 12px;
  font-size: 16px;
  left: 0;
}
.top-message__ca-box--ico.ico-alert:before {
  color: #ff0808;
}
.top-message__ca-box p {
  margin: 0;
}
p.top-message__ca-control {
  position: absolute;
  top: 15px;
  font-size: 12px;
  right: 0;
  line-height: 1;
}
.top-message__ca-link {
  display: block;
  height: 12px;
  width: 12px;
  color: #7e8285;
}
.top-message__ca-link:active,
.top-message__ca-link:hover {
  color: #ff5f08;
}
@media (min-width: 1140px) {
  .top-message .in-box {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 1200px;
  }
}
.motive-list {
  position: relative;
  z-index: 1;
}
.motive-list.motive-carousel {
  height: auto;
}
.motive-list.motive-carousel .motive-list__list {
  white-space: nowrap;
}
.motive-list.motive-carousel li.motive-list__item {
  display: inline-block;
  white-space: normal;
}
.motive-list.motive-carousel .motive-list__img {
  height: 0;
  padding-top: 56.25%;
}
.motive-list.motive-carousel:hover .prev,
.motive-list.motive-carousel:hover .next {
  opacity: .4;
}
.motive-list.motive-carousel:hover .prev:hover,
.motive-list.motive-carousel:hover .next:hover {
  opacity: 1;
}
@media (max-width: 1139px) {
  .motive-list.motive-carousel {
    max-height: 500px;
  }
}
.motive-list__wrap {
  position: relative;
}
.motive-list__in-box {
  position: relative;
  height: 100%;
}
li.motive-list__item {
  position: relative;
  z-index: 1;
}
li.motive-list__item--active {
  z-index: 2;
}
li.motive-list__item--active .motive-list__points {
  opacity: 1;
}
.motive-list__img {
  background-position: 50% 0;
  background-repeat: no-repeat;
  width: 100%;
  margin-bottom: 0;
  height: 130px;
  position: relative;
}
.motive-list__points {
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.motive-list .pager {
  display: none !important;
}
.motive-list .prev,
.motive-list .next {
  position: absolute;
  bottom: 0;
  z-index: 5;
  opacity: 0;
  padding: 50px 50px 0 0;
  overflow: hidden;
  height: 0;
  width: 0;
  background-color: #00973c;
  transition: opacity 0.3s ease;
}
.motive-list .prev:before,
.motive-list .next:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  font-family: "kooplast" !important;
  line-height: 1;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  margin: -11px 0 0 -11px;
  left: 50%;
  font-size: 22px;
  width: 22px;
  height: 22px;
  color: #fff;
}
.motive-list .prev {
  left: 0;
}
.motive-list .prev:before {
  content: "\64";
}
.motive-list .next {
  right: 0;
}
.motive-list .next:before {
  content: "\62";
}
.motive-list .point {
  display: none;
}
.motive-list .anchor {
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 2;
  display: none;
  text-decoration: none;
}
.motive-list .arrow {
  display: none;
}
.motive-list .text1 {
  display: inline-block;
  height: 40px;
  text-transform: uppercase;
  line-height: 40px;
  font-weight: bold;
  background: #00973c;
  font-size: 20px;
  padding: 0 20px;
  color: #fff;
}
.motive-list .text2 {
  color: #7e8285;
  background: #fff;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  padding: 0 20px;
}
.motive-list .anchor {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media (min-width: 768px) {
  .motive-list__img {
    background-position: 50% 0;
    width: 100%;
    margin-bottom: 0;
  }
  .motive-list .text1 {
    padding-left: 30px;
    padding-right: 30px;
    height: 88px;
    line-height: 88px;
    font-size: 39px;
  }
  .motive-list .text2 {
    padding-left: 30px;
    padding-right: 30px;
    height: 52px;
    line-height: 52px;
  }
  .motive-list .prev,
  .motive-list .next {
    bottom: auto;
    top: 400px;
  }
}
@media (max-width: 959px) {
  .motive-list {
    height: 130px;
  }
}
@media (min-width: 1140px) {
  .motive-list {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    z-index: 1;
  }
  .motive-list .arrow {
    display: block;
    width: 50px;
    height: 50px;
    background: #ff5f08;
    position: relative;
  }
  .motive-list .arrow:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    font-family: "kooplast" !important;
    line-height: 1;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    margin: -11px 0 0 -11px;
    left: 50%;
    font-size: 22px;
    content: "\62";
    width: 22px;
    height: 22px;
    color: #fff;
  }
  .motive-list .point {
    display: block;
    z-index: 3;
    position: absolute;
    left: 50%;
    background: #f6d01f;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    transition: transform 0.3s ease;
    margin: -19px 0 0 -19px;
  }
  .motive-list .point:hover {
    background: #ed5911;
    -webkit-animation-name: none;
    animation-name: none;
  }
  .motive-list .point:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    font-family: "kooplast" !important;
    line-height: 1;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    margin: -9px 0 0 -9px;
    left: 50%;
    content: "\6d";
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 18px;
  }
  .motive-list .point:after {
    position: absolute;
    top: 50%;
    margin: -30px 0 0 -30px;
    left: 50%;
    content: "";
    width: 56px;
    height: 56px;
    border-radius: 100%;
    border: 2px solid #fff;
  }
  .motive-list .box {
    position: absolute;
    width: 400px;
    padding: 30px;
    z-index: 5;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    opacity: 0;
    left: -5000px;
    top: 0;
    transition: opacity 0.8s ease;
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
  }
  .motive-list .point:hover .box {
    opacity: 1;
    left: 19px;
    top: 19px;
  }
  .motive-list .point.boxL:hover .box {
    right: 19px;
    left: auto;
  }
  .motive-list .point.boxB:hover .box {
    top: auto;
    bottom: 19px;
  }
  .motive-list .box p {
    margin-bottom: 10px;
  }
  .motive-list .box p.reset {
    margin-bottom: 0;
  }
  .motive-list .box .title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
  }
  .motive-list__wrap {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }
  .motive-list__img {
    height: 0;
    padding-top: 56.25%;
  }
  .motive-list__img .gradient {
    display: block;
    position: absolute;
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    height: 300px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #16191b 100%);
  }
  .motive-list .anchor {
    top: 103px;
  }
  .motive-list .prev,
  .motive-list .next {
    background: none;
  }
}
@media (min-width: 1600px) {
  .motive-list__img {
    height: 0;
    padding-top: 56.25%;
  }
  .motive-list__img:after {
    display: block;
    position: absolute;
    right: 0;
    content: "";
    bottom: 0;
    top: 0;
    width: 300px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #16191b 100%);
  }
  .motive-list__img:before {
    display: block;
    position: absolute;
    left: 0;
    content: "";
    bottom: 0;
    top: 0;
    width: 300px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #16191b 100%);
  }
}
.cols .col--side {
  padding-bottom: 40px;
  background-color: #f6f6f7;
  padding-top: 20px;
}
@media (min-width: 768px) {
  .cols {
    display: flex;
  }
  .cols .col--side {
    flex: 0 0 260px;
    order: -1;
    padding-top: 0;
  }
  .cols .col--content {
    flex: 1 1 100%;
  }
}
@media (min-width: 960px) {
  .cols .col--side {
    flex-basis: 310px;
  }
}
.menu-side__title {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 113.33333333%;
  margin: 20px 0;
}
.menu-side__list--arrow {
  border-bottom: 1px solid #e9e9e9;
}
.menu-side__spc {
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  box-sizing: border-box;
  min-height: 62px;
  line-height: 56px;
}
.menu-side__spc.menu-side__spc--arrow {
  padding-left: 66px;
  position: relative;
  border-top: 1px solid #e9e9e9;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
}
.menu-side__spc.menu-side__spc--arrow:active,
.menu-side__spc.menu-side__spc--arrow:hover {
  color: #00973c;
}
.menu-side__spc.menu-side__spc--arrow:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  font-family: "kooplast" !important;
  line-height: 1;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\62";
  font-size: 14px;
  height: 24px;
  width: 24px;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -12px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #fff;
  line-height: 22px;
  border: 1px solid #e9e9e9;
  color: #ff5f08;
  text-align: center;
  transition: transform .3s ease;
}
.menu-side__spc.menu-side__spc--arrow:hover,
.menu-side__item--active .menu-side__spc.menu-side__spc--arrow {
  color: #00973c;
}
.menu-side__spc.menu-side__spc--arrow:hover:before,
.menu-side__item--active .menu-side__spc.menu-side__spc--arrow:before {
  transform: translateX(10px);
}
.menu-side__item--active.menu-side__item--submenu .menu-side__spc.menu-side__spc--arrow:before {
  transform: translateX(10px) rotate(90deg);
}
.menu-side__spc--icon {
  padding-left: 88px;
  color: #00973c;
}
.menu-side__spc--icon:active,
.menu-side__spc--icon:hover {
  color: #000000;
}
.menu-side__spc--icon .menu-side__name {
  text-decoration: underline;
}
.menu-side__spc--icon:hover,
.menu-side__item--active .menu-side__spc--icon {
  color: #16191b;
}
.menu-side__spc--icon:hover .menu-side__icon-wrap,
.menu-side__item--active .menu-side__spc--icon .menu-side__icon-wrap {
  border-color: #16191b;
  color: #16191b;
}
.menu-side__icon-wrap {
  width: 56px;
  height: 56px;
  border: 1px solid #e9e9e9;
  box-sizing: border-box;
  border-radius: 3px;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  display: block;
  float: left;
  margin-left: -68px;
  transition: border .3s ease;
}
.menu-side__icon {
  width: 44px;
  height: 44px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -22px 0 0 -22px;
}
.menu-side__icon img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.menu-side__name {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
  margin-top: -2px;
}
.menu-side__submenu {
  padding-bottom: 20px;
}
@media (min-width: 960px) {
  .menu-side__spc {
    padding-left: 30px;
    padding-right: 30px;
  }
  .menu-side__spc.menu-side__spc--arrow {
    padding-left: 76px;
  }
  .menu-side__spc.menu-side__spc--arrow:before {
    left: 30px;
  }
  .menu-side__spc--icon {
    padding-left: 98px;
  }
  .menu-side__title {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.menu-side-submenu__spc {
  padding-right: 20px;
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
  box-sizing: border-box;
  text-decoration: none;
  padding-left: 66px;
  position: relative;
  color: #00973c;
}
.menu-side-submenu__spc:active,
.menu-side-submenu__spc:hover {
  color: #00973c;
}
.menu-side-submenu__spc:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  font-family: "kooplast" !important;
  line-height: 1;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\67";
  font-size: 8px;
  height: 8px;
  width: 8px;
  position: absolute;
  left: 38px;
  top: 50%;
  margin-top: -4px;
  box-sizing: border-box;
  line-height: 1em;
  color: #16191b;
}
.menu-side-submenu__spc:hover,
.menu-side-submenu__item--active .menu-side-submenu__spc {
  text-decoration: none;
}
.menu-side-submenu__spc:hover .menu-side-submenu__name,
.menu-side-submenu__item--active .menu-side-submenu__spc .menu-side-submenu__name {
  color: #16191b;
}
.menu-side-submenu__name {
  transition: color .3s ease;
  color: #00973c;
  text-decoration: underline;
}
.menu-side-submenu__count {
  color: #7e8285;
}
@media (min-width: 960px) {
  .menu-side-submenu__spc {
    padding-right: 30px;
    padding-left: 76px;
  }
  .menu-side-submenu__spc:before {
    left: 48px;
  }
}
ul.menu-page__list {
  margin-top: -20px;
}
li.menu-page__item {
  margin-top: 20px;
}
.menu-page__spc {
  padding-right: 10px;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  box-sizing: border-box;
  min-height: 62px;
  line-height: 56px;
}
.menu-page__spc--icon {
  padding-left: 68px;
  color: #000000;
}
.menu-page__spc--icon:active,
.menu-page__spc--icon:hover {
  color: #00973c;
}
.menu-page__spc--icon .menu-side__name {
  text-decoration: underline;
}
.menu-page__spc--icon:hover,
.menu-page__item--active .menu-page__spc--icon {
  color: #00973c;
}
.menu-page__spc--icon:hover .menu-page__icon-wrap,
.menu-page__item--active .menu-page__spc--icon .menu-page__icon-wrap {
  border-color: #16191b;
  color: #00973c;
}
.menu-page__icon-wrap {
  width: 56px;
  height: 56px;
  border: 1px solid #e9e9e9;
  box-sizing: border-box;
  border-radius: 3px;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  display: block;
  float: left;
  margin-left: -68px;
  transition: border .3s ease;
}
.menu-page__icon {
  width: 44px;
  height: 44px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -22px 0 0 -22px;
}
.menu-page__icon img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.menu-page__name {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
  margin-top: -2px;
  font-weight: bold;
}
@media (min-width: 960px) {
  .menu-page {
    margin-left: -5px;
    margin-right: -5px;
  }
  .menu-page > ul {
    width: 101%;
    letter-spacing: -0.28em;
    /* Webkit: collapse white-space between units */
    text-rendering: optimizespeed;
    /* Webkit: fixes text-rendering: optimizeLegibility */
  }
  .menu-page > ul > li {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .menu-page > ul > li {
    box-sizing: border-box;
  }
  .menu-page > ul > li {
    padding-left: 5px;
    padding-right: 5px;
  }
  .menu-page > ul {
    margin: 0 -1% 0 0;
    text-align: left;
  }
  .menu-page > ul > li {
    width: 24.77700694%;
  }
  .menu-page__spc--icon {
    padding-left: 68px;
  }
}
.perex-img-box {
  display: flex;
  align-items: center;
}
.perex-img-box__img {
  flex: 0 0 50px;
  min-height: 50px;
  position: relative;
  margin-bottom: 0;
  margin-right: 20px;
}
.perex-img-box__img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.perex-img-box__content {
  flex: 1 1 100%;
}
@media (min-width: 480px) {
  .perex-img-box__img {
    margin-right: 40px;
  }
}
@media (min-width: 768px) {
  .perex-img-box__img--w200\@w768 {
    flex-basis: 200px;
    min-height: 120px;
  }
}
.contact-list {
  overflow: hidden;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.contact-list > ul.reset {
  margin-top: -20px;
}
.contact-list > ul.reset > li {
  margin-top: 20px;
  padding: 0 10px 0 115px;
  box-sizing: border-box;
}
.contact-list > ul.reset > li:before,
.contact-list > ul.reset > li:after {
  content: " ";
  display: table;
}
.contact-list > ul.reset > li:after {
  clear: both;
}
.contact-list > ul.reset > li:before,
.contact-list > ul.reset > li:after {
  content: " ";
  display: table;
}
.contact-list > ul.reset > li:after {
  clear: both;
}
.contact-list .img {
  float: left;
  margin-left: -115px;
  margin-bottom: 0;
  width: 90px;
}
.contact-list .img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  border-radius: 5px;
}
.contact-list p {
  margin-bottom: 0;
}
.contact-list .name {
  margin-bottom: 10px;
}
.contact-list .name + .name {
  margin-bottom: 10px;
  margin-top: -10px;
}
@media (min-width: 590px) {
  .contact-list {
    margin-left: -5px;
    margin-right: -5px;
  }
  .contact-list > ul {
    width: 101%;
    letter-spacing: -0.28em;
    /* Webkit: collapse white-space between units */
    text-rendering: optimizespeed;
    /* Webkit: fixes text-rendering: optimizeLegibility */
  }
  .contact-list > ul > li {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .contact-list > ul > li {
    box-sizing: border-box;
  }
  .contact-list > ul > li {
    padding-left: 5px;
    padding-right: 5px;
  }
  .contact-list > ul {
    margin: 0 -1% 0 0;
    text-align: left;
  }
  .contact-list > ul > li {
    width: 49.55401388%;
  }
}
@media (min-width: 1140px) {
  .contact-list {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .contact-list > ul > li {
    width: 33.03600925%;
  }
  .contact-list > ul.reset {
    margin-top: -30px;
  }
  .contact-list > ul.reset > li {
    margin-top: 30px;
  }
}
.control-up {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 5;
  margin-bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility 0s linear .3s;
}
.control-up__link {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #ff5f08;
  color: #fff;
}
.control-up__link:active,
.control-up__link:hover {
  color: #fff;
}
.control-up__link:before {
  font-size: 22px;
}
.control-up--visible {
  opacity: 1;
  visibility: visible;
  transition: opacity .3s ease, visibility 0s linear 0s;
}
@media (min-width: 1240px) {
  .control-up {
    right: 50%;
    margin-right: -620px;
  }
}
.control-img {
  display: none;
}
@media (min-width: 1140px) {
  .control-img {
    margin-bottom: 0;
    display: block;
    position: relative;
    max-width: 1140px;
  }
  .control-img__link {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #ff5f08;
    color: #fff;
    position: absolute;
    top: -50px;
  }
  .control-img__link:active,
  .control-img__link:hover {
    color: #fff;
  }
  .control-img__link:before {
    font-size: 22px;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: bounceArr;
  }
  .main--move .control-img__link:before {
    transform: rotate(-180deg);
    animation-name: none;
  }
}
@keyframes bounceArr {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-6px);
  }
  60% {
    transform: translateY(-3px);
  }
}
.category-count-sort {
  display: flex;
  align-items: center;
}
.category-count-sort__sort,
.category-count-sort__count {
  flex: 1 1 50%;
}
.paging {
  overflow: hidden;
}
.paging__pager {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
  margin-top: -15px;
  margin-bottom: 0;
}
.paging__link {
  min-width: 34px;
  box-sizing: border-box;
  color: #7e8285;
  border-radius: 5px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  margin-left: 1px;
  margin-right: 1px;
  transition: background-color 0.3s ease;
}
.paging__link--selected {
  background-color: #f6f6f7;
  color: #16191b;
}
.paging__link i {
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  display: block;
}
a.paging__link {
  color: #00973c;
}
a.paging__link:active,
a.paging__link:hover {
  color: #16191b;
}
a.paging__link:hover {
  background-color: #f6f6f7;
}
@media (min-width: 1140px) {
  .paging {
    position: relative;
    text-align: right;
  }
  .paging__pager {
    position: relative;
    z-index: 2;
    display: inline-flex;
  }
  .paging__link {
    margin-left: -1px;
    margin-right: 0;
    border-radius: 0;
  }
  .paging__link:first-child {
    border-radius: 5px 0 0 5px;
  }
  .paging__link:last-child {
    border-radius: 0 5px 5px 0;
  }
}
.small-img-list {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.small-img-list > ul {
  width: 101%;
  letter-spacing: -0.28em;
  /* Webkit: collapse white-space between units */
  text-rendering: optimizespeed;
  /* Webkit: fixes text-rendering: optimizeLegibility */
}
.small-img-list > ul > li {
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}
.small-img-list > ul > li {
  box-sizing: border-box;
}
.small-img-list > ul > li {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.small-img-list > ul {
  margin: 0 -1% 0 0;
  text-align: left;
}
.small-img-list > ul > li {
  width: 33.03600925%;
}
ul.small-img-list__list {
  margin-top: -15px;
}
li.small-img-list__item {
  margin-top: 15px;
}
.small-img-list__link {
  display: block;
  border-radius: 5px;
  border: 1px solid #e9e9e9;
  padding: 9px;
  transition: border-color 0.3s ease;
}
.small-img-list__link:hover {
  border-color: #000000;
}
.small-img-list__box {
  margin: 0;
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
}
.small-img-list__box img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media (min-width: 590px) {
  .product-detail__cols {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .product-detail__cols {
    display: block;
  }
}
.product-detail__col-images {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 590px) {
  .product-detail__col-images {
    flex: 1 1 240px;
  }
}
@media (min-width: 1140px) {
  .product-detail__col-images {
    flex: 0 0 360px;
  }
}
.product-detail__col-info {
  margin-top: 40px;
}
@media (min-width: 590px) {
  .product-detail__col-info {
    flex: 0 0 260px;
    margin-left: 30px;
    margin-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .product-detail__col-info {
    margin-left: 0;
  }
}
@media (min-width: 1140px) {
  .product-detail__col-info {
    margin-left: 50px;
    flex: 1;
    margin-top: 20px;
  }
}
.product-detail__main-img {
  display: block;
  padding: 19px;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  transition: border-color 0.3s ease;
}
.product-detail__main-img:hover {
  border-color: #000000;
}
.product-detail__main-img-box {
  width: 100%;
  padding-top: 100%;
  height: 0;
  position: relative;
  margin: 0;
}
.product-detail__main-img-box img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.product-detail__small-img {
  margin-top: 20px;
}
.product-detail__buy {
  display: flex;
}
.product-detail__amount {
  flex: 0 0 65px;
}
.product-detail__button {
  flex: 1 1 100%;
}
.btn.product-detail__button-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  overflow: hidden;
}
@media (min-width: 1140px) {
  .btn.product-detail__button-btn {
    font-size: 17px;
  }
}
.product-detail__button-ico {
  font-size: 20px;
  margin-left: 10px;
}
.product-detail__price {
  margin-bottom: 10px;
}
.product-detail__price-val {
  font-size: 39px;
  font-weight: bold;
}
.product-detail__price-wat {
  font-size: 20px;
  font-weight: bold;
}
.basket-list {
  margin-bottom: 2.5em;
}
.basket-list th,
.basket-list td {
  vertical-align: middle;
  border: 1px solid #e9e9e9;
  text-transform: none;
}
.basket-list tr:nth-child(2n+1) td {
  background: #fff;
}
.basket-list th {
  font-size: 15px;
  background: #00973c;
  color: #fff;
  border: none;
  padding: 15px;
}
.basket-list td {
  font-size: 12px;
  border-width: 0 0 1px;
}
.basket-list .title {
  margin: 0 0 3px;
  font-weight: bold;
  font-size: 12px;
  color: #16191b;
  text-transform: none;
}
.basket-list .title a {
  color: #16191b;
}
.basket-list .title a:hover {
  color: #00973c;
}
.basket-list .btn-number {
  font-size: 10px;
}
.basket-list .btn-number span {
  border-radius: 3px;
  height: 30px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  background: #00973c;
  color: #fff;
  font-weight: bold;
  line-height: 25px;
}
.basket-list .amount .btn-number:last-child span {
  line-height: 31px;
}
.basket-list .amount .inp-text {
  width: 36px;
  padding-left: 2px;
  font-weight: bold;
  padding-right: 2px;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}
.basket-list .btn-reset {
  background: none;
  padding: 0;
}
.basket-list .btn-reset:hover {
  background: none;
}
.basket-list .price {
  font-weight: bold;
}
.basket-list .priceitem {
  font-weight: bold;
}
.basket-list .amount {
  white-space: nowrap;
}
.basket-list .img {
  text-align: center;
}
.basket-list .img img {
  width: auto;
  height: auto;
  max-width: 120px;
  max-height: 100px;
}
.basket-list .pricetotal {
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  color: #16191b;
}
@media (max-width: 959px) {
  .basket-list .img {
    flex-basis: 60px;
  }
  .basket-list .img img {
    max-width: 50px;
  }
  .basket-list td,
  .basket-list th {
    padding-left: 0;
    padding-right: 5px;
    box-sizing: border-box;
  }
  .basket-list td:last-child,
  .basket-list th:last-child {
    padding-right: 0;
  }
  .basket-list th {
    padding-left: 5px;
    font-size: 11px;
  }
  .basket-list th.remove {
    display: none;
  }
  .basket-list td {
    border: none;
  }
  .basket-list td.priceitem {
    align-self: flex-end;
    padding-bottom: 16px;
  }
  .basket-list td.price {
    align-self: flex-end;
    padding-bottom: 16px;
  }
  .basket-list td.amount {
    align-self: flex-end;
  }
  .basket-list td.remove {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    border: 1px solid #e9e9e9;
    border-top-width: 0;
  }
  .basket-list td.remove .btn-remove {
    padding: 30px 30px 0 0;
  }
  .basket-list td.remove .btn-remove:before {
    width: 30px;
    height: 30px;
    line-height: 37px;
    font-size: 30px;
  }
  .basket-list .name {
    flex: 1 1 100%;
  }
  .basket-list .priceitem {
    flex: 0 0 63px;
  }
  .basket-list .price {
    flex: 0 0 63px;
  }
  .basket-list .amount {
    flex: 0 0 96px;
  }
  .basket-list table,
  .basket-list tbody {
    display: block;
    width: 100%;
  }
  .basket-list tr {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .basket-list tr.tbodytr {
    min-height: 100px;
    border-bottom: 1px solid #d5d5d5;
  }
  .basket-list tr.theadtr {
    background: #00973c;
  }
  .basket-list td,
  .basket-list th {
    display: block;
  }
}
@media (max-width: 479px) {
  .basket-list td.priceitem {
    font-size: 11px;
  }
  .basket-list td.price {
    font-size: 11px;
  }
  .basket-list .name {
    flex: 1 1 100%;
  }
  .basket-list .priceitem {
    flex: 0 0 50px;
  }
  .basket-list .price {
    flex: 0 0 50px;
  }
  .basket-list .amount {
    flex: 0 0 82px;
  }
}
@media (min-width: 960px) {
  .basket-list th {
    white-space: nowrap;
  }
}
.btn-remove {
  height: 0;
  width: 0;
  padding: 30px 30px 0 0;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.btn-remove:before {
  content: "\00d7";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 33px;
  font-size: 30px;
  font-weight: bold;
}
.transport-list input[type="radio"],
.address-list input[type="radio"],
.delivery-address-list input[type="radio"] {
  margin: -4px 10px 0 0;
}
@media (max-width: 959px) {
  .transport-list li {
    margin-bottom: 5px;
    background: #f6f6f7;
    border-radius: 3px;
    padding: 5px;
  }
}
.checkbox-list input[type="checkbox"] {
  margin: -2px 2px 0 0;
}
.checkbox-list li:first-child {
  margin-bottom: 8px;
}
.footer {
  background-color: #2b2e30;
  position: relative;
  z-index: 1;
  border-top: 1px solid #16191b;
}
.footer__row {
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer__col {
  margin-top: 40px;
}
.footer__col:first-child {
  margin-top: 0;
}
.footer__gray-list {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  -webkit-column-rule: 0 solid transparent;
  -moz-column-rule: 0 solid transparent;
  column-rule: 0 solid transparent;
  /* zabrání zalomení sloupce uvnitř li */
}
.footer__gray-list a {
  color: #a1a6a8;
}
.footer__gray-list a:active,
.footer__gray-list a:hover {
  color: #ff5f08;
}
.footer__gray-list li {
  -webkit-column-break-inside: avoid;
  /* spec + prefixes */
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  break-inside: avoid-column;
  /* spec, IE 11 */
  page-break-inside: avoid;
  /* FF */
}
.ie8 .footer__gray-list,
.ie9 .footer__gray-list {
  margin-right: -30px;
  overflow: hidden;
}
.ie8 .footer__gray-list:before,
.ie9 .footer__gray-list:before,
.ie8 .footer__gray-list:after,
.ie9 .footer__gray-list:after {
  content: " ";
  display: table;
}
.ie8 .footer__gray-list:after,
.ie9 .footer__gray-list:after {
  clear: both;
}
.ie8 .footer__gray-list:before,
.ie9 .footer__gray-list:before,
.ie8 .footer__gray-list:after,
.ie9 .footer__gray-list:after {
  content: " ";
  display: table;
}
.ie8 .footer__gray-list:after,
.ie9 .footer__gray-list:after {
  clear: both;
}
.ie8 .footer__gray-list li,
.ie9 .footer__gray-list li {
  float: left;
  width: 50%;
  padding-right: 30px;
  border-left: 0 solid transparent;
  box-sizing: border-box;
}
.footer__gray-list li:before {
  background-color: #7e8285;
}
@media (max-width: 959px) {
  .footer__col {
    text-align: center;
  }
  .footer__gray-list {
    max-width: 320px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 960px) {
  .footer__row {
    display: flex;
    flex-flow: row;
  }
  .footer__col {
    flex: 0 0 33.33333333%;
    box-sizing: border-box;
    margin-top: 0;
  }
  .footer__col--share {
    text-align: right;
    padding-left: 40px;
  }
  .footer__col--center {
    padding-left: 40px;
  }
}
@media (min-width: 1140px) {
  .footer__row {
    padding-top: 85px;
    padding-bottom: 110px;
  }
}
.copy {
  text-align: center;
  border-top: 1px solid #36393b;
  color: #a1a6a8;
}
.copy a {
  color: #a1a6a8;
}
.copy a:active,
.copy a:hover {
  color: #ff5f08;
}
.copy .copy__in-box {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
/* NAVIGATION SKIP */
.nav-skip {
  height: 0;
  margin: 0;
}
.nav-skip a {
  position: absolute;
  left: -2000px;
  top: auto;
}
.nav-skip a:focus,
.nav-skip .nav-skip a:active {
  position: absolute;
  left: 0;
  width: 250px;
  background: #fff;
  padding: 0 0 5px;
  z-index: 99;
}
/* LAYOUT */
.outer-wrap {
  position: relative;
}
.main {
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.main:before,
.main:after {
  content: " ";
  display: table;
}
.main:after {
  clear: both;
}
.main:before,
.main:after {
  content: " ";
  display: table;
}
.main:after {
  clear: both;
}
@media (min-width: 1140px) {
  .main {
    margin-top: 130px;
    transition: margin-top 1s ease-in-out;
  }
  .hp .main {
    margin-top: 500px;
  }
  .main--move {
    margin-top: 500px;
  }
}
.in-box {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  box-sizing: border-box;
}
.in-box.in-box--no-padding {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 810px) {
  .in-box {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1140px) {
  .in-box {
    padding-left: 55px;
    padding-right: 55px;
  }
}
form,
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  border-radius: 0;
}
input[type="submit"]:focus {
  outline: none;
}
input[type="search"] {
  -webkit-appearance: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
textarea {
  resize: vertical;
  vertical-align: top;
}
input[type="number"] {
  -moz-appearance: textfield;
}
select.inp-text,
select.inp-text option {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-overflow: ellipsis;
}
select.inp-text::-ms-expand,
select.inp-text option::-ms-expand {
  display: none;
}
select.inp-text:-moz-focusring,
select.inp-text option:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #7e8285;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #bbb;
  opacity: 1;
  transition: opacity 0.3s ease 0s;
  font-weight: 300;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #bbb;
  opacity: 1;
  transition: opacity 0.3s ease 0s;
  font-weight: 300;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #bbb;
  opacity: 1;
  transition: opacity 0.3s ease 0s;
  font-weight: 300;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #bbb;
  opacity: 1;
  transition: opacity 0.3s ease 0s;
  font-weight: 300;
}
.js .hide-label input::-webkit-input-placeholder,
.js .hide-label textarea::-webkit-input-placeholder {
  color: #7e8285;
}
.js .hide-label input::-moz-placeholder,
.js .hide-label textarea::-moz-placeholder {
  color: #7e8285;
}
.js .hide-label input:-moz-placeholder,
.js .hide-label textarea:-moz-placeholder {
  color: #7e8285;
}
.js .hide-label input:-ms-input-placeholder,
.js .hide-label textarea:-ms-input-placeholder {
  color: #7e8285;
}
.js .hide-label input:focus::-webkit-input-placeholder,
.js .hide-label textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}
.js .hide-label input:focus::-moz-placeholder,
.js .hide-label textarea:focus::-moz-placeholder {
  opacity: 0;
}
.js .hide-label input:focus:-moz-placeholder,
.js .hide-label textarea:focus:-moz-placeholder {
  opacity: 0;
}
.js .hide-label input:focus:-ms-input-placeholder,
.js .hide-label textarea:focus:-ms-input-placeholder {
  opacity: 0;
}
.btn {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 43px;
  padding: 0 10px;
  cursor: pointer;
  border-radius: 5px;
  box-sizing: border-box;
  background: #00973c;
  border: none;
  font: normal bold 15px/43px 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-align: center;
  color: #fff;
  vertical-align: top;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.btn:hover,
.btn:focus,
.btn:active {
  outline: none;
  background-color: #006d35;
  text-decoration: none;
  color: #fff;
}
.btn br {
  display: none;
}
.btn span {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
  line-height: 19px;
  overflow: hidden;
  margin-top: -4px;
  max-height: 38px;
}
@media (min-width: 480px) {
  .btn {
    padding: 0 20px;
  }
}
.btn a {
  color: #fff;
}
.btn a:active,
.btn a:hover {
  color: #fff;
}
/* Barvy */
.btn--black {
  background-color: #16191b;
}
.btn--black:hover,
.btn--black:focus,
.btn--black:active {
  background-color: #7e8285;
}
.btn--orange {
  background-color: #ff5f08;
}
.btn--orange:hover,
.btn--orange:focus,
.btn--orange:active {
  background-color: #c55508;
}
.btn--red {
  background-color: #ff0808;
}
.btn--red:hover,
.btn--red:focus,
.btn--red:active {
  background-color: #ba2727;
}
/* icon */
.btn--ico-after {
  position: relative;
  padding-right: 35px;
}
.btn--ico-after:before {
  position: absolute;
  top: 50%;
  font-size: 18px;
  margin-top: -8px;
  right: 10px;
}
@media (min-width: 480px) {
  .btn--ico-after {
    padding-right: 45px;
  }
  .btn--ico-after:before {
    right: 20px;
  }
}
.btn--pdf {
  background-color: #e9e9e9;
  position: relative;
  padding-left: 60px;
  font-weight: normal;
  color: #00973c;
}
.btn--pdf:hover,
.btn--pdf:focus,
.btn--pdf:active {
  background-color: #f6f6f7;
  color: #16191b;
}
.btn--pdf:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  font-family: "kooplast" !important;
  line-height: 1;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 43px;
  height: 43px;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ff5f08;
  font-size: 18px;
  content: "\72";
  text-align: center;
  line-height: 43px;
  border-radius: 5px 0 0 5px;
}
.btn--pdf span {
  text-decoration: underline;
}
/* Rozměry */
.btn--full-width {
  width: 100%;
}
/* PLACEHOLDER */
/* INPUT */
.inp-text {
  transition: border-color 0.3s ease;
  display: inline-block;
  width: 100%;
  height: 43px;
  border-radius: 5px;
  padding: 6px 10px;
  margin: 0;
  background: #f6f6f7;
  background-clip: padding-box;
  border: 1px solid #e9e9e9;
  outline: none;
  font-size: 15px;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: #16191b;
  line-height: 29px;
  vertical-align: top;
  box-shadow: inset 5px 5px 15px rgba(0, 0, 0, 0.05);
}
.inp-text,
input[type="search"].inp-text {
  box-sizing: border-box;
}
.inp-text:focus {
  border-color: #00973c;
  outline: none;
}
select.inp-text {
  padding-right: 43px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAUCAMAAADrw95cAAAAVFBMVEUAAAAVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQVRzQdz/HFAAAAG3RSTlMA9emqWirMupyLfUlE+8C1koN0a2dTPTczHwu5WzDUAAAAsUlEQVQ4y53RWQ6EIBRE0XJEBedZ9r/PtoKJ6bTQ4PnQR+BqooAUB6wOIWGlIp3DKteRcmxq3cCi0drx4Cw+twUeiXMrzmC1s23xoGW5c3K+N8GPxP1O00Zsn8qIpdPGtsCXguWGv9b6bu+yXuFh0afuXndcL/CieLbEpeRKwZPk6d7MPWcJbzPPV5wqTjMCpCwGYOA9BYLb1FwRaNKXCcFGU454oTLf6pWSf/elJIGnD6AeD0nXNqBGAAAAAElFTkSuQmCC') 100% 53% no-repeat;
  background-size: 29px 10px;
}
select.inp-text option:checked {
  background: none !important;
  color: #7e8285 !important;
}
textarea.inp-text {
  display: block;
  height: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 100px;
  max-width: none;
}
.error .inp-text {
  border-color: #ff0808;
  box-shadow: inset 5px 5px 15px rgba(225, 55, 40, 0.2);
}
.info .inp-text {
  border-color: #f6f185;
}
.with-checkbox {
  position: relative;
  margin: 0;
  padding: 0 0 0 20px;
  display: inline-block;
  vertical-align: top;
}
.with-checkbox input {
  position: absolute;
  top: 0.35em;
  left: 0;
  margin: 0;
}
.inp-number-compact {
  position: relative;
  padding-right: 23px;
  display: block;
  width: 65px;
  box-sizing: border-box;
}
.inp-number-compact .inp-text {
  width: 42px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  text-align: center;
}
.inp-number-compact .btn-number {
  width: 23px;
  height: 50%;
  position: absolute;
  line-height: 1;
  border-radius: 0;
  padding: 0;
  right: 0;
}
.inp-number-compact .btn-number--minus {
  bottom: 0;
}
.inp-number-compact .btn-number--plus {
  top: 0;
}
/* MESSAGES */
.message {
  padding: 13px 10px;
  background: #fff;
  color: #7e8285;
  text-align: left;
  position: relative;
  font-weight: bold;
  border-radius: 5px;
}
.message.message--error {
  color: #fff;
  background: #ff0808;
}
.message.message--ok {
  background: #00973c;
  color: #fff;
}
.message.message--info {
  background: #f6f185;
  color: #16191b;
}
@media (min-width: 960px) {
  .message {
    padding: 13px 20px;
  }
}
/* FORM */
.form p {
  margin-bottom: 15px;
}
.form p.reset {
  margin-bottom: 0;
}
label,
.label {
  font-weight: bold;
  cursor: pointer;
  color: #16191b;
}
.js .hide-label label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* INPUT ERRORS / NOTES / HELP */
.error label {
  color: #ff0808;
}
/* MISC */
.req {
  font-size: 93.33333333%;
}
.req:last-child {
  margin-bottom: 0;
}
@media (min-width: 480px) {
  textarea.inp-text.contact-form__text {
    min-height: 245px;
  }
}
@media (min-width: 768px) {
  textarea.inp-text.contact-form__text {
    height: 125px;
    min-height: auto;
  }
}
/* AJAX */
.ajax-wrap,
.ajax-spinner {
  position: relative;
}
.ajax-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 50;
  opacity: .6;
}
.ajax-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  z-index: 51;
  border-radius: 50%;
}
