/* Start:/local/templates/roso/vendor/normalize.css?16787206026138*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

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

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

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

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

body {
  margin: 0;
}

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

main {
  display: block;
}

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

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

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

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

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

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

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

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

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

a {
  background-color: transparent;
}

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

img {
  border-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

progress {
  vertical-align: baseline;
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}

/* End */


/* Start:/local/templates/roso/css/hamburgers.css?167872060228104*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      transform: translate3d(80px, 80px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -80px;
      top: 80px;
      transform: translate3d(80px, -80px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -80px;
      top: 80px;
      transform: translate3d(-80px, -80px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/* End */


/* Start:/local/templates/roso/vendor/select2/css/select2.min.css?167872060214965*/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
/* End */


/* Start:/local/templates/roso/vendor/malihu-custom-scrollbar/css/jquery.mCustomScrollbar.min.css?167872060242839*/
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/local/templates/roso/vendor/malihu-custom-scrollbar/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
/* End */


/* Start:/local/templates/roso/vendor/wow/animate.min.css?167872060285536*/
@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {

    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {

    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {

    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {

    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInLeft {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInRight {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

@media (print),
(prefers-reduced-motion: reduce) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }
}
/* End */


/* Start:/local/templates/roso/vendor/fancybox/jquery.fancybox.min.css?167872060212795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/roso/map/jqvmap.min.css?1678720602613*/
.jqvmap-label,.jqvmap-pin{pointer-events:none}.jqvmap-label{position:absolute;display:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#292929;color:#fff;font-family:sans-serif,Verdana;font-size:smaller;padding:3px}.jqvmap-zoomin,.jqvmap-zoomout{position:absolute;left:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#000;padding:3px;color:#fff;width:10px;height:10px;cursor:pointer;line-height:10px;text-align:center}.jqvmap-zoomin{top:10px}.jqvmap-zoomout{top:30px}.jqvmap-region{cursor:pointer}.jqvmap-ajax_response{width:100%;height:500px}

/* End */


/* Start:/local/templates/roso/vendor/owlcarousel/owl.carousel.min.css?16787206023351*/
/**
 * 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/roso/vendor/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/roso/vendor/owlcarousel/owl.theme.default.min.css?16787206021013*/
/**
 * 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/roso/styles.css?1701076964272*/
.header_with_soc_links {
display:flex;
align-items:center;
}

.section-1-4 {
  margin-left: 30px;
  display: flex !important;
  gap: 16px;
}

.socs_link {
padding-left: 12px !important;
  margin-right: 0px;
  padding-right: 12px !important;
	padding-top: 4px !important;
}
/* End */


/* Start:/local/templates/roso/template_styles.css?1785914629192941*/
visibility: visible;.xl-only, .lg-only, .md-only, .xs-only { display: none; } @media all and (min-width: 1360px) { .xl-only { display: block; } } @media all and (min-width: 1024px) and (max-width: 1359px) { .lg-only { display: block; } } @media all and (min-width: 768px) and (max-width: 1023px) { .md-only { display: block; } } @media all and (max-width: 767px) { .xs-only { display: block; } } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .nowrap { white-space: nowrap; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } .col-auto { width: auto; max-width: 100%; } .col-1 { max-width: 8.333333%; } .col-2 { max-width: 16.666667%; } .col-3 { max-width: 25%; } .col-4 { max-width: 33.333333%; } .col-5 { max-width: 41.666667%; } .col-6 { max-width: 50%; } .col-7 { max-width: 58.333333%; } .col-8 { max-width: 66.666667%; } .col-9 { max-width: 75%; } .col-10 { max-width: 83.333333%; } .col-11 { max-width: 91.666667%; } .col-12 { max-width: 100%; } .col-auto.flex { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; } .col-1.flex { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; } .col-2.flex { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; } .col-3.flex { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; } .col-4.flex { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; } .col-5.flex { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; } .col-6.flex { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; } .col-7.flex { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; } .col-8.flex { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; } .col-9.flex { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; } .col-10.flex { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; } .col-11.flex { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; } .col-12.flex { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; } @media (min-width: 1360px) { .col-xl-auto { width: auto; width: 100%; } .col-xl-1 { width: 8.333333%; } .col-xl-2 { width: 16.666667%; } .col-xl-3 { width: 25%; } .col-xl-4 { width: 33.333333%; } .col-xl-5 { width: 41.666667%; } .col-xl-6 { width: 50%; } .col-xl-7 { width: 58.333333%; } .col-xl-8 { width: 66.666667%; } .col-xl-9 { width: 75%; } .col-xl-10 { width: 83.333333%; } .col-xl-11 { width: 91.666667%; } .col-xl-12 { width: 100%; } .col-xl-auto.flex { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; } .col-xl-1.flex { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2.flex { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3.flex { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-xl-4.flex { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5.flex { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6.flex { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-xl-7.flex { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 0 0 58.333333%; } .col-xl-8.flex { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 0 0 66.666667%; } .col-xl-9.flex { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 0 0 75%; } .col-xl-10.flex { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 0 0 83.333333%; } .col-xl-11.flex { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 0 0 91.666667%; } .col-xl-12.flex { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 0 0 100%; } .order-xl-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-xl-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-xl-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-xl-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-xl-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-xl-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-xl-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-xl-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-xl-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-xl-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-xl-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-xl-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-xl-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-xl-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-xl-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } @media (max-width: 1359px) and (min-width: 1024px) { .col-lg-auto { width: auto; width: 100%; } .col-lg-1 { width: 8.333333%; } .col-lg-2 { width: 16.666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.333333%; } .col-lg-5 { width: 41.666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.333333%; } .col-lg-8 { width: 66.666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.333333%; } .col-lg-11 { width: 91.666667%; } .col-lg-12 { width: 100%; } .col-lg-1.flex { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2.flex { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3.flex { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-lg-4.flex { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5.flex { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6.flex { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-lg-7.flex { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 0 0 58.333333%; } .col-lg-8.flex { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 0 0 66.666667%; } .col-lg-9.flex { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 0 0 75%; } .col-lg-10.flex { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 0 0 83.333333%; } .col-lg-11.flex { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 0 0 91.666667%; } .col-lg-12.flex { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 0 0 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (max-width: 1023px) and (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; width: 100%; } .col-md-1 { width: 8.333333%; } .col-md-2 { width: 16.666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.333333%; } .col-md-5 { width: 41.666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.333333%; } .col-md-8 { width: 66.666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.333333%; } .col-md-11 { width: 91.666667%; } .col-md-12 { width: 100%; } .col-md-1.flex { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2.flex { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3.flex { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-md-4.flex { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5.flex { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6.flex { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-md-7.flex { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 0 0 58.333333%; } .col-md-8.flex { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 0 0 66.666667%; } .col-md-9.flex { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 0 0 75%; } .col-md-10.flex { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 0 0 83.333333%; } .col-md-11.flex { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 0 0 91.666667%; } .col-md-12.flex { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 0 0 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (max-width: 767px) { .col-sm-auto { width: auto; max-width: 100%; } .col-sm-1 { max-width: 8.333333%; } .col-sm-2 { max-width: 16.666667%; } .col-sm-3 { max-width: 25%; } .col-sm-4 { max-width: 33.333333%; } .col-sm-5 { max-width: 41.666667%; } .col-sm-6 { max-width: 50%; } .col-sm-7 { max-width: 58.333333%; } .col-sm-8 { max-width: 66.666667%; } .col-sm-9 { max-width: 75%; } .col-sm-10 { max-width: 83.333333%; } .col-sm-11 { max-width: 91.666667%; } .col-sm-12 { max-width: 100%; } .col-sm-1.flex { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2.flex { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3.flex { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-sm-4.flex { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5.flex { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6.flex { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-sm-7.flex { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 0 0 58.333333%; } .col-sm-8.flex { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 0 0 66.666667%; } .col-sm-9.flex { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 0 0 75%; } .col-sm-10.flex { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 0 0 83.333333%; } .col-sm-11.flex { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 0 0 91.666667%; } .col-sm-12.flex { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 0 0 100%; } .order-sm-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-sm-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-sm-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-sm-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-sm-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-sm-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-sm-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-sm-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-sm-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-sm-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-sm-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-sm-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-sm-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-sm-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-sm-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria-Thin.eot"); src: local("fonts/Geometria/Geometria Thin"), local("fonts/Geometria/Geometria-Thin"), url("/local/templates/roso/fonts/Geometria/Geometria-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria-Thin.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria-MediumItalic.eot"); src: local("fonts/Geometria/Geometria MediumItalic"), local("fonts/Geometria/Geometria-MediumItalic"), url("/local/templates/roso/fonts/Geometria/Geometria-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria-MediumItalic.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria-Italic.eot"); src: local("fonts/Geometria/Geometria Italic"), local("fonts/Geometria/Geometria-Italic"), url("/local/templates/roso/fonts/Geometria/Geometria-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria-Italic.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria-Heavy.eot"); src: local("fonts/Geometria/Geometria Heavy"), local("fonts/Geometria/Geometria-Heavy"), url("/local/templates/roso/fonts/Geometria/Geometria-Heavy.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria-Heavy.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria-ExtraBoldItalic.eot"); src: local("fonts/Geometria/Geometria ExtraBoldItalic"), local("fonts/Geometria/Geometria-ExtraBoldItalic"), url("/local/templates/roso/fonts/Geometria/Geometria-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria-ExtraBoldItalic.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria-ExtraBoldItalic.ttf") format("truetype"); font-weight: 800; font-style: italic; } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria-Medium.eot"); src: local("fonts/Geometria/Geometria Medium"), local("fonts/Geometria/Geometria-Medium"), url("/local/templates/roso/fonts/Geometria/Geometria-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria-Medium.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria-BoldItalic.eot"); src: local("fonts/Geometria/Geometria BoldItalic"), local("fonts/Geometria/Geometria-BoldItalic"), url("/local/templates/roso/fonts/Geometria/Geometria-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria-BoldItalic.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria-LightItalic.eot"); src: local("fonts/Geometria/Geometria LightItalic"), local("fonts/Geometria/Geometria-LightItalic"), url("/local/templates/roso/fonts/Geometria/Geometria-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria-LightItalic.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria-HeavyItalic.eot"); src: local("fonts/Geometria/Geometria HeavyItalic"), local("fonts/Geometria/Geometria-HeavyItalic"), url("/local/templates/roso/fonts/Geometria/Geometria-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria-HeavyItalic.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria-HeavyItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria.eot"); src: local("fonts/Geometria/Geometria"), url("/local/templates/roso/fonts/Geometria/Geometria.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria-Bold.eot"); src: local("fonts/Geometria/Geometria Bold"), local("fonts/Geometria/Geometria-Bold"), url("/local/templates/roso/fonts/Geometria/Geometria-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria-Bold.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria-ExtraBold.eot"); src: local("fonts/Geometria/Geometria ExtraBold"), local("fonts/Geometria/Geometria-ExtraBold"), url("/local/templates/roso/fonts/Geometria/Geometria-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria-ExtraBold.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria-ThinItalic.eot"); src: local("fonts/Geometria/Geometria ThinItalic"), local("fonts/Geometria/Geometria-ThinItalic"), url("/local/templates/roso/fonts/Geometria/Geometria-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria-ThinItalic.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria-ExtraLightItalic.eot"); src: local("fonts/Geometria/Geometria ExtraLightItalic"), local("fonts/Geometria/Geometria-ExtraLightItalic"), url("/local/templates/roso/fonts/Geometria/Geometria-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria-ExtraLightItalic.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria-ExtraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria-Light.eot"); src: local("fonts/Geometria/Geometria Light"), local("fonts/Geometria/Geometria-Light"), url("/local/templates/roso/fonts/Geometria/Geometria-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria-Light.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Geometria"; src: url("/local/templates/roso/fonts/Geometria/Geometria-ExtraLight.eot"); src: local("fonts/Geometria/Geometria ExtraLight"), local("fonts/Geometria/Geometria-ExtraLight"), url("/local/templates/roso/fonts/Geometria/Geometria-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/roso/fonts/Geometria/Geometria-ExtraLight.woff") format("woff"), url("/local/templates/roso/fonts/Geometria/Geometria-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } html { height: 100%; background: #04222a; } .clear { clear: both; } *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } * { margin: 0; padding: 0; } input, textarea { -webkit-appearance: none; border-radius: 0; } body { font-family: "Geometria", sans-serif; font-size: 16px; line-height: 24px; text-shadow: none; background: #04222a; color: #fff; } html, body { height: 100%; min-width: 320px; } .content-wrapper { margin: 0 auto; width: 100%; } .front-page .content-wrapper { margin: 0 auto; width: auto; } .wow { visibility: hidden; } .container { margin: auto; width: 1248px; padding-left: 8px; padding-right: 8px; } .content-wrapper > .container:first-child { padding-top: 35px; } .content-wrapper > .container:first-child > h1 { margin: 0; } h1 { font-size: 80px; line-height: 101px; letter-spacing: 0.06em; text-transform: uppercase; color: #fff; font-weight: 400; } @media (max-width: 1359px) { .container { padding-top: 0px; margin: auto; width: 100%; max-width: 960px; padding-left: 8px; padding-right: 8px; } .content-wrapper > .container:first-child { padding-top: 0px; } .content-wrapper > .container { padding-top: 0px; margin: auto; width: 100%; max-width: 960px; padding-left: 8px; padding-right: 8px; } .content-wrapper > .container > h1 { margin: 0; } } @media (max-width: 1440px) { h1 { font-size: 40px; line-height: 50px; } } @media (max-width: 1023px) { .container { padding-left: 16px; padding-right: 16px; } .content-wrapper > .container { padding-left: 16px; padding-right: 16px; } h1 { font-size: 32px; line-height: 40px; } h1.page-title { margin: 15px 0 20px !important; } } #cart-modal .mobile { display: none; } @media (max-width: 767px) { #cart-modal .mobile { display: inline-block; } } .default-styles .content-wrapper > .container h1 { margin-bottom: 70px !important; } .default-styles .content-wrapper > .container:first-child { padding-bottom: 30px; } .default-styles footer .content-wrapper { margin-top: 0 !important; } @media (max-width: 1440px) { .default-styles .content-wrapper > .container:first-child { padding-bottom: 20px; padding-top: 25px; } .default-styles .content-wrapper > .container:first-child h1.page-title { margin-top: 30px !important; margin-bottom: 0px !important; } } @media (max-width: 1023px) { .default-styles .content-wrapper > .container:first-child h1.page-title { margin-top: 0px !important; margin-bottom: 0px !important; } } @media (max-width: 767px) { .default-styles .content-wrapper > .container { padding-top: 15px; } .default-styles .content-wrapper > .container h1 { margin-bottom: 0px !important; } } .preloader { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #012f3c; z-index: 2000; opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .preloader .preloader__row { width: 128px; height: 129px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; } .preloader .preloader__row .preloader__fish { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 128px; height: 129px; background: url("/local/templates/roso/images/preloader/fish.svg") no-repeat; -webkit-animation: rotate-center 1.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite; animation: rotate-center 1.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite; } .preloader .preloader__row .preloader__center { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 52px; height: 52px; margin: auto; background: url("/local/templates/roso/images/preloader/center.svg") no-repeat; background-position: center; z-index: 5; } .loaded-hiding .preloader { opacity: 0; } .preloader.loaded { visibility: hidden; opacity: 0; display: none; } @-webkit-keyframes rotate-center { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate-center { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } body:not(.front-page):not(.rybokombinat-sevko) { overflow-x: hidden; } body:not(.front-page):not(.rybokombinat-sevko) .sticky-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; } body:not(.front-page):not(.rybokombinat-sevko) .main-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: table-row; height: auto; } body:not(.front-page):not(.rybokombinat-sevko) footer { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (min-width: 1261px) { body.front-page .sticky-wrapper { width: 100%; height: 100%; display: table; } body.front-page header { display: table-row; height: 1px; vertical-align: top; } body.front-page footer { display: table-row; height: 1px; vertical-align: top; } body.front-page .main-content { vertical-align: top; display: table-row; height: 100%; } } @media (max-width: 1260px) { body .sticky-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; } body .main-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: table-row; height: auto; } body footer { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .inline-wrapper { font-size: 0; } .inline-wrapper > .inline-block { font-size: 16px; } .inline-block { vertical-align: top; display: inline-block; } .mobile-view-front { display: none; } @media (min-width: 1261px) { body.front-page { overflow: hidden !important; } } .text-v-center-wrapp { display: table; height: 100%; width: 100%; } .text-v-center-wrapp .text-v-center { display: table-cell; vertical-align: middle; } #fish-slider { width: 100%; height: 100vh; padding: 0; } #fish-slider ul { *zoom: 1; font-size: 0; margin: 0; padding: 0; height: 100%; list-style: none; position: relative; } #fish-slider ul .fish-bg-wrapper { position: absolute; left: 0; top: 0; width: 1px; width: 100%; height: 100%; min-height: 850px; } @media all and (max-width: 1500px) { #fish-slider ul .fish-bg-wrapper { min-height: 740px; } } @media all and (max-width: 1359px) { #fish-slider ul .fish-bg-wrapper { min-height: 700px; } } #fish-slider ul .first-layer { position: absolute; left: 37.5%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; margin: auto; z-index: 10; } #fish-slider ul .second-layer { position: absolute; left: 40%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; margin: auto; z-index: 8; } #fish-slider ul .third-layer { position: absolute; left: 38.5%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -80px; margin: auto; z-index: 6; } #fish-slider ul li { display: inline-block; vertical-align: top; margin: 0; padding: 0; font-size: 16px; height: 100%; } .gradien-btn { line-height: 48px; height: 48px; text-align: center; padding: 0 32px; font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; color: #ffffff !important; display: inline-block; position: relative; z-index: 1; font-weight: bold; text-decoration: none !important; } .gradien-btn.opacity-5::before { -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; opacity: 0.5; } .gradien-btn.opacity-5:hover::before { opacity: 1; } .gradien-btn:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(337.58deg, #ff6e4b 23.01%, #1ac6b8 76.37%); z-index: -1; } .gradien-btn:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: calc(100% - 2px); height: calc(100% - 2px); margin: auto; background: #04222a; z-index: -1; } .padding-full-w { padding-left: 112px; padding-right: 112px; } header .top-menu-resp { max-height: 176px; padding: 36px 112px 36px; max-width: 100%; width: 100%; position: relative; left: 0; top: 0; z-index: 5; line-height: 0; } @media all and (max-width: 1456px) { header .top-menu-resp { padding: 36px 64px 36px; } } header .top-menu-resp { text-align: justify; } header .top-menu-resp:after { content: ""; display: inline-block; width: 100%; height: 0; font-size: 0; line-height: 0; } header .top-menu-resp .section-1 { display: inline-block; vertical-align: middle; } header .top-menu-resp .section-2 { display: inline-block; vertical-align: middle; } @media (max-width: 1023px) { header .top-menu-resp { height: 105px; } } header .section-1 .section-1-1 { vertical-align: middle; margin-right: 40px; } header .section-1 .section-1-1 a { display: inline-block; vertical-align: middle; } header .section-1 .section-1-1 .home-page { display: inline-block; vertical-align: middle; margin-left: 47px; font-size: 18px; line-height: 18px; color: #fff; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; margin-top: 4px; font-weight: 300; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } header .section-1 .section-1-1 .home-page:hover { color: #1ac6b8; } @media all and (max-width: 1359px) { header .section-1 .section-1-1 .home-page { display: none; } } header .section-1 .section-1-2 { vertical-align: middle; margin-right: 30px; } header .section-1 .section-1-3 { vertical-align: middle; } header .section-1 a[href^="tel"] { font-weight: 200; font-size: 20px; line-height: 25px; text-transform: uppercase; color: #ffffff; text-decoration: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } header .section-1 a[href^="tel"]:hover { color: #1ac6b8; } header .section-2 .menu-burger-wrapper .burger-menu { cursor: pointer; width: 32px; height: 32px; position: relative; } header .section-2 .menu-burger-wrapper .burger-menu:before { content: ""; position: absolute; left: 0; top: 7px; width: 33px; height: 2px; background: #fff; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } header .section-2 .menu-burger-wrapper .burger-menu:after { content: ""; position: absolute; left: 0; bottom: 7px; width: 33px; height: 2px; background: #fff; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } header .section-2 .menu-burger-wrapper.active .burger-menu:before { left: 2px; top: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } header .section-2 .menu-burger-wrapper.active .burger-menu:after { left: 0; bottom: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media (min-width: 1261px) { .front-page header .top-menu-resp { position: absolute; max-width: 100vw; width: 100vw; } } .fish-slider-front-wrapper .first-screen-wrapper { position: relative; z-index: 10; height: 100%; } .fish-slider-front-wrapper .first-screen-wrapper h1 { display: inline-block; font-weight: 300; font-size: 60px; line-height: 130%; letter-spacing: -0.02em; text-transform: none !important; color: #fff; } .fish-slider-front-wrapper .first-screen-wrapper h1 b { display: block; font-weight: 500; } .fish-slider-front-wrapper .second-screen-wrapper { position: relative; z-index: 30; height: 100%; padding-top: 240px; width: 70%; } .fish-slider-front-wrapper .third-screen-wrapper { position: relative; z-index: 10; height: 100%; padding-top: 285px; } .adv-front { white-space: nowrap; } .adv-front .adv-item { margin-right: 104px; } .adv-front .adv-item * { color: #fff; } .adv-front .adv-item .title { height: 56px; font-size: 36px; line-height: 56px; letter-spacing: -0.02em; font-weight: 300; position: relative; } .adv-front .adv-item .title span { display: block; } .adv-front .adv-item .title span img { position: absolute; bottom: 0; left: 0; } @media all and (max-width: 1700px) { .adv-front .adv-item .title { font-size: 24px; line-height: 32px; } } .adv-front .adv-item .descr { font-size: 18px; line-height: 24px; color: #ffffff; font-weight: 200; } @media all and (max-width: 1700px) { .adv-front .adv-item .descr { font-size: 16px; line-height: 24px; } } .adv-front .adv-item:first-child .title { font-size: 48px; line-height: 56px; } .coub-wrap { position: relative; display: block; } .coub-wrap .coub-wrap-arrow { position: absolute; width: 50px; height: 153px; left: 0; right: 0; top: -47px; background: url("/local/templates/roso/images/front/btn/down-big.svg") no-repeat; background-size: contain; background-position: center; margin: auto; z-index: 2; } .coub-wrap:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(315deg, #ff6e4b 0%, #1ac6b8 100%); height: 100%; width: 100%; opacity: 0.5; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .coub-wrap:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #04222a; height: calc(100% - 2px); width: calc(100% - 2px); margin: auto; } .coub-wrap:before:hover { opacity: 1; } .custom-btn-wrapper .btn-wrapper-fs { width: 50%; } .custom-btn-wrapper .btn-wrapper-fs a { font-size: 56px; line-height: 70px; letter-spacing: 0.06em; text-transform: uppercase; color: #fff; font-weight: 300; text-decoration: none !important; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .custom-btn-wrapper .btn-wrapper-fs a:hover { color: #1ac6b8; } .custom-btn-wrapper .btn-wrapper-fs:first-child { text-align: center; } .custom-btn-wrapper .btn-wrapper-fs:nth-child(2) { text-align: left; } .custom-btn-wrapper .btn-wrapper-fs.catalog a { position: relative; padding-right: 174px; display: inline-block; } .custom-btn-wrapper .btn-wrapper-fs.catalog a:before { content: ""; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 153px; height: 50px; background: url("/local/templates/roso/images/front/btn/right-big.svg") no-repeat; background-size: contain; background-position: center; opacity: 0.5; } .custom-btn-wrapper .btn-wrapper-fs.catalog a:hover:before { opacity: 1; } .custom-btn-wrapper .btn-wrapper-fs.price a { position: relative; display: inline-block; padding-right: 110px; } .custom-btn-wrapper .btn-wrapper-fs.price a .coub-wrap { position: absolute; right: 0; top: -25px; z-index: -1; height: 128px; width: 128px; } .custom-btn-wrapper .btn-wrapper-fs.price a:hover .coub-wrap:before { opacity: 1; } .fish-slider-front-wrapper .third-screen-wrapper .footer { position: absolute; right: 112px; bottom: 38px; } .fish-slider-front-wrapper .third-screen-wrapper .footer .first-row { line-height: 1; text-align: right; margin-bottom: 30px; font-weight: 200; } @media all and (max-width: 1440px) { .fish-slider-front-wrapper .third-screen-wrapper .footer .first-row { margin-bottom: 17px; } } .fish-slider-front-wrapper .third-screen-wrapper .footer .first-row span { font-size: 20px; line-height: 16px; color: #ffffff; display: inline-block; margin-left: 25px; } .fish-slider-front-wrapper .third-screen-wrapper .footer .first-row span a { color: inherit; line-height: inherit; text-decoration: none; } @media all and (max-width: 1440px) { .fish-slider-front-wrapper .third-screen-wrapper .footer .first-row span { font-size: 18px; line-height: 16px; } } .fish-slider-front-wrapper .third-screen-wrapper .footer .second-row { line-height: 1; text-align: right; margin-bottom: 30px; font-weight: 200; } @media all and (max-width: 1440px) { .fish-slider-front-wrapper .third-screen-wrapper .footer .second-row { margin-bottom: 17px; } } .fish-slider-front-wrapper .third-screen-wrapper .footer .second-row span { font-size: 14px; line-height: 16px; text-align: right; color: #ffffff; display: inline-block; margin-left: 20px; } .fish-slider-front-wrapper .third-screen-wrapper .footer .third-row { line-height: 1; text-align: right; font-weight: 400; } .fish-slider-front-wrapper .third-screen-wrapper .footer .third-row span { font-size: 12px; line-height: 16px; display: inline-block; letter-spacing: 0.02em; margin-left: 25px; } .fish-slider-front-wrapper .third-screen-wrapper .footer .third-row .link-wrap { color: #78bacd; } .fish-slider-front-wrapper .third-screen-wrapper .footer .third-row .link-wrap a { opacity: 0.5; color: inherit; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-decoration: none !important; } .fish-slider-front-wrapper .third-screen-wrapper .footer .third-row .link-wrap a:hover { color: #78bacd; opacity: 1; } .roso { padding-left: 28px; position: relative; } .roso:before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 19px; width: 22px; background: url("/local/templates/roso/images/icons/roso-logo.svg") no-repeat; } .hamburger { padding: 0; width: 32px; height: 23px; line-height: 1; width: auto; } .hamburger .hamburger-box { width: 32px; } .hamburger .hamburger-inner, .hamburger .hamburger-inner::before, .hamburger .hamburger-inner::after { width: 32px; height: 2px; border-radius: 0; background-color: #fff; } .hamburger .hamburger-inner:before { top: -8px; transition: top 150ms ease-in-out 150ms, transform 150ms ease-in-out 0ms, -webkit-transform 150ms ease-in-out 0ms, background 0.15s linear; } .hamburger .hamburger-inner:after { bottom: -8px; transition: bottom 150ms ease-in-out 150ms, transform 150ms ease-in-out 0ms, -webkit-transform 150ms ease-in-out 0ms, background 0.15s linear; } .hamburger .hamburger-inner { height: 0; } .hamburger.open .hamburger-inner:before { transition: top 150ms ease-in-out 0ms, transform 150ms ease-in-out 150ms, -webkit-transform 150ms ease-in-out 150ms, background 0.15s linear; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0; } .hamburger.open .hamburger-inner:after { transition: bottom 150ms ease-in-out 0ms, transform 150ms ease-in-out 150ms, -webkit-transform 150ms ease-in-out 150ms, background 0.15s linear; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: -2px; } .hamburger .hamburger-box { width: 40px; height: 24px; display: inline-block; vertical-align: middle; position: relative; } .hamburger .menu-text { color: #fff; display: inline-block; vertical-align: middle; font-size: 20px; line-height: 25px; text-transform: uppercase; color: #ffffff; margin-top: -5px; margin-right: 20px; } @media screen and (max-width: 1023px) { .hamburger .menu-text { display: none; } } .shadow { position: fixed; width: 100%; height: 100%; visibility: hidden; opacity: 0; z-index: 30; -webkit-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; background: #04222b; } .menu-container { position: fixed; width: 44%; background: #fff; height: 100%; right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); top: 0; z-index: 40; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .shadow-m { left: 0; top: 0; right: 0; position: fixed; width: 100%; height: 100%; visibility: hidden; opacity: 0; z-index: 30; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; background: #04222b; } .open-menu { overflow: hidden !important; overflow-y: hidden !important; } @media all and (min-width: 767px) { .open-menu { margin-right: 17px; } } .open-menu .hamburger:hover { opacity: 1 !important; } .open-menu .hamburger:hover .menu-text { color: #175a6c; } .open-menu .hamburger:hover .hamburger-inner::before, .open-menu .hamburger:hover .hamburger-inner::after { background-color: #175a6c; } .open-menu .menu-container { -webkit-transform: translateX(0%); transform: translateX(0%); } .open-menu .top-menu-resp .section-1 { position: relative; z-index: -1; } .open-menu .top-menu-resp .section-2 { position: relative; z-index: 50; } .open-menu .hamburger .menu-text { color: #9aafb4; } .open-menu .hamburger .hamburger-inner::before, .open-menu .hamburger .hamburger-inner::after { width: 32px; height: 2px; border-radius: 0; background-color: #9aafb4; } .open-menu .shadow-m { visibility: visible; opacity: 0.5; } .hide-shadow { overflow: hidden !important; overflow-y: hidden !important; } @media all and (min-width: 767px) { .hide-shadow { margin-right: 17px; } } .hide-shadow .shadow-m { visibility: visible !important; opacity: 0 !important; } .hide-shadow .shadow { visibility: visible !important; opacity: 0 !important; } .menu-content-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; } .menu-content-wrapper .menu-content { overflow-x: hidden; height: 100%; padding-left: 130px; position: relative; z-index: 1; } .menu-content-wrapper .menu-content:before { content: ""; position: absolute; right: 0; bottom: 0; height: 865px; width: 776px; background: url("/local/templates/roso/images/bg/menu-1.svg") no-repeat; background-size: contain; z-index: -1; } .menu-content-wrapper nav ul { list-style: none; padding: 0; margin: 0; } .menu-content-wrapper nav ul li { font-size: 64px; line-height: 81px; letter-spacing: 0.06em; text-transform: uppercase; color: #012f3c; margin: 35px 0; padding: 0; text-align: left; } .menu-content-wrapper nav ul li:before { content: none; } .menu-content-wrapper nav ul li a { color: inherit; } .menu-content-wrapper nav ul li span { display: inline-block; cursor: pointer; color: inherit; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .menu-content-wrapper nav ul li span:hover { color: #ff6e4b; } .menu-content-wrapper nav ul li.active { position: relative; } .menu-content-wrapper nav ul li.active:before { content: ""; position: absolute; left: -130px; width: 104px; height: 8px; top: 0; bottom: 0; margin: auto; background: linear-gradient(346.04deg, #ff6e4b 23.01%, #1ac6b8 76.37%); } .menu-content-wrapper nav ul li.active span { display: inline-block; background: linear-gradient(326.13deg, #ff6e4b 23.01%, #1ac6b8 76.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #1ac6b8; text-shadow: none; } footer { position: relative; z-index: 1; } footer .inline-block { vertical-align: middle; } footer .content-wrapper { margin-top: 26px !important; border-top: 1px solid #0e2c35; padding: 42px 40px 44px; } footer .first-row { margin-left: auto; margin-right: auto; max-width: 1232px; margin-bottom: 25px; } footer .first-row span { font-size: 18px; line-height: 16px; margin-right: 24px; color: #fff; } footer .first-row span a { color: inherit; text-decoration: none; } footer .second-row { margin-left: auto; margin-right: auto; max-width: 1232px; } footer .second-row span { font-size: 14px !important; line-height: 16px; margin-right: 16px; color: #fff; } footer .second-row span a { color: #78bacd; text-decoration: none; font-size: 12px; opacity: 0.5; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } footer .second-row span a:hover { opacity: 1; } footer .second-row .section-2 { float: right; } .front-page footer { display: none !important; } @media all and (max-width: 1260px) { .front-page footer { display: block !important; } } .front-page footer .first-row { max-width: 100%; } .front-page footer .second-row { max-width: 100%; } @media (max-width: 1680px) { #fish-slider .first-layer .bg-layer { max-width: 1664px; } #fish-slider .first-layer .bg-layer img { width: 100%; height: auto; } #fish-slider .second-layer .bg-layer { max-width: 1700px; } #fish-slider .second-layer .bg-layer img { width: 100%; height: auto; } #fish-slider .third-layer .bg-layer { width: 3326px; } #fish-slider .third-layer .bg-layer img { width: 100%; height: auto; } } @media (max-width: 1600px) { #fish-slider .first-layer .bg-layer { max-width: 1603px; } #fish-slider .second-layer .bg-layer { max-width: 1620px; } #fish-slider .third-layer .bg-layer { width: 3168px; } } @media (max-width: 1440px) { #fish-slider .first-layer .bg-layer { width: 1463px; } #fish-slider .second-layer .bg-layer { width: 1450px; } #fish-slider .third-layer .bg-layer { width: 2850px; } .fish-slider-front-wrapper .first-screen-wrapper h1 { font-size: 60px; line-height: 72px; letter-spacing: -0.02em; } .menu-content-wrapper nav ul li { font-size: 48px; line-height: 56px; margin: 30px 0; } .menu-content-wrapper nav ul li.active:before { left: -104px; width: 88px; } .menu-content-wrapper .menu-content { padding-left: 104px; } .menu-content-wrapper .menu-content:before { width: 536px; height: 292px; right: -74px; background: url("/local/templates/roso/images/bg/menu-2.svg") no-repeat; } } @media (max-width: 1500px) { .adv-front .adv-item { margin-right: 80px; } .fish-slider-front-wrapper .second-screen-wrapper { padding-left: 64px; padding-right: 64px; width: 100% !important; } .fish-slider-front-wrapper .third-screen-wrapper { padding-left: 64px; padding-right: 64px; } .custom-btn-wrapper .btn-wrapper-fs { width: 42%; } .custom-btn-wrapper .btn-wrapper-fs a { font-size: 40px; line-height: 50px; } .custom-btn-wrapper .btn-wrapper-fs.catalog a { padding-right: 145px; } .custom-btn-wrapper .btn-wrapper-fs.catalog a:before { width: 120px; } .custom-btn-wrapper .btn-wrapper-fs.catalog a { position: relative; padding-right: 174px; display: inline-block; } } @media all and (max-width: 1500px) and (max-width: 1359px) { .custom-btn-wrapper .btn-wrapper-fs.catalog a { padding-right: 135px; } } @media (max-width: 1500px) { .custom-btn-wrapper .btn-wrapper-fs.catalog a:before { content: ""; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 153px; height: 50px; background: url("/local/templates/roso/images/front/btn/right-big.svg") no-repeat; background-size: contain; background-position: center; opacity: 0.5; } } @media all and (max-width: 1500px) and (max-width: 1359px) { .custom-btn-wrapper .btn-wrapper-fs.catalog a:before { width: 112px; } } @media (max-width: 1500px) { .custom-btn-wrapper .btn-wrapper-fs.catalog a:hover:before { opacity: 1; } .custom-btn-wrapper .btn-wrapper-fs:first-child { text-align: left; } .custom-btn-wrapper .btn-wrapper-fs.price a .coub-wrap { height: 88px; width: 88px; } .coub-wrap { position: relative; display: block; } .coub-wrap .coub-wrap-arrow { position: absolute; width: 50px; height: 105px; left: 0; right: 0; top: -32px; } } @media (max-width: 1440px) { header .top-menu-resp { padding-left: 64px; padding-right: 64px; padding-top: 16px; padding-bottom: 16px; } header .top-menu-resp .section-1 { height: 72px; } header .top-menu-resp .section-1 > .inline-wrapper { height: 72px; } header .top-menu-resp .section-1 a[href^="tel"] { font-size: 16px; line-height: 20px; } header .top-menu-resp .section-1 .section-1-1 { height: 100%; } header .top-menu-resp .section-1 .section-1-1 a:nth-child(1) { height: 100%; } header .top-menu-resp .section-1 .section-1-1 img { height: 100%; width: auto; } } @media (max-width: 1359px) { .gradien-btn { padding: 0 24px; } .fish-slider-front-wrapper .first-screen-wrapper h1 { margin-top: 80px; font-size: 44px; line-height: 72px; letter-spacing: -0.02em; } .menu-content-wrapper .menu-content:before { right: -95px; } #fish-slider .first-layer .bg-layer { width: 1366px; } #fish-slider .second-layer .bg-layer { width: 1360px; } #fish-slider .third-layer .bg-layer { width: 2690px; } .padding-full-w { padding-left: 64px; padding-right: 64px; } .adv-front { white-space: nowrap; } .adv-front .adv-item { margin-right: 72px; } .adv-front .adv-item .title { height: 33px; font-size: 24px; line-height: 1.4; letter-spacing: -0.02em; } .adv-front .adv-item .title span { line-height: 22px; height: inherit; } .adv-front .adv-item .descr { font-size: 16px; line-height: 24px; } .adv-front .adv-item:first-child .title { font-size: 40px; } .fish-slider-front-wrapper .third-screen-wrapper { padding-top: 200px; } .fish-slider-front-wrapper .third-screen-wrapper .footer { right: 64px; } .fish-slider-front-wrapper .second-screen-wrapper { padding-top: 150px; } .hamburger .menu-text { margin-right: 10px; font-size: 16px; } } @media (max-width: 1260px) { .mobile-view-front { display: block; } .front-page .content-wrapper { margin: 0 auto; width: 100%; } header .top-menu-resp { position: relative; padding: 16px 40px 16px; } header .top-menu-resp .section-1 .section-1-1 { height: 72px; } header .top-menu-resp .section-1 .section-1-1 a { height: 72px; } .front-page:not(.open-menu) { overflow-y: auto !important; } .front-page #fish-slider { height: auto; } .front-page #fish-slider ul { padding-left: 240px; } .front-page #fish-slider ul li { height: auto; width: 100%; } .front-page #fish-slider ul .fish-bg-wrapper { display: none; } .fish-slider-front-wrapper { padding-left: 0; padding-right: 0; position: relative; } .fish-slider-front-wrapper:before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 100%; width: 100%; z-index: 0; background: url("/local/templates/roso/images/bg/fish-m.png") no-repeat; background-position: left center; } } @media all and (max-width: 1260px) and (min-width: 767px) { .fish-slider-front-wrapper:before { background-size: contain; } } @media (max-width: 1260px) { .fish-slider-front-wrapper .first-screen-wrapper { height: auto; padding-left: 0; padding-right: 0; } .fish-slider-front-wrapper .second-screen-wrapper { height: auto; padding-left: 0; padding-right: 0; } .fish-slider-front-wrapper .third-screen-wrapper { height: auto; padding-left: 0; padding-right: 0; } .fish-slider-front-wrapper .third-screen-wrapper .footer { position: relative; width: 100%; left: 0; right: 0; } .adv-front { white-space: initial; font-size: 0; } .adv-front .adv-item { margin: 0; margin-bottom: 65px; width: 50%; } .adv-front .adv-item .title { margin-bottom: 11px; } .adv-front .adv-item:last-child * { white-space: nowrap; } .adv-front .adv-item:nth-last-child(1), .adv-front .adv-item:nth-last-child(2) { margin-bottom: 0; } #fish-slider { width: 1023px; padding-left: 40px; padding-right: 40px; } .custom-btn-wrapper .btn-wrapper-fs { width: 100%; text-align: left; margin-bottom: 90px; } .custom-btn-wrapper .btn-wrapper-fs:last-child { margin-bottom: 100px; } .footer { display: none; } .front-page footer { display: block; } .open-menu .main-content > .content-wrapper, .hide-shadow .main-content > .content-wrapper { position: relative; z-index: 1; } .menu-container { min-width: 585px; } } @media (max-width: 1024px) { .adv-front .adv-item { vertical-align: top; } .adv-front .adv-item .title { font-size: 22px; line-height: 24px; height: auto; min-height: 34px; } .adv-front .adv-item .title img { max-width: 40px; height: auto; } .adv-front .adv-item .descr { font-size: 14px; line-height: 16px; } .adv-front .adv-item:last-child * { white-space: initial; } } @media (max-width: 1023px) { .front-page #fish-slider { margin-top: 0px; width: 100%; padding-left: 15px; padding-right: 15px; } .front-page #fish-slider ul { padding-left: 73px; } .fish-slider-front-wrapper .first-screen-wrapper h1 { font-size: 23px; line-height: 32px; margin-top: 25px; } .fish-slider-front-wrapper .first-screen-wrapper h1 br { display: none; } .fish-slider-front-wrapper .first-screen-wrapper h1 b { font-size: 40px; line-height: 48px; margin-bottom: 10px; } .fish-slider-front-wrapper:before { background: url("/local/templates/roso/images/bg/fish-m2.png") no-repeat; background-position: left center; background-size: 176px 1096px; } } @media all and (max-width: 1023px) and (min-width: 500px) { .fish-slider-front-wrapper:before { background-size: contain; } } @media (max-width: 1023px) { .fish-slider-front-wrapper .second-screen-wrapper { width: 100%; padding-top: 90px; } .fish-slider-front-wrapper .third-screen-wrapper { padding-top: 70px; } .custom-btn-wrapper .btn-wrapper-fs a { font-size: 32px; line-height: 40px; } .custom-btn-wrapper .btn-wrapper-fs.catalog a { padding-right: 90px; } .custom-btn-wrapper .btn-wrapper-fs.catalog a:before { width: 72px; } .custom-btn-wrapper .btn-wrapper-fs.price a { padding-right: 70px; } .custom-btn-wrapper .btn-wrapper-fs.price a .coub-wrap { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 56px; height: 56px; } .coub-wrap .coub-wrap-arrow { height: 55px; top: -12px; } header .top-menu-resp { padding: 16px; } header .top-menu-resp .section-1 > .inline-wrapper { height: 40px; } header .top-menu-resp .section-1 { height: 40px; } header .top-menu-resp .section-1 * { height: 100% !important; } header .section-1 .section-1-2, header .section-1 .section-1-3 { display: none; } .open-menu { margin-right: 0; } .open-menu .top-menu-resp .section-1 { position: relative; z-index: 50; } .open-menu header .section-1 .section-1-1 { display: none; } .open-menu header .section-1 .section-1-2 { display: inline-block; vertical-align: middle; line-height: 40px; margin: 0; padding-left: 15px; } .open-menu header .section-1 .section-1-2 a { font-size: 20px; color: #012f3c; font-weight: 400; } .open-menu header .section-1 .section-1-1, .hide-shadow header .section-1 .section-1-1 { position: absolute; height: 40px !important; } footer .first-row span { margin-bottom: 16px; } footer .second-row { margin-top: -10px; } footer .second-row span { display: block; margin-bottom: 20px; } footer .second-row .section-2 { margin-top: 35px; } footer .content-wrapper { padding: 42px 16px 44px; } .menu-container { min-width: 100%; width: 100%; } .menu-content-wrapper { bottom: 0; top: 80px; height: calc(100% - 80px); } .menu-content-wrapper .menu-content { padding-left: 40px; } .menu-content-wrapper .menu-content:before { right: -240px; } .menu-content-wrapper nav ul li { font-size: 32px; line-height: 40px; } .menu-content-wrapper nav ul li.active:before { height: 4px; width: 32px; left: -40px; } } @media (max-width: 670px) { footer .first-row span { margin-bottom: 16px; } footer .second-row .section-2 { margin-top: 0; float: none; display: block; } .adv-front .adv-item { width: 100%; margin-bottom: 40px !important; } .adv-front .adv-item .title { line-height: 24px; min-height: auto; } .adv-front .adv-item .title span img { position: relative !important; } .custom-btn-wrapper .btn-wrapper-fs.price a { width: 208px; } .custom-btn-wrapper .btn-wrapper-fs.catalog a { padding-right: 0; } .custom-btn-wrapper .btn-wrapper-fs.catalog a:before { top: 28px; -webkit-transform: none; transform: none; left: 0; } } .row { width: calc(100% + 16px); margin-left: -8px; } .pl-pr-8 { padding-left: 8px; padding-right: 8px; } .wb-50 { width: 50%; } .wb-100 { width: 100%; } @media (max-width: 1359px) { .wb-lg-50 { width: 50%; } .wb-lg-100 { width: 100%; } } @media (max-width: 1023px) { .wb-md-100 { width: 100%; } } .form-wrapper { background: #fff; } .form-wrapper h2 { font-size: 48px; line-height: 1.25; margin-bottom: 15px; font-weight: 400; } @media all and (max-width: 767px) { .form-wrapper h2 { font-size: 32px; } } .form-wrapper .form-info-wrapper { margin-bottom: 48px; font-weight: 300; } .form-wrapper .form-info-wrapper .modal-title { font-size: 40px; line-height: 50px; letter-spacing: 0.06em; text-transform: uppercase; color: #222222; } .form-wrapper .form-info-wrapper .form-description { font-size: 24px; line-height: 32px; color: #222222; margin-bottom: 0; } @media screen and (max-width: 1023px) { .form-wrapper .form-info-wrapper .modal-title { font-size: 24px; line-height: 30px; margin-bottom: 20px; } .form-wrapper .form-info-wrapper .form-description { font-size: 14px; line-height: 16px; } .form-wrapper .form-info-wrapper .form-info-wrapper { margin-bottom: 24px; } } .form-wrapper .form-content-wrapper .row { width: calc(100% + 40px); margin-left: -20px; margin-right: 20px; } .form-wrapper .form-content-wrapper .form-item { padding-left: 20px; padding-right: 20px; margin-bottom: 40px; } @media (max-width: 1023px) { .form-wrapper .form-content-wrapper .row { width: calc(100% + 32px); margin-left: -16px; margin-right: 0; } .form-wrapper .form-content-wrapper .form-item { padding-left: 16px; padding-right: 16px; margin-bottom: 16px; } } .form-wrapper .form-content-wrapper .input-wrapper-main { position: relative; padding-top: 10px; margin-top: 10px; z-index: 1; } .form-wrapper .form-content-wrapper .input-wrapper-main .placeholder { z-index: -1; position: absolute; top: 20px; font-size: 14px; line-height: 18px; text-transform: uppercase; letter-spacing: 0.06em; color: #668187; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .form-wrapper .form-content-wrapper .input-wrapper-main.active .placeholder { position: absolute; top: 4px; font-size: 8px; line-height: 10px; } .form-wrapper .form-content-wrapper .input-wrapper-main input { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 1; width: 100%; outline: 0; height: 45px; line-height: 35px; border: none; background: transparent; color: #012f3c; border-bottom: 1px solid #c9e1e8; } .form-wrapper .form-content-wrapper .input-wrapper-main input:hover { border-bottom: 1px solid #7dafbd; } .form-wrapper .form-content-wrapper .input-wrapper-main.error .placeholder { color: #ff6e4b; } .form-wrapper .form-content-wrapper .input-wrapper-main.error input { border-bottom: 1px solid #ff6e4b; } .form-wrapper .form-content-wrapper .textarea-wrapper-main { position: relative; padding-top: 24px; z-index: 1; } .form-wrapper .form-content-wrapper .textarea-wrapper-main .placeholder { z-index: -1; position: absolute; top: 20px; font-size: 14px; line-height: 18px; text-transform: uppercase; letter-spacing: 0.06em; color: #668187; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .form-wrapper .form-content-wrapper .textarea-wrapper-main.active .placeholder { position: absolute; top: 4px; font-size: 8px; line-height: 10px; } .form-wrapper .form-content-wrapper .textarea-wrapper-main textarea { position: relative; z-index: 1; border: none; border-bottom: 1px solid #c9e1e8; font-size: 14px; line-height: 18px; background: transparent; outline: 0; min-height: 40px; resize: vertical; width: 100%; -webkit-transition: border 0.15s ease; transition: border 0.15s ease; } .form-wrapper .form-content-wrapper .textarea-wrapper-main textarea:hover { border-bottom: 1px solid #7dafbd; } .form-wrapper .btn-group-submit { font-size: 0; white-space: nowrap; } .form-wrapper .btn-group-submit .inline-block { vertical-align: middle; } .form-wrapper .btn-group-submit .politic { color: #222222; font-weight: 400; padding-left: 20px; font-size: 14px; line-height: 18px; } .form-wrapper .btn-group-submit .politic a { text-decoration: none !important; color: #175a6c; opacity: 1; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .form-wrapper .btn-group-submit .politic a:hover { opacity: 0.7; } @media screen and (max-width: 1023px) { .form-wrapper .btn-group-submit .inline-block:not(.politic) { margin-bottom: 18px; } .form-wrapper .btn-group-submit .politic { display: block; padding-left: 0; } } @media screen and (max-width: 767px) { .form-wrapper .btn-group-submit .inline-block:not(.politic) { width: 100%; } .form-wrapper .btn-group-submit .inline-block:not(.politic) button { width: 100%; text-align: center; } .form-wrapper .btn-group-submit .politic { text-align: center; display: block; padding-left: 0; } } .hidden-block { visibility: hidden; opacity: 0; height: 0; } #basket-list-form { visibility: hidden; opacity: 0; } .btn-gradient-white { height: 48px; line-height: 48px; padding-left: 60px; padding-right: 60px; color: #012f3c; font-size: 14px; line-height: 18px; letter-spacing: 0.06em; text-transform: uppercase; z-index: 1; position: relative; border: none; background: transparent; outline: 0; cursor: pointer; } .btn-gradient-white span { position: relative; z-index: 1; font-weight: 500; } .btn-gradient-white:before, .btn-gradient-white:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .btn-gradient-white:before { width: 100%; height: 100%; background: #1bc6b9; background: linear-gradient(135deg, #1bc6b9 0%, #ff6e4b 100%); opacity: 0.5; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .btn-gradient-white:after { width: calc(100% - 2px); height: calc(100% - 2px); background: #fff; } .btn-gradient-white:hover:before { opacity: 1; } .modal-r { position: fixed; top: 0; right: 0; width: 850px; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); z-index: 200; background: #fff; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; color: #222222; } .modal-r .content-wrap { position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding-left: 100px; padding-right: 180px; overflow-y: auto; padding-top: 60px; padding-bottom: 60px; } .modal-r .content-wrap .content { height: 100%; position: relative; } .modal-r .content-wrap .content .close { cursor: pointer; position: absolute; opacity: 1; right: -55px; top: 25px; width: 25px; height: 25px; background: url("/local/templates/roso/images/icons/close.svg") no-repeat; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; z-index: 20; } .modal-r .content-wrap .content .close:hover { opacity: 0.6; } @media screen and (max-width: 1359px) { .modal-r { width: 664px; } .modal-r .content-wrap { padding-left: 64px; padding-right: 64px; } .modal-r .content-wrap .content .close { right: 0; top: 45px; } } @media screen and (max-width: 1023px) { .modal-r { width: 100%; } .modal-r .content-wrap { padding-left: 16px; padding-right: 16px; padding-top: 90px; } .modal-r .content-wrap .content .close { right: 5px; top: -60px; } } .modal-r.open { -webkit-transform: translateX(0); transform: translateX(0); } body.open-modal { overflow: hidden !important; } @media all and (min-width: 767px) { body.open-modal { margin-right: 17px; } } body.open-modal .shadow { opacity: 0.5; visibility: visible; } .cart-btn-wrapper .cart-count { visibility: hidden; opacity: 0; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: absolute; display: block; right: 16px; top: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60px; padding-right: 4px; padding-left: 4px; -webkit-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%); height: 32px; min-width: 32px; line-height: 32px; border-radius: 16px; font-size: 14px; color: #fff; text-align: center; letter-spacing: 0.06em; text-transform: uppercase; background: linear-gradient(287.19deg, #ff6e4b 23.01%, #1ac6b8 76.37%); } .cart-btn-wrapper .cart-count.not-empty { visibility: visible; opacity: 1; } @media screen and (max-width: 1023px) { header .top-menu-resp { height: auto; } } .hide { display: none; } .row-n { width: calc(100% + 16px); margin-left: -8px; } .row-n > .col-item { padding-left: 8px; padding-right: 8px; } .kontakty-page .contact-info { margin-top: 35px; margin-bottom: 40px; } @media all and (max-width: 1023px) { .kontakty-page .contact-info { margin-top: 15px; } } .kontakty-page .contact-info .inline-block { margin-right: 90px; margin-bottom: 40px; } .kontakty-page .contact-info .title { font-size: 32px; line-height: 40px; letter-spacing: 0.04em; text-transform: uppercase; color: #ffffff; font-weight: 500; margin-bottom: 20px; } @media all and (max-width: 1023px) { .kontakty-page .contact-info .title { font-size: 24px; line-height: 32px; margin-bottom: 18px; } } .kontakty-page .contact-info .info p { font-size: 16px; line-height: 24px; color: #fff; font-weight: 300; margin-bottom: 8px; } .kontakty-page .contact-info .info p a { text-decoration: none !important; color: inherit; font-size: inherit; line-height: inherit; } @media (max-width: 1359px) { .kontakty-page .contact-info .inline-block { width: 50%; margin-left: 0; margin-right: 0; } } @media (max-width: 1023px) { .kontakty-page .contact-info .inline-block { width: 100%; margin-bottom: 50px; } .kontakty-page .contact-info .inline-block:last-child { margin-bottom: 0; } } .coub-btn { position: relative; display: inline-block; line-height: 36px; height: 36px; font-size: 16px; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; color: #ffffff; padding-left: 50px; margin-top: 32px; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } @media screen and (max-width: 767px) { .coub-btn { font-size: 12px; } } .coub-btn .coub-arrow { position: absolute; left: 0; top: calc(50% - 18px); width: 36px; height: 36px; } .coub-btn .coub-arrow:before { content: ""; position: absolute; width: 100%; height: 100%; background: url("/local/templates/roso/images/icons/coub-small-c.svg") no-repeat; background-size: 100% 100%; opacity: 0.5; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .coub-btn .coub-arrow:after { content: ""; position: absolute; left: 0; right: 0; top: -8px; margin: auto; width: 15px; height: 37px; background: url("/local/templates/roso/images/icons/coub-small-arrow.svg") no-repeat; background-size: 100% 100%; } .coub-btn:hover { color: #1ac6b8; } .coub-btn:hover .coub-arrow:before { opacity: 1; } .section-title-default-h1 > p.title { font-size: 64px; line-height: 81px; letter-spacing: 0.04em; text-transform: uppercase; color: #ffffff; margin-bottom: 60px; } @media (max-width: 1359px) { .section-title-default-h1 > p.title { font-size: 40px; line-height: 50px; letter-spacing: 0.06em; } } @media (max-width: 1023px) { .section-title-default-h1 > p.title { font-size: 32px; line-height: 40px; } } .map-container { position: relative; z-index: 1; margin-bottom: 100px; height: 640px; } .map-container:before { content: ""; position: absolute; left: 0; top: -272px; width: 239px; height: 290px; background: url("/local/templates/roso/images/bg-items/map-top.svg") no-repeat; content: none; } @media screen and (max-width: 1359px) { .map-container:before { content: none; } } .map-container #map { height: 100%; } @media screen and (max-width: 1359px) { .map-container { height: 480px; } } @media screen and (max-width: 1023px) { .map-container { height: 576px; } } .wave-container { margin-bottom: 80px; margin-top: 35px; } .wave-container .title { font-size: 64px; line-height: 81px; letter-spacing: 0.04em; text-transform: uppercase; color: #ffffff; margin-bottom: 64px; } @media screen and (max-width: 1359px) { .wave-container .title { font-size: 40px; line-height: 50px; } } @media screen and (max-width: 1023px) { .wave-container .title { font-size: 32px; line-height: 40px; } } .wave-container .wave-wrappper { position: relative; overflow: hidden; z-index: 1; text-align: center; background: #04222a; } .wave-container .wave-wrappper .gradient-bg { position: absolute; left: 0%; top: 0%; width: 200%; height: 200%; background: url("/local/templates/roso/images/pattern_6.png") no-repeat; background-size: 100% 100%; -webkit-transform: translateY(-10%) translateX(-10%); transform: translateY(-10%) translateX(-10%); -webkit-animation: animatebg 16s ease-in-out infinite both; animation: animatebg 16s ease-in-out infinite both; opacity: 1; z-index: 1; pointer-events: none; } .wave-container .wave-wrappper .person { z-index: 1; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; cursor: pointer; display: inline-block; width: 16.6666%; background: #fff; position: relative; opacity: 0.65; } .wave-container .wave-wrappper .person .photo-wrapper { padding-top: 129.5%; height: 1px; position: relative; } .wave-container .wave-wrappper .person .photo-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; left: 0; top: 0; } .wave-container .wave-wrappper .person .photo-wrapper .description { position: absolute; left: 0; right: 0; bottom: 0; padding-bottom: 50px; padding-left: 24px; padding-right: 24px; text-align: left; } .wave-container .wave-wrappper .person .photo-wrapper .description .title { font-size: 24px; line-height: 24px; color: #ffffff; margin-bottom: 7px; -webkit-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; text-transform: initial !important; font-weight: 600; -webkit-transform: translateY(25%); transform: translateY(25%); opacity: 0; } .wave-container .wave-wrappper .person .photo-wrapper .description .position { font-size: 16px; line-height: 1.4; color: #ffffff; margin-bottom: 8px; -webkit-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.2s; -webkit-transform: translateY(25%); transform: translateY(25%); opacity: 0; } .wave-container .wave-wrappper .person .photo-wrapper .description .position.phone { font-weight: bold; } .wave-container .wave-wrappper .person:hover { z-index: 1; opacity: 1; } .wave-container .wave-wrappper .person:hover .description { position: absolute; left: 0; right: 0; bottom: 0; padding-bottom: 50px; } .wave-container .wave-wrappper .person:hover .description .title { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .wave-container .wave-wrappper .person:hover .description .position { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } @media (max-width: 1359px) { .wave-container .wave-wrappper .person .photo-wrapper .description { padding-bottom: 32px; padding-left: 15px; padding-right: 15px; } .wave-container .wave-wrappper .person .photo-wrapper .description .title { font-size: 18px; line-height: 20px; } .wave-container .wave-wrappper .person .photo-wrapper .description .position { font-size: 12px; line-height: 1.5; } } @media (max-width: 1023px) { .wave-container .wave-wrappper .person { width: 50%; } .wave-container .wave-wrappper .person .photo-wrapper .description { padding-bottom: 32px; padding-left: 15px; padding-right: 15px; } .wave-container .wave-wrappper .person .photo-wrapper .description .title { font-size: 18px; line-height: 20px; } .wave-container .wave-wrappper .person .photo-wrapper .description .position { font-size: 12px; line-height: 1.5; } } @media (max-width: 767px) { .wave-container .wave-wrappper .person { width: 100%; } } .wave-container .wave-wrappper .person.hover-out .description .title { -webkit-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; } .wave-container .wave-wrappper .person.hover-out .description .position { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .wave-container .wave-wrappper .wave-bottom { z-index: 10; position: absolute; left: 0; bottom: 0; width: 100% !important; min-width: 1360px !important; height: 25px; } .wave-container .wave-wrappper .wave-bottom svg { width: 100%; } .wave-container .wave-wrappper .wave-top { z-index: 10; position: absolute; left: 0; top: 0; width: 100% !important; min-width: 1360px !important; height: 25px; } .wave-container .wave-wrappper .wave-top svg { width: 100%; } @-webkit-keyframes animatebg { 0% { left: 0%; top: 0%; } 50% { left: -50%; top: -50%; -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { left: 0%; top: 0%; } } @keyframes animatebg { 0% { left: 0%; top: 0%; } 50% { left: -50%; top: -50%; } 100% { left: 0%; top: 0%; } } body.front-page ul:not(.fish-slider-front) { list-style: none; padding: 0; margin: 0; } body.front-page ul:not(.fish-slider-front) li { position: relative; padding: 0; font-size: 16px; line-height: 24px; padding-left: 32px; margin-bottom: 10px; } body.front-page ul:not(.fish-slider-front) li:before { content: ""; position: absolute; left: 0; top: 11px; width: 16px; height: 2px; background: #9aafb4; } .delivery-page .text-top p { font-size: 20px; line-height: 32px; margin-bottom: 20px; } .delivery-page .text-top p b { font-weight: 500; } .delivery-page .text-top p + ul { margin-top: 50px; } .jqvmap-label { z-index: 9999; opacity: 1; visibility: visible; } .vmap-wrapper { margin-bottom: 30px; } .vmap-wrapper-n { position: relative; } #vmap { width: 1232px; height: 653px; margin: auto; } @media screen and (max-width: 1359px) { .vmap-wrapper-n { margin-top: 50px; } .vmap-wrapper-n:before { -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; content: ""; position: absolute; left: 0; right: 0; margin: auto; width: 960px; height: 53px; background: url("/local/templates/roso/images/map-hand.svg") no-repeat; -webkit-animation: slide-right 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both; animation: slide-right 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both; } .vmap-wrapper-n.mouse-enter:before { opacity: 0; } .vmap-wrapper { overflow: scroll; width: 100%; padding-left: calc((100vw - 960px) / 2); padding-right: calc((100vw - 960px) / 2); } } @-webkit-keyframes slide-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(100px); transform: translateX(100px); } } @keyframes slide-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(100px); transform: translateX(100px); } } .map-pin .map-pin-city { position: relative; font-size: 7px; line-height: 10px; font-weight: 500; text-align: center; letter-spacing: 0.03em; display: block; } .map-pin .map-pin-city:before { content: ""; position: absolute; display: block; width: 26px; height: 26px; margin: auto; top: -16px; left: 0; right: 0; background: url("/local/templates/roso/map/pin.svg") no-repeat; } .map-pin .pin-left:before { top: -5px; left: -19px; right: auto; } .map-pin .big-p { font-size: 9px; } .map-pin .main-p:before { top: -54px; width: 48px; height: 56px; background: url("/local/templates/roso/map/active-pin.svg") no-repeat; } .jqvmap-pin { position: relative; } .jqvmap-pin .map-pin { text-align: center; position: absolute; left: 0; top: 0; white-space: pre; line-height: 0; } #jqvmap1_le_pin .map-pin { left: -42px; top: -1px; } #jqvmap1_sm_pin .map-pin { left: -27px; top: 2px; } #jqvmap1_bn_pin .map-pin { left: -4px; top: 7px; } #jqvmap1_ro_pin .map-pin { left: -45px; top: -5px; } #jqvmap1_mc_pin .map-pin { left: -30px; top: 0px; } #jqvmap1_rz_pin .map-pin { left: -12px; top: 2px; } #jqvmap1_lp_pin .map-pin { left: -12px; top: 4px; } #jqvmap1_pz_pin .map-pin { left: -14px; top: 9px; } #jqvmap1_nn_pin .map-pin { left: -31px; top: -4px; } #jqvmap1_sr_pin .map-pin { left: -19px; top: 2px; } #jqvmap1_ss_pin .map-pin { left: -36px; top: 6px; } #jqvmap1_ul_pin .map-pin { left: -18px; top: 7px; } #jqvmap1_cu_pin .map-pin { left: -18px; top: 6px; } #jqvmap1_ml_pin .map-pin { left: 6px; top: -4px; } #jqvmap1_ki_pin .map-pin { left: -18px; top: -4px; } #jqvmap1_ta_pin .map-pin { left: -15px; top: 10px; } #jqvmap1_ud_pin .map-pin { left: -15px; top: -3px; } #jqvmap1_bs_pin .map-pin { left: -44px; top: -6px; } #jqvmap1_ob_pin .map-pin { left: -25px; top: 8px; } #jqvmap1_pe_pin .map-pin { left: -25px; top: -13px; } #jqvmap1_sv_pin .map-pin { left: -17px; top: 7px; } #jqvmap1_sv_pin .map-pin .main-p:before { top: -48px; } #jqvmap1_cl_pin .map-pin { left: -21px; top: -1px; } #jqvmap1_ku_pin .map-pin { left: -22px; top: 16px; } #jqvmap1_tu_pin .map-pin { left: -40px; top: -7px; } #jqvmap1_om_pin .map-pin { left: -25px; top: 5px; } #jqvmap1_ht_pin .map-pin { left: -76px; top: 9px; } #jqvmap1_ya_pin .map-pin { left: -35px; top: 27px; } #jqvmap1_pr_pin .map-pin { left: -38px; top: 11px; } #vmap path[fill="#09313d"] { cursor: default !important; } .city-list-wrapper { font-size: 0; margin-bottom: 100px; } .city-list-wrapper .col-item { display: inline-block; width: 25%; vertical-align: top; } .city-list-wrapper .col-item .list-with-sublist { margin-bottom: 15px; } @media (max-width: 1359px) { .city-list-wrapper .col-item { width: 33.3333%; } } @media (max-width: 1023px) { .city-list-wrapper .col-item { width: 50%; } } @media (max-width: 767px) { .city-list-wrapper .col-item { width: 100%; } } .list-with-sublist p.title { display: inline-block; font-size: 20px; line-height: 24px; padding-left: 24px; position: relative; margin: 0; margin-bottom: 13px; cursor: pointer; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .list-with-sublist p.title:before { content: ""; position: absolute; left: 0; top: 11px; width: 12px; height: 2px; background: #fff; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .list-with-sublist p.title:after { content: ""; position: absolute; top: 6px; left: 5px; width: 2px; height: 12px; background: #fff; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .list-with-sublist p.title:hover { color: #3cbcb5; } .list-with-sublist p.title:hover:before { background: #3cbcb5; } .list-with-sublist p.title:hover:after { background: #3cbcb5; } .list-with-sublist.empty-list p.title:hover { color: #fff; } .list-with-sublist.empty-list p.title:hover:before { background: #fff; } .list-with-sublist.empty-list p.title:hover:after { background: #fff; } .list-with-sublist .sublist { padding-left: 24px; padding-bottom: 16px; } .list-with-sublist .sublist p { font-size: 16px; line-height: 24px; margin-bottom: 13px; } .list-with-sublist .sublist p:last-child { margin-bottom: 0; } .list-with-sublist.active p.title:after { content: none; } .list-with-sublist.empty-list p.title { cursor: default; } .list-with-sublist.empty-list p.title:after, .list-with-sublist.empty-list p.title:before { content: none !important; } .block-ab-p .title { font-size: 32px; line-height: 48px; text-transform: uppercase; color: #ffffff; margin-bottom: 40px; } .block-ab-p .description p { font-size: 16px; line-height: 24px; color: #ffffff; margin-bottom: 16px; } @media (max-width: 1359px) { .block-ab-p .title { font-size: 24px; line-height: 40px; margin-bottom: 18px; } .block-ab-p .description p { font-size: 16px; line-height: 24px; color: #ffffff; margin-bottom: 16px; } .block-ab-p .description p:last-child { margin-bottom: 0; } } @media (max-width: 1023px) { .block-ab-p .title { margin-bottom: 15px; } .block-ab-p .title br { display: none !important; } .block-ab-p .description p:last-child { margin-bottom: 24px; } } .block-ab-p.gradient.gradient-1 p.i1 { font-size: 35px; line-height: 48px; text-transform: uppercase; color: #207b76; } .block-ab-p.gradient.gradient-1 p.big-text { display: inline-block; background: -webkit-linear-gradient( 326.13deg, #ff6e4b 23.01%, #1ac6b8 76.37% ); -webkit-background-clip: text; -webkit-text-stroke: 4px transparent; color: #04222a; font-weight: 800; text-shadow: none; font-size: 168px; line-height: 1; } .block-ab-p.gradient.gradient-1 p.i2 { font-size: 86px; line-height: 1; text-transform: uppercase; color: #207b76; font-weight: 200; } @media (max-width: 1359px) { .block-ab-p.gradient.gradient-1 p.big-text { line-height: 135px; } } @media (max-width: 1023px) { .block-ab-p.gradient.gradient-1 { position: relative; padding-left: 155px; } .block-ab-p.gradient.gradient-1 p.big-text { position: absolute; left: 0; top: -5px; font-size: 120px; line-height: 115px; } .block-ab-p.gradient.gradient-1 p.i1 { font-size: 22px; line-height: 40px; } .block-ab-p.gradient.gradient-1 p.i2 { font-size: 64px; line-height: 1; } } .kompany-page .about-1 { position: relative; } .kompany-page .about-1:before { content: ""; position: absolute; left: calc(((100vw - 1248px) / 2) * -1); right: 0; top: 600px; width: 100vw; min-width: 900px; height: 1073px; background: url("/local/templates/roso/images/about-company/about-1.svg") no-repeat; background-size: 100% 100% !important; } .kompany-page .about-2 { position: relative; } .kompany-page .about-2:before { content: ""; position: absolute; right: calc(((100vw - 1248px) / 2) * -1); top: 520px; width: 892px; height: 1335px; background: url("/local/templates/roso/images/about-company/about-2.svg") no-repeat; background-size: 100% 100% !important; } @media (max-width: 1359px) { .kompany-page .about-1:before { content: none !important; } .kompany-page .about-2:before { height: 578px; width: 100vw; left: calc(((100vw - 960px) / 2) * -1); background: url("/local/templates/roso/images/about-company/lg/about-1.svg") no-repeat; background-size: 578px 100%; top: 0; } .kompany-page .about-2:after { content: ""; position: absolute; right: calc(((100vw - 960px) / 2) * -1); top: 190px; width: 430px; height: 224px; background: url("/local/templates/roso/images/about-company/lg/about-1-1.svg") no-repeat; } .kompany-page .about-3 { position: relative; } .kompany-page .about-3:before { content: ""; position: absolute; right: calc(((100vw - 960px) / 2) * -1); width: 351px; height: 534px; background: url("/local/templates/roso/images/about-company/lg/about-3.svg") no-repeat; opacity: 0.3; top: 500px; } } @media screen and (max-width: 1023px) { .kompany-page .about-1 { margin-top: 0px; } .kompany-page .about-1:before { content: none; } .kompany-page .about-2:before { content: none; } .kompany-page .about-2:after { content: none; } .kompany-page .about-3:before { content: none; } } .kompany-page .content-wrapper > .container:first-child { padding-bottom: 35px; position: relative; z-index: 1; } .kompany-page .main-content .content-wrapper { position: relative; z-index: 1; overflow: hidden; } .kompany-page .main-content .content-wrapper .image-1 { position: relative; } .kompany-page .main-content .content-wrapper .image-1:before { content: ""; position: absolute; left: -304px; top: -70px; width: 288px; height: 394px; background: url("/local/templates/roso/images/about-company/1-1.svg") no-repeat; background-size: cover; } .kompany-page .main-content .content-wrapper .image-2 { position: relative; } .kompany-page .main-content .content-wrapper .image-2 .title-img-1 { position: absolute; left: -304px; top: -46px; width: 264px; height: 293px; background: url("/local/templates/roso/images/about-company/new/bush-bg.svg") no-repeat; background-size: cover; } .kompany-page .main-content .content-wrapper .image-2 .title-img-1 .sub-title-img-1 { position: absolute; right: 0; top: 0; width: 244px; height: 293px; background: url("/local/templates/roso/images/about-company/new/bush-n.svg") no-repeat; background-size: cover; } .kompany-page .main-content .content-wrapper .section-1 { padding-top: 90px; margin-bottom: 200px; } .kompany-page .main-content .content-wrapper .section-2 { margin-bottom: 195px; } .kompany-page .main-content .content-wrapper .section-2 .m-2 { margin-bottom: 32px; } .kompany-page .main-content .content-wrapper .section-2 .sub-section-1 { padding-right: 32px; } .kompany-page .main-content .content-wrapper .section-2 .sub-section-2 { padding-right: 60px; } .kompany-page .main-content .content-wrapper .section-3 ul { list-style: none; margin: 0; padding: 0; } .kompany-page .main-content .content-wrapper .section-3 .list { display: block; padding-left: 106px; } .kompany-page .main-content .content-wrapper .section-3 .list .list-item-block { display: inline-block; } .kompany-page .main-content .content-wrapper .section-3 .list:before { content: ""; position: absolute; left: 0; top: 0; width: 156px; height: 140px; background: url("/local/templates/roso/images/about-company/list-item.svg") no-repeat; background-size: contain; } .kompany-page .main-content .content-wrapper .section-3 .list .title { margin-bottom: 22px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-1 { margin-left: 40px; margin-bottom: 70px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-1 .list-item-block { padding-top: 20px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-1 .title { font-size: 24px; line-height: 32px; text-transform: uppercase; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-1 .sub-title { font-size: 48px; line-height: 56px; text-transform: uppercase; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-2 { margin-left: 536px; margin-bottom: 240px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-2 .list-item-block { padding-top: 20px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-2 .title { font-size: 24px; line-height: 32px; text-transform: uppercase; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-2 .sub-title { font-size: 48px; line-height: 56px; text-transform: uppercase; } @media all and (max-width: 1023px) { .kompany-page .main-content .content-wrapper .section-3 .list.list-item-2 { margin-bottom: 175px !important; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-2:after { content: ""; position: absolute; left: 65px; bottom: -145px; width: 160px; height: 101px; background: url("/local/templates/roso/images/about-company/md/fish-1.svg") no-repeat; } } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-3 { padding-left: 56px; margin-left: 209px; margin-bottom: 15px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-3 .list-item-block { padding-top: 0px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-3 .title { font-size: 24px; line-height: 32px; text-transform: uppercase; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-3 .sub-title { font-size: 48px; line-height: 56px; text-transform: uppercase; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-3:before { width: 90px; height: 82px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-4 { margin-left: 656px; margin-bottom: 22px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-4 .list-item-block { padding-top: 20px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-4 .title { font-size: 24px; line-height: 32px; text-transform: uppercase; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-4 .sub-title { font-size: 48px; line-height: 56px; text-transform: uppercase; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5 { width: 50%; padding-left: 57px; margin-left: 0px; margin-bottom: 280px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5:before { width: 122px; height: 122px; background: url("/local/templates/roso/images/about-company/circle.svg") no-repeat; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5 .list-item-block { padding-top: 20px; position: relative; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5 .title { font-size: 32px; line-height: 48px; text-transform: uppercase; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5 .sub-title-n { font-size: 16px; line-height: 24px; } @media all and (max-width: 1023px) { .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5 { margin-bottom: 240px !important; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5:after { content: ""; position: absolute; left: 65px; bottom: -110px; width: 160px; height: 60px; background: url("/local/templates/roso/images/about-company/md/fish-2.svg") no-repeat; } } @media (max-width: 1359px) { .kompany-page .main-content .content-wrapper .image-1:before { left: -240px; top: -30px; width: 216px; height: 297px; } .kompany-page .main-content .content-wrapper .image-2 br { display: none !important; } .kompany-page .main-content .content-wrapper .image-2 .title-img-1 { left: -240px; top: -46px; width: 200px; height: 222px; } .kompany-page .main-content .content-wrapper .image-2 .title-img-1 .sub-title-img-1 { width: 185px; height: 222px; } .kompany-page .main-content .content-wrapper .section-1 { margin-bottom: 120px; padding-top: 20px; } .kompany-page .main-content .content-wrapper .section-2 { margin-bottom: 135px; } .kompany-page .main-content .content-wrapper .section-2 .m-2 { margin-bottom: 25px; } .kompany-page .main-content .content-wrapper .section-2 .sub-section-1 { padding-right: 8px; } .kompany-page .main-content .content-wrapper .section-2 .sub-section-2 { padding-left: 24px; padding-right: 8px; } .kompany-page .main-content .content-wrapper .section-3 .list { display: block; padding-left: 106px; } .kompany-page .main-content .content-wrapper .section-3 .list:before { content: ""; position: absolute; left: 0; top: 0; width: 156px; height: 140px; background: url("/local/templates/roso/images/about-company/list-item.svg") no-repeat; background-size: contain; } .kompany-page .main-content .content-wrapper .section-3 .list .title { margin-bottom: 12px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-1 { margin-left: 0px; margin-bottom: 70px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-1 .list-item-block { padding-top: 20px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-1 .title { font-size: 20px; line-height: 32px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-1 .sub-title { font-size: 32px; line-height: 40px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-2 { margin-left: 400px; margin-bottom: 85px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-2 .list-item-block { padding-top: 20px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-2 .title { font-size: 20px; line-height: 32px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-2 .sub-title { font-size: 32px; line-height: 40px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-3 { padding-left: 56px; margin-left: 0px; margin-bottom: 15px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-3 .list-item-block { padding-top: 0px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-3 .title { font-size: 20px; line-height: 32px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-3 .sub-title { font-size: 32px; line-height: 40px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-3:before { width: 90px; height: 82px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-4 { margin-left: 400px; margin-bottom: 22px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-4 .list-item-block { padding-top: 20px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-4 .title { font-size: 20px; line-height: 32px; text-transform: uppercase; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-4 .sub-title { font-size: 32px; line-height: 40px; text-transform: uppercase; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5 { width: 50%; padding-left: 57px; margin-left: 0px; margin-bottom: 180px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5:before { width: 122px; height: 122px; background: url("/local/templates/roso/images/about-company/circle.svg") no-repeat; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5 .list-item-block { padding-top: 20px; position: relative; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5 .title { font-size: 24px; line-height: 32px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5 .sub-title-n { font-size: 16px; line-height: 24px; } } @media (max-width: 1023px) { .kompany-page .main-content .content-wrapper .image-1:before { left: 8px; top: -125px; width: 136px; height: 186px; z-index: -1; } .kompany-page .main-content .content-wrapper .image-2 .title-img-1 { left: 8px; top: -95px; width: 136px; height: 151px; z-index: -1; } .kompany-page .main-content .content-wrapper .image-2 .title-img-1 .sub-title-img-1 { width: 125px; height: 150px; -webkit-transform: none !important; transform: none !important; } .kompany-page .main-content .content-wrapper .section-1 { margin-bottom: 145px; } .kompany-page .main-content .content-wrapper .section-2 { margin-bottom: 220px; } .kompany-page .main-content .content-wrapper .section-2 .m-2 { margin-bottom: 32px; } .kompany-page .main-content .content-wrapper .section-2 .sub-section-1 { padding-right: 8px; } .kompany-page .main-content .content-wrapper .section-2 .sub-section-2 { padding-left: 8px; padding-right: 8px; } .kompany-page .main-content .content-wrapper .section-3 .list { padding-left: 70px; } .kompany-page .main-content .content-wrapper .section-3 .list:before { width: 120px; height: 108px; } .kompany-page .main-content .content-wrapper .section-3 .list .title { margin-bottom: 6px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-1 { margin-left: 0px; margin-bottom: 60px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-1 .list-item-block { padding-top: 12px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-1 .title { font-size: 16px; line-height: 24px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-1 .sub-title { font-size: 24px; line-height: 32px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-2 { margin-left: 0px; margin-bottom: 60px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-2 .list-item-block { padding-top: 12px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-2 .title { font-size: 16px; line-height: 24px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-2 .sub-title { font-size: 24px; line-height: 32px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-3 { padding-left: 40px; margin-left: 0px; margin-bottom: 40px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-3 .list-item-block { padding-top: 0px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-3 .title { font-size: 14px; line-height: 24px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-3:before { width: 56px; height: 51px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-4 { margin-left: 0px; margin-bottom: 22px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-4 .list-item-block { padding-top: 12px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-4 .title { font-size: 16px; line-height: 24px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-4 .sub-title { font-size: 24px; line-height: 32px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5 { width: 100%; padding-left: 40px; padding-top: 25px; margin-left: 0px; margin-bottom: 180px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5:before { width: 106px; height: 106px; background-size: contain; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5 .list-item-block { padding-top: 12px; position: relative; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5 .title { font-size: 24px; line-height: 32px; } .kompany-page .main-content .content-wrapper .section-3 .list.list-item-5 .sub-title-n { font-size: 16px; line-height: 24px; } } .kompany-page .wave-container { position: relative; } @media (max-width: 1023px) { .kompany-page .wave-container:before { top: -400px; } } @media (max-width: 767px) { .kompany-page .wave-container:before { top: -180px; background: url("/local/templates/roso/images/about-company/about-3-small.svg") no-repeat; background-size: cover !important; } } .kompany-page .wave-container .section-title-default-h1 { margin-top: 250px; position: relative; } .kompany-page .wave-container .section-title-default-h1 .title { margin-bottom: 70px; } .kompany-page .wave-container .section-title-default-h1::before { content: ""; position: absolute; left: 0; } .kompany-page .wave-container .wave-wrappper .person { width: 33.33333%; } .kompany-page .wave-container .wave-wrappper .person .photo-wrapper { padding-top: 66%; min-height: 280px; } @media screen and (max-width: 1023px) { .kompany-page .wave-container .wave-wrappper .person { width: 50%; } } @media screen and (max-width: 767px) { .kompany-page .wave-container .wave-wrappper .person { width: 100%; } } .cart-mobile-head-btn { display: none; position: relative; } @media screen and (max-width: 1023px) { .cart-mobile-head-btn { display: inline-block; vertical-align: middle; height: auto; margin-right: 25px; margin-top: -8px; } } .cart-mobile-head-btn .cart-count { content: ""; position: absolute; left: -15px; top: -12px; min-width: 28px; font-weight: 500; height: 28px; border-radius: 14px; text-align: center; line-height: 28px; background: linear-gradient(287.19deg, #ff6e4b 23.01%, #1ac6b8 76.37%); opacity: 0; visibility: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 35px; font-size: 14px; padding-left: 4px; } .cart-mobile-head-btn .cart-count.not-empty { visibility: visible; opacity: 1; } @media screen and (max-width: 1023px) { .open-menu .cart-mobile-head-btn { visibility: hidden; opacity: 0; } .menu-container .text-v-center-wrapp { display: block; } } .katalog-page .top-menu-resp { position: relative; } .katalog-page .top-menu-resp::before { content: ""; position: absolute; right: 0; top: 30px; width: 379px; height: 391px; background: url("/local/templates/roso/images/bg-items/top-menu-catalog.svg") no-repeat; background-size: contain; z-index: -1; } @media all and (max-width: 1450px) { .katalog-page .top-menu-resp::before { right: -200px; top: 13px; width: 419px; height: 250px; } } @media all and (max-width: 1359px) { .katalog-page .top-menu-resp::before { top: 0px; } } @media all and (max-width: 1023px) { .katalog-page .top-menu-resp::before { content: none; } } .katalog-page footer .content-wrapper { position: relative; } .katalog-page footer .content-wrapper::before { content: ""; position: absolute; left: 0; bottom: 30px; width: 512px; height: 257px; background: url("/local/templates/roso/images/bg-items/bottom-footer-catalog.svg") no-repeat; background-size: contain; z-index: -1; } @media all and (max-width: 1450px) { .katalog-page footer .content-wrapper::before { left: -290px; } } @media all and (max-width: 1023px) { .katalog-page footer .content-wrapper::before { content: none; } } .sticky-wrapper { overflow: hidden; } .default-styles:not(.kontakty-page):not(.delivery-page):not(.blog-page):not( .kompany-page ) .main-content { position: relative; } .default-styles:not(.kontakty-page):not(.delivery-page):not(.blog-page):not( .kompany-page ) .main-content::after { content: ""; position: absolute; right: 0; top: 1735px; width: 416px; height: 593px; background: url("/local/templates/roso/images/bg-items/right-default.svg") no-repeat; background-size: contain; z-index: -1; } @media all and (max-width: 1450px) { .default-styles:not(.kontakty-page):not(.delivery-page):not(.blog-page):not( .kompany-page ) .main-content::after { width: 310px; height: 440px; } } @media all and (max-width: 1359px) { .default-styles:not(.kontakty-page):not(.delivery-page):not(.blog-page):not( .kompany-page ) .main-content::after { top: 0px; } } .default-styles:not(.kontakty-page):not(.delivery-page):not(.blog-page):not( .kompany-page ) .main-content::before { content: ""; position: absolute; right: 0; top: 69px; width: 521px; height: 293px; background: url("/local/templates/roso/images/bg-items/top-menu-default.svg") no-repeat; background-size: contain; } @media all and (max-width: 1450px) { .default-styles:not(.kontakty-page):not(.delivery-page):not(.blog-page):not( .kompany-page ) .main-content::before { right: -120px; top: 60px; width: 419px; height: 250px; } } @media all and (max-width: 1359px) { .default-styles:not(.kontakty-page):not(.delivery-page):not(.blog-page):not( .kompany-page ) .main-content::before { top: 0px; } } @media all and (max-width: 1023px) { .default-styles:not(.kontakty-page):not(.delivery-page):not(.blog-page):not( .kompany-page ) .main-content::before { content: none; } } .default-styles:not(.kontakty-page):not(.delivery-page):not(.blog-page):not( .kompany-page ) footer { position: relative; } .default-styles:not(.kontakty-page):not(.rybokombinat-sevko):not(.delivery-page):not(.blog-page):not( .kompany-page ) footer::before { content: ""; position: absolute; left: 0; bottom: 50px; width: 271px; height: 365px; background: url("/local/templates/roso/images/bg-items/bottom-footer-default.svg") no-repeat; background-size: contain; z-index: -1; } @media all and (max-width: 1450px) { .default-styles:not(.kontakty-page):not(.delivery-page):not(.blog-page):not( .kompany-page ) footer::before { bottom: 0; width: 190px; height: 300px; } } @media all and (max-width: 1359px) { .default-styles:not(.kontakty-page):not(.delivery-page):not(.blog-page):not( .kompany-page ) footer::before { top: 0px; } } .blog-page .main-content { position: relative; } .blog-page .main-content::after { content: ""; position: absolute; right: 0; top: 25px; width: 336px; height: 415px; background: url("/local/templates/roso/images/bg-items/top-menu-blog.svg") no-repeat; background-size: contain; } @media all and (max-width: 1450px) { .blog-page .main-content::after { width: 250px; height: 258px; right: -45px; } } @media all and (max-width: 1023px) { .blog-page .main-content::after { content: none; } } .delivery-page .main-content { position: relative; } .delivery-page .main-content::after { content: ""; position: absolute; right: 0; top: 50px; width: 251px; height: 250px; background: url("/local/templates/roso/images/bg-items/top-menu-delivery.svg") no-repeat; background-size: contain; } @media all and (max-width: 1359px) { .delivery-page .main-content::after { top: 0; } } @media all and (max-width: 1023px) { .delivery-page .main-content::after { content: none; } } .delivery-page footer { position: relative; } .delivery-page footer::before { content: ""; position: absolute; left: 0; bottom: 160px; width: 303px; height: 331px; background: url("/local/templates/roso/images/bg-items/bottom-footer-delivery.svg") no-repeat; background-size: contain; z-index: -1; } @media all and (max-width: 1450px) { .delivery-page footer::before { content: none; } } .kontakty-page .content-wrapper > .container:first-child h1.page-title { margin-top: 0px !important; margin-bottom: 0px !important; } .kontakty-page .main-content { position: relative; } .kontakty-page .main-content::after { content: ""; position: absolute; right: 0; top: 10px; width: 693px; height: 416px; background: url("/local/templates/roso/images/bg-items/top-menu-contacts.svg") no-repeat; background-size: contain; } @media all and (max-width: 1450px) { .kontakty-page .main-content::after { width: 605px; height: 250px; right: -190px; } } @media all and (max-width: 1359px) { .kontakty-page .main-content::after { right: -250px; } } @media all and (max-width: 1023px) { .kontakty-page .main-content::after { content: none; } } @media all and (max-width: 1023px) { .kontakty-page .content-wrapper > .container:first-child { padding-bottom: 10px; padding-top: 10px; } } [class*="ymaps-2"][class*="-ground-pane"] { filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); } .ymaps-touch-scroll-bg { display: none !important; } .page-404 .error-wrapper { position: relative; height: 100vh; min-height: 840px; margin-top: -176px; margin-bottom: -186px; width: 100%; z-index: 1; } @media all and (max-width: 1359px) { .page-404 .error-wrapper { margin-top: 0px; margin-bottom: 0px; height: 468px; min-height: auto; } } .page-404 .error-wrapper::before { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 1920px; height: 548px; background: url("/local/templates/roso/images/bg/404.svg") no-repeat; z-index: -1; } @media all and (max-width: 1359px) { .page-404 .error-wrapper::before { width: 78px; height: 468px; top: 0; left: 0; -webkit-transform: none; transform: none; background: url("/local/templates/roso/images/bg/404-mobile.png") no-repeat; } } .page-404 .error-wrapper .error-page-item { margin-top: -200px; } @media all and (max-width: 1359px) { .page-404 .error-wrapper .error-page-item { margin-top: 0; padding-left: 80px; } } .page-404 .error-wrapper .error-page-item .section-1 { text-align: center; } .page-404 .error-wrapper .error-page-item .section-1 span { font-size: 112px; line-height: 0.55; letter-spacing: 0.06em; text-transform: uppercase; color: #ffffff; font-weight: 200; display: block; } @media all and (max-width: 1359px) { .page-404 .error-wrapper .error-page-item .section-1 { display: block; text-align: left; } .page-404 .error-wrapper .error-page-item .section-1 span { font-size: 88px; line-height: 111px; } } .page-404 .error-wrapper .error-page-item .section-2 p { font-size: 24px; line-height: 30px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 200; margin-bottom: 18px; } @media all and (max-width: 1359px) { .page-404 .error-wrapper .error-page-item .section-2 p { font-size: 14px; line-height: 24px; } } .page-404 .error-wrapper .error-page-item .section-2 a { font-size: 16px; line-height: 20px; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none !important; color: #9aafb4; } @media all and (max-width: 1359px) { .page-404 .error-wrapper .error-page-item .section-2 a { font-size: 14px; line-height: 18px; } } .page-404 footer { position: relative; z-index: 2; } @media all and (min-width: 1360px) { .page-404 footer .roso { color: #fff; opacity: 1; } .page-404 footer .content-wrapper { border-top: none; } } @media all and (min-width: 1360px) { .page-404 .roso:before { background: url("/local/templates/roso/images/icons/roso-logo-w.svg") no-repeat; } } .fancybox-bg { background: #04222b !important; } .fancybox-is-open .fancybox-bg { opacity: 0.85 !important; } .fancybox-slide--html .fancybox-close-small { padding: 6px !important; } .fancybox-button svg path { color: #9aafb4 !important; } .wow-n { visibility: hidden; -webkit-animation-name: none; animation-name: none; } @media all and (max-width: 1024px) { .wow-n { visibility: visible; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: fadeInUp !important; animation-name: fadeInUp !important; } } .wow-n.animated { visibility: visible; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .wow-n.hidden { visibility: visible; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } .main-title-front { position: relative; } .main-title-front.animated { display: inline-block; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .main-title-front.hidden { display: inline-block; -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } #go-top-btn { position: fixed; height: 48px; width: 48px; border-radius: 24px; z-index: 3; display: block; visibility: hidden; opacity: 0; right: 64px; bottom: 64px; background: rgba(0, 60, 78, 0.8); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; cursor: pointer; } @media all and (max-width: 1359px) { #go-top-btn { right: 40px; bottom: 40px; } } @media all and (max-width: 1023px) { #go-top-btn { right: 16px; bottom: 16px; } } #go-top-btn:before { content: ""; position: absolute; left: 0; right: 0; top: -3px; bottom: 0; width: 20px; height: 13px; margin: auto; background: url("/local/templates/roso/images/go-top.svg") no-repeat; } #go-top-btn:hover { background: #003c4e; } .fade-in-n { -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; opacity: 1 !important; } .fade-in-n.active { visibility: visible !important; } .scroll-left { width: 96px; height: 40px; position: fixed; left: 0; } .popup-wrapper-content, .basket-info-popup { display: none; } .card-modal-content .popup-wrapper-content, .card-modal-content .basket-info-popup { display: block; } .wave-wrappper .owl-carousel.news-list { position: relative; } .wave-wrappper .owl-carousel.news-list .owl-nav { position: absolute; top: calc(50% - 30px); height: 0; width: 100%; text-align: left; } .wave-wrappper .owl-carousel.news-list .owl-nav .owl-prev { width: 53px; height: 60px; background: url("/local/templates/roso/images/icons/arrow-owl-left.svg") no-repeat; -webkit-transform: translateX(112px); transform: translateX(112px); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; outline: 0; } .wave-wrappper .owl-carousel.news-list .owl-nav .owl-prev.disabled { opacity: 0.5; cursor: default; } .wave-wrappper .owl-carousel.news-list .owl-nav .owl-next { width: 53px; height: 60px; background: url("/local/templates/roso/images/icons/arrow-owl-right.svg") no-repeat; display: inline-block; -webkit-transform: translateX(-112px); transform: translateX(-112px); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; float: right; outline: 0; } .wave-wrappper .owl-carousel.news-list .owl-nav .owl-next.disabled { opacity: 0.5; cursor: default; } .wave-wrappper .owl-carousel.news-list:hover .owl-nav .owl-next { -webkit-transform: translateX(-28px); transform: translateX(-28px); } .wave-wrappper .owl-carousel.news-list:hover .owl-nav .owl-prev { -webkit-transform: translateX(28px); transform: translateX(28px); } @media all and (max-width: 1023px) { .wave-wrappper .owl-carousel.news-list .owl-nav .owl-next { -webkit-transform: translateX(-28px); transform: translateX(-28px); } .wave-wrappper .owl-carousel.news-list .owl-nav .owl-prev { -webkit-transform: translateX(28px); transform: translateX(28px); } } .main-title-front.animated { display: inline-block; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .main-title-front .scroll { content: ""; position: absolute; left: 0; bottom: -140px; width: 96px; height: 40px; background: url("/local/templates/roso/images/scroll.svg") no-repeat; -webkit-transition: visibility; transition: visibility; -webkit-transition-delay: 1s; transition-delay: 1s; visibility: hidden; } @media all and (max-width: 1359px) { .main-title-front .scroll { display: none !important; } } .main-title-front.animated .scroll { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; visibility: visible; } .main-title-front .scroll:after { content: ""; position: absolute; right: -40px; top: 0; bottom: 0; margin: auto; width: 63px; height: 15px; background: url("/local/templates/roso/images/scroll-arrow.svg") no-repeat; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: fadeInRightNew; animation-name: fadeInRightNew; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes fadeInRightNew { 0% { opacity: 0; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } 25% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } } @keyframes fadeInRightNew { 0% { opacity: 0; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } 25% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } } .kompany-page .about-1:before { content: none; } .kompany-page .section-2-2 { margin-bottom: 275px; } @media all and (max-width: 1359px) { .kompany-page .section-2-2 { margin-bottom: 130px; } } @media all and (max-width: 1023px) { .kompany-page .section-2-2 { margin-bottom: 50px; } } .kompany-page .section-3-3 .title { font-weight: 500; font-size: 48px; line-height: 64px; text-transform: uppercase; } .kompany-page .section-4-4 .title { font-weight: 500; font-size: 32px !important; line-height: 40px !important; text-transform: uppercase; margin-bottom: 25px; } .kompany-page .section-5-5 .title { font-size: 48px; line-height: 56px !important; text-transform: uppercase; font-weight: 500; color: #ffffff; margin-bottom: 25px; } .kompany-page .section-6-6 .title { font-weight: 500; font-size: 32px; line-height: 40px; text-transform: uppercase; color: #ffffff; margin-bottom: 25px; } .kompany-page .section-7-7 { padding-top: 12px; margin-top: -12px; } .kompany-page .section-7-7 .title { font-weight: 500; font-size: 48px; line-height: 56px; } .kompany-page .section-8-8 .title { font-size: 32px !important; line-height: 48px !important; font-weight: 400 !important; } .kompany-page .section-3-3 { position: relative; z-index: 1; padding-top: 45px; margin-top: -45px; } @media all and (max-width: 1023px) { .kompany-page .section-3-3 { margin-top: 0; padding-top: 0; } } .kompany-page .image-3 { position: relative; z-index: 1; padding-top: 45px; } @media all and (max-width: 1359px) { .kompany-page .image-3 { padding-top: 30px; } } @media all and (max-width: 1023px) { .kompany-page .image-3 { padding-top: 0; } } .kompany-page .image-3 .block-ab-p { position: relative; z-index: 2; } .kompany-page .image-3:before { content: ""; position: absolute; left: -112px; top: 0px; width: 246px; height: 246px; background: url("/local/templates/roso/images/about-company/new/img-3.svg") no-repeat; background-size: contain; z-index: 1; } @media all and (max-width: 1359px) { .kompany-page .image-3:before { left: -64px; width: 144px; height: 144px; } } @media all and (max-width: 1023px) { .kompany-page .image-3:before { content: none; } } .kompany-page .image-4 { position: relative; z-index: 1; } .kompany-page .image-4:before { content: ""; position: absolute; left: -106px; top: -19px; width: 156px; height: 140px; background: url("/local/templates/roso/images/about-company/new/img-4.svg") no-repeat; background-size: contain; z-index: -1; } @media all and (max-width: 1359px) { .kompany-page .image-4:before { width: 102px; height: 92px; left: -71px; top: -15px; } } @media all and (max-width: 1023px) { .kompany-page .image-4:before { content: none; } } .kompany-page .image-5 { position: relative; z-index: 1; } .kompany-page .image-5:before { content: ""; position: absolute; left: -71px; top: 5px; width: 90px; height: 82px; background: url("/local/templates/roso/images/about-company/new/img-5.svg") no-repeat; z-index: -1; } @media all and (max-width: 1359px) { .kompany-page .image-5:before { left: -51px; } } .kompany-page .image-6 { position: relative; z-index: 1; } .kompany-page .image-6:before { content: ""; position: absolute; left: -105px; top: 0px; width: 156px; height: 140px; background: url("/local/templates/roso/images/about-company/new/img-6.svg") no-repeat; background-size: contain; z-index: -1; } @media all and (max-width: 1359px) { .kompany-page .image-6:before { width: 112px; height: 110px; left: -58px; } } @media all and (max-width: 1023px) { .kompany-page .image-6:before { content: none; } } .kompany-page .image-7 { position: relative; z-index: 1; } .kompany-page .image-7:before { content: ""; position: absolute; left: -53px; top: -22px; width: 122px; height: 122px; background: url("/local/templates/roso/images/about-company/new/img-7.svg") no-repeat; background-size: contain; z-index: -1; } @media all and (max-width: 1359px) { .kompany-page .image-7:before { top: -19px; left: -36px; width: 92px; height: 92px; } } @media all and (max-width: 1023px) { .kompany-page .image-7:before { content: none; } } .kompany-page .section-3-3 { margin-bottom: 260px; } @media all and (max-width: 1359px) { .kompany-page .section-3-3 { margin-bottom: 145px; } } @media all and (max-width: 1023px) { .kompany-page .section-3-3 { margin-bottom: 60px; } } .kompany-page .section-4-4 { margin-bottom: 250px; } @media all and (max-width: 1359px) { .kompany-page .section-4-4 { margin-bottom: 125px; } } @media all and (max-width: 1023px) { .kompany-page .section-4-4 { margin-bottom: 45px; } } .kompany-page .section-5-5 { margin-bottom: 260px; padding-top: 5px; margin-top: -5px; position: relative; } @media all and (max-width: 1359px) { .kompany-page .section-5-5 { margin-bottom: 115px; } } @media all and (max-width: 1023px) { .kompany-page .section-5-5 { margin-bottom: 50px; } } .kompany-page .section-5-5:before { content: ""; position: absolute; left: calc(((100vw - 1232px) / 2) * -1); top: 230px; width: 483px; height: 704px; background: url("/local/templates/roso/images/about-company/new/bush-1.svg") no-repeat; background-position: center; background-size: contain; z-index: 2; } @media all and (max-width: 1359px) { .kompany-page .section-5-5:before { left: calc((((100vw - 960px) / 2) * -1) - 45px); height: 479px; background-position: left; } } @media all and (max-width: 1023px) { .kompany-page .section-5-5:before { left: -20px; top: 75px; height: 260px; background-position: left; } } .kompany-page .section-6-6 { margin-bottom: 270px; } @media all and (max-width: 1359px) { .kompany-page .section-6-6 { margin-bottom: 150px; } } @media all and (max-width: 1023px) { .kompany-page .section-6-6 { margin-bottom: 40px; } } .kompany-page .section-7-7 { margin-bottom: 270px; position: relative; } @media all and (max-width: 1359px) { .kompany-page .section-7-7 { margin-bottom: 145px; } } .kompany-page .section-7-7:before { content: ""; position: absolute; right: calc(((100vw - 1232px) / 2) * -1); top: -260px; width: 892px; height: 1335px; background: url("/local/templates/roso/images/about-company/new/fish-group.svg") no-repeat; } @media all and (max-width: 1359px) { .kompany-page .section-7-7:before { top: -600px; right: calc((((100vw - 960px) / 2) * -1) - 175px); } } @media all and (max-width: 1023px) { .kompany-page .section-7-7:before { content: none; } } .kompany-page .section-8-8 { margin-bottom: 260px; } @media all and (max-width: 1359px) { .kompany-page .section-8-8 { margin-bottom: 180px; } } @media all and (max-width: 1023px) { .kompany-page .section-8-8 { margin-bottom: 115px; } } .kompany-page .sub-section-4.image-4:before { top: 0px; } .kompany-page .bouble-wrapper { position: relative; } .kompany-page .bouble-wrapper .bouble-item { position: absolute; top: 0; left: 0; } @media all and (min-width: 1359px) { .kompany-page .bouble-wrapper .bouble-item { z-index: 2; } } .kompany-page .bouble-wrapper span { position: absolute; left: 0; top: 0; display: block; width: 40px; height: 40px; } .kompany-page .bouble-wrapper span:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/local/templates/roso/images/about-company/new/bubble/1.svg") no-repeat; background-size: contain; } @media all and (max-width: 1023px) { .kompany-page .bouble-wrapper span { display: none; } } .kompany-page .bouble-wrapper .bouble-1 { top: -175px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-1 { top: -135px; } } .kompany-page .bouble-wrapper .bouble-1-1 { width: 24px; height: 24px; left: 200px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-1-1 { left: 122px; height: 17px; width: 17px; } } .kompany-page .bouble-wrapper .bouble-1-1:before { opacity: 0.3; } .kompany-page .bouble-wrapper .bouble-1-2 { width: 48px; height: 48px; left: 144px; top: 56px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-1-2 { left: 83px; height: 34px; width: 34px; top: 39px; } } .kompany-page .bouble-wrapper .bouble-1-2:before { opacity: 0.45; } .kompany-page .bouble-wrapper .bouble-1-3 { width: 16px; height: 16px; left: 246px; top: 81px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-1-3 { width: 23px; height: 23px; left: 128px; top: 96px; } } .kompany-page .bouble-wrapper .bouble-1-3:before { opacity: 0.25; } .kompany-page .bouble-wrapper .bouble-1-4 { width: 32px; height: 32px; left: 208px; top: 137px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-1-4 { width: 31px; height: 13px; left: 187px; top: 122px; } } .kompany-page .bouble-wrapper .bouble-1-4:before { opacity: 0.2; } .kompany-page .bouble-wrapper .bouble-1-5 { width: 44px; height: 44px; left: 292px; top: 176px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-1-5 { width: 15px; height: 15px; left: 141px; top: 152px; } } .kompany-page .bouble-wrapper .bouble-1-5:before { opacity: 0.15; } .kompany-page .bouble-wrapper .bouble-1-6 { width: 21px; height: 21px; left: 227px; top: 216px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-1-6 { width: 27px; height: 27px; top: 177px; left: 165px; } } .kompany-page .bouble-wrapper .bouble-1-6:before { opacity: 0.2; } .kompany-page .bouble-wrapper .bouble-1-7 { width: 38px; height: 38px; left: 261px; top: 251px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-1-7 { width: 11px; height: 11px; left: 212px; top: 212px; } } .kompany-page .bouble-wrapper .bouble-1-7:before { opacity: 0.15; } .kompany-page .bouble-wrapper .bouble-1-8 { width: 16px; height: 16px; left: 328px; top: 301px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-1-8 { display: none; } } .kompany-page .bouble-wrapper .bouble-1-8:before { opacity: 0.15; } .kompany-page .bouble-wrapper .bouble-2 { top: 0px; } .kompany-page .bouble-wrapper .fish-big-wrapper { position: absolute; left: calc(((100vw - 1232px) / 2) * -1); top: -285px; width: 644px; height: 315px; } @media all and (max-width: 1550px) { .kompany-page .bouble-wrapper .fish-big-wrapper { left: calc((((100vw - 1232px) / 2) * -1) - 210px); } } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .fish-big-wrapper { left: calc(((100vw - 960px) / 2) * -1); height: 182px; top: -160px !important; } } @media all and (max-width: 1023px) { .kompany-page .bouble-wrapper .fish-big-wrapper { left: -16px; position: relative; top: 0 !important; height: 96px; } } .kompany-page .bouble-wrapper .fish-big-wrapper:before { content: ""; position: absolute; left: 0; top: 270px; height: 95px; width: 764px; background: url("/local/templates/roso/images/about-company/new/item-1.svg") no-repeat; } @media all and (max-width: 1023px) { .kompany-page .bouble-wrapper .fish-big-wrapper:before { content: none; } } .kompany-page .bouble-wrapper .fish-big-1 { background: url("/local/templates/roso/images/about-company/new/fish-big-1.svg") no-repeat; height: 100%; width: 100%; background-size: contain; } @media all and (max-width: 1023px) { .kompany-page .bouble-wrapper .fish-big-1 { -webkit-transform: none !important; transform: none !important; } } .kompany-page .bouble-wrapper .fish-2-wrapper { position: absolute; left: 170px; top: 275px; width: 216px; height: 136px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .fish-2-wrapper { left: 90px; top: 120px !important; } } @media all and (max-width: 1023px) { .kompany-page .bouble-wrapper .fish-2-wrapper { position: relative; left: 60px; top: 0 !important; width: 185px; height: 117px; } } .kompany-page .bouble-wrapper .fish-2-wrapper .fish-big-2 { background: url("/local/templates/roso/images/about-company/new/fish-big-2.svg"); height: 100%; width: 100%; background-size: contain; } @media all and (max-width: 1023px) { .kompany-page .bouble-wrapper .fish-2-wrapper .fish-big-2 { -webkit-transform: none !important; transform: none !important; } } .kompany-page .bouble-wrapper .fish-3-wrapper { position: absolute; left: 1020px; top: -470px; width: 236px; height: 88px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .fish-3-wrapper { left: 715px; } } @media all and (max-width: 1023px) { .kompany-page .bouble-wrapper .fish-3-wrapper { left: 53px; top: 0; width: 198px; height: 74px; } } .kompany-page .bouble-wrapper .fish-3-wrapper .fish-big-3 { background: url("/local/templates/roso/images/about-company/new/fish-big-3.svg"); height: 100%; width: 100%; background-size: contain; } @media all and (max-width: 1023px) { .kompany-page .bouble-wrapper .fish-3-wrapper .fish-big-3 { -webkit-transform: none !important; transform: none !important; } } .kompany-page .bouble-wrapper .bouble-2-1 { width: 20px; height: 20px; left: 364px; } .kompany-page .bouble-wrapper .bouble-2-1:before { opacity: 0.45; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-2-1 { width: 13px; height: 13px; left: 274px; } } .kompany-page .bouble-wrapper .bouble-2-2 { width: 48px; height: 48px; left: 248px; top: 47px; } .kompany-page .bouble-wrapper .bouble-2-2:before { opacity: 0.35; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-2-2 { width: 30px; height: 30px; left: 200px; top: 30px; } } .kompany-page .bouble-wrapper .bouble-2-3 { width: 67px; height: 67px; left: 332px; top: 87px; } .kompany-page .bouble-wrapper .bouble-2-3:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-2-3 { width: 43px; height: 43px; left: 253px; top: 60px; } } .kompany-page .bouble-wrapper .bouble-2-4 { width: 36px; height: 36px; left: 420px; top: 146px; } .kompany-page .bouble-wrapper .bouble-2-4:before { opacity: 0.5; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-2-4 { width: 23px; height: 23px; left: 310px; top: 93px; } } .kompany-page .bouble-wrapper .bouble-2-5 { width: 26px; height: 26px; left: 377px; top: 230px; } .kompany-page .bouble-wrapper .bouble-2-5:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-2-5 { width: 16px; height: 16px; left: 280px; top: 146px; } } .kompany-page .bouble-wrapper .bouble-3 { top: 15px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-3 { top: -5px; } } @media all and (max-width: 1023px) { .kompany-page .bouble-wrapper .bouble-3 { top: 0; position: relative; } } .kompany-page .bouble-wrapper .bouble-3-1 { width: 64px; height: 64px; left: 506px; } .kompany-page .bouble-wrapper .bouble-3-1:before { opacity: 0.45; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-3-1 { width: 39px; height: 39px; left: 380px; } } .kompany-page .bouble-wrapper .bouble-3-2 { width: 32px; height: 32px; left: 597px; top: 8px; } .kompany-page .bouble-wrapper .bouble-3-2:before { opacity: 0.35; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-3-2 { width: 20px; height: 20px; left: 435px; top: 4px; } } .kompany-page .bouble-wrapper .bouble-3-3 { width: 49px; height: 49px; left: 568px; top: 87px; } .kompany-page .bouble-wrapper .bouble-3-3:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-3-3 { width: 30px; height: 30px; left: 417px; top: 59px; } } .kompany-page .bouble-wrapper .bouble-3-4 { width: 23px; height: 23px; left: 665px; top: 66px; } .kompany-page .bouble-wrapper .bouble-3-4:before { opacity: 0.3; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-3-4 { width: 14px; height: 14px; left: 476px; top: 40px; } } .kompany-page .bouble-wrapper .bouble-3-5 { width: 23px; height: 23px; left: 522px; top: 169px; } .kompany-page .bouble-wrapper .bouble-3-5:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-3-5 { width: 14px; height: 14px; left: 389px; top: 102px; } } .kompany-page .bouble-wrapper .bouble-3-6 { width: 16px; height: 16px; left: 646px; top: 160px; } .kompany-page .bouble-wrapper .bouble-3-6:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-3-6 { width: 10px; height: 10px; left: 464px; top: 97px; } } .kompany-page .bouble-wrapper .bouble-4 { top: -90px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-4 { top: -70px; } } @media all and (max-width: 1023px) { .kompany-page .bouble-wrapper .bouble-4 { top: 0; position: relative; } } .kompany-page .bouble-wrapper .bouble-4-1 { width: 31px; height: 31px; left: 494px; } .kompany-page .bouble-wrapper .bouble-4-1:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-4-1 { width: 18px; height: 18px; left: 380px; } } .kompany-page .bouble-wrapper .bouble-4-2 { width: 49px; height: 49px; left: 554px; top: 69px; } .kompany-page .bouble-wrapper .bouble-4-2:before { opacity: 0.35; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-4-2 { width: 29px; height: 29px; left: 426px; top: 40px; } } .kompany-page .bouble-wrapper .bouble-4-3 { width: 24px; height: 24px; left: 522px; top: 117px; } .kompany-page .bouble-wrapper .bouble-4-3:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-4-3 { width: 14px; height: 14px; left: 392px; top: 68px; } } .kompany-page .bouble-wrapper .bouble-4-4 { width: 21px; height: 21px; left: 578px; top: 168px; } .kompany-page .bouble-wrapper .bouble-4-4:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-4-4 { width: 12px; height: 12px; left: 423px; top: 98px; } } .kompany-page .bouble-wrapper .bouble-4-5 { width: 49px; height: 49px; left: 485px; top: 197px; } .kompany-page .bouble-wrapper .bouble-4-5:before { opacity: 0.3; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-4-5 { width: 29px; height: 29px; left: 385px; top: 115px; } } .kompany-page .bouble-wrapper .bouble-4-6 { width: 16px; height: 16px; left: 456px; top: 283px; } .kompany-page .bouble-wrapper .bouble-4-6:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-4-6 { width: 10px; height: 10px; left: 349px; top: 165px; } } .kompany-page .bouble-wrapper .bouble-5 { top: -85px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-5 { top: -140px; } } .kompany-page .bouble-wrapper .bouble-5-1 { width: 58px; height: 58px; left: 359px; } .kompany-page .bouble-wrapper .bouble-5-1:before { opacity: 0.35; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-5-1 { width: 43px; height: 43px; left: 298px; } } .kompany-page .bouble-wrapper .bouble-5-2 { width: 38px; height: 38px; left: 392px; top: 90px; } .kompany-page .bouble-wrapper .bouble-5-2:before { opacity: 0.25; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-5-2 { width: 28px; height: 28px; left: 321px; top: 67px; } } .kompany-page .bouble-wrapper .bouble-5-3 { width: 33px; height: 33px; left: 331px; top: 137px; } .kompany-page .bouble-wrapper .bouble-5-3:before { opacity: 0.45; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-5-3 { width: 24px; height: 24px; top: 101px; left: 277px; } } .kompany-page .bouble-wrapper .bouble-5-4 { width: 16px; height: 16px; left: 395px; top: 186px; } .kompany-page .bouble-wrapper .bouble-5-4:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-5-4 { left: 294px; top: 161px; } } .kompany-page .bouble-wrapper .bouble-5-5 { width: 22px; height: 22px; left: 355px; top: 218px; } .kompany-page .bouble-wrapper .bouble-5-5:before { opacity: 0.35; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-5-5 { width: 18px; height: 22px; left: 319px; top: 198px; } } .kompany-page .bouble-wrapper .bouble-5-6 { width: 24px; height: 24px; left: 388px; top: 268px; } .kompany-page .bouble-wrapper .bouble-5-6:before { opacity: 0.45; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-5-6 { display: none; } } .kompany-page .bouble-wrapper .bouble-6 { top: -106px; } .kompany-page .bouble-wrapper .bouble-6-1 { width: 32px; height: 32px; left: 316px; } .kompany-page .bouble-wrapper .bouble-6-1:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-6-1 { width: 23px; height: 23px; left: 262px; } } .kompany-page .bouble-wrapper .bouble-6-2 { width: 24px; height: 24px; left: 300px; top: 92px; } .kompany-page .bouble-wrapper .bouble-6-2:before { opacity: 0.45; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-6-2 { width: 17px; height: 17px; left: 251px; top: 64px; } } .kompany-page .bouble-wrapper .bouble-6-3 { width: 56px; height: 56px; left: 187px; top: 160px; } .kompany-page .bouble-wrapper .bouble-6-3:before { opacity: 0.35; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-6-3 { width: 40px; height: 40px; left: 171px; top: 112px; } } .kompany-page .bouble-wrapper .bouble-6-4 { width: 40px; height: 40px; left: 312px; top: 168px; } .kompany-page .bouble-wrapper .bouble-6-4:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-6-4 { width: 28px; height: 28px; left: 259px; top: 118px; } } .kompany-page .bouble-wrapper .bouble-6-5 { width: 24px; height: 24px; left: 260px; top: 248px; } .kompany-page .bouble-wrapper .bouble-6-5:before { opacity: 0.25; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-6-5 { width: 17px; height: 17px; left: 223px; top: 174px; } } .kompany-page .bouble-wrapper .bouble-6-6 { width: 57px; height: 57px; left: 109px; top: 286px; } .kompany-page .bouble-wrapper .bouble-6-6:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-6-6 { width: 40px; height: 40px; left: 116px; top: 201px; } } .kompany-page .bouble-wrapper .bouble-7 { top: -195px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-7 { top: -140px; } } @media all and (max-width: 1023px) { .kompany-page .bouble-wrapper .bouble-7 { top: 0; position: relative; } } .kompany-page .bouble-wrapper .bouble-7-1 { width: 42px; height: 42px; left: 142px; } .kompany-page .bouble-wrapper .bouble-7-1:before { opacity: 0.35; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-7-1 { width: 30px; height: 30px; left: 140px; } } .kompany-page .bouble-wrapper .bouble-7-2 { width: 23px; height: 23px; left: 84px; top: 100px; } .kompany-page .bouble-wrapper .bouble-7-2:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-7-2 { width: 11px; height: 11px; left: 99px; top: 25px; } .kompany-page .bouble-wrapper .bouble-7-2:before { opacity: 0.1; } } .kompany-page .bouble-wrapper .bouble-7-3 { width: 27px; height: 27px; left: 143px; top: 130px; } .kompany-page .bouble-wrapper .bouble-7-3:before { opacity: 0.35; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-7-3 { width: 16px; height: 16px; left: 100px; top: 70px; } } .kompany-page .bouble-wrapper .bouble-7-4 { width: 42px; height: 42px; left: 51px; top: 169px; } .kompany-page .bouble-wrapper .bouble-7-4:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-7-4 { width: 19px; height: 19px; left: 140px; top: 92px; } } .kompany-page .bouble-wrapper .bouble-7-5 { width: 68px; height: 68px; left: 84px; top: 267px; } .kompany-page .bouble-wrapper .bouble-7-5:before { opacity: 0.25; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-7-5 { width: 30px; height: 30px; left: 75px; top: 109px; } } .kompany-page .bouble-wrapper .bouble-7-6 { width: 42px; height: 42px; left: 0px; top: 339px; } .kompany-page .bouble-wrapper .bouble-7-6:before { opacity: 0.45; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-7-6 { width: 48px; height: 48px; left: 99px; top: 188px; } .kompany-page .bouble-wrapper .bouble-7-6:before { opacity: 0.15; } } .kompany-page .bouble-wrapper .bouble-8 { top: -140px; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-8 { top: -45px; } } .kompany-page .bouble-wrapper .bouble-8-1 { width: 24px; height: 24px; left: -30px; } .kompany-page .bouble-wrapper .bouble-8-1:before { opacity: 0.25; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-8-1 { width: 17px; height: 17px; left: 88px; } } .kompany-page .bouble-wrapper .bouble-8-2 { width: 32px; height: 32px; left: 8px; top: 48px; } .kompany-page .bouble-wrapper .bouble-8-2:before { opacity: 0.45; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-8-2 { width: 23px; height: 23px; left: 116px; top: 34px; } } .kompany-page .bouble-wrapper .bouble-8-3 { width: 48px; height: 48px; left: -31px; top: 112px; } .kompany-page .bouble-wrapper .bouble-8-3:before { opacity: 0.45; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-8-3 { width: 34px; height: 34px; left: 88px; top: 80px; } .kompany-page .bouble-wrapper .bouble-8-3:before { opacity: 0.15; } } .kompany-page .bouble-wrapper .bouble-8-4 { width: 17px; height: 17px; left: 31px; top: 123px; } .kompany-page .bouble-wrapper .bouble-8-4:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-8-4 { width: 12px; height: 12px; left: 132px; top: 88px; } .kompany-page .bouble-wrapper .bouble-8-4:before { opacity: 0.05; } } .kompany-page .bouble-wrapper .bouble-8-5 { width: 25px; height: 25px; left: 72px; top: 168px; } .kompany-page .bouble-wrapper .bouble-8-5:before { opacity: 0.15; } @media all and (max-width: 1359px) { .kompany-page .bouble-wrapper .bouble-8-5 { width: 17px; height: 17px; left: 162px; top: 120px; } .kompany-page .bouble-wrapper .bouble-8-5:before { opacity: 0.05; } } .kompany-page .bouble-wrapper .item-2-bg { position: absolute; width: 624px; height: 94px; top: 200px; left: calc((((100vw - 1232px) / 2) * -1) + 1350px); background: url("/local/templates/roso/images/about-company/new/item-2.svg") no-repeat; } .kompany-page .container.about-1 { position: relative; padding-bottom: 60px; } .kompany-page .container.about-1:before { content: ""; position: absolute; left: calc(((100vw - 1232px) / 2) * -1); top: 965px; width: 100vw; height: 183px; background: url("/local/templates/roso/images/about-company/new/bg-1.png") no-repeat; background-size: 100% 100%; } @media all and (max-width: 1359px) { .kompany-page .container.about-1:before { left: calc(((100vw - 960px) / 2) * -1); content: "" !important; top: 695px; } } @media all and (max-width: 1023px) { .kompany-page .container.about-1:before { left: 0px; } } .kompany-page .container.about-1:after { content: ""; position: absolute; left: calc(((100vw - 1232px) / 2) * -1); top: 1148px; width: 100vw; height: calc(100% - 1148px); background: #011d25; z-index: -1; } @media all and (max-width: 1359px) { .kompany-page .container.about-1:after { left: calc(((100vw - 960px) / 2) * -1); top: 878px; height: calc(100% - 878px); } } @media all and (max-width: 1023px) { .kompany-page .container.about-1:after { left: 0px; } } .kompany-page .about-1 .title { font-size: 48px; line-height: 64px; font-weight: 400; width: 610px; } @media all and (max-width: 1359px) { .kompany-page .about-1 .title { width: 100%; } } .kompany-page .main-content .content-wrapper .section-1 { padding-top: 125px; margin-bottom: 150px; } @media all and (max-width: 1359px) { .kompany-page .main-content .content-wrapper .section-1 { padding-top: 40px; } } @media all and (max-width: 1023px) { .kompany-page .main-content .content-wrapper .section-1 { padding-top: 140px; } } @media all and (max-width: 1359px) { .kompany-page .main-content .content-wrapper .section-1 .title { font-weight: 500; font-size: 32px; line-height: 40px; } } @media all and (max-width: 1023px) { .kompany-page .main-content .content-wrapper .section-1 .title { font-size: 24px; line-height: 32px; } } .kompany-page .main-content .content-wrapper .image-1:before { top: -125px; } @media all and (max-width: 1359px) { .kompany-page .main-content .content-wrapper .image-1:before { top: -40px; } } @media all and (max-width: 1023px) { .kompany-page .main-content .content-wrapper .image-1:before { top: -140px; } } @media all and (max-width: 1359px) { .kompany-page .main-content .content-wrapper .section-2-2 .title { font-size: 24px; line-height: 32px; } } @media all and (max-width: 1023px) { .kompany-page .main-content .content-wrapper .section-2-2 .title { font-size: 20px; line-height: 32px; font-weight: 500; } .kompany-page .main-content .content-wrapper .section-2-2 .title br { display: none !important; } } @media all and (max-width: 1023px) { .kompany-page .main-content .content-wrapper .section-2-2 { position: relative; z-index: 2; } } @media all and (max-width: 1359px) { .kompany-page .main-content .content-wrapper .section-3-3 .title { font-weight: 500; font-size: 32px; line-height: 40px; } } @media all and (max-width: 1023px) { .kompany-page .main-content .content-wrapper .section-3-3 .title { font-size: 20px; line-height: 32px; } .kompany-page .main-content .content-wrapper .section-3-3 .title br { display: none !important; } } @media all and (max-width: 1359px) { .kompany-page .main-content .content-wrapper .section-3-3 .description br { display: none !important; } } @media all and (max-width: 1359px) { .kompany-page .main-content .content-wrapper .section-4-4 .title { font-size: 24px !important; line-height: 32px !important; font-weight: 500 !important; } .kompany-page .main-content .content-wrapper .section-4-4 .title br { display: none !important; } } @media all and (max-width: 1023px) { .kompany-page .main-content .content-wrapper .section-4-4 .title { font-size: 20px !important; line-height: 32px !important; margin-bottom: 15px; } } @media all and (max-width: 1359px) { .kompany-page .main-content .content-wrapper .section-4-4 .description br { display: none !important; } } @media all and (max-width: 1359px) { .kompany-page .main-content .content-wrapper .section-5-5 .title { font-weight: 500; font-size: 32px; line-height: 40px !important; } } @media all and (max-width: 1023px) { .kompany-page .main-content .content-wrapper .section-5-5 .title { font-size: 20px; line-height: 32px !important; margin-bottom: 15px !important; } } @media all and (max-width: 1359px) { .kompany-page .main-content .content-wrapper .section-5-5 .description br { display: none !important; } } @media all and (max-width: 1359px) { .kompany-page .main-content .content-wrapper .section-6-6 .title { font-size: 24px; line-height: 32px; } } @media all and (max-width: 1023px) { .kompany-page .main-content .content-wrapper .section-6-6 .title { font-size: 20px; line-height: 32px; font-weight: 500; margin-bottom: 15px !important; } } @media all and (max-width: 1023px) { .kompany-page .main-content .content-wrapper .section-6-6 { position: relative; z-index: 2; } } @media all and (max-width: 1359px) { .kompany-page .main-content .content-wrapper .section-7-7 .title { font-size: 32px; line-height: 40px; font-weight: 500; padding-top: 10px; } } @media all and (max-width: 1023px) { .kompany-page .main-content .content-wrapper .section-7-7 .title { font-size: 20px; line-height: 32px; } } @media all and (max-width: 1359px) { .kompany-page .main-content .content-wrapper .section-8-8 .title { font-size: 24px !important; line-height: 32px !important; } } @media all and (max-width: 1023px) { .kompany-page .main-content .content-wrapper .section-8-8 .title { font-size: 20px !important; line-height: 32px !important; } } .kompany-page .wave-container { margin-top: 0 !important; } .kompany-page .section-title-default-h1 .title { margin-bottom: 0; } @media all and (max-width: 1359px) { .kompany-page .section-title-default-h1 .title { font-size: 40px; line-height: 50px; letter-spacing: 0.04em; } } @media all and (max-width: 1023px) { .kompany-page .section-title-default-h1 .title { font-size: 32px; line-height: 40px; letter-spacing: 0.06em; } } .wow.animated-imp { visibility: visible !important; } .owl-dots.custom { margin-top: -70px; margin-bottom: 70px; text-align: center; width: 100%; display: none; } @media all and (max-width: 1023px) { .owl-dots.custom { display: block; } } .owl-dots.custom .owl-dot { border: none; display: inline-block; width: 4px; height: 4px; border-radius: 2px; margin: 0 4px; background: #175a6c; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .owl-dots.custom .owl-dot.active { background: #1ac6b8; } .user-card-wrapper .section-1, .user-card-wrapper .section-2 { vertical-align: top; height: 100%; } .user-card-wrapper .user-image { width: 100%; height: 690px; background-repeat: no-repeat !important; } @media all and (max-width: 870px) { .user-card-wrapper .user-image { height: 0px; padding-top: 131.25%; max-width: 520px !important; background-size: contain !important; width: calc(100% - 64px); } } @media all and (max-width: 767px) { .user-card-wrapper .user-image { padding-top: 100%; background-position: center !important; background-size: cover !important; } } .user-card-wrapper .section-1 { width: 54%; overflow: hidden; } @media all and (max-width: 870px) { .user-card-wrapper .section-1 { width: 100%; max-height: 690px; } } .user-card-wrapper .section-2 { padding: 90px 32px; width: 46%; max-height: 690px; overflow: auto; } @media all and (max-width: 870px) { .user-card-wrapper .section-2 { width: 100%; padding: 38px 16px; max-height: auto; } } .user-card-wrapper .user-info { width: 100%; } .user-card-wrapper .user-info .title { font-weight: 500; font-size: 32px; line-height: 40px; color: #012f3c; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 16px; margin-top: 0; } @media all and (max-width: 870px) { .user-card-wrapper .user-info .title { font-size: 20px; line-height: 24px; margin-bottom: 10px; } } .user-card-wrapper .user-info .position { font-size: 16px; line-height: 24px; color: #9aafb4; margin-bottom: 20px; margin-top: 0; } @media all and (max-width: 870px) { .user-card-wrapper .user-info .position { font-size: 14px; } } .user-card-wrapper .user-info a[href^="mailto"] { display: inline-block; font-weight: 500; font-size: 16px; line-height: 24px; color: #012f3c !important; border-bottom: 1px solid; text-decoration: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .user-card-wrapper .user-info a[href^="tel"] { display: inline-block; font-weight: 500; font-size: 16px; line-height: 24px; color: #012f3c !important; text-decoration: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .user-card-wrapper .user-info .contact-info { margin-top: 0; margin-bottom: 44px; } .user-card-wrapper .user-info .contact-info p { margin: 0; margin-bottom: 8px; } .user-card-wrapper .user-info .contact-info P:last-child { margin-bottom: 0; } .user-card-wrapper .user-info .contact-info .sub-text { font-size: 12px; line-height: 16px; font-weight: 400; } @media all and (max-width: 870px) { .user-card-wrapper .user-info .contact-info { margin-bottom: 33px; } } .user-card-wrapper .user-info .detail-text { font-size: 16px; line-height: 24px; color: #012f3c; } #team-modal { width: 960px !important; padding: 0; } @media all and (max-width: 1023px) { #team-modal { width: 100%; min-height: 100% !important; } } @media all and (max-width: 1023px) { .kontakty-page .fancybox-slide--html { padding: 0 !important; } } @media all and (max-width: 1023px) { .kontakty-page .wave-container { margin-bottom: 0 !important; } } @media all and (max-width: 1023px) { .kontakty-page .wave-container .wave-wrappper { padding: 0 8px; } .kontakty-page .wave-container .wave-wrappper .gradient-bg { display: none; } .kontakty-page .wave-container .wave-wrappper .wave-top { display: none; } .kontakty-page .wave-container .wave-wrappper .wave-bottom { display: none; } } .kontakty-page .wave-container .wave-wrappper .person { position: relative; } @media all and (max-width: 1023px) { .kontakty-page .wave-container .wave-wrappper .person { text-align: left; opacity: 1; margin-bottom: 40px; background: #04222a; width: 50% !important; } .kontakty-page .wave-container .wave-wrappper .person:before { content: ""; position: absolute; left: calc(50% - 28px); z-index: 1; bottom: 16px; width: 88px; height: 40px; background: url("/local/templates/roso/images/contact/arrow.svg") no-repeat; } } @media all and (max-width: 659px) { .kontakty-page .wave-container .wave-wrappper .person { width: 100% !important; } } @media all and (max-width: 1023px) { .kontakty-page .wave-container .wave-wrappper .person .photo-wrapper { padding-top: 64.75%; width: calc(50% - 16px); margin: 0 8px; vertical-align: top; display: inline-block; } } .kontakty-page .wave-container .wave-wrappper .person .photo-wrapper .description .title { position: relative; width: 88px; height: 40px; } .kontakty-page .wave-container .wave-wrappper .person .photo-wrapper .description .title:before { content: ""; position: absolute; left: 0; right: 0; width: 88px; height: 40px; background: url("/local/templates/roso/images/contact/arrow.svg") no-repeat; } @media all and (max-width: 1023px) { .kontakty-page .wave-container .wave-wrappper .person .photo-wrapper .description { display: none !important; } } .kontakty-page .wave-container .wave-wrappper .person .description.mobile-only { display: none; } @media all and (max-width: 1023px) { .kontakty-page .wave-container .wave-wrappper .person .description.mobile-only { padding-top: 32px; display: inline-block; width: calc(50% - 16px); margin: 0 8px; vertical-align: top; position: relative !important; } .kontakty-page .wave-container .wave-wrappper .person .description.mobile-only .title { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 13px; } .kontakty-page .wave-container .wave-wrappper .person .description.mobile-only .position { font-size: 12px; line-height: 16px; color: #9aafb4; margin-bottom: 13px; } .kontakty-page .wave-container .wave-wrappper .person .description.mobile-only .position.phone { display: none; } } @media all and (max-width: 1023px) { .kontakty-page .wave-container .wave-wrappper .person:nth-child(2n) .photo-wrapper { float: right; } .kontakty-page .wave-container .wave-wrappper .person:nth-child(2n):before { content: ""; position: absolute; left: calc(50% - 60px); -webkit-transform: rotate(180deg); transform: rotate(180deg); z-index: 1; bottom: 16px; width: 88px; height: 40px; background: url("/local/templates/roso/images/contact/arrow.svg") no-repeat; } } .fancybox-active { overflow: hidden !important; margin-right: 17px !important; } @media all and (max-width: 767px) { .fancybox-active { margin-right: 0 !important; } } .catalog-wrapper { margin-bottom: 100px; position: relative; } .catalog-wrapper .catalog-link { position: absolute; right: 0; top: -60px; z-index: 1; } .catalog-wrapper .catalog-link .btn-wrapper-fs.price { margin-bottom: 0; } .catalog-wrapper .catalog-link .btn-wrapper-fs.price a { width: auto !important; font-size: 24px; padding-right: 45px; height: 56px; line-height: 56px; } .catalog-wrapper .catalog-link .btn-wrapper-fs.price a .coub-wrap { width: 56px !important; height: 56px !important; top: 0px !important; -webkit-transform: none !important; transform: none !important; } .catalog-wrapper .catalog-link .btn-wrapper-fs.price a .coub-wrap .coub-wrap-arrow { width: 22px !important; height: 56px !important; top: -12px !important; background: url("/local/templates/roso/images/front/btn/down-small.svg") no-repeat; } .catalog-wrapper .select2btn-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 50px; } @media all and (max-width: 1023px) { .catalog-wrapper .select2btn-wrapper { margin-top: 35px; } } .catalog-wrapper .select2btn-wrapper .select2-wrap { display: none; } .catalog-wrapper .section-1 { width: 75%; padding-left: 8px; padding-right: 8px; } .catalog-wrapper .catalog-top-text { font-size: 12px; line-height: 16px; color: #9aafb4; } .catalog-wrapper > .inline-wrapper.row { margin-top: 0px; } @media (min-width: 1261px) { .catalog-wrapper .select2btn-wrapper { font-size: 16px !important; opacity: 1 !important; } } @media (max-width: 1359px) { .catalog-wrapper > .inline-wrapper.row { margin-top: 60px; } .catalog-wrapper .catalog-link .price { width: 100% !important; } .catalog-wrapper .select2btn-wrapper { opacity: 1; visibility: visible; } .catalog-wrapper .select2btn-wrapper .select2-wrap { display: inline-block; } .catalog-wrapper .select2-wrap { width: calc(100% - 380px); } .catalog-wrapper .catalog-link { position: relative; right: 0; top: 0; left: 0; z-index: 1; width: 380px; } .catalog-wrapper .catalog-link .price { text-align: center; } } @media (max-width: 1023px) { .catalog-wrapper > .inline-wrapper.row { margin-top: 0px; } .catalog-wrapper .select2btn-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog-wrapper .catalog-link { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; margin-bottom: 40px; } .catalog-wrapper .catalog-link .price { text-align: left; } .catalog-wrapper .select2-wrap { width: 100%; } .catalog-wrapper .catalog-top-text { margin-top: 10px; } } .catalog-wrapper .section-2 { width: 25%; padding-left: 8px; padding-right: 8px; } .catalog-wrapper .section-2 .catalog-list { max-height: 450px; width: calc(100% + 26px); margin-left: -26px; position: relative; z-index: 1; } .catalog-wrapper .section-2 ul { position: relative; list-style: none; padding: 0; margin: 0; padding-left: 58px; } .catalog-wrapper .section-2 ul li { color: #fff; font-weight: 400; font-size: 14px; line-height: 16px; text-transform: uppercase; margin-bottom: 24px; padding-left: 0; position: relative; } .catalog-wrapper .section-2 ul li span { cursor: pointer; color: inherit; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .catalog-wrapper .section-2 ul li span:hover { color: #4bada7; } .catalog-wrapper .section-2 ul li:before { content: ""; position: absolute; width: 58px; height: 29px; background: url("/local/templates/roso/images/icons/catalog-menu-active.svg") no-repeat; left: -58px; top: calc(50% - 15px); -webkit-transition: all 0.2s ease 0.15s; transition: all 0.2s ease 0.15s; opacity: 0; } .catalog-wrapper .section-2 ul li:not(.active):before { -webkit-transition: all 0.15s ease !important; transition: all 0.15s ease !important; } .catalog-wrapper .section-2 ul li.active { padding-left: 16px; } .catalog-wrapper .section-2 ul li.active span { color: #ff7352; font-size: 28px; line-height: 40px; font-weight: 500; } .catalog-wrapper .section-2 ul li.active:before { opacity: 1; } .catalog-wrapper .section-2 ul li:last-child { margin-bottom: 30px; } @media all and (max-width: 1359px) { .catalog-wrapper .section-1 { width: 100%; padding-left: 8px; padding-right: 8px; } .catalog-wrapper .section-2 { display: none; } } @media all and (max-width: 1023px) { .catalog-wrapper .section-1 { margin-top: -1px; } } @media all and (max-width: 767px) { .catalog-wrapper .section-1 { margin-top: 0px; } .catalog-wrapper { margin-bottom: 50px; } } .catalog-list-wrapper { position: relative; } .catalog-list-wrapper .scrollbar { position: absolute; right: 10px; width: 2px; height: 100%; background: #ccc; line-height: 0; } .catalog-list-wrapper .scrollbar .handle { width: 100%; height: 100px; background: #292a33; cursor: pointer; } .catalog-list-wrapper .scrollbar .handle .mousearea { position: absolute; top: 0; left: -10px; width: 22px; height: 100%; } .product-wrapper { padding-right: 32px; } .product-wrapper .product-item .image-wrapper { width: 100%; padding: 16px 16px 40px; text-align: center; position: relative; z-index: 1; margin-bottom: 56px; min-height: 320px; } @media all and (max-width: 1023px) { .product-wrapper .product-item .image-wrapper { min-height: auto; } } .product-wrapper .product-item .image-wrapper:before, .product-wrapper .product-item .image-wrapper:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: -1; } .product-wrapper .product-item .image-wrapper:before { width: 100%; height: 100%; background: #4f3833; background: -webkit-gradient( linear, left top, right top, from(#4f3833), to(#0b5354) ); background: linear-gradient(90deg, #4f3833 0%, #0b5354 100%); } .product-wrapper .product-item .image-wrapper:after { width: calc(100% - 2px); height: calc(100% - 2px); background: #04222a; } @media all and (max-width: 767px) { .product-wrapper .product-item .image-wrapper { width: calc(100% + 34px); margin-left: -17px; } .product-wrapper .product-item .image-wrapper:after { width: calc(100% - 2px); height: calc(100% - 1px); margin: 0 auto; background: #04222a; } } .product-wrapper .product-item .image-wrapper img { max-width: 100%; height: auto; max-height: 264px; } .product-wrapper .product-item .other-product-list-wrapper { width: calc(100% + 8px); margin-left: -4px; margin-bottom: 42px; } .product-wrapper .product-item .other-product-list-wrapper .col-item { margin-left: 4px; margin-right: 4px; margin-bottom: 8px; } .product-wrapper .product-item .other-product-list-wrapper .other-product-wrapper { cursor: pointer; height: 32px; line-height: 32px; padding-left: 8px; padding-right: 8px; font-weight: 500; font-size: 12px; color: #fff; position: relative; z-index: 1; } .product-wrapper .product-item .other-product-list-wrapper .other-product-wrapper:before, .product-wrapper .product-item .other-product-list-wrapper .other-product-wrapper:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: -1; } .product-wrapper .product-item .other-product-list-wrapper .other-product-wrapper:before { width: 100%; height: 100%; background: #cd5f44; background: -webkit-gradient( linear, left top, right top, from(#cd5f44), to(#15a59b) ); background: linear-gradient(90deg, #cd5f44 0%, #15a59b 100%); opacity: 0.5; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .product-wrapper .product-item .other-product-list-wrapper .other-product-wrapper:after { width: calc(100% - 2px); height: calc(100% - 2px); background: #04222a; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .product-wrapper .product-item .other-product-list-wrapper .other-product-wrapper:hover:before { opacity: 1; } .product-wrapper .product-item .other-product-list-wrapper .col-item.current .other-product-wrapper:after { background: #cd5f44; background: -webkit-gradient( linear, left top, right top, from(#cd5f44), to(#15a59b) ); background: linear-gradient(90deg, #cd5f44 0%, #15a59b 100%); opacity: 0.5; } .product-wrapper .props-wrapper { width: 46%; } .product-wrapper .props-wrapper ul { list-style: none; padding: 0; margin: 0; } .product-wrapper .props-wrapper ul li { position: relative; font-size: 16px; line-height: 24px; padding-left: 24px; margin-bottom: 13px; } .product-wrapper .props-wrapper ul li:before { content: ""; position: absolute; left: 0; top: 13px; width: 16px; height: 2px; background: #fff; } .product-wrapper .props-ext-wrapper { width: 54%; } .product-wrapper .props-ext-wrapper .prop-item-wrapper { width: calc(100% + 40px); margin-left: -20px; } .product-wrapper .props-ext-wrapper .prop-item-wrapper .prop-item { margin-left: 20px; margin-right: 20px; margin-bottom: 20px; } .product-wrapper .props-ext-wrapper .prop-item-wrapper .prop-item .title { font-size: 32px; line-height: 24px; white-space: nowrap; } .product-wrapper .props-ext-wrapper .prop-item-wrapper .prop-item .title span { font-size: 20px; margin-left: -4px; } .product-wrapper .props-ext-wrapper .prop-item-wrapper .prop-item .descr { max-width: 125px; font-size: 14px; line-height: 16px; color: #9aafb4; } @media (max-width: 767px) { .product-wrapper .props-wrapper { width: 100%; margin-bottom: 30px; } .product-wrapper .props-ext-wrapper { width: 100%; } } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #13948e !important; } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_gragger_bar { background-color: #13948e !important; } @media (max-width: 1359px) { .product-wrapper { padding-right: 0; } } .cart-modal-wrapper { width: 432px; padding: 42px 48px 48px; } .cart-modal-wrapper * { color: #012f3c; } @media all and (max-width: 767px) { .cart-modal-wrapper { padding: 18px 40px 26px 16px; vertical-align: bottom; width: 100%; } } .cart-modal-wrapper .f-title { font-size: 20px; line-height: 32px; letter-spacing: 0.06em; text-transform: uppercase; } @media all and (max-width: 767px) { .cart-modal-wrapper .f-title { font-size: 14px; line-height: 20px; } } .cart-modal-wrapper .f-text { font-size: 16px; line-height: 24px; } @media all and (max-width: 767px) { .cart-modal-wrapper .f-text { font-size: 12px; line-height: 17px; } .cart-modal-wrapper .f-text .main { display: none; } .cart-modal-wrapper .f-text .mobile { position: relative; display: inline-block; padding-right: 25px; } .cart-modal-wrapper .f-text .mobile:before { content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 21px; height: 18px; background: url("/local/templates/roso/images/icons/cart-popup.svg") no-repeat; } } @media all and (max-width: 767px) { .katalog-page .fancybox-is-open .fancybox-bg { opacity: 0 !important; } .katalog-page .fancybox-slide--html { padding: 0 !important; } } .catalog-element-wrapper { visibility: visible !important; display: inline-block !important; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .catalog-element-wrapper.empty { opacity: 0 !important; visibility: visible !important; } .btn-add-to-bascket { width: 48px; height: 48px; border-radius: 24px; position: relative; z-index: 1; position: absolute; bottom: -24px; left: 0; right: 0; margin: auto; cursor: pointer; } .btn-add-to-bascket:before, .btn-add-to-bascket:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: -1; } .btn-add-to-bascket:after { width: calc(100% - 4px); height: calc(100% - 4px); background: #04222a; border-radius: 22px; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; opacity: 1; } .btn-add-to-bascket:before { width: 100%; height: 100%; border-radius: 24px; background: linear-gradient(287.19deg, #ff6e4b 23.01%, #1ac6b8 76.37%); } .btn-add-to-bascket:hover:after { opacity: 0; } .btn-add-to-bascket .icon-btn { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 16px; height: 16px; margin: auto; background: url("/local/templates/roso/images/icons/plus.svg") no-repeat; z-index: 1; } .btn-add-to-bascket.added { cursor: default; } .btn-add-to-bascket.added:hover:after { opacity: 1; } .btn-add-to-bascket.added .icon-btn { width: 19px; height: 19px; background: url("/local/templates/roso/images/icons/added.svg") no-repeat; } .tab-list-wrapper .tab-wrapper { display: none; } .tab-list-wrapper .tab-wrapper.active-tab { display: block; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #13948e; border-radius: 2px; width: 4px; filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .align-middle { vertical-align: middle; } .basket-container .basket-position-wrapper .basket-position { margin-bottom: 8px; } .basket-container .basket-position-wrapper .basket-position .basket-position-item { margin-right: 16px; } .basket-container .basket-position-wrapper .basket-position .basket-position-item:last-child { margin-right: 0; } @media all and (max-width: 1023px) { .basket-container .basket-position-wrapper .basket-position { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .basket-container .basket-position-wrapper .basket-position .basket-position-item.name-wrapper { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-bottom: 12px; } } .basket-container .basket-info { margin-bottom: 10px; } @media all and (max-width: 1023px) { .basket-container .basket-info { margin-bottom: 20px; } } .basket-container .basket-info .title { font-size: 24px; line-height: 1.33; font-weight: 300; } .basket-container .basket-info .ext-text { font-size: 12px; line-height: 1.4; color: #9aafb4; } .basket-container .basket-info.error .ext-text { color: #ff6e4b; } .basket-container .delete-wrapper { font-size: 10px; line-height: 16px; color: #9aafb4; position: relative; padding-left: 10px; cursor: pointer; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } @media all and (max-width: 1023px) { .basket-container .delete-wrapper { width: 50%; margin-left: 145px; margin-top: -29px; margin-bottom: 29px; } } .basket-container .delete-wrapper:before { content: ""; position: absolute; left: 0; top: calc(50% - 4px); width: 9px; height: 9px; background: url("/local/templates/roso/images/icons/delete-position.svg") no-repeat; } .basket-container .delete-wrapper:hover { color: #ff6e4b; } .basket-container .delete-wrapper:hover:before { background: url("/local/templates/roso/images/icons/delete-position-active.svg") no-repeat; } .custom-counter-wrapper { margin-left: 1px; } @media all and (max-width: 1023px) { .custom-counter-wrapper { width: 145px; margin: 0 28px 0 0; } } .custom-counter-wrapper .counter { height: 24px; } @media all and (max-width: 1023px) { .custom-counter-wrapper .counter { height: 40px; } } .custom-counter-wrapper .counter .up-count, .custom-counter-wrapper .counter .down-count { height: 100%; width: 24px; position: relative; border: 1px solid #e5eef0; margin-left: -1px; cursor: pointer; } @media all and (max-width: 1023px) { .custom-counter-wrapper .counter .up-count, .custom-counter-wrapper .counter .down-count { width: 40px; } } .custom-counter-wrapper .counter .up-count:before, .custom-counter-wrapper .counter .up-count:after, .custom-counter-wrapper .counter .down-count:before, .custom-counter-wrapper .counter .down-count:after { -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .custom-counter-wrapper .counter .up-count:before, .custom-counter-wrapper .counter .down-count:before { width: 10px; height: 2px; background: #9aafb4; } .custom-counter-wrapper .counter .up-count:hover:before, .custom-counter-wrapper .counter .up-count:hover:after, .custom-counter-wrapper .counter .down-count:hover:before, .custom-counter-wrapper .counter .down-count:hover:after { background: #175a6c; } .custom-counter-wrapper .counter .down-count::after { background: transparent !important; } .custom-counter-wrapper .counter input { height: 100%; min-width: 34px; width: 34px; border: 1px solid #e5eef0; text-align: center; font-size: 14px; font-weight: 500; color: #175a6c; line-height: 24px; margin-left: -1px; outline: 0; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } @media all and (max-width: 1023px) { .custom-counter-wrapper .counter input { width: 40px; font-weight: 600; } } .custom-counter-wrapper .counter input:hover { color: #638d9a; } .custom-counter-wrapper .counter .up-count:after { height: 10px; width: 2px; background: #9aafb4; } .select2-wrap .select2-container { width: 100% !important; height: 56px !important; } .select2-wrap .select2-container .select2-selection { height: 100% !important; background: transparent !important; position: relative; border: none !important; border-radius: 0 !important; z-index: 1; outline: 0 !important; } .select2-wrap .select2-container .select2-selection span { line-height: 56px !important; color: #ff7352; font-weight: 500; font-size: 16px; padding-left: 16px; text-transform: uppercase; } .select2-wrap .select2-container .select2-selection .select2-selection__arrow { height: 100% !important; top: 0 !important; right: 0 !important; width: 40px !important; } .select2-wrap .select2-container .select2-selection .select2-selection__arrow:before { -webkit-transition: all 0.15s linear; transition: all 0.15s linear; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 14px; height: 8px; background: url("/local/templates/roso/images/icons/s2-arrow.svg") no-repeat; } .select2-wrap .select2-container .select2-selection .select2-selection__arrow b { display: none !important; } .select2-wrap .select2-container .select2-selection:after, .select2-wrap .select2-container .select2-selection:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: -1; } .select2-wrap .select2-container .select2-selection:before { width: 100%; height: 100%; background: -webkit-gradient( linear, left top, right top, from(#fe6e4b), to(#1ac6b8) ); background: linear-gradient(90deg, #fe6e4b 0%, #1ac6b8 100%); opacity: 0.3; } .select2-wrap .select2-container .select2-selection:after { width: calc(100% - 2px); height: calc(100% - 2px); background: #04222a; } .select2-container--open .select2-selection:before { opacity: 1 !important; } .select2-container--open .select2-selection__arrow:before { -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; } .select2-dropdown { margin-top: -1px; border: none !important; background: #04222a !important; color: #fff !important; } .select2-dropdown.select2-dropdown--above { margin-top: 1px; } .select2-dropdown .select2-results { position: relative; } .select2-dropdown .select2-results:before { content: ""; position: absolute; z-index: 2; -webkit-transform: rotate(180deg); transform: rotate(180deg); top: 1px; left: 1px; width: calc(100% - 2px); height: 45px; background: -webkit-gradient( linear, left top, left bottom, from(#04222a), color-stop(27.6%, rgba(4, 34, 42, 0.7)), color-stop(84.9%, #04222a) ); background: linear-gradient( 180deg, #04222a 0%, rgba(4, 34, 42, 0.7) 27.6%, #04222a 84.9% ); } .select2-dropdown .select2-results:after { content: ""; position: absolute; bottom: 1px; z-index: 2; left: 1px; width: calc(100% - 2px); height: 45px; background: -webkit-gradient( linear, left top, left bottom, from(#04222a), color-stop(27.6%, rgba(4, 34, 42, 0.7)), color-stop(84.9%, #04222a) ); background: linear-gradient( 180deg, #04222a 0%, rgba(4, 34, 42, 0.7) 27.6%, #04222a 84.9% ); } .select2-dropdown .select2-results__options { position: relative; padding: 28px 0; } .select2-dropdown:before { content: ""; position: absolute; width: 100%; height: 100%; background: -webkit-gradient( linear, left top, right top, from(#fe6e4b), to(#1ac6b8) ); background: linear-gradient(90deg, #fe6e4b 0%, #1ac6b8 100%); } .select2-dropdown:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: calc(100% - 2px); height: calc(100% - 2px); background: #04222a; } .select2-container--default .select2-results > .select2-results__options { max-height: 300px !important; } .select2-results__options { position: relative; z-index: 1; } .select2-results { padding: 1px 0; position: relative; } .no-image-catalog-wrapper { height: 264px; line-height: 264px; } .select2-search--dropdown { display: none !important; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: transparent; color: #ff7352; } .select2-results__option { padding: 10px !important; } .select2-results__option:before { content: none !important; } .select2-results__options li { font-weight: 500 !important; padding: 3px 16px !important; } .catalog-element-wrapper-ajax { min-height: 376px; display: none; visibility: hidden; -webkit-transition: all 0.12s ease-in-out; transition: all 0.12s ease-in-out; } .fade-n { opacity: 0; display: block; visibility: visible; } .fade-n.in { opacity: 1; } .blog-page .content-wrapper > .container h1 { margin-bottom: 0 !important; } .blog-date { font-weight: 200; display: inline-block; background: linear-gradient(326.13deg, #ff6e4b 23.01%, #1ac6b8 76.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #1ac6b8; text-shadow: none; } .blog-container-main { padding: 0 112px; margin-bottom: 100px; margin-top: 35px; } @media all and (max-width: 1456px) { .blog-container-main { padding: 0 64px; } } @media screen and (min-width: 1359px) { .blog-container-main { width: 100% !important; } } @media screen and (max-width: 1359px) { .blog-container-main { margin-top: 25px !important; margin-bottom: 100px !important; } .blog-container-main .blog-block-wrap { margin-top: 0px; } } .blog-container-main .blog-block-wrap { text-decoration: none !important; display: inline-block; vertical-align: top; padding-left: 8px; padding-right: 8px; margin-bottom: 16px; position: relative; z-index: 1; } .blog-container-main .blog-block { border: 1px solid rgba(26, 198, 184, 0.3); border-left: 4px solid rgba(26, 198, 184, 0.3); height: 280px; padding: 30px 40px 40px 36px; position: relative; cursor: pointer; } .blog-container-main .blog-block:before { -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; opacity: 0; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url("/local/templates/roso/images/blog/card-bg.png") no-repeat; background-size: 100% 100%; z-index: -1; } .blog-container-main .blog-block:hover:before { opacity: 1; } .blog-container-main .blog-block .date { font-size: 48px; line-height: 1; letter-spacing: 0.04em; text-transform: uppercase; color: #207b76; font-weight: 300; margin-bottom: 36px; } .blog-container-main .blog-block .date .str { font-size: 16px; font-weight: 500; margin-left: 5px; } .blog-container-main .blog-block .preview-text { font-size: 24px; line-height: 32px; color: #ffffff; height: 126px; overflow: hidden; } .blog-container-main .blog-block-1-1 { width: 32%; } .blog-container-main .blog-block-1-1:after { content: ""; position: absolute; right: 24px; bottom: 24px; width: 160px; height: 40px; background: url("/local/templates/roso/images/blog/1-1.svg") no-repeat; z-index: -1; background-size: contain; } @media all and (max-width: 1023px) { .blog-container-main .blog-block-1-1:after { width: 132px; height: 33px; } } .blog-container-main .blog-block-1-2 { width: 43%; } .blog-container-main .blog-block-1-2:after { content: ""; position: absolute; right: 24px; bottom: 24px; width: 256px; height: 96px; background: url("/local/templates/roso/images/blog/1-2.svg") no-repeat; z-index: -1; background-size: contain; } @media all and (max-width: 1023px) { .blog-container-main .blog-block-1-2:after { width: 132px; height: 50px; } } .blog-container-main .blog-block-1-3 { width: 25%; } .blog-container-main .blog-block-1-3:after { content: ""; position: absolute; right: 24px; bottom: 24px; width: 160px; height: 40px; background: url("/local/templates/roso/images/blog/1-3.svg") no-repeat; z-index: -1; background-size: contain; } @media all and (max-width: 1023px) { .blog-container-main .blog-block-1-3:after { width: 132px; height: 33px; } } .blog-container-main .blog-block-2-1 { width: 26%; } .blog-container-main .blog-block-2-1:after { content: ""; position: absolute; right: 24px; bottom: 24px; width: 160px; height: 40px; background: url("/local/templates/roso/images/blog/1-1.svg") no-repeat; z-index: -1; background-size: contain; } @media all and (max-width: 1023px) { .blog-container-main .blog-block-2-1:after { width: 132px; height: 33px; } } .blog-container-main .blog-block-2-2 { width: 18%; } .blog-container-main .blog-block-2-2:after { content: ""; position: absolute; right: 24px; bottom: 24px; width: 132px; height: 48px; background: url("/local/templates/roso/images/blog/2-2.svg") no-repeat; z-index: -1; background-size: contain; } .blog-container-main .blog-block-2-3 { width: 24%; } .blog-container-main .blog-block-2-3:after { content: ""; position: absolute; right: 24px; bottom: 24px; width: 144px; height: 56px; background: url("/local/templates/roso/images/blog/2-3.svg") no-repeat; z-index: -1; background-size: contain; } .blog-container-main .blog-block-2-4 { width: 32%; } .blog-container-main .blog-block-2-4:after { content: ""; position: absolute; right: 24px; bottom: 24px; width: 160px; height: 40px; background: url("/local/templates/roso/images/blog/1-3.svg") no-repeat; z-index: -1; background-size: contain; } @media all and (max-width: 1023px) { .blog-container-main .blog-block-2-4:after { width: 132px; height: 33px; } } @media screen and (max-width: 1700px) { .blog-container-main .blog-block-1-1 { width: 33.33333%; } .blog-container-main .blog-block-1-2 { width: 41.66667%; } .blog-container-main .blog-block-1-3 { width: 25%; } .blog-container-main .blog-block-2-1 { width: 58.33333%; } .blog-container-main .blog-block-2-2 { width: 41.66667%; } .blog-container-main .blog-block-2-3 { width: 41.66667%; } .blog-container-main .blog-block-2-4 { width: 58.33333%; } } @media screen and (max-width: 1359px) { .blog-container-main .blog-block .preview-text { font-size: 24px; line-height: 32px; color: #ffffff; height: 126px; overflow: hidden; } .blog-container-main .blog-block-1-1 { width: 100%; } .blog-container-main .blog-block-1-2 { width: 66.666667%; } .blog-container-main .blog-block-1-3 { width: 33.33333%; } .blog-container-main .blog-block-2-1 { width: 58.33333%; } .blog-container-main .blog-block-2-2 { width: 41.66667%; } .blog-container-main .blog-block-2-3 { width: 41.66667%; } .blog-container-main .blog-block-2-4 { width: 58.33333%; } } @media screen and (max-width: 1023px) { .blog-container-main .blog-block { height: auto; } .blog-container-main .blog-block .preview-text { font-size: 20px; line-height: 24px; color: #ffffff; height: auto !important; overflow: hidden; } .blog-container-main .blog-block-1-1, .blog-container-main .blog-block-1-2, .blog-container-main .blog-block-1-3, .blog-container-main .blog-block-2-1, .blog-container-main .blog-block-2-2, .blog-container-main .blog-block-2-3, .blog-container-main .blog-block-2-4 { width: 50%; } } @media screen and (max-width: 767px) { .blog-container-main .blog-block .preview-text { font-size: 20px; line-height: 24px; color: #ffffff; } .blog-container-main .blog-block-1-1, .blog-container-main .blog-block-1-2, .blog-container-main .blog-block-1-3, .blog-container-main .blog-block-2-1, .blog-container-main .blog-block-2-2, .blog-container-main .blog-block-2-3, .blog-container-main .blog-block-2-4 { width: 100%; } } .content-wrapper > .default-text .main-title-wrapper { margin-bottom: 78px; } .content-wrapper > .default-text .main-title-wrapper h1 { font-size: 56px; line-height: 1.29; letter-spacing: 0.06em; text-transform: uppercase; margin: 0; margin-bottom: 24px !important; } .content-wrapper > .default-text .main-title-wrapper h1.gradient { background: linear-gradient(337.58deg, #ff6e4b 23.01%, #1ac6b8 76.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #1ac6b8; } .content-wrapper > .default-text .main-title-wrapper .date { font-size: 24px; line-height: 1; color: #4e8493; } .content-wrapper > .default-text .content { padding-bottom: 150px; } .content-wrapper > .default-text .content h2 { font-size: 32px; line-height: 1.25; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 32px; } .content-wrapper > .default-text .content h3 { font-size: 24px; line-height: 1.33; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 32px; } .content-wrapper > .default-text .content h4 { font-size: 24px; line-height: 1.33; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 32px; } .content-wrapper > .default-text .content h5 { font-size: 20px; line-height: 1.2; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 26px; } .content-wrapper > .default-text .content h6 { font-size: 20px; line-height: 1.6; font-weight: 500; margin-bottom: 30px; } .content-wrapper > .default-text .content p { font-size: 16px; line-height: 24px; margin-bottom: 12px; } .content-wrapper > .default-text .content a:not(.coub-btn) { color: #1ac6b8; font-size: inherit; line-height: inherit; text-decoration: none !important; border-bottom: 1px solid #1ac6b8; display: inline-block; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .content-wrapper > .default-text .content a:not(.coub-btn):hover { color: #65ebe0; border-color: #65ebe0; } .content-wrapper > .default-text .content h2, .content-wrapper > .default-text .content h3, .content-wrapper > .default-text .content h4, .content-wrapper > .default-text .content h6 { margin-top: 28px; font-weight: 500; } .content-wrapper > .default-text .content p + h2 { margin-top: 80px; } .content-wrapper > .default-text .content p + h3 { margin-top: 80px; } .content-wrapper > .default-text .content p + h4 { margin-bottom: 80px; } .content-wrapper > .default-text .content p + table { margin-top: 57px; } .content-wrapper > .default-text .content ul + h2, .content-wrapper > .default-text .content ul + h3, .content-wrapper > .default-text .content ul + h4, .content-wrapper > .default-text .content ul + h6 { margin-top: 80px; } .content-wrapper > .default-text .content ul { list-style: none; margin: 30px 0; padding: 0; } .content-wrapper > .default-text .content ul li { position: relative; font-size: 16px; line-height: 24px; margin-bottom: 15px; padding-left: 32px; } .content-wrapper > .default-text .content ul li:before { content: ""; position: absolute; left: 0; top: 11px; width: 16px; height: 2px; background: #9aafb4; } .content-wrapper > .default-text .content ol { list-style: none; counter-reset: awesome-counter; margin: 30px 0; padding: 0; } .content-wrapper > .default-text .content ol li { counter-increment: awesome-counter; position: relative; font-size: 16px; line-height: 24px; margin-bottom: 15px; padding-left: 32px; } .content-wrapper > .default-text .content ol li:before { content: counter(awesome-counter) "."; position: absolute; left: 0; font-weight: bold; font-size: 16px; line-height: 24px; color: #9aafb4; } .content-wrapper > .default-text .content img { margin-top: 50px; margin-bottom: 80px; max-width: 100%; height: auto; } .content-wrapper > .default-text .content .img-wrapper img { margin-top: 50px; margin-bottom: 80px; width: 100%; } .content-wrapper > .default-text .content .img-wrapper .img-info { font-size: 14px; line-height: 24px; } .content-wrapper > .default-text .content .img-wrapper img + .img-info { margin-top: -80px; margin-bottom: 55px; text-align: center; } .content-wrapper > .default-text .content .img-wrapper img + .img-info a { border-bottom: none !important; } .content-wrapper > .default-text .content table { width: 100%; table-layout: auto; border-collapse: collapse; margin: 40px 0; border: 1px solid #073542; } .content-wrapper > .default-text .content table td { font-size: 14px; line-height: 16px; padding: 20px; } .content-wrapper > .default-text .content table tr { -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; border-top: 1px solid #073542; background: #073542; } .content-wrapper > .default-text .content table tr:hover { background: #073542; } .content-wrapper > .default-text .content table thead th { text-align: left; font-weight: 400; font-size: 14px; line-height: 16px; padding: 20px; color: #749da9; } .files-wrapper { width: calc(100% + 32px); margin-left: -16px; margin-top: 32px; } .files-wrapper .file { display: inline-block; vertical-align: top; padding-left: 16px; padding-right: 16px; } @media screen and (max-width: 1359px) { .content-wrapper > .default-text .main-title-wrapper h1 { font-size: 40px; line-height: 1.4; margin-bottom: 25px !important; } .content-wrapper > .default-text .content { padding-bottom: 150px; } .content-wrapper > .default-text .content h2 { margin-bottom: 25px; } .content-wrapper > .default-text .content h3 { margin-bottom: 29px; } .content-wrapper > .default-text .content h4 { margin-bottom: 31px; } .content-wrapper > .default-text .content h5 { margin-bottom: 26px; } .content-wrapper > .default-text .content h2, .content-wrapper > .default-text .content h3, .content-wrapper > .default-text .content h4, .content-wrapper > .default-text .content h6 { margin-top: 28px; font-weight: 500; } .content-wrapper > .default-text .content ul { margin: 30px 0; } .content-wrapper > .default-text .content ul li { position: relative; font-size: 16px; line-height: 24px; margin-bottom: 15px; padding-left: 32px; } .content-wrapper > .default-text .content ol { margin: 30px 0; padding: 0; } .content-wrapper > .default-text .content img { margin-top: 50px; margin-bottom: 80px; max-width: 100%; height: auto; } } @media screen and (max-width: 1023px) { .content-wrapper > .default-text .main-title-wrapper { margin-bottom: 49px; } .content-wrapper > .default-text .main-title-wrapper h1 { font-size: 32px; line-height: 1.25; margin-bottom: 21px !important; } .content-wrapper > .default-text .main-title-wrapper .date { font-size: 16px; } .content-wrapper > .default-text .content { padding-bottom: 75px; } .content-wrapper > .default-text .content h2 { font-size: 24px; line-height: 1.33; margin-bottom: 16px; } .content-wrapper > .default-text .content h3 { font-size: 20px; line-height: 1.33; margin-bottom: 18px; } .content-wrapper > .default-text .content h4 { font-size: 18px; line-height: 1.33; margin-bottom: 22px; } .content-wrapper > .default-text .content h5 { font-size: 16px; line-height: 1.5; margin-bottom: 16px; } .content-wrapper > .default-text .content h6 { font-size: 18px; line-height: 1.33; margin-bottom: 25px; } .content-wrapper > .default-text .content p { font-size: 16px; line-height: 24px; margin-bottom: 12px; } .content-wrapper > .default-text .content h2, .content-wrapper > .default-text .content h3, .content-wrapper > .default-text .content h4, .content-wrapper > .default-text .content h6 { margin-top: 16px; } .content-wrapper > .default-text .content p + h2 { margin-top: 60px; } .content-wrapper > .default-text .content p + h3 { margin-top: 60px; } .content-wrapper > .default-text .content p + h4 { margin-bottom: 60px; } .content-wrapper > .default-text .content p + table { margin-top: 48px; } .content-wrapper > .default-text .content ul + h2, .content-wrapper > .default-text .content ul + h3, .content-wrapper > .default-text .content ul + h4, .content-wrapper > .default-text .content ul + h6 { margin-top: 60px; } .content-wrapper > .default-text .content ul { list-style: none; margin: 25px 0; padding: 0; } .content-wrapper > .default-text .content ul li { font-size: 16px; line-height: 24px; margin-bottom: 15px; padding-left: 32px; } .content-wrapper > .default-text .content ul li:before { content: ""; position: absolute; left: 0; top: 11px; width: 16px; height: 2px; background: #9aafb4; } .content-wrapper > .default-text .content ol { margin: 25px 0; padding: 0; } .content-wrapper > .default-text .content ol li { font-size: 16px; line-height: 24px; margin-bottom: 15px; padding-left: 32px; } .content-wrapper > .default-text .content ol li:before { content: counter(awesome-counter) "."; position: absolute; left: 0; font-weight: bold; font-size: 16px; line-height: 24px; color: #9aafb4; } .content-wrapper > .default-text .content img { margin-top: 50px; margin-bottom: 80px; max-width: 100%; height: auto; } .content-wrapper > .default-text .content .img-wrapper img { margin-top: 45px; margin-bottom: 80px; } .content-wrapper > .default-text .content .img-wrapper .img-info { font-size: 14px; line-height: 24px; } .content-wrapper > .default-text .content .img-wrapper img + .img-info { margin-top: -80px; margin-bottom: 55px; text-align: center; } .content-wrapper > .default-text .content .img-wrapper img + .img-info a { border-bottom: none !important; } .content-wrapper > .default-text .content table { width: 100%; table-layout: auto; border-collapse: collapse; margin: 40px 0; border: 1px solid #073542; } .content-wrapper > .default-text .content table thead { display: none; } .content-wrapper > .default-text .content table td { font-size: 14px; line-height: 16px; position: relative; display: block; text-align: left !important; margin-bottom: 16px; padding: 0; } .content-wrapper > .default-text .content table td:last-child { margin-bottom: 0; } .content-wrapper > .default-text .content table td:before { margin-bottom: 6px; display: block; position: relative; content: attr(data-before); font-size: 12px; line-height: 16px; color: #749da9; } .content-wrapper > .default-text .content table tr { padding: 20px 16px; display: block; width: 100%; } .content-wrapper > .default-text .content table thead th { font-size: 14px; line-height: 16px; padding: 20px; color: #749da9; } }

.fish-slider-front-wrapper .first-screen-wrapper h1 .sub-title-front {
    display: block;
    font-size: 50px;
    visibility: visible;
    margin-top: 20px;
}

@media (max-width: 1023px) {
	.fish-slider-front-wrapper .first-screen-wrapper h1 .sub-title-front{
		visibility: visible;
        font-size: 20px;
		margin-top: 0;
	}
}

@media (max-width: 768px) {
    .fish-slider-front-wrapper .first-screen-wrapper h1 .sub-title-front {
        visibility: visible;
    }
}

.sevko-gradient-box {
    display: inline-flex; 
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    margin-top: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
	visibility: visible;

	border: 1px solid transparent;
	border-radius: 2px;
    background: 
        linear-gradient(#04222A, #04222A) padding-box,
        linear-gradient(273.87deg, rgba(255, 110, 75, 0.8) -15.49%, rgba(26, 198, 184, 0.8) 112.28%) border-box;

    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.sevko-gradient-box:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 30px rgba(26, 198, 184, 0.25);
}

.sevko-gradient-box:active {
    transform: scale(0.97);
    box-shadow: 0 5px 15px rgba(255, 110, 75, 0.3);
}

.sevko-gradient-text {
    font-weight: 300;
    font-size: 50px;
    line-height: 130%;
    
    background: linear-gradient(93.87deg, rgba(255, 110, 75, 0.8) -15.49%, rgba(26, 198, 184, 0.8) 112.28%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    
    display: inline-block;

    transition: filter 0.3s ease;
}

.sevko-gradient-box:hover .sevko-gradient-text {
    filter: brightness(1.2);
}

.sevko-link {
    display: inline-block;
    color: inherit;
    text-decoration: none;
    transition: transform 0.25s ease;
}

.sevko-link:active {
    transform: scale(0.95);
}

@media (max-width: 1023px) {
    .sevko-gradient-box {
        visibility: visible;
    }

	.sevko-gradient-text{
		font-size:20px;
	}
}

@media (max-width: 768px) {
    .sevko-gradient-box {
        visibility: visible;
    }

	.sevko-gradient-text{
		font-size:20px;
	}
}

:root {
    --figma-frame-width: 1920;
}

.first-screen-wrapper {
    position: relative;
    overflow: visible;
}

.fish-map-front {
    display: none;
}

@media (min-width: 1261px) {

    .fish-map-front {
        display: block;
        position: absolute;
        top: 0;
        right: 0;

        /* размер и расположение карты */
        width: min(74vw, 1423px);
        transform: translate(30%, -32%);

        pointer-events: none;
        z-index: 1;
    }

    .fish-map-wrapper {
        width: 100%;
        height: auto;
    }

    .fish-map-image {
        display: block;
        width: 100%;
        height: auto;
    }
}

/* Desktop */
.side-menu-nav li {
    position: relative;
}

.side-menu-nav li .menu-countries-badge {
    position: absolute;
    left: 180px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    pointer-events: none;
}

.side-menu-nav li .menu-countries-badge img {
    display: block;
    width: 220px;
    height: auto;
}

/* Mobile */
@media (max-width: 767px) {

    .side-menu-nav li .menu-countries-badge {
        left: 160px;
        top: 50%;
        transform: translateY(-50%);
    }

    .side-menu-nav li .menu-countries-badge img {
        width: 160px;
        height: auto;
    }

}

				
.top-menu-resp{
    position: relative;
}

.header-countries-badge{
    position: absolute;
	right: 118px;
    top: 100px;
    z-index: 15;
    pointer-events: none;
}

.header-countries-badge img{
    display: block;
    width: 220px;
    height: auto;
}

@media (min-width: 1457px){
	.header-countries-badge{
		right: 118px;
    	top: 100px;
    }
}

@media (max-width: 1456px){
	.header-countries-badge{
		right: 70px;
    	top: 100px;
    }
}
@media (max-width: 1440px){
	.header-countries-badge{
		right: 70px;
        top: 70px;
    }	    
}
@media (max-width: 1260px){
	.header-countries-badge{
		right: 47px;
        top: 70px;
    }	    
}
@media (max-width: 1023px){
	.header-countries-badge{
		right: 22px;
		top: 50px;
    }
}
@media (max-width:767px){
    .header-countries-badge{
        top: 60px;
        right: 25px;
    }

    .header-countries-badge img{
        width: 180px;
    }

}
/* End */
/* /local/templates/roso/vendor/normalize.css?16787206026138 */
/* /local/templates/roso/css/hamburgers.css?167872060228104 */
/* /local/templates/roso/vendor/select2/css/select2.min.css?167872060214965 */
/* /local/templates/roso/vendor/malihu-custom-scrollbar/css/jquery.mCustomScrollbar.min.css?167872060242839 */
/* /local/templates/roso/vendor/wow/animate.min.css?167872060285536 */
/* /local/templates/roso/vendor/fancybox/jquery.fancybox.min.css?167872060212795 */
/* /local/templates/roso/map/jqvmap.min.css?1678720602613 */
/* /local/templates/roso/vendor/owlcarousel/owl.carousel.min.css?16787206023351 */
/* /local/templates/roso/vendor/owlcarousel/owl.theme.default.min.css?16787206021013 */
/* /local/templates/roso/styles.css?1701076964272 */
/* /local/templates/roso/template_styles.css?1785914629192941 */