/* Start:/local/templates/.default/vendor/css/normalize/normalize.css?16969296727719*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

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

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

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

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

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

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

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

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

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

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

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

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

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

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

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

template {
  display: none;
}

/* Hidden
   ========================================================================== */

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

[hidden] {
  display: none;
}

/* End */


/* Start:/local/templates/.default/vendor/js/slick/slick.css?16974445141776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/main/css/styles-1696935308.css?1697444128133223*/
@keyframes rotate360 {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.bx-context-toolbar-empty-area {
    min-width: 12px;
    min-height: 12px
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/regular/RobotoRegular.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/regular/RobotoRegular.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/regular/RobotoRegular.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/regular/RobotoRegular.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/regular/RobotoRegular.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/regular/RobotoRegular.svg#RobotoRegular") format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/regular-italic/RobotoItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/regular-italic/RobotoItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/regular-italic/RobotoItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/regular-italic/RobotoItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/regular-italic/RobotoItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/regular-italic/RobotoItalic.svg#RobotoItalic") format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/bold/RobotoBold.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/bold/RobotoBold.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/bold/RobotoBold.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/bold/RobotoBold.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/bold/RobotoBold.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/bold/RobotoBold.svg#RobotoBold") format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/bold-italic/RobotoBoldItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/bold-italic/RobotoBoldItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/bold-italic/RobotoBoldItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/bold-italic/RobotoBoldItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/bold-italic/RobotoBoldItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/bold-italic/RobotoBoldItalic.svg#RobotoBoldItalic") format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/thin/RobotoThin.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/thin/RobotoThin.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/thin/RobotoThin.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/thin/RobotoThin.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/thin/RobotoThin.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/thin/RobotoThin.svg#RobotoThin") format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/thin-italic/RobotoThinItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/thin-italic/RobotoThinItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/thin-italic/RobotoThinItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/thin-italic/RobotoThinItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/thin-italic/RobotoThinItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/thin-italic/RobotoThinItalic.svg#RobotoThinItalic") format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/light/RobotoLight.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/light/RobotoLight.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/light/RobotoLight.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/light/RobotoLight.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/light/RobotoLight.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/light/RobotoLight.svg#RobotoLight") format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/light-italic/RobotoLightItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/light-italic/RobotoLightItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/light-italic/RobotoLightItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/light-italic/RobotoLightItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/light-italic/RobotoLightItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/light-italic/RobotoLightItalic.svg#RobotoLightItalic") format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/medium/RobotoMedium.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/medium/RobotoMedium.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/medium/RobotoMedium.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/medium/RobotoMedium.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/medium/RobotoMedium.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/medium/RobotoMedium.svg#RobotoMedium") format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/medium-italic/RobotoMediumItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/medium-italic/RobotoMediumItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/medium-italic/RobotoMediumItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/medium-italic/RobotoMediumItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/medium-italic/RobotoMediumItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/medium-italic/RobotoMediumItalic.svg#RobotoMediumItalic") format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/black/RobotoBlack.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/black/RobotoBlack.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/black/RobotoBlack.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/black/RobotoBlack.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/black/RobotoBlack.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/black/RobotoBlack.svg#RobotoBlack") format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/black-italic/RobotoBlackItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/black-italic/RobotoBlackItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/black-italic/RobotoBlackItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/black-italic/RobotoBlackItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/black-italic/RobotoBlackItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/black-italic/RobotoBlackItalic.svg#RobotoBlackItalic") format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/regular/Exo2Regular.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/regular/Exo2Regular.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/regular/Exo2Regular.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/regular/Exo2Regular.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/regular/Exo2Regular.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/regular/Exo2Regular.svg#Exo2Regular") format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/regular-italic/Exo2Italic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/regular-italic/Exo2Italic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/regular-italic/Exo2Italic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/regular-italic/Exo2Italic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/regular-italic/Exo2Italic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/regular-italic/Exo2Italic.svg#Exo2Italic") format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/bold/Exo2Bold.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/bold/Exo2Bold.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/bold/Exo2Bold.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/bold/Exo2Bold.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/bold/Exo2Bold.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/bold/Exo2Bold.svg#Exo2Bold") format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/bold-italic/Exo2BoldItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/bold-italic/Exo2BoldItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/bold-italic/Exo2BoldItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/bold-italic/Exo2BoldItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/bold-italic/Exo2BoldItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/bold-italic/Exo2BoldItalic.svg#Exo2BoldItalic") format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/thin/Exo2Thin.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/thin/Exo2Thin.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/thin/Exo2Thin.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/thin/Exo2Thin.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/thin/Exo2Thin.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/thin/Exo2Thin.svg#Exo2Thin") format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/thin-italic/Exo2ThinItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/thin-italic/Exo2ThinItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/thin-italic/Exo2ThinItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/thin-italic/Exo2ThinItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/thin-italic/Exo2ThinItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/thin-italic/Exo2ThinItalic.svg#Exo2ThinItalic") format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extralight/Exo2ExtraLight.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extralight/Exo2ExtraLight.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight/Exo2ExtraLight.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight/Exo2ExtraLight.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight/Exo2ExtraLight.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight/Exo2ExtraLight.svg#Exo2ExtraLight") format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extralight-italic/Exo2ExtraLightItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extralight-italic/Exo2ExtraLightItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight-italic/Exo2ExtraLightItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight-italic/Exo2ExtraLightItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight-italic/Exo2ExtraLightItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight-italic/Exo2ExtraLightItalic.svg#Exo2ExtraLightItalic") format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/light/Exo2Light.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/light/Exo2Light.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/light/Exo2Light.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/light/Exo2Light.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/light/Exo2Light.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/light/Exo2Light.svg#Exo2Light") format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/light-italic/Exo2LightItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/light-italic/Exo2LightItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/light-italic/Exo2LightItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/light-italic/Exo2LightItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/light-italic/Exo2LightItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/light-italic/Exo2LightItalic.svg#Exo2LightItalic") format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/medium/Exo2Medium.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/medium/Exo2Medium.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/medium/Exo2Medium.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/medium/Exo2Medium.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/medium/Exo2Medium.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/medium/Exo2Medium.svg#Exo2Medium") format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/medium-italic/Exo2Mediumitalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/medium-italic/Exo2Mediumitalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/medium-italic/Exo2Mediumitalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/medium-italic/Exo2Mediumitalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/medium-italic/Exo2Mediumitalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/medium-italic/Exo2Mediumitalic.svg#Exo2Mediumitalic") format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/semibold/Exo2SemiBold.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/semibold/Exo2SemiBold.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold/Exo2SemiBold.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold/Exo2SemiBold.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold/Exo2SemiBold.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold/Exo2SemiBold.svg#Exo2SemiBold") format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/semibold-italic/Exo2SemiBoldItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/semibold-italic/Exo2SemiBoldItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold-italic/Exo2SemiBoldItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold-italic/Exo2SemiBoldItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold-italic/Exo2SemiBoldItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold-italic/Exo2SemiBoldItalic.svg#Exo2SemiBoldItalic") format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extrabold/Exo2ExtraBold.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extrabold/Exo2ExtraBold.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold/Exo2ExtraBold.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold/Exo2ExtraBold.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold/Exo2ExtraBold.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold/Exo2ExtraBold.svg#Exo2ExtraBold") format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extrabold-italic/Exo2ExtraBoldItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extrabold-italic/Exo2ExtraBoldItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold-italic/Exo2ExtraBoldItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold-italic/Exo2ExtraBoldItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold-italic/Exo2ExtraBoldItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold-italic/Exo2ExtraBoldItalic.svg#Exo2ExtraBoldItalic") format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/black/Exo2Black.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/black/Exo2Black.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/black/Exo2Black.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/black/Exo2Black.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/black/Exo2Black.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/black/Exo2Black.svg#Exo2Black") format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/black-italic/Exo2BlackItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/black-italic/Exo2BlackItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/black-italic/Exo2BlackItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/black-italic/Exo2BlackItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/black-italic/Exo2BlackItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/black-italic/Exo2BlackItalic.svg#Exo2BlackItalic") format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/regular/RobotoRegular.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/regular/RobotoRegular.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/regular/RobotoRegular.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/regular/RobotoRegular.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/regular/RobotoRegular.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/regular/RobotoRegular.svg#RobotoRegular") format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/regular-italic/RobotoItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/regular-italic/RobotoItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/regular-italic/RobotoItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/regular-italic/RobotoItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/regular-italic/RobotoItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/regular-italic/RobotoItalic.svg#RobotoItalic") format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/bold/RobotoBold.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/bold/RobotoBold.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/bold/RobotoBold.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/bold/RobotoBold.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/bold/RobotoBold.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/bold/RobotoBold.svg#RobotoBold") format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/bold-italic/RobotoBoldItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/bold-italic/RobotoBoldItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/bold-italic/RobotoBoldItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/bold-italic/RobotoBoldItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/bold-italic/RobotoBoldItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/bold-italic/RobotoBoldItalic.svg#RobotoBoldItalic") format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/thin/RobotoThin.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/thin/RobotoThin.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/thin/RobotoThin.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/thin/RobotoThin.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/thin/RobotoThin.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/thin/RobotoThin.svg#RobotoThin") format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/thin-italic/RobotoThinItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/thin-italic/RobotoThinItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/thin-italic/RobotoThinItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/thin-italic/RobotoThinItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/thin-italic/RobotoThinItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/thin-italic/RobotoThinItalic.svg#RobotoThinItalic") format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/light/RobotoLight.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/light/RobotoLight.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/light/RobotoLight.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/light/RobotoLight.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/light/RobotoLight.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/light/RobotoLight.svg#RobotoLight") format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/light-italic/RobotoLightItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/light-italic/RobotoLightItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/light-italic/RobotoLightItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/light-italic/RobotoLightItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/light-italic/RobotoLightItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/light-italic/RobotoLightItalic.svg#RobotoLightItalic") format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/medium/RobotoMedium.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/medium/RobotoMedium.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/medium/RobotoMedium.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/medium/RobotoMedium.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/medium/RobotoMedium.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/medium/RobotoMedium.svg#RobotoMedium") format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/medium-italic/RobotoMediumItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/medium-italic/RobotoMediumItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/medium-italic/RobotoMediumItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/medium-italic/RobotoMediumItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/medium-italic/RobotoMediumItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/medium-italic/RobotoMediumItalic.svg#RobotoMediumItalic") format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/black/RobotoBlack.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/black/RobotoBlack.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/black/RobotoBlack.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/black/RobotoBlack.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/black/RobotoBlack.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/black/RobotoBlack.svg#RobotoBlack") format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/main/css/../../.default/fonts/roboto/black-italic/RobotoBlackItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/roboto/black-italic/RobotoBlackItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/roboto/black-italic/RobotoBlackItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/roboto/black-italic/RobotoBlackItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/roboto/black-italic/RobotoBlackItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/roboto/black-italic/RobotoBlackItalic.svg#RobotoBlackItalic") format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/regular/Exo2Regular.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/regular/Exo2Regular.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/regular/Exo2Regular.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/regular/Exo2Regular.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/regular/Exo2Regular.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/regular/Exo2Regular.svg#Exo2Regular") format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/regular-italic/Exo2Italic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/regular-italic/Exo2Italic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/regular-italic/Exo2Italic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/regular-italic/Exo2Italic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/regular-italic/Exo2Italic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/regular-italic/Exo2Italic.svg#Exo2Italic") format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/bold/Exo2Bold.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/bold/Exo2Bold.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/bold/Exo2Bold.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/bold/Exo2Bold.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/bold/Exo2Bold.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/bold/Exo2Bold.svg#Exo2Bold") format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/bold-italic/Exo2BoldItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/bold-italic/Exo2BoldItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/bold-italic/Exo2BoldItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/bold-italic/Exo2BoldItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/bold-italic/Exo2BoldItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/bold-italic/Exo2BoldItalic.svg#Exo2BoldItalic") format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/thin/Exo2Thin.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/thin/Exo2Thin.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/thin/Exo2Thin.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/thin/Exo2Thin.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/thin/Exo2Thin.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/thin/Exo2Thin.svg#Exo2Thin") format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/thin-italic/Exo2ThinItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/thin-italic/Exo2ThinItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/thin-italic/Exo2ThinItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/thin-italic/Exo2ThinItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/thin-italic/Exo2ThinItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/thin-italic/Exo2ThinItalic.svg#Exo2ThinItalic") format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extralight/Exo2ExtraLight.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extralight/Exo2ExtraLight.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight/Exo2ExtraLight.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight/Exo2ExtraLight.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight/Exo2ExtraLight.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight/Exo2ExtraLight.svg#Exo2ExtraLight") format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extralight-italic/Exo2ExtraLightItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extralight-italic/Exo2ExtraLightItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight-italic/Exo2ExtraLightItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight-italic/Exo2ExtraLightItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight-italic/Exo2ExtraLightItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/extralight-italic/Exo2ExtraLightItalic.svg#Exo2ExtraLightItalic") format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/light/Exo2Light.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/light/Exo2Light.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/light/Exo2Light.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/light/Exo2Light.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/light/Exo2Light.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/light/Exo2Light.svg#Exo2Light") format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/light-italic/Exo2LightItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/light-italic/Exo2LightItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/light-italic/Exo2LightItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/light-italic/Exo2LightItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/light-italic/Exo2LightItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/light-italic/Exo2LightItalic.svg#Exo2LightItalic") format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/medium/Exo2Medium.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/medium/Exo2Medium.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/medium/Exo2Medium.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/medium/Exo2Medium.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/medium/Exo2Medium.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/medium/Exo2Medium.svg#Exo2Medium") format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/medium-italic/Exo2Mediumitalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/medium-italic/Exo2Mediumitalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/medium-italic/Exo2Mediumitalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/medium-italic/Exo2Mediumitalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/medium-italic/Exo2Mediumitalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/medium-italic/Exo2Mediumitalic.svg#Exo2Mediumitalic") format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/semibold/Exo2SemiBold.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/semibold/Exo2SemiBold.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold/Exo2SemiBold.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold/Exo2SemiBold.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold/Exo2SemiBold.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold/Exo2SemiBold.svg#Exo2SemiBold") format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/semibold-italic/Exo2SemiBoldItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/semibold-italic/Exo2SemiBoldItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold-italic/Exo2SemiBoldItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold-italic/Exo2SemiBoldItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold-italic/Exo2SemiBoldItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/semibold-italic/Exo2SemiBoldItalic.svg#Exo2SemiBoldItalic") format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extrabold/Exo2ExtraBold.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extrabold/Exo2ExtraBold.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold/Exo2ExtraBold.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold/Exo2ExtraBold.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold/Exo2ExtraBold.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold/Exo2ExtraBold.svg#Exo2ExtraBold") format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extrabold-italic/Exo2ExtraBoldItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/extrabold-italic/Exo2ExtraBoldItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold-italic/Exo2ExtraBoldItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold-italic/Exo2ExtraBoldItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold-italic/Exo2ExtraBoldItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/extrabold-italic/Exo2ExtraBoldItalic.svg#Exo2ExtraBoldItalic") format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/black/Exo2Black.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/black/Exo2Black.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/black/Exo2Black.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/black/Exo2Black.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/black/Exo2Black.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/black/Exo2Black.svg#Exo2Black") format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Exo2";
    src: url("/local/templates/main/css/../../.default/fonts/exo2/black-italic/Exo2BlackItalic.eot");
    src: url("/local/templates/main/css/../../.default/fonts/exo2/black-italic/Exo2BlackItalic.eot") format('embedded-opentype'), url("/local/templates/main/css/../../.default/fonts/exo2/black-italic/Exo2BlackItalic.woff2") format('woff2'), url("/local/templates/main/css/../../.default/fonts/exo2/black-italic/Exo2BlackItalic.woff") format('woff'), url("/local/templates/main/css/../../.default/fonts/exo2/black-italic/Exo2BlackItalic.ttf") format('truetype'), url("/local/templates/main/css/../../.default/fonts/exo2/black-italic/Exo2BlackItalic.svg#Exo2BlackItalic") format('svg');
    font-weight: 900;
    font-style: italic;
}

label, input, textarea, select, .component\:container\.page > .content {
    font-family: 'Roboto', 'Arial', 'sans-serif';
    font-weight: 400;
    font-style: normal
}

.styler.jq-number > .jq-number__spin, .component\:container\.page-section > .content .component.component\:production\.tags\@front > .header, .component\:slider\@news-feed-front > .content > .slides > .list .item > .content > .title, .component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .price {
    font-family: 'Roboto', 'Arial', 'sans-serif';
    font-weight: 700;
    font-style: normal
}

.button, .component\:slider\@news-feed-front > .content > .slides > .list .item > .content > .link, .component\:production\.categories\.list\@default > .content > .list > .item > .content > .link, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content > .link, .component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .image-link > .link, .component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .title, .component\:company\.contacts\@page > .content, .component\:personal\.cart\@mini > .content {
    font-family: 'Roboto', 'Arial', 'sans-serif';
    font-weight: 500;
    font-style: normal
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .title > .counter {
    font-family: 'Exo2', 'Arial', 'sans-serif';
    font-weight: 400;
    font-style: normal
}

h1, h2, h3, h4, h5, h6, .component\:container\.page-section > .content .component > .header, .component\:http-error\@default > .content b, .component\:production\.categories\.list\@default > .content > .list > .item > .content > .title, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content > .title, .component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .title, .component\:company\.stuff\.list\@managers-contacts > .content > .list > .item > .content > .title {
    font-family: 'Exo2', 'Arial', 'sans-serif';
    font-weight: 600;
    font-style: normal
}

label, input, textarea, select, .component\:container\.page > .content {
    font-family: 'Roboto', 'Arial', 'sans-serif';
    font-weight: 400;
    font-style: normal
}

.styler.jq-number > .jq-number__spin, .component\:container\.page-section > .content .component.component\:production\.tags\@front > .header, .component\:slider\@news-feed-front > .content > .slides > .list .item > .content > .title, .component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .price {
    font-family: 'Roboto', 'Arial', 'sans-serif';
    font-weight: 700;
    font-style: normal
}

.button, .component\:slider\@news-feed-front > .content > .slides > .list .item > .content > .link, .component\:production\.categories\.list\@default > .content > .list > .item > .content > .link, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content > .link, .component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .image-link > .link, .component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .title, .component\:company\.contacts\@page > .content, .component\:personal\.cart\@mini > .content {
    font-family: 'Roboto', 'Arial', 'sans-serif';
    font-weight: 500;
    font-style: normal
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .title > .counter {
    font-family: 'Exo2', 'Arial', 'sans-serif';
    font-weight: 400;
    font-style: normal
}

h1, h2, h3, h4, h5, h6, .component\:container\.page-section > .content .component > .header, .component\:http-error\@default > .content b, .component\:production\.categories\.list\@default > .content > .list > .item > .content > .title, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content > .title, .component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .title, .component\:company\.stuff\.list\@managers-contacts > .content > .list > .item > .content > .title {
    font-family: 'Exo2', 'Arial', 'sans-serif';
    font-weight: 600;
    font-style: normal
}

.component\:pager\@mini > .content > .list > .item\@next > .content, .component\:slider\@news-feed-front > .content > .slides > .list.slick-slider .slick-arrow.slick-next, .component\:pager\@mini > .content > .list > .item\@prev > .content, .component\:slider\@news-feed-front > .content > .slides > .list.slick-slider .slick-arrow.slick-prev {
    box-sizing: content-box !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: transparent url("/local/templates/main/css/../images/sprites/slider-controls.png") no-repeat 0 0 !important
}

.component\:pager\@mini > .content > .list > .item\@next > .content, .component\:slider\@news-feed-front > .content > .slides > .list.slick-slider .slick-arrow.slick-next {
    padding: 20px 0 0 13px !important;
    background-position: 0px 0px !important
}

.component\:pager\@mini > .content > .list > .item\@prev > .content, .component\:slider\@news-feed-front > .content > .slides > .list.slick-slider .slick-arrow.slick-prev {
    padding: 20px 0 0 13px !important;
    background-position: -21px 0px !important
}

.component\:slider\@news-feed-front > .content > .slides > .list .item > .content > .link:hover:before, .component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .image-link > .link:before, .component\:slider\@news-feed-front > .content > .slides > .list .item > .content > .link:before, .component\:production\.categories\.list\@default > .content > .list > .item > .content > .link:before, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content > .link:before, .component\:production\.categories\.list\@default > .content > .list > .item > .content:hover > .link:before, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content:hover > .link:before, .component\:personal\.cart\@mini > .header:before, .component\:personal\.cart\@mini > .header, .component\:company\.contacts\@page > .content .icon\@clock, .component\:company\.contacts\@page > .content .icon\@geolocation, .component\:company\.contacts\@page > .content .icon\@mail, .component\:container\.groupping\@mobile-popup > .header .trigger, .component\:company\.contacts\@page > .content .icon\@phone, .component\:form\@SEARCH_MINI > .content > .actions > .action\@SUBMIT input, .component\:form\@SEARCH_MINI > .content > .actions > .action\@SUBMIT button {
    box-sizing: content-box !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: transparent url("/local/templates/main/css/../images/sprites/icons.png") no-repeat 0 0 !important
}

.component\:slider\@news-feed-front > .content > .slides > .list .item > .content > .link:hover:before, .component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .image-link > .link:before {
    padding: 12px 0 0 17px !important;
    background-position: 0px 0px !important
}

.component\:slider\@news-feed-front > .content > .slides > .list .item > .content > .link:before, .component\:production\.categories\.list\@default > .content > .list > .item > .content > .link:before, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content > .link:before {
    padding: 12px 0 0 17px !important;
    background-position: -25px 0px !important
}

.component\:production\.categories\.list\@default > .content > .list > .item > .content:hover > .link:before, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content:hover > .link:before {
    padding: 12px 0 0 17px !important;
    background-position: -50px 0px !important
}

.component\:personal\.cart\@mini > .header:before, .component\:personal\.cart\@mini > .header {
    padding: 19px 0 0 21px !important;
    background-position: -75px 0px !important
}

.component\:company\.contacts\@page > .content .icon\@clock {
    padding: 30px 0 0 30px !important;
    background-position: -104px 0px !important
}

.component\:company\.contacts\@page > .content .icon\@geolocation {
    padding: 36px 0 0 27px !important;
    background-position: -142px 0px !important
}

.component\:company\.contacts\@page > .content .icon\@mail {
    padding: 19px 0 0 30px !important;
    background-position: -177px 0px !important
}

.component\:container\.groupping\@mobile-popup > .header .trigger {
    padding: 48px 0 0 48px !important;
    background-position: -215px 0px !important
}

.component\:container\.groupping\@mobile-popup\.active > .header .trigger {
    padding: 48px 0 0 48px !important;
    background: url("/local/templates/main/css/../images/sprites/close.png") !important
}

.component\:company\.contacts\@page > .content .icon\@phone {
    padding: 29px 0 0 29px !important;
    background-position: -271px 0px !important
}

.component\:form\@SEARCH_MINI > .content > .actions > .action\@SUBMIT input, .component\:form\@SEARCH_MINI > .content > .actions > .action\@SUBMIT button {
    padding: 24px 0 0 24px !important;
    background-position: -308px 0px !important
}

html {
    font-size: 10px
}

html body {
    margin: 0 !important;
    padding: 0
}

html body.stop-scroll {
    overflow: hidden
}

img {
    width: 100%
}

::selection {
    background: rgba(44, 121, 181, 0.5)
}

* {
    cursor: default;
    outline: none;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box
}

p {
    margin: 0 0 1em
}

* > p:last-child {
    margin-bottom: 0
}

h1, h2, h3, h4, h5, h6 {
    display: block;
    margin: 0;
    padding: 0
}

a {
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    color: #2c79b5;
    transition: color 0.25s ease-in-out
}

a:hover {
    color: #d40931
}

a * {
    cursor: pointer;
    color: inherit
}

img {
    max-width: 100%
}

img[height] {
    height: auto !important
}

input, textarea {
    cursor: text;
    line-height: inherit
}

input[type='radio'], input[type='checkbox'], input[type='range'], input[type='file'], input[type='button'], input[type='submit'], input[type='reset'], button {
    cursor: pointer
}

.button {
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0.64em 1em;
    line-height: inherit;
    text-transform: uppercase;
    color: inherit !important;
    border: none;
    background: none;
    opacity: 1;
    transition: opacity 0.25s ease-in-out
}

.button:hover, .button:active {
    opacity: 0.8
}

.button\@large {
    padding: 1.25em 2em
}

.button\@default {
    color: #fff !important;
    background: #2c79b5
}

.button\@transparent {
    background: transparent;
    transition: opacity 0.25s ease-in-out, background 0.25s ease-in-out
}

.button\@transparent:hover, .button\@transparent:active {
    background: #76b7ec
}

.styler.jq-number {
    position: relative;
    padding: 0 2.5em;
    border: 2px solid #e9ebed
}

.styler.jq-number > .jq-number__field > input {
    -moz-appearance: textfield;
    display: block;
    width: 100%;
    padding: 0.35em 1em !important;
    text-align: center;
    border: none !important
}

.styler.jq-number > .jq-number__field > input::-webkit-outer-spin-button, .styler.jq-number > .jq-number__field > input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.styler.jq-number > .jq-number__spin {
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 1.25em;
    height: 100%;
    padding: 0.35em;
    font-size: 2em;
    line-height: 0.5em;
    text-align: center;
    color: #8f9196;
    background: #e9ebed;
    transition: color 0.25s ease-in-out, background 0.25s ease-in-out
}

.styler.jq-number > .jq-number__spin:before {
    display: inline
}

.styler.jq-number > .jq-number__spin:hover {
    color: #fff;
    background: #d40931
}

.styler.jq-number > .jq-number__spin.minus {
    left: 0
}

.styler.jq-number > .jq-number__spin.minus:before {
    content: '-'
}

.styler.jq-number > .jq-number__spin.plus {
    right: 0
}

.styler.jq-number > .jq-number__spin.plus:before {
    content: '+'
}

.list, .list > .item {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

.table thead tr th, .table tfoot tr th, .table thead tr td, .table tfoot tr td {
    text-align: center;
    vertical-align: middle
}

.table tbody tr th, .table tbody tr td {
    text-align: center;
    vertical-align: middle
}

.fancybox-container .fancybox-bg {
    background: rgba(0, 0, 0, 0.25)
}

.fancybox-container.fancybox-is-open .fancybox-bg {
    opacity: 1
}

.component\@ajax {
    position: relative
}

.component\@ajax:before, .component\@ajax:after {
    content: '';
    position: absolute;
    z-index: -1;
    display: block;
    opacity: 0;
    transition: z-index 0.25s ease-in-out, opacity 0.25s ease-in-out
}

.component\@ajax:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff
}

.component\@ajax:after {
    top: 0;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: 0 -16px;
    background: url('/local/templates/main/css/../images/loading.svg') no-repeat center center
}

.component\@ajax\.pending:before, .component\@ajax\.pending:after {
    z-index: 100
}

.component\@ajax\.pending:before {
    opacity: 0.5
}

.component\@ajax\.pending:after {
    opacity: 1
}

.component\:container\.page {
    overflow: hidden
}

.component\:container\.page > .content {
    font-size: 1.4em;
    line-height: 1.75;
    color: #2a2e38
}

.component\:container\.page-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    display: block;
    width: 100%;
    padding: 1em 0
}

.component\:container\.page-header:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    display: block;
    border-bottom: 1px solid #dee1e4;
    background: #fff
}

.component\:container\.page-header > .content {
    display: table;
    width: 100%;
    border-collapse: collapse
}

.component\:container\.page-header > .content > .component {
    display: table-cell;
    text-align: left;
    vertical-align: middle
}

.component\:container\.page-footer {
    color: #b3b5b9;
    background: #173652
}

.component\:container\.page-footer a {
    color: #b3b5b9
}

.component\:container\.page-footer a:hover {
    color: #fff
}

.component\:container\.page-footer > .content > .component > .header {
    color: #fff
}

.component\:container\.page-section > .header, .component\:container\.page-section > .content {
    width: 100%;
    max-width: 100%
}

.component\:container\.page-section > .content .component > .header {
    font-size: 3rem;
    line-height: 1.1
}

.component\:container\.page-section > .content .component.component\:production\.tags\@front > .header {
    margin: 0;
    font-size: 1.15em;
    line-height: 1
}

.component\:container\.page-section\@dark {
    background: #76b7ec
}

.component\:container\.page-section\@page-intro {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: #76b7ec
}

.component\:container\.page-section\@page-intro > .header > .text {
    position: relative;
    z-index: 10;
    display: inline-block;
    max-width: 100%;
    padding: 1em 2em 1em 0;
    line-height: 1;
    color: #fff
}

.component\:container\.page-section\@page-intro > .header > .text:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    display: block;
    width: 1000px;
    width: 100vw;
    background: rgba(23, 54, 82, 0.80)
}

.component\:container\.page-section\@page-intro > .content > .component {
    position: relative;
    z-index: 10
}

.component\:container\.page-section\@page-intro > .content > .component.component\:slider, .component\:container\.page-section\@page-intro > .content > .component.component\:map {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.component\:container\.page-section\@page-intro\.expanded > .header > .text {
    margin: 2.4em 0 1.2em
}

.component\:container\.groupping\@mobile-popup > .header .trigger {
    cursor: pointer;
    display: block;
    margin: 0 0 0 auto
}

.component\:container\.groupping\@front-banner-tags > .content {
    position: relative
}

.component\:container\.groupping\@front-banner-tags > .content > .component.component\:slider\@intro-front {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.component\:container\.groupping\@front-banner-tags > .content > .component.component\:company\.information\@front, .component\:container\.groupping\@front-banner-tags > .content > .component.component\:production\.tags\@front {
    position: relative;
    z-index: 10
}

.component\:http-error\@default {
    background: #76b7ec
}

.component\:http-error\@default > .header {
    margin: 0 !important;
    line-height: 1 !important;
    text-align: center;
    color: #d40931
}

.component\:http-error\@default > .content {
    margin: 1.5em 0 2em;
    font-size: 1.6rem;
    text-align: center
}

.component\:http-error\@default > .content b {
    font-size: 1.8em
}

.component\:http-error\@default > .footer {
    text-align: center
}

.component\:http-error\@default > .footer .button {
    display: inline-block
}

.component\:breadcrumb\@default > .content > .list {
    font-size: 0.85em
}

.component\:breadcrumb\@default > .content > .list:after {
    content: '' !important;
    display: table !important;
    clear: both !important
}

.component\:breadcrumb\@default > .content > .list > .item {
    float: left
}

.component\:breadcrumb\@default > .content > .list > .item > .content {
    display: block
}

.component\:breadcrumb\@default > .content > .list > .item > .content:after {
    content: '/';
    display: inline-block;
    margin: 0 1em 0 0.75em;
    color: #8f9196
}

.component\:breadcrumb\@default > .content > .list > .item > .content > .title {
    display: inline-block;
    color: #8f9196
}

.component\:breadcrumb\@default > .content > .list > .item > .content > .title:hover, .component\:breadcrumb\@default > .content > .list > .item > .content > .title:active {
    color: #d40931
}

.component\:breadcrumb\@default > .content > .list > .item:last-child > .content:after {
    display: none
}

.component\:breadcrumb\@default > .content > .list > .item:last-child > .content > .title {
    color: #d40931
}

.component\:pager\@mini {
    border-top: 1px solid #c0c2c6
}

.component\:pager\@mini > .content {
    font-size: 2rem;
    line-height: 1
}

.component\:pager\@mini > .content > .list {
    display: table;
    margin: 0 auto;
    table-layout: fixed;
    border-collapse: collapse
}

.component\:pager\@mini > .content > .list > .item {
    display: table-cell;
    padding: 0 0.125em;
    text-align: center;
    vertical-align: middle
}

.component\:pager\@mini > .content > .list > .item > .content {
    display: inline-block
}

.component\:pager\@mini > .content > .list > .item\@prev, .component\:pager\@mini > .content > .list > .item\@next {
    padding: 0 1.5em
}

.component\:pager\@mini > .content > .list > .item\@prev > .content, .component\:pager\@mini > .content > .list > .item\@next > .content {
    display: block;
    margin: 0 0 -0.25em
}

.component\:pager\@mini > .content > .list > .item\@prev {
    padding-left: 0
}

.component\:pager\@mini > .content > .list > .item\@next {
    padding-right: 0
}

.component\:pager\@mini > .content > .list > .item\@current {
    color: #d40931
}

.component\:pager\@mini > .content > .list > .item\@current:after {
    content: '/'
}

.component\:message {
    display: block;
    margin: 0 0 1em;
    padding: 1em;
    color: #fff;
    border: 1px solid #7c7e85;
    background: rgba(124, 126, 133, 0.5)
}

.component\:message\@INFORMATION, .component\:message\@notetext {
    border-color: #2c79b5;
    background-color: rgba(44, 121, 181, 0.5)
}

.component\:message\@ERROR, .component\:message\@errortext {
    border-color: #d40931;
    background-color: rgba(212, 9, 49, 0.5)
}

.component\:form\@default > .content .required {
    color: #2c79b5
}

.component\:form\@default > .content > .description {
    display: block;
    margin: 0 0 2em;
    color: #2c79b5
}

.component\:form\@default > .content > .fields {
    margin: 0 0 2em
}

.component\:form\@default > .content > .fields > .field {
    margin: 0 0 2em
}

.component\:form\@default > .content > .fields > .field:last-child {
    margin-bottom: 0
}

.component\:form\@default > .content > .fields > .field > .label {
    display: block;
    width: 100%;
    text-align: left;
    color: #7c7e85
}

.component\:form\@default > .content > .fields > .field > .label label {
    display: block
}

.component\:form\@default > .content > .fields > .field > .input input:not([type='radio']):not([type='checkbox']), .component\:form\@default > .content > .fields > .field > .input textarea {
    display: block;
    width: 100%
}

.component\:form\@default > .content > .fields > .field > .input input:not([type='radio']):not([type='checkbox']):not([type='range']):not([type='file']):not([type='button']):not([type='submit']):not([type='reset']), .component\:form\@default > .content > .fields > .field > .input textarea {
    margin: 0;
    padding: 0.5em 1em;
    border: 1px solid #dee1e4;
    background: transparent;
    transition: border 0.25s ease-in-out, box-shadow 0.25s ease-in-out
}

.component\:form\@default > .content > .fields > .field > .input input:not([type='radio']):not([type='checkbox']):not([type='range']):not([type='file']):not([type='button']):not([type='submit']):not([type='reset']):focus, .component\:form\@default > .content > .fields > .field > .input textarea:focus {
    box-shadow: 0 0 3px 3px rgba(222, 225, 228, 0.25)
}

.component\:form\@default > .content > .fields > .field > .input textarea {
    min-height: 8.75em;
    resize: vertical
}

.component\:form\@default > .content > .fields > .field\@invalid > .input input:not([type='radio']):not([type='checkbox']):not([type='range']):not([type='file']):not([type='button']):not([type='submit']):not([type='reset']), .component\:form\@default > .content > .fields > .field\@invalid > .input textarea {
    border-color: #d40931
}

.component\:form\@default > .content > .fields > .field\@invalid > .input input:not([type='radio']):not([type='checkbox']):not([type='range']):not([type='file']):not([type='button']):not([type='submit']):not([type='reset']):focus, .component\:form\@default > .content > .fields > .field\@invalid > .input textarea:focus {
    box-shadow: 0 0 3px 3px rgba(212, 9, 49, 0.125)
}

.component\:form\@default > .content > .fields > .field\@hidden {
    display: none !important
}

.component\:form\@default > .content > .fields > .field\@hidden * {
    display: none !important
}

.component\:form\@default > .content > .fields > .field\@CAPTCHA > .input img {
    display: block
}

.component\:form\@default > .content > .actions > .action {
    margin: 0 0 2em
}

.component\:form\@default > .content > .actions > .action:last-child {
    margin-bottom: 0
}

.component\:form\@default > .content > .actions > .action input[type='button'], .component\:form\@default > .content > .actions > .action input[type='submit'], .component\:form\@default > .content > .actions > .action input[type='reset'], .component\:form\@default > .content > .actions > .action button {
    width: 100%
}

.js .component\:form\@active-inputs > .content > .fields > .field {
    position: relative
}

.js .component\:form\@active-inputs > .content > .fields > .field > .label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    padding: 0.5em 1em;
    opacity: 1;
    transition: opacity 0.25s ease-in-out
}

.js .component\:form\@active-inputs > .content > .fields > .field > .label label {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.js .component\:form\@active-inputs > .content > .fields > .field > .input {
    position: relative;
    z-index: 10
}

.js .component\:form\@active-inputs > .content > .fields > .field\@focused > .label, .js .component\:form\@active-inputs > .content > .fields > .field\@filled > .label {
    opacity: 0
}

.component\:form\@SEARCH_MINI > .content {
    position: relative
}

.component\:form\@SEARCH_MINI > .content > .fields {
    margin: 0
}

.component\:form\@SEARCH_MINI > .content > .fields > .field\@SEARCH_TEXT > .label {
    display: none
}

.js .component\:form\@SEARCH_MINI > .content > .fields > .field\@SEARCH_TEXT > .label {
    display: block
}

.component\:form\@SEARCH_MINI > .content > .fields > .field\@SEARCH_TEXT > .input input {
    padding: 0.5em 2.75em 0.5em 1em !important
}

.component\:form\@SEARCH_MINI > .content > .actions {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 20
}

.component\:form\@SEARCH_MINI > .content > .actions > .action {
    padding: 0.5em 0.5em
}

.component\:form\@SEARCH_MINI > .content > .actions > .action input, .component\:form\@SEARCH_MINI > .content > .actions > .action button {
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    color: inherit;
    border: none;
    background: transparent
}

.component\:map {
    position: relative
}

.component\:map > .content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.component\:slider > .content > .slides > .list .item > .content > .image, .component\:slider > .content > .previews > .list .item > .content > .image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.component\:slider > .content > .slides > .list .item > .content > .image:before, .component\:slider > .content > .previews > .list .item > .content > .image:before {
    content: '';
    display: block;
    width: 100%;
    height: 0
}

.component\:slider > .content > .slides > .list .item > .content > .image img, .component\:slider > .content > .previews > .list .item > .content > .image img {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    display: block;
    width: 100%;
    height: auto;
    margin: auto
}

.component\:slider > .content > .slides > .list.slick-slider .slick-dots, .component\:slider > .content > .previews > .list.slick-slider .slick-dots {
    display: none
}

.component\:slider\@progress-line > .content > .slides > .list.slick-slider {
    position: relative
}

.component\:slider\@progress-line > .content > .slides > .list.slick-slider .slick-dots {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

.component\:slider\@progress-line > .content > .slides > .list.slick-slider .slick-dots li {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.component\:slider\@progress-line > .content > .slides > .list.slick-slider .slick-dots li button {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0.375em 0 0;
    border: none;
    background: #fff;
    opacity: 0.5;
    transition: opacity 0.25s ease-in-out
}

.component\:slider\@progress-line > .content > .slides > .list.slick-slider .slick-dots li:hover button, .component\:slider\@progress-line > .content > .slides > .list.slick-slider .slick-dots li.slick-active button {
    opacity: 1
}

.component\:slider\@progress-line > .content > .slides > .list.slick-slider .slick-dots li:only-child {
    display: none
}

.component\:slider\@intro-front > .content, .component\:slider\@catalog-main > .content {
    display: block;
    width: 100%;
    height: 100%
}

.component\:slider\@intro-front > .content > .slides, .component\:slider\@catalog-main > .content > .slides {
    display: block;
    width: 100%;
    height: 100%
}

.component\:slider\@intro-front > .content > .slides > .list, .component\:slider\@catalog-main > .content > .slides > .list {
    display: block;
    width: 100%;
    height: 100%
}

.component\:slider\@intro-front > .content > .slides > .list .item, .component\:slider\@catalog-main > .content > .slides > .list .item {
    display: block;
    width: 100%;
    height: 100%
}

.component\:slider\@intro-front > .content > .slides > .list .item > .content, .component\:slider\@catalog-main > .content > .slides > .list .item > .content {
    display: block;
    width: 100%;
    height: 100%
}

.component\:slider\@intro-front > .content > .slides > .list .item > .content > .image, .component\:slider\@catalog-main > .content > .slides > .list .item > .content > .image {
    display: block;
    width: 100%;
    height: 100%
}

.component\:slider\@intro-front > .content > .slides > .list.slick-slider .slick-list, .component\:slider\@catalog-main > .content > .slides > .list.slick-slider .slick-list {
    display: block;
    width: 100%;
    height: 100%
}

.component\:slider\@intro-front > .content > .slides > .list.slick-slider .slick-list .slick-track, .component\:slider\@catalog-main > .content > .slides > .list.slick-slider .slick-list .slick-track {
    display: block;
    width: 100%;
    height: 100%
}

.component\:slider\@catalog-main > .content > .slides > .list .item > .content > .image img {
    width: auto;
    max-width: none;
    height: 100%
}

.component\:slider\@news-feed-front > .content > .slides > .list {
    margin: 0 -1em
}

.component\:slider\@news-feed-front > .content > .slides > .list .item {
    padding: 1.5em 1em 0
}

.component\:slider\@news-feed-front > .content > .slides > .list .item > .content {
    position: relative;
    background: #fff
}

.component\:slider\@news-feed-front > .content > .slides > .list .item > .content > .date {
    position: absolute;
    top: -1.75em;
    left: 0;
    right: 0;
    font-size: 0.85em;
    line-height: 1;
    color: rgba(42, 46, 56, 0.6)
}

.component\:slider\@news-feed-front > .content > .slides > .list .item > .content > .image:before {
    padding: 66.4864864865% 0 0
}

.component\:slider\@news-feed-front > .content > .slides > .list .item > .content > .title {
    display: block;
    height: 4em;
    overflow: hidden;
    margin: 0.75em 1.25em 0;
    font-size: 1.5rem;
    line-height: 2em
}

.component\:slider\@news-feed-front > .content > .slides > .list .item > .content > .description {
    display: block;
    height: 8em;
    overflow: hidden;
    margin: 1em 1.25em 2em;
    font-size: 1.5rem;
    line-height: 2em
}

.component\:slider\@news-feed-front > .content > .slides > .list .item > .content > .link {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 1.7142857143em 1.2857142857em;
    line-height: 1;
    text-transform: uppercase;
    color: #2c79b5;
    border-bottom: 1px solid #c0c2c6;
    background: transparent;
    transition: color 0.25s ease-in-out, border 0.25s ease-in-out, background 0.25s ease-in-out
}

.component\:slider\@news-feed-front > .content > .slides > .list .item > .content > .link:before {
    content: '';
    display: inline-block;
    margin: -0.1em 0.75em -0.1em 0;
    transition: background-position 0.25s ease-in-out
}

.component\:slider\@news-feed-front > .content > .slides > .list .item > .content > .link:hover {
    color: #fff;
    border-bottom: 1px solid #d40931;
    background: #d40931
}

.component\:slider\@news-feed-front > .content > .slides > .list.slick-slider .slick-arrow {
    position: absolute;
    bottom: -4.9em;
    left: 50%;
    display: block;
    border: none;
    background: none
}

.component\:slider\@news-feed-front > .content > .slides > .list.slick-slider .slick-arrow.slick-prev {
    margin-left: -4.5em
}

.component\:slider\@news-feed-front > .content > .slides > .list.slick-slider .slick-arrow.slick-next {
    margin-left: 3.5em
}

.component\:slider\@news-feed-front > .content > .counter {
    margin: 2em 0 0;
    font-size: 2rem;
    text-align: center
}

.component\:slider\@news-feed-front > .content > .counter b {
    font-weight: inherit;
    color: #d40931
}

.component\:news\.detail\@default > .content > .title-date {
    border-bottom: 3px solid rgba(35, 57, 77, 0.10)
}

.component\:news\.detail\@default > .content > .title-date > .title {
    font-size: 1.42em;
    line-height: 1.3
}

.component\:news\.detail\@default > .content > .title-date > .date {
    color: #2c79b5
}

.component\:news\.detail\@default > .content > .image-description > .image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0 0 2em;
    padding: 0
}

.component\:news\.detail\@default > .content > .image-description > .image:before {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding: 66.2020905923% 0 0
}

.component\:news\.detail\@default > .content > .image-description > .image img {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    display: block;
    width: 100%;
    height: auto;
    margin: auto
}

.component\:production\.categories\.list\@default > .content > .list > .item > .content, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content {
    display: block;
    color: inherit
}

.component\:production\.categories\.list\@default > .content > .list > .item > .content > .image, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content > .image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.component\:production\.categories\.list\@default > .content > .list > .item > .content > .image:before, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content > .image:before {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding: 71.875% 0 0
}

.component\:production\.categories\.list\@default > .content > .list > .item > .content > .image img, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content > .image img {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    display: block;
    width: 100%;
    height: auto;
    margin: auto
}

.component\:production\.categories\.list\@default > .content > .list > .item > .content > .title, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content > .title {
    font-size: 2.2rem;
    line-height: 1.2;
    border-bottom: 3px solid rgba(35, 57, 77, 0.10);
    transition: border 0.25s ease-in-out
}

.component\:production\.categories\.list\@default > .content > .list > .item > .content > .description, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content > .description {
    padding: 0.5em 0 1em;
    line-height: 1.72
}

.component\:production\.categories\.list\@default > .content > .list > .item > .content > .link, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content > .link {
    line-height: 1;
    text-transform: uppercase;
    color: #2c79b5;
    transition: color 0.25s ease-in-out
}

.component\:production\.categories\.list\@default > .content > .list > .item > .content > .link:before, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content > .link:before {
    content: '';
    display: inline-block;
    margin: -0.1em 0.75em -0.1em 0;
    transition: background-position 0.25s ease-in-out
}

.component\:production\.categories\.list\@default > .content > .list > .item > .content:hover > .title, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content:hover > .title {
    border-bottom: 3px solid #d40931
}

.component\:production\.categories\.list\@default > .content > .list > .item > .content:hover > .link, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content:hover > .link {
    color: #d40931
}

.component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .categories > .list > .item {
    display: inline-block
}

.component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .categories > .list > .item:after {
    content: ',';
    display: inline-block;
    margin: 0 0 0 -0.25em
}

.component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .categories > .list > .item:last-child:after {
    display: none
}

.component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .categories > .list > .item > .content {
    display: inline-block
}

.component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .categories {
    margin: 0 0 0.75em;
    line-height: 1.2
}

.component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .image-link {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 0 0.75em
}

.component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .image-link > .image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .image-link > .image:before {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding: 100% 0 0
}

.component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .image-link > .image img {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    display: block;
    width: 100%;
    height: auto;
    margin: auto
}

.component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .image-link > .link {
    position: absolute;
    bottom: -25%;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    padding: 1.7142857143em 1.2857142857em;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    background: #d40931;
    opacity: 0;
    transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out
}

.component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .image-link > .link:before {
    content: '';
    display: inline-block;
    margin: -0.1em 0.75em -0.1em 0
}

.component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .image-link:hover > .link {
    bottom: 0;
    opacity: 1
}

.component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .title {
    margin: 0 0 0.5em
}

.component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .price > .value {
    font-size: 1.42em
}

.component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .price > .units {
    font-size: 1.1em
}

.component\:production\.tags\@front {
    display: block;
    padding: 1.925em 0.7em;
    color: #0b1326;
    background: #76b7ec
}

.component\:production\.tags\@front a {
    color: #0b1326
}

.component\:production\.tags\@front > .header {
    display: block;
    padding: 0 0 0.8em;
    text-transform: uppercase
}

.component\:production\.tags\@front > .content {
    font-size: 0.8em;
    line-height: 1;
    text-transform: uppercase
}

.component\:production\.tags\@front > .content > .list {
    margin: -0.5em -0.37em
}

.component\:production\.tags\@front > .content > .list:after {
    content: '' !important;
    display: table !important;
    clear: both !important
}

.component\:production\.tags\@front > .content > .list > .item {
    display: block;
    width: 7em;
    margin: 0.5em 0.375em;
    float: left
}

.component\:production\.tags\@front > .content > .list > .item > .content {
    display: block
}

.component\:production\.tags\@front > .content > .list > .item > .content > .image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0 0 1em;
    padding: 0
}

.component\:production\.tags\@front > .content > .list > .item > .content > .image:before {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding: 100% 0 0
}

.component\:production\.tags\@front > .content > .list > .item > .content > .image:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    border: 3px solid #d7d9db;
    transition: border 0.25s ease-in-out
}

.component\:production\.tags\@front > .content > .list > .item > .content > .image img {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    display: block;
    max-width: 90%;
    height: auto;
    margin: auto
}

.component\:production\.tags\@front > .content > .list > .item > .content > .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.component\:production\.tags\@front > .content > .list > .item > .content:hover > .image:after {
    border-color: #d40931
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .title {
    font-size: 2.14em
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .title > .counter {
    color: #2c79b5
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products {
    border-top: 3px solid rgba(35, 57, 77, 0.1);
    border-bottom: 3px solid #d40931
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item {
    padding: 2.1em 0;
    border-bottom: 1px solid #c0c2c6
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item:last-of-type {
    border-bottom: none
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content {
    display: table;
    width: 100%
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column {
    display: table-cell;
    width: 25%;
    padding: 0 1.05em;
    text-align: left;
    vertical-align: top
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column:first-child {
    padding-left: 0
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column:last-child {
    padding-right: 0
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column\@ACTIONS {
    width: 5%
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column\@ACTIONS > .component\:form > .content > .fields {
    display: none
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column\@DESCRIPTION {
    width: 45%
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column\@DESCRIPTION > .image-text:after {
    content: '' !important;
    display: table !important;
    clear: both !important
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column\@DESCRIPTION > .image-text > .image, .component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column\@DESCRIPTION > .image-text > .text {
    display: block;
    float: left
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column\@DESCRIPTION > .image-text > .image {
    position: relative;
    width: 20%;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column\@DESCRIPTION > .image-text > .image:before {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding: 100% 0 0
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column\@DESCRIPTION > .image-text > .image img {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    display: block;
    width: 100%;
    height: auto;
    margin: auto
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column\@DESCRIPTION > .image-text > .text {
    width: 80%;
    padding: 0 0 0 1em
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column\@FIELDS_PROPERTIES > .component\:form > .content > .actions {
    display: block
}

.js .component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column\@FIELDS_PROPERTIES > .component\:form > .content > .actions {
    display: none
}

.component\:company\.logo\@default > .content .link {
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 65px 0 0 186px;
    background: url('/local/templates/main/css/../images/company-logo.png') no-repeat center center
}

.component\:company\.information\@front > .content {
    color: #76b7ec;
    background: rgba(23, 54, 82, 0.8)
}

.component\:company\.information\@front > .content h1 {
    margin: 0 0 0.75em;
    line-height: 1.1;
    color: #fff
}

.component\:company\.information\@front > .content p {
    text-transform: uppercase
}

.component\:company\.contacts\@page {
    background: rgba(255, 255, 255, 0.88)
}

.component\:company\.contacts\@page > .content {
    font-size: 1.5rem
}

.component\:company\.contacts\@page > .content .icon {
    display: inline-block
}

.component\:company\.contacts\@page > .content a {
    color: #2a2e38
}

.component\:company\.contacts\@page > .content a:hover {
    color: #d40931
}

.component\:company\.contacts\@page > .content ul, .component\:company\.contacts\@page > .content ul > li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.component\:company\.contacts\@page > .content ul li {
    position: relative;
    padding: 0 0 0 3em
}

.component\:company\.contacts\@page > .content ul li .icon:first-child {
    position: absolute;
    top: 0.375em;
    left: 0
}

.component\:company\.contacts\@page > .content ul li:last-child {
    margin-bottom: 0
}

.component\:company\.stuff\.list\@managers-contacts > .content > .list > .item > .content > .image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.component\:company\.stuff\.list\@managers-contacts > .content > .list > .item > .content > .image:before {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding: 94.2857142857% 0 0
}

.component\:company\.stuff\.list\@managers-contacts > .content > .list > .item > .content > .image img {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    display: block;
    width: 100%;
    height: auto;
    margin: auto
}

.component\:company\.stuff\.list\@managers-contacts > .content > .list > .item > .content > .title {
    font-size: 2.2rem;
    line-height: 1.5
}

.component\:company\.stuff\.list\@managers-contacts > .content > .list > .item > .content > .phones > .list > .item {
    display: inline-block
}

.component\:company\.stuff\.list\@managers-contacts > .content > .list > .item > .content > .phones > .list > .item > .content:after {
    content: ',';
    display: inline-block;
    margin: 0 0 0 -0.25em
}

.component\:company\.stuff\.list\@managers-contacts > .content > .list > .item > .content > .phones > .list > .item > .content > .phone {
    display: inline-block;
    color: inherit
}

.component\:company\.stuff\.list\@managers-contacts > .content > .list > .item > .content > .phones > .list > .item > .content > .phone:hover {
    color: #d40931
}

.component\:company\.stuff\.list\@managers-contacts > .content > .list > .item > .content > .phones > .list > .item:last-child > .content:after {
    display: none
}

.component\:developer\@default > .content .link {
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 32px 0 0 101px;
    background: url('/local/templates/main/css/../images/developer-logo.png') no-repeat center center
}

#admin-panel {
    position: fixed;
    top: -25%;
    left: 0;
    right: 0;
    z-index: 5000;
    display: block;
    width: 100%;
    transition: top 0.5s ease-in-out
}

#admin-panel.panel\@visible {
    top: 0
}

@media screen and (max-width: 959px) {
    .component\:menu\@header > .content > .list > .item > .content > .heading {
        font-family: 'Roboto', 'Arial', 'sans-serif';
        font-weight: 400;
        font-style: normal
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .heading:before {
        font-family: 'Roboto', 'Arial', 'sans-serif';
        font-weight: 300;
        font-style: normal
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .heading {
        font-family: 'Roboto', 'Arial', 'sans-serif';
        font-weight: 500;
        font-style: normal
    }

    .component\:menu\@header > .content > .list > .item > .content > .heading {
        font-family: 'Roboto', 'Arial', 'sans-serif';
        font-weight: 400;
        font-style: normal
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .heading:before {
        font-family: 'Roboto', 'Arial', 'sans-serif';
        font-weight: 300;
        font-style: normal
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .heading {
        font-family: 'Roboto', 'Arial', 'sans-serif';
        font-weight: 500;
        font-style: normal
    }

    .component\:container\.page-header {
        padding-left: 8px;
        padding-right: 8px
    }

    .component\:container\.page-header > .content {
        max-width: 740px;
        margin-left: auto;
        margin-right: auto
    }

    .component\:container\.page-header > .content > .component.component\:company\.logo\@default > .content .link {
        margin-top: -1.25em;
        margin-bottom: -1.25em;
        transform-origin: left center;
        transform: scale(0.5)
    }

    .component\:container\.page-content {
        padding-top: 5.5em
    }

    .component\:container\.page-footer > .content {
        max-width: 540px;
        padding: 1.285em 8px;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .component\:container\.page-footer > .content > .component {
        margin: 0 0 1.5em
    }

    .component\:container\.page-footer > .content > .component:last-child {
        margin-bottom: 0
    }

    .component\:container\.page-section {
        padding-top: 3em;
        padding-bottom: 3em
    }

    .component\:container\.page-section > .header, .component\:container\.page-section > .content {
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 8px;
        padding-right: 8px
    }

    .component\:container\.page-section > .content .component > .header {
        margin: 0 0 0.5em
    }

    .component\:container\.page-section\@no-spacing {
        padding-top: 0;
        padding-bottom: 0
    }

    .component\:container\.page-section\@navigation {
        padding-top: 0.5em;
        padding-bottom: 1em
    }

    .component\:container\.page-section\@front-intro {
        padding-top: 0;
        padding-bottom: 0
    }

    .component\:container\.page-section\@front-intro > .content > .component {
        margin-bottom: 2em
    }

    .component\:container\.page-section\@front-intro > .content > .component:last-child {
        margin-bottom: 0
    }

    .component\:container\.page-section\@front-intro > .content > .component.component\:production\.categories\.list\@feed-front {
        padding-left: 8px;
        padding-right: 8px
    }

    .component\:container\.page-section\@with-sidebar > .content > .component {
        margin-bottom: 2em;
        padding-bottom: 2em;
        border-bottom: 1px solid #dee1e4
    }

    .component\:container\.page-section\@with-sidebar > .content > .component:last-child {
        margin-bottom: 0;
        padding-bottom: 2em;
        border-bottom: none
    }

    .component\:container\.groupping > .content > .component {
        margin-bottom: 2em
    }

    .component\:container\.groupping > .content > .component:last-child {
        margin-bottom: 0
    }

    .component\:container\.groupping\@mobile-popup > .content {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 100%;
        right: -100%;
        z-index: -1;
        display: block;
        overflow: auto;
        padding: 6.5em 0 8px;
        background: rgba(63, 84, 104, 0.975);
        transition: left 0.25s ease-in-out, right 0.25s ease-in-out
    }

    .component\:container\.groupping\@mobile-popup > .content > .component {
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 8px;
        padding-right: 8px
    }

    .no-js .component\:container\.groupping\@mobile-popup:hover > .content, .component\:container\.groupping\@mobile-popup\.active > .content {
        left: 0;
        right: 0
    }

    .component\:container\.groupping\@front-banner-tags > .content > .component {
        margin: 0
    }

    .component\:container\.groupping\@front-banner-tags > .content > .component.component\:company\.information\@front {
        padding: 3em 0
    }

    .component\:pager\@mini {
        padding-top: 2em
    }

    .component\:http-error\@default {
        padding: 3em 1em
    }

    .component\:http-error\@default > .header {
        font-size: 12rem !important
    }

    .component\:menu\@header > .content > .list > .item {
        margin: 0 0 0.75em
    }

    .component\:menu\@header > .content > .list > .item:last-child {
        margin-bottom: 0
    }

    .component\:menu\@header > .content > .list > .item > .content > .heading {
        font-size: 2.2rem;
        line-height: 1;
        color: #fff
    }

    .component\:menu\@header > .content > .list > .item > .content > .heading:hover {
        color: #d40931
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list {
        counter-reset: menu-items
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .heading {
        position: relative;
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
        text-transform: uppercase;
        color: #b2b2b2
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .heading:before {
        content: counter(menu-items, decimal-leading-zero);
        counter-increment: menu-items;
        display: table-cell;
        width: 10%;
        text-align: left;
        vertical-align: top
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu:after {
        content: '' !important;
        display: table !important;
        clear: both !important
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu > .image {
        position: relative;
        display: block;
        width: 33.3333333333%;
        overflow: hidden;
        float: right;
        border: 1px solid #fff;
        background: rgba(255, 255, 255, 0.75)
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu > .image:before {
        content: '';
        display: block;
        width: 100%;
        height: 0;
        padding: 100% 0 0
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu > .image img {
        position: absolute;
        top: -100%;
        bottom: -100%;
        left: -100%;
        right: -100%;
        display: block;
        width: 100%;
        height: auto;
        margin: auto
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu > .list {
        display: block;
        width: 66.6666666667%;
        margin: -0.25em 0;
        padding: 0 2em 0 0;
        float: left
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu > .list > .item {
        padding: 0.25em 0
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu > .list > .item > .content > .heading {
        color: #fff
    }

    .no-js .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item:hover > .content > .heading, .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item\@opened > .content > .heading, .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item\@active > .content > .heading, .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item\@active-trail > .content > .heading {
        color: #fff
    }

    .no-js .component\:menu\@header > .content > .list > .item:hover > .content > .heading, .component\:menu\@header > .content > .list > .item\@opened > .content > .heading, .component\:menu\@header > .content > .list > .item\@active > .content > .heading, .component\:menu\@header > .content > .list > .item\@active-trail > .content > .heading {
        color: #d40931
    }

    .component\:menu\@header > .content .list > .item > .content > .submenu {
        max-height: 0;
        overflow: hidden;
        padding: 0 0.5em;
        color: #fff;
        background: rgba(0, 0, 0, 0.125);
        opacity: 0;
        transition: max-height 0.25s ease-in-out, padding 0.25s ease-in-out, opacity 0.25s ease-in-out
    }

    .no-js .component\:menu\@header > .content .list > .item:hover > .content > .submenu, .component\:menu\@header > .content .list > .item\@opened > .content > .submenu {
        max-height: 2000px;
        max-height: 200vh;
        padding: 0.5em 0.5em;
        opacity: 1
    }

    .component\:form > .content > .fields > .field\@CAPTCHA > .input img {
        margin: 1em auto 0
    }

    .component\:form\@SEARCH_MINI > .content > .fields > .field {
        background: #fff
    }

    .component\:news\.detail\@default > .content > .title-date {
        margin: 0 0 1.25em;
        font-size: 1.75rem
    }

    .component\:production\.categories\.list\@default > .content > .list, .component\:production\.categories\.list\@feed-front > .content > .list {
        margin: 0 0 2.2857142857em
    }

    .component\:production\.categories\.list\@default > .content > .list > .item, .component\:production\.categories\.list\@feed-front > .content > .list > .item {
        margin: 0 0 2.2857142857em
    }

    .component\:production\.categories\.list\@default > .content > .list > .item > .content > .title, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content > .title {
        padding: 0.5em 0
    }

    .component\:production\.categories\.list\@default > .content > .list > .item:last-child, .component\:production\.categories\.list\@feed-front > .content > .list > .item:last-child {
        margin-bottom: 0
    }

    .component\:production\.categories\.list\@default > .content > .list:last-child, .component\:production\.categories\.list\@feed-front > .content > .list:last-child {
        margin-bottom: 0
    }

    .component\:production\.products\.list\@special-offers-front > .content > .list > .item {
        margin: 0 0 1.5em
    }

    .component\:production\.products\.list\@special-offers-front > .content > .list > .item:last-child {
        margin-bottom: 0
    }

    .component\:personal\.cart\@mini {
        display: table
    }

    .component\:personal\.cart\@mini > .header, .component\:personal\.cart\@mini > .content {
        display: table-cell;
        padding: 0 0.125em;
        text-align: left;
        vertical-align: middle;
        font-size: 1.2em;
        line-height: 2;
        color: #fff
    }

    .component\:personal\.cart\@mini > .header:before {
        content: '';
        display: inline-block;
        margin: 0 0.25em -0.125em
    }

    .component\:personal\.cart\@mini > .header:after {
        content: ':';
        display: inline-block;
        margin: 0 0 0 -0.125em
    }

    .component\:company\.information\@front > .content {
        padding: 2em 3em
    }

    .component\:company\.contacts\@page {
        padding: 3em 1em
    }

    .component\:company\.contacts\@page > .content ul li {
        margin: 0 0 1em
    }

    .component\:company\.stuff\.list\@managers-contacts > .content > .list > .item {
        margin: 0 0 2em
    }

    .component\:company\.stuff\.list\@managers-contacts > .content > .list > .item:last-child {
        margin-bottom: 0
    }

    .component\:company\.stuff\.list\@managers-contacts > .content > .list > .item > .content > .image {
        margin: 0 0 0.75em
    }

    .component\:company\.stuff\.list\@managers-contacts > .content > .list > .item > .content > .title {
        margin: 0 0 0.25em
    }
}

@media screen and (min-width: 960px) {
    .component\:menu\@header > .content > .list > .item > .content > .heading {
        font-family: 'Roboto', 'Arial', 'sans-serif';
        font-weight: 400;
        font-style: normal
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .heading:before {
        font-family: 'Roboto', 'Arial', 'sans-serif';
        font-weight: 300;
        font-style: normal
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .heading {
        font-family: 'Roboto', 'Arial', 'sans-serif';
        font-weight: 500;
        font-style: normal
    }

    .component\:menu\@header > .content > .list > .item > .content > .heading {
        font-family: 'Roboto', 'Arial', 'sans-serif';
        font-weight: 400;
        font-style: normal
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .heading:before {
        font-family: 'Roboto', 'Arial', 'sans-serif';
        font-weight: 300;
        font-style: normal
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .heading {
        font-family: 'Roboto', 'Arial', 'sans-serif';
        font-weight: 500;
        font-style: normal
    }

    .component\:container\.page-header {
        padding-left: 16px;
        padding-right: 16px
    }

    .component\:container\.page-header:after {
        opacity: 1;
        transition: opacity 0.25s ease-in-out
    }

    .component\:container\.page-header > .content > .component.component\:company\.logo\@default > .content .link {
        margin-top: -0.375em;
        margin-bottom: -0.375em;
        transform-origin: left center;
        transform: scale(0.8787878788);
        transition: margin 0.25s ease-in-out, transform 0.25s ease-in-out
    }

    .component\:container\.page-content {
        padding-top: 7.5em
    }

    .component\:container\.page\@not-front .component\:container\.page-content, .component\:container\.page\@http-error .component\:container\.page-content {
        padding-top: 6.5em
    }

    .component\:container\.page-footer > .content {
        max-width: 1200px;
        margin: 0 auto;
        padding: 2.285em 16px
    }

    .component\:container\.page-footer > .content:after {
        content: '' !important;
        display: table !important;
        clear: both !important
    }

    .component\:container\.page-footer > .content > .component {
        width: 33.3333333333%;
        padding: 0 10px;
        float: left
    }

    .component\:container\.page-footer > .content > .component.component\:company\.copyright, .component\:container\.page-footer > .content > .component.component\:developer {
        width: 16.6666666667%
    }

    .component\:container\.page-footer > .content > .component.component\:developer {
        text-align: right
    }

    .component\:container\.page-footer > .content > .component:first-child {
        padding-left: 0
    }

    .component\:container\.page-footer > .content > .component:last-child {
        padding-right: 0
    }

    .component\:container\.page-section {
        padding-top: 7em;
        padding-bottom: 7em
    }

    .component\:container\.page-section > .header, .component\:container\.page-section > .content {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 16px;
        padding-right: 16px
    }

    .component\:container\.page-section > .content .component > .header {
        margin: 0 0 1em
    }

    .component\:container\.page-section\@no-spacing {
        padding-top: 0;
        padding-bottom: 0
    }

    .component\:container\.page-section\@wide > .header, .component\:container\.page-section\@wide > .content {
        max-width: none
    }

    .component\:container\.page-section\@navigation {
        padding-top: 0.75em;
        padding-bottom: 1.5em
    }

    .component\:container\.page-section\@front-intro {
        margin-top: -7.5em;
        padding-top: 0;
        padding-bottom: 0
    }

    .component\:container\.page-section\@front-intro > .content {
        max-width: none;
        padding-left: 0;
        padding-right: 0
    }

    .component\:container\.page-section\@front-intro > .content > .component.component\:production\.categories\.list\@feed-front {
        padding: 2em 16px
    }

    .component\:container\.page-section\@page-intro > .header > .text {
        font-size: 5rem
    }

    .component\:container\.page-section\@page-intro > .content:after {
        content: '' !important;
        display: table !important;
        clear: both !important
    }

    .component\:container\.page-section\@page-intro > .content > .component.component\:company\.contacts\@page {
        display: inline-block;
        max-width: 50%;
        float: right
    }

    .component\:container\.page-section\@page-intro\.expanded {
        min-height: 40em
    }

    .component\:container\.page-section\@page-intro\.expanded > .header {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .component\:container\.page-section\@with-sidebar > .content:after {
        content: '' !important;
        display: table !important;
        clear: both !important
    }

    .component\:container\.page-section\@with-sidebar > .content > * {
        float: left;
        border-left: 1px solid #dee1e4
    }

    .component\:container\.page-section\@with-sidebar > .content > * > * {
        padding: 0 48px
    }

    .component\:container\.page-section\@with-sidebar > .content > *:nth-child(1) {
        width: 66.6666666667%;
        border-left: none
    }

    .component\:container\.page-section\@with-sidebar > .content > *:nth-child(1) > * {
        padding-left: 0
    }

    .component\:container\.page-section\@with-sidebar > .content > *:nth-child(2) {
        width: 33.3333333333%
    }

    .component\:container\.page-section\@with-sidebar > .content > *:nth-child(2) > * {
        padding-right: 0
    }

    .component\:container\.page-section\@with-sidebar > .content > *:nth-child(n+3) {
        display: none
    }

    .component\:container\.groupping > .content > .component {
        margin-bottom: 3em
    }

    .component\:container\.groupping > .content > .component:last-child {
        margin-bottom: 0
    }

    .component\:container\.groupping\@mobile-popup > .header {
        display: none
    }

    .component\:container\.groupping\@mobile-popup > .content {
        display: table;
        margin: 0 0 0 auto;
        border-collapse: collapse
    }

    .component\:container\.groupping\@mobile-popup > .content > .component {
        display: table-cell;
        margin: 0;
        padding: 0 1em;
        text-align: center;
        vertical-align: middle
    }

    .component\:container\.groupping\@mobile-popup > .content > .component > .content {
        text-align: left
    }

    .component\:container\.groupping\@mobile-popup > .content > .component:first-child {
        padding-left: 0
    }

    .component\:container\.groupping\@mobile-popup > .content > .component:last-child {
        padding-right: 0
    }

    .component\:container\.groupping\@front-banner-tags > .content {
        position: relative;
        display: block;
        min-height: 800px;
        min-height: 100vh
    }

    .component\:container\.groupping\@front-banner-tags > .content > .component {
        margin: 0
    }

    .component\:container\.groupping\@front-banner-tags > .content > .component.component\:company\.information\@front {
        position: absolute;
        top: -100%;
        bottom: -100%;
        left: 0;
        max-width: 90%;
        max-height: 50%;
        margin: auto
    }

    .component\:container\.groupping\@front-banner-tags > .content > .component.component\:company\.information\@front > .content {
        padding-left: 16px
    }

    .component\:container\.groupping\@front-banner-tags > .content > .component.component\:production\.tags\@front {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding-left: 16px
    }

    .component\:pager\@mini {
        padding-top: 3em
    }

    .component\:http-error\@default {
        padding: 7.1em 2em
    }

    .component\:http-error\@default > .header {
        font-size: 24rem !important
    }

    .component\:menu\@header > .content > .list {
        margin: 0 -2.5vw
    }

    .component\:menu\@header > .content > .list:after {
        content: '' !important;
        display: table !important;
        clear: both !important
    }

    .component\:menu\@header > .content > .list > .item {
        padding: 0 2.5vw;
        float: left
    }

    .component\:menu\@header > .content > .list > .item > .content > .heading {
        font-size: 2.2rem;
        line-height: 1;
        color: #000
    }

    .component\:menu\@header > .content > .list > .item > .content > .heading:hover {
        color: #d40931
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: -1;
        max-height: 0;
        overflow: hidden;
        padding: 0;
        line-height: 1.1;
        color: #fff;
        background: #3f5468;
        opacity: 0;
        transition: max-height 0.25s ease-in-out, padding 0.25s ease-in-out, opacity 0.25s ease-in-out
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list {
        counter-reset: menu-items;
        position: relative;
        display: block;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 16px
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item {
        display: block;
        width: 33.3333333333%;
        padding: 0.7em 0;
        border-right: 1px solid rgba(255, 255, 255, 0.5)
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item:first-child {
        padding-top: 0
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item:last-child {
        padding-bottom: 0
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .heading {
        position: relative;
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
        text-transform: uppercase;
        color: #b2b2b2
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .heading:before {
        content: counter(menu-items, decimal-leading-zero);
        counter-increment: menu-items;
        display: table-cell;
        width: 10%;
        text-align: left;
        vertical-align: top
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .heading:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        display: block;
        width: 0.75em;
        height: 2px;
        margin: -1px -0.375em;
        background: #fff;
        opacity: 0;
        transition: opacity 0.25s ease-in-out
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .heading > .title {
        display: table-cell;
        width: 90%;
        padding: 0 2.75em 0 0;
        text-align: left;
        vertical-align: top
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
        display: block;
        width: 66.6666666667%;
        overflow: hidden;
        padding: 0 0 0 3.25em;
        opacity: 0;
        transition: z-index 0.25s ease-in-out, opacity 0.25s ease-in-out
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu:after {
        content: '' !important;
        display: table !important;
        clear: both !important
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu > * {
        float: left
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu > .image {
        position: relative;
        display: block;
        width: 158px;
        overflow: hidden;
        border: 1px solid #fff;
        background: rgba(255, 255, 255, 0.75)
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu > .image:before {
        content: '';
        display: block;
        width: 100%;
        height: 0;
        padding: 100% 0 0
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu > .image img {
        position: absolute;
        top: -100%;
        bottom: -100%;
        left: -100%;
        right: -100%;
        display: block;
        width: 100%;
        height: auto;
        margin: auto
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu > .list {
        max-width: 70%;
        margin: -0.75em 0;
        padding: 0 0 0 2.75em
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu > .list > .item {
        padding: 0.75em 0
    }

    .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .submenu > .list > .item > .content > .heading {
        color: #fff
    }

    .no-js .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item:hover > .content > .heading, .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item\@opened > .content > .heading, .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item\@active > .content > .heading, .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item\@active-trail > .content > .heading {
        color: #fff
    }

    .no-js .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item:hover > .content > .heading:after, .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item\@opened > .content > .heading:after, .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item\@active > .content > .heading:after, .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item\@active-trail > .content > .heading:after {
        opacity: 1
    }

    .no-js .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item:hover > .content > .submenu, .component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item\@opened > .content > .submenu {
        z-index: 0;
        opacity: 1
    }

    .no-js .component\:menu\@header > .content > .list > .item:hover > .content > .heading, .component\:menu\@header > .content > .list > .item\@opened > .content > .heading, .component\:menu\@header > .content > .list > .item\@active > .content > .heading, .component\:menu\@header > .content > .list > .item\@active-trail > .content > .heading {
        color: #d40931
    }

    .no-js .component\:menu\@header > .content > .list > .item:hover > .content > .submenu, .component\:menu\@header > .content > .list > .item\@opened > .content > .submenu {
        min-height: 160px;
        max-height: 1000px;
        max-height: 100vh;
        padding: 4em 0;
        opacity: 1
    }

    .component\:form > .content > .fields > .field\@CAPTCHA > .input:after {
        content: '' !important;
        display: table !important;
        clear: both !important
    }

    .component\:form > .content > .fields > .field\@CAPTCHA > .input input {
        max-width: 50%;
        float: left
    }

    .component\:form > .content > .fields > .field\@CAPTCHA > .input img {
        float: right
    }

    .component\:form\@SEARCH_MINI > .content > .fields > .field\@SEARCH_TEXT > .input input {
        width: 12em !important;
        border: none !important
    }

    .component\:news\.detail\@default > .content > .title-date {
        display: table;
        width: 100%;
        margin: 0 0 2.5em;
        font-size: 2.1rem;
        border-collapse: collapse
    }

    .component\:news\.detail\@default > .content > .title-date > .title, .component\:news\.detail\@default > .content > .title-date > .date {
        display: table-cell;
        padding: 0 0 0.5em;
        vertical-align: baseline
    }

    .component\:news\.detail\@default > .content > .title-date > .title {
        padding-right: 1.5em;
        text-align: left
    }

    .component\:news\.detail\@default > .content > .title-date > .date {
        text-align: right
    }

    .component\:news\.detail\@default > .content > .image-description:after {
        content: '' !important;
        display: table !important;
        clear: both !important
    }

    .component\:news\.detail\@default > .content > .image-description > .image {
        width: 48%;
        float: right
    }

    .component\:news\.detail\@default > .content > .image-description > .description {
        width: 52%;
        padding: 0 3em 0 0;
        float: left
    }

    .component\:production\.categories\.list\@default > .content, .component\:production\.categories\.list\@feed-front > .content {
        display: table;
        margin: 0 -4vw;
        table-layout: fixed;
        border-collapse: collapse
    }

    .component\:production\.categories\.list\@default > .content > .list, .component\:production\.categories\.list\@feed-front > .content > .list {
        display: table-cell;
        padding: 0 4vw;
        text-align: left;
        vertical-align: top;
        border-right: 1px solid rgba(35, 57, 77, 0.15)
    }

    .component\:production\.categories\.list\@default > .content > .list > .item, .component\:production\.categories\.list\@feed-front > .content > .list > .item {
        margin: 0 0 4.2857142857em
    }

    .component\:production\.categories\.list\@default > .content > .list > .item > .content > .title, .component\:production\.categories\.list\@feed-front > .content > .list > .item > .content > .title {
        padding: 1.4545454545em 0 0.4545454545em
    }

    .component\:production\.categories\.list\@default > .content > .list > .item:last-child, .component\:production\.categories\.list\@feed-front > .content > .list > .item:last-child {
        margin-bottom: 0
    }

    .component\:production\.categories\.list\@default > .content > .list:last-child, .component\:production\.categories\.list\@feed-front > .content > .list:last-child {
        border-right: 1px solid transparent
    }

    .component\:production\.categories\.list\@default > .content > .list:nth-of-type(2n) > .item:nth-of-type(2n+1) > .content > .image:before, .component\:production\.categories\.list\@feed-front > .content > .list:nth-of-type(2n) > .item:nth-of-type(2n+1) > .content > .image:before {
        padding: 93.75% 0 0
    }

    .component\:production\.categories\.list\@default > .content > .list:nth-of-type(2n+1) > .item:nth-of-type(2n) > .content > .image:before, .component\:production\.categories\.list\@feed-front > .content > .list:nth-of-type(2n+1) > .item:nth-of-type(2n) > .content > .image:before {
        padding: 93.75% 0 0
    }

    .component\:production\.categories\.list\@default > .content > .list {
        width: 33.3333333333%
    }

    .component\:production\.categories\.list\@feed-front > .content > .list {
        width: 50%
    }

    .component\:production\.products\.list\@special-offers-front > .content {
        margin: 0 -0.5em
    }

    .component\:production\.products\.list\@special-offers-front > .content > .list {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse
    }

    .component\:production\.products\.list\@special-offers-front > .content > .list > .item {
        display: table-cell;
        text-align: left;
        vertical-align: top;
        padding: 0 0.5em
    }

    .component\:production\.products\.list\@special-offers-front > .content > .list > .item > .content > .title {
        height: 3em;
        overflow: hidden;
        line-height: 1.5em
    }

    .component\:personal\.cart\@mini > .header {
        display: block;
        margin: 0 auto 0.125em
    }

    .component\:personal\.cart\@mini > .content {
        padding: 0 0 0 0.375em;
        font-size: 0.85em;
        line-height: 1;
        text-align: center !important;
        color: #d40931
    }

    .component\:company\.information\@front > .content {
        padding: 2.5em 4.5em
    }

    .component\:company\.information\@front > .content h1 {
        font-size: 4.6rem;
        font-size: 2.5vw
    }

    .component\:company\.contacts\@page {
        padding: 6.5em
    }

    .component\:company\.contacts\@page > .content ul li {
        margin: 0 0 2.5em
    }

    .component\:company\.stuff\.list\@managers-contacts > .content > .list > .item {
        margin: 0 0 3.57em
    }

    .component\:company\.stuff\.list\@managers-contacts > .content > .list > .item:last-child {
        margin-bottom: 0
    }

    .component\:company\.stuff\.list\@managers-contacts > .content > .list > .item > .content > .image {
        margin: 0 0 2em
    }

    .component\:company\.stuff\.list\@managers-contacts > .content > .list > .item > .content > .title {
        margin: 0 0 0.75em
    }
}

@media screen and (max-width: 359px) {
}

@media screen and (min-width: 360px) and (max-width: 959px) {
    html body {
        min-width: 320px
    }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
    html body {
        min-width: 920px
    }

    .component\:production\.products\.list\@special-offers-front > .content > .list > .item:nth-child(n+4) {
        display: none
    }
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
    html body {
        min-width: 1160px
    }

    .component\:container\.page-header\@alternative {
        padding-top: 1.428em;
        padding-bottom: 1.428em
    }

    .component\:container\.page-header\@alternative:after {
        opacity: 0
    }

    .component\:container\.page-header\@alternative > .content > .component.component\:company\.logo\@default > .content .link {
        margin-top: 0;
        margin-bottom: 0;
        transform: scale(1)
    }

    .component\:container\.page-section > .content .component > .header {
        font-size: 4rem
    }

    .component\:container\.page-section\@front-intro > .content:after {
        content: '' !important;
        display: table !important;
        clear: both !important
    }

    .component\:container\.page-section\@front-intro > .content > .component {
        width: 50%;
        float: left
    }

    .component\:container\.page-section\@front-intro > .content > .component.component\:production\.categories\.list\@feed-front {
        padding: 10em 16px 0 4vw
    }

    .component\:container\.groupping\@front-banner-tags > .content > .component.component\:company\.information\@front {
        max-height: 68%
    }

    .component\:menu\@header > .content > .list {
        margin: 0 -0.5em
    }

    .component\:menu\@header > .content > .list > .item {
        padding: 0 0.5em
    }

    .component\:production\.products\.list\@special-offers-front > .content > .list > .item:nth-child(n+5) {
        display: none
    }
}

@media screen and (min-width: 1600px) {
    html body {
        min-width: 1540px
    }

    .component\:container\.page-header {
        padding-left: 80px;
        padding-right: 80px
    }

    .component\:container\.page-header\@alternative {
        padding-top: 1.428em;
        padding-bottom: 1.428em
    }

    .component\:container\.page-header\@alternative:after {
        opacity: 0
    }

    .component\:container\.page-header\@alternative > .content > .component.component\:company\.logo\@default > .content .link {
        margin-top: 0;
        margin-bottom: 0;
        transform: scale(1)
    }

    .component\:container\.page-section > .content .component > .header {
        font-size: 4.4rem
    }

    .component\:container\.page-section\@wide > .header, .component\:container\.page-section\@wide > .content {
        padding-left: 80px;
        padding-right: 80px
    }

    .component\:container\.page-section\@front-intro > .content:after {
        content: '' !important;
        display: table !important;
        clear: both !important
    }

    .component\:container\.page-section\@front-intro > .content > .component {
        width: 50%;
        float: left
    }

    .component\:container\.page-section\@front-intro > .content > .component.component\:production\.categories\.list\@feed-front {
        padding: 10em 80px 0 4vw
    }

    .component\:container\.groupping\@front-banner-tags > .content > .component.component\:company\.information\@front > .content {
        padding-left: 80px
    }

    .component\:container\.groupping\@front-banner-tags > .content > .component.component\:production\.tags\@front {
        padding-left: 80px
    }

    .component\:company\.information\@front > .content {
        padding: 4.285em 7.1em
    }
}

.owl-item .special-offer-item {
    margin: 0;
}

.owl-item .select {
    display: inline-block;
}

.owl-item .description .title {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    height: 52px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-sm-3 {
    width: 24%;
    display: inline-block;
}

.owl-item {
    padding: 16px 16px 0 0;
    margin-right: 0 !important;
    height: 540px;
}

.slider_special .owl-item {
    height: 440px !important;
}

.owl-item Li {
    list-style-type: none;
}

.owl-item .item-content {
    margin-top: 0;
    margin-block-end: 0;
    margin-inline-end: 0;
    margin-block-start: 0;
    padding-inline-start: 0;
    margin-right: 0 !important;
}

.owl-item .description {
    padding: 15px 14px 32px !important;
}

.owl-item img, .owl-item .subdark {
    border-radius: 8px 8px 0 0;
}

.add2cart-title:hover:after {
    background: url(/local/templates/main/css/../images/source/korzina-hover.svg) no-repeat;
}

.link-header {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #2A2E38;
}

.link-header:hover {
    color: #D40931 !important;
}

.owl-item .link {
    position: absolute;
    height: 100%;
    width: 100%;
}

.owl-item .select-block label {
    display: block;
}

.owl-item .item {
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    border-radius: 8px;
    height: 100%;
}

.item-content > li > .image > .link:before {
    background-image: none !important;
}

.special-offer-item > .image > .link, .item-content > li > .image > .link {
    background-color: inherit !important;
    color: inherit !important;
    display: inline-block;
}

.add2cartfast {
    background: none;
    border: none;
    top: -3px;
    float: right;
    margin-right: 5px;
    height: 40px;
    position: relative;
    width: 40px;
}

@media (max-width: 2560px) {
    .basket {
        position: absolute;
        right: 325px;
    }
}

@media (max-width: 1740px) {
    .basket {
        position: absolute;
        right: 180px;
    }
}

@media (max-width: 1024px) {

    .col-sm-3 {
        width: 33%;
    }
    .owl-item{
        height: 590px;
    }
}

@media (max-width: 958px) {


    .basket .content span {
        color: #d40931;
    }

    .basket {
        top: 27px;
        float: right;
        position: absolute;
        right: 95px;
    }

    header .header {
        display: inline-block;
        position: relative;
        float: right;
    }

    .special-offer-title .amount {
        font-size: 16px !important;
    }

}

@media (max-width: 768px) {

    .col-sm-3 {
        width: 49%;
    }

    .item-content > li {
        display: contents !important;
    }

    .special-offer-title {
        padding: 26px 12px 0;
        height: 74px !important;
    }

    .special-offer-item .description {
        margin-top: 9px !important;
        padding-top: 0px !important;
    }

    .owl-item .description {
        padding: 15px 12px 32px !important;
    }

    .owl-item {
        padding: 16px 8px 0 0;
        height: 615px !important;
    }

    .owl-item .select {
        display: contents !important;
    }
    .selectjs-block {
        display: inline-block !important;
    }
}

@media (max-width: 425px) {
    .select-block > label {
        font-size: 12px !important;
    }
    .owl-item .description .title {
        font-size: 12px !important;
    }
    .owl-item .description {
        margin-top: 0!important;
    }
    .special-offer-item .select-block {
        margin-top: 0 !important;
    }
    .special-offer-title {
        /*height: 62px !important;*/
        padding: 14px 12px 0 !important;
        display: inline-table;
    }

    .owl-item {
        /*height: 480px !important;*/
        height: auto !important;
        vertical-align: top;
    }

    .select-value {
        font-size: 12px;
        width: auto !important;
        text-overflow: ellipsis;
        padding-right: 26px !important;
    }

    .add2cartfast {
        top: 20px !important;
    }
    .special-offer-title{
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        /* identical to box height, or 150% */
        height: auto !important;



        color: #2A2E38;
        width: 100%;
    }
    .special-offer-item .description{

    }
    .add2cartfast{
        top: 6px !important;
    }
    .owl-item .description{
        padding: 15px 12px 54px !important;
        padding-top: 0px !important;
    }
    .owl-item .description{

    }

}

@media (max-width: 375px) {

    .owl-item .select-options{
        width: auto !important;
    }
    .add2cartfast {
        /*top: 15px !important;*/
    }
    .selectjs-block {
        display: block !important;
    }
    .owl-item {
        /*height: 450px !important;*/
    }
}

@media (max-width: 320px) {
    .owl-item {
        /*height: 430px !important;*/
    }
}

/* End */


/* Start:/local/templates/main/custom_css/custom.css?169692967229532*/
/*
    Color switcher css
    Created on : 12.06.2018, 16:47:07
    Author     : dimabresky
*/

.color-switcher {
	width: auto;
}

.color-switcher > .color-wrapper {
	display: inline-block;
	padding: 3px;
	box-sizing: border-box;
	border: 2px solid rgba(35, 57, 77, 0.10);
	cursor: pointer;
}

.color-switcher > .color-wrapper:hover, .color-switcher > .color-wrapper.active {
	display: inline-block;
	padding: 3px;
	box-sizing: border-box;
	border: 2px solid #d40931;
}

.color {
	width: 30px;
	height: 30px;
	cursor: pointer;
}


/*
    Counter css
    Created on : 12.06.2018, 17:32:25
    Author     : dimabresky
*/

.product-quantity > input {
	/*width: 92px;*/
	width: 122px;
	height: 40px;
	text-align: center;
	border-color: rgba(35, 57, 77, 0.10);
	color: #000000b5;
}


.product-quantity > .plus, .product-quantity > .minus, .product-quantity > input {
	display: inline-block;
	vertical-align: top;
}

.product-quantity > .plus, .product-quantity > .minus {
	padding: 1px 11px;
	height: 40px;
	font-size: 28px;
	width: 39px;
	font-weight: 500;
	cursor: pointer;
	background-color: rgba(35, 57, 77, 0.10);
	background-position: center;
	background-size: 15px;
}

.product-quantity > .plus {
	background-image: url(/local/templates/main/custom_css/../images/source/plus.svg);
	background-repeat: no-repeat;
}

.product-quantity > .minus {
	background-image: url(/local/templates/main/custom_css/../images/source/minus.svg);
	background-repeat: no-repeat;
}

.product-quantity {
	-webkit-user-select: none;
	-moz-user-select: none;
}

/*
    Image switcher
   Created on : 12.06.2018, 10:08:18
    Author     : dimabresky
*/

.image-switcher > .nav-images {
	width: 100%;
	padding-top: 40px;
}

.image-switcher > .nav-images > .small-image {
	width: 110px;
	height: 100px;
	display: inline-block;
	margin: 0 34px 0 0;
	box-sizing: border-box;
}

.image-switcher > .nav-images > .small-image:last-child {
	margin: 0px !important;
}

.image-switcher > .nav-images > .small-image.active > img, .image-switcher > .nav-images > .small-image:hover > img {
	border: 3px solid #d40931;
}

.image-switcher > .nav-images > .small-image > img {
	width: 100%;
	height: 100%;
}

@media (max-width: 1220px) {
	.image-switcher > .nav-images > .small-image {
		margin: 0px;
	}
}


/*
    Selectjs switcher
    Created on : 11.06.2018, 0:51:29
    Author     : dimabresky
*/

.selectjs-block {
	position: relative;
}

.select-value {
	height: 40px;
	padding: 7px 9px;
	/*max-width: 170px;*/
	max-width: 200px;
	width: 168px;
	position: relative;
	cursor: pointer;
	overflow-y: hidden;
	color: #000000b5;
}

.select-value:after {
	content: "";
	width: 38px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	box-sizing: border-box;
	z-index: 10;
	background-image: url(/local/templates/main/custom_css/../images/source/strelka.svg);
	background-repeat: no-repeat;
	background-size: 17px;
	background-position: 12px 14px;
}

.select-options {
	list-style: none;
	border-top: none !important;
	max-width: 170px;
	width: 100%;
	position: absolute;
	top: 40px;
	z-index: 10;
	background-color: #fff;
	color: #000000b5;
	padding: 0;
}

.select-value, .select-options {
	border: 1px solid #DCDCDC;
	box-sizing: border-box;
	border-radius: 4px;
}

.select-options > li {
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	padding: 0 5px;
}

.select-options > li:hover {
	opacity: 0.5;
}

.select-options > li:last-child {
	border-bottom: none;
}

.selectjs-block > .select-options {
	padding: 0 !important;
}

.selectjs-block > .select-options > li {
	padding: 5px 10px;
}


/*
    Custom site css
    Created on : 09.06.2018, 16:03:37
    Author     : dimabresky
*/

.wrapper {
	padding: 0px 0.7em;
}

.section-title {
	max-width: 90%;
	line-height: 60px;
	font-size: 3.8em;
}

.small-section-title {
	font-size: 44px !important;
}

.section-image {
	width: 100%;
	max-height: 650px
}

.section-image-block {

	margin: 50px 0 0px 0;
}

.section-desctioption-title {
	font-size: 32px;
	margin-bottom: 0px;
}

form > .section-desctioption-title {
	margin-bottom: 0px;
}

.section-desctioption {
	display: table;
	padding: 0px;
	margin-top: 20px;
}

.section-desctioption > li {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}

/*.component\:production\.tags\@inner {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}*/

.component\:production\.tags\@inner2 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

/*
table.section-desc {
    border-collapse: collapse;
}*/

table.section-desc .section-desctioption-title {
	margin-bottom: 0px;
}

table.section-desc > tbody > tr > td {
	padding: 24px;
}

table.section-desc > tbody > tr > td > .inner-text-area p {
	margin-bottom: 30px;
}

table.section-desc > tbody > tr > td > .inner-text-area ul {
	margin: 30px 0 0 18px;
	padding: 0;
}

table.section-desc > tbody > tr > td > .inner-text-area ul > li {
	list-style: square;
	padding-left: 6px;
}

table.section-desc > tbody > tr:first-child > td:first-child > .inner-text-area {
	padding-left: 2px;
}

table.section-desc > tbody > tr:first-child > td:first-child {
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 20px;
}

table.section-desc > tbody > tr:first-child > td:last-child {
	padding-right: 0;
	padding-bottom: 20px;
}

table.section-desc > tbody > tr:last-child > td:first-child {
	padding-left: 2px;
	padding-bottom: 0;
	padding-top: 20px;
}

table.section-desc > tbody > tr:last-child > td:last-child {
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 20px;
}

table.section-desc > tbody > tr:last-child > td:last-child > .inner-text-area {
	margin-top: 30px;
}

table.section-desc > tbody > tr:first-child > td:last-child > .inner-text-area {
	margin-top: 0px;
}

table.section-desc > tbody > tr > td:nth-child(4) {
	padding: 24px 0 0 24px;
}

.video-name {
	line-height: 1.5em !important;
	padding-top: 12px !important;
	height: 4.8em !important;
}

.section-desctioption > li ul {
	padding: 0 !important;
	margin: 0 !important;
}

table.section-desc ul > li, .section-desctioption > li ul > li {
	list-style: square !important;
}

.section-desctioption > li ul.select-options > li {
	list-style: none !important;
}

.section-desctioption > li:first-child {
	padding-right: 24px;
}

.section-desctioption > li:last-child {
	padding-left: 24px
}

.section-desctioption-one-col > li {
	padding: 0px !important;
}

.sub-title {
	font-weight: bold;

}

table.section-desc td {
	width: 50%;
	vertical-align: top;
	line-height: 1.75;
	color: #2a2e38;
	max-height: 430px;
	font-size: 14px;
}

table.section-desc td > h2 {
	font-size: 32px;
}

.pdt-40 {
	padding-top: 40px;
}

.pdb-40 {
	padding-bottom: 40px;
}

.pdb-63 {
	/*    padding-bottom: 63px;*/
}

.pdt-50 {
	padding-top: 50px;
}

.pdb-50 {
	padding-bottom: 50px;
}

.pdt-20 {
	padding-top: 20px;
}

.pdb-20 {
	padding-bottom: 20px;
}

.pdt-0 {
	padding-top: 0px;
}

.pdb-0 {
	padding-bottom: 0px;
}

.pdl-20 {
	padding-left: 20px;
}

.pdr-20 {
	padding-right: 20px;
}

.pdt-24 {
	padding-top: 24px;
}

.sub-description {
	padding: 15px 0px 0px 20px;
	list-style: square;
}

.sub-description li {
	padding-bottom: 10px;
}

.section-desc-toggle-link {
	/*    margin-top: 95px !important;
		margin-bottom: 95px !important;*/
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.white-block {
	padding: 60px;
	margin-top: 60px;
	background-color: #fff;
}

.compare-table-title {
	font-size: 2em;
}

.compare-table-sub-title {
	font-weight: bold;
}

.compare-table-image {
	margin-top: 50px;
	width: 100%;
}

.link-area {
	text-align: center;
	margin-top: 30px;
	width: 100%;
}

.tech-file-container {
	text-align: right !important;
	position: absolute;
	bottom: 0;
}

.link-area a {
	text-transform: uppercase;
	border-bottom: 1px dashed;
}

.productions-type {
	margin-top: 14px !important;
}

.productions-type-no-pdb {
	margin-top: 0px !important;
}

.sections-list {
	border-right: none !important;
	display: table;
}

.sections-list > li {
	display: table-cell;
	border-top: 2px solid rgba(35, 57, 77, 0.15);
	padding: 37px 0 !important;
}

@media screen and (min-width: 960px) {
	.component\:production\.categories\.list\@default > .content > .list {
		width: 50%;

	}
}

.sections-list > li > a > ul {
	width: 100%;
}

.sections-list > li > a > ul > li {
	position: relative;
	width: 45%;
}

.sections-list > li > a > ul > li:last-child {
	position: relative;
	width: 55%;
}

.sections-list > li > a > ul > li:last-child > .link {
	position: absolute;
	bottom: 0;
}

.sections-list:first-child {
	padding-right: 24px !important;

}

.sections-list:last-child {
	padding-left: 24px !important;
}


.subdark {
	position: absolute;
	width: 100%;
	height: 98%;
	background: #000;
	opacity: .05;
	cursor: pointer;
}


.item-content {
	display: table;
	padding: 0px;
	list-style: none;
}

.item-content > li {
	display: table-cell;
	min-width: 145px;
	vertical-align: top;
}

.item-content > li > .title {
	font-size: 2.2rem;
	/*line-height: 1.2;*/
	line-height: 1.3;
	font-weight: bold;
	border-bottom: 3px solid rgba(35, 57, 77, 0.10);
	transition: border 0.25s ease-in-out;
	padding-bottom: 10px;
}

.component\:slider\@show-more-front > .content > .slides > .list .item > .content > .title {
	border-bottom: 3px solid #c0c2c6;
}


.item-content > li > .description {
	padding: 0.5em 0 1em;
	line-height: 1.72;
}

.sections-list .item-content:hover > li > .title,
.component\:slider\@show-more-front > .content > .slides > .list .item:hover > .content > .title {
	border-bottom: 3px solid #d40931 !important;
}

.item-content > li > .link, .item-content > li > .image > .link {
	line-height: 1;
	text-transform: uppercase;
	color: #2c79b5;
	transition: color 0.25s ease-in-out;
	font-family: 'Roboto', 'Arial', 'sans-serif';
	font-weight: 500;
	font-style: normal;
}

.item-content > li > .link:before {
	content: '';
	display: inline-block;
	margin: -0.1em 0.75em -0.1em 0;
	transition: background-position 0.25s ease-in-out;
	padding: 12px 0 0 17px !important;
	background-position: -25px 0px !important;
}

.item-content:hover > li > .link:before {
	padding: 12px 0 0 17px !important;
	background-position: -50px 0px !important;
	box-sizing: content-box !important;
	background: transparent url(/local/templates/main/custom_css/../images/sprites/icons.png) no-repeat;
}

.item-content:hover > li > .link {
	color: #d40931;
}

.item-content > li > .image > .link {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 25px;
	width: 100%;
	display: none;
}

.item-content:hover > li > .image > .link {
	background-color: #d40931;
	color: #fff;
	display: inline-block;

}

.item-content:hover > li > .description > .amount > .red-hl, .item-content:hover > li > .description > .amount > .red-currency {
	color: #d40931;
}

.item-content > li > .description > .amount > .red-hl, .item-content > li > .description > .amount > .red-currency {
	color: #000;
}

.add2cart {
	width: 100%;
	height: 50px;
	background-color: #d40931;
	border: none;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}

.add2cart:hover {
	background-color: #2c79b5;
}

.add2cart-title {
	cursor: pointer;
}

.component\:production\.tags\@inner > .content > .list > li, .component\:production\.tags\@inner2 > .content > .list > li {
	/*margin: 0.5em 1.269em !important;*/
	margin: 0 2.55em 0 0 !important;
}

.component\:production\.tags\@inner > .content > .list > li:first-child, .component\:production\.tags\@inner2 > .content > .list > li:first-child {
	margin-left: 0 !important;
}

.component\:production\.tags\@inner > .content > .list > li:last-child, .component\:production\.tags\@inner2 > .content > .list > li:last-child {
	margin-right: 0 !important;
}

.pdt-80 {
	padding-top: 80px !important;
}

.pdb-80 {
	padding-bottom: 80px !important;
}

.pdt-70 {
	padding-top: 70px !important;
}

.component\:production\.tags\@inner > .content > .list {
	margin: 0 !important;
}

.component\:production\.tags\@front > .header {
	padding-bottom: 15px !important
}

.product-detail .add2cart-title:after {
	background: url(/local/templates/main/custom_css/../images/source/korzina2.svg) no-repeat;
	width: 20px;
	height: 20px;
}
.add2cart-title:after {
	content: '';
	display: inline-block;
	background: url(/local/templates/main/custom_css/../images/source/korzina.svg) no-repeat;
	width: 40px;
	height: 40px;
	margin-bottom: -2px;
}

.item-content:hover > li > .image > .link:before {
	box-sizing: content-box !important;
	background: transparent url(/local/templates/main/custom_css/../images/sprites/icons.png) no-repeat;
	background-position: 0px 0px;
	content: '';
	display: inline-block;
	margin: -0.1em 0.75em -0.1em 0;
	transition: background-position 0.25s ease-in-out;
	padding: 12px 0 0 17px !important;
}

.item-content > li > .description > .item-price {
	font-size: 2em;
	font-weight: 500;
}

.item-content:hover > li > .description > .item-price {
	color: #d40931;
}

.sub-section-video > iframe {
	border: none;
	height: 380px;
	width: 100%;
}

.relative {
	position: relative;
}

.select-block > label {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #A0A0A0;
}

.media-block > iframe {
	width: 100%;
	height: 200px;
	border: none;
}

.component\:slider\@show-more-front > .content > .slides > .list .item > .content > .title,
.component\:slider\@show-more-front > .content > .slides > .list .item > .content > .media-block {
	background-color: #f5f5f5 !important;
}

.component\:slider\@show-more-front > .content > .slides > .list .item > .content > .title {
	margin: 0px !important;
}

.filter-section-title {
	font-size: 44px;
	font-weight: 500;
}

.filter-section-title > .product-count {
	font-size: 32px;
}

.component\:container\.page-section\@filter-front {
	padding-top: 0px !important;
}

.product-count {
	color: #2c79b5;
	font-weight: normal;
	font-size: 31px;
}

.component\:production\.categories\.list\@filter-front > .section-desctioption-title {
	/*border-bottom: 3px solid rgba(35, 57, 77, 0.10);*/
	padding-top: 0em;
	padding-bottom: 0em;
	line-height: 40px;
	font-size: 32px;

}

div.image {
	cursor: pointer !important;
}

.component\:production\.categories\.list\@elements-list-front > .productions-type {

	/*margin-top: 65px !important;*/
}

.component\:production\.categories\.list\@elements-list-front .item-content {

}

.component\:production\.categories\.list\@elements-list-front > .productions-type > .list {

	border-right: none !important;
	display: table-cell;
	width: 50%;
}

.component\:production\.categories\.list\@elements-list-front > .productions-type > .list:first-child {
	padding-right: 24px;
}

.component\:production\.categories\.list\@elements-list-front > .productions-type > .list:last-child {
	padding-left: 24px;
}

.component\:production\.categories\.list\@elements-list-front > .productions-type > .list > .item {
	border-bottom: 1px solid rgba(35, 57, 77, 0.15);
	padding: 0 0 43px 0;
	margin-bottom: 43px !important;
}

.component\:production\.categories\.list\@elements-list-front > .productions-type > .list > .item:first-child {
	border-top: 1px solid rgba(35, 57, 77, 0.15);
	padding: 43px 0 43px 0;
	margin-bottom: 43px !important;
}

.component\:production\.categories\.list\@elements-list-front > .productions-type > .list > .item:last-child {
	margin-bottom: 0px !important;
}

.component\:production\.categories\.list\@elements-list-front > .productions-type > .list > .item > .item-content > li {
	padding-left: 0px;
}

.component\:production\.categories\.list\@elements-list-front > .productions-type > .list > .item > .item-content > li > .description {
	margin-top: 14px;
	padding: 0;
}

.component\:production\.categories\.list\@elements-list-front > .productions-type > .list > .item > .item-content > li > .description > .select-block {
	margin-top: 14px;
}

.component\:production\.categories\.list\@elements-list-front > .productions-type > .list > .item > .item-content > li > .description > .select-block > label {
	line-height: 2;
}

/*.component\:production\.categories\.list\@elements-list-front > .productions-type > .list > .item > .item-content > li > .description > .select-block > .select > .selectjs-block > .select-value:after {
    margin-top: -29px;
    height: 65px;
}*/


.component\:production\.categories\.list\@elements-list-front > .productions-type > .list > .item > .item-content > li > .title {
	height: 108px;
	border-bottom: none;
}

.component\:production\.categories\.list\@elements-list-front > .productions-type > .list > .item > .item-content > li > .title > .border-title {
	height: 100%;
	overflow: hidden;
}

.component\:production\.categories\.list\@elements-list-front > .productions-type > .list > .item > .item-content > li > .title > .border-title:after {
	width: 100%;
	margin-top: 10px;
	border-bottom: 3px solid rgba(35, 57, 77, 0.10);
	content: "";
	display: block;
}

/*.component\:production\.categories\.list\@elements-list-front > .productions-type > .list > .item > .item-content > li > .title > .border-title {
    border-bottom: 3px solid rgba(35, 57, 77, 0.10);
    padding-bottom: 10px;
}*/

.component\:production\.categories\.list\@elements-list-front > .productions-type > .list > .item > .item-content:hover > li > .title > .border-title:after {
	border-bottom: 3px solid #d40931;

}

/*.component\:production\.categories\.list\@elements-list-front > .productions-type > .list > .item > .item-content:hover > li > .title {
    border-bottom: 3px solid #d40931;

}*/

.component\:container\.page-section\@element-detail {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.pager {
	text-align: center;
	margin: 40px 0px;
	font-size: 1.5em;
}

.pager > .page-counter > a {
	font-size: 1.5em;
	color: #dadbde;
}

.pager > .page-counter > a:hover {
	color: #d40931;
}

.pager > .page-counter > a:first-child {
	padding-right: 10px;
	box-sizing: border-box;
}

.pager > .page-counter > a:last-child {
	padding-left: 10px;
	box-sizing: border-box;
}

.pager > .page-counter > .page-number {
	color: #d40931 !important;
}

.hit {
	width: 120px;
	font-size: 1.1em;
	padding: 3px 15px;
	color: #fff;
	background-color: #2c79b5;
	font-weight: 500;
	position: absolute;
	top: -32px;
	left: 0px;
}

.rating-block {
	display: inline-block;
	min-width: 210px;
	margin-top: 30px;
}

.rating-block > .blue-star,
.rating-block > .grey-star {
	display: inline-block;
	height: 36px;
	width: 39px;
}

.product-main-description {
	border: none;
	width: 100%;
}

.product-main-description > td {
	width: 50%;
}

.rating-block > .blue-star {
	background: url(/local/templates/main/custom_css/../images/source/golubZv.svg) no-repeat;
}

.rating-block > .grey-star {
	background: url(/local/templates/main/custom_css/../images/source/serajaZv.svg) no-repeat;
}

.reviews-link {
	vertical-align: top;
	padding: 3px 10px;
	box-sizing: border-box;
	color: #8f9196;
	font-size: 1.1em;
}

.reviews-link {
	font-size: 18px;
}

.product-description-block {
	width: 100%;
	border-collapse: collapse;
}

.product-description-block > tbody > tr > td {
	padding: 36px 0px;
	vertical-align: middle;
}

.product-description-block > tbody > tr > td:first-child {
	width: 150px;
}

.product-description-block > tbody > tr:first-child > td {
	border-top: 1px solid #c0c2c6;
	border-bottom: 1px solid #c0c2c6;
}

.product-description-block > tbody > tr:nth-child(4) > td {
	border-bottom: 1px solid #c0c2c6;
}

.product-description-block > tbody > tr:last-child > td {
	padding: 0px;
}

.product-characters {
	border: 1px solid #c0c2c6;
	border-collapse: collapse;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 40px;
}

.product-characters > tbody > tr > td {
	/*padding: 30px 15px 40px 15px;*/
	padding: 42px 30px;
	width: 50%;
	font-size: 1.1em;
}

.component\:container\.page-section\@element-detail .section-desctioption {
	padding-bottom: 51px;
	border-bottom: 3px solid rgba(35, 57, 77, 0.10);
}

.product-characters > tbody > tr:nth-child(2) > td {
	color: #2a2e38;
}

.product-characters > tbody > tr > td:nth-child(2n+1) {
	background-color: #f5f5f5;
}

.reviews-list {
	padding: 0;
	list-style: none;
}

.reviews-list > li > .text-review-area > .review {
	border-collapse: collapse;
}

form .section-desctioption-title {
	font-size: 28px;
}

.reviews-list > li > .text-review-area > .review > tbody > tr > td {
	background-color: #fff;
	vertical-align: top;
	padding: 30px;
	border-bottom: 1px solid #c0c2c6;
}

.reviews-list > li > .text-review-area > .review > tbody > tr > td > .rating-block {
	margin-top: 0px;
}

.reviews-list > li > .text-review-area > .review > tbody > tr > td > .user {
	color: #2c79b5;
	font-size: 1.1em;
	font-weight: 500;
}

.reviews-list > li > .review-date {
	color: #a0a1a4;
}

.reviews-list > li {
	margin-bottom: 30px;
}

.component\:form\@reviews-form {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.component\:form\@reviews-form:first-child > .content > .fields {
	padding-right: 20px;
}

.component\:form\@reviews-form:last-child > .content > .fields {
	padding-left: 20px;
}

.component\:form\@reviews-form > .content > .fields > .actions > .action > button {
	width: 100% !important;
}

.component\:form\@reviews-form > .content > .fields > .field > .label {
	position: absolute;
	padding: 8px 20px;
	width: auto !important;
}

.component\:form\@reviews-form > .content > .fields > .field > .captcha-label {
	bottom: 0;
}

.red-hl {
	color: #d40931;
	font-weight: bold;
}

.red-price {
	padding-left: 75px;
}

.red-currency {
	color: #d40931;
	font-weight: bold;
}


.pl-30 {
	padding-left: 30px !important;
}

.grey-hl {
	color: #7c7e85;
}

.counter-grey-hl {
	padding: 6px 0 10px 10px;
	display: inline-block;
	font-weight: 500;
}

.price-container {

	display: inline-block;
	height: 60px;
	vertical-align: top;
	margin-top: -10px;

}

.section-desctioption .small-desc ul {
	padding-left: 18px !important;
}


/* begin: speacial offers */
.special-offers-title {
	font-size: 4.4rem;
	line-height: 1.1;
	font-family: 'Exo2', 'Arial', 'sans-serif';
	font-weight: 600;
	font-style: normal;
}

.special-offers-container {
	display: block;
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	margin-top: 60px;
	box-sizing: border-box;
	max-width: 100%;
	padding: 0 80px;
}

.special-offer-item {
	display: inline-block;
	width: 280px;
	vertical-align: top;
	margin-right: 12px;
	margin-bottom: 20px;
	float: left;
}

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

.special-offer-item .image {
	height: 280px;
	border-radius: 8px 8px 0px 0px
}

.owl-carousel.owl-refresh .owl-item {
	background: #FFFFFF;
	border: 1px solid #EBEBEB;
	box-sizing: border-box;
	border-radius: 8px;
}

.special-offer-item .image img {
	height: 98%;
	width: 100%;
}

.special-offer-title {
	padding: 26px 14px 0;
	overflow: hidden;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	height: 74px;
}

.special-offer-item .select-block {
	margin-top: 15px;
}

.special-offer-item .red-hl {
	color: #000;
}

.special-offer-item .red-currency {
	color: #000;
}

.special-offer-item > .image > .link {
	position: absolute;
	bottom: 6px;
	left: 0;
	padding: 25px;
	width: 100%;
	display: none;
	line-height: 1;
	text-transform: uppercase;
	color: #2c79b5;
	transition: color 0.25s ease-in-out;
	font-family: 'Roboto', 'Arial', 'sans-serif';
	font-weight: 500;
	font-style: normal;
}

.special-offer-item:hover > .image > .link {
	display: inline-block;
}
.special-offer-item:hover > .image > .link:before {
	content: '';
	display: inline-block;
	margin: -0.1em 0.75em -0.1em 0;
	padding: 12px 0 0 17px !important;
	background-position: 0px 0px !important;
	box-sizing: content-box !important;
	/*background: transparent url(/local/templates/main/custom_css/../images/sprites/icons.png) no-repeat;*/
}

.special-offer-item:hover > .special-offer-title {
	color: #d40931;
}

/* end: special offers */

@media (max-width: 1599px) and (min-width: 960px) {
	.special-offers-container {
		padding: 0 16px;
	}
}

@media (min-width: 1201px) and (max-width: 1919px) {

	.special-offer-item:nth-child(5), .special-offer-item:nth-child(6) {
		display: none;
	}
}

@media (width: 1200px) {
	.special-offer-item:nth-child(5), .special-offer-item:nth-child(6) {
		display: none;
	}

	.special-offer-item:nth-child(4) {
		margin: 0;
	}
}

@media screen and (min-width: 960px) {
	.component\:container\.page-section\@inner {
		padding: 1em 0 !important;
	}

	.component\:container\.page-section\@inner2 {
		padding: 0 0 !important;
	}
}

@media (max-width: 1199px) {
	.special-offer-item {
		width: 46%;
		margin: 0 0 40px 0;
		margin-right: 6%;
	}

	.special-offer-item:nth-child(2n) {
		margin-right: 0;
	}

	.special-offer-item .image {
		height: 100%;
		max-height: 535px;
	}

	.special-offer-title {
		font-size: 2.2rem;
	}

	.special-offer-item .description {
		margin-top: 20px;
	}
}

@media (max-width: 960px) {

	/* begin: special offers */
	.special-offers-container {
		padding: 0 16px;
		margin-top: 20px;
		max-width: 540px;
	}

	.special-offer-item > .image > .link {
		background-color: #d40931;
		color: #fff;
		display: inline-block;

	}

	.special-offers-title {
		font-size: 3rem;
		padding-left: 8px;
	}

	.special-offer-item > .image > .link:before {
		content: '';
		display: inline-block;
		margin: -0.1em 0.75em -0.1em 0;
		padding: 12px 0 0 17px !important;
		background-position: 0px 0px !important;
		box-sizing: content-box !important;
		background: transparent url(/local/templates/main/custom_css/../images/sprites/icons.png) no-repeat;
	}

	.special-offer-title {
		font-size: 1.6rem;
		height: 45px;
	}

	.special-offer-item > .image > .link {
		padding: 15px;
	}

	/* end: special offers */
	.sections-list:first-child {
		padding-right: 0 !important;

	}

	.sections-list:last-child {
		padding-left: 0 !important;
	}

	.sections-list > li > a > ul > li:last-child > .link {
		position: relative;
		margin-top: 20px
	}

	.sections-list > li > a > ul > li:last-child > .title {
		padding: 20px 0;
	}

	.reviews-list > li > .text-review-area > .review > tbody > tr > td:last-child {
		display: none;
	}

	.component\:form\@reviews-form {
		display: block;
		width: 100%;
	}

	.component\:form\@reviews-form > .content > .fields {
		padding: 0px !important;
	}

	/* start section desc. table */
	table.section-desc tr {
		display: block;

	}

	table.section-desc tr td {
		display: block;
		width: 100%;
	}

	table.section-desc > tbody > tr:first-child > td:last-child {
		padding-left: 0;
	}

	table.section-desc > tbody > tr:last-child > td:first-child, table.section-desc > tbody > tr:last-child > td:last-child, table.section-desc > tbody > tr:first-child > td:first-child {
		padding: 0;
	}

	/* end section desc. table */
	/* start elements list */
	.component\:production\.categories\.list\@elements-list-front > .productions-type > .element {
		display: block;
		width: 100%;

	}

	.component\:production\.categories\.list\@elements-list-front > .productions-type > .list:first-child {
		padding-right: 0;
	}

	.component\:production\.categories\.list\@elements-list-front > .productions-type > .list:last-child {
		padding-left: 0;
	}

	.component\:production\.categories\.list\@elements-list-front > .productions-type > .element > .item > .item-content {
		display: block;
		width: 100%;
	}

	.component\:production\.categories\.list\@elements-list-front > .productions-type > .element > .item > .item-content > li {
		width: 100% !important;
		padding-right: 0 !important;
		display: unset;
	}

	.component\:production\.categories\.list\@elements-list-front > .productions-type > .element > .item > .item-content > li > .image > .relative > img {
		width: 100%;
	}

	.component\:production\.categories\.list\@elements-list-front > .productions-type > .element > .item > .item-content > li > .title > .border-title {
		margin-top: 10px;
	}

	/* end elements list */
	.product-detail > .component\:container\.page-section\@default {
		padding-top: 60px !important;
		padding-bottom: 0px !important;
	}

	.product-detail > .component\:container\.page-section\@default .nav-images {
		padding-bottom: 40px;
	}
}

@media (max-width: 768px) {
	.white-block {
		padding: 30px;
	}

	.section-desctioption, .item-content {
		display: inherit;
	}

	.section-desctioption > li, .item-content > li {
		display: inherit;
		width: 100%;
	}

	.section-desctioption > li:first-child, .section-desctioption > li:last-child {
		padding: 0px;
	}

	.product-description-block .tech-file-container {
		text-align: left !important;
	}

	.product-characters {
		margin-bottom: 60px;
	}

	.reviews-link {
		padding-left: 0;
	}

	.section-title, .section-desctioption-title, .compare-table-title {
		/*        line-height: 30px;
				font-size: 1.8em;*/
		line-height: 42px !important;
		font-size: 32px !important;
	}

	.item-content > li > .image > img {
		width: 100%;
	}

	.product-quant ity {
		margin-top: 20px;
	}

	.product-quantity > input {
		width: 91px;
	}

	.product-quantity > .grey-hl {
		display: none;
	}

	.item-content > li > .image > .link {
		background-color: #d40931;
		color: #fff;
		display: inline-block;
	}
}

@media (max-width: 400px) {
	.special-offer-item > .image > .link {
		font-size: 12px;
		padding: 10px;
		bottom: 3px;
	}

	.special-offer-item .amount {
		font-size: 12px;
	}

	.special-offer-item {
		width: 100%;
		float: none;
	}
}


@media screen and (max-width: 959px) {
	.component\:container\.page-section > .header, .component\:container\.page-section > .content {
		max-width: 740px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 8px;
		padding-right: 8px;
	}
}

@media screen and (max-width: 670px) {
	.field.field\@FIELDS\.QUANTITY .input .units {
		display: none;
	}
}

@media screen and (max-width: 959px) {
	.component\:menu\@header > .content > .list > .item > .content > .submenu > .list > .item > .content > .heading:before {
		content: none;
	}
}

/* End */


/* Start:/local/templates/main/OwlCarousel/owl.carousel.min.css?16969296723810*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	display: none
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
	display: block
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.owl-carousel .animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	animation-name: fadeOut
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.owl-height {
	transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
	max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(/local/templates/main/OwlCarousel/owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}

/* End */


/* Start:/local/templates/main/magnific/magnific-popup.css?16969296726951*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* End */


/* Start:/local/templates/main/OwlCarousel/owl.theme.default.min.css?16969296721013*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* End */


/* Start:/local/templates/main/custom_css/custom_2.css?169692967217216*/
@media (max-width: 960px) {
	table.section-desc tr td {
		display: table;
	}
}
@media screen and (max-width: 560px) {
    .subscribe20 .stamp{
        
    }
}
.white-popup-block{
    padding: 20px 30px;
    text-align: left;
    max-width: max-content;
    margin: 40px auto;
    position: relative;
}
.subscribe20  .search-page > font.text, p{
	text-align: left !important;
}
.component\:production\.tags\@front > .content > .list > .item > .content > .image img{
	max-width: 60%;
}
.mfp-close{
    right: 27px;
    top: 18px;
}
.mfp-close:active{
    top: 18px;
}
.bx-yandex-view-layout{
	width:100%;
	position: absolute;
	top: 0;
    left: 0;
	height: auto;
}


/*Рекомендуемые товары*/
.head_special{
    font-size: 28px;
}
/*END Рекомендуемые товары*/

.content .component\:company\.contacts\@page{
    background: rgba(112,175,231, 0.88);
}
.dostavka {
    width: 90px;
    height: 53px;
    margin-left: auto;
	/*display:none;
    position: absolute;
    bottom: -50px;
    right: -70px;*/
}
.component\:container\.page-header > .content > .component\:company\.logo{
 width: 50%;
}
.component\:container\.page-header > .content > .component\:company\.logo> .content{
 display: flex;
}
@media screen and (max-width: 1300px) {
.component\:container\.page-header > .content > .component\:company\.logo{
 width: 30%;
}
}
@media screen and (max-width: 1030px) {

.dostavka {
display:none;
opacity:0;

}
.component\:container\.page-header > .content > .component\:company\.logo{
 width: 16%;
}
}
/*поиск*/
.search-page > form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.search-page > form > .styler:first-child {
    width: 30%;
    padding: 0.5em 1em;
    border: 1px solid #dee1e4;
    margin-right: 20px;
    line-height: 30px;
}

.search-page > form > .styler:nth-child(2) {
    color: #fff !important;
    background: #2c79b5;
    width: 10%;
    border: none;
    font-size: 15px;
    line-height: 30px;
}

.search-page > form > .styler:nth-child(2):hover {
    background: #d40931;
    transition: 0.2s;
}

.search-page > font.text, p {
    font-size: 16px;
    line-height: 25px;
}

.search-page > a {
    font-size: 18px;
    line-height: 40px;
}

.search-page > small {
    font-size: 14px;
    line-height: 20px;
}

.search-page > p:last-child {
    font-size: 18px;
    line-height: 40px;
    margin-top: 25px;
}

.search-page > font.text {
    margin: 10px 20px;
}

/*end поиск*/

.component\:slider\@catalog-main > .content > .slides > .list .item > .content > .image img {
    width: auto;
}

/*фильтр*/

.component\:production\.tags\@front > .content > .list > .item > .content > .image:before {
    background: #ffffff;
}

/*end фильтр*/
/*блок footer*/
#footer .content .component .content #bx_incl_area_2{
    color: #ffffff;
}
#footer .content .component:last-child  .header{
    margin-bottom: 7px;
}
@media screen and (min-width: 960px){
    #footer .content .component:nth-child(2){
        width: 35%;
        padding-left: 50px;
    }
    #footer .content .component:nth-child(3){
        width: 31.6%;
        padding-left: 35px;
    }
    #footer .content .component:nth-child(4) .content a.link:hover{
        filter: brightness(0) invert(1);
    }

}
/*end блок footer*/

/*блок новости компнии*/
.item.slick-slide.slick-active:hover div.title {
    color: #d40931;
}

.content .slides .item.slick-slide.slick-active:hover a.link {
    color: #ffffff;
    background: #d40931;
    border-bottom: 1px solid #d40931;
    transition: color 0.25s ease-in-out, border 0.25s ease-in-out, background 0.25s ease-in-out;
}

.content .slides .item.slick-slide.slick-active:hover a.link::before {
    transition: background-position 0.25s ease-in-out;
    background-position: 0px 0px !important;
}

/*end новости компнии*/

/*блок контакты*/
.form_description {
    color: #2c79b5;
    margin-bottom: 30px;
}

/*end блок контакты*/

/*блок хлебные крошки*/
@media screen and (min-width: 1600px) {
    .component\:container\.page-section > .header, .component\:container\.page-section > #breadcrumb_style {
        max-width: 1750px;
        margin-left: 70px;
    }
}

@media screen and (min-width: 960px) {
    .component\:container\.page-section > .header, .component\:container\.page-section > #breadcrumb_style {
        max-width: 1750px;

    }
}

/*end хлебные крошки*/

/*блок меню*/
@media screen and (min-width: 1600px) {
    #header > .content {
        display: flex;
        align-items: center;
    }

    #header > .content > .component {
        flex-basis: 50%;
    }

    #header > .content > .component > .content {
        display: flex;
        align-items: center;
    }

    #header > .content > .component > .content > nav {
        margin-left: 8%;
        min-width: 480px;
    }

    #header > .content > .component > .content > nav > .content > .list {
        display: flex;
        margin: 0;
    }

    #header > .content > .component > .content > nav > .content > .list > .item {
        padding: 0;
        margin-right: 9%;
    }

    #header > .content > .component > .content > form {
        margin-left: auto;
        padding: 0;
    }

    .component\:container\.groupping\@mobile-popup > .content > .component {
        padding: 0;
    }

}

@media screen and (max-width: 1300px) {
    .component\:container\.page-header\@alternative:after {
        opacity: 1;
        transition: opacity 0.25s ease-in-out;
    }

    .component\:container\.page-header\@alternative > .content > .component.component\:company\.logo\@default > .content .link {
        margin-top: -0.375em;
        margin-bottom: -0.375em;
        transform-origin: left center;
        transform: scale(0.8787878788);
        transition: margin 0.25s ease-in-out, transform 0.25s ease-in-out;
    }
}

@media screen and (min-width: 960px) {

    .component\:menu\@header > .content > .list > .item > .content > .heading {
        font-size: 2rem;
    }

    .component\:container\.page-header > .content > .component.component\:company\.logo\@default > .content .link {
        transform: initial;
    }

}

@media screen and (max-width: 959px) {

    .component\:personal\.cart\@mini {
        display: flex;
    }

    .component\:container\.groupping > .content > .component {
        margin-bottom: 0.5em;
    }

    .component\:personal\.cart\@mini > .header:before, .component\:personal\.cart\@mini > .header {
        padding: 30px 0 0 30px !important;
    }

    .component\:personal\.cart\@mini > .header, .component\:personal\.cart\@mini > .content {
        line-height: 1.2;
    }

}

/*end меню*/

/*end фильтр*/

/*компания*/
.header_company {
    font-size: 3rem;
    line-height: 1.1;
}

.text_company, .link_company {
    font-size: 1.6rem;
}

.link_company {
    border-bottom: 1px dashed #2c79b5;
}

.link_company:hover {
    border-bottom: 1px dashed #d40931;
    transition: 0.25s;
}

.component\:container\.page-section\@page-intro > .content > .component.component\:slider.component\:slider\@company-slide-arrows .slick-arrow {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 150px;
    height: 100%;
    border: none;
    background-size: cover;
}

.component\:container\.page-section\@page-intro > .content > .component.component\:slider.component\:slider\@company-slide-arrows .slick-prev {
    left: 1%;
    background: url("/local/templates/main/images/arrow_prev_company.png") no-repeat center;
}

.component\:container\.page-section\@page-intro > .content > .component.component\:slider.component\:slider\@company-slide-arrows .slick-next {
    left: 91%;
    background: url("/local/templates/main/images/arrow_next_company.png") no-repeat center;
}

@media screen and (min-width: 1600px) {
    .header_company {
        font-size: 4.4rem;
    }
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {
    .header_company {
        font-size: 4rem;
    }
}

@media screen and (min-width: 960px) {
    .header_company {
        margin: 0 0 0.8em;
    }
}

@media screen and (max-width: 959px) {
    .header_company {
        margin: 0 0 1em;
    }
}

@media screen and (max-width: 959px) {
    .text_company, .link_company {
        font-size: 1.4rem;
    }
}

/*end компания*/

/*козина*/
.component\:container\.page-section .component\@ajax .content .groups .summary {
    display: flex;
    justify-content: flex-end;
}

.component\:container\.page-section .component\@ajax .content .groups .products .column.column\@SUMMARY .price.price\@FINAL .label {
    font-size: 15px;
}

.component\:container\.page-section .component\@ajax .content .groups .products .column.column\@SUMMARY .value .digits {
    font-weight: bold;
    font-size: 20px;
}

.component\:container\.page-section .component\@ajax .content .groups .products .column.column\@DESCRIPTION .image-text .price.price\@FINAL .value .digits {
    font-weight: bold;
    font-size: 20px;
    color: #858992;
}

.component\:container\.page-section .component\@ajax .content .groups .products .column.column\@DESCRIPTION .image-text .price.price\@FINAL .value .units {
    font-weight: bold;
    font-size: 15px;
    color: #858992;
}

.component\:container\.page-section .component\@ajax .content .groups .products .column.column\@SUMMARY .value .units {
    font-weight: bold;
    font-size: 15px;
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column {
    padding: 0;
}

.component\:container\.page-section .component\@ajax .content .groups .products .column.column\@FIELDS_PROPERTIES .field.field\@FIELDS\.QUANTITY {
    max-width: 150px;
}

.component\:container\.page-section .component\@ajax .content .groups .products .column.column\@DESCRIPTION .image-text {
    display: flex;
    margin-right: 3%;
}

.component\:container\.page-section .component\@ajax .content .groups .products .column.column\@DESCRIPTION .image-text .text .title {
    font-weight: bold;
    font-size: 15px;
    color: #000000;
}

.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column\@DESCRIPTION > .image-text > .image, .component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item > .content > .column\@DESCRIPTION > .image-text > .text {
    display: flex;
    flex-direction: column;
}

.component\:container\.page-section .component\@ajax .content .groups .products .column.column\@DESCRIPTION .image-text .text .prices {
    margin-top: auto;
}

.component\:container\.page-section .component\@ajax .content .groups .products .column.column\@FIELDS_PROPERTIES .field.field\@FIELDS\.QUANTITY .input {
    display: flex;
    align-items: center;
}

.component\:container\.page-section .component\@ajax .content .groups .products .column.column\@FIELDS_PROPERTIES .field.field\@FIELDS\.QUANTITY .label {
    color: #000000;
    font-size: 15px;
    padding-bottom: 10px;
}

.component\:container\.page-section .component\@ajax .content .groups .products .column.column\@FIELDS_PROPERTIES .field.field\@FIELDS\.QUANTITY .input .units {
    margin-left: 10px;
    color: #858992;
    font-size: 15px;
}

.component\:container\.page-section .component\@ajax .content .groups .products .column.column\@ACTIONS .component\:form\@CART_ACTION_REMOVE .action.action\@SUBMIT .button.button\@transparent {
    background: url("/local/templates/main/images/cross_delete.png") no-repeat center;
}

.component\:container\.page-section .component\@ajax .content .groups .summary > .prices {
    margin: 3% 11% 0 0;
}

.component\:container\.page-section .component\@ajax .content .groups .summary .price .value {
    color: #d40931;
}

.component\:container\.page-section .component\@ajax .content .groups .summary .price .label {
    font-weight: bold;
    font-size: 15px;
}

.component\:container\.page-section .component\@ajax .content .groups .summary .price .value .digits {
    font-size: 32px;
}

.component\:container\.page-section .component\@ajax .content .groups .summary .price .value .units {
    font-size: 15px;
    font-weight: bold;
}

/*end козина*/

/*сепециальные предложения*/
.special-offer-item {
    width: 100%;
    margin: 0 5px;
}

/*end сепециальные предложения*/

/*карточка товара*/
.section-title {
    line-height: 45px;
    font-size: 2.9em;
    margin-top: 20px;
}

.rating-block {
    margin-top: 15px;
}

.rating-block > .blue-star, .rating-block > .grey-star {
    height: 30px;
    width: 35px;
}

.section-cart {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    margin-top: 4%;
    border-bottom: 3px solid #e9ebed;
    padding-bottom: 50px;
    margin-bottom: 3%;
}

.section-cart > .section-cart-left, .section-cart-right {
    width: 44%;
    margin: 0 5px;
    display: flex;
    flex-direction: column;
}

.subdark {
    width: 100%;
    height: 99%;
}

.section-cart-left > .image-switcher > .nav-images {
    display: flex;
    flex-wrap: wrap;

    padding-top: 6%;
}

.section-cart-left > .image-switcher > .nav-images > .small-image {
    width: 90px;
    height: 83px;
    display: inline-block;
    box-sizing: border-box;
}

.section-cart-left > .image-switcher > .nav-images > .small-image {
    margin: 0 3.5% 2% 3.5% !important;
}

.section-cart-right .cart-price {
    border-bottom: 1px solid #c0c2c6;
    border-top: 1px solid #c0c2c6;
    padding: 2.5% 0;
}

.section-cart-right .cart-price .amount {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 15px;
}

.section-cart-right .cart-price .amount .price-container {
    display: inline-block;
    height: initial;
    vertical-align: initial;
    margin-top: initial;
}

.section-cart-right .cart-price .amount .price-container .red-price.red-hl {
    font-size: 32px;
}

.section-cart-right .cart-options .row-options {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 6% 0;
}

.section-cart-right .cart-options .row-options .name-option {
    width: 30%;
    font-size: 15px;
}

.section-cart-right .cart-options .row-options .select-option {
    width: 70%;
}

.section-cart-right .cart-button {
    margin-top: auto;
}

.section-cart-right .cart-options .row-options .select-option .product-quantity .styler {
    margin: 0 -4px 0 -3px;
}

.section-cart-right .cart-text {
    border-top: 1px solid #c0c2c6;
    padding-top: 30px;
}

.section-cart-right > .cart-text > .tech-file-container {
    position: initial;
    margin-bottom: 50px;
}

.section-desctioption-title {
    margin-bottom: 0px;
}

div.section-charac-desc {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border: 1px solid #c0c2c6;
    margin-bottom: 100px;
}

div.section-charac-desc > div.cart-charac-desc {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

div.section-charac-desc > div.cart-charac-desc > .name-charac-desc, .description-charac-desc {
    width: 50%;
    padding: 30px 25px 30px 30px;
}

div.section-charac-desc > div.cart-charac-desc > .name-charac-desc {
    font-size: 20px;
    background: #F3F3F3;
    border-right: 1px solid #c0c2c6;
}

div.section-charac-desc > div.cart-charac-desc:not(:last-child) > .name-charac-desc {
    border-bottom: 1px solid #c0c2c6;
}

div.section-charac-desc > div.cart-charac-desc:not(:last-child) > .description-charac-desc {
    border-bottom: 1px solid #c0c2c6;
}

div.section-charac-desc > div.cart-charac-desc > .description-charac-desc {
    font-size: 15px;
}

.section-cart-right > .cart-options > .row-options > .select-option > .selectjs-block > .select-options {
    top: 26px;
}

@media screen and (max-width: 959px) {
    .section-cart > .section-cart-left, .section-cart-right {
        width: 100%;
    }

    div.section-charac-desc > div.cart-charac-desc > .name-charac-desc, .description-charac-desc {
        width: 100%;
    }

    div.section-charac-desc > div.cart-charac-desc > .name-charac-desc {
        border-right: none;
    }

    div.section-charac-desc > div.cart-charac-desc > .name-charac-desc {
        border-bottom: 1px solid #c0c2c6;
    }
}

@media screen and (max-width: 1366px) {
    .section-title, .section-desctioption-title {
        font-size: 2.5em;
    }

    div.section-charac-desc > div.cart-charac-desc > .name-charac-desc {
        font-size: 18px;
    }

    div.section-charac-desc > div.cart-charac-desc > .description-charac-desc {
        font-size: 14px;
    }
}


.component\:personal\.cart\@default > .content > .groups > .list > .item > .content > .products > .list > .item {
    min-width: 656px;
}


@media screen and (max-width: 656px){
    .content .products .list{
        overflow-x: scroll;
    }
}

.field.field\@SIMPLE_QUESTION_165.field\@valid.field\@filled {
    display: none;
}

.field.field\@SIMPLE_QUESTION_264.field\@valid.field\@filled{
    display: none;
}

div#bx-composite-banner{
    display: none;
}
/*end карточка товара*/

/* End */


/* Start:/local/templates/main/components/asd/subscribe.quick.form/podpiska_fast/style.css?16969296724133*/
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic&subset=latin,cyrillic);
.subscribe20 {
    background: url("/local/templates/main/components/asd/subscribe.quick.form/podpiska_fast/image/border.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow:  0 1px 0 0 rgba(255, 255, 255, 0.88) inset, 0 0 1px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow:  0 1px 0 0 rgba(255, 255, 255, 0.88) inset, 0 0 1px 0 rgba(0, 0, 0, 0.5);
    box-shadow:  0 1px 0 0 rgba(255, 255, 255, 0.88) inset, 0 0 1px 0 rgba(0, 0, 0, 0.5);
    width: max-content;
}
.subscribe20 .inner {
    background: #f6f6f6;
    font: 13px/18px Verdana,Arial,sans-serif;
    margin: 0;
    padding: 10px 10px 10px 10px;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.subscribe20 .stamp {
    /*background: url("/local/templates/main/components/asd/subscribe.quick.form/podpiska_fast/image/stamp.png") no-repeat center;*/
    /*background-size: cover;*/
    /*height: 64px;*/
    position: absolute;
    right: 8px;
    top: 4px;
    font-weight: bold;
    color: #00385F;
    /*width: 88px;*/
}
/*.subscribe20 .stamp img{*/
    /*width: 50%;*/
/*}*/
.subscribe20 h3 {
    margin-top: 0;
    color: #283537;
    font: bold 16px/20px "Roboto Condensed",Arial,sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
}
.subscribe20  .search-page > font.text, p{
    font-size: 15px;
    line-height: 20px;
    text-align: center;
}
.subscribe20 #asd_subscribe_form {
    display: inline-block;
    margin: 0;
    position: relative;
}

.subscribe20 p {margin: 0 0 10px;}
.subscribe20 .submit_group{position: relative;}
.subscribe20 input[name="asd_email"] {
    box-shadow: 0 0 5px 0 #bbbbbb inset, 0 1px 0 0 #ffffff;
    font: normal 15px/24px "Roboto Condensed",Arial;
    width: 300px;
    background: linear-gradient(to bottom, #ffffff 0px, #e7e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ababab;
    border-radius: 5px;
    color: #283537;
    margin: 0;
    padding: 4px 6px;
    position: relative;
    text-decoration: none;
    outline: 0 none;
}
.subscribe20 input[name="asd_submit"] {
    margin-top: -12px;
    padding: 4px 6px;
    position: absolute;
    right: 7px;
    top: 50%;
    border: 0 none;
    color: #ffffff;
    font: normal 14px/16px "Roboto Condensed",sans-serif;
    text-shadow: none;
    text-transform: uppercase;
    cursor: pointer;
    background: #F64214;
    background: -moz-linear-gradient(top,#f64214 0,#cb3914 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F64214),color-stop(100%,#CB3914));
    background: -webkit-linear-gradient(top,#F64214 0,#CB3914 100%);
    background: -o-linear-gradient(top,#f64214 0,#cb3914 100%);
    background: -ms-linear-gradient(top,#f64214 0,#cb3914 100%);
    background: linear-gradient(to bottom,#F64214 0,#CB3914 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.subscribe20 input[name="asd_submit"]:hover{
    background: #CB3914;
    background: -moz-linear-gradient(top,#cb3914 0,#f64214 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#CB3914),color-stop(100%,#F64214));
    background: -webkit-linear-gradient(top,#CB3914 0,#F64214 100%);
    background: -o-linear-gradient(top,#cb3914 0,#f64214 100%);
    background: -ms-linear-gradient(top,#cb3914 0,#f64214 100%);
    background: linear-gradient(to bottom,#CB3914 0,#F64214 100%);
}
.subscribe20 input[name="asd_submit"]:active{background: #cb3914;}
.subscribe_main_content{
    position: fixed;
    z-index: 9999;
    right: -200%;
    top: 80%;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.7);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.7);
    transition: 0.5s;
}
/* End */


/* Start:/local/templates/main/styles.css?1696935276955*/
@media all and (max-width: 1200px) {
    .filter {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .component\:production\.tags\@inner > .content > .list > li:first-child, .component\:production\.tags\@inner2 > .content > .list > li:first-child {
        margin-left: 1.269em !important;
    }

    .component\:production\.tags\@inner > .content > .list > li, .component\:production\.tags\@inner2 > .content > .list > li {
        margin: 0.5em 1.269em !important;
    }

    .component\:production\.tags\@inner > .content > .list > li:last-child, .component\:production\.tags\@inner2 > .content > .list > li:last-child {
        margin-right: 1.269em !important;
    }

    .component\:production\.tags\@front > .content > .list > .item > .content > .title {
        text-align: center;
    }
}
/* fix info icon in bitrix admin panel */
tbody > tr > td.adm-detail-content-cell-l > img {
    width: auto;
}

/* End */
/* /local/templates/.default/vendor/css/normalize/normalize.css?16969296727719 */
/* /local/templates/.default/vendor/js/slick/slick.css?16974445141776 */
/* /local/templates/main/css/styles-1696935308.css?1697444128133223 */
/* /local/templates/main/custom_css/custom.css?169692967229532 */
/* /local/templates/main/OwlCarousel/owl.carousel.min.css?16969296723810 */
/* /local/templates/main/magnific/magnific-popup.css?16969296726951 */
/* /local/templates/main/OwlCarousel/owl.theme.default.min.css?16969296721013 */
/* /local/templates/main/custom_css/custom_2.css?169692967217216 */
/* /local/templates/main/components/asd/subscribe.quick.form/podpiska_fast/style.css?16969296724133 */
/* /local/templates/main/styles.css?1696935276955 */