.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  -ms-touch-action: none;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px; }

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb; }

.rc-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  margin-top: -5px;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.rc-slider-handle:focus {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
  outline: none; }

.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset; }

.rc-slider-handle:hover {
  border-color: #57c5f7; }

.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px; }

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999; }

.rc-slider-mark-text-active {
  color: #666; }

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent; }

.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle; }

.rc-slider-dot-active {
  border-color: #96dbfa; }

.rc-slider-dot-reverse {
  margin-left: 0;
  margin-right: -4px; }

.rc-slider-disabled {
  background-color: #e9e9e9; }

.rc-slider-disabled .rc-slider-track {
  background-color: #ccc; }

.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed; }

.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important; }

.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px; }

.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px; }

.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px; }

.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%; }

.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px; }

.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-leave {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0); }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1); } }

@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1); }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0); } }

.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-tooltip-hidden {
  display: none; }

.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0; }

.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9; }

.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c; }
.carousel .control-arrow, .carousel.carousel-slider .control-arrow {
  -webkit-transition: all .25s ease-in;
  -moz-transition: all .25s ease-in;
  -ms-transition: all .25s ease-in;
  -o-transition: all .25s ease-in;
  transition: all .25s ease-in;
  opacity: .4;
  filter: alpha(opacity=40);
  position: absolute;
  z-index: 2;
  top: 20px;
  background: none;
  border: 0;
  font-size: 32px;
  cursor: pointer; }

.carousel .control-arrow:focus, .carousel .control-arrow:hover {
  opacity: 1;
  filter: alpha(opacity=100); }

.carousel .control-arrow:before, .carousel.carousel-slider .control-arrow:before {
  margin: 0 5px;
  display: inline-block;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  content: ''; }

.carousel .control-disabled.control-arrow {
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: inherit;
  display: none; }

.carousel .control-prev.control-arrow {
  left: 0; }

.carousel .control-prev.control-arrow:before {
  border-right: 8px solid #fff; }

.carousel .control-next.control-arrow {
  right: 0; }

.carousel .control-next.control-arrow:before {
  border-left: 8px solid #fff; }

.carousel-root {
  outline: none; }

.carousel {
  position: relative;
  width: 100%; }

.carousel * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.carousel img {
  width: 100%;
  display: inline-block;
  pointer-events: none; }

.carousel .carousel {
  position: relative; }

.carousel .control-arrow {
  outline: 0;
  border: 0;
  background: none;
  top: 50%;
  margin-top: -13px;
  font-size: 18px; }

.carousel .thumbs-wrapper {
  margin: 20px;
  overflow: hidden; }

.carousel .thumbs {
  -webkit-transition: all .15s ease-in;
  -moz-transition: all .15s ease-in;
  -ms-transition: all .15s ease-in;
  -o-transition: all .15s ease-in;
  transition: all .15s ease-in;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  list-style: none;
  white-space: nowrap; }

.carousel .thumb {
  -webkit-transition: border .15s ease-in;
  -moz-transition: border .15s ease-in;
  -ms-transition: border .15s ease-in;
  -o-transition: border .15s ease-in;
  transition: border .15s ease-in;
  display: inline-block;
  margin-right: 6px;
  white-space: nowrap;
  overflow: hidden;
  border: 3px solid #fff;
  padding: 2px; }

.carousel .thumb:focus {
  border: 3px solid #ccc;
  outline: none; }

.carousel .thumb.selected, .carousel .thumb:hover {
  border: 3px solid #333; }

.carousel .thumb img {
  vertical-align: top; }

.carousel.carousel-slider {
  position: relative;
  margin: 0;
  overflow: hidden; }

.carousel.carousel-slider .control-arrow {
  top: 0;
  color: #fff;
  font-size: 26px;
  bottom: 0;
  margin-top: 0;
  padding: 5px; }

.carousel.carousel-slider .control-arrow:hover {
  background: rgba(0, 0, 0, 0.2); }

.carousel .slider-wrapper {
  overflow: hidden;
  margin: auto;
  width: 100%;
  -webkit-transition: height .15s ease-in;
  -moz-transition: height .15s ease-in;
  -ms-transition: height .15s ease-in;
  -o-transition: height .15s ease-in;
  transition: height .15s ease-in; }

.carousel .slider-wrapper.axis-horizontal .slider {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex; }

.carousel .slider-wrapper.axis-horizontal .slider .slide {
  flex-direction: column;
  flex-flow: column; }

.carousel .slider-wrapper.axis-vertical {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex; }

.carousel .slider-wrapper.axis-vertical .slider {
  -webkit-flex-direction: column;
  flex-direction: column; }

.carousel .slider {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  width: 100%; }

.carousel .slider.animated {
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out; }

.carousel .slide {
  min-width: 100%;
  margin: 0;
  position: relative;
  text-align: center; }

.carousel .slide img {
  width: 100%;
  vertical-align: top;
  border: 0; }

.carousel .slide iframe {
  display: inline-block;
  width: calc(100% - 80px);
  margin: 0 40px 40px;
  border: 0; }

.carousel .slide .legend {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -45%;
  width: 90%;
  border-radius: 10px;
  background: #000;
  color: #fff;
  padding: 10px;
  font-size: 12px;
  text-align: center;
  opacity: 0.25;
  -webkit-transition: opacity .35s ease-in-out;
  -moz-transition: opacity .35s ease-in-out;
  -ms-transition: opacity .35s ease-in-out;
  -o-transition: opacity .35s ease-in-out;
  transition: opacity .35s ease-in-out; }

.carousel .control-dots {
  position: absolute;
  bottom: 0;
  margin: 10px 0;
  padding: 0;
  text-align: center;
  width: 100%;
  z-index: 1; }

@media (min-width: 960px) {
  .carousel .control-dots {
    bottom: 0; } }

.carousel .control-dots .dot {
  -webkit-transition: opacity .25s ease-in;
  -moz-transition: opacity .25s ease-in;
  -ms-transition: opacity .25s ease-in;
  -o-transition: opacity .25s ease-in;
  transition: opacity .25s ease-in;
  opacity: .3;
  filter: alpha(opacity=30);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
  background: #fff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  cursor: pointer;
  display: inline-block;
  margin: 0 8px; }

.carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover {
  opacity: 1;
  filter: alpha(opacity=100); }

.carousel .carousel-status {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  font-size: 10px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
  color: #fff; }

.carousel:hover .slide .legend {
  opacity: 1; }
@charset "UTF-8";
@font-face {
  font-family: 'Unitext';
  src: url("/assets/fonts/unitext/Unitext-Regular.eot");
  src: url("/assets/fonts/unitext/Unitext-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/unitext/Unitext-Regular.woff2") format("woff2"), url("/assets/fonts/unitext/Unitext-Regular.woff") format("woff"), url("/assets/fonts/unitext/Unitext-Regular.ttf") format("truetype"), url("/assets/fonts/unitext/Unitext-Regular.svg#Unitext-Regular") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Unitext';
  src: url("/assets/fonts/unitext/Unitext-Extralight.eot");
  src: url("/assets/fonts/unitext/Unitext-Extralight.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/unitext/Unitext-Extralight.woff2") format("woff2"), url("/assets/fonts/unitext/Unitext-Extralight.woff") format("woff"), url("/assets/fonts/unitext/Unitext-Extralight.ttf") format("truetype"), url("/assets/fonts/unitext/Unitext-Extralight.svg#Unitext-Extralight") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Unitext';
  src: url("/assets/fonts/unitext/Unitext-Light.eot");
  src: url("/assets/fonts/unitext/Unitext-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/unitext/Unitext-Light.woff2") format("woff2"), url("/assets/fonts/unitext/Unitext-Light.woff") format("woff"), url("/assets/fonts/unitext/Unitext-Light.ttf") format("truetype"), url("/assets/fonts/unitext/Unitext-Light.svg#Unitext-Light") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Unitext';
  src: url("/assets/fonts/unitext/Unitext-Hairline.eot");
  src: url("/assets/fonts/unitext/Unitext-Hairline.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/unitext/Unitext-Hairline.woff2") format("woff2"), url("/assets/fonts/unitext/Unitext-Hairline.woff") format("woff"), url("/assets/fonts/unitext/Unitext-Hairline.ttf") format("truetype"), url("/assets/fonts/unitext/Unitext-Hairline.svg#Unitext-Hairline") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Unitext';
  src: url("/assets/fonts/unitext/Unitext-Semibold.eot");
  src: url("/assets/fonts/unitext/Unitext-Semibold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/unitext/Unitext-Semibold.woff2") format("woff2"), url("/assets/fonts/unitext/Unitext-Semibold.woff") format("woff"), url("/assets/fonts/unitext/Unitext-Semibold.ttf") format("truetype"), url("/assets/fonts/unitext/Unitext-Semibold.svg#Unitext-Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Unitext';
  src: url("/assets/fonts/unitext/Unitext-Bold.eot");
  src: url("/assets/fonts/unitext/Unitext-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/unitext/Unitext-Bold.woff2") format("woff2"), url("/assets/fonts/unitext/Unitext-Bold.woff") format("woff"), url("/assets/fonts/unitext/Unitext-Bold.ttf") format("truetype"), url("/assets/fonts/unitext/Unitext-Bold.svg#Unitext-Bold") format("svg");
  font-weight: 700;
  font-style: bold; }

@font-face {
  font-family: 'Unitext';
  src: url("/assets/fonts/unitext/Unitext-Black.eot");
  src: url("/assets/fonts/unitext/Unitext-Black.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/unitext/Unitext-Black.woff2") format("woff2"), url("/assets/fonts/unitext/Unitext-Black.woff") format("woff"), url("/assets/fonts/unitext/Unitext-Black.ttf") format("truetype"), url("/assets/fonts/unitext/Unitext-Black.svg#Unitext-Black") format("svg");
  font-weight: 800;
  font-style: normal; }

/**
 * Foundation for Sites by ZURB
 * Version 6.4.4-rc1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Correct the line height in all browsers.
     * 3. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
       ========================================================================== */
/**
     * Remove the margin in all browsers (opinionated).
     */
body {
  margin: 0; }

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
  display: block; }

/**
     * Add the correct margin in IE 8.
     */
figure {
  margin: 1em 40px; }

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
     * Add the correct display in IE.
     */
main {
  display: block; }

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

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Firefox 39-.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
  font-weight: inherit; }

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
  font-weight: bolder; }

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
     * Add the correct font style in Android 4.3-.
     */
dfn {
  font-style: italic; }

/**
     * Add the correct background and color in IE 9-.
     */
mark {
  background-color: #ff0;
  color: #000; }

/**
     * Add the correct font size in all browsers.
     */
small {
  font-size: 80%; }

/**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
audio,
video {
  display: inline-block; }

/**
     * Add the correct display in iOS 4-7.
     */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
     * Remove the border on images inside links in IE 10-.
     */
img {
  border-style: none; }

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
  overflow: hidden; }

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
     * Show the overflow in IE.
     */
button {
  overflow: visible; }

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
  /* 1 */
  text-transform: none; }

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */ }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible; }

/**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */ }
  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
     * 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 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */ }

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
  overflow: auto; }

/* Interactive
       ========================================================================== */
/*
     * Add the correct display in Edge, IE, and Firefox.
     */
details {
  display: block; }

/*
     * Add the correct display in all browsers.
     */
summary {
  display: list-item; }

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block; }

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
  display: inline-block; }

/**
     * Add the correct display in IE.
     */
template {
  display: none; }

/* Hidden
       ========================================================================== */
/**
     * Add the correct display in IE 10-.
     */
[hidden] {
  display: none; }

.foundation-mq {
  font-family: "small=0em&medium=50.0625em&mid=62.5em&mid_large=68.75em&large=75em&xlarge=81.25em&xxlarge=87.5em&superlarge=100em"; }

html {
  box-sizing: border-box;
  font-size: 100%; }

*,
*::before,
*::after {
  box-sizing: inherit; }

body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font-family: "Unitext", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #071d30;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto; }
  [data-whatinput='mouse'] button {
    outline: 0; }

pre {
  overflow: auto; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto; }
  .row::before, .row::after {
    display: table;
    content: ' ';
    flex-basis: 0;
    order: 1; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .row .row {
    margin-right: -0.625rem;
    margin-left: -0.625rem; }
    @media print, screen and (min-width: 50.0625em) {
      .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    @media print, screen and (min-width: 62.5em) {
      .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    @media print, screen and (min-width: 68.75em) {
      .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    @media print, screen and (min-width: 75em) {
      .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    @media screen and (min-width: 81.25em) {
      .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    @media screen and (min-width: 100em) {
      .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    .row .row.collapse {
      margin-right: 0;
      margin-left: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-right: auto;
      margin-left: auto; }
  .row:not(.expanded) .row {
    max-width: none; }
  .row.gutter-small > .column, .row.gutter-small > .columns {
    padding-right: 0.625rem;
    padding-left: 0.625rem; }
  .row.gutter-medium > .column, .row.gutter-medium > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }

.column, .columns {
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 50.0625em) {
    .column, .columns {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.33333%; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.66667%; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.28571%; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0; }

.small-collapse .row {
  margin-right: 0;
  margin-left: 0; }

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem; }

.small-centered {
  margin-right: auto;
  margin-left: auto; }
  .small-centered, .small-centered:last-child:not(:first-child) {
    float: none;
    clear: both; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  float: left;
  margin-right: 0;
  margin-left: 0; }

@media print, screen and (min-width: 50.0625em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
      float: left; }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
      float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
      float: left; }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
      float: left; }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .medium-centered {
    margin-right: auto;
    margin-left: auto; }
    .medium-centered, .medium-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0; } }

@media print, screen and (min-width: 62.5em) {
  .mid-1 {
    width: 8.33333%; }
  .mid-push-1 {
    position: relative;
    left: 8.33333%; }
  .mid-pull-1 {
    position: relative;
    left: -8.33333%; }
  .mid-offset-0 {
    margin-left: 0%; }
  .mid-2 {
    width: 16.66667%; }
  .mid-push-2 {
    position: relative;
    left: 16.66667%; }
  .mid-pull-2 {
    position: relative;
    left: -16.66667%; }
  .mid-offset-1 {
    margin-left: 8.33333%; }
  .mid-3 {
    width: 25%; }
  .mid-push-3 {
    position: relative;
    left: 25%; }
  .mid-pull-3 {
    position: relative;
    left: -25%; }
  .mid-offset-2 {
    margin-left: 16.66667%; }
  .mid-4 {
    width: 33.33333%; }
  .mid-push-4 {
    position: relative;
    left: 33.33333%; }
  .mid-pull-4 {
    position: relative;
    left: -33.33333%; }
  .mid-offset-3 {
    margin-left: 25%; }
  .mid-5 {
    width: 41.66667%; }
  .mid-push-5 {
    position: relative;
    left: 41.66667%; }
  .mid-pull-5 {
    position: relative;
    left: -41.66667%; }
  .mid-offset-4 {
    margin-left: 33.33333%; }
  .mid-6 {
    width: 50%; }
  .mid-push-6 {
    position: relative;
    left: 50%; }
  .mid-pull-6 {
    position: relative;
    left: -50%; }
  .mid-offset-5 {
    margin-left: 41.66667%; }
  .mid-7 {
    width: 58.33333%; }
  .mid-push-7 {
    position: relative;
    left: 58.33333%; }
  .mid-pull-7 {
    position: relative;
    left: -58.33333%; }
  .mid-offset-6 {
    margin-left: 50%; }
  .mid-8 {
    width: 66.66667%; }
  .mid-push-8 {
    position: relative;
    left: 66.66667%; }
  .mid-pull-8 {
    position: relative;
    left: -66.66667%; }
  .mid-offset-7 {
    margin-left: 58.33333%; }
  .mid-9 {
    width: 75%; }
  .mid-push-9 {
    position: relative;
    left: 75%; }
  .mid-pull-9 {
    position: relative;
    left: -75%; }
  .mid-offset-8 {
    margin-left: 66.66667%; }
  .mid-10 {
    width: 83.33333%; }
  .mid-push-10 {
    position: relative;
    left: 83.33333%; }
  .mid-pull-10 {
    position: relative;
    left: -83.33333%; }
  .mid-offset-9 {
    margin-left: 75%; }
  .mid-11 {
    width: 91.66667%; }
  .mid-push-11 {
    position: relative;
    left: 91.66667%; }
  .mid-pull-11 {
    position: relative;
    left: -91.66667%; }
  .mid-offset-10 {
    margin-left: 83.33333%; }
  .mid-12 {
    width: 100%; }
  .mid-offset-11 {
    margin-left: 91.66667%; }
  .mid-up-1 > .column, .mid-up-1 > .columns {
    float: left;
    width: 100%; }
    .mid-up-1 > .column:nth-of-type(1n), .mid-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid-up-1 > .column:nth-of-type(1n+1), .mid-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .mid-up-1 > .column:last-child, .mid-up-1 > .columns:last-child {
      float: left; }
  .mid-up-2 > .column, .mid-up-2 > .columns {
    float: left;
    width: 50%; }
    .mid-up-2 > .column:nth-of-type(1n), .mid-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid-up-2 > .column:nth-of-type(2n+1), .mid-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .mid-up-2 > .column:last-child, .mid-up-2 > .columns:last-child {
      float: left; }
  .mid-up-3 > .column, .mid-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .mid-up-3 > .column:nth-of-type(1n), .mid-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid-up-3 > .column:nth-of-type(3n+1), .mid-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .mid-up-3 > .column:last-child, .mid-up-3 > .columns:last-child {
      float: left; }
  .mid-up-4 > .column, .mid-up-4 > .columns {
    float: left;
    width: 25%; }
    .mid-up-4 > .column:nth-of-type(1n), .mid-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid-up-4 > .column:nth-of-type(4n+1), .mid-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .mid-up-4 > .column:last-child, .mid-up-4 > .columns:last-child {
      float: left; }
  .mid-up-5 > .column, .mid-up-5 > .columns {
    float: left;
    width: 20%; }
    .mid-up-5 > .column:nth-of-type(1n), .mid-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid-up-5 > .column:nth-of-type(5n+1), .mid-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .mid-up-5 > .column:last-child, .mid-up-5 > .columns:last-child {
      float: left; }
  .mid-up-6 > .column, .mid-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .mid-up-6 > .column:nth-of-type(1n), .mid-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid-up-6 > .column:nth-of-type(6n+1), .mid-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .mid-up-6 > .column:last-child, .mid-up-6 > .columns:last-child {
      float: left; }
  .mid-up-7 > .column, .mid-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .mid-up-7 > .column:nth-of-type(1n), .mid-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid-up-7 > .column:nth-of-type(7n+1), .mid-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .mid-up-7 > .column:last-child, .mid-up-7 > .columns:last-child {
      float: left; }
  .mid-up-8 > .column, .mid-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .mid-up-8 > .column:nth-of-type(1n), .mid-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid-up-8 > .column:nth-of-type(8n+1), .mid-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .mid-up-8 > .column:last-child, .mid-up-8 > .columns:last-child {
      float: left; }
  .mid-collapse > .column, .mid-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .mid-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .mid-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .mid-uncollapse > .column, .mid-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .mid-centered {
    margin-right: auto;
    margin-left: auto; }
    .mid-centered, .mid-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .mid-uncentered,
  .mid-push-0,
  .mid-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0; } }

@media print, screen and (min-width: 68.75em) {
  .mid_large-1 {
    width: 8.33333%; }
  .mid_large-push-1 {
    position: relative;
    left: 8.33333%; }
  .mid_large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .mid_large-offset-0 {
    margin-left: 0%; }
  .mid_large-2 {
    width: 16.66667%; }
  .mid_large-push-2 {
    position: relative;
    left: 16.66667%; }
  .mid_large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .mid_large-offset-1 {
    margin-left: 8.33333%; }
  .mid_large-3 {
    width: 25%; }
  .mid_large-push-3 {
    position: relative;
    left: 25%; }
  .mid_large-pull-3 {
    position: relative;
    left: -25%; }
  .mid_large-offset-2 {
    margin-left: 16.66667%; }
  .mid_large-4 {
    width: 33.33333%; }
  .mid_large-push-4 {
    position: relative;
    left: 33.33333%; }
  .mid_large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .mid_large-offset-3 {
    margin-left: 25%; }
  .mid_large-5 {
    width: 41.66667%; }
  .mid_large-push-5 {
    position: relative;
    left: 41.66667%; }
  .mid_large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .mid_large-offset-4 {
    margin-left: 33.33333%; }
  .mid_large-6 {
    width: 50%; }
  .mid_large-push-6 {
    position: relative;
    left: 50%; }
  .mid_large-pull-6 {
    position: relative;
    left: -50%; }
  .mid_large-offset-5 {
    margin-left: 41.66667%; }
  .mid_large-7 {
    width: 58.33333%; }
  .mid_large-push-7 {
    position: relative;
    left: 58.33333%; }
  .mid_large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .mid_large-offset-6 {
    margin-left: 50%; }
  .mid_large-8 {
    width: 66.66667%; }
  .mid_large-push-8 {
    position: relative;
    left: 66.66667%; }
  .mid_large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .mid_large-offset-7 {
    margin-left: 58.33333%; }
  .mid_large-9 {
    width: 75%; }
  .mid_large-push-9 {
    position: relative;
    left: 75%; }
  .mid_large-pull-9 {
    position: relative;
    left: -75%; }
  .mid_large-offset-8 {
    margin-left: 66.66667%; }
  .mid_large-10 {
    width: 83.33333%; }
  .mid_large-push-10 {
    position: relative;
    left: 83.33333%; }
  .mid_large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .mid_large-offset-9 {
    margin-left: 75%; }
  .mid_large-11 {
    width: 91.66667%; }
  .mid_large-push-11 {
    position: relative;
    left: 91.66667%; }
  .mid_large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .mid_large-offset-10 {
    margin-left: 83.33333%; }
  .mid_large-12 {
    width: 100%; }
  .mid_large-offset-11 {
    margin-left: 91.66667%; }
  .mid_large-up-1 > .column, .mid_large-up-1 > .columns {
    float: left;
    width: 100%; }
    .mid_large-up-1 > .column:nth-of-type(1n), .mid_large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid_large-up-1 > .column:nth-of-type(1n+1), .mid_large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .mid_large-up-1 > .column:last-child, .mid_large-up-1 > .columns:last-child {
      float: left; }
  .mid_large-up-2 > .column, .mid_large-up-2 > .columns {
    float: left;
    width: 50%; }
    .mid_large-up-2 > .column:nth-of-type(1n), .mid_large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid_large-up-2 > .column:nth-of-type(2n+1), .mid_large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .mid_large-up-2 > .column:last-child, .mid_large-up-2 > .columns:last-child {
      float: left; }
  .mid_large-up-3 > .column, .mid_large-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .mid_large-up-3 > .column:nth-of-type(1n), .mid_large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid_large-up-3 > .column:nth-of-type(3n+1), .mid_large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .mid_large-up-3 > .column:last-child, .mid_large-up-3 > .columns:last-child {
      float: left; }
  .mid_large-up-4 > .column, .mid_large-up-4 > .columns {
    float: left;
    width: 25%; }
    .mid_large-up-4 > .column:nth-of-type(1n), .mid_large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid_large-up-4 > .column:nth-of-type(4n+1), .mid_large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .mid_large-up-4 > .column:last-child, .mid_large-up-4 > .columns:last-child {
      float: left; }
  .mid_large-up-5 > .column, .mid_large-up-5 > .columns {
    float: left;
    width: 20%; }
    .mid_large-up-5 > .column:nth-of-type(1n), .mid_large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid_large-up-5 > .column:nth-of-type(5n+1), .mid_large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .mid_large-up-5 > .column:last-child, .mid_large-up-5 > .columns:last-child {
      float: left; }
  .mid_large-up-6 > .column, .mid_large-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .mid_large-up-6 > .column:nth-of-type(1n), .mid_large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid_large-up-6 > .column:nth-of-type(6n+1), .mid_large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .mid_large-up-6 > .column:last-child, .mid_large-up-6 > .columns:last-child {
      float: left; }
  .mid_large-up-7 > .column, .mid_large-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .mid_large-up-7 > .column:nth-of-type(1n), .mid_large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid_large-up-7 > .column:nth-of-type(7n+1), .mid_large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .mid_large-up-7 > .column:last-child, .mid_large-up-7 > .columns:last-child {
      float: left; }
  .mid_large-up-8 > .column, .mid_large-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .mid_large-up-8 > .column:nth-of-type(1n), .mid_large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .mid_large-up-8 > .column:nth-of-type(8n+1), .mid_large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .mid_large-up-8 > .column:last-child, .mid_large-up-8 > .columns:last-child {
      float: left; }
  .mid_large-collapse > .column, .mid_large-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .mid_large-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .mid_large-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .mid_large-uncollapse > .column, .mid_large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .mid_large-centered {
    margin-right: auto;
    margin-left: auto; }
    .mid_large-centered, .mid_large-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .mid_large-uncentered,
  .mid_large-push-0,
  .mid_large-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0; } }

@media print, screen and (min-width: 75em) {
  .large-1 {
    width: 8.33333%; }
  .large-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.66667%; }
  .large-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    width: 33.33333%; }
  .large-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    width: 58.33333%; }
  .large-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.66667%; }
  .large-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    width: 83.33333%; }
  .large-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.66667%; }
  .large-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
      float: left; }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
      float: left; }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .large-centered {
    margin-right: auto;
    margin-left: auto; }
    .large-centered, .large-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0; } }

@media screen and (min-width: 81.25em) {
  .xlarge-1 {
    width: 8.33333%; }
  .xlarge-push-1 {
    position: relative;
    left: 8.33333%; }
  .xlarge-pull-1 {
    position: relative;
    left: -8.33333%; }
  .xlarge-offset-0 {
    margin-left: 0%; }
  .xlarge-2 {
    width: 16.66667%; }
  .xlarge-push-2 {
    position: relative;
    left: 16.66667%; }
  .xlarge-pull-2 {
    position: relative;
    left: -16.66667%; }
  .xlarge-offset-1 {
    margin-left: 8.33333%; }
  .xlarge-3 {
    width: 25%; }
  .xlarge-push-3 {
    position: relative;
    left: 25%; }
  .xlarge-pull-3 {
    position: relative;
    left: -25%; }
  .xlarge-offset-2 {
    margin-left: 16.66667%; }
  .xlarge-4 {
    width: 33.33333%; }
  .xlarge-push-4 {
    position: relative;
    left: 33.33333%; }
  .xlarge-pull-4 {
    position: relative;
    left: -33.33333%; }
  .xlarge-offset-3 {
    margin-left: 25%; }
  .xlarge-5 {
    width: 41.66667%; }
  .xlarge-push-5 {
    position: relative;
    left: 41.66667%; }
  .xlarge-pull-5 {
    position: relative;
    left: -41.66667%; }
  .xlarge-offset-4 {
    margin-left: 33.33333%; }
  .xlarge-6 {
    width: 50%; }
  .xlarge-push-6 {
    position: relative;
    left: 50%; }
  .xlarge-pull-6 {
    position: relative;
    left: -50%; }
  .xlarge-offset-5 {
    margin-left: 41.66667%; }
  .xlarge-7 {
    width: 58.33333%; }
  .xlarge-push-7 {
    position: relative;
    left: 58.33333%; }
  .xlarge-pull-7 {
    position: relative;
    left: -58.33333%; }
  .xlarge-offset-6 {
    margin-left: 50%; }
  .xlarge-8 {
    width: 66.66667%; }
  .xlarge-push-8 {
    position: relative;
    left: 66.66667%; }
  .xlarge-pull-8 {
    position: relative;
    left: -66.66667%; }
  .xlarge-offset-7 {
    margin-left: 58.33333%; }
  .xlarge-9 {
    width: 75%; }
  .xlarge-push-9 {
    position: relative;
    left: 75%; }
  .xlarge-pull-9 {
    position: relative;
    left: -75%; }
  .xlarge-offset-8 {
    margin-left: 66.66667%; }
  .xlarge-10 {
    width: 83.33333%; }
  .xlarge-push-10 {
    position: relative;
    left: 83.33333%; }
  .xlarge-pull-10 {
    position: relative;
    left: -83.33333%; }
  .xlarge-offset-9 {
    margin-left: 75%; }
  .xlarge-11 {
    width: 91.66667%; }
  .xlarge-push-11 {
    position: relative;
    left: 91.66667%; }
  .xlarge-pull-11 {
    position: relative;
    left: -91.66667%; }
  .xlarge-offset-10 {
    margin-left: 83.33333%; }
  .xlarge-12 {
    width: 100%; }
  .xlarge-offset-11 {
    margin-left: 91.66667%; }
  .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
    float: left;
    width: 100%; }
    .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child {
      float: left; }
  .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
    float: left;
    width: 50%; }
    .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child {
      float: left; }
  .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child {
      float: left; }
  .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
    float: left;
    width: 25%; }
    .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child {
      float: left; }
  .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
    float: left;
    width: 20%; }
    .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child {
      float: left; }
  .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child {
      float: left; }
  .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child {
      float: left; }
  .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child {
      float: left; }
  .xlarge-collapse > .column, .xlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .xlarge-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .xlarge-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .xlarge-centered {
    margin-right: auto;
    margin-left: auto; }
    .xlarge-centered, .xlarge-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .xlarge-uncentered,
  .xlarge-push-0,
  .xlarge-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0; } }

@media screen and (min-width: 100em) {
  .superlarge-1 {
    width: 8.33333%; }
  .superlarge-push-1 {
    position: relative;
    left: 8.33333%; }
  .superlarge-pull-1 {
    position: relative;
    left: -8.33333%; }
  .superlarge-offset-0 {
    margin-left: 0%; }
  .superlarge-2 {
    width: 16.66667%; }
  .superlarge-push-2 {
    position: relative;
    left: 16.66667%; }
  .superlarge-pull-2 {
    position: relative;
    left: -16.66667%; }
  .superlarge-offset-1 {
    margin-left: 8.33333%; }
  .superlarge-3 {
    width: 25%; }
  .superlarge-push-3 {
    position: relative;
    left: 25%; }
  .superlarge-pull-3 {
    position: relative;
    left: -25%; }
  .superlarge-offset-2 {
    margin-left: 16.66667%; }
  .superlarge-4 {
    width: 33.33333%; }
  .superlarge-push-4 {
    position: relative;
    left: 33.33333%; }
  .superlarge-pull-4 {
    position: relative;
    left: -33.33333%; }
  .superlarge-offset-3 {
    margin-left: 25%; }
  .superlarge-5 {
    width: 41.66667%; }
  .superlarge-push-5 {
    position: relative;
    left: 41.66667%; }
  .superlarge-pull-5 {
    position: relative;
    left: -41.66667%; }
  .superlarge-offset-4 {
    margin-left: 33.33333%; }
  .superlarge-6 {
    width: 50%; }
  .superlarge-push-6 {
    position: relative;
    left: 50%; }
  .superlarge-pull-6 {
    position: relative;
    left: -50%; }
  .superlarge-offset-5 {
    margin-left: 41.66667%; }
  .superlarge-7 {
    width: 58.33333%; }
  .superlarge-push-7 {
    position: relative;
    left: 58.33333%; }
  .superlarge-pull-7 {
    position: relative;
    left: -58.33333%; }
  .superlarge-offset-6 {
    margin-left: 50%; }
  .superlarge-8 {
    width: 66.66667%; }
  .superlarge-push-8 {
    position: relative;
    left: 66.66667%; }
  .superlarge-pull-8 {
    position: relative;
    left: -66.66667%; }
  .superlarge-offset-7 {
    margin-left: 58.33333%; }
  .superlarge-9 {
    width: 75%; }
  .superlarge-push-9 {
    position: relative;
    left: 75%; }
  .superlarge-pull-9 {
    position: relative;
    left: -75%; }
  .superlarge-offset-8 {
    margin-left: 66.66667%; }
  .superlarge-10 {
    width: 83.33333%; }
  .superlarge-push-10 {
    position: relative;
    left: 83.33333%; }
  .superlarge-pull-10 {
    position: relative;
    left: -83.33333%; }
  .superlarge-offset-9 {
    margin-left: 75%; }
  .superlarge-11 {
    width: 91.66667%; }
  .superlarge-push-11 {
    position: relative;
    left: 91.66667%; }
  .superlarge-pull-11 {
    position: relative;
    left: -91.66667%; }
  .superlarge-offset-10 {
    margin-left: 83.33333%; }
  .superlarge-12 {
    width: 100%; }
  .superlarge-offset-11 {
    margin-left: 91.66667%; }
  .superlarge-up-1 > .column, .superlarge-up-1 > .columns {
    float: left;
    width: 100%; }
    .superlarge-up-1 > .column:nth-of-type(1n), .superlarge-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .superlarge-up-1 > .column:nth-of-type(1n+1), .superlarge-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .superlarge-up-1 > .column:last-child, .superlarge-up-1 > .columns:last-child {
      float: left; }
  .superlarge-up-2 > .column, .superlarge-up-2 > .columns {
    float: left;
    width: 50%; }
    .superlarge-up-2 > .column:nth-of-type(1n), .superlarge-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .superlarge-up-2 > .column:nth-of-type(2n+1), .superlarge-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .superlarge-up-2 > .column:last-child, .superlarge-up-2 > .columns:last-child {
      float: left; }
  .superlarge-up-3 > .column, .superlarge-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .superlarge-up-3 > .column:nth-of-type(1n), .superlarge-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .superlarge-up-3 > .column:nth-of-type(3n+1), .superlarge-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .superlarge-up-3 > .column:last-child, .superlarge-up-3 > .columns:last-child {
      float: left; }
  .superlarge-up-4 > .column, .superlarge-up-4 > .columns {
    float: left;
    width: 25%; }
    .superlarge-up-4 > .column:nth-of-type(1n), .superlarge-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .superlarge-up-4 > .column:nth-of-type(4n+1), .superlarge-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .superlarge-up-4 > .column:last-child, .superlarge-up-4 > .columns:last-child {
      float: left; }
  .superlarge-up-5 > .column, .superlarge-up-5 > .columns {
    float: left;
    width: 20%; }
    .superlarge-up-5 > .column:nth-of-type(1n), .superlarge-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .superlarge-up-5 > .column:nth-of-type(5n+1), .superlarge-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .superlarge-up-5 > .column:last-child, .superlarge-up-5 > .columns:last-child {
      float: left; }
  .superlarge-up-6 > .column, .superlarge-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .superlarge-up-6 > .column:nth-of-type(1n), .superlarge-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .superlarge-up-6 > .column:nth-of-type(6n+1), .superlarge-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .superlarge-up-6 > .column:last-child, .superlarge-up-6 > .columns:last-child {
      float: left; }
  .superlarge-up-7 > .column, .superlarge-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .superlarge-up-7 > .column:nth-of-type(1n), .superlarge-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .superlarge-up-7 > .column:nth-of-type(7n+1), .superlarge-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .superlarge-up-7 > .column:last-child, .superlarge-up-7 > .columns:last-child {
      float: left; }
  .superlarge-up-8 > .column, .superlarge-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .superlarge-up-8 > .column:nth-of-type(1n), .superlarge-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .superlarge-up-8 > .column:nth-of-type(8n+1), .superlarge-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .superlarge-up-8 > .column:last-child, .superlarge-up-8 > .columns:last-child {
      float: left; }
  .superlarge-collapse > .column, .superlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .superlarge-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .superlarge-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .superlarge-uncollapse > .column, .superlarge-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .superlarge-centered {
    margin-right: auto;
    margin-left: auto; }
    .superlarge-centered, .superlarge-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .superlarge-uncentered,
  .superlarge-push-0,
  .superlarge-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0; } }

.column-block {
  margin-bottom: 1.25rem; }
  .column-block > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 50.0625em) {
    .column-block {
      margin-bottom: 1.875rem; }
      .column-block > :last-child {
        margin-bottom: 0; } }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.4;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: 500;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Unitext", sans-serif;
  font-style: normal;
  font-weight: 500;
  color: inherit;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
    line-height: 0;
    color: #cacaca; }

h1, .h1 {
  font-size: 1.875rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1rem; }

h2, .h2 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1rem; }

h3, .h3 {
  font-size: 1.0625rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1rem; }

h4, .h4 {
  font-size: 1rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1rem; }

h5, .h5 {
  font-size: 1.125rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1rem; }

h6, .h6 {
  font-size: 1rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1rem; }

@media print, screen and (min-width: 50.0625em) {
  h1, .h1 {
    font-size: 2.1875rem; }
  h2, .h2 {
    font-size: 1.75rem; }
  h3, .h3 {
    font-size: 1.25rem; }
  h4, .h4 {
    font-size: 1.125rem; }
  h5, .h5 {
    font-size: 1.125rem; }
  h6, .h6 {
    font-size: 1rem; } }

@media screen and (min-width: 81.25em) {
  h1, .h1 {
    font-size: 2.5rem; }
  h2, .h2 {
    font-size: 2.0625rem; }
  h3, .h3 {
    font-size: 1.5rem; }
  h4, .h4 {
    font-size: 1.125rem; }
  h5, .h5 {
    font-size: 1.125rem; }
  h6, .h6 {
    font-size: 1rem; } }

a {
  line-height: inherit;
  color: #10d0a0;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #0eb38a; }
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0; }

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.4; }

li {
  font-size: inherit; }

ul {
  margin-left: 1.25rem;
  list-style-type: disc; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: 500; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p {
    line-height: 1.4;
    color: #b3b3b3; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #b3b3b3; }
  cite:before {
    content: "\2014   "; }

abbr, abbr[title] {
  border-bottom: 1px dotted #000000;
  cursor: help;
  text-decoration: none; }

figure {
  margin: 0; }

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #cacaca;
  background-color: #f9fafa;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #000000; }

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #f9fafa;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #000000; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #b3b3b3; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none; }

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

.text-right {
  text-align: right; }

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

.text-justify {
  text-align: justify; }

@media print, screen and (min-width: 50.0625em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 62.5em) {
  .mid-text-left {
    text-align: left; }
  .mid-text-right {
    text-align: right; }
  .mid-text-center {
    text-align: center; }
  .mid-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 68.75em) {
  .mid_large-text-left {
    text-align: left; }
  .mid_large-text-right {
    text-align: right; }
  .mid_large-text-center {
    text-align: center; }
  .mid_large-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 75em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

@media screen and (min-width: 81.25em) {
  .xlarge-text-left {
    text-align: left; }
  .xlarge-text-right {
    text-align: right; }
  .xlarge-text-center {
    text-align: center; }
  .xlarge-text-justify {
    text-align: justify; } }

@media screen and (min-width: 100em) {
  .superlarge-text-left {
    text-align: left; }
  .superlarge-text-right {
    text-align: right; }
  .superlarge-text-center {
    text-align: center; }
  .superlarge-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #b3b3b3;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .print-break-inside {
    page-break-inside: auto; } }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.6875rem;
  margin: 0 0 1rem;
  padding: 0.75rem 0.875rem;
  border: 1px solid #b3b3b3;
  border-radius: 0.5rem;
  background-color: #f6f9fc;
  box-shadow: none;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  color: #071d30;
  transition: background-color 0.5s, border-color 0.25s ease-in-out;
  appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #10d0a0;
    background-color: #ffffff;
    box-shadow: none;
    transition: background-color 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input::placeholder,
textarea::placeholder {
  color: #a3aab1; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #f9fafa;
  cursor: not-allowed; }

[type='submit'],
[type='button'] {
  appearance: none;
  border-radius: 0.5rem; }

input[type='search'] {
  box-sizing: border-box; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0; }
  [type='checkbox'] + label[for],
  [type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25;
  color: #071d30; }
  label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0; }

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #000000; }

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch; }
  .input-group > :first-child {
    border-radius: 0.5rem 0 0 0.5rem; }
  .input-group > :last-child > * {
    border-radius: 0 0.5rem 0.5rem 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap; }

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #f9fafa;
  color: #000000;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
    height: auto;
    align-self: stretch;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  max-width: 100%;
  margin-bottom: 0.5rem; }

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca; }
  .fieldset legend {
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem; }

select {
  height: 2.6875rem;
  margin: 0 0 1rem;
  padding: 0.75rem 0.875rem;
  appearance: none;
  border: 1px solid #b3b3b3;
  border-radius: 0;
  background-color: #f6f9fc;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  color: #071d30;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28179, 179, 179%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: background-color 0.5s, border-color 0.25s ease-in-out; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNrEllsOhCAMRVszC9IlzU7KCmVHTJsoMWYMUtpyv9BgbuXQB5ZSdgBYYY4ycgBivk8KYFsQMfMiTTBP4o3nUzCKzOabLJbLy2/g31evGkAginR4/ZegKH5qX3bJCscA3t0x3kgO5tQFyhhFf50xRqFLbyMUNJQzgyjGS/wgCpvKqkRBpuWrE4V9d+1E4dPUXqIg107SQOE/2DRQxMwTDygIInVDET9T3lCoj/6j/VCmGjZOl2lKpZ8AAwDQP7zIimDGFQAAAABJRU5ErkJggg=="); } }
  select:focus {
    outline: none;
    border: 1px solid #10d0a0;
    background-color: #ffffff;
    box-shadow: none;
    transition: background-color 0.5s, border-color 0.25s ease-in-out; }
  select:disabled {
    background-color: #f9fafa;
    cursor: not-allowed; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }

.is-invalid-input:not(:focus) {
  border-color: #ff0033;
  background-color: #ffe6eb; }
  .is-invalid-input:not(:focus)::placeholder {
    color: #ff0033; }

.is-invalid-label {
  color: #ff0033; }

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #ff0033; }
  .form-error.is-visible {
    display: block; }

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: inherit;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #10d0a0;
  color: #ffffff; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background-color: #0eb188;
    color: #ffffff; }
  .button.tiny {
    font-size: 0.6rem; }
  .button.small {
    font-size: 0.75rem; }
  .button.large {
    font-size: 1.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .button.primary {
    background-color: #10d0a0;
    color: #000000; }
    .button.primary:hover, .button.primary:focus {
      background-color: #0da680;
      color: #000000; }
  .button.secondary {
    background-color: #e56f2c;
    color: #000000; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #c25618;
      color: #000000; }
  .button.success {
    background-color: #3adb76;
    color: #000000; }
    .button.success:hover, .button.success:focus {
      background-color: #22bb5b;
      color: #000000; }
  .button.warning {
    background-color: #ffae00;
    color: #000000; }
    .button.warning:hover, .button.warning:focus {
      background-color: #cc8b00;
      color: #000000; }
  .button.alert {
    background-color: #ff0033;
    color: #000000; }
    .button.alert:hover, .button.alert:focus {
      background-color: #cc0029;
      color: #000000; }
  .button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed; }
    .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
      background-color: #10d0a0;
      color: #ffffff; }
    .button.disabled.primary, .button[disabled].primary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
        background-color: #10d0a0;
        color: #000000; }
    .button.disabled.secondary, .button[disabled].secondary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e56f2c;
        color: #000000; }
    .button.disabled.success, .button[disabled].success {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #3adb76;
        color: #000000; }
    .button.disabled.warning, .button[disabled].warning {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #ffae00;
        color: #000000; }
    .button.disabled.alert, .button[disabled].alert {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #ff0033;
        color: #000000; }
  .button.hollow {
    border: 1px solid #10d0a0;
    color: #10d0a0; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
      background-color: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #086850;
      color: #086850; }
      .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
        border: 1px solid #10d0a0;
        color: #10d0a0; }
    .button.hollow.primary {
      border: 1px solid #10d0a0;
      color: #10d0a0; }
      .button.hollow.primary:hover, .button.hollow.primary:focus {
        border-color: #086850;
        color: #086850; }
        .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
          border: 1px solid #10d0a0;
          color: #10d0a0; }
    .button.hollow.secondary {
      border: 1px solid #e56f2c;
      color: #e56f2c; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #7a360f;
        color: #7a360f; }
        .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
          border: 1px solid #e56f2c;
          color: #e56f2c; }
    .button.hollow.success {
      border: 1px solid #3adb76;
      color: #3adb76; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #157539;
        color: #157539; }
        .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
          border: 1px solid #3adb76;
          color: #3adb76; }
    .button.hollow.warning {
      border: 1px solid #ffae00;
      color: #ffae00; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #805700;
        color: #805700; }
        .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
          border: 1px solid #ffae00;
          color: #ffae00; }
    .button.hollow.alert {
      border: 1px solid #ff0033;
      color: #ff0033; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #80001a;
        color: #80001a; }
        .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
          border: 1px solid #ff0033;
          color: #ff0033; }
  .button.clear {
    border: 1px solid #10d0a0;
    color: #10d0a0; }
    .button.clear, .button.clear:hover, .button.clear:focus {
      background-color: transparent; }
    .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
      background-color: transparent; }
    .button.clear:hover, .button.clear:focus {
      border-color: #086850;
      color: #086850; }
      .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
        border: 1px solid #10d0a0;
        color: #10d0a0; }
    .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
      border-color: transparent; }
    .button.clear.primary {
      border: 1px solid #10d0a0;
      color: #10d0a0; }
      .button.clear.primary:hover, .button.clear.primary:focus {
        border-color: #086850;
        color: #086850; }
        .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
          border: 1px solid #10d0a0;
          color: #10d0a0; }
      .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
        border-color: transparent; }
    .button.clear.secondary {
      border: 1px solid #e56f2c;
      color: #e56f2c; }
      .button.clear.secondary:hover, .button.clear.secondary:focus {
        border-color: #7a360f;
        color: #7a360f; }
        .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
          border: 1px solid #e56f2c;
          color: #e56f2c; }
      .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
        border-color: transparent; }
    .button.clear.success {
      border: 1px solid #3adb76;
      color: #3adb76; }
      .button.clear.success:hover, .button.clear.success:focus {
        border-color: #157539;
        color: #157539; }
        .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
          border: 1px solid #3adb76;
          color: #3adb76; }
      .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
        border-color: transparent; }
    .button.clear.warning {
      border: 1px solid #ffae00;
      color: #ffae00; }
      .button.clear.warning:hover, .button.clear.warning:focus {
        border-color: #805700;
        color: #805700; }
        .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
          border: 1px solid #ffae00;
          color: #ffae00; }
      .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
        border-color: transparent; }
    .button.clear.alert {
      border: 1px solid #ff0033;
      color: #ff0033; }
      .button.clear.alert:hover, .button.clear.alert:focus {
        border-color: #80001a;
        color: #80001a; }
        .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
          border: 1px solid #ff0033;
          color: #ff0033; }
      .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
        border-color: transparent; }
  .button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ffffff transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 1em; }
  .button.dropdown.hollow::after {
    border-top-color: #10d0a0; }
  .button.dropdown.hollow.primary::after {
    border-top-color: #10d0a0; }
  .button.dropdown.hollow.secondary::after {
    border-top-color: #e56f2c; }
  .button.dropdown.hollow.success::after {
    border-top-color: #3adb76; }
  .button.dropdown.hollow.warning::after {
    border-top-color: #ffae00; }
  .button.dropdown.hollow.alert::after {
    border-top-color: #ff0033; }
  .button.arrow-only::after {
    top: -0.1em;
    float: none;
    margin-left: 0; }

a.button:hover, a.button:focus {
  text-decoration: none; }

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden; }
  .responsive-embed iframe,
  .responsive-embed object,
  .responsive-embed embed,
  .responsive-embed video,
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .responsive-embed.widescreen,
  .flex-video.widescreen {
    padding-bottom: 56.25%; }

.media-object {
  display: flex;
  margin-bottom: 1rem;
  flex-wrap: nowrap; }
  .media-object img {
    max-width: none; }
  @media screen and (max-width: 50em) {
    .media-object.stack-for-small {
      flex-wrap: wrap; } }
  @media screen and (max-width: 50em) {
    .media-object.stack-for-small .media-object-section {
      padding: 0;
      padding-bottom: 1rem;
      flex-basis: 100%;
      max-width: 100%; }
      .media-object.stack-for-small .media-object-section img {
        width: 100%; } }

.media-object-section {
  flex: 0 1 auto; }
  .media-object-section:first-child {
    padding-right: 1rem; }
  .media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem; }
  .media-object-section > :last-child {
    margin-bottom: 0; }
  .media-object-section.main-section {
    flex: 1 1 0px; }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1; }

.clearfix::after {
  clear: both; }

.icon-drops-primary {
  background-image: url("/assets/images/icons/drops-primary.png"); }

.icon-drops-white {
  background-image: url("/assets/images/icons/drops-white.png"); }

.icon-sun-primary {
  background-image: url("/assets/images/icons/sun-primary.png"); }

.icon-sun-white {
  background-image: url("/assets/images/icons/sun-white.png"); }

.icon-snowflake-primary {
  background-image: url("/assets/images/icons/snowflake-primary.png"); }

.icon-snowflake-white {
  background-image: url("/assets/images/icons/snowflake-white.png"); }

.background-primary {
  background-color: #10d0a0; }

.background-secondary {
  background-color: #e56f2c; }

html,
body,
div.root {
  font-family: "Unitext", sans-serif; }

a {
  color: white; }
  a:hover {
    color: #f05a27; }

.main-container {
  z-index: 50;
  overflow-x: hidden; }
  .main-container .page-section {
    width: 100%;
    height: 92vh;
    position: relative;
    background-color: black;
    overflow: hidden; }
    .main-container .page-section .section-content .section-heading {
      color: white;
      font-weight: 300;
      text-transform: uppercase;
      text-align: center; }
      .main-container .page-section .section-content .section-heading b {
        font-weight: 500; }
    .main-container .page-section#section_1 {
      overflow: hidden;
      height: 100vh;
      position: relative; }
      .main-container .page-section#section_1 video {
        height: 100%;
        width: 177.77777778vh;
        /* 100 * 16 / 9 */
        min-width: 100%;
        min-height: 56.25vw;
        /* 100 * 9 / 16 */
        position: absolute;
        left: 50%;
        /* % of surrounding element */
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%); }
      .main-container .page-section#section_1 .intro-image {
        height: 100%;
        width: 100%;
        /* 100 * 16 / 9 */
        /* 100 * 9 / 16 */
        position: absolute;
        left: 0px;
        /* % of surrounding element */
        top: 0px;
        background-image: url("/assets/images/backgrounds/img_intro_video_last_frame.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
      .main-container .page-section#section_1 .intro-overlay {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        text-align: center;
        z-index: 700; }
      .main-container .page-section#section_1 .intro-safari {
        top: 50%;
        width: 100%;
        text-align: center;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        font-weight: 500;
        font-size: 3.6vw;
        z-index: 705;
        color: white;
        opacity: 0;
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Safari */
        -khtml-user-select: none;
        /* Konqueror HTML */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .main-container .page-section#section_1 .intro-safari.show {
          opacity: 1; }
      .main-container .page-section#section_1 .intro-gradient {
        background-color: rgba(0, 0, 0, 0.4);
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 701;
        opacity: 0;
        -webkit-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .main-container .page-section#section_1 .intro-gradient.show {
          opacity: 1; }
      .main-container .page-section#section_1 .intro-text {
        top: 50%;
        width: 100%;
        text-align: center;
        position: absolute;
        color: white;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        font-weight: 300;
        font-size: 3.8vw;
        z-index: 705;
        opacity: 0; }
        .main-container .page-section#section_1 .intro-text.show {
          opacity: 1; }
        .main-container .page-section#section_1 .intro-text b {
          font-weight: 500; }
      .main-container .page-section#section_1 .intro-controls {
        bottom: 30px;
        width: 200px;
        left: 50%;
        text-align: center;
        position: absolute;
        color: white;
        -webkit-transform: translateX(-50%) translateY(0%);
        -ms-transform: translateX(-50%) translateY(0%);
        -o-transform: translateX(-50%) translateY(0%);
        transform: translateX(-50%) translateY(0%);
        -webkit-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        font-weight: 400;
        z-index: 705;
        opacity: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .main-container .page-section#section_1 .intro-controls.show {
          opacity: 1; }
        .main-container .page-section#section_1 .intro-controls .intro-sound {
          width: 40px;
          margin-bottom: 20px;
          cursor: pointer; }
        .main-container .page-section#section_1 .intro-controls .intro-skip {
          border-top: 2px solid white;
          text-decoration: underline;
          font-size: 14px;
          padding-top: 20px;
          cursor: pointer;
          width: 170px; }
    .main-container .page-section#section_3 {
      background-image: url("/assets/images/backgrounds/img_homepage_section3_bg.png");
      background-color: black;
      background-position: 50% 50%;
      background-size: cover;
      background-repeat: no-repeat; }
      .main-container .page-section#section_3 .section-content {
        position: relative;
        width: 100%;
        height: 100%; }
        .main-container .page-section#section_3 .section-content .section-middle {
          position: relative;
          width: 65vw;
          margin: 0 auto;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          flex-direction: column;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .main-container .page-section#section_3 .section-content .section-middle .section-route {
            text-transform: uppercase;
            font-size: 11px;
            color: white;
            margin-top: 25vh; }
          .main-container .page-section#section_3 .section-content .section-middle b {
            font-weight: 500; }
          .main-container .page-section#section_3 .section-content .section-middle .section-heading {
            font-weight: 300;
            text-transform: uppercase;
            font-size: calc(26px + 2.2vw);
            margin-top: 2vh;
            color: white;
            margin-bottom: 6vh;
            letter-spacing: 3px; }
          .main-container .page-section#section_3 .section-content .section-middle .section-data {
            width: 600px;
            max-width: 60vw; }
          .main-container .page-section#section_3 .section-content .section-middle .section-btn {
            width: 250px;
            font-weight: 600;
            line-height: 60px;
            height: 60px;
            font-size: 14px;
            letter-spacing: 1px;
            text-align: center;
            text-transform: uppercase;
            color: black;
            margin-top: 6vh;
            background-image: linear-gradient(to right, #f05a27, #e56f2c); }
            .main-container .page-section#section_3 .section-content .section-middle .section-btn:hover {
              color: white; }
    .main-container .page-section#section_4 {
      background-image: url("/assets/images/backgrounds/img_homepage_section4_bg.png");
      background-color: black;
      background-position: 50% 50%;
      background-size: cover;
      background-repeat: no-repeat; }
      .main-container .page-section#section_4 .section-content {
        position: relative;
        width: 100%;
        height: 100%; }
        .main-container .page-section#section_4 .section-content .section-middle {
          position: relative;
          width: 90vw;
          margin: 0 auto;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          flex-direction: column;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .main-container .page-section#section_4 .section-content .section-middle .porovnani-helper {
            width: 100%;
            height: 190px;
            position: relative; }
          .main-container .page-section#section_4 .section-content .section-middle .porovnani-fallback {
            width: 730px; }
          .main-container .page-section#section_4 .section-content .section-middle .section-route {
            text-transform: uppercase;
            font-size: 11px;
            color: #f05b28;
            margin-top: 8vh; }
          .main-container .page-section#section_4 .section-content .section-middle b {
            font-weight: 500; }
          .main-container .page-section#section_4 .section-content .section-middle .section-heading {
            font-weight: 300;
            text-transform: uppercase;
            font-size: calc(26px + 2.2vw);
            margin-top: 2vh;
            color: white;
            margin-bottom: 6vh;
            letter-spacing: 3px; }
          .main-container .page-section#section_4 .section-content .section-middle .section-data {
            width: 600px;
            max-width: 60vw; }
          .main-container .page-section#section_4 .section-content .section-middle .section-btn {
            width: 250px;
            font-weight: 600;
            line-height: 60px;
            height: 60px;
            font-size: 14px;
            letter-spacing: 1px;
            text-align: center;
            text-transform: uppercase;
            color: black;
            margin-top: 10vh;
            background-image: linear-gradient(to right, #f05a27, #e56f2c); }
            @media screen and (max-height: 800px) {
              .main-container .page-section#section_4 .section-content .section-middle .section-btn {
                margin-top: 3vh; } }
            .main-container .page-section#section_4 .section-content .section-middle .section-btn:hover {
              color: white; }
    .main-container .page-section#section_5 {
      background-color: black; }
      .main-container .page-section#section_5 .section-content {
        position: relative;
        width: 100%;
        height: 100%; }
        .main-container .page-section#section_5 .section-content .section-left {
          position: absolute;
          top: 0px;
          left: 0px;
          height: 100%;
          width: 37vw;
          overflow: hidden; }
          .main-container .page-section#section_5 .section-content .section-left::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url("/assets/images/img/img_homepage_realizace_left.jpg");
            background-position: 0% 50%;
            background-size: auto 100%;
            background-repeat: no-repeat;
            -webkit-transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .main-container .page-section#section_5 .section-content .section-left:hover::before {
            filter: blur(5px);
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); }
          .main-container .page-section#section_5 .section-content .section-left .section-side-link {
            position: relative;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 20%, black 80%, black);
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center; }
          .main-container .page-section#section_5 .section-content .section-left:hover .section-side-heading {
            color: #f05a27;
            background: -webkit-linear-gradient(90deg, #f05a27, #e56f2c);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; }
          .main-container .page-section#section_5 .section-content .section-left:hover .section-side-arrow {
            background-image: url("/assets/images/icons/ic_arrow_right_orange.png");
            -webkit-transform: translateX(30%);
            -ms-transform: translateX(30%);
            -o-transform: translateX(30%);
            transform: translateX(30%); }
          .main-container .page-section#section_5 .section-content .section-left .section-side-heading {
            position: relative;
            font-size: calc(18px + 0.8vw);
            color: white;
            font-weight: 500;
            text-transform: uppercase;
            text-align: center;
            letter-spacing: 2px;
            -webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .main-container .page-section#section_5 .section-content .section-left .section-side-text {
            position: relative;
            font-size: 16px;
            color: white;
            margin-top: 2vh;
            letter-spacing: 1.2px;
            width: 50%;
            max-width: 260px;
            text-align: center; }
          .main-container .page-section#section_5 .section-content .section-left .section-side-arrow {
            -webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            margin-top: 3vh;
            position: relative;
            width: 40px;
            height: 40px;
            background-image: url("/assets/images/icons/ic_arrow_right_white.png");
            background-size: 40px auto;
            background-position: 50% 50%;
            background-repeat: no-repeat; }
        .main-container .page-section#section_5 .section-content .section-right {
          position: absolute;
          top: 0px;
          right: 0px;
          height: 100%;
          width: 37vw;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          overflow: hidden; }
          .main-container .page-section#section_5 .section-content .section-right::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url("/assets/images/img/img_homepage_realizace_right.jpg");
            background-position: 0% 50%;
            background-size: auto 100%;
            background-repeat: no-repeat;
            -webkit-transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .main-container .page-section#section_5 .section-content .section-right:hover::before {
            filter: blur(5px);
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); }
          .main-container .page-section#section_5 .section-content .section-right .section-side-link {
            width: 100%;
            height: 100%;
            position: relative;
            background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 20%, black 80%, black);
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center; }
          .main-container .page-section#section_5 .section-content .section-right:hover .section-side-heading {
            color: #f05a27;
            background: -webkit-linear-gradient(90deg, #f05a27, #e56f2c);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; }
          .main-container .page-section#section_5 .section-content .section-right:hover .section-side-arrow {
            background-image: url("/assets/images/icons/ic_arrow_right_orange.png");
            -webkit-transform: translateX(30%);
            -ms-transform: translateX(30%);
            -o-transform: translateX(30%);
            transform: translateX(30%); }
          .main-container .page-section#section_5 .section-content .section-right .section-side-heading {
            position: relative;
            font-size: calc(18px + 0.8vw);
            color: white;
            font-weight: 500;
            text-transform: uppercase;
            text-align: center;
            letter-spacing: 2px;
            -webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .main-container .page-section#section_5 .section-content .section-right .section-side-text {
            position: relative;
            font-size: 16px;
            color: white;
            margin-top: 2vh;
            letter-spacing: 1.2px;
            width: 50%;
            max-width: 260px;
            text-align: center; }
          .main-container .page-section#section_5 .section-content .section-right .section-side-arrow {
            -webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            margin-top: 3vh;
            position: relative;
            width: 40px;
            height: 40px;
            background-image: url("/assets/images/icons/ic_arrow_right_white.png");
            background-size: 40px auto;
            background-position: 50% 50%;
            background-repeat: no-repeat; }
        .main-container .page-section#section_5 .section-content .section-middle {
          position: relative;
          width: 50vw;
          margin: 0 auto;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          flex-direction: column;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .main-container .page-section#section_5 .section-content .section-middle .section-route {
            text-transform: uppercase;
            font-size: 11px;
            color: #f05b28;
            margin-top: 18vh; }
          .main-container .page-section#section_5 .section-content .section-middle b {
            font-weight: 500; }
          .main-container .page-section#section_5 .section-content .section-middle .section-heading {
            font-weight: 300;
            text-transform: uppercase;
            font-size: calc(26px + 2.2vw);
            margin-top: 2vh;
            color: white;
            margin-bottom: 6vh;
            letter-spacing: 3px; }
          .main-container .page-section#section_5 .section-content .section-middle .section-data {
            font-size: 14px;
            color: white;
            margin-top: 5vh;
            letter-spacing: 1.2px; }
          .main-container .page-section#section_5 .section-content .section-middle .section-data-value {
            font-weight: 300;
            text-transform: none;
            font-size: calc(22px + 1.2vw);
            color: #ffffff;
            letter-spacing: 3px; }
            .main-container .page-section#section_5 .section-content .section-middle .section-data-value b {
              font-weight: 500;
              font-size: calc(26px + 2.2vw);
              text-transform: uppercase; }
    .main-container .page-section#section_6 {
      background-image: url("/assets/images/backgrounds/img_ref_top_bg.png");
      background-color: black;
      background-position: 50% 0;
      background-size: 80% auto;
      background-repeat: no-repeat; }
      .main-container .page-section#section_6 .section-content {
        position: relative;
        width: 100%;
        height: 100%; }
        .main-container .page-section#section_6 .section-content .section-middle {
          position: relative;
          width: 70vw;
          margin: 0 auto;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          flex-direction: column;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .main-container .page-section#section_6 .section-content .section-middle .section-route {
            text-transform: uppercase;
            font-size: 11px;
            color: #f05b28;
            margin-top: 10vh; }
          .main-container .page-section#section_6 .section-content .section-middle b {
            font-weight: 500; }
          .main-container .page-section#section_6 .section-content .section-middle .section-heading {
            font-weight: 300;
            text-transform: uppercase;
            font-size: calc(26px + 2.2vw);
            margin-top: 2vh;
            color: white;
            margin-bottom: 2vh;
            letter-spacing: 3px; }
          .main-container .page-section#section_6 .section-content .section-middle .spol-close {
            text-transform: uppercase;
            font-size: 26px;
            color: #f05b28;
            line-height: 30px;
            font-weight: 500;
            text-align: center;
            margin-bottom: 6vh;
            opacity: 0;
            width: 100%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            cursor: pointer;
            -webkit-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
            .main-container .page-section#section_6 .section-content .section-middle .spol-close.active {
              opacity: 1; }
            .main-container .page-section#section_6 .section-content .section-middle .spol-close .spol-close-icon {
              width: 26px;
              height: 26px;
              margin-left: 30px; }
        .main-container .page-section#section_6 .section-content .spoluprace-cont {
          width: 100%;
          position: absolute;
          bottom: 0px;
          left: 0px;
          height: 55vh;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section {
            -webkit-box: 1;
            -moz-box: 1;
            -webkit-flex: 1 1 20%;
            -ms-flex: 1 1 20%;
            flex: 1 1 20%;
            height: 100%;
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            cursor: pointer;
            -webkit-transition: flex 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: flex 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: flex 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: flex 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
            .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section:hover {
              -webkit-box: 1;
              -moz-box: 1;
              -webkit-flex: 1 1 25%;
              -ms-flex: 1 1 25%;
              flex: 1 1 25%; }
              .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section:hover .spol-section-inside .spol-title {
                color: #f05b28; }
              .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section:hover .spol-section-inside .spol-plus {
                background-image: url("/assets/images/icons/ic_plus_active.png"); }
            .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section.active {
              -webkit-box: 1;
              -moz-box: 1;
              -webkit-flex: 1 1 120%;
              -ms-flex: 1 1 120%;
              flex: 1 1 120%; }
              .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section.active .spol-section-inside .spol-title {
                display: none; }
              .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section.active .spol-modal {
                opacity: 1;
                z-index: 105; }
            .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section:nth-of-type(1) {
              background-image: url("/assets/images/img/img_spoluprace_1.jpg");
              background-size: cover;
              background-position: 50% 50%;
              background-repeat: no-repeat; }
            .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section:nth-of-type(2) {
              background-image: url("/assets/images/img/img_spoluprace_2.jpg");
              background-size: cover;
              background-position: 50% 50%;
              background-repeat: no-repeat; }
            .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section:nth-of-type(3) {
              background-image: url("/assets/images/img/img_spoluprace_3.jpg");
              background-size: cover;
              background-position: 50% 50%;
              background-repeat: no-repeat; }
            .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section:nth-of-type(4) {
              background-image: url("/assets/images/img/img_spoluprace_4.jpg");
              background-size: cover;
              background-position: 50% 50%;
              background-repeat: no-repeat; }
            .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section:nth-of-type(5) {
              background-image: url("/assets/images/img/img_spoluprace_5.jpg");
              background-size: cover;
              background-position: 75% 50%;
              background-repeat: no-repeat; }
            .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section .spol-section-grad {
              position: absolute;
              width: 100%;
              height: 100%;
              z-index: 102;
              background-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0.8) 14%, rgba(0, 0, 0, 0.2) 100%); }
            .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section .spol-section-inside {
              position: relative;
              width: 100%;
              height: 100%;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              flex-direction: column;
              -webkit-box-pack: start;
              -moz-box-pack: start;
              -ms-flex-pack: start;
              -webkit-justify-content: flex-start;
              justify-content: flex-start;
              -webkit-box-align: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center;
              z-index: 102; }
              .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section .spol-section-inside .spol-title {
                text-transform: uppercase;
                font-size: 16px;
                color: white;
                line-height: 20px;
                font-weight: 500;
                text-align: center;
                margin-bottom: 2vh;
                -webkit-transition: color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                -ms-transition: color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                -o-transition: color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                transition: color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
              .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section .spol-section-inside .spol-plus {
                position: relative;
                width: 26px;
                height: 26px;
                background-image: url("/assets/images/icons/ic_plus_non_active.png");
                background-size: 100% 100%;
                background-position: 50% 50%;
                background-repeat: no-repeat;
                -webkit-transition: background 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                -ms-transition: background 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                -o-transition: background 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                transition: background 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
            .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section .spol-modal {
              width: 100%;
              height: 100%;
              background-color: black;
              position: absolute;
              z-index: 100;
              opacity: 0;
              padding-bottom: 100px;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              flex-direction: row;
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              -ms-flex-pack: distribute;
              -webkit-justify-content: space-around;
              justify-content: space-around;
              -webkit-transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); }
              .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section .spol-modal .spol-logo {
                display: block;
                position: relative;
                width: 23%;
                text-transform: uppercase;
                font-size: 3vw;
                text-align: center;
                color: #9d9c9c;
                -webkit-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
                -ms-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
                -o-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
                transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
                .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section .spol-modal .spol-logo:hover {
                  color: white; }
                .main-container .page-section#section_6 .section-content .spoluprace-cont .spol-section .spol-modal .spol-logo .spol-logo-img {
                  position: absolute;
                  max-width: 144px;
                  width: 80%;
                  max-height: 124px;
                  top: 50%;
                  left: 50%;
                  -webkit-transform: translateX(-50%) translateY(-50%);
                  -ms-transform: translateX(-50%) translateY(-50%);
                  -o-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%); }
    .main-container .page-section#section_7 {
      overflow-x: hidden;
      height: 92vh; }
      .main-container .page-section#section_7 .section-content {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 0 12rem; }
        .main-container .page-section#section_7 .section-content .section-loxone-block {
          right: 12rem; }
          .main-container .page-section#section_7 .section-content .section-loxone-block .section-side-logo {
            width: 40%; }
        .main-container .page-section#section_7 .section-content .section-mcore-block {
          left: 12rem; }
          .main-container .page-section#section_7 .section-content .section-mcore-block .section-side-logo {
            width: 40%; }
        .main-container .page-section#section_7 .section-content .section-loxone-block,
        .main-container .page-section#section_7 .section-content .section-mcore-block {
          position: absolute;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          text-align: center;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          height: 100%;
          width: 400px;
          opacity: 0;
          color: white;
          -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .main-container .page-section#section_7 .section-content .section-loxone-block.open-left, .main-container .page-section#section_7 .section-content .section-loxone-block.open-right,
          .main-container .page-section#section_7 .section-content .section-mcore-block.open-left,
          .main-container .page-section#section_7 .section-content .section-mcore-block.open-right {
            opacity: 1; }
          .main-container .page-section#section_7 .section-content .section-loxone-block .section-side-heading,
          .main-container .page-section#section_7 .section-content .section-mcore-block .section-side-heading {
            font-size: 26px;
            line-height: 36px;
            letter-spacing: 2px;
            text-transform: uppercase;
            font-weight: 500;
            margin-top: 10vh; }
          .main-container .page-section#section_7 .section-content .section-loxone-block .section-side-desc,
          .main-container .page-section#section_7 .section-content .section-mcore-block .section-side-desc {
            font-size: 12px;
            width: 80%;
            text-align: justify;
            text-align-last: center; }
          .main-container .page-section#section_7 .section-content .section-loxone-block .section-side-btn,
          .main-container .page-section#section_7 .section-content .section-mcore-block .section-side-btn {
            width: 150px;
            font-weight: 600;
            line-height: 60px;
            height: 60px;
            font-size: 14px;
            letter-spacing: 1px;
            text-align: center;
            text-transform: uppercase;
            color: black;
            background-color: white;
            margin-top: 10vh; }
        .main-container .page-section#section_7 .section-content .section-shift {
          position: relative;
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
          -webkit-transform: translateX(0px);
          -ms-transform: translateX(0px);
          -o-transform: translateX(0px);
          transform: translateX(0px); }
          .main-container .page-section#section_7 .section-content .section-shift.open-left {
            -webkit-transform: translateX(-340px);
            -ms-transform: translateX(-340px);
            -o-transform: translateX(-340px);
            transform: translateX(-340px); }
          .main-container .page-section#section_7 .section-content .section-shift.open-right {
            -webkit-transform: translateX(340px);
            -ms-transform: translateX(340px);
            -o-transform: translateX(340px);
            transform: translateX(340px); }
          .main-container .page-section#section_7 .section-content .section-shift .section-lines {
            position: absolute;
            top: 50%;
            left: 50%;
            max-width: 100%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; }
            .main-container .page-section#section_7 .section-content .section-shift .section-lines .section-7-svg-left {
              height: 400px;
              width: 666px; }
            .main-container .page-section#section_7 .section-content .section-shift .section-lines .section-7-svg-right {
              height: 400px;
              width: 666px;
              -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              -o-transform: rotate(180deg);
              transform: rotate(180deg); }
            .main-container .page-section#section_7 .section-content .section-shift .section-lines .section-7-svg {
              height: 400px;
              width: 1333px; }

@-webkit-keyframes DASH3 {
  0% {
    stroke-dashoffset: 0%;
    fill-opacity: 0.4; }
  50% {
    stroke-dashoffset: 50%;
    fill-opacity: 0.7; }
  100% {
    stroke-dashoffset: 100%;
    fill-opacity: 1; } }

@-moz-keyframes DASH3 {
  0% {
    stroke-dashoffset: 0%;
    fill-opacity: 0.4; }
  50% {
    stroke-dashoffset: 50%;
    fill-opacity: 0.7; }
  100% {
    stroke-dashoffset: 100%;
    fill-opacity: 1; } }
          .main-container .page-section#section_7 .section-content .section-shift .section-text {
            height: 100%;
            width: 30vw;
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            color: white;
            text-align: center; }
            .main-container .page-section#section_7 .section-content .section-shift .section-text .section-route {
              text-transform: uppercase;
              font-size: 11px;
              color: #7f7f7f;
              margin-top: 0vh; }
            .main-container .page-section#section_7 .section-content .section-shift .section-text b {
              font-weight: 500; }
            .main-container .page-section#section_7 .section-content .section-shift .section-text .section-heading {
              font-weight: 300;
              text-transform: uppercase;
              font-size: calc(26px + 1.8vw);
              margin-top: 4vh; }
            .main-container .page-section#section_7 .section-content .section-shift .section-text .section-desc {
              font-size: calc(12px + 0.1vw);
              max-width: 450px;
              margin-top: 1vh; }
            .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-slider-arrow {
              width: 16px;
              margin-top: 6vh; }
            .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-slider-desc {
              text-transform: uppercase;
              font-size: 11px;
              margin-top: 1vh; }
            .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-slider-cont {
              margin-top: 1vh;
              width: 25vw;
              max-width: 400px;
              position: relative;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              flex-direction: column;
              -webkit-box-pack: start;
              -moz-box-pack: start;
              -ms-flex-pack: start;
              -webkit-justify-content: flex-start;
              justify-content: flex-start;
              -webkit-box-align: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center; }
              .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-slider-cont .section-7-slider-range {
                width: 100%; }
              .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-slider-cont .rc-slider-handle {
                position: absolute;
                margin-left: -7px;
                margin-top: -5px;
                width: 14px;
                height: 14px;
                cursor: pointer;
                cursor: -webkit-grab;
                cursor: grab;
                border-radius: 0;
                border: none;
                background-color: transparent;
                -ms-touch-action: pan-x;
                touch-action: pan-x;
                background-size: 100%;
                background-repeat: no-repeat; }
              .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-slider-cont .rc-slider-rail {
                background-color: transparent;
                background-position: 100% 0%; }
              .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-slider-cont .rc-slider-track {
                background-color: transparent;
                background-position: 0% 0%;
                border-radius: 0; }
              .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-slider-cont .section-7-slider-label {
                position: relative;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                flex-direction: row;
                -webkit-box-pack: justify;
                -moz-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                text-transform: uppercase;
                font-size: 11px;
                font-weight: 300;
                width: 100%;
                margin-top: 14px; }
                .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-slider-cont .section-7-slider-label b {
                  font-weight: 500; }
                .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-slider-cont .section-7-slider-label .slider-info-left {
                  display: block;
                  text-align: left;
                  text-transform: none; }
                  .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-slider-cont .section-7-slider-label .slider-info-left .slider-info-text {
                    text-transform: uppercase; }
                  .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-slider-cont .section-7-slider-label .slider-info-left .slider-info-number {
                    font-size: 30px;
                    text-align: left; }
                .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-slider-cont .section-7-slider-label .slider-info-right {
                  display: block;
                  text-align: right; }
                  .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-slider-cont .section-7-slider-label .slider-info-right .slider-info-number {
                    display: inline-block;
                    text-align: right;
                    color: #f05a27;
                    background: -webkit-linear-gradient(90deg, #03adf8, #33d36e);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent; }
                    .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-slider-cont .section-7-slider-label .slider-info-right .slider-info-number b {
                      font-size: 30px; }
            .main-container .page-section#section_7 .section-content .section-shift .section-text .section-7-btn {
              width: 200px;
              font-weight: 600;
              line-height: 60px;
              height: 60px;
              font-size: 14px;
              letter-spacing: 1px;
              text-align: center;
              text-transform: uppercase;
              color: black;
              background-color: white;
              margin-top: 10vh; }
          .main-container .page-section#section_7 .section-content .section-shift .section-side {
            width: 30vw;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            height: 100%;
            overflow: hidden; }
            .main-container .page-section#section_7 .section-content .section-shift .section-side .section-side-icon {
              position: absolute;
              height: 55px;
              cursor: pointer;
              -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -webkit-transform: scale(1);
              -ms-transform: scale(1);
              -o-transform: scale(1);
              transform: scale(1); }
              .main-container .page-section#section_7 .section-content .section-shift .section-side .section-side-icon:hover {
                -webkit-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1); }
            .main-container .page-section#section_7 .section-content .section-shift .section-side .section-side-image {
              position: absolute;
              height: 50%; }
              @media screen and (max-width: 74.9375em) {
                .main-container .page-section#section_7 .section-content .section-shift .section-side .section-side-image {
                  height: 40%; } }
            .main-container .page-section#section_7 .section-content .section-shift .section-side:first-of-type .section-side-icon {
              -webkit-transform: translateX(-11px);
              -ms-transform: translateX(-11px);
              -o-transform: translateX(-11px);
              transform: translateX(-11px); }

@keyframes circleSliderHandle {
  0% {
    -webkit-transform: translateX(50%) translateY(50%) scale(1) !important;
    -ms-transform: translateX(50%) translateY(50%) scale(1) !important;
    -o-transform: translateX(50%) translateY(50%) scale(1) !important;
    transform: translateX(50%) translateY(50%) scale(1) !important; }
  50% {
    -webkit-transform: translateX(50%) translateY(50%) scale(1.1) !important;
    -ms-transform: translateX(50%) translateY(50%) scale(1.1) !important;
    -o-transform: translateX(50%) translateY(50%) scale(1.1) !important;
    transform: translateX(50%) translateY(50%) scale(1.1) !important; }
  100% {
    -webkit-transform: translateX(50%) translateY(50%) scale(1) !important;
    -ms-transform: translateX(50%) translateY(50%) scale(1) !important;
    -o-transform: translateX(50%) translateY(50%) scale(1) !important;
    transform: translateX(50%) translateY(50%) scale(1) !important; } }

.fade-show {
  -webkit-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  z-index: 705;
  opacity: 0; }
  .fade-show.show {
    opacity: 1; }

#section_2 {
  overflow: hidden;
  background-color: black; }
  #section_2.separate {
    margin-top: 9vh; }
  #section_2 *,
  #section_2 *:before,
  #section_2 *:after {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                          supported by Chrome and Opera */ }
  #section_2 input,
  #section_2 input:before,
  #section_2 input:after {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial; }
  #section_2 .section-content {
    position: relative;
    width: 100%;
    height: 100%; }
    #section_2 .section-content .conf-shadow {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 40vw;
      z-index: 170;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    #section_2 .section-content .conf-odlesk {
      position: absolute;
      right: 0px;
      bottom: 0px;
      width: 66vw;
      z-index: 150; }
    #section_2 .section-content .section-conf-shadow {
      position: absolute;
      right: 0px;
      top: 0px;
      height: 100%;
      width: 20vw;
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 20%, black 80%, black);
      z-index: 900; }
    #section_2 .section-content .section-config-container {
      position: absolute;
      right: -25vw;
      top: 50%;
      z-index: 180;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 68vw;
      height: 90%;
      -webkit-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); }
      @media (max-height: 910px) {
        #section_2 .section-content .section-config-container {
          top: 40%; } }
      #section_2 .section-content .section-config-container.active {
        -webkit-transform: translateX(-7%) translateY(-50%);
        -ms-transform: translateX(-7%) translateY(-50%);
        -o-transform: translateX(-7%) translateY(-50%);
        transform: translateX(-7%) translateY(-50%); }
      @media screen and (max-width: 99.9375em) {
        #section_2 .section-content .section-config-container {
          height: 70%;
          width: 62vw; } }
      @media screen and (max-width: 87.4375em) {
        #section_2 .section-content .section-config-container {
          right: -28vw;
          width: 64vw;
          height: 59%; }
          #section_2 .section-content .section-config-container.active {
            -webkit-transform: translateX(-10%) translateY(-50%);
            -ms-transform: translateX(-10%) translateY(-50%);
            -o-transform: translateX(-10%) translateY(-50%);
            transform: translateX(-10%) translateY(-50%); } }
      @media screen and (max-width: 68.6875em) {
        #section_2 .section-content .section-config-container {
          right: -38vw;
          width: 68vw;
          height: 54%; }
          #section_2 .section-content .section-config-container.active {
            -webkit-transform: translateX(-15%) translateY(-50%);
            -ms-transform: translateX(-15%) translateY(-50%);
            -o-transform: translateX(-15%) translateY(-50%);
            transform: translateX(-15%) translateY(-50%); } }
      #section_2 .section-content .section-config-container .layer {
        position: absolute;
        width: 100%;
        -webkit-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); }
      #section_2 .section-content .section-config-container .section-config-vrsta-0 {
        top: 4%;
        z-index: 200;
        right: 0px; }
      #section_2 .section-content .section-config-container .section-config-vrsta-1 {
        top: 4%;
        z-index: 202;
        right: 0px; }
      #section_2 .section-content .section-config-container .section-config-vrsta-2 {
        top: 2%;
        z-index: 204;
        right: -3%; }
      #section_2 .section-content .section-config-container .section-config-vrsta-3 {
        top: 4%;
        z-index: 206;
        right: -5%; }
      #section_2 .section-content .section-config-container .section-config-vrsta-4 {
        top: 0;
        z-index: 208;
        right: -8%; }
      #section_2 .section-content .section-config-container.sec2 .section-config-vrsta-0 {
        opacity: 0.3;
        -webkit-transform: translateY(4%);
        -ms-transform: translateY(4%);
        -o-transform: translateY(4%);
        transform: translateY(4%); }
      #section_2 .section-content .section-config-container.sec2 .section-config-vrsta-1 {
        opacity: 1;
        -webkit-transform: translateY(-18%);
        -ms-transform: translateY(-18%);
        -o-transform: translateY(-18%);
        transform: translateY(-18%); }
      #section_2 .section-content .section-config-container.sec2 .section-config-vrsta-2 {
        opacity: 0.3;
        -webkit-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
        -o-transform: translateY(-40%);
        transform: translateY(-40%); }
      #section_2 .section-content .section-config-container.sec2 .section-config-vrsta-3 {
        opacity: 0.3;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      #section_2 .section-content .section-config-container.sec2 .section-config-vrsta-4 {
        opacity: 0.3;
        -webkit-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        -o-transform: translateY(-60%);
        transform: translateY(-60%); }
      #section_2 .section-content .section-config-container.sec3 .section-config-vrsta-0 {
        opacity: 0.3;
        -webkit-transform: translateY(4%);
        -ms-transform: translateY(4%);
        -o-transform: translateY(4%);
        transform: translateY(4%); }
      #section_2 .section-content .section-config-container.sec3 .section-config-vrsta-1 {
        opacity: 0.3;
        -webkit-transform: translateY(4%);
        -ms-transform: translateY(4%);
        -o-transform: translateY(4%);
        transform: translateY(4%); }
      #section_2 .section-content .section-config-container.sec3 .section-config-vrsta-2 {
        opacity: 0.3;
        -webkit-transform: translateY(4%);
        -ms-transform: translateY(4%);
        -o-transform: translateY(4%);
        transform: translateY(4%); }
      #section_2 .section-content .section-config-container.sec3 .section-config-vrsta-3 {
        opacity: 1;
        -webkit-transform: translateY(-18%);
        -ms-transform: translateY(-18%);
        -o-transform: translateY(-18%);
        transform: translateY(-18%); }
      #section_2 .section-content .section-config-container.sec3 .section-config-vrsta-4 {
        opacity: 0.3;
        -webkit-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        -o-transform: translateY(-60%);
        transform: translateY(-60%); }
      #section_2 .section-content .section-config-container.sec4 .section-config-vrsta-0 {
        opacity: 0.3;
        -webkit-transform: translateY(4%);
        -ms-transform: translateY(4%);
        -o-transform: translateY(4%);
        transform: translateY(4%); }
      #section_2 .section-content .section-config-container.sec4 .section-config-vrsta-1 {
        opacity: 0.3;
        -webkit-transform: translateY(4%);
        -ms-transform: translateY(4%);
        -o-transform: translateY(4%);
        transform: translateY(4%); }
      #section_2 .section-content .section-config-container.sec4 .section-config-vrsta-2 {
        opacity: 0.3;
        -webkit-transform: translateY(4%);
        -ms-transform: translateY(4%);
        -o-transform: translateY(4%);
        transform: translateY(4%); }
      #section_2 .section-content .section-config-container.sec4 .section-config-vrsta-3 {
        opacity: 0.3;
        -webkit-transform: translateY(4%);
        -ms-transform: translateY(4%);
        -o-transform: translateY(4%);
        transform: translateY(4%); }
      #section_2 .section-content .section-config-container.sec4 .section-config-vrsta-4 {
        opacity: 1;
        -webkit-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
        -o-transform: translateY(-10%);
        transform: translateY(-10%); }
      #section_2 .section-content .section-config-container.sec6 {
        -webkit-transform: translateX(-6%) translateY(-50%);
        -ms-transform: translateX(-6%) translateY(-50%);
        -o-transform: translateX(-6%) translateY(-50%);
        transform: translateX(-6%) translateY(-50%); }
        @media screen and (max-width: 99.9375em) {
          #section_2 .section-content .section-config-container.sec6 {
            -webkit-transform: translateX(-8%) translateY(-50%);
            -ms-transform: translateX(-8%) translateY(-50%);
            -o-transform: translateX(-8%) translateY(-50%);
            transform: translateX(-8%) translateY(-50%); } }
        @media screen and (max-width: 87.4375em) {
          #section_2 .section-content .section-config-container.sec6 {
            -webkit-transform: translateX(-11%) translateY(-50%);
            -ms-transform: translateX(-11%) translateY(-50%);
            -o-transform: translateX(-11%) translateY(-50%);
            transform: translateX(-11%) translateY(-50%); } }
        @media screen and (max-width: 68.6875em) {
          #section_2 .section-content .section-config-container.sec6 {
            -webkit-transform: translateX(-11%) translateY(-50%);
            -ms-transform: translateX(-11%) translateY(-50%);
            -o-transform: translateX(-11%) translateY(-50%);
            transform: translateX(-11%) translateY(-50%); } }
      #section_2 .section-content .section-config-container.sec7 {
        -webkit-transform: translateX(-15%) translateY(-50%);
        -ms-transform: translateX(-15%) translateY(-50%);
        -o-transform: translateX(-15%) translateY(-50%);
        transform: translateX(-15%) translateY(-50%); }
    #section_2 .section-content .section-left {
      position: relative;
      width: 75vw;
      margin: 0 auto;
      height: 90%;
      z-index: 200; }
      #section_2 .section-content .section-left .conf-slide {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 300;
        padding-top: 8vh;
        opacity: 0;
        -webkit-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
        @media (max-height: 910px) {
          #section_2 .section-content .section-left .conf-slide {
            padding-top: 4vh; } }
        #section_2 .section-content .section-left .conf-slide b {
          font-weight: 500; }
        #section_2 .section-content .section-left .conf-slide .section-heading {
          font-weight: 300;
          text-transform: uppercase;
          font-size: calc(24px + 3vh);
          margin-top: 5vh;
          color: white;
          margin-bottom: 3vh;
          letter-spacing: 3px;
          text-align: left; }
          @media screen and (max-height: 850px) {
            #section_2 .section-content .section-left .conf-slide .section-heading {
              margin-top: 2vh; } }
        #section_2 .section-content .section-left .conf-slide.active {
          z-index: 305;
          opacity: 1; }
        #section_2 .section-content .section-left .conf-slide .section-text {
          font-weight: 400;
          font-size: 12px;
          margin-top: 2vh;
          color: white;
          margin-bottom: 2vh;
          letter-spacing: 1.4px;
          text-align: left;
          width: 43%; }
          #section_2 .section-content .section-left .conf-slide .section-text b {
            font-weight: 500; }
          #section_2 .section-content .section-left .conf-slide .section-text span.orange {
            color: #f05b28;
            font-weight: 500; }
        #section_2 .section-content .section-left .conf-slide .section-start-text {
          font-weight: 400;
          font-size: 24px;
          line-height: 44px;
          margin-top: 2vh;
          color: white;
          margin-bottom: 2vh;
          letter-spacing: 1.4px;
          text-align: left; }
          #section_2 .section-content .section-left .conf-slide .section-start-text .conf-start-link {
            cursor: pointer;
            -webkit-transition: color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
            font-weight: 500;
            text-decoration: underline; }
            #section_2 .section-content .section-left .conf-slide .section-start-text .conf-start-link:hover {
              color: #f05b28; }
          #section_2 .section-content .section-left .conf-slide .section-start-text b {
            font-weight: 500; }
          #section_2 .section-content .section-left .conf-slide .section-start-text span.orange {
            color: #f05b28;
            font-weight: 500; }
        #section_2 .section-content .section-left .conf-slide .section-prop-name {
          font-weight: 400;
          text-transform: uppercase;
          font-size: 16px;
          color: white;
          margin-bottom: 1vh;
          letter-spacing: 1.3px;
          text-align: left; }
        #section_2 .section-content .section-left .conf-slide .slider-tloustka {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          width: 40%;
          flex-direction: column;
          margin-bottom: 4vh;
          display: none; }
          #section_2 .section-content .section-left .conf-slide .slider-tloustka.active {
            display: block; }
          #section_2 .section-content .section-left .conf-slide .slider-tloustka .tloustka-legend-cont {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            width: 100%;
            flex-direction: row;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: end;
            -moz-box-align: end;
            -ms-flex-align: end;
            -webkit-align-items: flex-end;
            align-items: flex-end;
            margin-bottom: 3vh; }
            #section_2 .section-content .section-left .conf-slide .slider-tloustka .tloustka-legend-cont .tloustka-form-label {
              font-weight: 400;
              text-transform: uppercase;
              font-size: 16px;
              color: white;
              margin-bottom: 1vh;
              letter-spacing: 1.3px;
              text-align: left; }
            #section_2 .section-content .section-left .conf-slide .slider-tloustka .tloustka-legend-cont .tloustka-form-area {
              font-weight: 400;
              text-transform: none;
              font-size: 16px;
              color: #7f7f7f;
              margin-bottom: 1vh;
              letter-spacing: 1.5px;
              line-height: 24px; }
              #section_2 .section-content .section-left .conf-slide .slider-tloustka .tloustka-legend-cont .tloustka-form-area b {
                font-weight: 500;
                text-transform: uppercase;
                font-size: 40px;
                color: white;
                margin-bottom: 1vh;
                letter-spacing: 1.5px; }
          #section_2 .section-content .section-left .conf-slide .slider-tloustka .tloustka-slider-cont {
            margin-top: 1vh;
            width: 100%;
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            color: white; }
            #section_2 .section-content .section-left .conf-slide .slider-tloustka .tloustka-slider-cont .rc-slider-handle {
              position: absolute;
              margin-left: -7px;
              margin-top: -5px;
              width: 14px;
              height: 14px;
              cursor: pointer;
              cursor: -webkit-grab;
              cursor: grab;
              border-radius: 0;
              border: none;
              background-color: transparent;
              -ms-touch-action: pan-x;
              touch-action: pan-x;
              background-size: 100%;
              background-repeat: no-repeat;
              -webkit-transform: translateX(0%) !important;
              -ms-transform: translateX(0%) !important;
              -o-transform: translateX(0%) !important;
              transform: translateX(0%) !important; }
            #section_2 .section-content .section-left .conf-slide .slider-tloustka .tloustka-slider-cont .rc-slider-rail {
              background-color: transparent;
              background-position: 0% 0%;
              background-size: auto 100%; }
            #section_2 .section-content .section-left .conf-slide .slider-tloustka .tloustka-slider-cont .rc-slider-track {
              background-color: transparent;
              background-position: 0% 0%;
              background-size: auto 100%;
              border-radius: 0; }
            #section_2 .section-content .section-left .conf-slide .slider-tloustka .tloustka-slider-cont .tloustka-slider-range {
              width: 100%; }
        #section_2 .section-content .section-left .conf-slide .selection-cont {
          width: 54%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -webkit-box-align: start;
          -moz-box-align: start;
          -ms-flex-align: start;
          -webkit-align-items: flex-start;
          align-items: flex-start;
          position: relative;
          margin-bottom: 3vh; }
          #section_2 .section-content .section-left .conf-slide .selection-cont .option {
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            margin-right: 30px; }
            #section_2 .section-content .section-left .conf-slide .selection-cont .option .option-wheel {
              border-radius: 50%;
              width: 100px;
              height: 100px;
              overflow: hidden;
              position: relative;
              -webkit-transition: border 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: border 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: border 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: border 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
              #section_2 .section-content .section-left .conf-slide .selection-cont .option .option-wheel:not(.selected):hover {
                border: 2px solid white; }
              @media screen and (max-width: 68.6875em) {
                #section_2 .section-content .section-left .conf-slide .selection-cont .option .option-wheel {
                  width: 78px;
                  height: 78px; }
                  #section_2 .section-content .section-left .conf-slide .selection-cont .option .option-wheel .option-image {
                    width: 70px;
                    height: 70px; } }
              @media screen and (max-height: 850px) {
                #section_2 .section-content .section-left .conf-slide .selection-cont .option .option-wheel {
                  width: 78px;
                  height: 78px; }
                  #section_2 .section-content .section-left .conf-slide .selection-cont .option .option-wheel .option-image {
                    width: 70px;
                    height: 70px; } }
              #section_2 .section-content .section-left .conf-slide .selection-cont .option .option-wheel .option-image {
                border-radius: 50%;
                width: 92px;
                height: 92px;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                -o-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%); }
              #section_2 .section-content .section-left .conf-slide .selection-cont .option .option-wheel .option-inside {
                width: 100%;
                height: 100%;
                position: relative;
                background-color: transparent;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-align: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                cursor: pointer;
                -webkit-transition: background-color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), background-image 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), background-size 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                -ms-transition: background-color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), background-image 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), background-size 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                -o-transition: background-color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), background-image 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), background-size 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                transition: background-color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), background-image 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), background-size 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                background-size: 15px auto;
                background-position: 50% 50%;
                background-repeat: no-repeat; }
                #section_2 .section-content .section-left .conf-slide .selection-cont .option .option-wheel .option-inside .option-i {
                  text-align: center;
                  font-size: 13px;
                  line-height: 25px;
                  font-weight: 400;
                  color: white;
                  position: relative;
                  width: 25px;
                  height: 25px;
                  border-radius: 50%;
                  background-color: rgba(0, 0, 0, 0.6); }
              #section_2 .section-content .section-left .conf-slide .selection-cont .option .option-wheel.selected {
                border: 2px solid #e56f2c; }
                #section_2 .section-content .section-left .conf-slide .selection-cont .option .option-wheel.selected .option-inside {
                  background-color: rgba(127, 127, 127, 0.2);
                  background-image: url("/assets/images/icons/ic_checked_orange.png");
                  background-size: 15px auto;
                  background-position: 50% 50%;
                  background-repeat: no-repeat; }
                  #section_2 .section-content .section-left .conf-slide .selection-cont .option .option-wheel.selected .option-inside .option-i {
                    display: none; }
            #section_2 .section-content .section-left .conf-slide .selection-cont .option .option-title {
              font-weight: 500;
              text-transform: uppercase;
              font-size: 12px;
              color: white;
              margin-top: 1vh;
              margin-bottom: 1vh;
              letter-spacing: 1px;
              text-align: center; }
      #section_2 .section-content .section-left .section-info {
        width: 70%;
        margin-bottom: 6vh; }
        #section_2 .section-content .section-left .section-info .section-line {
          color: white;
          font-size: 14px;
          font-weight: 500;
          margin-bottom: 6px;
          color: white;
          letter-spacing: 1px;
          text-align: left; }
          #section_2 .section-content .section-left .section-info .section-line .conf-icon {
            display: inline;
            margin-right: 20px;
            width: 12px; }
          #section_2 .section-content .section-left .section-info .section-line .orange {
            color: #f05b28; }
      #section_2 .section-content .section-left .conf-1 .section-route {
        text-transform: uppercase;
        font-size: 11px;
        color: #f05b28;
        margin-top: 5vh; }
      #section_2 .section-content .section-left .conf-1 .section-heading {
        margin-top: 2vh;
        margin-bottom: 1vh; }
      #section_2 .section-content .section-left .conf-1 .section-text {
        font-weight: 400;
        font-size: 14px;
        margin-top: 0vh;
        color: white;
        margin-bottom: 6vh;
        letter-spacing: 1px;
        text-align: left;
        width: 70%; }
        @media screen and (max-width: 68.6875em) {
          #section_2 .section-content .section-left .conf-1 .section-text {
            margin-right: 100px; } }
      #section_2 .section-content .section-left .conf-1 .section-data {
        height: 15vh;
        max-width: 60vw; }
        @media screen and (max-width: 74.9375em) {
          #section_2 .section-content .section-left .conf-1 .section-data {
            height: 12vh; } }
      #section_2 .section-content .section-left .conf-1 .section-btn {
        width: 250px;
        font-weight: 600;
        line-height: 60px;
        height: 60px;
        font-size: 14px;
        letter-spacing: 1px;
        text-align: center;
        text-transform: uppercase;
        color: black;
        margin-top: 6vh;
        cursor: pointer;
        background-image: linear-gradient(to right, #f05a27, #e56f2c); }
        #section_2 .section-content .section-left .conf-1 .section-btn:hover {
          color: white; }
      #section_2 .section-content .section-left .conf-2 .section-text {
        font-weight: 400;
        font-size: 12px;
        margin-top: 2vh;
        color: white;
        margin-bottom: 2vh;
        letter-spacing: 1.4px;
        text-align: left;
        width: 43%; }
        #section_2 .section-content .section-left .conf-2 .section-text b {
          font-weight: 500; }
        #section_2 .section-content .section-left .conf-2 .section-text span.orange {
          color: #f05b28;
          font-weight: 500; }
      #section_2 .section-content .section-left .conf-2 .selection-cont .option .option-wheel.b_styr .option-image {
        background-image: url("/assets/images/img/img_conf_l2_0_icon.png");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      #section_2 .section-content .section-left .conf-2 .selection-cont .option .option-wheel.pir .option-image {
        background-image: url("/assets/images/img/img_conf_l2_1_icon.png");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      #section_2 .section-content .section-left .conf-2 .selection-cont .option .option-wheel.vata .option-image {
        background-image: url("/assets/images/img/img_conf_l2_2_icon.png");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      #section_2 .section-content .section-left .conf-2 .selection-cont .option .option-wheel.s_styr .option-image {
        background-image: url("/assets/images/img/img_conf_l2_3_icon.png");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      #section_2 .section-content .section-left .conf-2 .slider-tloustka {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 40%;
        flex-direction: column;
        margin-bottom: 4vh; }
        #section_2 .section-content .section-left .conf-2 .slider-tloustka .tloustka-legend-cont {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          width: 100%;
          flex-direction: row;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-box-align: end;
          -moz-box-align: end;
          -ms-flex-align: end;
          -webkit-align-items: flex-end;
          align-items: flex-end;
          margin-bottom: 3vh; }
          #section_2 .section-content .section-left .conf-2 .slider-tloustka .tloustka-legend-cont .tloustka-form-label {
            font-weight: 400;
            text-transform: uppercase;
            font-size: 16px;
            color: white;
            margin-bottom: 1vh;
            letter-spacing: 1.3px;
            text-align: left; }
          #section_2 .section-content .section-left .conf-2 .slider-tloustka .tloustka-legend-cont .tloustka-form-area {
            font-weight: 400;
            text-transform: none;
            font-size: 16px;
            color: #7f7f7f;
            margin-bottom: 1vh;
            letter-spacing: 1.5px;
            line-height: 24px; }
            #section_2 .section-content .section-left .conf-2 .slider-tloustka .tloustka-legend-cont .tloustka-form-area b {
              font-weight: 500;
              text-transform: uppercase;
              font-size: 40px;
              color: white;
              margin-bottom: 1vh;
              letter-spacing: 1.5px; }
        #section_2 .section-content .section-left .conf-2 .slider-tloustka .tloustka-slider-cont {
          margin-top: 1vh;
          width: 100%;
          position: relative;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-pack: start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          color: white; }
          #section_2 .section-content .section-left .conf-2 .slider-tloustka .tloustka-slider-cont .rc-slider-handle {
            position: absolute;
            margin-left: -7px;
            margin-top: -5px;
            width: 14px;
            height: 14px;
            cursor: pointer;
            cursor: -webkit-grab;
            cursor: grab;
            border-radius: 0;
            border: none;
            background-color: transparent;
            -ms-touch-action: pan-x;
            touch-action: pan-x;
            background-size: 100%;
            background-repeat: no-repeat; }
          #section_2 .section-content .section-left .conf-2 .slider-tloustka .tloustka-slider-cont .rc-slider-rail {
            background-color: transparent;
            background-position: 0% 0%;
            background-size: auto 100%; }
          #section_2 .section-content .section-left .conf-2 .slider-tloustka .tloustka-slider-cont .rc-slider-track {
            background-color: transparent;
            background-position: 0% 0%;
            background-size: auto 100%;
            border-radius: 0; }
          #section_2 .section-content .section-left .conf-2 .slider-tloustka .tloustka-slider-cont .tloustka-slider-range {
            width: 100%; }
      #section_2 .section-content .section-left .conf-3 .selection-cont .option .option-wheel.beton .option-image {
        background-image: url("/assets/images/img/img_conf_l3_0_icon.png");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      #section_2 .section-content .section-left .conf-3 .selection-cont .option .option-wheel.anhydrit .option-image {
        background-image: url("/assets/images/img/img_conf_l3_1_icon.png");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      #section_2 .section-content .section-left .conf-3 .selection-cont .option .option-wheel.deska .option-image {
        background-image: url("/assets/images/img/img_conf_l3_2_icon.png");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      #section_2 .section-content .section-left .conf-4 .selection-cont .option .option-wheel.beton .option-image {
        background-image: url("/assets/images/img/img_conf_l4_0_icon.png");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      #section_2 .section-content .section-left .conf-4 .selection-cont .option .option-wheel.laminat .option-image {
        background-image: url("/assets/images/img/img_conf_l4_1_icon.png");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      #section_2 .section-content .section-left .conf-4 .selection-cont .option .option-wheel.lino .option-image {
        background-image: url("/assets/images/img/img_conf_l4_2_icon.png");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      #section_2 .section-content .section-left .conf-4 .selection-cont .option .option-wheel.dlazba .option-image {
        background-image: url("/assets/images/img/img_conf_l4_3_icon.png");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      #section_2 .section-content .section-left .conf-4 .selection-cont .option .option-wheel.drevo .option-image {
        background-image: url("/assets/images/img/img_conf_l4_4_icon.png");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
      #section_2 .section-content .section-left .conf-5 .shrnuti-cont {
        position: relative;
        width: 48%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        flex-direction: column; }
        #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row {
          width: 100%;
          position: relative;
          margin: 3vh auto;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-wheel {
            border-radius: 50%;
            min-width: 80px;
            height: 80px;
            overflow: hidden;
            position: relative;
            margin-right: 40px; }
            #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-wheel .shrnuti-image {
              border-radius: 50%;
              width: 70px;
              height: 70px;
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
              -o-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
              background-size: 100% 100%;
              background-position: 50% 50%;
              background-repeat: no-repeat; }
          #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-slider-cont {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            position: relative;
            flex-direction: column;
            width: 100%;
            -webkit-transform: translateY(-16px);
            -ms-transform: translateY(-16px);
            -o-transform: translateY(-16px);
            transform: translateY(-16px); }
            #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-slider-cont .shrnuti-slider-text {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              position: relative;
              -webkit-box-pack: justify;
              -moz-box-pack: justify;
              -ms-flex-pack: justify;
              -webkit-justify-content: space-between;
              justify-content: space-between;
              -webkit-box-align: end;
              -moz-box-align: end;
              -ms-flex-align: end;
              -webkit-align-items: flex-end;
              align-items: flex-end; }
              #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-slider-cont .shrnuti-slider-text .shrnuti-slider-left {
                text-transform: uppercase;
                line-height: 18px;
                text-align: left; }
                #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-slider-cont .shrnuti-slider-text .shrnuti-slider-left .shrnuti-type {
                  color: white;
                  font-weight: 400;
                  font-size: 14px; }
                #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-slider-cont .shrnuti-slider-text .shrnuti-slider-left .shrnuti-type-name {
                  color: #f05b28;
                  font-weight: 600;
                  font-size: 14px; }
              #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-slider-cont .shrnuti-slider-text .shrnuti-slider-right {
                font-size: 28px;
                font-weight: 400;
                text-align: right;
                color: white;
                line-height: 26px; }
                #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-slider-cont .shrnuti-slider-text .shrnuti-slider-right b {
                  font-weight: 600; }
            #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-slider-cont .shrnuti-slider-range {
              width: 100%; }
            #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-slider-cont .rc-slider-disabled {
              background-color: transparent; }
            #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-slider-cont .rc-slider-handle {
              position: absolute;
              margin-left: -7px;
              margin-top: -5px;
              width: 14px;
              height: 14px;
              cursor: pointer;
              cursor: -webkit-grab;
              cursor: grab;
              border-radius: 0;
              border: none;
              background-color: transparent;
              -ms-touch-action: pan-x;
              touch-action: pan-x;
              background-size: 100%;
              background-repeat: no-repeat; }
            #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-slider-cont .rc-slider-rail {
              background-color: transparent;
              background-position: 0% 0%;
              background-size: auto 100%; }
            #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-slider-cont .rc-slider-track {
              background-color: transparent;
              background-position: 0% 0%;
              background-size: auto 100%;
              border-radius: 0; }
            #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-slider-cont .tloustka-slider-range {
              width: 100%; }
          #section_2 .section-content .section-left .conf-5 .shrnuti-cont .shrnuti-row .shrnuti-slider-upravit {
            color: white;
            font-weight: normal;
            font-size: 14px;
            text-decoration: underline;
            cursor: pointer;
            margin-left: 40px;
            text-align: left;
            text-transform: uppercase; }
      #section_2 .section-content .section-left .conf-6 .form-container {
        width: 60%;
        position: relative;
        margin-top: 5vh;
        padding-bottom: 20vh; }
        #section_2 .section-content .section-left .conf-6 .form-container form {
          width: 100%;
          position: relative;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          #section_2 .section-content .section-left .conf-6 .form-container form .form-row {
            width: 100%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            position: relative;
            flex-direction: row;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
            #section_2 .section-content .section-left .conf-6 .form-container form .form-row .form-field {
              width: 30%; }
          #section_2 .section-content .section-left .conf-6 .form-container form .form-bottom {
            width: 100%; }
            #section_2 .section-content .section-left .conf-6 .form-container form .form-bottom .form-field {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              flex-direction: column;
              -webkit-box-pack: center;
              -moz-box-pack: center;
              -ms-flex-pack: center;
              -webkit-justify-content: center;
              justify-content: center;
              -webkit-box-align: start;
              -moz-box-align: start;
              -ms-flex-align: start;
              -webkit-align-items: flex-start;
              align-items: flex-start; }
          #section_2 .section-content .section-left .conf-6 .form-container form.submitted .form-field input[type='text']:invalid {
            background-image: url("/assets/images/icons/ic_closed_red.png");
            background-size: auto 50%;
            background-repeat: no-repeat;
            background-position: 100% 50%;
            border-bottom: 3px solid #C3281B; }
          #section_2 .section-content .section-left .conf-6 .form-container form.submitted .form-field .required {
            display: block; }
          #section_2 .section-content .section-left .conf-6 .form-container form.submitted .form-field .required_email {
            display: none !important; }
          #section_2 .section-content .section-left .conf-6 .form-container form.submitted .form-field input[type='text']:required:valid,
          #section_2 .section-content .section-left .conf-6 .form-container form.submitted .form-field input[type='text']:not([value='']):valid {
            background-image: url("/assets/images/icons/ic_checked_orange.png");
            background-size: auto 50%;
            background-repeat: no-repeat;
            background-position: 100% 50%;
            border-bottom: 3px solid #fa8728; }
          #section_2 .section-content .section-left .conf-6 .form-container form.not_valid .form-field input[type='text'].email:invalid {
            background-image: url("/assets/images/icons/ic_closed_red.png");
            background-size: auto 50%;
            background-repeat: no-repeat;
            background-position: 100% 50%;
            border-bottom: 3px solid #C3281B; }
          #section_2 .section-content .section-left .conf-6 .form-container form.not_valid .form-field .required_email {
            display: block; }
          #section_2 .section-content .section-left .conf-6 .form-container form .form-field {
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-align: start;
            -moz-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start;
            margin-bottom: 5vh; }
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files {
              border-radius: 12px;
              background-color: rgba(230, 230, 230, 0.3);
              border: 1px white dashed;
              -webkit-box-align: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center;
              -webkit-box-pack: center;
              -moz-box-pack: center;
              -ms-flex-pack: center;
              -webkit-justify-content: center;
              justify-content: center;
              width: 60%;
              -webkit-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files.missing {
                background-color: rgba(255, 0, 0, 0.3); }
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item {
                width: 100%;
                height: 100%; }
                #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item .input-drop-file {
                  width: 100%;
                  height: 100%; }
                  #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item .input-drop-file label {
                    height: 100%;
                    margin-bottom: 0;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    cursor: pointer;
                    padding: 30px 20px;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    -o-transform: translateY(0);
                    transform: translateY(0); }
                    #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item .input-drop-file label .icon img {
                      width: 50px;
                      margin-right: 30px; }
                    #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item .input-drop-file label .file-input-text {
                      text-transform: uppercase;
                      color: white;
                      font-weight: 400;
                      height: 100%;
                      margin-bottom: 0;
                      line-height: 24px;
                      width: 100%; }
                    #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item .input-drop-file label b {
                      font-weight: 500; }
                    #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item .input-drop-file label .file-input-list {
                      width: 100%;
                      list-style: none;
                      margin: 0;
                      padding: 0; }
                      #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item .input-drop-file label .file-input-list .file-input-list-item {
                        width: 100%;
                        position: relative; }
                        #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item .input-drop-file label .file-input-list .file-input-list-item.last {
                          margin-top: 20px; }
                    #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item .input-drop-file label .legend {
                      margin-top: 20px;
                      font-size: 12px;
                      line-height: 16px; }
                    #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item .input-drop-file label .file-name {
                      text-transform: uppercase;
                      color: white;
                      font-weight: 400;
                      height: 100%;
                      margin-bottom: 0;
                      line-height: 24px;
                      width: 80%;
                      text-align: left;
                      display: inline-block; }
                    #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item .input-drop-file label .file-delete {
                      text-transform: uppercase;
                      position: absolute;
                      right: 0px;
                      color: white;
                      font-weight: 500;
                      height: 100%;
                      z-index: 10000;
                      margin-bottom: 0;
                      line-height: 24px;
                      text-align: right;
                      display: inline-block;
                      padding: 0px 10px; }
                    #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item .input-drop-file label .files-field {
                      width: 100%;
                      height: 100%;
                      opacity: 0;
                      position: absolute;
                      top: 0;
                      left: 0; }
                    #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item .input-drop-file label .files-field::-webkit-file-upload-button {
                      visibility: hidden; }
                    #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item .input-drop-file label .files-field::before {
                      outline: none;
                      white-space: nowrap;
                      -webkit-user-select: none;
                      cursor: pointer; }
                    #section_2 .section-content .section-left .conf-6 .form-container form .form-field.files .form-item .input-drop-file label .files-field:active::before {
                      background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); }
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field > label {
              width: 100%;
              text-transform: uppercase;
              font-weight: 400;
              color: #9d9c9c;
              position: relative;
              order: -1;
              text-align: left;
              font-size: calc(10px + 0.3vw);
              letter-spacing: 1.4px;
              z-index: 100;
              -webkit-transform: translateY(160%);
              -ms-transform: translateY(160%);
              -o-transform: translateY(160%);
              transform: translateY(160%);
              -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field input[type='text'] {
              width: 100%;
              border: none;
              border-radius: 0;
              letter-spacing: 1.4px;
              border-bottom: 3px solid #9d9c9c;
              text-transform: none;
              font-weight: 500;
              color: white;
              position: relative;
              text-align: left;
              text-decoration: none;
              background: transparent;
              outline: none;
              font-size: 16px;
              padding-left: 0;
              padding-right: 0;
              z-index: 101; }
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field input[type='text']:focus {
              border-bottom: 3px solid #fa8728; }
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field input[type='text']:required:valid,
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field input[type='text']:not([value='']):valid {
              background-image: url("/assets/images/icons/ic_checked_orange.png");
              background-size: auto 50%;
              background-repeat: no-repeat;
              background-position: 100% 50%;
              border-bottom: 3px solid #fa8728; }
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field input:-webkit-autofill,
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field input:-webkit-autofill:hover,
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field input:-webkit-autofill:focus,
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field textarea:-webkit-autofill,
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field textarea:-webkit-autofill:hover,
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field textarea:-webkit-autofill:focus,
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field select:-webkit-autofill,
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field select:-webkit-autofill:hover,
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field select:-webkit-autofill:focus {
              border-bottom: 3px solid #9d9c9c;
              -webkit-text-fill-color: white;
              -webkit-box-shadow: 0 0 0px 1000px transparent inset;
              transition: background-color 5000s ease-in-out 0s;
              background-color: transparent !important;
              background-image: inherit !important;
              color: white !important; }
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field input:-webkit-autofill:required:valid, #section_2 .section-content .section-left .conf-6 .form-container form .form-field input:-webkit-autofill:not([value='']):valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field input:-webkit-autofill:hover:required:valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field input:-webkit-autofill:hover:not([value='']):valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field input:-webkit-autofill:focus:required:valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field input:-webkit-autofill:focus:not([value='']):valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field textarea:-webkit-autofill:required:valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field textarea:-webkit-autofill:not([value='']):valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field textarea:-webkit-autofill:hover:required:valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field textarea:-webkit-autofill:hover:not([value='']):valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field textarea:-webkit-autofill:focus:required:valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field textarea:-webkit-autofill:focus:not([value='']):valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field select:-webkit-autofill:required:valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field select:-webkit-autofill:not([value='']):valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field select:-webkit-autofill:hover:required:valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field select:-webkit-autofill:hover:not([value='']):valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field select:-webkit-autofill:focus:required:valid,
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field select:-webkit-autofill:focus:not([value='']):valid {
                background-image: url("/assets/images/icons/ic_checked_orange.png") !important;
                -webkit-animation-name: autofill !important;
                -webkit-animation-fill-mode: forwards !important; }

@-webkit-keyframes autofill {
  to {
    background-image: url("/assets/images/icons/ic_checked_orange.png") !important; } }
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field .required {
              display: none;
              position: relative;
              color: #C3281B;
              text-transform: uppercase;
              font-weight: 500;
              font-size: 10px;
              left: 0px;
              bottom: 0px; }
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field select {
              border: none;
              border-radius: 0;
              background-image: url("/assets/images/icons/ic_arrow_down_grey.png");
              background-repeat: no-repeat;
              background-position: 115% 50%;
              background-size: auto 60%;
              background-color: transparent;
              border-bottom: 3px solid #9d9c9c;
              letter-spacing: 1.4px;
              text-transform: none;
              font-weight: 400;
              height: 60px;
              padding: 0;
              padding-right: 15%;
              color: #9d9c9c;
              position: relative;
              text-align: left;
              text-decoration: none;
              outline: none;
              font-size: 16px;
              -moz-appearance: none;
              -webkit-appearance: none;
              appearance: none;
              text-transform: uppercase; }
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field select.empty {
                border-bottom: 3px solid #C3281B; }
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field select option {
                width: 100%;
                text-transform: uppercase;
                font-weight: 400;
                color: #9d9c9c;
                position: relative;
                text-align: left;
                font-size: calc(10px + 0.3vw);
                letter-spacing: 1.4px;
                z-index: 100; }
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field input:focus + label,
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field input.not-empty + label,
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field input:not(:focus):not([value='']):valid + label,
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field input:not([value='']) + label {
              -webkit-transform: translateY(0%);
              -ms-transform: translateY(0%);
              -o-transform: translateY(0%);
              transform: translateY(0%); }
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field .form-checkbox {
              width: 100%;
              padding: 1vh 0;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-box-pack: end;
              -moz-box-pack: end;
              -ms-flex-pack: end;
              -webkit-justify-content: flex-end;
              justify-content: flex-end;
              -webkit-box-align: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center; }
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field .form-checkbox label {
                z-index: 102; }
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field .form-checkbox span {
                width: 70%;
                text-align: left;
                text-transform: none;
                font-weight: 400;
                letter-spacing: 1.4px;
                color: white;
                position: relative;
                text-decoration: none;
                background: transparent;
                outline: none;
                font-size: 16px; }
                #section_2 .section-content .section-left .conf-6 .form-container form .form-field .form-checkbox span b {
                  font-weight: 600; }
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field .form-checkbox input[type='checkbox'] {
                display: none; }
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field .form-checkbox input[type='checkbox'] + label {
                display: inline-block;
                padding: 0 0 0 0px;
                background: url("/assets/images/icons/ic_not_selected_darkgrey.png") no-repeat;
                background-position: 50% 50%;
                height: 36px;
                width: 36px;
                background-size: 100%; }
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field .form-checkbox input[type='checkbox']:checked + label {
                background: url("/assets/images/icons/ic_not_selected_orange.png") no-repeat;
                height: 36px;
                width: 36px;
                display: inline-block;
                background-size: 100%; }
            #section_2 .section-content .section-left .conf-6 .form-container form .form-field button {
              max-width: 220px;
              border: 1px solid #9d9c9c;
              border-radius: 0;
              letter-spacing: 1.4px;
              text-transform: uppercase;
              font-weight: 500;
              color: #9d9c9c;
              position: relative;
              text-align: center;
              text-decoration: none;
              background: transparent;
              outline: none;
              margin-bottom: 2vh;
              margin-top: 3vh;
              font-size: 16px;
              height: 46px;
              padding-left: 16px;
              padding-right: 16px;
              cursor: pointer;
              -webkit-transition: border 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: border 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: border 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: border 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
              #section_2 .section-content .section-left .conf-6 .form-container form .form-field button:hover {
                border: 1px solid white;
                color: white; }
          #section_2 .section-content .section-left .conf-6 .form-container form .nabidka-slider {
            width: 60%;
            position: relative;
            margin-bottom: 4vh; }
            #section_2 .section-content .section-left .conf-6 .form-container form .nabidka-slider .nabidka-legend-cont {
              width: 100%;
              position: relative;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-box-pack: justify;
              -moz-box-pack: justify;
              -ms-flex-pack: justify;
              -webkit-justify-content: space-between;
              justify-content: space-between;
              -webkit-box-align: end;
              -moz-box-align: end;
              -ms-flex-align: end;
              -webkit-align-items: flex-end;
              align-items: flex-end;
              margin-bottom: 3vh; }
              #section_2 .section-content .section-left .conf-6 .form-container form .nabidka-slider .nabidka-legend-cont .nabidka-form-label {
                text-align: left;
                text-transform: uppercase;
                color: #9d9c9c;
                font-size: calc(10px + 0.3vw);
                display: block;
                font-weight: 400;
                position: relative;
                text-align: left;
                letter-spacing: 1.4px; }
              #section_2 .section-content .section-left .conf-6 .form-container form .nabidka-slider .nabidka-legend-cont .nabidka-form-area {
                text-align: right;
                color: white;
                display: block;
                line-height: 1; }
                #section_2 .section-content .section-left .conf-6 .form-container form .nabidka-slider .nabidka-legend-cont .nabidka-form-area sup {
                  font-size: 60%;
                  color: white;
                  -webkit-text-fill-color: initial; }
                #section_2 .section-content .section-left .conf-6 .form-container form .nabidka-slider .nabidka-legend-cont .nabidka-form-area b {
                  font-size: 36px;
                  font-weight: 500; }
          #section_2 .section-content .section-left .conf-6 .form-container form .nabidka-slider-desc {
            text-transform: uppercase;
            font-size: 11px;
            margin-top: 1vh; }
          #section_2 .section-content .section-left .conf-6 .form-container form .nabidka-slider-cont {
            margin-top: 1vh;
            width: 100%;
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            color: white; }
            #section_2 .section-content .section-left .conf-6 .form-container form .nabidka-slider-cont .nabidka-slider-range {
              width: 100%; }
            #section_2 .section-content .section-left .conf-6 .form-container form .nabidka-slider-cont .rc-slider-handle {
              position: absolute;
              margin-left: -7px;
              margin-top: -5px;
              width: 14px;
              height: 14px;
              cursor: pointer;
              cursor: -webkit-grab;
              cursor: grab;
              border-radius: 0;
              border: none;
              background-color: transparent;
              -ms-touch-action: pan-x;
              touch-action: pan-x;
              background-size: 100%;
              background-repeat: no-repeat; }
            #section_2 .section-content .section-left .conf-6 .form-container form .nabidka-slider-cont .rc-slider-rail {
              background-color: transparent;
              background-position: 0% 0%;
              background-size: auto 100%; }
            #section_2 .section-content .section-left .conf-6 .form-container form .nabidka-slider-cont .rc-slider-track {
              background-color: transparent;
              background-position: 0% 0%;
              background-size: auto 100%;
              border-radius: 0; }
      #section_2 .section-content .section-left .conf-7 .section-heading {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-top: 20vh;
        color: #f05b28;
        font-weight: 600; }
        #section_2 .section-content .section-left .conf-7 .section-heading .odeslano-icon {
          width: 55px;
          margin-right: 30px; }
      #section_2 .section-content .section-left .conf-7 .odeslano-text {
        width: 50%;
        font-weight: 500;
        text-transform: none;
        font-size: 18px;
        color: #7f7f7f;
        margin-bottom: 1vh;
        letter-spacing: 1.4px;
        line-height: 26px; }
    #section_2 .section-content .section-slider-cont {
      position: absolute;
      width: 87.5%;
      bottom: 14%;
      right: 0px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: end;
      -moz-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
      z-index: 901;
      -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
      opacity: 0; }
      #section_2 .section-content .section-slider-cont.active {
        opacity: 1; }
      #section_2 .section-content .section-slider-cont .conf-slider-cont {
        width: 80%; }
        #section_2 .section-content .section-slider-cont .conf-slider-cont .conf-slider-label {
          margin-top: 10px; }
        #section_2 .section-content .section-slider-cont .conf-slider-cont.scale-thumb .rc-slider .rc-slider-handle {
          transform-origin: top;
          animation-duration: 1s;
          animation-timing-function: ease;
          animation-iteration-count: infinite;
          margin-left: -23px !important;
          margin-top: -20px !important; }
        #section_2 .section-content .section-slider-cont .conf-slider-cont .rc-slider .rc-slider-rail {
          background-color: rgba(127, 127, 127, 0.5); }
        #section_2 .section-content .section-slider-cont .conf-slider-cont .rc-slider .rc-slider-track {
          background-color: rgba(240, 91, 40, 0.9); }
        #section_2 .section-content .section-slider-cont .conf-slider-cont .rc-slider .rc-slider-dot {
          background-color: rgba(0, 0, 0, 0.8);
          width: 44px;
          height: 44px;
          border: 2px solid #7f7f7f;
          bottom: -20px;
          margin-left: -23px; }
        #section_2 .section-content .section-slider-cont .conf-slider-cont .rc-slider .rc-slider-dot-active {
          background-image: url("/assets/images/icons/ic_checked_orange.png");
          background-size: 17px auto;
          background-position: 50% 50%;
          background-repeat: no-repeat; }
        #section_2 .section-content .section-slider-cont .conf-slider-cont .rc-slider .rc-slider-mark-text {
          color: #7f7f7f;
          margin-top: 10px;
          width: 25%;
          text-transform: uppercase;
          font-size: 12px;
          font-weight: 500;
          letter-spacing: 1.3px;
          line-height: 16px;
          -webkit-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        #section_2 .section-content .section-slider-cont .conf-slider-cont .rc-slider .rc-slider-mark-text-active {
          color: #f05b28; }
        #section_2 .section-content .section-slider-cont .conf-slider-cont .rc-slider .rc-slider-handle {
          position: absolute;
          margin-left: -7px;
          margin-top: -5px;
          width: 14px;
          height: 14px;
          cursor: pointer;
          cursor: -webkit-grab;
          cursor: grab;
          border-radius: 0;
          border: none;
          background-color: transparent;
          -ms-touch-action: pan-x;
          touch-action: pan-x;
          background-size: 100%;
          background-repeat: no-repeat;
          -webkit-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -webkit-transform: translateX(0px) !important;
          -ms-transform: translateX(0px) !important;
          -o-transform: translateX(0px) !important;
          transform: translateX(0px) !important; }
      #section_2 .section-content .section-slider-cont .conf-height-cont {
        margin: 0px 7vw;
        font-size: 1vw;
        font-weight: 500;
        color: white;
        line-height: 1.6vw;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px); }
        #section_2 .section-content .section-slider-cont .conf-height-cont .height-number {
          display: inline;
          font-size: 12vw;
          color: #f05b28;
          font-weight: 600;
          font-variant-numeric: tabular-nums lining-nums; }

@media (max-width: 1200px) {
  .form-row--konfigurator--first {
    flex-wrap: nowrap; }
    .form-row--konfigurator--first .form-field {
      margin-bottom: 0 !important; }
    .form-row--konfigurator--first > * {
      flex: 1 0 auto; }
    .form-row--konfigurator--first > div:nth-child(2) {
      width: 40% !important;
      left: 10%;
      align-self: flex-end; }
  .form-row--konfigurator--second .form-field {
    margin-bottom: 0 !important; }
  .form-row--konfigurator--second > .form-field:first-child {
    width: 110% !important; }
  .form-row--konfigurator--second > .form-field:nth-child(2) {
    width: 50% !important; }
  .form-row--konfigurator--second > .form-field:last-child {
    width: 50% !important;
    left: 10%; }
  .form-row--konfigurator--second > * {
    flex: 1 0 auto; } }

.mobile-container {
  width: 100%;
  min-height: 100vh;
  background-color: #d1d1d1; }
  .mobile-container b {
    font-weight: 600; }
  .mobile-container .mobile-top-section {
    width: 100%;
    position: relative;
    padding-top: 189.33333%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-color: transparent;
    z-index: 400; }
    .mobile-container .mobile-top-section .mobile-top-bg {
      position: absolute;
      width: 100%;
      top: 0px;
      left: 0px;
      z-index: 110; }
    .mobile-container .mobile-top-section .mobile-top-logo-cont {
      position: absolute;
      width: 100%;
      text-align: center;
      top: 8vh;
      left: 0;
      width: 100%;
      height: 100%; }
      .mobile-container .mobile-top-section .mobile-top-logo-cont .mobile-top-logo {
        position: relative;
        width: 50vw;
        height: auto;
        z-index: 108; }
    .mobile-container .mobile-top-section .mobile-head-text {
      position: absolute;
      text-align: center;
      width: 100%;
      top: 28%;
      left: 0;
      width: 100%;
      height: 100%; }
      .mobile-container .mobile-top-section .mobile-head-text .mobile-head-heading {
        font-size: 12vw;
        letter-spacing: 3px;
        color: black; }
    .mobile-container .mobile-top-section .mobile-head-bg {
      position: absolute;
      width: 100%;
      top: 0px;
      left: 0px;
      z-index: 106; }
  .mobile-container .mobile-section-number-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1px;
    font-size: 9px;
    color: white;
    text-align: center; }
    .mobile-container .mobile-section-number-block .mobile-section-line {
      background-color: white;
      height: 6px;
      width: 100px;
      margin-right: 4px; }
  .mobile-container .mobile-section-two {
    position: relative;
    width: 100%;
    min-height: 80vh;
    background-image: url("/assets/images/backgrounds/img_mobile_orange_bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-color: transparent;
    z-index: 200;
    margin-top: -19vh;
    padding-top: 17vh; }
    .mobile-container .mobile-section-two .mobile-section-content {
      width: 80%;
      position: relative;
      margin: 0 auto;
      padding-bottom: 20rem; }
      .mobile-container .mobile-section-two .mobile-section-content .mobile-section-heading {
        text-align: center;
        text-transform: uppercase;
        color: white;
        font-size: 13.3vw;
        font-weight: 300;
        margin-top: 3vh;
        width: 100%;
        letter-spacing: 3px; }
        .mobile-container .mobile-section-two .mobile-section-content .mobile-section-heading b {
          font-weight: 500; }
      .mobile-container .mobile-section-two .mobile-section-content .mobile-section-intro {
        width: 100%;
        text-align: justify;
        font-size: 14px;
        color: white; }
  .mobile-container .mobile-section-three {
    position: relative;
    width: 100%;
    min-height: 70vh;
    z-index: 230;
    margin-top: -23vh;
    padding-top: 0; }
    .mobile-container .mobile-section-three .mobile-section-content {
      width: 100%;
      position: relative; }
      .mobile-container .mobile-section-three .mobile-section-content .mobile-feature-container {
        width: 100%;
        position: relative;
        margin-top: 4rem; }
        .mobile-container .mobile-section-three .mobile-section-content .mobile-feature-container:first-of-type {
          margin-top: 0; }
        .mobile-container .mobile-section-three .mobile-section-content .mobile-feature-container .mobile-section-number-block {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          position: absolute;
          top: 20vw;
          margin: 0 auto;
          font-weight: 600;
          letter-spacing: 1px;
          line-height: 1px;
          font-size: 9px;
          color: black;
          text-align: center; }
          .mobile-container .mobile-section-three .mobile-section-content .mobile-feature-container .mobile-section-number-block .mobile-section-line {
            background-color: black;
            height: 6px;
            width: 70px;
            margin-right: 4px; }
        .mobile-container .mobile-section-three .mobile-section-content .mobile-feature-container .mobile-feature-block {
          position: relative;
          width: 80%;
          margin: 0 auto; }
          .mobile-container .mobile-section-three .mobile-section-content .mobile-feature-container .mobile-feature-block .mobile-feature-heading {
            color: black;
            margin-top: 1vh;
            margin-bottom: 3vh;
            font-size: 7vw;
            letter-spacing: 2px;
            line-height: 120%;
            width: 65%;
            font-weight: 600;
            text-align: left;
            z-index: 231;
            position: absolute;
            top: 21vw; }
          .mobile-container .mobile-section-three .mobile-section-content .mobile-feature-container .mobile-feature-block .mobile-feature-number {
            position: relative;
            top: 0;
            left: 0;
            z-index: 230;
            font-size: 61vw;
            line-height: 1;
            letter-spacing: 3px;
            display: inline;
            font-weight: 700;
            color: rgba(240, 90, 39, 0.3); }
        .mobile-container .mobile-section-three .mobile-section-content .mobile-feature-container .mobile-feature-img {
          position: absolute;
          right: 0px;
          top: 21vw;
          width: 30vw;
          z-index: 231; }
      .mobile-container .mobile-section-three .mobile-section-content .mobile-feature-text {
        width: 80%;
        margin: 0 auto;
        font-size: 14px;
        color: black;
        font-weight: normal;
        text-align: justify;
        position: relative;
        z-index: 231; }
      .mobile-container .mobile-section-three .mobile-section-content .mobile-features-button {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #f15b26;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 3.7vw;
        padding: 6vh 0; }
        .mobile-container .mobile-section-three .mobile-section-content .mobile-features-button .mobile-button-plus {
          width: 36px;
          display: inline;
          margin-left: 4vw; }
        .mobile-container .mobile-section-three .mobile-section-content .mobile-features-button.features-minus .mobile-button-plus {
          display: none; }
      .mobile-container .mobile-section-three .mobile-section-content .mobile-features-show-more {
        width: 100%;
        display: none;
        position: relative;
        -webkit-transition: height 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: height 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: height 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: height 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        margin-top: 11vh; }
        .mobile-container .mobile-section-three .mobile-section-content .mobile-features-show-more.show_more {
          display: block; }
  .mobile-container .mobile-section-four {
    position: relative;
    width: 100%;
    min-height: 64vh;
    background-color: #333333;
    z-index: 250;
    margin-top: 11vh;
    padding-bottom: 20vh; }
    .mobile-container .mobile-section-four .mobile-section-four-bg {
      position: absolute;
      height: 11vh;
      width: 100%;
      -webkit-transform: translateY(-99.7%);
      -ms-transform: translateY(-99.7%);
      -o-transform: translateY(-99.7%);
      transform: translateY(-99.7%); }
    .mobile-container .mobile-section-four .mobile-section-content {
      width: 100%;
      position: relative;
      z-index: 251;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
      .mobile-container .mobile-section-four .mobile-section-content .mobile-section-four-heading {
        position: relative;
        width: 90%;
        margin: 0 auto;
        top: -1vh; }
        .mobile-container .mobile-section-four .mobile-section-content .mobile-section-four-heading .mobile-section-number-block {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          margin: 0 auto;
          font-weight: 600;
          letter-spacing: 1px;
          line-height: 1px;
          font-size: 9px;
          color: white;
          text-align: center; }
          .mobile-container .mobile-section-four .mobile-section-content .mobile-section-four-heading .mobile-section-number-block .mobile-section-line {
            background-color: white;
            height: 6px;
            width: 150px;
            margin-right: 4px; }
        .mobile-container .mobile-section-four .mobile-section-content .mobile-section-four-heading .mobile-section-heading {
          text-align: center;
          text-transform: uppercase;
          color: white;
          font-size: 13.3vw;
          font-weight: 300;
          margin-top: 3vh;
          margin-bottom: 5vh;
          width: 100%;
          letter-spacing: 3px; }
          .mobile-container .mobile-section-four .mobile-section-content .mobile-section-four-heading .mobile-section-heading b {
            font-weight: 500; }
      .mobile-container .mobile-section-four .mobile-section-content .mobile-section-four-block {
        margin: 0 auto;
        position: relative;
        width: 90%; }
        .mobile-container .mobile-section-four .mobile-section-content .mobile-section-four-block .mobile-section-number-block {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          margin: 0 auto;
          font-weight: 600;
          letter-spacing: 1px;
          line-height: 1px;
          font-size: 9px;
          color: #f15b26;
          text-align: center; }
          .mobile-container .mobile-section-four .mobile-section-content .mobile-section-four-block .mobile-section-number-block .mobile-section-line {
            background-color: #f15b26;
            height: 6px;
            width: 70px;
            margin-right: 4px; }
        .mobile-container .mobile-section-four .mobile-section-content .mobile-section-four-block h3 {
          text-align: center;
          color: white;
          font-size: 7vw;
          font-weight: 300;
          margin-top: 3vh;
          width: 100%;
          letter-spacing: 3px; }
          .mobile-container .mobile-section-four .mobile-section-content .mobile-section-four-block h3 b {
            font-weight: 500; }
        .mobile-container .mobile-section-four .mobile-section-content .mobile-section-four-block .mobile-section-text {
          color: #b3b3b3;
          width: 90%;
          margin: 0 auto;
          font-size: 3vw;
          font-weight: normal;
          text-align: center;
          position: relative;
          z-index: 231; }
          .mobile-container .mobile-section-four .mobile-section-content .mobile-section-four-block .mobile-section-text.mobile-section-text-orange {
            color: #f15b26;
            font-size: 3.3vw;
            margin-bottom: 5vh; }
      .mobile-container .mobile-section-four .mobile-section-content .mobile-section-four-img {
        width: 100%;
        position: relative;
        margin-top: 7vh;
        margin-bottom: 3vh; }
        .mobile-container .mobile-section-four .mobile-section-content .mobile-section-four-img.graph {
          width: 90vw; }
  .mobile-container .mobile-section-five {
    position: relative;
    width: 100%;
    background-color: #d1d1d1;
    z-index: 270;
    margin-top: -11vh; }
    .mobile-container .mobile-section-five .mobile-section-five-bg {
      position: absolute;
      height: 11vh;
      width: 100%;
      -webkit-transform: translateY(-99.7%);
      -ms-transform: translateY(-99.7%);
      -o-transform: translateY(-99.7%);
      transform: translateY(-99.7%); }
    .mobile-container .mobile-section-five .mobile-section-content {
      width: 100%;
      position: relative;
      z-index: 271;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
      .mobile-container .mobile-section-five .mobile-section-content .mobile-section-five-bg-bottom {
        position: relative;
        width: 100%;
        z-index: 270;
        margin-top: -34vh; }
      .mobile-container .mobile-section-five .mobile-section-content .mobile-section-five-heading {
        position: relative;
        width: 90%;
        margin: 0 auto;
        top: -1vh; }
        .mobile-container .mobile-section-five .mobile-section-content .mobile-section-five-heading .mobile-section-five-motto {
          text-align: center;
          color: #333333;
          font-size: 4.5vw;
          font-weight: 400;
          margin-bottom: 2vh;
          width: 100%;
          letter-spacing: 3px; }
        .mobile-container .mobile-section-five .mobile-section-content .mobile-section-five-heading .mobile-section-number-block {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          margin: 0 auto;
          font-weight: 600;
          letter-spacing: 1px;
          line-height: 1px;
          font-size: 9px;
          color: #333333;
          text-align: center; }
          .mobile-container .mobile-section-five .mobile-section-content .mobile-section-five-heading .mobile-section-number-block .mobile-section-line {
            background-color: #333333;
            height: 6px;
            width: 150px;
            margin-right: 4px; }
        .mobile-container .mobile-section-five .mobile-section-content .mobile-section-five-heading .mobile-section-heading {
          text-align: center;
          text-transform: uppercase;
          color: #333333;
          font-size: 13.3vw;
          font-weight: 300;
          margin-top: 3vh;
          margin-bottom: 5vh;
          width: 100%;
          letter-spacing: 3px; }
          .mobile-container .mobile-section-five .mobile-section-content .mobile-section-five-heading .mobile-section-heading b {
            font-weight: 500; }
      .mobile-container .mobile-section-five .mobile-section-content .mobile-section-five-body {
        position: relative;
        width: 90%;
        margin: 0 auto;
        z-index: 271; }
        .mobile-container .mobile-section-five .mobile-section-content .mobile-section-five-body .mobile-section-five-block {
          width: 100%;
          position: relative;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          margin-top: 3vh;
          text-align: center; }
          .mobile-container .mobile-section-five .mobile-section-content .mobile-section-five-body .mobile-section-five-block .mobile-section-five-block-icon {
            max-width: 60px;
            max-height: 50px;
            position: relative; }
          .mobile-container .mobile-section-five .mobile-section-content .mobile-section-five-body .mobile-section-five-block .mobile-section-five-block-main {
            font-weight: 400;
            width: 100%;
            letter-spacing: 3px;
            position: relative;
            font-size: 7vw; }
            .mobile-container .mobile-section-five .mobile-section-content .mobile-section-five-body .mobile-section-five-block .mobile-section-five-block-main b {
              text-transform: uppercase;
              color: #333333;
              font-size: 13.3vw;
              font-weight: 600; }
          .mobile-container .mobile-section-five .mobile-section-content .mobile-section-five-body .mobile-section-five-block .mobile-section-five-block-desc {
            font-size: 3vw;
            font-weight: 600;
            position: relative;
            letter-spacing: 2px;
            color: #f15b26;
            font-size: 3.3vw;
            line-height: 3.7vw;
            margin-bottom: 2vh; }
  .mobile-container .mobile-section-six {
    position: relative;
    width: 100%;
    min-height: 64vh;
    background-color: #242122;
    z-index: 290;
    margin-top: -1.4vh;
    padding-bottom: 11vh; }
    .mobile-container .mobile-section-six .mobile-section-six-bg {
      position: absolute;
      height: 32vw;
      width: 100%;
      -webkit-transform: translateY(-99.7%);
      -ms-transform: translateY(-99.7%);
      -o-transform: translateY(-99.7%);
      transform: translateY(-99.7%); }
    .mobile-container .mobile-section-six .mobile-section-content {
      width: 100%;
      position: relative;
      z-index: 291;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
      .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-heading {
        position: relative;
        width: 90%;
        margin: 0 auto;
        top: -1vh; }
        .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-heading .mobile-section-number-block {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          margin: 0 auto;
          font-weight: 600;
          letter-spacing: 1px;
          line-height: 1px;
          font-size: 9px;
          color: #f15b26;
          text-align: center; }
          .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-heading .mobile-section-number-block .mobile-section-line {
            background-color: #f15b26;
            height: 6px;
            width: 150px;
            margin-right: 4px; }
        .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-heading .mobile-section-heading {
          text-align: center;
          text-transform: uppercase;
          color: #f15b26;
          font-size: 13.3vw;
          font-weight: 300;
          margin-top: 3vh;
          margin-bottom: 3vh;
          width: 100%;
          letter-spacing: 3px; }
          .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-heading .mobile-section-heading b {
            font-weight: 500; }
      .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block {
        position: relative;
        width: 81%;
        margin: 0 auto; }
        .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-text {
          color: white;
          width: 100%;
          font-size: 3vw;
          font-weight: normal;
          text-align: justify;
          position: relative;
          z-index: 291; }
        .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container {
          width: 100%;
          position: relative;
          margin-top: 5vh;
          margin-bottom: 20vh; }
          .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form {
            width: 100%;
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-align: start;
            -moz-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start; }
            .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form.not_valid .form-field input[type="text"].email:invalid,
            .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form.not_valid .form-field input[type="tel"].email:invalid,
            .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form.not_valid .form-field input[type="text"]:invalid,
            .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form.not_valid .form-field input[type="tel"]:invalid {
              background-image: url("/assets/images/icons/ic_closed_red.png");
              background-size: auto 50%;
              background-repeat: no-repeat;
              background-position: 100% 50%;
              border-bottom: 2px solid #C3281B; }
            .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field {
              width: 100%;
              position: relative;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              flex-direction: column;
              -webkit-box-align: start;
              -moz-box-align: start;
              -ms-flex-align: start;
              -webkit-align-items: flex-start;
              align-items: flex-start; }
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field > label {
                width: 100%;
                text-transform: uppercase;
                font-weight: 300;
                color: white;
                position: relative;
                order: -1;
                text-align: left;
                margin-bottom: 1vh;
                font-size: 3vw;
                letter-spacing: 1.4px;
                -webkit-transform: translateY(160%);
                -ms-transform: translateY(160%);
                -o-transform: translateY(160%);
                transform: translateY(160%);
                -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
                -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
                -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
                transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field input[type='text'] {
                width: 100%;
                border: none;
                border-radius: 0;
                letter-spacing: 1.4px;
                border-bottom: 3px solid white;
                text-transform: uppercase;
                font-weight: 500;
                color: white;
                position: relative;
                text-align: left;
                text-decoration: none;
                background: transparent;
                outline: none;
                margin-bottom: 2vh;
                font-size: 4vw;
                padding-left: 0;
                padding-right: 0; }
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field input[type='text']:focus {
                border-bottom: 3px solid #f15b26; }
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field input[type='text']:valid {
                background-image: url("/assets/images/icons/ic_checked_orange.png");
                background-size: auto 55%;
                background-repeat: no-repeat;
                background-position: 100% 50%; }
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field input:focus + label,
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field input:not(:focus):valid + label {
                -webkit-transform: translateY(0%);
                -ms-transform: translateY(0%);
                -o-transform: translateY(0%);
                transform: translateY(0%); }
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field select {
                border: none;
                border-radius: 0;
                background-image: url("/assets/images/icons/ic_arrow_down_grey.png");
                background-repeat: no-repeat;
                background-position: 100% 50%;
                background-size: auto 60%;
                background-color: transparent;
                border-bottom: 3px solid white;
                letter-spacing: 1.4px;
                text-transform: none;
                font-weight: 400;
                height: 60px;
                padding: 0;
                color: white;
                position: relative;
                text-align: left;
                text-decoration: none;
                outline: none;
                font-size: 16px;
                -moz-appearance: none;
                -webkit-appearance: none;
                appearance: none;
                text-transform: uppercase; }
                .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field select option {
                  width: 100%;
                  text-transform: uppercase;
                  font-weight: 400;
                  color: white;
                  position: relative;
                  text-align: left;
                  font-size: 16px;
                  letter-spacing: 1.4px;
                  z-index: 100; }
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field .form-additional-heading {
                width: 100%;
                text-align: center;
                text-transform: uppercase;
                font-weight: 300;
                color: white;
                position: relative;
                letter-spacing: 1.4px;
                margin-bottom: 3vh;
                margin-top: 2vh;
                font-size: 4vw; }
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field .form-checkbox {
                width: 100%;
                padding: 2vh 0;
                background-image: linear-gradient(to right, white 8%, rgba(255, 255, 255, 0) 0%);
                background-position: top;
                background-size: 10px 1px;
                background-repeat: repeat-x;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: justify;
                -moz-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                -webkit-box-align: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center; }
                .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field .form-checkbox span {
                  text-align: left;
                  text-transform: none;
                  font-weight: 400;
                  color: white;
                  position: relative;
                  letter-spacing: 1.4px;
                  font-size: 3vw; }
                .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field .form-checkbox input[type='checkbox'] {
                  display: none; }
                .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field .form-checkbox input[type='checkbox'] + label {
                  display: inline-block;
                  padding: 0 0 0 0px;
                  background: url("/assets/images/icons/ic_mobile_button_disabled.png") no-repeat;
                  height: 36px;
                  width: 36px;
                  background-size: 100%; }
                .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field .form-checkbox input[type='checkbox']:checked + label {
                  background: url("/assets/images/icons/ic_mobile_button_active.png") no-repeat;
                  height: 36px;
                  width: 36px;
                  display: inline-block;
                  background-size: 100%; }
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field input[type='submit'] {
                width: 80%;
                max-width: 300px;
                border: none;
                border-radius: 0;
                letter-spacing: 1.4px;
                text-transform: uppercase;
                font-weight: 600;
                color: black;
                position: relative;
                text-align: center;
                text-decoration: none;
                background: white;
                outline: none;
                margin: 0 auto;
                margin-bottom: 2vh;
                margin-top: 3vh;
                font-size: 3.4vw;
                height: 60px;
                padding-left: 0;
                padding-right: 0; }
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .form-field span.form-submit-note {
                width: 100%;
                text-align: center;
                text-transform: none;
                font-weight: 400;
                color: white;
                position: relative;
                letter-spacing: 1.4px;
                font-size: 2.7vw; }
            .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .mobile-slider {
              width: 100%;
              position: relative;
              margin-bottom: 4vh; }
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .mobile-slider .mobile-slider-legend-cont {
                width: 100%;
                position: relative;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: justify;
                -moz-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                -webkit-box-align: end;
                -moz-box-align: end;
                -ms-flex-align: end;
                -webkit-align-items: flex-end;
                align-items: flex-end;
                margin-bottom: 3vh; }
                .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .mobile-slider .mobile-slider-legend-cont .mobile-form-label {
                  text-align: left;
                  text-transform: uppercase;
                  font-weight: 500;
                  color: white;
                  font-size: 4vw;
                  display: block; }
                .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .mobile-slider .mobile-slider-legend-cont .mobile-form-area {
                  text-align: right;
                  color: #f15b26;
                  display: block;
                  line-height: 1; }
                  .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .mobile-slider .mobile-slider-legend-cont .mobile-form-area b {
                    font-size: 11vw;
                    font-weight: 700; }
            .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .mobile-slider-desc {
              text-transform: uppercase;
              font-size: 11px;
              margin-top: 1vh; }
            .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .mobile-slider-cont {
              margin-top: 1vh;
              width: 100%;
              position: relative;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              flex-direction: column;
              -webkit-box-pack: start;
              -moz-box-pack: start;
              -ms-flex-pack: start;
              -webkit-justify-content: flex-start;
              justify-content: flex-start;
              -webkit-box-align: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center;
              color: white; }
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .mobile-slider-cont .mobile-slider-range {
                width: 100%; }
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .mobile-slider-cont .rc-slider-handle {
                position: absolute;
                margin-left: -7px;
                margin-top: -5px;
                width: 14px;
                height: 14px;
                cursor: pointer;
                cursor: -webkit-grab;
                cursor: grab;
                border-radius: 0;
                border: none;
                background-color: transparent;
                -ms-touch-action: pan-x;
                touch-action: pan-x;
                background-size: 100%;
                background-repeat: no-repeat; }
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .mobile-slider-cont .rc-slider-rail {
                background-color: transparent;
                background-position: 0% 0%;
                background-size: auto 100%; }
              .mobile-container .mobile-section-six .mobile-section-content .mobile-section-six-block .mobile-section-six-form-container form .mobile-slider-cont .rc-slider-track {
                background-color: transparent;
                background-position: 0% 0%;
                background-size: auto 100%;
                border-radius: 0; }
  .mobile-container .mobile-section-seven {
    position: relative;
    width: 100%;
    background-color: #f15b26;
    z-index: 310;
    margin-top: -11vh;
    min-height: 100vh; }
    .mobile-container .mobile-section-seven .mobile-section-seven-bg {
      position: absolute;
      height: 11vh;
      width: 100%;
      -webkit-transform: translateY(-99.7%);
      -ms-transform: translateY(-99.7%);
      -o-transform: translateY(-99.7%);
      transform: translateY(-99.7%); }
    .mobile-container .mobile-section-seven .mobile-section-footer {
      width: 100%;
      z-index: 312;
      position: relative; }
      .mobile-container .mobile-section-seven .mobile-section-footer .mobile-section-scroll-top {
        width: 100%;
        letter-spacing: 1.4px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        text-transform: uppercase;
        font-weight: 600;
        color: #f15b26;
        position: absolute;
        text-align: center;
        text-decoration: none;
        background: transparent;
        margin-top: 2vh;
        margin-bottom: 2vh;
        font-size: 5vw;
        bottom: 28%;
        cursor: pointer;
        z-index: 311; }
        .mobile-container .mobile-section-seven .mobile-section-footer .mobile-section-scroll-top img {
          height: 30px;
          margin-left: 4vw; }
      .mobile-container .mobile-section-seven .mobile-section-footer .mobile-section-footer-bottom {
        width: 100%;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-weight: 600;
        color: white;
        position: absolute;
        text-align: center;
        text-decoration: none;
        background: transparent;
        font-size: 7vw;
        bottom: 6%;
        cursor: pointer;
        z-index: 311; }
      .mobile-container .mobile-section-seven .mobile-section-footer .mobile-section-seven-bg-bottom {
        position: relative;
        width: 100%;
        z-index: 310; }
    .mobile-container .mobile-section-seven .mobile-section-content {
      width: 100%;
      position: relative;
      z-index: 311;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      overflow: hidden; }
      .mobile-container .mobile-section-seven .mobile-section-content .mobile-section-seven-heading {
        position: relative;
        width: 86%;
        margin: 0 auto;
        top: -1vh; }
        .mobile-container .mobile-section-seven .mobile-section-content .mobile-section-seven-heading .mobile-section-number-block {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          margin: 0 auto;
          font-weight: 600;
          letter-spacing: 1px;
          line-height: 1px;
          font-size: 9px;
          color: white;
          text-align: center; }
          .mobile-container .mobile-section-seven .mobile-section-content .mobile-section-seven-heading .mobile-section-number-block .mobile-section-line {
            background-color: white;
            height: 6px;
            width: 150px;
            margin-right: 4px; }
        .mobile-container .mobile-section-seven .mobile-section-content .mobile-section-seven-heading .mobile-section-heading {
          text-align: left;
          text-transform: uppercase;
          color: white;
          font-size: 13.3vw;
          font-weight: 300;
          margin-top: 3vh;
          margin-bottom: 5vh;
          width: 100%;
          letter-spacing: 3px; }
          .mobile-container .mobile-section-seven .mobile-section-content .mobile-section-seven-heading .mobile-section-heading b {
            font-weight: 500; }
    .mobile-container .mobile-section-seven .mobile-section-seven-body {
      position: relative;
      width: 100%;
      margin-bottom: 7vh; }
      .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block {
        position: relative;
        width: 100%;
        margin-bottom: 9vh;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start; }
        .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block:nth-of-type(2) {
          -webkit-box-pack: end;
          -moz-box-pack: end;
          -ms-flex-pack: end;
          -webkit-justify-content: flex-end;
          justify-content: flex-end; }
          .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block:nth-of-type(2) .mobile-section-block-city {
            left: 0;
            top: 0;
            right: unset;
            bottom: unset;
            -webkit-transform: translateX(0) translateY(-100%) rotate(90deg);
            -ms-transform: translateX(0) translateY(-100%) rotate(90deg);
            -o-transform: translateX(0) translateY(-100%) rotate(90deg);
            transform: translateX(0) translateY(-100%) rotate(90deg); }
          .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block:nth-of-type(2) .mobile-kontakty-inside {
            margin: 0 auto;
            margin-right: 0%;
            padding-right: 7%; }
            .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block:nth-of-type(2) .mobile-kontakty-inside .mobile-kontakty-name {
              margin-top: 2vh; }
        .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block .mobile-kontakty-inside {
          position: relative;
          width: 70%;
          margin: 0 auto;
          margin-left: 7%; }
          .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block .mobile-kontakty-inside .mobile-section-number-block {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            margin: 0 auto;
            font-weight: 600;
            letter-spacing: 1px;
            line-height: 1px;
            font-size: 9px;
            color: black;
            text-transform: uppercase;
            text-align: center; }
            .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block .mobile-kontakty-inside .mobile-section-number-block .mobile-section-line {
              background-color: black;
              height: 6px;
              width: 70px;
              margin-right: 4px; }
          .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block .mobile-kontakty-inside .mobile-kontakty-title {
            width: 100%;
            letter-spacing: 1.4px;
            text-transform: uppercase;
            font-weight: 600;
            color: white;
            position: relative;
            text-align: left;
            text-decoration: none;
            background: transparent;
            margin-top: 2vh;
            margin-bottom: 2vh;
            font-size: 4vw; }
          .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block .mobile-kontakty-inside .mobile-kontakty-name {
            font-weight: 400;
            width: 100%;
            letter-spacing: 1.4px;
            color: white;
            position: relative;
            text-align: left;
            text-decoration: none;
            background: transparent;
            margin-bottom: 2vh;
            font-size: 4vw; }
          .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block .mobile-kontakty-inside .mobile-kontakty-data {
            position: relative;
            width: 100%;
            letter-spacing: 1.4px;
            font-weight: 600;
            position: relative;
            text-align: left;
            text-decoration: none;
            background: transparent;
            margin-top: 2vh;
            margin-bottom: 2vh;
            font-size: 4vw; }
            .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block .mobile-kontakty-inside .mobile-kontakty-data .mobile-kontakty-line {
              color: black; }
              .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block .mobile-kontakty-inside .mobile-kontakty-data .mobile-kontakty-line .thin {
                font-weight: 400; }
          .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block .mobile-kontakty-inside .mobile-kontakty-detail {
            width: 100%;
            letter-spacing: 1.4px;
            font-weight: 600;
            color: white;
            position: relative;
            text-align: left;
            text-decoration: none;
            background: transparent;
            margin-top: 2vh;
            margin-bottom: 2vh;
            font-size: 4vw; }
            .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block .mobile-kontakty-inside .mobile-kontakty-detail .thin {
              font-weight: 400; }
            .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block .mobile-kontakty-inside .mobile-kontakty-detail .mobile-kontakty-detail-title {
              margin-bottom: 2vh; }
            .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block .mobile-kontakty-inside .mobile-kontakty-detail .mobile-kontakty-flex {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              position: relative; }
              .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block .mobile-kontakty-inside .mobile-kontakty-detail .mobile-kontakty-flex .kontakty-left {
                width: 20%; }
              .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block .mobile-kontakty-inside .mobile-kontakty-detail .mobile-kontakty-flex .kontakty-right {
                width: 80%;
                text-align: left; }
        .mobile-container .mobile-section-seven .mobile-section-seven-body .mobile-section-seven-block .mobile-section-block-city {
          position: absolute;
          -webkit-transform: translateX(100%) rotate(-90deg);
          -ms-transform: translateX(100%) rotate(-90deg);
          -o-transform: translateX(100%) rotate(-90deg);
          transform: translateX(100%) rotate(-90deg);
          -webkit-transform-origin: left bottom 0;
          -ms-transform-origin: left bottom 0;
          -o-transform-origin: left bottom 0;
          transform-origin: left bottom 0;
          text-transform: uppercase;
          color: black;
          font-weight: 700;
          font-size: 23vw;
          line-height: 0.8;
          right: 0px;
          bottom: 0px; }
  .mobile-container .sent-wrapper {
    position: relative;
    margin-top: 20px;
    margin-bottom: 160px;
    text-align: center;
    display: none; }
    .mobile-container .sent-wrapper.sent {
      display: block; }
  .mobile-container .error_message {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-top: 30px;
    letter-spacing: 1;
    width: 100%;
    color: white; }
  .mobile-container .section-heading {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #f05b28;
    font-weight: 600;
    font-size: 52px;
    text-transform: uppercase; }
    .mobile-container .section-heading .odeslano-icon {
      width: 55px;
      margin-right: 30px; }

@keyframes sending {
  from {
    opacity: 1;
    transform: scale3d(0.9, 0.9, 0.9); }
  to {
    opacity: .5;
    transform: scale3d(1.3, 1.3, 1.3); } }
      .mobile-container .section-heading .odeslano-icon.sending {
        animation: sending 1.3s ease-in-out infinite;
        animation-fill-mode: both;
        animation-direction: alternate; }
  .mobile-container .odeslano-text {
    text-align: center;
    font-weight: 500;
    text-transform: none;
    font-size: 18px;
    color: #7f7f7f;
    margin-bottom: 1vh;
    letter-spacing: 1.4px;
    line-height: 26px; }
  .mobile-container .form-again {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    opacity: 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .mobile-container .form-again.sent {
      opacity: 1; }

.loader {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 500;
  background-color: black; }

.main-container-heatflow {
  z-index: 50; }
  .main-container-heatflow .page-section {
    width: 100%;
    height: 91vh;
    position: relative;
    background-color: black; }
    .main-container-heatflow .page-section .section-content .section-heading {
      color: white;
      font-weight: 300;
      text-transform: uppercase;
      text-align: center; }
      .main-container-heatflow .page-section .section-content .section-heading b {
        font-weight: 500; }
    .main-container-heatflow .page-section#section_6 {
      background-image: url("/assets/images/backgrounds/img_heatflow_studie_bg.png");
      background-color: black;
      background-position: 50% 50%;
      background-size: cover;
      background-repeat: no-repeat; }
      .main-container-heatflow .page-section#section_6 .section-content {
        position: relative;
        width: 100%;
        height: 100%;
        max-width: 1200px;
        margin: 0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .main-container-heatflow .page-section#section_6 .section-content .section-text {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          position: relative; }
          .main-container-heatflow .page-section#section_6 .section-content .section-text .section-heading {
            font-weight: 300;
            text-transform: uppercase;
            font-size: calc(26px + 2.2vw);
            color: white;
            margin-bottom: 6vh;
            letter-spacing: 3px; }
          .main-container-heatflow .page-section#section_6 .section-content .section-text .section-info {
            position: relative;
            font-size: 14px;
            color: white;
            letter-spacing: 1.2px;
            width: 80%;
            margin-bottom: 6vh;
            max-width: 360px;
            text-align: center; }
          .main-container-heatflow .page-section#section_6 .section-content .section-text b {
            font-weight: 500; }
          .main-container-heatflow .page-section#section_6 .section-content .section-text .section-link-container {
            width: 20vw;
            max-width: 250px;
            height: 50px;
            line-height: 50px;
            text-transform: uppercase;
            font-size: 12px;
            color: black;
            font-weight: 500;
            letter-spacing: 1.4px;
            text-align: center;
            cursor: pointer;
            background-image: linear-gradient(to right, #f05a27, #e56f2c); }
            .main-container-heatflow .page-section#section_6 .section-content .section-text .section-link-container .section-link {
              display: block;
              width: 100%;
              height: 100%;
              color: black;
              -webkit-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
              .main-container-heatflow .page-section#section_6 .section-content .section-text .section-link-container .section-link:hover {
                color: white; }
        .main-container-heatflow .page-section#section_6 .section-content .section-side-graph {
          width: 40%;
          position: relative;
          margin-left: 100px; }
    .main-container-heatflow .page-section#section_7 {
      background-color: black; }
      .main-container-heatflow .page-section#section_7 .section-content {
        position: relative;
        width: 100%;
        height: 100%; }
        .main-container-heatflow .page-section#section_7 .section-content .section-left {
          position: absolute;
          top: 0px;
          left: 0px;
          height: 100%;
          width: 37vw;
          overflow: hidden; }
          .main-container-heatflow .page-section#section_7 .section-content .section-left::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url("/assets/images/img/img_homepage_realizace_left.jpg");
            background-position: 0% 50%;
            background-size: auto 100%;
            background-repeat: no-repeat;
            -webkit-transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .main-container-heatflow .page-section#section_7 .section-content .section-left:hover::before {
            filter: blur(5px);
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); }
          .main-container-heatflow .page-section#section_7 .section-content .section-left .section-side-link {
            position: relative;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 20%, black 80%, black);
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center; }
          .main-container-heatflow .page-section#section_7 .section-content .section-left:hover .section-side-heading {
            color: #f05a27;
            background: -webkit-linear-gradient(90deg, #f05a27, #e56f2c);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; }
          .main-container-heatflow .page-section#section_7 .section-content .section-left:hover .section-side-arrow {
            background-image: url("/assets/images/icons/ic_arrow_right_orange.png");
            -webkit-transform: translateX(30%);
            -ms-transform: translateX(30%);
            -o-transform: translateX(30%);
            transform: translateX(30%); }
          .main-container-heatflow .page-section#section_7 .section-content .section-left .section-side-heading {
            position: relative;
            font-size: calc(18px + 0.8vw);
            color: white;
            font-weight: 500;
            text-transform: uppercase;
            text-align: center;
            letter-spacing: 2px;
            -webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .main-container-heatflow .page-section#section_7 .section-content .section-left .section-side-text {
            position: relative;
            font-size: 16px;
            color: white;
            margin-top: 2vh;
            letter-spacing: 1.2px;
            width: 50%;
            max-width: 260px;
            text-align: center; }
          .main-container-heatflow .page-section#section_7 .section-content .section-left .section-side-arrow {
            -webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            margin-top: 3vh;
            position: relative;
            width: 40px;
            height: 40px;
            background-image: url("/assets/images/icons/ic_arrow_right_white.png");
            background-size: 40px auto;
            background-position: 50% 50%;
            background-repeat: no-repeat; }
        .main-container-heatflow .page-section#section_7 .section-content .section-right {
          position: absolute;
          top: 0px;
          right: 0px;
          height: 100%;
          width: 37vw;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          overflow: hidden; }
          .main-container-heatflow .page-section#section_7 .section-content .section-right::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url("/assets/images/img/img_homepage_realizace_right.jpg");
            background-position: 0% 50%;
            background-size: auto 100%;
            background-repeat: no-repeat;
            -webkit-transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-filter 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .main-container-heatflow .page-section#section_7 .section-content .section-right:hover::before {
            filter: blur(5px);
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); }
          .main-container-heatflow .page-section#section_7 .section-content .section-right .section-side-link {
            width: 100%;
            height: 100%;
            position: relative;
            background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 20%, black 80%, black);
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center; }
          .main-container-heatflow .page-section#section_7 .section-content .section-right:hover .section-side-heading {
            color: #f05a27;
            background: -webkit-linear-gradient(90deg, #f05a27, #e56f2c);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; }
          .main-container-heatflow .page-section#section_7 .section-content .section-right:hover .section-side-arrow {
            background-image: url("/assets/images/icons/ic_arrow_right_orange.png");
            -webkit-transform: translateX(30%);
            -ms-transform: translateX(30%);
            -o-transform: translateX(30%);
            transform: translateX(30%); }
          .main-container-heatflow .page-section#section_7 .section-content .section-right .section-side-heading {
            position: relative;
            font-size: calc(18px + 0.8vw);
            color: white;
            font-weight: 500;
            text-transform: uppercase;
            text-align: center;
            letter-spacing: 2px;
            -webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .main-container-heatflow .page-section#section_7 .section-content .section-right .section-side-text {
            position: relative;
            font-size: 16px;
            color: white;
            margin-top: 2vh;
            letter-spacing: 1.2px;
            width: 50%;
            max-width: 260px;
            text-align: center; }
          .main-container-heatflow .page-section#section_7 .section-content .section-right .section-side-arrow {
            -webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            margin-top: 3vh;
            position: relative;
            width: 40px;
            height: 40px;
            background-image: url("/assets/images/icons/ic_arrow_right_white.png");
            background-size: 40px auto;
            background-position: 50% 50%;
            background-repeat: no-repeat; }
        .main-container-heatflow .page-section#section_7 .section-content .section-middle {
          position: relative;
          width: 50vw;
          margin: 0 auto;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          flex-direction: column;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .main-container-heatflow .page-section#section_7 .section-content .section-middle .section-route {
            text-transform: uppercase;
            font-size: 11px;
            color: #f05b28;
            margin-top: 18vh; }
          .main-container-heatflow .page-section#section_7 .section-content .section-middle b {
            font-weight: 500; }
          .main-container-heatflow .page-section#section_7 .section-content .section-middle .section-heading {
            font-weight: 300;
            text-transform: uppercase;
            font-size: calc(26px + 2.2vw);
            margin-top: 2vh;
            color: white;
            margin-bottom: 6vh;
            letter-spacing: 3px; }
          .main-container-heatflow .page-section#section_7 .section-content .section-middle .section-data {
            font-size: 14px;
            color: white;
            margin-top: 5vh;
            letter-spacing: 1.2px; }
          .main-container-heatflow .page-section#section_7 .section-content .section-middle .section-data-value {
            font-weight: 300;
            text-transform: none;
            font-size: calc(22px + 1.2vw);
            color: white;
            letter-spacing: 3px; }
            .main-container-heatflow .page-section#section_7 .section-content .section-middle .section-data-value b {
              font-weight: 500;
              font-size: calc(26px + 2.2vw);
              text-transform: uppercase; }
  .main-container-heatflow .scroll-cont {
    position: fixed;
    display: block;
    left: 50%;
    bottom: 2vh;
    cursor: pointer;
    z-index: 90;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media screen and (max-width: 50em) {
      .main-container-heatflow .scroll-cont {
        display: none; } }
    .main-container-heatflow .scroll-cont .scroll-icon {
      margin: 1vh 1vw;
      height: 50px; }

.fade-show {
  -webkit-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  z-index: 705;
  opacity: 0; }
  .fade-show.show {
    opacity: 1; }

.animation-wrapper {
  position: relative;
  overflow: hidden; }
  .animation-wrapper canvas {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fade-show {
  -webkit-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  z-index: 705;
  opacity: 0; }
  .fade-show.show {
    opacity: 1; }

.animation-overflow {
  position: absolute;
  overflow: hidden;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh; }

.animation-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 2;
  top: 0px;
  left: 0px;
  background-color: black;
  -webkit-transition: background-color 0.01s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: background-color 0.01s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: background-color 0.01s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: background-color 0.01s cubic-bezier(0.22, 0.61, 0.36, 1);
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  -ms-flex-pack: center; }
  .animation-loader.loader-home {
    height: 91vh;
    top: 9vh; }
  .animation-loader.is-loaded {
    background-color: rgba(0, 0, 0, 0);
    animation-name: animationLoaderContainer;
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards; }
  .animation-loader .loader-svg {
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%; }
    .animation-loader .loader-svg.is-loaded {
      animation-name: animationLoader;
      animation-duration: 1.5s;
      animation-timing-function: ease;
      animation-fill-mode: forwards; }
  .animation-loader .loader-svg-home {
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    background-image: url("/assets/images/backgrounds/texture-loader-transparent.svg");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
    .animation-loader .loader-svg-home.is-loaded {
      animation-name: animationLoader;
      animation-duration: 1.5s;
      animation-timing-function: ease;
      animation-fill-mode: forwards; }

.orange-loader {
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1);
  -o-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1);
  top: 50%;
  left: 50%;
  width: 12%;
  height: 20%;
  z-index: 4;
  background-color: black;
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
  .orange-loader.orange {
    background-color: #aaaaaa; }
    .orange-loader.orange .loader-fill {
      background-color: #f05b28; }
  .orange-loader.is-loaded {
    opacity: 0; }
  .orange-loader .loader-fill {
    height: 100%;
    width: 0;
    float: left;
    background-color: black; }

.text {
  -webkit-transform: translateY(150%) scale(1);
  -ms-transform: translateY(150%) scale(1);
  -o-transform: translateY(150%) scale(1);
  transform: translateY(150%) scale(1);
  color: white;
  font-size: 6vh;
  font-weight: 300;
  z-index: 6;
  line-height: 6vh;
  text-align: center;
  transition-property: opacity;
  transition-duration: 0.3s; }
  .text.is-loaded {
    opacity: 0; }
  .text small {
    display: inline-block;
    -webkit-transform: translateX(0.5vh) translateY(-2vh);
    -ms-transform: translateX(0.5vh) translateY(-2vh);
    -o-transform: translateX(0.5vh) translateY(-2vh);
    transform: translateX(0.5vh) translateY(-2vh);
    line-height: 3vh;
    font-size: 50%; }

.animation-wrapper .animation-content {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1; }
  .animation-wrapper .animation-content .sound_control {
    text-transform: uppercase;
    color: white;
    font-weight: 500;
    font-size: 16px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    z-index: 100000;
    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .animation-wrapper .animation-content .sound_control.is-loaded {
      opacity: 1; }
  .animation-wrapper .animation-content .scroll-cont {
    -webkit-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
    opacity: 0;
    text-align: center;
    z-index: 1000;
    width: 90px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    .animation-wrapper .animation-content .scroll-cont.show {
      opacity: 1; }
    .animation-wrapper .animation-content .scroll-cont.hidden .scroll-indicator {
      background-color: transparent; }
    .animation-wrapper .animation-content .scroll-cont .skip-settings {
      text-decoration: underline;
      color: white;
      font-size: 13px;
      font-weight: 600;
      text-transform: lowercase;
      cursor: pointer;
      text-align: center;
      width: 100%;
      margin-bottom: 20px;
      visibility: visible;
      position: relative;
      top: 50px; }
      .animation-wrapper .animation-content .scroll-cont .skip-settings.hide {
        visibility: hidden; }
    .animation-wrapper .animation-content .scroll-cont .animation-controls {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 100%;
      visibility: hidden; }
      .animation-wrapper .animation-content .scroll-cont .animation-controls.show {
        visibility: visible; }
    .animation-wrapper .animation-content .scroll-cont .scroll-count-down {
      opacity: 1;
      text-decoration: none;
      color: white;
      font-size: 50px;
      line-height: 75px;
      font-weight: 400;
      text-transform: lowercase;
      cursor: pointer;
      text-align: center;
      width: 100%;
      -webkit-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .animation-wrapper .animation-content .scroll-cont .scroll-count-down.hide {
        opacity: 0; }
    .animation-wrapper .animation-content .scroll-cont .sound-icon {
      width: 40px;
      cursor: pointer; }
    .animation-wrapper .animation-content .scroll-cont .scroll-indicator {
      position: relative;
      border-radius: 50%;
      height: 75px;
      bottom: 0px;
      z-index: 1001; }
    .animation-wrapper .animation-content .scroll-cont .scroll-icon {
      z-index: 1002;
      opacity: 0;
      -webkit-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .animation-wrapper .animation-content .scroll-cont .scroll-icon.show {
        opacity: 1; }
    .animation-wrapper .animation-content .scroll-cont .scroll-continue {
      display: block;
      font-size: 1.7vh;
      font-weight: 600;
      color: #f05b28;
      letter-spacing: 1.4px;
      margin-bottom: 1vh;
      opacity: 1;
      -webkit-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .animation-wrapper .animation-content .scroll-cont .scroll-continue.hidden {
        opacity: 0; }

.animation-content-section {
  min-height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  opacity: 1;
  -webkit-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
  .animation-content-section.hidden {
    opacity: 0; }
  .animation-content-section .section-subheader,
  .animation-content-section .section-header {
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .animation-content-section .section-subheader.is-loaded,
    .animation-content-section .section-header.is-loaded {
      opacity: 1; }
    .animation-content-section .section-subheader.hidden,
    .animation-content-section .section-header.hidden {
      opacity: 0; }
  .animation-content-section .section-subheader {
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: white; }
    .animation-content-section .section-subheader b {
      font-weight: 500; }
  .animation-content-section.section2 {
    position: absolute;
    top: 0;
    left: 0;
    display: block; }
    .animation-content-section.section2.hidden {
      animation-name: hideSection;
      animation-duration: 0.5s;
      animation-timing-function: ease;
      animation-fill-mode: forwards; }
    .animation-content-section.section2 .section2-bottom-bg {
      position: absolute;
      width: 100%;
      top: 100%;
      opacity: 0;
      -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      -webkit-transform: translateY(-140px);
      -ms-transform: translateY(-140px);
      -o-transform: translateY(-140px);
      transform: translateY(-140px); }
      .animation-content-section.section2 .section2-bottom-bg.show {
        opacity: 1; }
    .animation-content-section.section2 .section-header-cont {
      position: relative;
      width: 100%;
      margin-top: 20vh;
      text-align: center; }
    .animation-content-section.section2 .section-header {
      position: relative;
      width: 100%;
      margin-bottom: 6vh;
      font-weight: 300;
      font-size: 6vh;
      color: white;
      letter-spacing: 2px;
      text-align: center;
      opacity: 0;
      -webkit-transition: opacity 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: opacity 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: opacity 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: opacity 0.45s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .animation-content-section.section2 .section-header.active {
        opacity: 1; }
      .animation-content-section.section2 .section-header.part-one.line-4 .first-line {
        opacity: 1;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%); }
      .animation-content-section.section2 .section-header.part-one.line-4 .second-line {
        opacity: 0;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%); }
      .animation-content-section.section2 .section-header.part-one-1.line-4 .first-line {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%); }
      .animation-content-section.section2 .section-header.part-one-1.line-4 .second-line {
        opacity: 0;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%); }
      .animation-content-section.section2 .section-header.part-two.line-4 .first-line {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%); }
      .animation-content-section.section2 .section-header.part-two.line-4 .second-line {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%); }
      .animation-content-section.section2 .section-header.line-1 {
        position: absolute; }
      .animation-content-section.section2 .section-header.line-2 {
        position: absolute; }
      .animation-content-section.section2 .section-header.line-3 {
        position: absolute; }
      .animation-content-section.section2 .section-header.line-4 {
        position: absolute; }
        .animation-content-section.section2 .section-header.line-4 .first-line {
          -webkit-transition: opacity 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: opacity 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: opacity 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: opacity 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
          -webkit-transform: translateY(50%);
          -ms-transform: translateY(50%);
          -o-transform: translateY(50%);
          transform: translateY(50%); }
        .animation-content-section.section2 .section-header.line-4 .second-line {
          opacity: 0;
          -webkit-transition: opacity 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: opacity 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: opacity 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: opacity 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
          -webkit-transform: translateY(0%);
          -ms-transform: translateY(0%);
          -o-transform: translateY(0%);
          transform: translateY(0%); }
  .animation-content-section.section3 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%; }
    .animation-content-section.section3.hidden {
      animation-name: hideSection;
      animation-duration: 0.5s;
      animation-timing-function: ease;
      animation-fill-mode: forwards; }
    .animation-content-section.section3 .section3-bottom-bg {
      position: absolute;
      width: 100%;
      top: 100%;
      opacity: 0;
      -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      -webkit-transform: translateY(-140px);
      -ms-transform: translateY(-140px);
      -o-transform: translateY(-140px);
      transform: translateY(-140px); }
      .animation-content-section.section3 .section3-bottom-bg.show {
        opacity: 1; }
    .animation-content-section.section3 .section-count-left {
      position: absolute;
      left: -40px;
      height: 100vh;
      line-height: 80vh;
      vertical-align: middle;
      font-size: 70vh;
      font-weight: 700;
      color: rgba(0, 0, 0, 0.4);
      text-align: left;
      opacity: 0;
      z-index: 100;
      -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .animation-content-section.section3 .section-count-left.show {
        opacity: 1; }
    .animation-content-section.section3 .section-data-cont {
      position: absolute;
      width: 46vw;
      max-width: 800px;
      height: 80vh;
      top: 50%;
      z-index: 100;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: center;
      right: 0;
      background-color: rgba(10, 10, 10, 0.85);
      opacity: 0;
      -webkit-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
      will-change: transform; }
      .animation-content-section.section3 .section-data-cont.show {
        opacity: 1; }
      .animation-content-section.section3 .section-data-cont.wider {
        width: 50vw; }
        @media (max-width: 1058px) {
          .animation-content-section.section3 .section-data-cont.wider {
            width: 75vw; } }
      .animation-content-section.section3 .section-data-cont.center {
        width: 50vw;
        right: 50%;
        -webkit-transform: translateX(50%) translateY(-50%);
        -ms-transform: translateX(50%) translateY(-50%);
        -o-transform: translateX(50%) translateY(-50%);
        transform: translateX(50%) translateY(-50%); }
        @media (max-width: 1058px) {
          .animation-content-section.section3 .section-data-cont.center {
            width: 75vw; } }
        .animation-content-section.section3 .section-data-cont.center.even_wider {
          width: 80vw;
          max-width: 80vw; }
      .animation-content-section.section3 .section-data-cont .section-data-one {
        position: absolute;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        text-align: center;
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .animation-content-section.section3 .section-data-cont .section-data-one.active {
          opacity: 1;
          z-index: 1000;
          -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -o-transform: translateY(0px);
          transform: translateY(0px); }
          .animation-content-section.section3 .section-data-cont .section-data-one.active .section-side-graph {
            opacity: 1;
            left: 0; }
          .animation-content-section.section3 .section-data-cont .section-data-one.active .section-graph-left {
            opacity: 1; }
          .animation-content-section.section3 .section-data-cont .section-data-one.active .section-porovnani-link {
            opacity: 1; }
        .animation-content-section.section3 .section-data-cont .section-data-one .inside-box {
          position: relative;
          width: 100%;
          height: 75%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .animation-content-section.section3 .section-data-cont .section-data-one .inside-box.h-full-height {
            height: 100%; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-data-btn-wrapper {
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -ms-flex-pack: distribute;
          -webkit-justify-content: space-around;
          justify-content: space-around;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-porovnani {
          width: 100%;
          height: 60%;
          position: relative;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-side-graph-wrapper {
          position: relative;
          width: 90%;
          height: 76%;
          max-width: 1200px; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-side-graph {
          position: relative;
          height: 100%;
          width: 100%;
          -webkit-transition: left 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 1.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: left 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 1.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: left 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 1.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: left 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 1.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          opacity: 0;
          background-image: url("/assets/images/img/img_heatflow_porovnani.svg");
          background-size: contain;
          background-position: center center;
          background-repeat: no-repeat; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-graph-top {
          position: relative;
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-graph-top .section-graph-top-block {
            display: block;
            margin: 0px 30px;
            font-size: 18px;
            font-weight: 400;
            color: #f05b28;
            line-height: 18px; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-graph-top .section-graph-top-block .graph-data-value {
              font-size: 30px;
              font-weight: 700; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-graph-top .section-graph-top-block .graph-data-desc {
              font-size: 12px;
              color: #9FA0A1;
              font-weight: 400; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-graph-left {
          opacity: 0;
          -webkit-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
          position: relative;
          height: 80%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -ms-flex-pack: distribute;
          -webkit-justify-content: space-around;
          justify-content: space-around;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-graph-left .icon-wrapper {
            text-align: center;
            position: relative; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-graph-left .icon-wrapper .porovnani-icon {
              width: 60px;
              position: relative; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-graph-left .icon-wrapper .porovnani-data {
              position: relative;
              color: #9d9c9c;
              letter-spacing: 1.5px;
              text-transform: none;
              font-size: 12px;
              font-weight: 400;
              white-space: nowrap; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-graph-left .icon-wrapper .porovnani-value {
              position: relative;
              color: white;
              letter-spacing: 1.5px;
              text-transform: none;
              font-size: 14px;
              font-weight: 400; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-porovnani-link {
          width: 20vw;
          max-width: 250px;
          min-height: 50px;
          line-height: 50px;
          text-transform: uppercase;
          font-size: 12px;
          color: black;
          font-weight: 500;
          letter-spacing: 1.4px;
          text-align: center;
          cursor: pointer;
          background-image: linear-gradient(to right, #f05a27, #e56f2c);
          -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          opacity: 0;
          margin: 30px auto; }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-porovnani-link .porovnani-link {
            display: block;
            width: 100%;
            height: 100%;
            color: black;
            -webkit-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-porovnani-link .porovnani-link:hover {
              color: white; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-data-icon {
          width: 160px;
          position: relative; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-data-graph {
          width: calc(100% - 120px);
          margin-top: 30px;
          position: relative; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-data-bezporuchy {
          width: calc(100% - 30px);
          margin-top: 30px;
          position: relative; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-data-block-srovnani-intro {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          text-align: center;
          opacity: 0;
          -webkit-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-data-block-srovnani-intro.active {
            opacity: 1; }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-data-block-srovnani-intro .srovnani-intro-heading {
            text-transform: uppercase;
            font-size: 2.4vw;
            color: white;
            font-weight: 300; }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-data-block-srovnani-intro .srovnani-intro-value {
            text-transform: uppercase;
            font-size: 3.2vw;
            color: #e56f2c;
            font-weight: 600;
            margin-top: 4vh; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-block-srovnani-intro .srovnani-intro-value span {
              font-weight: 300; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          -webkit-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block.active {
            opacity: 1; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block.active .section-data-block-wrapper .srovnani-column .heatflow-temp.heatflow-top-temp {
              color: #e56f2c; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block.active .section-data-block-wrapper .srovnani-column .heatflow-temp.heatflow-top-right-temp {
              color: #50A7DB; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block.active .section-data-block-wrapper .srovnani-column .heatflow-temp.heatflow-bottom-temp {
              color: #e56f2c; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block.active .section-data-block-wrapper .srovnani-column .heatflow-temp.heatflow-bottom-right-temp {
              color: red; }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .number-info-left {
            position: absolute;
            height: 156px;
            left: -350px;
            top: 56%;
            opacity: 0;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .number-info-left.active {
              opacity: 1; }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .number-info-right {
            position: absolute;
            height: 156px;
            right: -340px;
            top: 56%;
            opacity: 0;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .number-info-right.active {
              opacity: 1; }
          @media screen and (max-width: 1180px) {
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .number-info-left {
              position: absolute;
              height: 116px;
              left: -250px;
              top: 56%;
              opacity: 0; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .number-info-right {
              position: absolute;
              height: 116px;
              right: -230px;
              top: 56%;
              opacity: 0; } }
          @media screen and (max-width: 1058px) {
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .number-info-left {
              left: -80px;
              top: 85%; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .number-info-right {
              right: -80px;
              top: 85%; } }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-heading {
            text-transform: uppercase;
            position: relative;
            color: white;
            font-size: 3vh;
            line-height: 3vh;
            font-weight: 600;
            letter-spacing: 1.5px;
            margin: 2vh 0; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-heading .repeat {
              font-size: 13px;
              font-weight: 400;
              letter-spacing: 1.5px;
              color: #f05b28;
              cursor: pointer;
              border-bottom: 1px solid #f05b28;
              opacity: 0;
              -webkit-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-heading .repeat.active {
                opacity: 1; }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            position: relative;
            -webkit-box-pack: start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            flex-direction: column;
            width: 100%;
            padding: 0px 40px;
            overflow: hidden; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-row {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              position: relative;
              -webkit-box-pack: justify;
              -moz-box-pack: justify;
              -ms-flex-pack: justify;
              -webkit-justify-content: space-between;
              justify-content: space-between;
              width: 100%;
              opacity: 0;
              -webkit-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-row.active {
                opacity: 1; }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-row.hidden {
                display: none; }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-row.budiky {
                margin: 1vh 0px; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-row.budiky .srovnani-column {
                  -webkit-box-pack: center;
                  -moz-box-pack: center;
                  -ms-flex-pack: center;
                  -webkit-justify-content: center;
                  justify-content: center;
                  text-transform: uppercase;
                  text-align: center;
                  position: relative;
                  color: white;
                  font-size: 16px;
                  font-weight: 500;
                  letter-spacing: 1.5px;
                  margin: 2vh 0; }
                @media screen and (max-height: 800px) {
                  .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-row.budiky {
                    margin: 0vh 0px; }
                    .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-row.budiky .srovnani-column {
                      margin: 1vh 0; } }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-row.top-row .left-column {
                border-top: 1px solid #f05a27;
                border-left: 1px solid #f05a27;
                border-right: 1px solid #f05a27;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px; }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-row.top-row .right-column {
                border-top: 1px solid #9d9c9c;
                border-left: 1px solid #9d9c9c;
                border-right: 1px solid #9d9c9c;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px; }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-row.graph-row .left-column {
                border-bottom: 1px solid #f05a27;
                border-left: 1px solid #f05a27;
                border-right: 1px solid #f05a27;
                border-bottom-left-radius: 10px;
                border-bottom-right-radius: 10px; }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-row.graph-row .right-column {
                border-bottom: 1px solid #9d9c9c;
                border-left: 1px solid #9d9c9c;
                border-right: 1px solid #9d9c9c;
                border-bottom-left-radius: 10px;
                border-bottom-right-radius: 10px; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              position: relative;
              -webkit-box-pack: start;
              -moz-box-pack: start;
              -ms-flex-pack: start;
              -webkit-justify-content: flex-start;
              justify-content: flex-start;
              flex-direction: column;
              -webkit-box-align: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center; }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .section-data-btn {
                width: 160px;
                text-transform: uppercase;
                position: relative;
                color: #9FA0A1;
                font-size: 14px;
                font-weight: 500;
                letter-spacing: 1.2px;
                border-radius: 8px;
                margin: 20px auto;
                height: 40px;
                line-height: 40px;
                background-color: #1E1F20;
                visibility: hidden;
                cursor: pointer;
                -webkit-transition: background-color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
                -ms-transition: background-color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
                -o-transition: background-color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
                transition: background-color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
                -webkit-box-shadow: -5px -7px 16px -9px #333333;
                -moz-box-shadow: -5px -7px 16px -9px #333333;
                box-shadow: -5px -7px 16px -9px #333333; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .section-data-btn:hover {
                  background-color: rgba(30, 31, 32, 0.6); }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .section-data-btn.show {
                  visibility: visible; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .section-data-btn a {
                  display: block;
                  text-decoration: none;
                  width: 100%;
                  height: 100%;
                  color: inherit; }
                @media screen and (max-width: 1270px) {
                  .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .section-data-btn {
                    width: 140px;
                    font-size: 12px;
                    letter-spacing: 1px;
                    border-radius: 6px;
                    margin: 14px auto;
                    height: 32px;
                    line-height: 32px; } }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-budik {
                width: 100px; }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .blesk-text {
                text-align: center;
                position: relative;
                color: white;
                font-size: 20px;
                line-height: 20px;
                font-weight: 600;
                letter-spacing: 1.5px;
                text-transform: none; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .blesk-text span {
                  font-size: 14px;
                  font-weight: 400;
                  letter-spacing: 1.5px; }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column.s-bleskem {
                -webkit-box-pack: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                flex-direction: column;
                -webkit-box-align: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-align-content: center;
                -ms-flex-line-pack: center;
                align-content: center;
                height: 110px;
                background-image: url("/assets/images/icons/spotreba-energie-kolecko.svg");
                background-size: 110px 110px;
                background-position: center;
                background-repeat: no-repeat; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column.s-bleskem .srovnani-budik {
                  width: 14px;
                  margin-bottom: 10px; }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .heatflow-temp {
                text-transform: uppercase;
                font-size: 36px;
                color: #e56f2c;
                font-weight: 600;
                margin: 1vh 0;
                color: white; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .heatflow-temp.heatflow-top-temp {
                  -webkit-transition: color 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                  -ms-transition: color 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                  -o-transition: color 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                  transition: color 1.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .heatflow-temp.heatflow-top-right-temp {
                  -webkit-transition: color 12s cubic-bezier(0.22, 0.61, 0.36, 1);
                  -ms-transition: color 12s cubic-bezier(0.22, 0.61, 0.36, 1);
                  -o-transition: color 12s cubic-bezier(0.22, 0.61, 0.36, 1);
                  transition: color 12s cubic-bezier(0.22, 0.61, 0.36, 1); }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .heatflow-temp.heatflow-bottom-temp {
                  -webkit-transition: color 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                  -ms-transition: color 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                  -o-transition: color 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
                  transition: color 1.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .heatflow-temp.heatflow-bottom-right-temp {
                  -webkit-transition: color 12s cubic-bezier(0.22, 0.61, 0.36, 1);
                  -ms-transition: color 12s cubic-bezier(0.22, 0.61, 0.36, 1);
                  -o-transition: color 12s cubic-bezier(0.22, 0.61, 0.36, 1);
                  transition: color 12s cubic-bezier(0.22, 0.61, 0.36, 1); }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .heatflow-temp span.jednotka {
                  font-weight: 300;
                  font-size: 60%;
                  vertical-align: top; }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column.left-column {
                min-width: 30%; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column.left-column .srovnani-column-logo {
                  width: 100px;
                  margin: 2vh 0; }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column.right-column {
                min-width: 30%; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column.right-column .srovnani-column-title {
                  text-transform: uppercase;
                  position: relative;
                  color: white;
                  font-size: 20px;
                  font-weight: 500;
                  letter-spacing: 1.5px;
                  margin: 2vh 0; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column.right-column .srovnani-graph-wrapper .srovnani-graph-placeholder {
                  position: absolute;
                  width: 100%;
                  top: 0;
                  left: 0;
                  bottom: 0;
                  right: 0;
                  height: 100%;
                  -webkit-transition: height 12s linear;
                  -ms-transition: height 12s linear;
                  -o-transition: height 12s linear;
                  transition: height 12s linear;
                  will-change: height;
                  background-image: url("/assets/images/icons/graph_placeholder.svg");
                  background-size: 100% auto;
                  background-position: 0 0;
                  background-repeat: no-repeat;
                  z-index: 1001; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column.right-column .srovnani-graph-wrapper .srovnani-graph {
                  position: absolute;
                  width: 100%;
                  top: 0;
                  left: 0;
                  bottom: 0;
                  right: 0;
                  height: 100%;
                  z-index: 1000;
                  background-image: url("/assets/images/icons/graph_white.svg");
                  background-size: 100% auto;
                  background-repeat: no-repeat;
                  background-position: bottom; }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column.middle-column {
                -webkit-box-pack: justify;
                -moz-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between; }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-graph-wrapper {
                width: 101px;
                min-height: 220px;
                position: relative;
                overflow: hidden; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-graph-wrapper.active .srovnani-graph-placeholder {
                  height: 0px; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-graph-wrapper .srovnani-graph-placeholder {
                  position: absolute;
                  width: 100%;
                  top: 0;
                  left: 0;
                  bottom: 0;
                  right: 0;
                  height: 100%;
                  -webkit-transition: height 1.5s linear;
                  -ms-transition: height 1.5s linear;
                  -o-transition: height 1.5s linear;
                  transition: height 1.5s linear;
                  background-image: url("/assets/images/icons/graph_placeholder.svg");
                  background-size: 100% auto;
                  background-position: 0 0;
                  background-repeat: no-repeat;
                  z-index: 1001; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-graph-wrapper .srovnani-graph {
                  position: absolute;
                  width: 100%;
                  top: 0;
                  left: 0;
                  bottom: 0;
                  right: 0;
                  height: 100%;
                  z-index: 1000;
                  background-image: url("/assets/images/icons/graph_orange.svg");
                  background-size: 100% auto;
                  background-position: 0 0;
                  background-repeat: no-repeat;
                  background-position: bottom; }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-column-middle-text {
                text-transform: uppercase;
                text-align: center;
                position: relative;
                color: white;
                font-size: 16px;
                font-weight: 500;
                letter-spacing: 1.5px; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-column-middle-text.top-text {
                  top: 8%; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-column-middle-text.bottom-text {
                  bottom: 5%; }
                @media screen and (max-width: 1400px) {
                  .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-column-middle-text {
                    font-size: 13px; } }
                @media screen and (max-width: 1100px) {
                  .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-column-middle-text {
                    font-size: 11px; } }
              .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-column-middle-time {
                text-transform: uppercase;
                text-align: center;
                position: relative;
                color: white;
                font-weight: 300;
                letter-spacing: 1.5px;
                margin: 1vh 0; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-column-middle-time .srovnani-natopu {
                  text-align: center;
                  line-height: 26px;
                  font-size: 16px;
                  font-weight: 400;
                  margin: 20px; }
                  .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-column-middle-time .srovnani-natopu div {
                    display: inline-block;
                    opacity: 0;
                    -webkit-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
                    -ms-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
                    -o-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
                    transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
                    .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-column-middle-time .srovnani-natopu div.show {
                      opacity: 1; }
                  @media screen and (max-width: 1180px) {
                    .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-column-middle-time .srovnani-natopu {
                      font-size: 15px;
                      line-height: 23px; } }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-column-middle-time sup {
                  font-size: 60%;
                  top: -2.2em; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-column-middle-time span {
                  font-size: 36px; }
                .animation-content-section.section3 .section-data-cont .section-data-one .section-data-srovnani-block .section-data-block-wrapper .srovnani-column .srovnani-column-middle-time span.srovnani-column-middle-legend {
                  text-transform: none;
                  font-size: 14px; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-data-title {
          text-transform: uppercase;
          color: white;
          font-size: 3.2vw;
          font-weight: 600;
          letter-spacing: 2px;
          margin: 3vh 0; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-data-text {
          color: white;
          font-size: 12px;
          font-weight: 400;
          letter-spacing: 1.2px;
          text-align: justify;
          text-align-last: center;
          width: 100%;
          padding: 0 80px; }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-data-text.detailed {
            text-align: justify;
            font-size: 13px;
            margin-top: 30px; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-data-file {
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          position: relative;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          flex-direction: row;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          width: 100%;
          padding: 0px 40px; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-download-file {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          position: relative;
          margin: 0px 20px;
          -webkit-box-pack: start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          flex-direction: column;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-download-file img {
            width: 40px;
            margin: 20px auto; }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-download-file .download-file-link {
            cursor: pointer;
            color: #969696;
            font-weight: 500;
            text-transform: uppercase;
            font-size: 16px;
            text-align: center;
            line-height: 24px;
            text-decoration: underline; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-data-btn {
          width: 250px;
          text-transform: uppercase;
          position: relative;
          color: #9FA0A1;
          font-size: 13px;
          font-weight: 600;
          letter-spacing: 1.2px;
          border-radius: 8px;
          margin: 4vh 0;
          height: 50px;
          line-height: 50px;
          background-color: #1E1F20;
          cursor: pointer;
          -webkit-transition: background-color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: background-color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: background-color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: background-color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
          -webkit-box-shadow: -5px -7px 16px -9px #333333;
          -moz-box-shadow: -5px -7px 16px -9px #333333;
          box-shadow: -5px -7px 16px -9px #333333; }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-data-btn:hover {
            background-color: rgba(30, 30, 30, 0.6); }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-data-btn a {
            display: block;
            text-decoration: none;
            width: 100%;
            height: 100%;
            color: inherit; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-data-block-heading {
          text-transform: uppercase;
          position: relative;
          color: white;
          font-size: 3vh;
          font-weight: 600;
          letter-spacing: 1.5px;
          margin: 2vh 0 0; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-data-block-subheading {
          text-align: center;
          text-transform: uppercase;
          margin-bottom: 1em;
          font-size: 15px;
          font-weight: 600;
          color: #f05a27; }
        .animation-content-section.section3 .section-data-cont .section-data-one .section-data-one-block-wrapper {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          position: relative;
          top: -20px;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          flex-direction: row;
          width: 100%;
          padding: 0px 40px;
          height: 100%; }
          .animation-content-section.section3 .section-data-cont .section-data-one .section-data-one-block-wrapper .section-data-one-block {
            width: 47%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            text-align: center; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-one-block-wrapper .section-data-one-block .section-data-block-icon {
              width: 140px;
              position: relative; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-one-block-wrapper .section-data-one-block .section-data-block-title {
              color: white;
              font-size: 16px;
              font-weight: 500;
              letter-spacing: 1.4px;
              margin: 2vh 0;
              text-align: center; }
            .animation-content-section.section3 .section-data-cont .section-data-one .section-data-one-block-wrapper .section-data-one-block .section-data-block-text {
              color: white;
              font-size: 14px;
              font-weight: 400;
              letter-spacing: 1.2px;
              width: 100%;
              text-align: center; }
  .animation-content-section .section-header {
    position: relative;
    margin-bottom: 6vh;
    font-weight: 300;
    font-size: 6vh;
    color: white;
    letter-spacing: 2px; }
  .animation-content-section .section-subheader + .section-header {
    margin-top: 2vh; }

.section3-bottom-bg {
  position: absolute;
  width: 100%;
  top: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateY(-150px);
  -ms-transform: translateY(-150px);
  -o-transform: translateY(-150px);
  transform: translateY(-150px); }
  .section3-bottom-bg.show {
    opacity: 1; }
  .section3-bottom-bg.active {
    opacity: 0; }
  @media (max-width: 1200px) {
    .section3-bottom-bg {
      top: initial;
      bottom: 0;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); } }

.section3-bottom-bg-roznaseci {
  position: absolute;
  width: 100%;
  top: 100%;
  opacity: 1;
  -webkit-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateY(-150px) translateX(100%);
  -ms-transform: translateY(-150px) translateX(100%);
  -o-transform: translateY(-150px) translateX(100%);
  transform: translateY(-150px) translateX(100%); }
  .section3-bottom-bg-roznaseci.active {
    -webkit-transform: translateY(-150px) translateX(0);
    -ms-transform: translateY(-150px) translateX(0);
    -o-transform: translateY(-150px) translateX(0);
    transform: translateY(-150px) translateX(0); }
  @media (max-width: 1200px) {
    .section3-bottom-bg-roznaseci {
      top: initial;
      bottom: 0;
      -webkit-transform: translateY(0) translateX(100%);
      -ms-transform: translateY(0) translateX(100%);
      -o-transform: translateY(0) translateX(100%);
      transform: translateY(0) translateX(100%); }
      .section3-bottom-bg-roznaseci.active {
        -webkit-transform: translateY(0) translateX(0);
        -ms-transform: translateY(0) translateX(0);
        -o-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0); } }

.bg-desky {
  position: absolute;
  width: 100%;
  top: 58vh;
  opacity: 0;
  -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); }
  .bg-desky.show {
    opacity: 1; }

.section3-bottom-bg-trubky {
  position: absolute;
  width: 100%;
  top: 100%;
  opacity: 1;
  -webkit-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateX(50%) translateY(-150px);
  -ms-transform: translateX(50%) translateY(-150px);
  -o-transform: translateX(50%) translateY(-150px);
  transform: translateX(50%) translateY(-150px); }
  .section3-bottom-bg-trubky.show {
    -webkit-transform: translateX(0%) translateY(-150px);
    -ms-transform: translateX(0%) translateY(-150px);
    -o-transform: translateX(0%) translateY(-150px);
    transform: translateX(0%) translateY(-150px); }
  @media (max-width: 1200px) {
    .section3-bottom-bg-trubky {
      top: initial;
      bottom: 0;
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      -o-transform: translateX(50%);
      transform: translateX(50%); }
      .section3-bottom-bg-trubky.show {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0); } }

.section3-bottom-bg-glowing {
  position: absolute;
  width: 100%;
  top: 100%;
  opacity: 0;
  -webkit-transition: opacity 3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: opacity 3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: opacity 3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateY(-150px);
  -ms-transform: translateY(-150px);
  -o-transform: translateY(-150px);
  transform: translateY(-150px); }
  .section3-bottom-bg-glowing.show {
    opacity: 1; }
  @media (max-width: 1200px) {
    .section3-bottom-bg-glowing {
      top: initial;
      bottom: 0;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); } }

.controllers {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  opacity: 0;
  z-index: 10000;
  -webkit-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1); }
  .controllers.is-loaded {
    opacity: 1; }
  .controllers.hidden {
    opacity: 0; }
  .controllers * {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome and Opera */ }

.circle-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  opacity: 0.6;
  -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
  .circle-wrapper.active {
    opacity: 1; }
    .circle-wrapper.active .circle-title {
      opacity: 1; }
    .circle-wrapper.active .circle-text {
      opacity: 1; }
  .circle-wrapper.used {
    opacity: 1; }
    .circle-wrapper.used .circle-title {
      opacity: 1; }
    .circle-wrapper.used .circle-text {
      opacity: 1; }
  .circle-wrapper .circle-title {
    color: white;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 2.3vh;
    margin-bottom: 1.8vh;
    -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    opacity: 0.3; }
  .circle-wrapper .circle-text {
    color: white;
    font-size: 13px;
    font-weight: 500;
    -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    opacity: 0.3; }

.controllers.is-loaded .circle-wrapper .circle-controller .slider-wrapper .direction-indicator {
  opacity: 0; }

.controllers.is-loaded .circle-wrapper .circle-controller.active .slider-wrapper .direction-indicator {
  animation-name: directionOpacity;
  animation-duration: 1.4s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite; }

.controllers.is-loaded .circle-wrapper .circle-controller.active[data-controller="slider"] #thumb-image {
  animation-name: circleSliderHandle;
  transform-origin: top left;
  animation-duration: 0.7s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite; }

.circle-controller {
  width: 19vh;
  height: 19vh;
  max-width: 240px;
  max-height: 240px;
  margin: 0 2vh;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  background-image: url("/assets/images/icons/ic_circle_bg.svg");
  background-size: 100% 100%; }
  .circle-controller .h-block {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 500;
    display: none;
    background-color: transparent; }
    .circle-controller .h-block.blocked {
      display: block; }
  .circle-controller .temperature {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: 600;
    font-size: 32px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .circle-controller .temperature .celsius {
      position: relative; }
  .circle-controller .time {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: 600;
    font-size: 32px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .circle-controller .time .minutes {
      position: relative;
      top: -0.5em;
      font-size: 60%; }
  .circle-controller .slider-wrapper {
    width: 80% !important;
    height: 80% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
    .circle-controller .slider-wrapper .direction-indicator {
      position: absolute;
      width: 20%;
      z-index: 100; }
      .circle-controller .slider-wrapper .direction-indicator.angle90 {
        left: 63%;
        top: 0%; }
      .circle-controller .slider-wrapper .direction-indicator.angle270 {
        right: 63%;
        bottom: 0%;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
  .circle-controller .scale-out-btn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .circle-controller .button {
    width: 33%;
    height: 0;
    margin: 0;
    padding: 0 0 33% 0;
    position: absolute;
    border: 0;
    border-radius: 50%;
    opacity: 0.5;
    background-size: 55% auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    transition-property: opacity, box-shadow, background-image;
    transition-duration: 0.3s; }
    .circle-controller .button:nth-child(1) {
      top: 12.5%;
      left: 50%;
      transform: translateX(-50%); }
    .circle-controller .button:nth-child(2) {
      left: 15%;
      bottom: 22%; }
    .circle-controller .button:nth-child(3) {
      right: 15%;
      bottom: 22%; }
    .circle-controller .button.is-active, .circle-controller .button:hover {
      opacity: 1; }
    .circle-controller .button.is-active {
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5); }
  .circle-controller[data-type="time"] #track {
    background-image: url("/assets/images/icons/hodiny-velke-kolecko.png") !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important; }
  .circle-controller[data-type="time"] #arc {
    background-image: url("/assets/images/icons/hodiny-male-kolecko.png") !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important; }
  .circle-controller[data-type="temp"] #track {
    background-image: url("/assets/images/icons/ic_circle_track.svg") !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important; }
  .circle-controller.safari[data-type="temp"] #track {
    background: transparent;
    background-image: none !important; }
  .circle-controller.safari #arc {
    background-image: url("/assets/images/icons/hodiny-male-kolecko.png") !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important; }
  .circle-controller[data-controller="slider"].loaded #thumb-image {
    animation-name: circleSliderHandle;
    transform-origin: top left;
    animation-duration: 0.7s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 7; }
  .circle-controller[data-controller="slider"] #circular-slider {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 101; }
  .circle-controller[data-controller="slider"] #track,
  .circle-controller[data-controller="slider"] #arc {
    border: 0 !important;
    width: 110% !important;
    height: 110% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  .circle-controller[data-controller="slider"] #arc {
    width: 110% !important;
    height: 110% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-image: url("/assets/images/icons/circle-slider-progress-primary.png");
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .circle-controller[data-controller="slider"] #thumb-image {
    max-width: 4vh !important;
    max-height: 4vh !important;
    width: 35px !important;
    height: 35px !important;
    border: 0 !important;
    cursor: pointer;
    background-image: url("/assets/images/icons/circle-handler-primary.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent !important; }

.circle-graph-controller {
  width: 110px;
  height: 110px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  background-image: url("/assets/images/icons/ic_topna-plocha-kolecko.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat; }
  .circle-graph-controller.h-safari #arc {
    display: none; }
  .circle-graph-controller.h-safari.h-saf-1 {
    background-image: url("/assets/images/icons/ic_natop_safari_1.png"); }
  .circle-graph-controller.h-safari.h-saf-2 {
    background-image: url("/assets/images/icons/ic_natop_safari_2.png"); }
  .circle-graph-controller.h-safari.h-saf-3 {
    background-image: url("/assets/images/icons/ic_natop_safari_3.png"); }
  .circle-graph-controller.h-safari.h-saf-4 {
    background-image: url("/assets/images/icons/ic_natop_safari_4.png"); }
  .circle-graph-controller.h-safari.h-saf-5 {
    background-image: url("/assets/images/icons/ic_natop_safari_5.png"); }
  .circle-graph-controller.h-safari.h-saf-6 {
    background-image: url("/assets/images/icons/ic_natop_safari_6.png"); }
  .circle-graph-controller.home-page {
    width: 190px;
    height: 190px;
    margin: 0px 20px; }
  .circle-graph-controller .percentage {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: 600;
    font-size: 24px;
    z-index: 1000;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .circle-graph-controller .percentage .celsius {
      position: relative;
      top: -0.4em;
      font-size: 60%; }
  .circle-graph-controller .time {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: 600;
    font-size: 24px;
    line-height: 20px;
    z-index: 1000;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .circle-graph-controller .plocha {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: white;
    z-index: 1000;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .circle-graph-controller .plocha .jednotka {
      color: white;
      font-weight: 600;
      font-size: 18px;
      text-transform: none; }
  .circle-graph-controller .naklady {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: white;
    z-index: 1000;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .circle-graph-controller .naklady .jednotka {
      color: white;
      font-weight: 600;
      font-size: 18px;
      text-transform: none; }
  .circle-graph-controller .nasobek {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: white;
    z-index: 1000;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .circle-graph-controller .nasobek .jednotka {
      color: white;
      font-weight: 600;
      font-size: 18px;
      text-transform: none; }
      .circle-graph-controller .nasobek .jednotka.iks {
        font-size: 24px; }
  .circle-graph-controller.plocha-par #arc {
    background-image: url("/assets/images/icons/circle-graph-orange2-porovnani.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .circle-graph-controller.naklady-par #arc {
    background-image: url("/assets/images/icons/circle-graph-grey-porovnani.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .circle-graph-controller.nasobek-par #arc {
    background-image: url("/assets/images/icons/circle-graph-orange-porovnani.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .circle-graph-controller .graph-value {
    color: white;
    font-weight: 700;
    font-size: 44px;
    margin-bottom: 8px;
    line-height: 20px;
    display: inline; }
  .circle-graph-controller .graph-description {
    text-transform: uppercase;
    color: white;
    font-weight: 400;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    width: 100%; }
  .circle-graph-controller .jednotka {
    color: white;
    font-weight: 400;
    font-size: 18px;
    text-transform: none; }
  .circle-graph-controller .circle-graph-wrapper {
    width: 100%;
    height: 100%;
    position: relative; }
    .circle-graph-controller .circle-graph-wrapper .direction-indicator {
      position: absolute;
      width: 20%;
      z-index: 100; }
      .circle-graph-controller .circle-graph-wrapper .direction-indicator.angle90 {
        left: 63%;
        top: 0%; }
      .circle-graph-controller .circle-graph-wrapper .direction-indicator.angle270 {
        right: 63%;
        bottom: 0%;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
  .circle-graph-controller .scale-out-btn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .circle-graph-controller .button {
    width: 33%;
    height: 0;
    margin: 0;
    padding: 0 0 33% 0;
    position: absolute;
    border: 0;
    border-radius: 50%;
    opacity: 0.5;
    background-size: 55% auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    transition-property: opacity, box-shadow, background-image;
    transition-duration: 0.3s; }
    .circle-graph-controller .button:nth-child(1) {
      top: 12.5%;
      left: 50%;
      transform: translateX(-50%); }
    .circle-graph-controller .button:nth-child(2) {
      left: 15%;
      bottom: 22%; }
    .circle-graph-controller .button:nth-child(3) {
      right: 15%;
      bottom: 22%; }
    .circle-graph-controller .button.is-active, .circle-graph-controller .button:hover {
      opacity: 1; }
    .circle-graph-controller .button.is-active {
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5); }
  .circle-graph-controller #circular-slider {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 101; }
  .circle-graph-controller #track,
  .circle-graph-controller #arc {
    border: 0 !important; }
  .circle-graph-controller #arc {
    background-image: url("/assets/images/icons/ic_topna-plocha-carky-orange.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .circle-graph-controller.sedy #arc {
    background-image: url("/assets/images/icons/ic_topna-plocha-carky-grey.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .circle-graph-controller #thumb-image {
    max-width: 0vh !important;
    max-height: 0vh !important;
    width: 0px !important;
    height: 0px !important;
    border: 0 !important;
    cursor: pointer;
    background: transparent;
    opacity: 0; }

.hr {
  position: relative;
  top: -10px; }

@keyframes animationLoader {
  0% {
    width: 100%;
    height: 100%;
    transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1); }
  99% {
    width: 100%;
    height: 100%;
    transform: translateX(-50%) translateY(-50%) scale(10);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(10);
    -ms-transform: translateX(-50%) translateY(-50%) scale(10);
    -o-transform: translateX(-50%) translateY(-50%) scale(10);
    transform: translateX(-50%) translateY(-50%) scale(10); }
  100% {
    width: 100%;
    height: 100%;
    transform: translateX(-50%) translateY(-50%) scale(10);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(10);
    -ms-transform: translateX(-50%) translateY(-50%) scale(10);
    -o-transform: translateX(-50%) translateY(-50%) scale(10);
    transform: translateX(-50%) translateY(-50%) scale(10);
    visibility: hidden; } }

@keyframes animationLoaderContainer {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible; }
  99% {
    -webkit-transform: scale(10);
    -ms-transform: scale(10);
    -o-transform: scale(10);
    transform: scale(10);
    visibility: visible; }
  100% {
    -webkit-transform: scale(10);
    -ms-transform: scale(10);
    -o-transform: scale(10);
    transform: scale(10);
    visibility: hidden;
    display: none; } }

@keyframes loaderColor {
  0% {
    background-color: black; }
  99% {
    background-color: black; }
  100% {
    background-color: #aaaaaa; } }

@keyframes loaderColorOrange {
  0% {
    background-color: black; }
  99% {
    background-color: black; }
  100% {
    background-color: #f05b28; } }

@keyframes hideSection {
  0% {
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    opacity: 0;
    visibility: hidden; } }

@keyframes hideSrovnani {
  0% {
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    opacity: 0;
    display: none; } }

@keyframes circleSliderHandle {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1); }
  50% {
    -webkit-transform: translateX(-60%) translateY(-60%) scale(1.2);
    -ms-transform: translateX(-60%) translateY(-60%) scale(1.2);
    -o-transform: translateX(-60%) translateY(-60%) scale(1.2);
    transform: translateX(-60%) translateY(-60%) scale(1.2); }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1); } }

@keyframes directionOpacity {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.AnimationAboutHeader {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .AnimationAboutHeader__background {
    margin-top: 9vh;
    padding-top: 10vw;
    padding-bottom: 10vw; }
  .AnimationAboutHeader__content {
    display: grid;
    grid-template-columns: 1fr 1fr; }
  .AnimationAboutHeader__title {
    margin-bottom: 3.75vw;
    font-family: Unitext;
    font-size: 3.90625vw;
    line-height: 1; }
  .AnimationAboutHeader__graph {
    margin-bottom: 2.70833vw;
    display: grid;
    grid-gap: 0.88541vw;
    grid-template-columns: 1fr 1fr 1fr; }
    .AnimationAboutHeader__graph__image {
      grid-column: span 3; }
    .AnimationAboutHeader__graph__over {
      font-family: Unitext;
      font-size: 0.91145vw;
      font-weight: 600; }
    .AnimationAboutHeader__graph__under {
      padding-top: 0.13020vw;
      font-family: Unitext;
      font-size: 1.09375vw;
      line-height: 1.25; }
  .AnimationAboutHeader__scroller {
    cursor: pointer;
    will-change: transform;
    transition-property: transform;
    transition-duration: 250ms;
    transition-timing-function: ease-in-out;
    transform: translateY(0); }
    .AnimationAboutHeader__scroller:hover {
      transform: translateY(50%); }

.AnimationAboutContainer {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .AnimationAboutContainer--sheet {
    max-width: 64.5vw; }
  .AnimationAboutContainer--header {
    max-width: 84vw; }

.AnimationAboutBreadcrumbs {
  margin-bottom: 2.03125vw;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  color: #ff591f;
  font-family: Unitext;
  font-size: 0.52083vw;
  text-transform: uppercase;
  letter-spacing: 0.05208vw; }
  .AnimationAboutBreadcrumbs h1 {
    font: inherit;
    margin: 0;
    padding: 0; }
  .AnimationAboutBreadcrumbs__breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center; }
    .AnimationAboutBreadcrumbs__breadcrumb + .AnimationAboutBreadcrumbs__breadcrumb::before {
      content: '>';
      display: flex;
      justify-content: center;
      align-items: center;
      padding-right: 0.20833vw;
      padding-left: 0.20833vw;
      font-weight: 700; }

.AnimationAboutSimpleCarousel {
  display: grid;
  grid-gap: 0.41667vw; }
  .AnimationAboutSimpleCarousel img.AnimationAboutSimpleCarousel__dot {
    opacity: .5;
    height: 65%;
    width: auto;
    object-fit: contain; }
    .AnimationAboutSimpleCarousel img.AnimationAboutSimpleCarousel__dot--active, .AnimationAboutSimpleCarousel img.AnimationAboutSimpleCarousel__dot:hover {
      opacity: 1; }
  .AnimationAboutSimpleCarousel__controls {
    cursor: pointer;
    display: flex;
    grid-gap: .1em;
    font-size: 1.82292vw;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    height: 1em;
    line-height: 1; }
    .AnimationAboutSimpleCarousel__controls__control {
      height: 75%;
      width: auto !important;
      opacity: .5;
      padding: 0 .25em; }
      .AnimationAboutSimpleCarousel__controls__control:hover {
        opacity: 1; }
  .AnimationAboutSimpleCarousel__slides {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden; }
    .AnimationAboutSimpleCarousel__slides__slide {
      flex: 100% 1 0; }
      .AnimationAboutSimpleCarousel__slides__slide--animated {
        will-change: transform;
        transition-property: transform;
        transition-duration: 250ms;
        transition-timing-function: ease-in-out;
        transform: translateX(0); }

.AnimationAboutSection {
  position: relative; }

.AnimationAboutHeaderSplit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 11.71875vw;
  justify-content: space-between;
  align-items: center; }
  .AnimationAboutHeaderSplit#gap-554 {
    grid-gap: 14.42708vw; }
  .AnimationAboutHeaderSplit#gap-417 {
    grid-gap: 10.85938vw; }
  .AnimationAboutHeaderSplit#gap-0 {
    grid-template-columns: auto auto;
    grid-gap: 0; }

.AnimationAboutHeaderTitle {
  margin-bottom: 0.78125vw;
  display: grid;
  font-family: Unitext;
  font-size: 2.60417vw;
  font-weight: 600;
  grid-gap: 2.21354vw;
  color: white; }
  .AnimationAboutHeaderTitle::after {
    content: '----------------------------------------';
    display: block;
    line-height: 1;
    font-size: 25%;
    color: #A1A1A1;
    letter-spacing: 0.25em; }

.AnimationAboutHeaderText {
  font-family: Unitext;
  font-size: 1.82292vw;
  line-height: 1.95;
  font-weight: 500; }

.AnimationAboutTabs {
  display: inline-flex;
  flex-wrap: nowrap;
  margin-bottom: 4.40104vw;
  border-bottom-style: solid;
  border-bottom-width: .25rem;
  border-bottom-color: black; }
  .AnimationAboutTabs__tab {
    cursor: pointer;
    position: relative;
    top: .25rem;
    display: flex;
    padding-bottom: .75rem;
    border-bottom-style: solid;
    border-bottom-width: .25rem;
    border-bottom-color: black;
    color: #B9B9B9;
    font-family: Unitext;
    font-size: 1.43229vw;
    font-weight: 600; }
    .AnimationAboutTabs__tab:nth-of-type(2) {
      margin-left: 3em;
      margin-right: 3em; }
    .AnimationAboutTabs__tab:hover, .AnimationAboutTabs__tab--active {
      color: #B9B9B9;
      border-bottom-color: #B9B9B9; }
    .AnimationAboutTabs__tab:hover:nth-child(1), .AnimationAboutTabs__tab--active:nth-child(1) {
      color: #ff591f;
      border-bottom-color: #ff591f; }
  .AnimationAboutTabs--light {
    border-bottom-color: white; }
    .AnimationAboutTabs--light .AnimationAboutTabs__tab {
      color: #838383;
      border-bottom-color: white; }
      .AnimationAboutTabs--light .AnimationAboutTabs__tab:hover, .AnimationAboutTabs--light .AnimationAboutTabs__tab--active {
        color: black;
        border-bottom-color: black; }
      .AnimationAboutTabs--light .AnimationAboutTabs__tab:hover:nth-child(1), .AnimationAboutTabs--light .AnimationAboutTabs__tab--active:nth-child(1) {
        color: #ff591f;
        border-bottom-color: #ff591f; }

.AnimationAbout__compare__header {
  border-bottom: 0.10417vw solid #9a9a9a;
  font-size: 1.04167vw;
  color: #9a9a9a; }

.AnimationAbout__compare__header {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  text-align: center;
  align-items: center;
  padding: 0.83333vw; }

.AnimationAbout__compare__content {
  display: grid;
  text-align: center;
  grid-gap: 2.1875vw;
  padding: 0.83333vw; }

.AnimationAbout__compare__line {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  color: #9a9a9a;
  font-size: 0.57292vw; }
  .AnimationAbout__compare__line > * {
    display: grid;
    grid-gap: 0.41667vw;
    justify-content: center;
    justify-items: center; }
  .AnimationAbout__compare__line > *:first-child > *:first-child {
    color: #ff591f; }
  .AnimationAbout__compare__line > *:last-child > *:first-child {
    color: white; }
  .AnimationAbout__compare__line > * > *:first-child {
    font-size: 1.5625vw; }
  .AnimationAbout__compare__line > * > *:last-child {
    max-width: 20em; }

.AnimationAboutSheet {
  position: relative;
  padding-top: 5.20833vw;
  padding-bottom: 9.11458vw; }
  .AnimationAboutSheet--no-padding-bottom {
    padding-bottom: 0; }
  .AnimationAboutSheet--small-padding-bottom {
    padding-bottom: 2rem; }
  .AnimationAboutSheet--no-padding-top {
    padding-top: 0; }
  .AnimationAboutSheet__kartoteka {
    position: absolute;
    top: 0;
    left: 0;
    height: 2.5rem;
    object-fit: cover;
    width: auto;
    transform: translateY(calc(-100%)) scaleX(-1); }
    .AnimationAboutSheet__kartoteka--pushed {
      left: 7%; }
  .AnimationAboutSheet__kartoteka-fill {
    position: absolute;
    top: 0;
    left: 40rem;
    width: calc(100% - 40rem);
    height: 2.5rem;
    border-radius: 80px 0 0 0;
    transform: translateY(calc(-100%)); }
  .AnimationAboutSheet__kartoteka-fill-bot {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.625rem;
    transform: translateY(calc(-50%)); }
  .AnimationAboutSheet--light {
    background-color: #ffffff; }
    .AnimationAboutSheet--light .AnimationAboutSheet__title {
      border-bottom-color: #838383; }
    .AnimationAboutSheet--light .AnimationAboutSheet__kartoteka-fill, .AnimationAboutSheet--light .AnimationAboutSheet__kartoteka-fill-bot {
      background-color: #ffffff; }
  .AnimationAboutSheet--dark {
    background: #292929; }
    .AnimationAboutSheet--dark .AnimationAboutSheet__title {
      border-bottom-color: white; }
    .AnimationAboutSheet--dark .AnimationAboutSheet__kartoteka-fill, .AnimationAboutSheet--dark .AnimationAboutSheet__kartoteka-fill-bot {
      background-color: #292929; }
  .AnimationAboutSheet--gray--gradient {
    background: linear-gradient(to bottom, #454545 0%, #3B3B3B 100%); }
    .AnimationAboutSheet--gray--gradient .AnimationAboutSheet__title {
      border-bottom-color: white; }
    .AnimationAboutSheet--gray--gradient .AnimationAboutSheet__kartoteka-fill, .AnimationAboutSheet--gray--gradient .AnimationAboutSheet__kartoteka-fill-bot {
      background: #454545; }
  .AnimationAboutSheet--gray {
    background: #454545; }
    .AnimationAboutSheet--gray .AnimationAboutSheet__title {
      border-bottom-color: white; }
    .AnimationAboutSheet--gray .AnimationAboutSheet__kartoteka-fill, .AnimationAboutSheet--gray .AnimationAboutSheet__kartoteka-fill-bot {
      background-color: #454545; }
  .AnimationAboutSheet--gray--light {
    background: #e1e1e1; }
    .AnimationAboutSheet--gray--light .AnimationAboutSheet__title {
      border-bottom-color: #838383; }
    .AnimationAboutSheet--gray--light .AnimationAboutSheet__kartoteka-fill, .AnimationAboutSheet--gray--light .AnimationAboutSheet__kartoteka-fill-bot {
      background-color: #e1e1e1; }
  .AnimationAboutSheet__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 5.20833vw;
    will-change: margin-bottom;
    transition-property: margin-bottom;
    transition-duration: 250ms;
    transition-timing-function: ease-in-out; }
  .AnimationAboutSheet__title {
    font-family: Unitext;
    font-size: 1.82292vw;
    font-weight: 600; }
  .AnimationAboutSheet__collapse {
    will-change: transform;
    transition-property: transform;
    transition-duration: 250ms;
    transition-timing-function: ease-in-out;
    transform: rotateZ(45deg); }
  .AnimationAboutSheet--collapsible {
    padding-top: 2.25rem !important;
    padding-bottom: 7rem !important; }
    .AnimationAboutSheet--collapsible .AnimationAboutSheet__header {
      cursor: pointer; }
    .AnimationAboutSheet--collapsible .AnimationAboutSheet__title {
      padding-bottom: 0.05208vw;
      border-bottom-style: solid;
      border-bottom-width: 0.15625vw; }
  .AnimationAboutSheet--collapsed .AnimationAboutSheet__collapse {
    transform: rotateZ(0); }
  .AnimationAboutSheet--collapsed .AnimationAboutSheet__content {
    display: none; }
  .AnimationAboutSheet--collapsed .AnimationAboutSheet__header {
    margin-bottom: 0; }

.AnimationAboutSection7 {
  position: relative; }
  .AnimationAboutSection7__img {
    width: 100%;
    height: auto;
    position: relative; }
  .AnimationAboutSection7 .AnimationAboutSheet {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: none; }
  .AnimationAboutSection7 .AnimationAboutNumber {
    transform: translateY(-40%); }
  .AnimationAboutSection7__grid {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-gap: 11.30208vw;
    grid-template-columns: 1fr 1.5fr; }
    .AnimationAboutSection7__grid > *:first-child {
      display: grid;
      justify-content: center;
      text-align: center;
      grid-gap: 2.34375vw;
      max-width: 22.13542vw; }
    .AnimationAboutSection7__grid > *:last-child {
      max-width: 28.64583vw; }
    .AnimationAboutSection7__grid__title {
      color: #FFFFFF;
      font-family: Unitext;
      font-size: 2.60417vw;
      font-weight: 600; }
    .AnimationAboutSection7__grid__content {
      color: #FFFFFF;
      font-family: Unitext;
      font-size: 0.9375vw;
      line-height: 1.85; }

.AnimationAboutSheetBackground {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  * + .AnimationAboutSheetBackground {
    margin-top: 10vw; }
  .AnimationAboutSheetBackground__image {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40vw;
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0) 100%); }
    .AnimationAboutSheetBackground__image--dark {
      background: linear-gradient(to bottom, #292929 0%, rgba(41, 41, 41, 0.1) 25%, rgba(41, 41, 41, 0) 100%); }

.AnimationAboutNumber {
  position: absolute;
  left: 8vw;
  top: -6px;
  color: #ff591f;
  font-family: Unitext;
  font-size: 4.94792vw;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.39062vw;
  transform: translateY(-90%); }

.AnimationAboutTile {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  font-family: Unitext;
  font-size: 0.94635vw; }
  .AnimationAboutTile + .AnimationAboutTile {
    margin-top: 5.20833vw; }
  .AnimationAboutTile__title {
    font-family: Unitext;
    font-size: 1.30208vw;
    font-weight: bold; }
    .AnimationAboutTile__title--number {
      position: relative; }
      .AnimationAboutTile__title--number > :first-child {
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(-150%); }
  .AnimationAboutTile__text-content {
    display: grid;
    grid-gap: 1.64062vw; }
  .AnimationAboutTile__triples {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; }
  .AnimationAboutTile__doubles {
    display: grid;
    grid-template-columns: 1fr 1fr; }
    .AnimationAboutTile__doubles--vertical {
      font-family: Unitext;
      font-size: 0.94635vw;
      grid-template-columns: 1fr;
      grid-gap: 3em; }
  .AnimationAboutTile__double {
    display: grid;
    grid-gap: 0.85938vw; }
  .AnimationAboutTile__triple {
    display: grid;
    grid-gap: 1.22396vw; }
    .AnimationAboutTile__triple__title {
      font-family: Unitext;
      font-size: 0.78125vw;
      font-weight: 600; }
    .AnimationAboutTile__triple__content {
      display: flex;
      align-items: flex-end;
      font-family: Unitext;
      font-size: 1.82292vw;
      font-weight: 600; }
  .AnimationAboutTile__degrees {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start; }
    .AnimationAboutTile__degrees > :first-child {
      font-family: Unitext;
      font-size: 1.82292vw;
      font-weight: 600;
      margin-right: 0.41667vw; }
    .AnimationAboutTile__degrees > :last-child {
      font-family: Unitext;
      font-size: 1.17188vw; }
  .AnimationAboutTile:not(.AnimationAboutTile--reversed):not(.AnimationAboutTile--single) > :first-child {
    padding-right: 5.20833vw; }
  .AnimationAboutTile--reversed > :last-child {
    padding-left: 5.20833vw; }
  .AnimationAboutTile img {
    width: 100%; }
  .AnimationAboutTile--single {
    grid-template-columns: 1fr; }

.AnimationAboutSection2__graph {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  margin-top: 4.375vw; }
  .AnimationAboutSection2__graph > *:first-child {
    padding-right: 5.3125vw; }
  .AnimationAboutSection2__graph > *:last-child {
    border-left: 0.07812vw solid #B9B9B9;
    padding-left: 5.3125vw; }

.HeatflowButton {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-family: Unitext;
  font-size: 0.80729vw;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
  padding: 1.5em 4em;
  background: #454545;
  cursor: pointer;
  border-radius: 0; }
  .HeatflowButton--gradient {
    background: linear-gradient(269deg, #FEAF5A 0%, #F05B28 100%);
    color: #000000; }
    .HeatflowButton--gradient:hover {
      color: white; }

.AnimationAboutSection4__graph {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 5.20833vw; }
  .AnimationAboutSection4__graph__title {
    font-family: Unitext;
    font-size: 1.43229vw;
    font-weight: 600;
    color: black; }
  .AnimationAboutSection4__graph__content {
    margin-top: 2.60417vw;
    border-left: 0.07812vw solid #B9B9B9;
    padding-left: 2.13542vw;
    color: #000000;
    font-family: Unitext;
    font-size: 0.80729vw;
    font-weight: 600; }

.FAQ__form__field {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  grid-gap: 2em;
  margin-top: 3.4375vw;
  margin-bottom: 3.64583vw; }

.FAQ__form label {
  color: #696565;
  font-family: Unitext;
  font-size: 0.78125vw;
  text-transform: uppercase; }

.FAQ__form input {
  color: #696565;
  font-family: Unitext;
  font-size: 0.78125vw;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 0.10417vw solid #696565 !important;
  background: transparent;
  outline: none;
  padding: 0.91146vw;
  border-radius: 0;
  opacity: 1;
  font-weight: 500;
  margin: 0; }

.FAQ__form input::placeholder {
  color: #696565;
  font-family: Unitext;
  font-size: 0.78125vw;
  opacity: 1;
  font-weight: 500; }

.FAQ__form textarea {
  resize: vertical;
  height: auto;
  width: 100%;
  padding: 1.22396vw;
  color: #696565;
  font-family: Unitext;
  font-size: 0.9375vw;
  line-height: 1.71875vw;
  background: transparent;
  outline: none;
  border: 0.10417vw solid #696565;
  opacity: 1;
  font-weight: 500;
  margin: 0; }

.FAQ__form textarea::placeholder {
  color: #696565;
  font-family: Unitext;
  font-size: 0.9375vw;
  opacity: 1;
  font-weight: 500; }

.FAQ__form__terms {
  color: #696565;
  font-family: Unitext;
  font-size: 0.78125vw;
  line-height: 1.5;
  text-align: center;
  text-decoration: none; }
  .FAQ__form__terms:hover {
    color: #696565;
    text-decoration: underline; }

.FAQItem {
  padding-top: 1.84896vw;
  padding-bottom: 1.84896vw;
  border-top: 0.02604vw solid #A1A1A1;
  display: grid;
  align-items: center; }
  .FAQItem__header {
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    will-change: margin-bottom;
    transition-property: margin-bottom;
    transition-duration: 250ms;
    transition-timing-function: ease-in-out;
    margin-bottom: 2.76042vw; }
  .FAQItem__title {
    color: #000000;
    font-family: Unitext;
    font-size: 1.30208vw;
    font-weight: 600;
    padding-bottom: 0.10417vw;
    border-bottom: 0.10417vw solid #000000; }
  .FAQItem__collapse {
    justify-self: flex-end;
    display: flex;
    align-items: center;
    color: #ff591f;
    font-family: Unitext;
    font-size: 1.04167vw;
    font-weight: 600; }
    .FAQItem__collapse__icon {
      margin-left: 1.35417vw;
      will-change: transform;
      transition-property: transform;
      transition-duration: 250ms;
      transition-timing-function: ease-in-out;
      transform: rotateZ(45deg); }
  .FAQItem__content {
    padding-bottom: 2.76042vw;
    color: #696565;
    font-family: Unitext;
    font-size: 0.9375vw;
    line-height: 1.71875vw; }
  .FAQItem--collapsed .FAQItem__header {
    margin-bottom: 0; }
  .FAQItem--collapsed .FAQItem__content {
    display: none; }
  .FAQItem--collapsed .FAQItem__collapse__icon {
    transform: rotateZ(0); }

.AnimationAboutRefferenceCarousel {
  position: relative; }
  .AnimationAboutRefferenceCarousel__slides {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden; }
  .AnimationAboutRefferenceCarousel__reference {
    flex: 100% 1 0;
    display: grid;
    grid-gap: 6.74479vw;
    will-change: transform;
    transition-property: transform;
    transition-duration: 750ms;
    transition-timing-function: ease;
    transform: translateX(0); }
    .AnimationAboutRefferenceCarousel__reference__image {
      padding-bottom: 32.5%;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
    .AnimationAboutRefferenceCarousel__reference__stars {
      display: inline-grid;
      grid-auto-flow: column;
      grid-gap: 0.15em; }
      .AnimationAboutRefferenceCarousel__reference__stars img {
        height: 1.27604vw; }
    .AnimationAboutRefferenceCarousel__reference__header {
      display: grid;
      grid-gap: 1.30208vw; }
    .AnimationAboutRefferenceCarousel__reference__aside {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-family: Unitext;
      font-size: 1.82292vw;
      font-weight: 600; }
    .AnimationAboutRefferenceCarousel__reference__quotes {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 6.74479vw;
      line-height: 1.85; }
      .AnimationAboutRefferenceCarousel__reference__quotes > *:first-child {
        color: #696565;
        font-family: Unitext;
        font-size: 1.82292vw; }
      .AnimationAboutRefferenceCarousel__reference__quotes > *:last-child {
        color: #838383;
        font-family: Unitext;
        font-size: 0.9375vw; }
    .AnimationAboutRefferenceCarousel__reference__main {
      display: grid;
      grid-gap: 2.34375vw; }
    .AnimationAboutRefferenceCarousel__reference__stats {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .AnimationAboutRefferenceCarousel__reference__stats__title {
        color: #000000;
        font-family: Unitext;
        font-size: 1.30208vw;
        font-weight: bold; }
      .AnimationAboutRefferenceCarousel__reference__stats__data {
        display: inline-grid;
        grid-gap: 4.45312vw;
        grid-auto-flow: column;
        align-items: center; }
      .AnimationAboutRefferenceCarousel__reference__stats__stat {
        display: inline-grid;
        grid-gap: 0.625vw;
        text-align: center; }
        .AnimationAboutRefferenceCarousel__reference__stats__stat > *:first-child {
          color: #EB6607;
          font-family: Unitext;
          font-size: 2.08333vw; }
        .AnimationAboutRefferenceCarousel__reference__stats__stat > *:last-child {
          color: #000000;
          font-family: Unitext;
          font-size: 0.78125vw;
          font-weight: 600; }
    .AnimationAboutRefferenceCarousel__reference__description {
      color: #838383;
      font-family: Unitext;
      font-size: 0.9375vw;
      line-height: 1.85; }
      .AnimationAboutRefferenceCarousel__reference__description p {
        line-height: 1.85; }
  .AnimationAboutRefferenceCarousel__controll {
    top: 15%;
    position: absolute;
    cursor: pointer;
    width: auto;
    max-width: 100%; }
    .AnimationAboutRefferenceCarousel__controll--prev {
      left: -10%; }
    .AnimationAboutRefferenceCarousel__controll--next {
      right: -10%; }

.AnimationAbout {
  line-height: 1;
  font-weight: 500; }
  .AnimationAbout * {
    outline: none !important; }
  .AnimationAbout__direction {
    cursor: pointer;
    width: auto;
    height: auto;
    max-width: 100%; }
  .AnimationAbout--orange {
    color: #ff591f;
    text-decoration-color: #ff591f; }
  .AnimationAbout--orange--dark {
    color: #ff591f;
    text-decoration-color: #ff591f; }
  .AnimationAbout--danger {
    color: #FF0000;
    text-decoration-color: #FF0000; }
  .AnimationAbout--black {
    color: #000000;
    text-decoration-color: #000000; }
  .AnimationAbout--white {
    color: #ffffff;
    text-decoration-color: #ffffff; }
  .AnimationAbout--b3 {
    color: #B3B3B3;
    text-decoration-color: #B3B3B3; }
  .AnimationAbout--a1 {
    color: #A1A1A1;
    text-decoration-color: #A1A1A1; }
  .AnimationAbout--69 {
    color: #696565;
    text-decoration-color: #696565; }
  .AnimationAbout--83 {
    color: #838383;
    text-decoration-color: #838383; }
  .AnimationAbout--d0 {
    color: #D0D0D0;
    text-decoration-color: #D0D0D0; }
  .AnimationAbout--semi {
    font-weight: 600; }
  .AnimationAbout--bold {
    font-weight: 700; }
  .AnimationAbout--line-big {
    line-height: 2; }
  .AnimationAbout--line-medium {
    line-height: 1.75; }
  .AnimationAbout--line-normal {
    line-height: 1.5; }
  .AnimationAbout strong, .AnimationAbout b {
    font-weight: 700; }

.main-porovnani-container {
  display: block;
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding-bottom: 12vh;
  background-color: #181818; }
  .main-porovnani-container .porovnani-container {
    width: 100%;
    position: relative;
    padding-top: 9vh; }
    .main-porovnani-container .porovnani-container .porovnani-top {
      position: fixed;
      width: 100%;
      height: 50vh;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      z-index: 200;
      overflow: visible;
      box-shadow: 0px 30px 80px 50px black; }
      .main-porovnani-container .porovnani-container .porovnani-top.abs {
        position: absolute;
        top: 37vh; }
      .main-porovnani-container .porovnani-container .porovnani-top .porovnani-left {
        position: relative;
        height: 100%;
        width: 22vw;
        background-color: #181818;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .main-porovnani-container .porovnani-container .porovnani-top .porovnani-left .heatflow-logo {
          width: 200px;
          max-width: 80%; }
        .main-porovnani-container .porovnani-container .porovnani-top .porovnani-left .porovnani-number {
          background: -webkit-linear-gradient(90deg, #f05a27, #e56f2c);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          color: #f05a27; }
      .main-porovnani-container .porovnani-container .porovnani-top .porovnani-left .porovnani-number,
      .main-porovnani-container .porovnani-container .porovnani-top .porovnani-right .porovnani-number {
        position: absolute;
        font-size: 7.8vw;
        font-weight: 600;
        color: #cbcacb;
        bottom: 0px;
        width: 100%;
        text-align: center;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%); }
      .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle {
        position: relative;
        height: 100%;
        width: 56vw;
        background-color: #232323; }
        .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper {
          position: relative;
          height: 100%;
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          padding: 36px 24px; }
          .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont {
            position: relative;
            width: 100%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: none;
            flex-wrap: nowrap;
            height: 100%;
            -webkit-box: 1;
            -moz-box: 1;
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
            .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph {
              -webkit-box: 1;
              -moz-box: 1;
              -webkit-flex: 1 1 calc(100% / 6);
              -ms-flex: 1 1 calc(100% / 6);
              flex: 1 1 calc(100% / 6);
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              flex-direction: column;
              -webkit-box-align: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center;
              -webkit-box-pack: center;
              -moz-box-pack: center;
              -ms-flex-pack: center;
              -webkit-justify-content: center;
              justify-content: center;
              position: relative; }
              .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph .column-bars {
                height: 80%;
                width: 80%;
                position: relative;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                flex-direction: row;
                -webkit-box-pack: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                margin-bottom: 30px; }
                .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph .column-bars.active .column-bar-left .column-bar-placeholder,
                .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph .column-bars.active .column-bar-right .column-bar-placeholder {
                  height: 30%; }
                .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph .column-bars.active .column-bar-left .column-bar,
                .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph .column-bars.active .column-bar-right .column-bar {
                  height: 70%; }
                .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph .column-bars .column-bar-left,
                .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph .column-bars .column-bar-right {
                  width: 20px;
                  min-height: 27vh;
                  position: relative;
                  overflow: hidden;
                  margin: 0 3px; }
                  .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph .column-bars .column-bar-left .column-bar-placeholder,
                  .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph .column-bars .column-bar-right .column-bar-placeholder {
                    position: absolute;
                    width: 100%;
                    top: 0;
                    height: 100%;
                    -webkit-transition: height 0.9s linear;
                    -ms-transition: height 0.9s linear;
                    -o-transition: height 0.9s linear;
                    transition: height 0.9s linear;
                    background: linear-gradient(to bottom, rgba(26, 26, 26, 0.9), rgba(26, 26, 26, 0.9) 50%, transparent 50%, transparent);
                    background-size: 100% 10px;
                    z-index: 1000; }
                  .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph .column-bars .column-bar-left .column-bar,
                  .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph .column-bars .column-bar-right .column-bar {
                    position: absolute;
                    width: 100%;
                    bottom: 0px;
                    height: 0px;
                    z-index: 1001;
                    -webkit-transition: height 0.9s linear;
                    -ms-transition: height 0.9s linear;
                    -o-transition: height 0.9s linear;
                    transition: height 0.9s linear;
                    background: linear-gradient(to bottom, #f26527, #f99e36 50%, transparent 50%, transparent);
                    background-size: 100% 10px;
                    background-position: bottom; }
                  .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph .column-bars .column-bar-left .column-shadow,
                  .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph .column-bars .column-bar-right .column-shadow {
                    position: absolute;
                    width: 100%;
                    height: 30%;
                    bottom: 0px;
                    left: 0px;
                    z-index: 10000;
                    background: linear-gradient(to top, #232323, rgba(35, 35, 35, 0)); }
                .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph .column-bars .column-bar-right .column-bar {
                  background: linear-gradient(to bottom, #d5d5d5, #d5d5d5 50%, transparent 50%, transparent);
                  background-size: 100% 10px;
                  background-position: bottom; }
              .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .graphs-cont .graph .column-title {
                position: relative;
                text-transform: uppercase;
                text-align: center;
                font-size: 0.75vw;
                line-height: 0.95vw;
                font-weight: 500;
                color: #9d9c9c;
                letter-spacing: 2px;
                width: 100%; }
          .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .line-cont {
            height: 2px;
            flex: 1 0 auto;
            width: 100%;
            background-color: #181818;
            position: relative;
            margin: 2vh 0px; }
            .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .line-cont .graph-line {
              height: 100%;
              position: relative;
              opacity: 0;
              width: calc(100% / 6);
              left: 0;
              -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              background-image: linear-gradient(to right, #f05a27, #e56f2c); }
              .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .line-cont .graph-line.pos0, .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .line-cont .graph-line.pos1, .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .line-cont .graph-line.pos2, .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .line-cont .graph-line.pos3, .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .line-cont .graph-line.pos4, .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .line-cont .graph-line.pos5 {
                opacity: 1; }
              .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .line-cont .graph-line.pos0 {
                -webkit-transform: translateX(0%);
                -ms-transform: translateX(0%);
                -o-transform: translateX(0%);
                transform: translateX(0%); }
              .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .line-cont .graph-line.pos1 {
                -webkit-transform: translateX(100%);
                -ms-transform: translateX(100%);
                -o-transform: translateX(100%);
                transform: translateX(100%); }
              .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .line-cont .graph-line.pos2 {
                -webkit-transform: translateX(200%);
                -ms-transform: translateX(200%);
                -o-transform: translateX(200%);
                transform: translateX(200%); }
              .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .line-cont .graph-line.pos3 {
                -webkit-transform: translateX(300%);
                -ms-transform: translateX(300%);
                -o-transform: translateX(300%);
                transform: translateX(300%); }
              .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .line-cont .graph-line.pos4 {
                -webkit-transform: translateX(400%);
                -ms-transform: translateX(400%);
                -o-transform: translateX(400%);
                transform: translateX(400%); }
              .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .line-cont .graph-line.pos5 {
                -webkit-transform: translateX(500%);
                -ms-transform: translateX(500%);
                -o-transform: translateX(500%);
                transform: translateX(500%); }
          .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .column-desc {
            width: 100%;
            font-size: 14px;
            line-height: 1;
            height: 3em;
            flex: 1 0 auto;
            text-align: center;
            position: relative;
            font-weight: 400;
            overflow: hidden;
            color: #9d9c9c;
            letter-spacing: 1.5px;
            opacity: 0;
            -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
            .main-porovnani-container .porovnani-container .porovnani-top .porovnani-middle .graphs-wrapper .column-desc.show {
              opacity: 1; }
      .main-porovnani-container .porovnani-container .porovnani-top .porovnani-right {
        position: relative;
        height: 100%;
        width: 22vw;
        background-color: #181818;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .main-porovnani-container .porovnani-container .porovnani-top .porovnani-right .porovnani-type-cont {
          width: 100%;
          position: relative;
          height: 25%;
          cursor: pointer;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .main-porovnani-container .porovnani-container .porovnani-top .porovnani-right .porovnani-type-cont .porovnani-selection-image {
            position: absolute;
            min-width: 100%;
            height: 100%;
            left: 0px;
            top: 0px;
            z-index: 100; }
          .main-porovnani-container .porovnani-container .porovnani-top .porovnani-right .porovnani-type-cont .porovnani-selection-gradient {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0px;
            top: 0px;
            z-index: 105;
            opacity: 0;
            -webkit-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
            background-image: linear-gradient(to right, rgba(229, 111, 44, 0.6), rgba(240, 90, 39, 0.9)); }
          .main-porovnani-container .porovnani-container .porovnani-top .porovnani-right .porovnani-type-cont:hover .porovnani-type-name {
            color: white; }
          .main-porovnani-container .porovnani-container .porovnani-top .porovnani-right .porovnani-type-cont:hover .porovnani-selection-gradient {
            opacity: 1; }
          .main-porovnani-container .porovnani-container .porovnani-top .porovnani-right .porovnani-type-cont.selected .porovnani-type-name {
            font-size: 0.97vw;
            color: white;
            font-weight: 600; }
            @media screen and (max-width: 62.4375em) {
              .main-porovnani-container .porovnani-container .porovnani-top .porovnani-right .porovnani-type-cont.selected .porovnani-type-name {
                font-size: 0.9vw; } }
          .main-porovnani-container .porovnani-container .porovnani-top .porovnani-right .porovnani-type-cont.selected .porovnani-selection-gradient {
            opacity: 1; }
          .main-porovnani-container .porovnani-container .porovnani-top .porovnani-right .porovnani-type-cont .porovnani-type-name {
            position: relative;
            text-transform: uppercase;
            text-align: center;
            font-size: 0.82vw;
            font-weight: 500;
            color: white;
            letter-spacing: 2px;
            line-height: 5vh;
            width: 100%;
            z-index: 110;
            -webkit-transition: font-size 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: font-size 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: font-size 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: font-size 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
            @media screen and (max-width: 62.4375em) {
              .main-porovnani-container .porovnani-container .porovnani-top .porovnani-right .porovnani-type-cont .porovnani-type-name {
                font-size: 0.78vw; } }
    .main-porovnani-container .porovnani-container .porovnani-pictures {
      position: relative;
      width: 100%;
      height: 28vh;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      z-index: 170;
      box-shadow: 0px 0px 10px 7px black;
      margin-top: 50vh; }
      .main-porovnani-container .porovnani-container .porovnani-pictures .porovnani-pic-left {
        width: 50vw;
        position: relative;
        height: 100%;
        background-image: url("/assets/images/img/img_porovnani_heatflow.jpg");
        background-size: cover;
        background-position: 50% 100%;
        background-repeat: no-repeat; }
      .main-porovnani-container .porovnani-container .porovnani-pictures .porovnani-pic-right {
        width: 50vw;
        position: relative;
        height: 100%; }
        .main-porovnani-container .porovnani-container .porovnani-pictures .porovnani-pic-right .pic-rohoz {
          position: absolute;
          height: 100%;
          z-index: 500;
          width: 100%;
          right: 0;
          -webkit-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
          background-image: url("/assets/images/img/img_porovnani_rohoz.jpg");
          background-size: 50vw auto;
          background-position: 50% 100%;
          background-repeat: no-repeat; }
          .main-porovnani-container .porovnani-container .porovnani-pictures .porovnani-pic-right .pic-rohoz.prev {
            z-index: 501; }
          .main-porovnani-container .porovnani-container .porovnani-pictures .porovnani-pic-right .pic-rohoz.active {
            z-index: 502;
            animation-name: changeImage;
            animation-duration: 1.4s;
            animation-timing-function: ease;
            animation-fill-mode: forwards; }
        .main-porovnani-container .porovnani-container .porovnani-pictures .porovnani-pic-right .pic-cerpadlo {
          position: absolute;
          height: 100%;
          right: 0;
          -webkit-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
          width: 100%;
          z-index: 500;
          background-image: url("/assets/images/img/img_porovnani_cerpadlo.png");
          background-size: 50vw auto;
          background-position: 50% 80%;
          background-repeat: no-repeat; }
          .main-porovnani-container .porovnani-container .porovnani-pictures .porovnani-pic-right .pic-cerpadlo.prev {
            z-index: 501; }
          .main-porovnani-container .porovnani-container .porovnani-pictures .porovnani-pic-right .pic-cerpadlo.active {
            z-index: 502;
            animation-name: changeImage;
            animation-duration: 1.4s;
            animation-timing-function: ease;
            animation-fill-mode: forwards; }
        .main-porovnani-container .porovnani-container .porovnani-pictures .porovnani-pic-right .pic-kotel {
          position: absolute;
          height: 100%;
          z-index: 500;
          right: 0;
          -webkit-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
          width: 100%;
          background-image: url("/assets/images/img/img_porovnani_cerpadlo.jpg");
          background-size: 50vw auto;
          background-position: 50% 80%;
          background-repeat: no-repeat; }
          .main-porovnani-container .porovnani-container .porovnani-pictures .porovnani-pic-right .pic-kotel.prev {
            z-index: 501; }
          .main-porovnani-container .porovnani-container .porovnani-pictures .porovnani-pic-right .pic-kotel.active {
            z-index: 502;
            animation-name: changeImage;
            animation-duration: 1.4s;
            animation-timing-function: ease;
            animation-fill-mode: forwards; }
    .main-porovnani-container .porovnani-container .porovnani-grey {
      width: 100%;
      height: 8vh;
      position: relative;
      background-color: #232323;
      box-shadow: 0px 0px 40px 26px black; }
    .main-porovnani-container .porovnani-container .porovnani-content {
      position: relative;
      width: 80vw;
      max-width: 1200px;
      margin: 12vh auto;
      z-index: 150; }
      .main-porovnani-container .porovnani-container .porovnani-content .porovnani-content-heading {
        position: relative;
        text-transform: uppercase;
        text-align: center;
        font-size: 2.5vw;
        font-weight: 500;
        color: white;
        letter-spacing: 2px;
        width: 100%;
        margin: 0 auto 4vh auto; }
      .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list {
        position: relative;
        width: 100%;
        margin: 0; }
        .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item {
          min-height: 94px;
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -ms-flex-pack: distribute;
          -webkit-justify-content: space-around;
          justify-content: space-around;
          border-bottom: 1px #9d9c9c solid; }
          .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item.section-heading {
            border-top: 2px #9d9c9c solid;
            border-bottom: 2px #9d9c9c solid;
            text-transform: uppercase;
            color: #f05a27;
            font-weight: 600;
            min-height: 50px;
            margin-top: 50px; }
            .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item.section-heading.h-no-margin {
              margin-top: 0px;
              border-top: 0px; }
          .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item:first-of-type {
            padding-bottom: 40px;
            border-bottom: 2px #9d9c9c solid; }
            .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item:first-of-type .li-right {
              color: white;
              position: relative;
              text-transform: uppercase;
              text-align: center;
              font-size: 28px;
              font-weight: 500;
              color: white;
              letter-spacing: 2px; }
          .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item .li-part {
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            line-height: 1.4;
            max-width: 330px; }
            .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item .li-part .li-value {
              position: relative;
              text-align: center;
              font-size: 20px;
              font-weight: 500;
              color: white;
              letter-spacing: 2px;
              width: 100%; }
            .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item .li-part .li-name {
              position: relative;
              text-align: center;
              font-size: 12px;
              font-weight: 400;
              color: #9d9c9c;
              letter-spacing: 1.5px;
              width: 100%; }
          .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item .li-left,
          .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item .li-right {
            width: 30%;
            max-width: 300px;
            -webkit-box: 1;
            -moz-box: 1;
            -webkit-flex: 1 1 30%;
            -ms-flex: 1 1 30%;
            flex: 1 1 30%; }
            .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item .li-left .li-value,
            .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item .li-right .li-value {
              text-transform: uppercase; }
          .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item .li-left .li-value {
            background: -webkit-linear-gradient(90deg, #f05a27, #e56f2c);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            color: #f05a27; }
          .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item .li-left .li-logo {
            height: 60px; }
          .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item .li-middle {
            width: 40%;
            -webkit-box: 1;
            -moz-box: 1;
            -webkit-flex: 1 1 40%;
            -ms-flex: 1 1 40%;
            flex: 1 1 40%; }
            .main-porovnani-container .porovnani-container .porovnani-content .porovnani-list .porovnani-list-item .li-middle .li-value {
              font-size: 16px;
              font-weight: 600; }
  .main-porovnani-container .scroll-cont {
    bottom: 6vh;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    .main-porovnani-container .scroll-cont .scroll-continue {
      display: block;
      font-size: 18px;
      font-weight: 500;
      color: white;
      letter-spacing: 1.4px;
      margin-bottom: 1vh;
      opacity: 1;
      text-transform: uppercase; }

@keyframes changeImage {
  0% {
    width: 0px; }
  100% {
    width: 100%; } }

.main-container#main-container-studie2 {
  min-height: 100vh;
  width: 100%;
  position: relative;
  letter-spacing: 1.4px;
  overflow-x: hidden; }
  .main-container#main-container-studie2 b {
    font-weight: 600; }
  .main-container#main-container-studie2 a {
    color: inherit; }
    .main-container#main-container-studie2 a:hover {
      color: #f05a27; }
  .main-container#main-container-studie2 .orange {
    color: #f6552e !important; }
  .main-container#main-container-studie2 sup {
    font-size: 60%; }
  .main-container#main-container-studie2 .studie2-section {
    width: 100%;
    position: relative; }
    .main-container#main-container-studie2 .studie2-section:first-of-type {
      margin-top: calc(9vh - 38px);
      top: 38px; }
  .main-container#main-container-studie2 .h-uppercase {
    text-transform: uppercase; }
  .main-container#main-container-studie2 .h-black {
    color: black; }
  .main-container#main-container-studie2 .h-loxone-green {
    color: #00e94a; }
  .main-container#main-container-studie2 .h-mcore-blue {
    color: #00e3b5; }
  .main-container#main-container-studie2 .h-arrow-down {
    height: 30px;
    cursor: pointer;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-studie2 .h-arrow-down:hover {
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
      transform: translateY(10px); }
  .main-container#main-container-studie2 .h-arrow-down-black {
    height: 20px;
    cursor: pointer;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-studie2 .h-arrow-down-black:hover {
      -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
      -o-transform: translateY(6px);
      transform: translateY(6px); }
  .main-container#main-container-studie2 .h-arrow-right-black {
    width: 20px;
    cursor: pointer;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-studie2 .h-arrow-right-black:hover {
      -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
      -o-transform: translateX(10px);
      transform: translateX(10px); }
  .main-container#main-container-studie2 .clear {
    clear: both; }
  .main-container#main-container-studie2 .sluzba-loader-wrapper {
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden; }
  .main-container#main-container-studie2 .studie2-intro {
    height: 80vh;
    min-height: 600px;
    -webkit-transition: background-size 1s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: background-size 1s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: background-size 1s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: background-size 1s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-studie2 .studie2-intro.loaded .studie2-intro-bg {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .main-container#main-container-studie2 .studie2-intro.loaded .intro-text .intro-route {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px); }
    .main-container#main-container-studie2 .studie2-intro.loaded .intro-text .intro-heading {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px); }
    .main-container#main-container-studie2 .studie2-intro .studie2-intro-bg {
      background-image: url("/assets/images/backgrounds/img_studie2_intro_bg.png");
      background-size: cover;
      background-position: center top;
      background-repeat: no-repeat;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
      -webkit-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-studie2 .studie2-intro .sluzba-intro-img {
      position: absolute;
      width: 100%;
      top: 0px;
      left: 0px;
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
      -webkit-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-studie2 .studie2-intro .intro-text {
      width: 80%;
      max-width: 1400px;
      height: 100%;
      margin: 0 auto;
      position: sticky;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      margin-bottom: 50px; }
      .main-container#main-container-studie2 .studie2-intro .intro-text .intro-route {
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
        text-transform: uppercase;
        margin-top: 5vh;
        color: #f6552e;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
        -webkit-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .main-container#main-container-studie2 .studie2-intro .intro-text .intro-route b {
          font-weight: 700; }
      .main-container#main-container-studie2 .studie2-intro .intro-text .intro-heading {
        font-size: 54px;
        line-height: 70px;
        font-weight: 500;
        margin-bottom: 20px;
        color: white;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
        -webkit-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .main-container#main-container-studie2 .studie2-intro .intro-text .intro-heading b {
          font-weight: 700; }
      .main-container#main-container-studie2 .studie2-intro .intro-text .sluzba-scroll-down {
        margin-top: 50px; }
      .main-container#main-container-studie2 .studie2-intro .intro-text .intro-info {
        position: relative; }
        .main-container#main-container-studie2 .studie2-intro .intro-text .intro-info .intro-info-img {
          position: relative;
          width: 650px;
          max-width: 55vw;
          margin: 10px auto; }
        .main-container#main-container-studie2 .studie2-intro .intro-text .intro-info .intro-info-top {
          width: 100%;
          position: relative; }
          .main-container#main-container-studie2 .studie2-intro .intro-text .intro-info .intro-info-top .intro-info-block {
            float: left;
            width: 33%;
            position: relative;
            color: white;
            font-weight: 400;
            font-size: 12px;
            text-align: left;
            line-height: 20px;
            letter-spacing: 1.2px;
            padding-left: 10px; }
        .main-container#main-container-studie2 .studie2-intro .intro-text .intro-info .intro-info-bottom {
          width: 100%;
          position: relative;
          margin-top: 5px; }
          .main-container#main-container-studie2 .studie2-intro .intro-text .intro-info .intro-info-bottom .intro-info-block {
            float: left;
            width: 33%;
            position: relative;
            font-weight: 600;
            font-size: 44px;
            text-align: left;
            line-height: 30px;
            letter-spacing: 1.2px;
            padding-left: 10px; }
  .main-container#main-container-studie2 .sluzba-clanky-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 110px;
    display: none;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-studie2 .sluzba-clanky-container.opening {
      animation-name: showClanky;
      animation-duration: 0.7s;
      animation-timing-function: ease;
      animation-fill-mode: forwards;
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start; }
    .main-container#main-container-studie2 .sluzba-clanky-container.hiding {
      animation-name: hideClanky;
      animation-duration: 0.7s;
      animation-timing-function: ease;
      animation-fill-mode: forwards;
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start; }
    .main-container#main-container-studie2 .sluzba-clanky-container.full-images.opening {
      animation-name: showClanky;
      animation-duration: 0.7s;
      animation-timing-function: ease;
      animation-fill-mode: forwards;
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start; }
    .main-container#main-container-studie2 .sluzba-clanky-container.full-images.hiding {
      animation-name: hideClanky;
      animation-duration: 0.7s;
      animation-timing-function: ease;
      animation-fill-mode: forwards;
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start; }
    .main-container#main-container-studie2 .sluzba-clanky-container .sluzba-clanek-full-img {
      width: 100%;
      position: relative; }
      .main-container#main-container-studie2 .sluzba-clanky-container .sluzba-clanek-full-img.h-indented {
        margin-top: 80px; }
      .main-container#main-container-studie2 .sluzba-clanky-container .sluzba-clanek-full-img.rozlozeny_dum_kulicky {
        margin-top: calc(-1vw - 70px); }
    .main-container#main-container-studie2 .sluzba-clanky-container .sluzba-clanek-full-block {
      width: 100%;
      padding: 0px 6px;
      position: relative;
      color: #9d9c9c;
      font-weight: 400;
      font-size: 12px;
      text-align: left;
      line-height: 20px;
      letter-spacing: 1.2px;
      margin-top: 20px; }
    .main-container#main-container-studie2 .sluzba-clanky-container .sluzba-clanek {
      position: relative;
      width: 30%; }
      .main-container#main-container-studie2 .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-img {
        width: 100%;
        position: relative; }
      .main-container#main-container-studie2 .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-caption {
        position: relative;
        color: #9d9c9c;
        font-weight: 400;
        font-size: 14px;
        text-align: left;
        line-height: 20px;
        letter-spacing: 1.2px;
        margin-top: 20px; }
        .main-container#main-container-studie2 .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-caption b {
          color: black; }
        .main-container#main-container-studie2 .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-caption .sluzba-clanek-title {
          position: relative;
          width: 100%;
          text-transform: uppercase;
          color: black;
          font-size: 16px;
          font-weight: 600;
          text-align: left;
          margin-top: 20px; }
        .main-container#main-container-studie2 .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-caption .sluzba-clanek-divider {
          position: relative;
          width: 100%;
          margin-bottom: 20px; }
        .main-container#main-container-studie2 .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-caption .sluzba-clanek-desc {
          position: relative;
          width: 100%;
          color: black;
          font-size: 13px;
          line-height: 20px;
          font-weight: 400;
          text-align: justify; }
      .main-container#main-container-studie2 .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-vice {
        position: relative;
        font-size: 11px;
        text-decoration: underline;
        color: black;
        margin-top: 30px;
        font-weight: 500;
        cursor: pointer; }
        .main-container#main-container-studie2 .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-vice:hover .sluzba-clanek-vice-arrow {
          -webkit-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px); }
        .main-container#main-container-studie2 .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-vice .sluzba-clanek-vice-arrow {
          display: inline-block;
          margin-left: 30px;
          width: 36px;
          -webkit-transform: translateX(0px);
          -ms-transform: translateX(0px);
          -o-transform: translateX(0px);
          transform: translateX(0px);
          -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
  .main-container#main-container-studie2 .studie2-section2 {
    z-index: 40;
    background-image: url("/assets/images/backgrounds/img_studie2_bg2.png");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; }
    .main-container#main-container-studie2 .studie2-section2 .section-content {
      width: 80%;
      max-width: 1400px;
      height: 100%;
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      padding-bottom: 130px;
      position: relative;
      z-index: 50;
      padding-top: 10px; }
      .main-container#main-container-studie2 .studie2-section2 .section-content .section-content-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin-top: 60px; }
      .main-container#main-container-studie2 .studie2-section2 .section-content .section-block-left {
        position: relative;
        width: 60%; }
        @media screen and (max-width: 81.1875em) {
          .main-container#main-container-studie2 .studie2-section2 .section-content .section-block-left {
            width: 48%; } }
        .main-container#main-container-studie2 .studie2-section2 .section-content .section-block-left .section-heading {
          font-size: 2.5vw;
          font-weight: 700;
          color: black;
          padding-bottom: 60px;
          display: block; }
          @media screen and (max-width: 81.1875em) {
            .main-container#main-container-studie2 .studie2-section2 .section-content .section-block-left .section-heading {
              font-size: 26px;
              line-height: 34px; } }
        .main-container#main-container-studie2 .studie2-section2 .section-content .section-block-left .section-prubeh-desc {
          position: relative;
          color: black;
          font-weight: 400;
          font-size: 14px;
          width: 90%;
          text-align: justify;
          line-height: 20px;
          letter-spacing: 1; }
          .main-container#main-container-studie2 .studie2-section2 .section-content .section-block-left .section-prubeh-desc b {
            font-weight: 500; }
          @media screen and (max-width: 68.6875em) {
            .main-container#main-container-studie2 .studie2-section2 .section-content .section-block-left .section-prubeh-desc {
              font-size: 12px;
              line-height: 18px; } }
      .main-container#main-container-studie2 .studie2-section2 .section-content .section-block-right {
        position: relative;
        width: 35%; }
        @media screen and (max-width: 81.1875em) {
          .main-container#main-container-studie2 .studie2-section2 .section-content .section-block-right {
            width: 48%; } }
        .main-container#main-container-studie2 .studie2-section2 .section-content .section-block-right .section-block-srovnani {
          width: 100%; }
  .main-container#main-container-studie2 .sluzba-prubeh {
    height: 470px;
    z-index: 40;
    margin-top: -45px; }
    .main-container#main-container-studie2 .sluzba-prubeh.studie2-number-2 {
      z-index: 330;
      margin-top: -45px; }
    .main-container#main-container-studie2 .sluzba-prubeh.studie2-number-3 {
      z-index: 340;
      height: 540px; }
    .main-container#main-container-studie2 .sluzba-prubeh.studie2-number-4 {
      height: auto;
      z-index: 380;
      margin-top: -150px; }
      .main-container#main-container-studie2 .sluzba-prubeh.studie2-number-4 .section-content {
        padding: 130px 0px; }
      .main-container#main-container-studie2 .sluzba-prubeh.studie2-number-4 .section-forum-wrapper {
        width: 100%;
        max-width: 1000px;
        padding-top: 50px;
        margin: 0 auto; }
        .main-container#main-container-studie2 .sluzba-prubeh.studie2-number-4 .section-forum-wrapper .section-forum-separator {
          position: relative;
          width: 50px;
          left: 50%;
          margin: 40px auto;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%); }
        .main-container#main-container-studie2 .sluzba-prubeh.studie2-number-4 .section-forum-wrapper .section-forum-block {
          width: 100%;
          position: relative;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .main-container#main-container-studie2 .sluzba-prubeh.studie2-number-4 .section-forum-wrapper .section-forum-block .section-forum-icon {
            width: 60px; }
          .main-container#main-container-studie2 .sluzba-prubeh.studie2-number-4 .section-forum-wrapper .section-forum-block .section-forum-right {
            width: 85%;
            margin-left: 30px;
            font-size: 14px;
            font-weight: 400;
            color: #a1a1a1; }
            .main-container#main-container-studie2 .sluzba-prubeh.studie2-number-4 .section-forum-wrapper .section-forum-block .section-forum-right .section-forum-zastupitel {
              width: 100%;
              padding-bottom: 30px; }
            .main-container#main-container-studie2 .sluzba-prubeh.studie2-number-4 .section-forum-wrapper .section-forum-block .section-forum-right .section-otazka {
              color: white;
              font-weight: 600;
              display: inline; }
            .main-container#main-container-studie2 .sluzba-prubeh.studie2-number-4 .section-forum-wrapper .section-forum-block .section-forum-right .section-forum-client {
              width: 100%; }
              .main-container#main-container-studie2 .sluzba-prubeh.studie2-number-4 .section-forum-wrapper .section-forum-block .section-forum-right .section-forum-client .client-answer {
                display: inline;
                font-weight: 500;
                text-align: justify; }
    .main-container#main-container-studie2 .sluzba-prubeh .image-bg {
      position: absolute;
      width: 100%;
      height: 50%;
      top: 0px;
      left: 0px;
      z-index: 41;
      background-image: url("/assets/images/backgrounds/img_sluzba_dodavka_bg.png");
      background-size: 100% auto;
      background-position: center top;
      background-repeat: no-repeat; }
    .main-container#main-container-studie2 .sluzba-prubeh .color-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 75px;
      left: 0px;
      z-index: 40;
      background-color: #303030; }
    .main-container#main-container-studie2 .sluzba-prubeh .section-content {
      width: 80%;
      max-width: 1400px;
      height: 100%;
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      margin-bottom: 50px;
      position: relative;
      z-index: 50; }
      .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-content-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start; }
      .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-left {
        position: relative;
        width: 100%; }
        .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-left .section-heading {
          font-size: 2.5vw;
          font-weight: 700;
          color: white;
          display: block; }
          @media screen and (max-width: 81.1875em) {
            .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-left .section-heading {
              font-size: 26px;
              line-height: 34px; } }
        .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-left .section-prubeh-divider {
          position: relative;
          color: #a1a1a1;
          font-weight: 600;
          font-size: 12px;
          text-align: left;
          line-height: 20px;
          letter-spacing: 1.2px;
          margin: 10px auto; }
          @media screen and (max-width: 81.1875em) {
            .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-left .section-prubeh-divider {
              margin: 10px auto; } }
        .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-left .section-prubeh-desc {
          position: relative;
          color: #a1a1a1;
          font-weight: 500;
          font-size: 20px;
          text-align: justify;
          line-height: 30px;
          letter-spacing: 1.2px; }
          @media screen and (max-width: 81.1875em) {
            .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-left .section-prubeh-desc {
              font-size: 18px;
              line-height: 28px; } }
          .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-left .section-prubeh-desc .orange {
            color: #f6552e; }
          .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-left .section-prubeh-desc .footnote {
            font-size: 12px; }
      .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-right {
        position: relative;
        width: 18%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start; }
        @media screen and (max-width: 81.1875em) {
          .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-right {
            width: 24%; } }
        .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-right .section-block-el {
          width: 100%;
          position: relative;
          margin-bottom: 20px; }
          .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-right .section-block-el .section-block-people {
            width: 100%;
            position: relative;
            margin-bottom: 10px;
            padding-left: 4px; }
          .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-right .section-block-el .section-block-line {
            width: 100%;
            position: relative;
            margin: 10px auto; }
          .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-right .section-block-el .section-block-el-desc {
            width: 100%;
            position: relative;
            color: #a1a1a1;
            font-weight: 600;
            font-size: 12px;
            text-align: left;
            line-height: 20px;
            letter-spacing: 1.2px;
            padding-left: 4px; }
          .main-container#main-container-studie2 .sluzba-prubeh .section-content .section-block-right .section-block-el .section-block-el-number {
            width: 100%;
            display: inline-block;
            position: relative;
            font-weight: 600;
            font-size: 44px;
            text-align: left;
            letter-spacing: 1.2px;
            padding-left: 4px; }
  .main-container#main-container-studie2 .studie2-white-section {
    min-height: 60vh;
    background-color: white;
    z-index: 330; }
    .main-container#main-container-studie2 .studie2-white-section .wave-bg {
      position: absolute;
      width: 100%;
      height: 22px;
      top: -22px;
      left: 0px;
      z-index: 35;
      background-image: url("/assets/images/backgrounds/img_sluzba_white_bg_wave.png");
      background-size: 100% 100%;
      background-position: center top;
      background-repeat: no-repeat; }
    .main-container#main-container-studie2 .studie2-white-section .image-bg {
      position: absolute;
      width: 100%;
      height: 50%;
      top: 0px;
      left: 0px;
      z-index: 41;
      background-image: url("/assets/images/backgrounds/img_studie2_white_bg.png");
      background-size: 100% auto;
      background-position: center top;
      background-repeat: no-repeat; }
    .main-container#main-container-studie2 .studie2-white-section.sluzba-last-white {
      z-index: 400; }
    .main-container#main-container-studie2 .studie2-white-section .section-content {
      width: 90%;
      max-width: 1000px;
      position: relative;
      margin: 0 auto;
      padding: 100px 0px; }
      .main-container#main-container-studie2 .studie2-white-section .section-content .section-heading {
        font-size: 28px;
        font-weight: 600;
        color: black;
        padding-bottom: 20px;
        display: block; }
      .main-container#main-container-studie2 .studie2-white-section .section-content .section-prubeh-desc {
        position: relative;
        color: #a1a1a1;
        font-weight: 500;
        font-size: 16px;
        text-align: justify;
        line-height: 24px;
        letter-spacing: 1px;
        padding: 60px 0px; }
        .main-container#main-container-studie2 .studie2-white-section .section-content .section-prubeh-desc .orange {
          color: #f6552e; }
        .main-container#main-container-studie2 .studie2-white-section .section-content .section-prubeh-desc b {
          color: black;
          font-weight: 600; }
        .main-container#main-container-studie2 .studie2-white-section .section-content .section-prubeh-desc .footnote {
          font-size: 12px; }
      .main-container#main-container-studie2 .studie2-white-section .section-content .section-more-otazky {
        position: relative;
        width: 100%;
        margin: 0 auto;
        display: none;
        overflow: hidden;
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .main-container#main-container-studie2 .studie2-white-section .section-content .section-more-otazky.opening {
          animation-name: showOtazky;
          animation-duration: 0.7s;
          animation-timing-function: ease;
          animation-fill-mode: forwards;
          -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -o-transform: translateY(0px);
          transform: translateY(0px);
          display: block; }
        .main-container#main-container-studie2 .studie2-white-section .section-content .section-more-otazky.hiding {
          animation-name: hideOtazky;
          animation-duration: 0.7s;
          animation-timing-function: ease;
          animation-fill-mode: forwards;
          -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -o-transform: translateY(0px);
          transform: translateY(0px);
          display: block; }
      .main-container#main-container-studie2 .studie2-white-section .section-content .section-otazky-show-more {
        position: relative;
        width: 100%;
        color: black;
        font-weight: 600;
        font-size: 20px;
        text-align: justify;
        line-height: 24px;
        letter-spacing: 1px;
        text-decoration: underline;
        padding: 40px 0px;
        cursor: pointer;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .main-container#main-container-studie2 .studie2-white-section .section-content .section-otazky-show-more:hover {
          text-decoration: none; }
        .main-container#main-container-studie2 .studie2-white-section .section-content .section-otazky-show-more .expandable-control {
          margin-left: 30px;
          width: 30px; }
        .main-container#main-container-studie2 .studie2-white-section .section-content .section-otazky-show-more.opened .expandable-control {
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); }
      .main-container#main-container-studie2 .studie2-white-section .section-content .section-otazky-table {
        position: relative;
        width: 100%; }
        .main-container#main-container-studie2 .studie2-white-section .section-content .section-otazky-table .section-otazky-question {
          font-size: 20px;
          font-weight: 600;
          color: black;
          padding: 14px 0px;
          display: block; }
        .main-container#main-container-studie2 .studie2-white-section .section-content .section-otazky-table .section-otazky-row {
          width: 100%;
          border-bottom: 1px #a1a1a1 dashed;
          padding: 20px 0px;
          min-height: 80px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: end;
          -moz-box-align: end;
          -ms-flex-align: end;
          -webkit-align-items: flex-end;
          align-items: flex-end; }
          .main-container#main-container-studie2 .studie2-white-section .section-content .section-otazky-table .section-otazky-row .section-otazky-block {
            width: 25%;
            height: 100%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: end;
            -moz-box-pack: end;
            -ms-flex-pack: end;
            -webkit-justify-content: flex-end;
            justify-content: flex-end;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center; }
            .main-container#main-container-studie2 .studie2-white-section .section-content .section-otazky-table .section-otazky-row .section-otazky-block img {
              height: 24px; }
              .main-container#main-container-studie2 .studie2-white-section .section-content .section-otazky-table .section-otazky-row .section-otazky-block img.section-otazky-table-head {
                height: 50px; }
            .main-container#main-container-studie2 .studie2-white-section .section-content .section-otazky-table .section-otazky-row .section-otazky-block .section-otazky-block-title {
              position: relative;
              color: #a1a1a1;
              font-weight: 500;
              font-size: 14px;
              text-align: center;
              line-height: 30px;
              letter-spacing: 1px; }
      .main-container#main-container-studie2 .studie2-white-section .section-content .sluzba-expandable {
        width: 100%;
        position: relative;
        cursor: pointer; }
        .main-container#main-container-studie2 .studie2-white-section .section-content .sluzba-expandable:hover .expandable-control {
          opacity: 0.7;
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); }
        .main-container#main-container-studie2 .studie2-white-section .section-content .sluzba-expandable.opened .expandable-control {
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); }
        .main-container#main-container-studie2 .studie2-white-section .section-content .sluzba-expandable .expandable-heading {
          font-size: 30px;
          float: left;
          display: block;
          font-weight: 700;
          max-width: 900px; }
          .main-container#main-container-studie2 .studie2-white-section .section-content .sluzba-expandable .expandable-heading sup {
            font-size: 70%; }
          .main-container#main-container-studie2 .studie2-white-section .section-content .sluzba-expandable .expandable-heading span {
            text-decoration: underline; }
        .main-container#main-container-studie2 .studie2-white-section .section-content .sluzba-expandable .expandable-control {
          height: 36px;
          float: right;
          opacity: 1;
          -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          cursor: pointer; }
          .main-container#main-container-studie2 .studie2-white-section .section-content .sluzba-expandable .expandable-control:hover {
            opacity: 0.7;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg); }
          .main-container#main-container-studie2 .studie2-white-section .section-content .sluzba-expandable .expandable-control.opened {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg); }
      .main-container#main-container-studie2 .studie2-white-section .section-content .sluzba-expandable {
        padding: 100px 0px 62px 0px; }
    .main-container#main-container-studie2 .studie2-white-section .number-container {
      width: 80%;
      max-width: 1400px;
      bottom: 0px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      position: absolute; }
      .main-container#main-container-studie2 .studie2-white-section .number-container .part-number {
        position: absolute;
        bottom: -102px;
        left: 0px;
        font-size: 80px;
        font-weight: 700; }
        @media screen and (max-width: 68.6875em) {
          .main-container#main-container-studie2 .studie2-white-section .number-container .part-number {
            bottom: -82px; } }
        @media screen and (min-width: 2400px) {
          .main-container#main-container-studie2 .studie2-white-section .number-container .part-number {
            bottom: -84px; } }
        .main-container#main-container-studie2 .studie2-white-section .number-container .part-number.black {
          color: black; }
  .main-container#main-container-studie2 .sluzba-gray-section .image-bg {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 301;
    background-image: url("/assets/images/backgrounds/img_studie2_white_bg.png");
    background-size: 100% auto;
    background-position: left top;
    background-repeat: no-repeat; }
  .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom {
    min-height: 800px;
    margin-top: -45px;
    z-index: 330; }
    .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom .section-content {
      z-index: 311; }
    .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom .bottom-bg {
      z-index: 305;
      position: absolute;
      bottom: 0px;
      width: 100%;
      height: calc(100% - 215px);
      background-image: url("/assets/images/backgrounds/img_background_casopis.jpg");
      background-size: 100% auto;
      background-position: center bottom;
      background-repeat: no-repeat; }
    .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom .image-bg {
      z-index: 303; }
    .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom .gray-bg {
      position: absolute;
      width: 100%;
      height: 90%;
      bottom: 0px;
      left: 0px;
      z-index: 302;
      background-color: #fbfbfb; }
      .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom .gray-bg.opened {
        height: 90%;
        background-color: #fbfbfb; }
    .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom .sluzba-expandable {
      padding: 70px 0px 100px 0px; }
  .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom2 {
    min-height: 800px;
    margin-top: -45px;
    z-index: 370; }
    .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom2 .section-content {
      z-index: 371; }
    .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom2 .bottom-bg {
      z-index: 365;
      position: absolute;
      bottom: 110px;
      width: 100%;
      height: calc(100% - 215px);
      background-image: url("/assets/images/backgrounds/img_background_kuchyne.jpg");
      background-size: 100% auto;
      background-position: center bottom;
      background-repeat: no-repeat; }
    .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom2 .image-bg {
      z-index: 363; }
    .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom2 .gray-bg {
      position: absolute;
      width: 100%;
      height: 90%;
      bottom: 0px;
      left: 0px;
      z-index: 362;
      background-color: #fbfbfb; }
      .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom2 .gray-bg.opened {
        height: 90%;
        background-color: #fbfbfb; }
    .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom2 .sluzba-expandable {
      padding: 70px 0px 100px 0px; }
    .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom2 .number-container {
      width: 80%;
      max-width: 1400px;
      bottom: 146px;
      z-index: 390;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      position: absolute; }
      .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom2 .number-container .part-number {
        position: absolute;
        bottom: -64px;
        left: 0px;
        font-size: 80px;
        font-weight: 700; }
        @media screen and (max-width: 68.6875em) {
          .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom2 .number-container .part-number {
            bottom: -60px; } }
        @media screen and (min-width: 2400px) {
          .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom2 .number-container .part-number {
            bottom: -44px; } }
        .main-container#main-container-studie2 .sluzba-gray-section.sluzba-grey-bottom2 .number-container .part-number.black {
          color: black; }
  .main-container#main-container-studie2 .sluzba-gray-section .section-content {
    z-index: 302; }
  .main-container#main-container-studie2 .sluzba-gray-section .sluzba-expandable {
    padding: 70px 0px 100px 0px; }
    .main-container#main-container-studie2 .sluzba-gray-section .sluzba-expandable.opened {
      padding-bottom: 2rem; }
    .main-container#main-container-studie2 .sluzba-gray-section .sluzba-expandable__text {
      margin-bottom: 4rem; }
    .main-container#main-container-studie2 .sluzba-gray-section .sluzba-expandable__3_columns {
      display: flex;
      justify-content: space-evenly;
      align-items: stretch;
      margin-bottom: 12vw; }
      .main-container#main-container-studie2 .sluzba-gray-section .sluzba-expandable__3_columns__column {
        width: 100% / 3;
        display: flex;
        flex-direction: column;
        padding: .5rem; }
        .main-container#main-container-studie2 .sluzba-gray-section .sluzba-expandable__3_columns__column--dimmed .sluzba-expandable__3_columns__header {
          color: #7f7f7f;
          border-color: #7f7f7f; }
        .main-container#main-container-studie2 .sluzba-gray-section .sluzba-expandable__3_columns__column--dimmed .sluzba-expandable__3_columns__footer {
          color: #7f7f7f; }
        .main-container#main-container-studie2 .sluzba-gray-section .sluzba-expandable__3_columns__column--orange .sluzba-expandable__3_columns__header {
          color: #f05a27;
          border-color: #f05a27; }
        .main-container#main-container-studie2 .sluzba-gray-section .sluzba-expandable__3_columns__column--orange .sluzba-expandable__3_columns__footer {
          color: #f05a27; }
      .main-container#main-container-studie2 .sluzba-gray-section .sluzba-expandable__3_columns__header {
        font-size: 1.2rem;
        font-weight: bold;
        display: block;
        padding: 0.7rem 0;
        border-bottom: 4px solid black;
        white-space: nowrap; }
      .main-container#main-container-studie2 .sluzba-gray-section .sluzba-expandable__3_columns__text {
        display: block;
        padding: 1.2rem 0 .7rem;
        flex-grow: 1; }
      .main-container#main-container-studie2 .sluzba-gray-section .sluzba-expandable__3_columns__footer {
        font-size: 1.2rem;
        font-weight: bold; }
  .main-container#main-container-studie2 .sluzba-gray-section .studie2-expandable-margin {
    padding-bottom: 28vw; }
  .main-container#main-container-studie2 .sluzba-gray-section .gray-bg {
    position: absolute;
    width: 100%;
    height: 70%;
    bottom: 0px;
    left: 0px;
    z-index: 300;
    background: linear-gradient(to bottom, rgba(251, 251, 251, 0), #fbfbfb); }
    .main-container#main-container-studie2 .sluzba-gray-section .gray-bg.opened {
      height: 85%;
      background-color: #f9f9f9; }
  .main-container#main-container-studie2 .sluzba-gray-section .number-container {
    width: 80%;
    max-width: 1400px;
    bottom: 42px;
    z-index: 310;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute; }
    .main-container#main-container-studie2 .sluzba-gray-section .number-container .part-number {
      position: absolute;
      bottom: -64px;
      left: 0px;
      font-size: 80px;
      font-weight: 700; }
      @media screen and (max-width: 68.6875em) {
        .main-container#main-container-studie2 .sluzba-gray-section .number-container .part-number {
          bottom: -60px; } }
      @media screen and (min-width: 2400px) {
        .main-container#main-container-studie2 .sluzba-gray-section .number-container .part-number {
          bottom: -44px; } }
      .main-container#main-container-studie2 .sluzba-gray-section .number-container .part-number.black {
        color: black; }
  .main-container#main-container-studie2 .sluzba-gray-section.section-bigger-padding .section-content .sluzba-expandable {
    padding: 100px 0px 130px 0px; }
  .main-container#main-container-studie2 .studie2-arguments-section .number-container {
    width: 80%;
    max-width: 1400px;
    bottom: 33px;
    z-index: 340;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute; }
    .main-container#main-container-studie2 .studie2-arguments-section .number-container .part-number {
      position: absolute;
      bottom: -64px;
      left: 0px;
      font-size: 80px;
      font-weight: 700; }
      @media screen and (max-width: 68.6875em) {
        .main-container#main-container-studie2 .studie2-arguments-section .number-container .part-number {
          bottom: -60px; } }
      @media screen and (min-width: 2400px) {
        .main-container#main-container-studie2 .studie2-arguments-section .number-container .part-number {
          bottom: -44px; } }
      .main-container#main-container-studie2 .studie2-arguments-section .number-container .part-number.black {
        color: black; }
  .main-container#main-container-studie2 .studie2-arguments-section .bottom-bg {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: calc(100% - 215px);
    background-image: url("/assets/images/backgrounds/img_background_kleste.jpg");
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat; }
  .main-container#main-container-studie2 .studie2-arguments-section .section-prubeh-desc {
    padding-top: 30px !important;
    padding-bottom: 60px !important; }
  .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-show-more {
    position: relative;
    width: 100%;
    color: black;
    font-weight: 600;
    font-size: 20px;
    text-align: justify;
    line-height: 24px;
    letter-spacing: 1px;
    text-decoration: underline;
    padding-top: 40px;
    padding-bottom: 22vw;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-show-more:hover {
      text-decoration: none; }
    .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-show-more .expandable-control {
      margin-left: 30px;
      width: 30px; }
    .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-show-more.opened .expandable-control {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
  .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-line {
      margin-bottom: 20px; }
      .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-line.more-argument {
        display: none;
        overflow: hidden;
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-line.more-argument.opening {
          display: block;
          animation-name: showOtazky;
          animation-duration: 0.7s;
          animation-timing-function: ease;
          animation-fill-mode: forwards;
          -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -o-transform: translateY(0px);
          transform: translateY(0px); }
        .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-line.more-argument.hiding {
          animation-name: hideOtazky;
          animation-duration: 0.7s;
          animation-timing-function: ease;
          animation-fill-mode: forwards;
          -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -o-transform: translateY(0px);
          transform: translateY(0px); }
      .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-line .section-argument-title {
        font-size: 18px;
        font-weight: 600;
        color: black;
        display: block; }
      .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-line p {
        width: 100%;
        position: relative;
        color: #a1a1a1;
        font-weight: 500;
        font-size: 14px;
        text-align: justify;
        line-height: 24px;
        letter-spacing: 1px;
        display: block;
        padding: 1rem 0; }
        .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-line p b {
          color: black;
          font-weight: 600; }
    .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-block {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      width: 40%;
      margin-bottom: 70px; }
      .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-block.more-argument {
        display: none;
        overflow: hidden;
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-block.more-argument.opening {
          animation-name: showOtazky;
          animation-duration: 0.7s;
          animation-timing-function: ease;
          animation-fill-mode: forwards;
          -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -o-transform: translateY(0px);
          transform: translateY(0px);
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: start;
          -moz-box-align: start;
          -ms-flex-align: start;
          -webkit-align-items: flex-start;
          align-items: flex-start; }
        .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-block.more-argument.hiding {
          animation-name: hideOtazky;
          animation-duration: 0.7s;
          animation-timing-function: ease;
          animation-fill-mode: forwards;
          -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -o-transform: translateY(0px);
          transform: translateY(0px);
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: start;
          -moz-box-align: start;
          -ms-flex-align: start;
          -webkit-align-items: flex-start;
          align-items: flex-start; }
      .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-block .section-argument-top {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: end;
        -moz-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        padding-bottom: 30px;
        width: 100%;
        height: 110px; }
        .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-block .section-argument-top .section-argument-title {
          font-size: 18px;
          font-weight: 600;
          color: black;
          display: block;
          width: 50%; }
        .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-block .section-argument-top .section-argument-icon {
          width: 70px; }
      .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-block .section-argument-bottom {
        width: 100%;
        position: relative;
        color: #a1a1a1;
        font-weight: 500;
        font-size: 14px;
        text-align: justify;
        line-height: 24px;
        letter-spacing: 1px; }
        .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-block .section-argument-bottom .orange {
          color: #f6552e; }
        .main-container#main-container-studie2 .studie2-arguments-section .section-arguments-wrapper .section-argument-block .section-argument-bottom b {
          color: black;
          font-weight: 600; }
  .main-container#main-container-studie2 .studie2-realizace-section,
  .main-container#main-container-studie2 .studie2-zmena-section {
    z-index: 360;
    padding-bottom: 7rem; }
    .main-container#main-container-studie2 .studie2-realizace-section .section-content,
    .main-container#main-container-studie2 .studie2-zmena-section .section-content {
      padding-bottom: 0px; }
    .main-container#main-container-studie2 .studie2-realizace-section .section-realizace-wrapper,
    .main-container#main-container-studie2 .studie2-zmena-section .section-realizace-wrapper {
      width: 100%;
      padding-top: 30px; }
      .main-container#main-container-studie2 .studie2-realizace-section .section-realizace-wrapper .section-realizace-linka--zmena,
      .main-container#main-container-studie2 .studie2-zmena-section .section-realizace-wrapper .section-realizace-linka--zmena {
        padding-bottom: 10rem !important; }
      .main-container#main-container-studie2 .studie2-realizace-section .section-realizace-wrapper .section-realizace-row,
      .main-container#main-container-studie2 .studie2-zmena-section .section-realizace-wrapper .section-realizace-row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start; }
        .main-container#main-container-studie2 .studie2-realizace-section .section-realizace-wrapper .section-realizace-row .section-realizace-left,
        .main-container#main-container-studie2 .studie2-zmena-section .section-realizace-wrapper .section-realizace-row .section-realizace-left {
          width: 40%;
          text-align: justify; }
        .main-container#main-container-studie2 .studie2-realizace-section .section-realizace-wrapper .section-realizace-row .section-realizace-right,
        .main-container#main-container-studie2 .studie2-zmena-section .section-realizace-wrapper .section-realizace-row .section-realizace-right {
          width: 40%;
          text-align: justify; }
        .main-container#main-container-studie2 .studie2-realizace-section .section-realizace-wrapper .section-realizace-row.top-row,
        .main-container#main-container-studie2 .studie2-zmena-section .section-realizace-wrapper .section-realizace-row.top-row {
          width: 100%;
          position: relative;
          color: #a1a1a1;
          font-weight: 500;
          font-size: 16px;
          text-align: justify;
          line-height: 24px;
          letter-spacing: 1px; }
          .main-container#main-container-studie2 .studie2-realizace-section .section-realizace-wrapper .section-realizace-row.top-row b,
          .main-container#main-container-studie2 .studie2-zmena-section .section-realizace-wrapper .section-realizace-row.top-row b {
            font-weight: 600; }
          .main-container#main-container-studie2 .studie2-realizace-section .section-realizace-wrapper .section-realizace-row.top-row .section-realizace-left,
          .main-container#main-container-studie2 .studie2-zmena-section .section-realizace-wrapper .section-realizace-row.top-row .section-realizace-left {
            width: 40%;
            text-align: left; }
          .main-container#main-container-studie2 .studie2-realizace-section .section-realizace-wrapper .section-realizace-row.top-row .section-realizace-right,
          .main-container#main-container-studie2 .studie2-zmena-section .section-realizace-wrapper .section-realizace-row.top-row .section-realizace-right {
            width: 40%;
            text-align: left; }
        .main-container#main-container-studie2 .studie2-realizace-section .section-realizace-wrapper .section-realizace-row.bottom-row,
        .main-container#main-container-studie2 .studie2-zmena-section .section-realizace-wrapper .section-realizace-row.bottom-row {
          width: 100%;
          position: relative;
          color: #a1a1a1;
          font-weight: 500;
          font-size: 14px;
          text-align: justify;
          line-height: 24px;
          letter-spacing: 1px; }
          .main-container#main-container-studie2 .studie2-realizace-section .section-realizace-wrapper .section-realizace-row.bottom-row .section-realizace-left,
          .main-container#main-container-studie2 .studie2-zmena-section .section-realizace-wrapper .section-realizace-row.bottom-row .section-realizace-left {
            width: 40%;
            text-align: justify; }
          .main-container#main-container-studie2 .studie2-realizace-section .section-realizace-wrapper .section-realizace-row.bottom-row .section-realizace-right,
          .main-container#main-container-studie2 .studie2-zmena-section .section-realizace-wrapper .section-realizace-row.bottom-row .section-realizace-right {
            width: 40%;
            text-align: justify; }
        .main-container#main-container-studie2 .studie2-realizace-section .section-realizace-wrapper .section-realizace-row.last-row,
        .main-container#main-container-studie2 .studie2-zmena-section .section-realizace-wrapper .section-realizace-row.last-row {
          padding-top: 40px; }
        .main-container#main-container-studie2 .studie2-realizace-section .section-realizace-wrapper .section-realizace-row img,
        .main-container#main-container-studie2 .studie2-zmena-section .section-realizace-wrapper .section-realizace-row img {
          width: 100%;
          padding: 20px 0px; }
  .main-container#main-container-studie2 .studie2-newsletter {
    top: -230px;
    z-index: 400;
    min-height: auto; }
    .main-container#main-container-studie2 .studie2-newsletter .newsletter-note {
      width: 100%;
      text-align: center;
      font-size: 24px;
      color: black;
      font-weight: 600; }
    .main-container#main-container-studie2 .studie2-newsletter .section-content {
      padding: 0px;
      top: 100px; }
    .main-container#main-container-studie2 .studie2-newsletter .form-container {
      position: relative;
      margin: 0px;
      margin-top: 30px;
      width: 100%; }
      .main-container#main-container-studie2 .studie2-newsletter .form-container .form-sent {
        padding-bottom: 0px;
        padding-top: 40px; }
      .main-container#main-container-studie2 .studie2-newsletter .form-container .form-studie2 .form-row {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start; }
        .main-container#main-container-studie2 .studie2-newsletter .form-container .form-studie2 .form-row .two-col {
          width: 47%;
          margin: 0px 20px; }
          .main-container#main-container-studie2 .studie2-newsletter .form-container .form-studie2 .form-row .two-col .form-field {
            position: relative;
            width: 200px;
            margin-bottom: 0px; }
            .main-container#main-container-studie2 .studie2-newsletter .form-container .form-studie2 .form-row .two-col .form-field input[type='text']::placeholder {
              text-transform: uppercase;
              font-weight: 400;
              color: #9d9c9c;
              position: relative;
              text-align: left;
              font-size: 16px;
              letter-spacing: 1.4px; }
            .main-container#main-container-studie2 .studie2-newsletter .form-container .form-studie2 .form-row .two-col .form-field input,
            .main-container#main-container-studie2 .studie2-newsletter .form-container .form-studie2 .form-row .two-col .form-field label {
              width: 100%;
              height: 50px; }
            .main-container#main-container-studie2 .studie2-newsletter .form-container .form-studie2 .form-row .two-col .form-field input {
              color: black; }
            .main-container#main-container-studie2 .studie2-newsletter .form-container .form-studie2 .form-row .two-col .form-field label {
              -webkit-transform: translateY(130%);
              -ms-transform: translateY(130%);
              -o-transform: translateY(130%);
              transform: translateY(130%); }
            .main-container#main-container-studie2 .studie2-newsletter .form-container .form-studie2 .form-row .two-col .form-field button {
              width: 100%;
              height: 50px;
              line-height: 50px;
              background-color: #f6552e;
              color: black;
              font-size: 12px;
              border-radius: 6px;
              text-transform: uppercase;
              margin: 0px; }
            .main-container#main-container-studie2 .studie2-newsletter .form-container .form-studie2 .form-row .two-col .form-field .form-submit-note {
              position: absolute;
              top: 110%;
              color: black; }
  .main-container#main-container-studie2 .sluzba-white-section,
  .main-container#main-container-studie2 .sluzba-gray-section,
  .main-container#main-container-studie2 .sluzba-interim-section,
  .main-container#main-container-studie2 .sluzba-video {
    width: 100%;
    -webkit-transition: height 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: height 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: height 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: height 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-studie2 .sluzba-white-section .section-content,
    .main-container#main-container-studie2 .sluzba-gray-section .section-content,
    .main-container#main-container-studie2 .sluzba-interim-section .section-content,
    .main-container#main-container-studie2 .sluzba-video .section-content {
      width: 90%;
      max-width: 1000px;
      position: relative;
      margin: 0 auto; }
      .main-container#main-container-studie2 .sluzba-white-section .section-content .sluzba-expandable,
      .main-container#main-container-studie2 .sluzba-gray-section .section-content .sluzba-expandable,
      .main-container#main-container-studie2 .sluzba-interim-section .section-content .sluzba-expandable,
      .main-container#main-container-studie2 .sluzba-video .section-content .sluzba-expandable {
        width: 100%;
        position: relative;
        cursor: pointer; }
        .main-container#main-container-studie2 .sluzba-white-section .section-content .sluzba-expandable:hover .expandable-control,
        .main-container#main-container-studie2 .sluzba-gray-section .section-content .sluzba-expandable:hover .expandable-control,
        .main-container#main-container-studie2 .sluzba-interim-section .section-content .sluzba-expandable:hover .expandable-control,
        .main-container#main-container-studie2 .sluzba-video .section-content .sluzba-expandable:hover .expandable-control {
          opacity: 0.7;
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); }
        .main-container#main-container-studie2 .sluzba-white-section .section-content .sluzba-expandable.opened .expandable-control,
        .main-container#main-container-studie2 .sluzba-gray-section .section-content .sluzba-expandable.opened .expandable-control,
        .main-container#main-container-studie2 .sluzba-interim-section .section-content .sluzba-expandable.opened .expandable-control,
        .main-container#main-container-studie2 .sluzba-video .section-content .sluzba-expandable.opened .expandable-control {
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); }
        .main-container#main-container-studie2 .sluzba-white-section .section-content .sluzba-expandable .expandable-heading,
        .main-container#main-container-studie2 .sluzba-gray-section .section-content .sluzba-expandable .expandable-heading,
        .main-container#main-container-studie2 .sluzba-interim-section .section-content .sluzba-expandable .expandable-heading,
        .main-container#main-container-studie2 .sluzba-video .section-content .sluzba-expandable .expandable-heading {
          font-size: 30px;
          float: left;
          display: block;
          font-weight: 700; }
          .main-container#main-container-studie2 .sluzba-white-section .section-content .sluzba-expandable .expandable-heading sup,
          .main-container#main-container-studie2 .sluzba-gray-section .section-content .sluzba-expandable .expandable-heading sup,
          .main-container#main-container-studie2 .sluzba-interim-section .section-content .sluzba-expandable .expandable-heading sup,
          .main-container#main-container-studie2 .sluzba-video .section-content .sluzba-expandable .expandable-heading sup {
            font-size: 70%; }
          .main-container#main-container-studie2 .sluzba-white-section .section-content .sluzba-expandable .expandable-heading span,
          .main-container#main-container-studie2 .sluzba-gray-section .section-content .sluzba-expandable .expandable-heading span,
          .main-container#main-container-studie2 .sluzba-interim-section .section-content .sluzba-expandable .expandable-heading span,
          .main-container#main-container-studie2 .sluzba-video .section-content .sluzba-expandable .expandable-heading span {
            text-decoration: underline; }
        .main-container#main-container-studie2 .sluzba-white-section .section-content .sluzba-expandable .expandable-control,
        .main-container#main-container-studie2 .sluzba-gray-section .section-content .sluzba-expandable .expandable-control,
        .main-container#main-container-studie2 .sluzba-interim-section .section-content .sluzba-expandable .expandable-control,
        .main-container#main-container-studie2 .sluzba-video .section-content .sluzba-expandable .expandable-control {
          height: 36px;
          float: right;
          opacity: 1;
          -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          cursor: pointer; }
          .main-container#main-container-studie2 .sluzba-white-section .section-content .sluzba-expandable .expandable-control:hover,
          .main-container#main-container-studie2 .sluzba-gray-section .section-content .sluzba-expandable .expandable-control:hover,
          .main-container#main-container-studie2 .sluzba-interim-section .section-content .sluzba-expandable .expandable-control:hover,
          .main-container#main-container-studie2 .sluzba-video .section-content .sluzba-expandable .expandable-control:hover {
            opacity: 0.7;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg); }
          .main-container#main-container-studie2 .sluzba-white-section .section-content .sluzba-expandable .expandable-control.opened,
          .main-container#main-container-studie2 .sluzba-gray-section .section-content .sluzba-expandable .expandable-control.opened,
          .main-container#main-container-studie2 .sluzba-interim-section .section-content .sluzba-expandable .expandable-control.opened,
          .main-container#main-container-studie2 .sluzba-video .section-content .sluzba-expandable .expandable-control.opened {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg); }
  .main-container#main-container-studie2 .sluzba-kontakt {
    background-color: #0a0a0a;
    padding: 6vh 0 0 0; }
  .main-container#main-container-studie2 .form-container {
    width: 90%;
    max-width: 1300px;
    position: relative;
    margin: 5vh auto 0 auto; }
    .main-container#main-container-studie2 .form-container .error_message {
      font-size: 16px;
      font-weight: 600;
      text-align: center;
      width: 100%;
      color: white; }
    .main-container#main-container-studie2 .form-container .form-sent {
      width: 100%;
      padding-bottom: 200px; }
      .main-container#main-container-studie2 .form-container .form-sent .sent-wrapper {
        position: relative;
        width: 100%; }
      .main-container#main-container-studie2 .form-container .form-sent .page-heading-title {
        text-transform: uppercase;
        text-align: center;
        font-size: 5vw;
        font-weight: 300;
        color: white;
        letter-spacing: 5px;
        display: inline-block; }
        .main-container#main-container-studie2 .form-container .form-sent .page-heading-title.odeslano {
          color: #f05a27;
          font-weight: 400; }
        .main-container#main-container-studie2 .form-container .form-sent .page-heading-title b {
          font-weight: 500; }
      .main-container#main-container-studie2 .form-container .form-sent .section-heading {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #f05b28;
        font-weight: 600;
        font-size: 52px;
        text-transform: uppercase;
        margin-bottom: 40px; }
        .main-container#main-container-studie2 .form-container .form-sent .section-heading .odeslano-icon {
          width: 55px;
          margin-right: 30px; }
      .main-container#main-container-studie2 .form-container .form-sent .odeslano-text {
        width: 50%;
        position: absolute;
        text-align: center;
        font-weight: 500;
        text-transform: none;
        font-size: 18px;
        color: #7f7f7f;
        margin-bottom: 1vh;
        letter-spacing: 1.4px;
        line-height: 26px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
      .main-container#main-container-studie2 .form-container .form-sent .form-again {
        color: white;
        font-size: 20px;
        text-transform: uppercase;
        opacity: 0;
        width: 100%;
        text-align: center;
        cursor: pointer;
        -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .main-container#main-container-studie2 .form-container .form-sent .form-again.sent {
          opacity: 1; }
    .main-container#main-container-studie2 .form-container form {
      width: 100%;
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .main-container#main-container-studie2 .form-container form .form-side {
        width: 47%;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start; }
        @media screen and (max-width: 62.4375em) {
          .main-container#main-container-studie2 .form-container form .form-side {
            width: 100%; } }
        .main-container#main-container-studie2 .form-container form .form-side .form-row {
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          position: relative;
          flex-direction: row;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          .main-container#main-container-studie2 .form-container form .form-side .form-row.two-col .form-field {
            width: 48%; }
          .main-container#main-container-studie2 .form-container form .form-side .form-row.one-col .form-field {
            width: 100%; }
      .main-container#main-container-studie2 .form-container form .form-bottom {
        width: 100%; }
        .main-container#main-container-studie2 .form-container form .form-bottom .form-field {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
      .main-container#main-container-studie2 .form-container form .form-additional {
        width: 100%;
        position: relative; }
        .main-container#main-container-studie2 .form-container form .form-additional .form-additional-heading {
          width: 100%;
          text-align: center;
          text-transform: uppercase;
          color: #9d9c9c;
          font-size: 16px;
          display: block;
          font-weight: 400;
          position: relative;
          letter-spacing: 1.4px;
          margin-bottom: 16px; }
        .main-container#main-container-studie2 .form-container form .form-additional .form-field {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          padding: 24px 0;
          border-top: 1px solid #c2c1c0;
          border-bottom: 1px solid #c2c1c0; }
          .main-container#main-container-studie2 .form-container form .form-additional .form-field .form-checkbox {
            width: calc(95% / 3);
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center; }
            .main-container#main-container-studie2 .form-container form .form-additional .form-field .form-checkbox label {
              z-index: 102; }
            .main-container#main-container-studie2 .form-container form .form-additional .form-field .form-checkbox span {
              width: 100%;
              text-align: left;
              text-transform: none;
              font-weight: 400;
              letter-spacing: 1.4px;
              color: #9d9c9c;
              position: relative;
              text-decoration: none;
              background: transparent;
              outline: none;
              font-size: 14px; }
              .main-container#main-container-studie2 .form-container form .form-additional .form-field .form-checkbox span b {
                font-weight: 600; }
            .main-container#main-container-studie2 .form-container form .form-additional .form-field .form-checkbox input[type="checkbox"] {
              display: none; }
            .main-container#main-container-studie2 .form-container form .form-additional .form-field .form-checkbox input[type="checkbox"] + label {
              display: inline-block;
              padding: 0 0 0 0px;
              background: url("/assets/images/icons/ic_not_selected_darkgrey.png") no-repeat;
              background-position: 50% 50%;
              height: 36px;
              width: 36px;
              background-size: 100%;
              margin-right: 0;
              margin-left: 0; }
            .main-container#main-container-studie2 .form-container form .form-additional .form-field .form-checkbox input[type="checkbox"]:checked + label {
              background: url("/assets/images/icons/ic_not_selected_orange.png") no-repeat;
              height: 36px;
              width: 36px;
              display: inline-block;
              background-size: 100%; }
      .main-container#main-container-studie2 .form-container form.submitted .form-field input[type="text"]:invalid,
      .main-container#main-container-studie2 .form-container form.submitted .form-field input[type="tel"]:invalid {
        background-image: url("/assets/images/icons/ic_closed_red.png");
        background-size: auto 50%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        border-bottom: 2px solid #C3281B; }
      .main-container#main-container-studie2 .form-container form.submitted .form-field .required {
        display: block; }
      .main-container#main-container-studie2 .form-container form.submitted .form-field input[type="text"]:required:valid,
      .main-container#main-container-studie2 .form-container form.submitted .form-field input[type="tel"]:required:valid {
        background-image: url("/assets/images/icons/ic_checked_orange.png");
        background-size: auto 50%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        border-bottom: 2px solid #fa8728; }
      .main-container#main-container-studie2 .form-container form.not_valid .form-field input[type="text"].email:invalid,
      .main-container#main-container-studie2 .form-container form.not_valid .form-field input[type="tel"].email:invalid {
        background-image: url("/assets/images/icons/ic_closed_red.png");
        background-size: auto 50%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        border-bottom: 2px solid #C3281B; }
      .main-container#main-container-studie2 .form-container form.not_valid .form-field .required_email {
        display: block; }
      .main-container#main-container-studie2 .form-container form .form-field {
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin-bottom: 5vh; }
        .main-container#main-container-studie2 .form-container form .form-field.files {
          border-radius: 12px;
          background-color: rgba(230, 230, 230, 0.3);
          border: 1px white dashed;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center; }
          .main-container#main-container-studie2 .form-container form .form-field.files.missing {
            background-color: rgba(255, 0, 0, 0.3); }
          .main-container#main-container-studie2 .form-container form .form-field.files .form-item {
            width: 100%;
            height: 100%; }
            .main-container#main-container-studie2 .form-container form .form-field.files .form-item .input-drop-file {
              width: 100%;
              height: 100%; }
              .main-container#main-container-studie2 .form-container form .form-field.files .form-item .input-drop-file label {
                height: 100%;
                margin-bottom: 0;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                cursor: pointer;
                padding: 30px 20px;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0); }
                .main-container#main-container-studie2 .form-container form .form-field.files .form-item .input-drop-file label .icon img {
                  width: 50px;
                  margin-right: 30px; }
                .main-container#main-container-studie2 .form-container form .form-field.files .form-item .input-drop-file label .file-input-text {
                  text-transform: uppercase;
                  color: white;
                  font-weight: 400;
                  height: 100%;
                  margin-bottom: 0;
                  line-height: 24px;
                  width: 100%; }
                .main-container#main-container-studie2 .form-container form .form-field.files .form-item .input-drop-file label b {
                  font-weight: 500; }
                .main-container#main-container-studie2 .form-container form .form-field.files .form-item .input-drop-file label .file-input-list {
                  width: 100%;
                  list-style: none;
                  margin: 0;
                  padding: 0; }
                  .main-container#main-container-studie2 .form-container form .form-field.files .form-item .input-drop-file label .file-input-list .file-input-list-item {
                    width: 100%;
                    position: relative; }
                    .main-container#main-container-studie2 .form-container form .form-field.files .form-item .input-drop-file label .file-input-list .file-input-list-item.last {
                      margin-top: 20px; }
                .main-container#main-container-studie2 .form-container form .form-field.files .form-item .input-drop-file label .legend {
                  margin-top: 20px;
                  font-size: 12px;
                  line-height: 16px; }
                .main-container#main-container-studie2 .form-container form .form-field.files .form-item .input-drop-file label .file-name {
                  text-transform: uppercase;
                  color: white;
                  font-weight: 400;
                  height: 100%;
                  margin-bottom: 0;
                  line-height: 24px;
                  width: 80%;
                  text-align: left;
                  display: inline-block; }
                .main-container#main-container-studie2 .form-container form .form-field.files .form-item .input-drop-file label .file-delete {
                  text-transform: uppercase;
                  position: absolute;
                  right: 0px;
                  color: white;
                  font-weight: 500;
                  height: 100%;
                  z-index: 10000;
                  margin-bottom: 0;
                  line-height: 24px;
                  text-align: right;
                  display: inline-block;
                  padding: 0px 10px; }
                .main-container#main-container-studie2 .form-container form .form-field.files .form-item .input-drop-file label .files-field {
                  width: 100%;
                  height: 100%;
                  opacity: 0;
                  position: absolute;
                  top: 0;
                  left: 0; }
                .main-container#main-container-studie2 .form-container form .form-field.files .form-item .input-drop-file label .files-field::-webkit-file-upload-button {
                  visibility: hidden; }
                .main-container#main-container-studie2 .form-container form .form-field.files .form-item .input-drop-file label .files-field::before {
                  outline: none;
                  white-space: nowrap;
                  -webkit-user-select: none;
                  cursor: pointer; }
                .main-container#main-container-studie2 .form-container form .form-field.files .form-item .input-drop-file label .files-field:active::before {
                  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); }
        .main-container#main-container-studie2 .form-container form .form-field > label {
          width: 100%;
          text-transform: uppercase;
          font-weight: 400;
          color: #9d9c9c;
          position: relative;
          order: -1;
          text-align: left;
          margin-bottom: 1vh;
          font-size: 16px;
          letter-spacing: 1.4px;
          z-index: 100;
          -webkit-transform: translateY(160%);
          -ms-transform: translateY(160%);
          -o-transform: translateY(160%);
          transform: translateY(160%);
          -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .main-container#main-container-studie2 .form-container form .form-field input[type="text"],
        .main-container#main-container-studie2 .form-container form .form-field input[type="tel"],
        .main-container#main-container-studie2 .form-container form .form-field textarea {
          width: 100%;
          border: none;
          border-radius: 0;
          letter-spacing: 1.4px;
          border-bottom: 2px solid #9d9c9c;
          text-transform: none;
          font-weight: 500;
          color: white;
          position: relative;
          text-align: left;
          text-decoration: none;
          background: transparent;
          outline: none;
          font-size: 16px;
          padding-left: 0;
          padding-right: 0;
          z-index: 101; }
        .main-container#main-container-studie2 .form-container form .form-field input[type="text"]:focus,
        .main-container#main-container-studie2 .form-container form .form-field input[type="tel"]:focus,
        .main-container#main-container-studie2 .form-container form .form-field textarea:focus {
          border-bottom: 3px solid #fa8728; }
        .main-container#main-container-studie2 .form-container form .form-field textarea.filled + label {
          opacity: 0;
          -webkit-transform: translateY(0%);
          -ms-transform: translateY(0%);
          -o-transform: translateY(0%);
          transform: translateY(0%); }
        .main-container#main-container-studie2 .form-container form .form-field input:-webkit-autofill,
        .main-container#main-container-studie2 .form-container form .form-field input:-webkit-autofill:hover,
        .main-container#main-container-studie2 .form-container form .form-field input:-webkit-autofill:focus,
        .main-container#main-container-studie2 .form-container form .form-field textarea:-webkit-autofill,
        .main-container#main-container-studie2 .form-container form .form-field textarea:-webkit-autofill:hover,
        .main-container#main-container-studie2 .form-container form .form-field textarea:-webkit-autofill:focus,
        .main-container#main-container-studie2 .form-container form .form-field select:-webkit-autofill,
        .main-container#main-container-studie2 .form-container form .form-field select:-webkit-autofill:hover,
        .main-container#main-container-studie2 .form-container form .form-field select:-webkit-autofill:focus {
          border-bottom: 3px solid #9d9c9c;
          -webkit-text-fill-color: white;
          -webkit-box-shadow: 0 0 0px 1000px transparent inset;
          transition: background-color 5000s ease-in-out 0s;
          background-color: transparent !important;
          background-image: inherit !important;
          color: white !important; }
          .main-container#main-container-studie2 .form-container form .form-field input:-webkit-autofill:required:valid, .main-container#main-container-studie2 .form-container form .form-field input:-webkit-autofill:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field input:-webkit-autofill:hover:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field input:-webkit-autofill:hover:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field input:-webkit-autofill:focus:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field input:-webkit-autofill:focus:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field textarea:-webkit-autofill:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field textarea:-webkit-autofill:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field textarea:-webkit-autofill:hover:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field textarea:-webkit-autofill:hover:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field textarea:-webkit-autofill:focus:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field textarea:-webkit-autofill:focus:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field select:-webkit-autofill:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field select:-webkit-autofill:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field select:-webkit-autofill:hover:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field select:-webkit-autofill:hover:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field select:-webkit-autofill:focus:required:valid,
          .main-container#main-container-studie2 .form-container form .form-field select:-webkit-autofill:focus:required:valid {
            background-image: url("/assets/images/icons/ic_checked_orange.png") !important;
            -webkit-animation-name: autofill !important;
            -webkit-animation-fill-mode: forwards !important; }

@-webkit-keyframes autofill {
  to {
    background-image: url("/assets/images/icons/ic_checked_orange.png") !important; } }
        .main-container#main-container-studie2 .form-container form .form-field textarea {
          resize: none;
          height: auto; }
        .main-container#main-container-studie2 .form-container form .form-field input[type="text"]:required:valid,
        .main-container#main-container-studie2 .form-container form .form-field input[type="tel"]:required:valid {
          background-image: url("/assets/images/icons/ic_checked_orange.png");
          background-size: auto 50%;
          background-repeat: no-repeat;
          background-position: 100% 50%;
          border-bottom: 2px solid #fa8728; }
        .main-container#main-container-studie2 .form-container form .form-field .required {
          display: none;
          position: relative;
          color: #C3281B;
          text-transform: uppercase;
          font-weight: 500;
          font-size: 10px;
          left: 0px;
          bottom: 0px; }
        .main-container#main-container-studie2 .form-container form .form-field select {
          border: none;
          border-radius: 0;
          background-image: url("/assets/images/icons/ic_arrow_down_grey.png");
          background-repeat: no-repeat;
          background-position: 100% 50%;
          background-size: auto 60%;
          background-color: transparent;
          border-bottom: 2px solid #9d9c9c;
          letter-spacing: 1.4px;
          text-transform: none;
          font-weight: 400;
          height: 60px;
          padding: 0;
          color: #9d9c9c;
          position: relative;
          text-align: left;
          text-decoration: none;
          outline: none;
          font-size: 16px;
          -moz-appearance: none;
          -webkit-appearance: none;
          appearance: none;
          text-transform: uppercase; }
          .main-container#main-container-studie2 .form-container form .form-field select.empty {
            border-bottom: 2px solid #C3281B; }
          .main-container#main-container-studie2 .form-container form .form-field select option {
            width: 100%;
            text-transform: uppercase;
            font-weight: 400;
            color: #9d9c9c;
            position: relative;
            text-align: left;
            font-size: 16px;
            letter-spacing: 1.4px;
            z-index: 100; }
        .main-container#main-container-studie2 .form-container form .form-field input:focus + label,
        .main-container#main-container-studie2 .form-container form .form-field input:not(:focus):not([value='']):valid + label,
        .main-container#main-container-studie2 .form-container form .form-field input:not(:focus):not([value='']):invalid + label {
          -webkit-transform: translateY(0%);
          -ms-transform: translateY(0%);
          -o-transform: translateY(0%);
          transform: translateY(0%); }
        .main-container#main-container-studie2 .form-container form .form-field textarea:focus + label {
          opacity: 0;
          -webkit-transform: translateY(0%);
          -ms-transform: translateY(0%);
          -o-transform: translateY(0%);
          transform: translateY(0%); }
        .main-container#main-container-studie2 .form-container form .form-field button {
          width: 40%;
          max-width: 220px;
          border: none;
          border-radius: 0;
          letter-spacing: 1.4px;
          text-transform: uppercase;
          font-weight: 500;
          color: white;
          position: relative;
          text-align: center;
          text-decoration: none;
          background: #323232;
          outline: none;
          cursor: pointer;
          margin: 0 auto;
          margin-bottom: 2vh;
          margin-top: 3vh;
          font-size: 16px;
          height: 60px;
          padding-left: 0;
          padding-right: 0; }
        .main-container#main-container-studie2 .form-container form .form-field span.form-submit-note {
          width: 100%;
          max-width: 230px;
          text-align: center;
          text-transform: none;
          font-weight: 300;
          color: white;
          position: relative;
          letter-spacing: 1.4px;
          font-size: 14px; }
          .main-container#main-container-studie2 .form-container form .form-field span.form-submit-note .privacy-link {
            font-weight: 400;
            text-decoration: underline;
            cursor: pointer; }
      .main-container#main-container-studie2 .form-container form .sluzba-nabidka-slider {
        width: 100%;
        position: relative;
        margin-bottom: 4vh; }
        .main-container#main-container-studie2 .form-container form .sluzba-nabidka-slider .sluzba-nabidka-legend-cont {
          width: 100%;
          position: relative;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-box-align: end;
          -moz-box-align: end;
          -ms-flex-align: end;
          -webkit-align-items: flex-end;
          align-items: flex-end;
          margin-bottom: 3vh; }
          .main-container#main-container-studie2 .form-container form .sluzba-nabidka-slider .sluzba-nabidka-legend-cont .sluzba-nabidka-form-label {
            text-align: left;
            text-transform: uppercase;
            color: #9d9c9c;
            font-size: 16px;
            display: block;
            font-weight: 400;
            position: relative;
            text-align: left;
            letter-spacing: 1.4px; }
          .main-container#main-container-studie2 .form-container form .sluzba-nabidka-slider .sluzba-nabidka-legend-cont .sluzba-nabidka-form-area {
            text-align: right;
            color: #f6552e;
            display: block;
            line-height: 1; }
            .main-container#main-container-studie2 .form-container form .sluzba-nabidka-slider .sluzba-nabidka-legend-cont .sluzba-nabidka-form-area sup {
              color: #f6552e;
              font-size: 60%;
              -webkit-text-fill-color: initial; }
            .main-container#main-container-studie2 .form-container form .sluzba-nabidka-slider .sluzba-nabidka-legend-cont .sluzba-nabidka-form-area b {
              font-size: 54px;
              font-weight: 700; }
      .main-container#main-container-studie2 .form-container form .sluzba-nabidka-slider-desc {
        text-transform: uppercase;
        font-size: 11px;
        margin-top: 1vh; }
      .main-container#main-container-studie2 .form-container form .sluzba-nabidka-slider-cont {
        margin-top: 1vh;
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: white; }
        .main-container#main-container-studie2 .form-container form .sluzba-nabidka-slider-cont .sluzba-nabidka-slider-range {
          width: 100%; }
        .main-container#main-container-studie2 .form-container form .sluzba-nabidka-slider-cont .rc-slider-handle {
          position: absolute;
          margin-left: -7px;
          margin-top: -5px;
          width: 14px;
          height: 14px;
          cursor: pointer;
          cursor: -webkit-grab;
          cursor: grab;
          border-radius: 0;
          border: none;
          background-color: transparent;
          -ms-touch-action: pan-x;
          touch-action: pan-x;
          background-size: 100%;
          background-repeat: no-repeat; }
        .main-container#main-container-studie2 .form-container form .sluzba-nabidka-slider-cont .rc-slider-rail {
          background-color: transparent;
          background-position: 0% 0%;
          background-size: auto 100%; }
        .main-container#main-container-studie2 .form-container form .sluzba-nabidka-slider-cont .rc-slider-track {
          background-color: transparent;
          background-position: 0% 0%;
          background-size: auto 100%;
          border-radius: 0; }

.main-container#main-container-studie {
  min-height: 100vh;
  width: 100%;
  position: relative;
  letter-spacing: 1.4px;
  overflow-x: hidden; }
  .main-container#main-container-studie .studie-section {
    width: 100%; }
    .main-container#main-container-studie .studie-section .studie-content-wrapper {
      position: relative;
      width: 80vw;
      max-width: 1000px;
      margin: 0 auto; }
      .main-container#main-container-studie .studie-section .studie-content-wrapper h1 {
        color: black;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 4vh;
        font-size: 40px; }
    .main-container#main-container-studie .studie-section .studie-block {
      width: 120px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
      .main-container#main-container-studie .studie-section .studie-block .studie-number-block {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 1px;
        font-size: 9px;
        color: #f05b28; }
        .main-container#main-container-studie .studie-section .studie-block .studie-number-block .studie-line {
          background-color: #f05b28;
          height: 6px;
          width: 100px;
          margin-right: 4px; }
      .main-container#main-container-studie .studie-section .studie-block .studie-block-text {
        text-align: center;
        margin-top: 10px;
        text-transform: uppercase;
        color: black;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1.4px; }
  .main-container#main-container-studie .studie-header-section {
    background-color: #E1E4EA;
    background-image: url("/assets/images/backgrounds/img_studie_bg_1.png");
    background-position: 50% 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: 100;
    padding-bottom: 4vh; }
    .main-container#main-container-studie .studie-header-section .studie-content-wrapper {
      padding-top: 16vh; }
      .main-container#main-container-studie .studie-header-section .studie-content-wrapper .studie-route {
        color: #f05b28;
        font-size: 11px;
        font-weight: 300;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 30px;
        letter-spacing: 1.4px; }
      .main-container#main-container-studie .studie-header-section .studie-content-wrapper b {
        font-weight: 500; }
      .main-container#main-container-studie .studie-header-section .studie-content-wrapper h1 {
        color: black;
        text-align: center;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 4vh;
        font-size: 40px; }
      .main-container#main-container-studie .studie-header-section .studie-content-wrapper h1.studie-main-heading {
        color: black;
        text-align: center;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 14vh;
        font-size: 44px; }
        .main-container#main-container-studie .studie-header-section .studie-content-wrapper h1.studie-main-heading b {
          font-weight: 600; }
      .main-container#main-container-studie .studie-header-section .studie-content-wrapper .studie-header-parameters {
        width: 100%;
        position: relative;
        margin-bottom: 10vh; }
  .main-container#main-container-studie .studie-druha-section {
    background-color: #f17327;
    z-index: 110;
    position: relative;
    min-height: 80vh;
    background-image: url("/assets/images/backgrounds/img_studie_20.png");
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat; }
    .main-container#main-container-studie .studie-druha-section .studie-svg {
      z-index: 112;
      position: absolute;
      right: 0px;
      display: block;
      width: 70vw;
      -webkit-transform: translateY(-96%);
      -ms-transform: translateY(-96%);
      -o-transform: translateY(-96%);
      transform: translateY(-96%); }
      .main-container#main-container-studie .studie-druha-section .studie-svg path {
        fill: #f17327; }
    @media screen and (max-width: 1700px) {
      .main-container#main-container-studie .studie-druha-section {
        min-height: 73vh; } }
    @media screen and (max-width: 1500px) {
      .main-container#main-container-studie .studie-druha-section {
        min-height: 67vh; } }
    @media screen and (max-width: 1400px) {
      .main-container#main-container-studie .studie-druha-section {
        min-height: 63vh; } }
    @media screen and (max-width: 1300px) {
      .main-container#main-container-studie .studie-druha-section {
        min-height: 60vh; } }
    @media screen and (max-width: 1200px) {
      .main-container#main-container-studie .studie-druha-section {
        min-height: 57vh; } }
    @media screen and (max-width: 1000px) {
      .main-container#main-container-studie .studie-druha-section {
        background-position: 0 5vh; } }
    @media screen and (max-width: 900px) {
      .main-container#main-container-studie .studie-druha-section {
        background-position: 0 10vh; } }
    .main-container#main-container-studie .studie-druha-section .studie-content-wrapper {
      position: relative;
      z-index: 116; }
      .main-container#main-container-studie .studie-druha-section .studie-content-wrapper .studie-druha-quote {
        font-style: italic;
        color: white;
        text-align: center;
        font-weight: 400;
        position: absolute;
        width: 50%;
        font-size: 16px;
        line-height: 26px;
        right: 0px;
        top: -40px; }
        .main-container#main-container-studie .studie-druha-section .studie-content-wrapper .studie-druha-quote span {
          color: #212121;
          font-weight: 600; }
      .main-container#main-container-studie .studie-druha-section .studie-content-wrapper .studie-druha-blocks {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        position: relative;
        top: 12vh; }
        .main-container#main-container-studie .studie-druha-section .studie-content-wrapper .studie-druha-blocks .studie-druha-block {
          width: 21%;
          text-align: center;
          margin-bottom: 30px; }
          .main-container#main-container-studie .studie-druha-section .studie-content-wrapper .studie-druha-blocks .studie-druha-block .studie-druha-block-number {
            color: #e56f2c;
            font-size: 2.4vw;
            font-weight: 600;
            border-bottom: 1px black solid;
            padding-bottom: 6px; }
          .main-container#main-container-studie .studie-druha-section .studie-content-wrapper .studie-druha-blocks .studie-druha-block .studie-druha-block-text {
            margin: 0 auto;
            padding-top: 10px;
            color: white;
            font-size: 16px;
            line-height: 24px;
            width: 80%; }
  .main-container#main-container-studie .studie-treti-section {
    background-color: #878787;
    z-index: 120;
    position: relative;
    padding-bottom: 20vh;
    min-height: 65vh; }
    .main-container#main-container-studie .studie-treti-section .studie-svg {
      position: absolute;
      width: 70vw;
      -webkit-transform: translateY(-98%);
      -ms-transform: translateY(-98%);
      -o-transform: translateY(-98%);
      transform: translateY(-98%);
      z-index: 120; }
      .main-container#main-container-studie .studie-treti-section .studie-svg polygon {
        fill: #878787; }
    .main-container#main-container-studie .studie-treti-section .studie-content-wrapper {
      max-width: 1100px;
      z-index: 121; }
      .main-container#main-container-studie .studie-treti-section .studie-content-wrapper b {
        font-weight: 500; }
      .main-container#main-container-studie .studie-treti-section .studie-content-wrapper .studie-treti-heading {
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 40%;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px); }
        .main-container#main-container-studie .studie-treti-section .studie-content-wrapper .studie-treti-heading .studie-block {
          margin-bottom: 20px; }
      .main-container#main-container-studie .studie-treti-section .studie-content-wrapper h1 {
        color: white;
        text-align: center;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 4vh;
        font-size: 40px; }
      .main-container#main-container-studie .studie-treti-section .studie-content-wrapper .studie-treti-bg {
        position: absolute;
        width: 75%;
        max-width: 800px;
        -webkit-transform: translateX(-23%) translateY(-12%);
        -ms-transform: translateX(-23%) translateY(-12%);
        -o-transform: translateX(-23%) translateY(-12%);
        transform: translateX(-23%) translateY(-12%); }
      .main-container#main-container-studie .studie-treti-section .studie-content-wrapper .studie-treti-right {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 40%;
        position: absolute;
        right: 0px;
        padding-top: 10vh; }
        .main-container#main-container-studie .studie-treti-section .studie-content-wrapper .studie-treti-right .studie-treti-logo {
          position: relative;
          width: 150px;
          margin-bottom: 30px; }
        .main-container#main-container-studie .studie-treti-section .studie-content-wrapper .studie-treti-right .studie-treti-text {
          color: white;
          text-align: justify;
          font-weight: 400;
          font-size: 14px;
          line-height: 24px; }
          .main-container#main-container-studie .studie-treti-section .studie-content-wrapper .studie-treti-right .studie-treti-text b {
            font-weight: 600; }
  .main-container#main-container-studie .studie-ctvrta-section {
    background-color: #3f3f3f;
    z-index: 130;
    position: relative;
    min-height: 60vh; }
    .main-container#main-container-studie .studie-ctvrta-section .studie-svg {
      position: absolute;
      width: 60vw;
      right: 0px;
      -webkit-transform: translateY(-98%);
      -ms-transform: translateY(-98%);
      -o-transform: translateY(-98%);
      transform: translateY(-98%);
      z-index: 130; }
      .main-container#main-container-studie .studie-ctvrta-section .studie-svg polygon {
        fill: #3f3f3f; }
    .main-container#main-container-studie .studie-ctvrta-section .studie-content-wrapper {
      max-width: 1100px; }
      .main-container#main-container-studie .studie-ctvrta-section .studie-content-wrapper .studie-ctvrta-center {
        position: absolute;
        left: 50%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        z-index: 133;
        -webkit-transform: translateX(-50%) translateY(-73%);
        -ms-transform: translateX(-50%) translateY(-73%);
        -o-transform: translateX(-50%) translateY(-73%);
        transform: translateX(-50%) translateY(-73%); }
        .main-container#main-container-studie .studie-ctvrta-section .studie-content-wrapper .studie-ctvrta-center .studie-ctvrta-vs {
          font-size: 39vh;
          line-height: 36vh;
          font-weight: 700;
          color: rgba(240, 90, 39, 0.5);
          background: -webkit-linear-gradient(90deg, rgba(240, 90, 39, 0.6), rgba(229, 111, 44, 0));
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
        .main-container#main-container-studie .studie-ctvrta-section .studie-content-wrapper .studie-ctvrta-center .studie-ctvrta-porovnani {
          position: absolute;
          margin-top: 3vh;
          width: 20vw;
          max-width: 200px;
          height: 50px;
          line-height: 50px;
          text-transform: uppercase;
          font-size: 12px;
          color: black;
          font-weight: 500;
          letter-spacing: 1.4px;
          text-align: center;
          cursor: pointer;
          background-image: linear-gradient(to right, #f05a27, #e56f2c); }
          .main-container#main-container-studie .studie-ctvrta-section .studie-content-wrapper .studie-ctvrta-center .studie-ctvrta-porovnani a:hover {
            color: inherit; }
      .main-container#main-container-studie .studie-ctvrta-section .studie-content-wrapper .studie-ctvrta-bg {
        position: absolute;
        width: 75%;
        right: 0;
        max-width: 800px;
        -webkit-transform: translateX(23%) translateY(0%);
        -ms-transform: translateX(23%) translateY(0%);
        -o-transform: translateX(23%) translateY(0%);
        transform: translateX(23%) translateY(0%); }
      .main-container#main-container-studie .studie-ctvrta-section .studie-content-wrapper .studie-ctvrta-left {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 40%;
        position: absolute;
        left: 0px;
        padding-top: 14vh; }
        .main-container#main-container-studie .studie-ctvrta-section .studie-content-wrapper .studie-ctvrta-left .studie-ctvrta-legenda {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          position: relative;
          margin-bottom: 3vh; }
          .main-container#main-container-studie .studie-ctvrta-section .studie-content-wrapper .studie-ctvrta-left .studie-ctvrta-legenda .studie-ctvrta-dot {
            width: 10px;
            height: 14px;
            width: 14px;
            background-color: #ec1c24;
            border-radius: 50%;
            display: inline-block;
            margin-right: 14px; }
          .main-container#main-container-studie .studie-ctvrta-section .studie-content-wrapper .studie-ctvrta-left .studie-ctvrta-legenda h3 {
            text-transform: uppercase;
            color: white;
            font-weight: 600;
            font-size: 14px;
            letter-spacing: 2px;
            line-height: 14px;
            margin-bottom: 0px; }
        .main-container#main-container-studie .studie-ctvrta-section .studie-content-wrapper .studie-ctvrta-left .studie-ctvrta-text {
          color: white;
          text-align: justify;
          font-weight: 400;
          font-size: 14px;
          line-height: 24px; }
          .main-container#main-container-studie .studie-ctvrta-section .studie-content-wrapper .studie-ctvrta-left .studie-ctvrta-text b {
            font-weight: 600; }
  .main-container#main-container-studie .studie-pata-section {
    background-color: #000;
    z-index: 130;
    position: relative;
    padding-bottom: 13vh;
    min-height: 70vh; }
    .main-container#main-container-studie .studie-pata-section .studie-svg {
      position: absolute;
      width: 70vw;
      -webkit-transform: translateY(-98%);
      -ms-transform: translateY(-98%);
      -o-transform: translateY(-98%);
      transform: translateY(-98%);
      z-index: 130; }
      .main-container#main-container-studie .studie-pata-section .studie-svg polygon {
        fill: #000; }
    .main-container#main-container-studie .studie-pata-section .studie-content-wrapper {
      max-width: 1100px;
      z-index: 131; }
      .main-container#main-container-studie .studie-pata-section .studie-content-wrapper b {
        font-weight: 500; }
      .main-container#main-container-studie .studie-pata-section .studie-content-wrapper .studie-pata-heading {
        text-align: left;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 40%;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px); }
        .main-container#main-container-studie .studie-pata-section .studie-content-wrapper .studie-pata-heading .studie-block {
          margin-bottom: 20px; }
      .main-container#main-container-studie .studie-pata-section .studie-content-wrapper h1 {
        color: white;
        text-align: left;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 4vh;
        font-size: 40px; }
      .main-container#main-container-studie .studie-pata-section .studie-content-wrapper .studie-pata-bg {
        position: relative;
        width: 100%; }
      .main-container#main-container-studie .studie-pata-section .studie-content-wrapper .studie-pata-popis {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        width: 100%;
        position: relative;
        padding-top: 3vh; }
        .main-container#main-container-studie .studie-pata-section .studie-content-wrapper .studie-pata-popis .studie-pata-text,
        .main-container#main-container-studie .studie-pata-section .studie-content-wrapper .studie-pata-popis .studie-pata-hvezdicka {
          color: white;
          text-align: justify;
          font-weight: 400;
          font-size: 14px;
          line-height: 24px; }
          .main-container#main-container-studie .studie-pata-section .studie-content-wrapper .studie-pata-popis .studie-pata-text b,
          .main-container#main-container-studie .studie-pata-section .studie-content-wrapper .studie-pata-popis .studie-pata-hvezdicka b {
            font-weight: 600; }
        .main-container#main-container-studie .studie-pata-section .studie-content-wrapper .studie-pata-popis .studie-pata-text {
          width: 50%; }
        .main-container#main-container-studie .studie-pata-section .studie-content-wrapper .studie-pata-popis .studie-pata-hvezdicka {
          color: #a5a5a5;
          width: 20%;
          min-width: 250px;
          margin-left: 30px; }
  .main-container#main-container-studie .studie-sesta-section {
    background-color: #878787;
    z-index: 130;
    position: relative;
    padding-bottom: 20vh;
    min-height: 70vh;
    background-image: url("/assets/images/img/img_studie_section6bg.png"), linear-gradient(to top, #252525, #484a4e);
    background-position: 0 100%;
    background-size: 100% auto;
    background-repeat: no-repeat; }
    .main-container#main-container-studie .studie-sesta-section .studie-svg {
      position: absolute;
      width: 40vw;
      -webkit-transform: translateY(-98%);
      -ms-transform: translateY(-98%);
      -o-transform: translateY(-98%);
      transform: translateY(-98%);
      z-index: 130; }
      .main-container#main-container-studie .studie-sesta-section .studie-svg polygon {
        fill: #484a4e; }
    .main-container#main-container-studie .studie-sesta-section .studie-content-wrapper {
      max-width: 1100px;
      z-index: 131;
      padding-top: 8vh; }
      .main-container#main-container-studie .studie-sesta-section .studie-content-wrapper b {
        font-weight: 500; }
      .main-container#main-container-studie .studie-sesta-section .studie-content-wrapper .studie-sesta-heading {
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .main-container#main-container-studie .studie-sesta-section .studie-content-wrapper .studie-sesta-heading .studie-block {
          margin-bottom: 20px; }
        .main-container#main-container-studie .studie-sesta-section .studie-content-wrapper .studie-sesta-heading .studie-sesta-dovetek {
          font-weight: 300;
          font-size: 30px;
          color: white;
          margin-bottom: 13vh; }
      .main-container#main-container-studie .studie-sesta-section .studie-content-wrapper h1 {
        color: white;
        text-align: left;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 1vh;
        font-size: 50px; }
      .main-container#main-container-studie .studie-sesta-section .studie-content-wrapper .studie-sesta-middle {
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 4vh; }
        .main-container#main-container-studie .studie-sesta-section .studie-content-wrapper .studie-sesta-middle .studie-block {
          margin-bottom: 20px; }
        .main-container#main-container-studie .studie-sesta-section .studie-content-wrapper .studie-sesta-middle h2 {
          font-weight: 500;
          font-size: 40px;
          color: #e56f2c;
          text-transform: uppercase;
          margin-bottom: 3vh; }
        .main-container#main-container-studie .studie-sesta-section .studie-content-wrapper .studie-sesta-middle .studie-sesta-popis {
          color: white;
          text-align: center;
          font-weight: 400;
          font-size: 14px;
          line-height: 24px; }
          .main-container#main-container-studie .studie-sesta-section .studie-content-wrapper .studie-sesta-middle .studie-sesta-popis b {
            font-weight: 600; }
      .main-container#main-container-studie .studie-sesta-section .studie-content-wrapper .studie-sesta-bg {
        position: relative;
        width: 100%;
        margin-bottom: 4vh; }
      .main-container#main-container-studie .studie-sesta-section .studie-content-wrapper .studie-sesta-center {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: relative; }
        .main-container#main-container-studie .studie-sesta-section .studie-content-wrapper .studie-sesta-center .studie-sesta-porovnani {
          margin-top: 2vh;
          margin-bottom: 4vh;
          width: 20vw;
          max-width: 250px;
          height: 50px;
          line-height: 50px;
          text-transform: uppercase;
          font-size: 12px;
          color: black;
          font-weight: 500;
          letter-spacing: 1.4px;
          text-align: center;
          cursor: pointer;
          background-image: linear-gradient(to right, #f05a27, #e56f2c); }
          .main-container#main-container-studie .studie-sesta-section .studie-content-wrapper .studie-sesta-center .studie-sesta-porovnani a:hover {
            color: inherit; }
  .main-container#main-container-studie .studie-sedma-section {
    z-index: 140;
    position: relative;
    padding-bottom: 7vh;
    min-height: 50vh;
    background-color: #6bc364; }
    .main-container#main-container-studie .studie-sedma-section .studie-svg {
      position: absolute;
      width: 80vw;
      right: 0px;
      -webkit-transform: translateY(-98%);
      -ms-transform: translateY(-98%);
      -o-transform: translateY(-98%);
      transform: translateY(-98%);
      z-index: 140; }
      .main-container#main-container-studie .studie-sedma-section .studie-svg polygon {
        fill: #6bc364; }
    .main-container#main-container-studie .studie-sedma-section .studie-sedma-bg {
      position: absolute;
      z-index: 141;
      left: 0;
      top: 0;
      height: 90%; }
    .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper {
      padding-top: 8vh;
      max-width: 1200px; }
      .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper b {
        font-weight: 500; }
      .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-heading {
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        z-index: 141; }
        .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-heading .studie-block {
          margin-bottom: 20px;
          z-index: 141; }
        .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-heading .studie-number-block {
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          z-index: 141; }
        .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-heading .studie-line {
          background-color: white;
          width: 60px;
          z-index: 141; }
      .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper h1 {
        color: black;
        text-align: center;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 1vh;
        font-size: 40px;
        z-index: 141; }
      .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-main {
        position: relative;
        width: 100%; }
        .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-main .studie-sedma-left {
          position: relative;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          width: 30%;
          max-width: 270px;
          padding-top: 4vh;
          z-index: 141; }
          .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-main .studie-sedma-left .studie-sedma-logo {
            width: 140px;
            margin-bottom: 4vh; }
          .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-main .studie-sedma-left .studie-sedma-left-text {
            color: black;
            text-align: justify;
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            letter-spacing: 1.4px; }
            .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-main .studie-sedma-left .studie-sedma-left-text b {
              font-weight: 600; }
        .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-main .studie-sedma-img {
          position: absolute;
          width: 110%;
          left: 0;
          bottom: -23vh;
          z-index: 140;
          max-width: unset; }
          @media screen and (max-width: 1400px) {
            .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-main .studie-sedma-img {
              bottom: -20vh;
              width: 113%; } }
          @media screen and (max-width: 1200px) {
            .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-main .studie-sedma-img {
              bottom: -18vh; } }
          @media screen and (max-width: 1100px) {
            .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-main .studie-sedma-img {
              bottom: -15vh; } }
          @media screen and (max-width: 1000px) {
            .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-main .studie-sedma-img {
              bottom: -12vh;
              width: 117%; } }
          @media screen and (max-width: 900px) {
            .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-main .studie-sedma-img {
              bottom: -11vh;
              width: 120%; } }
      .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-center {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: relative;
        margin-top: 11vh;
        z-index: 141; }
        .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-center .studie-sedma-porovnani {
          margin-top: 2vh;
          margin-bottom: 4vh;
          width: 20vw;
          max-width: 200px;
          height: 46px;
          line-height: 46px;
          text-transform: uppercase;
          font-size: 14px;
          color: rgba(92, 210, 133, 0.8);
          font-weight: 600;
          letter-spacing: 1.4px;
          text-align: center;
          cursor: pointer;
          background-color: rgba(43, 43, 43, 0.8);
          -webkit-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-center .studie-sedma-porovnani:hover {
            background-color: #2b2b2b; }
          .main-container#main-container-studie .studie-sedma-section .studie-content-wrapper .studie-sedma-center .studie-sedma-porovnani a:hover {
            color: inherit; }
  .main-container#main-container-studie .studie-osma-section {
    background-color: #e0e0e0;
    z-index: 140;
    position: relative;
    padding-bottom: 12vh;
    min-height: 50vh; }
    .main-container#main-container-studie .studie-osma-section .studie-svg {
      position: absolute;
      width: 40vw;
      max-height: 100px;
      -webkit-transform: translateY(-98%);
      -ms-transform: translateY(-98%);
      -o-transform: translateY(-98%);
      transform: translateY(-98%);
      z-index: 140; }
      .main-container#main-container-studie .studie-osma-section .studie-svg polygon {
        fill: #e0e0e0; }
    .main-container#main-container-studie .studie-osma-section .studie-osma-bg {
      position: absolute;
      z-index: 141;
      left: 0;
      bottom: -10%;
      height: 95%; }
      @media screen and (max-width: 87.4375em) {
        .main-container#main-container-studie .studie-osma-section .studie-osma-bg {
          width: 39vw;
          height: auto; } }
      @media screen and (max-width: 62.4375em) {
        .main-container#main-container-studie .studie-osma-section .studie-osma-bg {
          width: 45vw;
          height: auto;
          left: -7%;
          bottom: 3%; } }
    .main-container#main-container-studie .studie-osma-section .studie-content-wrapper {
      max-width: 1200px;
      padding-top: 8vh;
      padding-bottom: 3vh; }
      .main-container#main-container-studie .studie-osma-section .studie-content-wrapper b {
        font-weight: 500; }
      .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-heading {
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-heading .studie-block {
          margin-bottom: 20px; }
        .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-heading .studie-number-block {
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center; }
        .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-heading .studie-line {
          background-color: black;
          width: 60px; }
      .main-container#main-container-studie .studie-osma-section .studie-content-wrapper h1 {
        color: black;
        text-align: center;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 1vh;
        font-size: 40px; }
      .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-main {
        position: relative;
        width: 100%;
        border-bottom: 2px black solid; }
        .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-main .studie-osma-middle {
          position: relative;
          width: 70%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          margin: 0 auto;
          max-width: 700px;
          padding-top: 4vh; }
          .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-main .studie-osma-middle .studie-osma-logo {
            width: 150px;
            margin: 3vh auto 2vh auto; }
          .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-main .studie-osma-middle .studie-osma-info {
            width: 80%;
            margin-bottom: 4vh; }
          .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-main .studie-osma-middle .studie-osma-text {
            color: black;
            text-align: center;
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            letter-spacing: 1.4px;
            width: 100%; }
            @media screen and (max-width: 87.4375em) {
              .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-main .studie-osma-middle .studie-osma-text {
                width: 80%; } }
            .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-main .studie-osma-middle .studie-osma-text b {
              font-weight: 600; }
        .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-main .studie-osma-img {
          position: absolute;
          width: 100%;
          right: 0;
          top: -8vh; }
      .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-dials {
        position: absolute;
        width: 20%;
        max-width: 150px;
        right: 0px;
        top: 10vh; }
      .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-center {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: relative;
        margin-top: 3vh; }
        .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-center .studie-osma-porovnani {
          margin-top: 2vh;
          margin-bottom: 4vh;
          width: 20vw;
          max-width: 200px;
          height: 46px;
          line-height: 46px;
          text-transform: uppercase;
          font-size: 14px;
          color: rgba(36, 229, 195, 0.8);
          font-weight: 600;
          letter-spacing: 1.4px;
          text-align: center;
          cursor: pointer;
          background-color: rgba(43, 43, 43, 0.8);
          -webkit-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-center .studie-osma-porovnani:hover {
            background-color: #2b2b2b; }
          .main-container#main-container-studie .studie-osma-section .studie-content-wrapper .studie-osma-center .studie-osma-porovnani a:hover {
            color: inherit; }
  .main-container#main-container-studie .studie-devata-section {
    background-color: #4f4f4f;
    z-index: 160;
    position: relative;
    padding-bottom: 10vh;
    background-image: url("/assets/images/backgrounds/img_studie_60.png");
    background-position: 0 100%;
    background-size: 100% auto;
    background-repeat: no-repeat; }
    .main-container#main-container-studie .studie-devata-section .studie-svg {
      position: absolute;
      width: 80vw;
      right: 0px;
      max-height: 130px;
      -webkit-transform: translateY(-98%);
      -ms-transform: translateY(-98%);
      -o-transform: translateY(-98%);
      transform: translateY(-98%);
      z-index: 160; }
      .main-container#main-container-studie .studie-devata-section .studie-svg polygon {
        fill: #4f4f4f; }
    .main-container#main-container-studie .studie-devata-section .studie-content-wrapper {
      max-width: 1100px;
      padding-top: 8vh; }
      .main-container#main-container-studie .studie-devata-section .studie-content-wrapper b {
        font-weight: 500; }
      .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-heading {
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-heading .studie-block {
          margin-bottom: 20px; }
      .main-container#main-container-studie .studie-devata-section .studie-content-wrapper h1 {
        color: white;
        text-align: center;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 1vh;
        font-size: 50px; }
      .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-carousel {
        width: 80%;
        max-width: 760px;
        margin: 0 auto;
        margin-top: 4vh; }
        .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-carousel .thumbs-wrapper {
          display: none; }
        .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-carousel .control-dots {
          display: none; }
        .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-carousel .carousel-status {
          display: none; }
        .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-carousel .slide {
          background: transparent; }
        .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-carousel .legend {
          font-size: 16px;
          text-transform: uppercase;
          color: white;
          font-weight: 400;
          opacity: 1;
          position: relative;
          width: 100%;
          padding-top: 20px;
          background-color: transparent;
          bottom: unset;
          margin-left: unset;
          left: 0px; }
          .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-carousel .legend b {
            font-weight: 500; }
        .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-carousel .carousel {
          overflow: visible; }
          .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-carousel .carousel .control-arrow {
            background-size: auto 80%;
            background-repeat: no-repeat;
            top: 0px;
            bottom: unset;
            width: 230px;
            height: 86%; }
            .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-carousel .carousel .control-arrow:hover {
              background-color: transparent; }
              .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-carousel .carousel .control-arrow:hover.control-prev {
                background-image: url("/assets/images/icons/ic_video_prev_hover.png"); }
              .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-carousel .carousel .control-arrow:hover.control-next {
                background-image: url("/assets/images/icons/ic_video_next_hover.png"); }
            .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-carousel .carousel .control-arrow.control-prev {
              left: -260px;
              background-position: 100% 50%;
              background-image: url("/assets/images/icons/ic_video_prev.png"); }
            .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-carousel .carousel .control-arrow.control-next {
              right: -260px;
              background-position: 0% 50%;
              background-image: url("/assets/images/icons/ic_video_next.png"); }
            .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-carousel .carousel .control-arrow:before {
              border: none; }
      .main-container#main-container-studie .studie-devata-section .studie-content-wrapper .studie-devata-bg {
        position: relative;
        width: 100%;
        margin-bottom: 4vh; }
  .main-container#main-container-studie .studie-last-section {
    background-color: #f17327;
    z-index: 170;
    position: relative;
    padding-bottom: 6vh; }
    .main-container#main-container-studie .studie-last-section .studie-svg {
      position: absolute;
      width: 40vw;
      right: 0px;
      -webkit-transform: translateY(-98%);
      -ms-transform: translateY(-98%);
      -o-transform: translateY(-98%);
      transform: translateY(-98%);
      z-index: 170; }
      .main-container#main-container-studie .studie-last-section .studie-svg polygon {
        fill: #f17327; }
    .main-container#main-container-studie .studie-last-section .studie-content-wrapper {
      max-width: 1100px;
      padding-top: 8vh; }
      .main-container#main-container-studie .studie-last-section .studie-content-wrapper b {
        font-weight: 500; }
      .main-container#main-container-studie .studie-last-section .studie-content-wrapper .studie-last-heading {
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .main-container#main-container-studie .studie-last-section .studie-content-wrapper .studie-last-heading .studie-block {
          margin-bottom: 20px; }
          .main-container#main-container-studie .studie-last-section .studie-content-wrapper .studie-last-heading .studie-block .studie-number-block {
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            color: white; }
          .main-container#main-container-studie .studie-last-section .studie-content-wrapper .studie-last-heading .studie-block .studie-line {
            background-color: white; }
      .main-container#main-container-studie .studie-last-section .studie-content-wrapper .studie-last-center {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: relative; }
        .main-container#main-container-studie .studie-last-section .studie-content-wrapper .studie-last-center .studie-last-porovnani {
          margin-top: 4vh;
          margin-bottom: 2vh;
          padding: 0 30px;
          height: 50px;
          line-height: 50px;
          text-transform: uppercase;
          font-size: 12px;
          font-weight: 500;
          letter-spacing: 1.4px;
          text-align: center;
          cursor: pointer;
          background-color: white;
          -webkit-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .main-container#main-container-studie .studie-last-section .studie-content-wrapper .studie-last-center .studie-last-porovnani:hover {
            background-color: rgba(255, 255, 255, 0.8); }
          .main-container#main-container-studie .studie-last-section .studie-content-wrapper .studie-last-center .studie-last-porovnani a {
            color: black; }
            .main-container#main-container-studie .studie-last-section .studie-content-wrapper .studie-last-center .studie-last-porovnani a:hover {
              color: inherit; }
      .main-container#main-container-studie .studie-last-section .studie-content-wrapper h1 {
        color: black;
        text-align: left;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 1vh;
        font-size: 50px; }
  .main-container#main-container-studie .studie-gallery-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 100000;
    top: 0;
    left: 0;
    display: none; }
    .main-container#main-container-studie .studie-gallery-modal.open {
      display: block; }
    .main-container#main-container-studie .studie-gallery-modal .studie-gallery-container {
      width: 90vw;
      max-width: 1200px;
      position: relative;
      height: 100%;
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
      .main-container#main-container-studie .studie-gallery-modal .studie-gallery-container .gallery-video {
        width: 100%;
        background-color: rgba(229, 111, 44, 0.4);
        height: 60%;
        position: relative; }
        .main-container#main-container-studie .studie-gallery-modal .studie-gallery-container .gallery-video iframe {
          width: 100%;
          height: 100%; }
        .main-container#main-container-studie .studie-gallery-modal .studie-gallery-container .gallery-video .gallery-close {
          position: absolute;
          top: 0px;
          right: 0px;
          width: 30px;
          cursor: pointer;
          -webkit-transform: translateX(200%) translateY(0%) rotate(45deg);
          -ms-transform: translateX(200%) translateY(0%) rotate(45deg);
          -o-transform: translateX(200%) translateY(0%) rotate(45deg);
          transform: translateX(200%) translateY(0%) rotate(45deg); }

.main-nabidka-container {
  display: block;
  width: 100%;
  min-height: 100vh;
  position: relative;
  background-image: url("/assets/images/backgrounds/img_ref_bottom_bg.png"), url("/assets/images/backgrounds/img_ref_top_bg.png");
  background-color: #0e0e0e;
  background-position: 0 100%, 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat; }
  .main-nabidka-container .nabidka-container {
    width: 100%;
    position: relative;
    padding-top: 170px; }
    .main-nabidka-container .nabidka-container .page-content {
      width: 90%;
      position: relative;
      max-width: 1200px;
      margin: 0 auto; }
      .main-nabidka-container .nabidka-container .page-content .page-heading {
        position: relative;
        margin: 0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center; }
        .main-nabidka-container .nabidka-container .page-content .page-heading .page-heading-wrapper {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          position: relative; }
          .main-nabidka-container .nabidka-container .page-content .page-heading .page-heading-wrapper .page-heading-title {
            text-transform: uppercase;
            text-align: center;
            font-size: 3.7vw;
            font-weight: 300;
            color: white;
            letter-spacing: 5px;
            display: inline-block; }
            .main-nabidka-container .nabidka-container .page-content .page-heading .page-heading-wrapper .page-heading-title.odeslano {
              color: #f05a27;
              font-weight: 400; }
            .main-nabidka-container .nabidka-container .page-content .page-heading .page-heading-wrapper .page-heading-title b {
              font-weight: 500; }
          .main-nabidka-container .nabidka-container .page-content .page-heading .page-heading-wrapper .nabidka-route {
            color: #f05b28;
            font-size: 11px;
            font-weight: 300;
            text-transform: uppercase;
            text-align: center;
            margin-bottom: 30px;
            letter-spacing: 1.4px;
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            align-self: center; }
      .main-nabidka-container .nabidka-container .page-content .page-body .sent-wrapper {
        position: relative;
        width: 100%;
        margin-top: 160px; }
      .main-nabidka-container .nabidka-container .page-content .page-body .error_message {
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        margin-top: 30px;
        letter-spacing: 1;
        width: 100%;
        color: white; }
      .main-nabidka-container .nabidka-container .page-content .page-body .section-heading {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #f05b28;
        font-weight: 600;
        font-size: 52px;
        text-transform: uppercase; }
        .main-nabidka-container .nabidka-container .page-content .page-body .section-heading .odeslano-icon {
          width: 55px;
          margin-right: 30px; }
      .main-nabidka-container .nabidka-container .page-content .page-body .odeslano-text {
        width: 50%;
        position: absolute;
        text-align: center;
        font-weight: 500;
        text-transform: none;
        font-size: 18px;
        color: #7f7f7f;
        margin-bottom: 1vh;
        letter-spacing: 1.4px;
        line-height: 26px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
      .main-nabidka-container .nabidka-container .page-content .page-body .form-again {
        color: white;
        font-size: 20px;
        text-transform: uppercase;
        opacity: 0;
        width: 100%;
        text-align: center;
        cursor: pointer;
        -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .main-nabidka-container .nabidka-container .page-content .page-body .form-again.sent {
          opacity: 1; }
      .main-nabidka-container .nabidka-container .page-content .page-body .form-container {
        width: 100%;
        position: relative;
        margin-top: 5vh;
        padding-bottom: 20vh; }
        .main-nabidka-container .nabidka-container .page-content .page-body .form-container form {
          width: 100%;
          position: relative;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          opacity: 1;
          -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .main-nabidka-container .nabidka-container .page-content .page-body .form-container form.sent {
            opacity: 0; }
          .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-side {
            width: 47%;
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-align: start;
            -moz-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start; }
            @media screen and (max-width: 62.4375em) {
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-side {
                width: 100%; } }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-side .form-row {
              width: 100%;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              position: relative;
              flex-direction: row;
              -webkit-box-pack: justify;
              -moz-box-pack: justify;
              -ms-flex-pack: justify;
              -webkit-justify-content: space-between;
              justify-content: space-between;
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-side .form-row .box-label {
                text-transform: uppercase;
                font-weight: 400;
                color: #9d9c9c;
                position: relative;
                text-align: left;
                margin-bottom: 20px;
                margin-top: 30px;
                font-size: 16px;
                letter-spacing: 1.4px;
                z-index: 100; }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-side .form-row.two-col .form-field {
                width: 48%; }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-side .form-row.one-col .form-field {
                width: 100%; }
          .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-bottom {
            width: 100%; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-bottom .form-field {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              flex-direction: column;
              -webkit-box-pack: center;
              -moz-box-pack: center;
              -ms-flex-pack: center;
              -webkit-justify-content: center;
              justify-content: center;
              -webkit-box-align: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center; }
          .main-nabidka-container .nabidka-container .page-content .page-body .form-container form.submitted .form-field input[type="text"]:invalid,
          .main-nabidka-container .nabidka-container .page-content .page-body .form-container form.submitted .form-field input[type="tel"]:invalid {
            background-image: url("/assets/images/icons/ic_closed_red.png");
            background-size: auto 50%;
            background-repeat: no-repeat;
            background-position: 100% 50%;
            border-bottom: 3px solid #C3281B; }
          .main-nabidka-container .nabidka-container .page-content .page-body .form-container form.submitted .form-field .required {
            display: block; }
          .main-nabidka-container .nabidka-container .page-content .page-body .form-container form.submitted .form-field input[type="text"]:required:valid,
          .main-nabidka-container .nabidka-container .page-content .page-body .form-container form.submitted .form-field input[type="tel"]:required:valid {
            border-bottom: 3px solid #fa8728; }
          .main-nabidka-container .nabidka-container .page-content .page-body .form-container form.not_valid .form-field input[type="text"].email:invalid,
          .main-nabidka-container .nabidka-container .page-content .page-body .form-container form.not_valid .form-field input[type="tel"].email:invalid {
            background-image: url("/assets/images/icons/ic_closed_red.png");
            background-size: auto 50%;
            background-repeat: no-repeat;
            background-position: 100% 50%;
            border-bottom: 3px solid #C3281B; }
          .main-nabidka-container .nabidka-container .page-content .page-body .form-container form.not_valid .form-field .required_email {
            display: block; }
          .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field {
            width: 100%;
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-align: start;
            -moz-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start;
            margin-bottom: 5vh; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files {
              border-radius: 12px;
              background-color: rgba(230, 230, 230, 0.3);
              border: 1px white dashed;
              -webkit-box-align: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center;
              -webkit-box-pack: center;
              -moz-box-pack: center;
              -ms-flex-pack: center;
              -webkit-justify-content: center;
              justify-content: center;
              -webkit-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files.missing {
                background-color: rgba(255, 0, 0, 0.3); }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item {
                width: 100%;
                height: 100%; }
                .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file {
                  width: 100%;
                  height: 100%; }
                  .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label {
                    height: 100%;
                    margin-bottom: 0;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    cursor: pointer;
                    padding: 30px 20px;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    -o-transform: translateY(0);
                    transform: translateY(0); }
                    .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .icon img {
                      width: 50px;
                      margin-right: 30px; }
                    .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .file-input-text {
                      text-transform: uppercase;
                      color: white;
                      font-weight: 400;
                      height: 100%;
                      margin-bottom: 0;
                      line-height: 24px;
                      width: 100%; }
                    .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label b {
                      font-weight: 500; }
                    .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .file-input-list {
                      width: 100%;
                      list-style: none;
                      margin: 0;
                      padding: 0; }
                      .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .file-input-list .file-input-list-item {
                        width: 100%;
                        position: relative; }
                        .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .file-input-list .file-input-list-item.last {
                          margin-top: 20px; }
                    .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .legend {
                      margin-top: 20px;
                      font-size: 12px;
                      line-height: 16px; }
                    .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .file-name {
                      text-transform: uppercase;
                      color: white;
                      font-weight: 400;
                      height: 100%;
                      margin-bottom: 0;
                      line-height: 24px;
                      width: 80%;
                      text-align: left;
                      display: inline-block; }
                    .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .file-delete {
                      text-transform: uppercase;
                      position: absolute;
                      right: 0px;
                      color: white;
                      font-weight: 500;
                      height: 100%;
                      z-index: 10000;
                      margin-bottom: 0;
                      line-height: 24px;
                      text-align: right;
                      display: inline-block;
                      padding: 0px 10px; }
                    .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .files-field {
                      width: 100%;
                      height: 100%;
                      opacity: 0;
                      position: absolute;
                      top: 0;
                      left: 0; }
                    .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .files-field::-webkit-file-upload-button {
                      visibility: hidden; }
                    .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .files-field::before {
                      outline: none;
                      white-space: nowrap;
                      -webkit-user-select: none;
                      cursor: pointer; }
                    .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .files-field:active::before {
                      background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field > label {
              width: 100%;
              text-transform: uppercase;
              font-weight: 400;
              color: #9d9c9c;
              position: relative;
              order: -1;
              text-align: left;
              margin-bottom: 1vh;
              font-size: 16px;
              letter-spacing: 1.4px;
              z-index: 100;
              -webkit-transform: translateY(160%);
              -ms-transform: translateY(160%);
              -o-transform: translateY(160%);
              transform: translateY(160%);
              -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field input[type="text"],
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field input[type="tel"],
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field textarea {
              width: 100%;
              border: none;
              border-radius: 0;
              letter-spacing: 1.4px;
              border-bottom: 3px solid #9d9c9c;
              text-transform: none;
              font-weight: 500;
              color: white;
              position: relative;
              text-align: left;
              text-decoration: none;
              background: transparent;
              outline: none;
              font-size: 16px;
              padding-left: 0;
              padding-right: 0;
              z-index: 101; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field input[type="text"]:focus,
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field input[type="tel"]:focus,
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:focus {
              border-bottom: 3px solid #fa8728; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field input:-webkit-autofill,
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field input:-webkit-autofill:hover,
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field input:-webkit-autofill:focus,
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:-webkit-autofill,
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:-webkit-autofill:hover,
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:-webkit-autofill:focus,
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field select:-webkit-autofill,
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field select:-webkit-autofill:hover,
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field select:-webkit-autofill:focus {
              border-bottom: 3px solid #9d9c9c;
              -webkit-text-fill-color: white;
              -webkit-box-shadow: 0 0 0px 1000px transparent inset;
              transition: background-color 5000s ease-in-out 0s;
              background-color: transparent !important;
              background-image: inherit !important;
              color: white !important; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field textarea {
              resize: none;
              height: auto; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field input[type="text"]:required:valid,
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field input[type="tel"]:required:valid {
              border-bottom: 3px solid #fa8728; }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field input[type="text"]:required:valid + * + i,
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field input[type="tel"]:required:valid + * + i {
                position: absolute;
                top: calc(50% - .5rem);
                right: 0;
                width: 1.5rem;
                height: 1.5rem;
                background-image: url("/assets/images/icons/ic_checked_orange.png");
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                z-index: 1000; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field .required {
              display: none;
              position: relative;
              color: #C3281B;
              text-transform: uppercase;
              font-weight: 500;
              font-size: 10px;
              left: 0px;
              bottom: 0px; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field select {
              border: none;
              border-radius: 0;
              background-image: url("/assets/images/icons/ic_arrow_down_grey.png");
              background-repeat: no-repeat;
              background-position: 100% 50%;
              background-size: auto 60%;
              background-color: transparent;
              border-bottom: 3px solid #9d9c9c;
              letter-spacing: 1.4px;
              text-transform: none;
              font-weight: 400;
              height: 60px;
              padding: 0;
              color: #9d9c9c;
              position: relative;
              text-align: left;
              text-decoration: none;
              outline: none;
              font-size: 16px;
              -moz-appearance: none;
              -webkit-appearance: none;
              appearance: none;
              text-transform: uppercase; }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field select.empty {
                border-bottom: 3px solid #C3281B; }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field select option {
                width: 100%;
                text-transform: uppercase;
                font-weight: 400;
                color: #9d9c9c;
                position: relative;
                text-align: left;
                font-size: 16px;
                letter-spacing: 1.4px;
                z-index: 100; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field input:focus + label,
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field input.not-empty + label,
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field input:not([value='']) + label,
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field input:not(:focus):not([value='']):valid + label {
              -webkit-transform: translateY(0%);
              -ms-transform: translateY(0%);
              -o-transform: translateY(0%);
              transform: translateY(0%); }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:focus + label {
              opacity: 0;
              -webkit-transform: translateY(0%);
              -ms-transform: translateY(0%);
              -o-transform: translateY(0%);
              transform: translateY(0%); }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field textarea.filled + label {
              opacity: 0;
              -webkit-transform: translateY(0%);
              -ms-transform: translateY(0%);
              -o-transform: translateY(0%);
              transform: translateY(0%); }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field .form-additional-heading {
              width: 100%;
              text-align: left;
              text-transform: uppercase;
              color: #9d9c9c;
              font-size: 16px;
              display: block;
              font-weight: 400;
              position: relative;
              text-align: left;
              letter-spacing: 1.4px; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field .form-checkbox {
              width: 100%;
              padding: 1vh 0;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-box-pack: end;
              -moz-box-pack: end;
              -ms-flex-pack: end;
              -webkit-justify-content: flex-end;
              justify-content: flex-end;
              -webkit-box-align: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center; }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field .form-checkbox label {
                z-index: 102; }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field .form-checkbox span {
                width: 75%;
                text-align: left;
                text-transform: none;
                font-weight: 400;
                letter-spacing: 1.4px;
                color: white;
                position: relative;
                text-decoration: none;
                background: transparent;
                outline: none;
                font-size: 16px; }
                .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field .form-checkbox span b {
                  font-weight: 600; }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field .form-checkbox input[type="checkbox"] {
                display: none; }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field .form-checkbox input[type="checkbox"] + label {
                display: inline-block;
                padding: 0 0 0 0px;
                background: url("/assets/images/icons/ic_not_selected_darkgrey.png") no-repeat;
                background-position: 50% 50%;
                height: 36px;
                width: 36px;
                background-size: 100%; }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field .form-checkbox input[type="checkbox"]:checked + label {
                background: url("/assets/images/icons/ic_not_selected_orange.png") no-repeat;
                height: 36px;
                width: 36px;
                display: inline-block;
                background-size: 100%; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field button {
              width: 40%;
              max-width: 220px;
              border: none;
              border-radius: 0;
              letter-spacing: 1.4px;
              text-transform: uppercase;
              font-weight: 500;
              color: black;
              position: relative;
              text-align: center;
              text-decoration: none;
              background: white;
              outline: none;
              margin: 0 auto;
              margin-bottom: 2vh;
              margin-top: 3vh;
              font-size: 16px;
              height: 60px;
              padding-left: 0;
              padding-right: 0;
              cursor: pointer; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field span.form-submit-note {
              width: 100%;
              max-width: 230px;
              text-align: center;
              text-transform: none;
              font-weight: 300;
              color: white;
              position: relative;
              letter-spacing: 1.4px;
              font-size: 14px; }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .form-field span.form-submit-note .privacy-link {
                font-weight: 400;
                text-decoration: underline;
                cursor: pointer; }
          .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider {
            width: 100%;
            position: relative;
            margin-bottom: 4vh; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider .nabidka-legend-cont {
              width: 100%;
              position: relative;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-box-pack: justify;
              -moz-box-pack: justify;
              -ms-flex-pack: justify;
              -webkit-justify-content: space-between;
              justify-content: space-between;
              -webkit-box-align: end;
              -moz-box-align: end;
              -ms-flex-align: end;
              -webkit-align-items: flex-end;
              align-items: flex-end;
              margin-bottom: 3vh; }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider .nabidka-legend-cont .nabidka-form-label {
                text-align: left;
                text-transform: uppercase;
                color: #9d9c9c;
                font-size: 16px;
                display: block;
                font-weight: 400;
                position: relative;
                text-align: left;
                letter-spacing: 1.4px; }
              .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider .nabidka-legend-cont .nabidka-form-area {
                text-align: right;
                color: #e56f2c;
                background: -webkit-linear-gradient(90deg, #f05a27, #e56f2c);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                display: block;
                line-height: 1; }
                .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider .nabidka-legend-cont .nabidka-form-area sup {
                  color: #e56f2c;
                  font-size: 60%;
                  -webkit-text-fill-color: initial; }
                .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider .nabidka-legend-cont .nabidka-form-area b {
                  font-size: 54px;
                  font-weight: 700; }
          .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider-desc {
            text-transform: uppercase;
            font-size: 11px;
            margin-top: 1vh; }
          .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider-cont {
            margin-top: 1vh;
            width: 100%;
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            color: white; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider-cont .nabidka-slider-range {
              width: 100%; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider-cont .rc-slider-handle {
              position: absolute;
              margin-left: -7px;
              margin-top: -5px;
              width: 14px;
              height: 14px;
              cursor: pointer;
              cursor: -webkit-grab;
              cursor: grab;
              border-radius: 0;
              border: none;
              background-color: transparent;
              -ms-touch-action: pan-x;
              touch-action: pan-x;
              background-size: 100%;
              background-repeat: no-repeat; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider-cont .rc-slider-rail {
              background-color: transparent;
              background-position: 0% 0%;
              background-size: auto 100%; }
            .main-nabidka-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider-cont .rc-slider-track {
              background-color: transparent;
              background-position: 0% 0%;
              background-size: auto 100%;
              border-radius: 0; }

.nabidka-form-container {
  display: block;
  width: 100%;
  min-height: 100vh;
  position: relative;
  background-color: #f5f5f5; }
  .nabidka-form-container .image-bg {
    position: absolute;
    width: 100%;
    height: 25px;
    bottom: 0;
    left: 0px;
    z-index: 45;
    background-image: url("/assets/images/backgrounds/img_sluzba_white_bg_wave.png");
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat; }
  .nabidka-form-container .nabidka-container {
    background-image: url("/assets/images/backgrounds/img_sluzba_light_bg.png");
    background-size: 100% auto;
    background-position: left top;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    padding-top: 85px;
    top: -35px;
    margin-top: 15px; }
    .nabidka-form-container .nabidka-container .page-content {
      width: 90%;
      position: relative;
      max-width: 800px;
      margin: 0 auto; }
      .nabidka-form-container .nabidka-container .page-content .page-heading {
        position: relative;
        margin: 0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center; }
        .nabidka-form-container .nabidka-container .page-content .page-heading .page-heading-wrapper {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          position: relative; }
          .nabidka-form-container .nabidka-container .page-content .page-heading .page-heading-wrapper .page-heading-title {
            text-align: center;
            font-size: 34px;
            font-weight: 500;
            color: black;
            display: inline-block; }
            .nabidka-form-container .nabidka-container .page-content .page-heading .page-heading-wrapper .page-heading-title.odeslano {
              color: #f05a27;
              font-weight: 400; }
            .nabidka-form-container .nabidka-container .page-content .page-heading .page-heading-wrapper .page-heading-title b {
              font-weight: 500; }
          .nabidka-form-container .nabidka-container .page-content .page-heading .page-heading-wrapper .nabidka-route {
            color: #f05b28;
            font-size: 11px;
            font-weight: 300;
            text-transform: uppercase;
            text-align: center;
            margin-bottom: 30px;
            letter-spacing: 1.4px;
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            align-self: center; }
      .nabidka-form-container .nabidka-container .page-content .page-body .sent-wrapper {
        position: relative;
        width: 100%;
        margin-top: 160px; }
      .nabidka-form-container .nabidka-container .page-content .page-body .error_message {
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        margin-top: 30px;
        letter-spacing: 1;
        width: 100%;
        color: black; }
      .nabidka-form-container .nabidka-container .page-content .page-body .section-heading {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #f05b28;
        font-weight: 600;
        font-size: 52px;
        text-transform: uppercase; }
        .nabidka-form-container .nabidka-container .page-content .page-body .section-heading .odeslano-icon {
          width: 55px;
          margin-right: 30px; }
      .nabidka-form-container .nabidka-container .page-content .page-body .odeslano-text {
        width: 50%;
        position: absolute;
        text-align: center;
        font-weight: 500;
        text-transform: none;
        font-size: 18px;
        color: #7f7f7f;
        margin-bottom: 1vh;
        letter-spacing: 1.4px;
        line-height: 26px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
      .nabidka-form-container .nabidka-container .page-content .page-body .form-again {
        color: black;
        font-size: 20px;
        text-transform: uppercase;
        opacity: 0;
        width: 100%;
        text-align: center;
        cursor: pointer;
        -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .nabidka-form-container .nabidka-container .page-content .page-body .form-again.sent {
          opacity: 1; }
      .nabidka-form-container .nabidka-container .page-content .page-body .form-container {
        width: 100%;
        position: relative;
        margin-top: 5vh;
        padding-bottom: calc(20vh - 20px); }
        .nabidka-form-container .nabidka-container .page-content .page-body .form-container form {
          width: 100%;
          position: relative;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          opacity: 1;
          -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
          .nabidka-form-container .nabidka-container .page-content .page-body .form-container form.sent {
            opacity: 0; }
          .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-side {
            width: 100%;
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-align: start;
            -moz-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start; }
            @media screen and (max-width: 62.4375em) {
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-side {
                width: 100%; } }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-side .form-row {
              width: 100%;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              position: relative;
              flex-direction: row;
              -webkit-box-pack: justify;
              -moz-box-pack: justify;
              -ms-flex-pack: justify;
              -webkit-justify-content: space-between;
              justify-content: space-between;
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-side .form-row .box-label {
                text-transform: uppercase;
                font-weight: 400;
                color: #9d9c9c;
                position: relative;
                text-align: left;
                margin-bottom: 20px;
                margin-top: 30px;
                font-size: 16px;
                letter-spacing: 1.4px;
                z-index: 100; }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-side .form-row.two-col .form-field {
                width: 48%; }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-side .form-row.one-col .form-field {
                width: 100%; }
          .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-bottom {
            width: 100%; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-bottom .form-field {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              flex-direction: column;
              -webkit-box-pack: center;
              -moz-box-pack: center;
              -ms-flex-pack: center;
              -webkit-justify-content: center;
              justify-content: center;
              -webkit-box-align: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center; }
          .nabidka-form-container .nabidka-container .page-content .page-body .form-container form.submitted .form-field input[type="text"]:invalid,
          .nabidka-form-container .nabidka-container .page-content .page-body .form-container form.submitted .form-field input[type="tel"]:invalid {
            background-image: url("/assets/images/icons/ic_closed_red.png");
            background-size: auto 50%;
            background-repeat: no-repeat;
            background-position: 100% 50%;
            border-bottom: 3px solid #C3281B; }
          .nabidka-form-container .nabidka-container .page-content .page-body .form-container form.submitted .form-field .required {
            display: block; }
          .nabidka-form-container .nabidka-container .page-content .page-body .form-container form.submitted .form-field input[type="text"]:required:valid,
          .nabidka-form-container .nabidka-container .page-content .page-body .form-container form.submitted .form-field input[type="tel"]:required:valid {
            background-image: url("/assets/images/icons/ic_checked_orange.png");
            background-size: auto 50%;
            background-repeat: no-repeat;
            background-position: 100% 50%;
            border-bottom: 3px solid #fa8728; }
          .nabidka-form-container .nabidka-container .page-content .page-body .form-container form.not_valid .form-field input[type="text"].email:invalid,
          .nabidka-form-container .nabidka-container .page-content .page-body .form-container form.not_valid .form-field input[type="tel"].email:invalid {
            background-image: url("/assets/images/icons/ic_closed_red.png");
            background-size: auto 50%;
            background-repeat: no-repeat;
            background-position: 100% 50%;
            border-bottom: 3px solid #C3281B; }
          .nabidka-form-container .nabidka-container .page-content .page-body .form-container form.not_valid .form-field .required_email {
            display: block; }
          .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field {
            width: 100%;
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-align: start;
            -moz-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start;
            margin-bottom: 5vh; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files {
              border-radius: 12px;
              background-color: rgba(230, 230, 230, 0.3);
              border: 1px black dashed;
              -webkit-box-align: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center;
              -webkit-box-pack: center;
              -moz-box-pack: center;
              -ms-flex-pack: center;
              -webkit-justify-content: center;
              justify-content: center;
              -webkit-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files.missing {
                background-color: rgba(255, 0, 0, 0.3); }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item {
                width: 100%;
                height: 100%; }
                .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file {
                  width: 100%;
                  height: 100%; }
                  .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label {
                    height: 100%;
                    margin-bottom: 0;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    cursor: pointer;
                    padding: 30px 20px;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    -o-transform: translateY(0);
                    transform: translateY(0); }
                    .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .icon img {
                      width: 50px;
                      margin-right: 30px; }
                    .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .file-input-text {
                      text-transform: uppercase;
                      color: black;
                      font-weight: 400;
                      height: 100%;
                      margin-bottom: 0;
                      line-height: 24px;
                      width: 100%; }
                    .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label b {
                      font-weight: 500; }
                    .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .file-input-list {
                      width: 100%;
                      list-style: none;
                      margin: 0;
                      padding: 0; }
                      .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .file-input-list .file-input-list-item {
                        width: 100%;
                        position: relative; }
                        .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .file-input-list .file-input-list-item.last {
                          margin-top: 20px; }
                    .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .legend {
                      margin-top: 20px;
                      font-size: 12px;
                      line-height: 16px; }
                    .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .file-name {
                      text-transform: uppercase;
                      color: black;
                      font-weight: 400;
                      height: 100%;
                      margin-bottom: 0;
                      line-height: 24px;
                      width: 80%;
                      text-align: left;
                      display: inline-block; }
                    .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .file-delete {
                      text-transform: uppercase;
                      position: absolute;
                      right: 0px;
                      color: black;
                      font-weight: 500;
                      height: 100%;
                      z-index: 10000;
                      margin-bottom: 0;
                      line-height: 24px;
                      text-align: right;
                      display: inline-block;
                      padding: 0px 10px; }
                    .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .files-field {
                      width: 100%;
                      height: 100%;
                      opacity: 0;
                      position: absolute;
                      top: 0;
                      left: 0; }
                    .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .files-field::-webkit-file-upload-button {
                      visibility: hidden; }
                    .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .files-field::before {
                      outline: none;
                      white-space: nowrap;
                      -webkit-user-select: none;
                      cursor: pointer; }
                    .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field.files .form-item .input-drop-file label .files-field:active::before {
                      background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field > label {
              width: 100%;
              text-transform: uppercase;
              font-weight: 400;
              color: #9d9c9c;
              position: relative;
              order: -1;
              text-align: left;
              margin-bottom: 1vh;
              font-size: 16px;
              letter-spacing: 1.4px;
              z-index: 100;
              -webkit-transform: translateY(160%);
              -ms-transform: translateY(160%);
              -o-transform: translateY(160%);
              transform: translateY(160%);
              -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input[type="text"],
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input[type="tel"],
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field textarea {
              width: 100%;
              border: none;
              border-radius: 0;
              letter-spacing: 1.4px;
              border-bottom: 3px solid #9d9c9c;
              text-transform: none;
              font-weight: 500;
              color: black;
              position: relative;
              text-align: left;
              text-decoration: none;
              background: transparent;
              outline: none;
              font-size: 16px;
              padding-left: 0;
              padding-right: 0;
              z-index: 101; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input[type="text"]:focus,
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input[type="tel"]:focus,
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:focus {
              border-bottom: 3px solid #fa8728; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input:-webkit-autofill,
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input:-webkit-autofill:hover,
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input:-webkit-autofill:focus,
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:-webkit-autofill,
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:-webkit-autofill:hover,
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:-webkit-autofill:focus,
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field select:-webkit-autofill,
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field select:-webkit-autofill:hover,
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field select:-webkit-autofill:focus {
              border-bottom: 3px solid #9d9c9c;
              -webkit-text-fill-color: black;
              -webkit-box-shadow: 0 0 0px 1000px transparent inset;
              transition: background-color 5000s ease-in-out 0s;
              background-color: transparent !important;
              background-image: inherit !important;
              color: black !important; }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input:-webkit-autofill:required:valid, .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input:-webkit-autofill:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input:-webkit-autofill:hover:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input:-webkit-autofill:hover:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input:-webkit-autofill:focus:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input:-webkit-autofill:focus:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:-webkit-autofill:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:-webkit-autofill:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:-webkit-autofill:hover:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:-webkit-autofill:hover:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:-webkit-autofill:focus:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:-webkit-autofill:focus:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field select:-webkit-autofill:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field select:-webkit-autofill:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field select:-webkit-autofill:hover:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field select:-webkit-autofill:hover:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field select:-webkit-autofill:focus:required:valid,
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field select:-webkit-autofill:focus:required:valid {
                background-image: url("/assets/images/icons/ic_checked_orange.png") !important;
                -webkit-animation-name: autofill !important;
                -webkit-animation-fill-mode: forwards !important; }

@-webkit-keyframes autofill {
  to {
    background-image: url("/assets/images/icons/ic_checked_orange.png") !important; } }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field textarea {
              resize: none;
              height: auto; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input[type="text"]:required:valid,
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input[type="tel"]:required:valid {
              background-image: url("/assets/images/icons/ic_checked_orange.png");
              background-size: auto 50%;
              background-repeat: no-repeat;
              background-position: 100% 50%;
              border-bottom: 3px solid #fa8728; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field .required {
              display: none;
              position: relative;
              color: #C3281B;
              text-transform: uppercase;
              font-weight: 500;
              font-size: 10px;
              left: 0px;
              bottom: 0px; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field select {
              border: none;
              border-radius: 0;
              background-image: url("/assets/images/icons/ic_arrow_down_grey.png");
              background-repeat: no-repeat;
              background-position: 100% 50%;
              background-size: auto 60%;
              background-color: transparent;
              border-bottom: 3px solid #9d9c9c;
              letter-spacing: 1.4px;
              text-transform: none;
              font-weight: 400;
              height: 60px;
              padding: 0;
              color: #9d9c9c;
              position: relative;
              text-align: left;
              text-decoration: none;
              outline: none;
              font-size: 16px;
              -moz-appearance: none;
              -webkit-appearance: none;
              appearance: none;
              text-transform: uppercase; }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field select.empty {
                border-bottom: 3px solid #C3281B; }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field select option {
                width: 100%;
                text-transform: uppercase;
                font-weight: 400;
                color: #9d9c9c;
                position: relative;
                text-align: left;
                font-size: 16px;
                letter-spacing: 1.4px;
                z-index: 100; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input:focus + label,
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input.not-empty + label,
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input:not([value='']) + label,
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field input:not(:focus):not([value='']):valid + label {
              -webkit-transform: translateY(0%);
              -ms-transform: translateY(0%);
              -o-transform: translateY(0%);
              transform: translateY(0%); }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field textarea:focus + label {
              opacity: 0;
              -webkit-transform: translateY(0%);
              -ms-transform: translateY(0%);
              -o-transform: translateY(0%);
              transform: translateY(0%); }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field textarea.filled + label {
              opacity: 0;
              -webkit-transform: translateY(0%);
              -ms-transform: translateY(0%);
              -o-transform: translateY(0%);
              transform: translateY(0%); }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field .form-additional-heading {
              width: 100%;
              text-align: left;
              text-transform: uppercase;
              color: #9d9c9c;
              font-size: 16px;
              display: block;
              font-weight: 400;
              position: relative;
              text-align: left;
              letter-spacing: 1.4px; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field .form-checkbox {
              width: 100%;
              padding: 1vh 0;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-box-pack: end;
              -moz-box-pack: end;
              -ms-flex-pack: end;
              -webkit-justify-content: flex-end;
              justify-content: flex-end;
              -webkit-box-align: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center; }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field .form-checkbox label {
                z-index: 102; }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field .form-checkbox span {
                width: 50%;
                text-align: left;
                text-transform: none;
                font-weight: 400;
                letter-spacing: 1.4px;
                color: black;
                position: relative;
                text-decoration: none;
                background: transparent;
                outline: none;
                font-size: 16px; }
                .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field .form-checkbox span b {
                  font-weight: 600; }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field .form-checkbox input[type="checkbox"] {
                display: none; }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field .form-checkbox input[type="checkbox"] + label {
                display: inline-block;
                padding: 0 0 0 0px;
                background: url("/assets/images/icons/ic_not_selected_darkgrey.png") no-repeat;
                background-position: 50% 50%;
                height: 36px;
                width: 36px;
                background-size: 100%; }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field .form-checkbox input[type="checkbox"]:checked + label {
                background: url("/assets/images/icons/ic_not_selected_orange.png") no-repeat;
                height: 36px;
                width: 36px;
                display: inline-block;
                background-size: 100%; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field button {
              width: 40%;
              max-width: 220px;
              border: none;
              border-radius: 0;
              letter-spacing: 1.4px;
              text-transform: uppercase;
              font-weight: 500;
              color: white;
              position: relative;
              text-align: center;
              text-decoration: none;
              background: #323232;
              outline: none;
              cursor: pointer;
              margin: 0 auto;
              margin-bottom: 2vh;
              margin-top: 3vh;
              font-size: 16px;
              height: 60px;
              padding-left: 0;
              padding-right: 0; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field span.form-submit-note {
              width: 100%;
              max-width: 230px;
              text-align: center;
              text-transform: none;
              font-weight: 300;
              color: black;
              position: relative;
              letter-spacing: 1.4px;
              font-size: 14px; }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .form-field span.form-submit-note .privacy-link {
                font-weight: 400;
                text-decoration: underline;
                cursor: pointer; }
          .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider {
            width: 100%;
            position: relative;
            margin-bottom: 4em; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider .nabidka-legend-cont {
              width: 100%;
              position: relative;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-box-pack: justify;
              -moz-box-pack: justify;
              -ms-flex-pack: justify;
              -webkit-justify-content: space-between;
              justify-content: space-between;
              -webkit-box-align: end;
              -moz-box-align: end;
              -ms-flex-align: end;
              -webkit-align-items: flex-end;
              align-items: flex-end;
              margin-bottom: 3vh; }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider .nabidka-legend-cont .nabidka-form-label {
                text-align: left;
                text-transform: uppercase;
                color: #9d9c9c;
                font-size: 16px;
                display: block;
                font-weight: 400;
                position: relative;
                text-align: left;
                letter-spacing: 1.4px; }
              .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider .nabidka-legend-cont .nabidka-form-area {
                text-align: right;
                color: #F25927;
                display: block;
                line-height: 1; }
                .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider .nabidka-legend-cont .nabidka-form-area sup {
                  color: #F25927;
                  font-size: 60%;
                  -webkit-text-fill-color: initial; }
                .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider .nabidka-legend-cont .nabidka-form-area b {
                  font-size: 54px;
                  font-weight: 700; }
          .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider-desc {
            text-transform: uppercase;
            font-size: 11px;
            margin-top: 1vh; }
          .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider-cont {
            margin-top: 1vh;
            width: 100%;
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            color: black; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider-cont .nabidka-slider-range {
              width: 100%; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider-cont .rc-slider-handle {
              position: absolute;
              margin-left: -7px;
              margin-top: -5px;
              width: 14px;
              height: 14px;
              cursor: pointer;
              cursor: -webkit-grab;
              cursor: grab;
              border-radius: 0;
              border: none;
              background-color: transparent;
              -ms-touch-action: pan-x;
              touch-action: pan-x;
              background-size: 100%;
              background-repeat: no-repeat; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider-cont .rc-slider-rail {
              background-color: transparent;
              background-position: 0% 0%;
              background-size: auto 100%; }
            .nabidka-form-container .nabidka-container .page-content .page-body .form-container form .nabidka-slider-cont .rc-slider-track {
              background-color: transparent;
              background-position: 0% 0%;
              background-size: auto 100%;
              border-radius: 0; }

.main-container#main-container-reference {
  min-height: 100vh;
  background-image: url("/assets/images/backgrounds/img_ref_bottom_bg.png"), url("/assets/images/backgrounds/img_ref_top_bg.png");
  background-color: #0e0e0e;
  background-position: 0 100%, 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat; }
  .main-container#main-container-reference .projekty-container {
    position: relative;
    padding-top: 20vh;
    margin: 0 auto;
    width: 80vw;
    max-width: 1000px; }
    .main-container#main-container-reference .projekty-container .projekty-nadpis {
      text-transform: uppercase;
      font-size: 7vw;
      font-weight: 500;
      color: white;
      letter-spacing: 5px; }
      @media screen and (min-width: 81.25em) {
        .main-container#main-container-reference .projekty-container .projekty-nadpis {
          font-size: 97px; } }
    .main-container#main-container-reference .projekty-container .projekty-stats {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      .main-container#main-container-reference .projekty-container .projekty-stats .projekty-route {
        color: #f05b28;
        font-size: 11px;
        font-weight: 300;
        text-transform: uppercase; }
      .main-container#main-container-reference .projekty-container .projekty-stats .projekty-pocet {
        display: inline-block;
        font-size: 11px;
        font-weight: 300;
        color: white;
        margin-right: 3vw;
        text-align: right; }
        .main-container#main-container-reference .projekty-container .projekty-stats .projekty-pocet span {
          font-size: 30px;
          font-weight: 500;
          color: #f05a27;
          background: -webkit-linear-gradient(90deg, #f05a27, #e56f2c);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
      .main-container#main-container-reference .projekty-container .projekty-stats .projekty-plocha {
        display: inline-block;
        font-size: 11px;
        font-weight: 300;
        color: white;
        text-align: right; }
        .main-container#main-container-reference .projekty-container .projekty-stats .projekty-plocha span {
          font-size: 30px;
          font-weight: 500;
          color: #f05a27;
          background: -webkit-linear-gradient(90deg, #f05a27, #e56f2c);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
          .main-container#main-container-reference .projekty-container .projekty-stats .projekty-plocha span small {
            font-weight: 300;
            font-size: inherit; }
          .main-container#main-container-reference .projekty-container .projekty-stats .projekty-plocha span sup {
            color: #e56f2c;
            font-size: 60%;
            -webkit-text-fill-color: initial; }
    .main-container#main-container-reference .projekty-container .projekty-list {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 100%;
      position: relative;
      margin-top: 40px;
      padding-bottom: 40vh; }
      .main-container#main-container-reference .projekty-container .projekty-list .projekty-nacist-vice {
        width: 20vw;
        max-width: 200px;
        height: 40px;
        line-height: 40px;
        text-transform: uppercase;
        font-size: 12px;
        color: black;
        font-weight: 500;
        letter-spacing: 1.4px;
        text-align: center;
        cursor: pointer;
        background-image: linear-gradient(to right, #f05a27, #e56f2c); }
      .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont {
        position: relative;
        width: 100%;
        margin-bottom: 10vh; }
        .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-bg-image {
          position: relative;
          width: 100%; }
        .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background-image: linear-gradient(30deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)); }
          .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link:hover .projekt-vice-info:nth-of-type(1) {
            opacity: 1;
            -webkit-transform: translateX(0px);
            -ms-transform: translateX(0px);
            -o-transform: translateX(0px);
            transform: translateX(0px); }
          .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link:hover .projekt-vice-info:nth-of-type(2) {
            opacity: 0;
            -webkit-transform: translateX(162px);
            -ms-transform: translateX(162px);
            -o-transform: translateX(162px);
            transform: translateX(162px); }
          .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .arrow-wrapper {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            overflow: hidden; }
          .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-vice-info {
            display: inline;
            position: absolute;
            top: 50%;
            left: 30px;
            text-transform: uppercase;
            font-weight: 500;
            color: #e56f2c;
            overflow: hidden;
            -webkit-transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
            .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-vice-info:nth-of-type(1) {
              opacity: 0;
              -webkit-transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -webkit-transform: translateX(calc(-100% + 40px));
              -ms-transform: translateX(calc(-100% + 40px));
              -o-transform: translateX(calc(-100% + 40px));
              transform: translateX(calc(-100% + 40px)); }
            .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-vice-info:nth-of-type(2) {
              opacity: 1; }
              .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-vice-info:nth-of-type(2) .projekt-vice-arrow {
                width: 40px;
                margin-left: 0px; }
            .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-vice-info .projekt-vice-arrow {
              width: 40px;
              margin-left: 30px; }
          .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-bottom {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: end;
            -moz-box-align: end;
            -ms-flex-align: end;
            -webkit-align-items: flex-end;
            align-items: flex-end;
            width: 100%;
            position: absolute;
            bottom: 0;
            padding: 0px 30px; }
            .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-bottom b {
              font-weight: 500; }
            .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-bottom .projekt-name {
              font-weight: 400;
              -webkit-transform: translateY(-26px);
              -ms-transform: translateY(-26px);
              -o-transform: translateY(-26px);
              transform: translateY(-26px); }
              .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-bottom .projekt-name .projekt-name-orange {
                font-size: 50px;
                color: #e56f2c;
                white-space: nowrap; }
                @media screen and (max-width: 68.6875em) {
                  .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-bottom .projekt-name .projekt-name-orange {
                    font-size: 4vw; } }
              .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-bottom .projekt-name .projekt-name-location {
                color: white;
                font-size: 11px; }
            .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-bottom .projekt-data {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-box-pack: justify;
              -moz-box-pack: justify;
              -ms-flex-pack: justify;
              -webkit-justify-content: space-between;
              justify-content: space-between;
              width: 50%;
              -webkit-transform: translateY(22px);
              -ms-transform: translateY(22px);
              -o-transform: translateY(22px);
              transform: translateY(22px); }
              .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-bottom .projekt-data .projekt-data-block {
                text-align: left;
                color: white; }
                .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-bottom .projekt-data .projekt-data-block .projekt-data-block-heading {
                  font-size: 11px; }
                .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-bottom .projekt-data .projekt-data-block .projekt-data-block-content {
                  font-size: 30px;
                  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.5), white);
                  -webkit-background-clip: text;
                  -webkit-text-fill-color: transparent; }
                  .main-container#main-container-reference .projekty-container .projekty-list .projekty-one-cont .projekt-link .projekt-bottom .projekt-data .projekt-data-block .projekt-data-block-content sup {
                    -webkit-text-fill-color: white;
                    color: white;
                    font-size: 60%; }

.main-container-projekt {
  min-height: 130vh;
  background-image: url("/assets/images/backgrounds/img_ref_bottom_bg.png");
  background-color: #0e0e0e;
  background-position: 0 calc(100% + 1px);
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-top: 9vh; }
  .main-container-projekt .loading-container {
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container-projekt .loading-container.show {
      opacity: 1; }
  .main-container-projekt .projekt-bg-image-container {
    position: relative; }
    .main-container-projekt .projekt-bg-image-container .projekt-bg-image {
      position: relative;
      width: 100%; }
    .main-container-projekt .projekt-bg-image-container .projekt-bg-image-shadow {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-image: linear-gradient(30deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0)); }
  .main-container-projekt .projekt-gallery-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10000;
    top: 0;
    left: 0;
    display: none; }
    .main-container-projekt .projekt-gallery-modal.open {
      display: block; }
    .main-container-projekt .projekt-gallery-modal .projekt-gallery-container {
      width: 90vw;
      max-width: 800px;
      position: relative;
      height: 100%;
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
      .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .gallery-close {
        position: relative;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        width: 30px;
        cursor: pointer;
        -webkit-transform: translateX(150%) translateY(100%) rotate(45deg);
        -ms-transform: translateX(150%) translateY(100%) rotate(45deg);
        -o-transform: translateX(150%) translateY(100%) rotate(45deg);
        transform: translateX(150%) translateY(100%) rotate(45deg); }
      .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .thumb {
        position: relative;
        padding: 0; }
        .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .thumb:before {
          content: "";
          position: absolute;
          opacity: 0;
          top: 0px;
          width: 100%;
          height: 3px;
          background-image: linear-gradient(to right, #f05a27, #e56f2c);
          -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .thumb.selected:before {
          opacity: 1; }
        .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .thumb:hover:before {
          opacity: 1; }
      .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .control-dots {
        display: none; }
      .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel-status {
        color: black;
        letter-spacing: 3px;
        font-weight: 300;
        font-size: 14px;
        bottom: -60px;
        z-index: 1000;
        left: 10%;
        padding: 0;
        top: unset;
        display: none; }
        .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel-status::first-letter {
          font-weight: 500; }
      .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel-slider .control-arrow {
        background-size: auto 40px;
        background-repeat: no-repeat;
        top: 0px;
        width: 80px;
        height: 100%;
        opacity: 0.8;
        border-radius: 0px; }
        .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel-slider .control-arrow:hover {
          background-color: transparent; }
        .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel-slider .control-arrow.control-prev {
          left: 0px;
          background-position: 50% 50%;
          background-image: url("/assets/images/icons/ic_prev_orange.png");
          background-color: rgba(0, 0, 0, 0.6); }
        .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel-slider .control-arrow.control-next {
          right: 0px;
          background-position: 50% 50%;
          background-image: url("/assets/images/icons/ic_next_orange.png");
          background-color: rgba(0, 0, 0, 0.6); }
        .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel-slider .control-arrow:before {
          border: none; }
      .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel {
        overflow: visible; }
        .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel .thumbs-wrapper {
          margin: 10px 0;
          background-color: rgba(0, 0, 0, 0.8); }
          .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel .thumbs-wrapper .control-arrow {
            background-size: auto 50px;
            background-repeat: no-repeat;
            bottom: 0px;
            top: 18px;
            width: 100px;
            height: 120px;
            opacity: 0.8; }
            .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel .thumbs-wrapper .control-arrow:hover {
              background-color: transparent; }
            .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel .thumbs-wrapper .control-arrow.control-prev {
              left: 0;
              background-position: center;
              background-image: url("/assets/images/icons/ic_prev_orange.png"); }
            .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel .thumbs-wrapper .control-arrow.control-next {
              right: 0;
              background-position: center;
              background-image: url("/assets/images/icons/ic_next_orange.png"); }
            .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel .thumbs-wrapper .control-arrow:before {
              border: none; }
        .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel ul.thumbs {
          margin: 0;
          background-color: black; }
        .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel .thumb {
          border: none;
          opacity: 0.5; }
          .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel .thumb.selected {
            opacity: 1; }
          .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel .thumb:hover {
            opacity: 1; }
      .main-container-projekt .projekt-gallery-modal .projekt-gallery-container .carousel-slider .control-arrow {
        padding: 0 10px; }
  .main-container-projekt .projekt-container {
    position: relative;
    margin: 0 auto;
    width: 80vw;
    max-width: 1000px;
    -webkit-transform: translateY(-157px);
    -ms-transform: translateY(-157px);
    -o-transform: translateY(-157px);
    transform: translateY(-157px); }
    .main-container-projekt .projekt-container b {
      font-weight: 600; }
    .main-container-projekt .projekt-container .projekt-top {
      width: 100%;
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      margin-bottom: 30px; }
      .main-container-projekt .projekt-container .projekt-top .projekt-name {
        font-weight: 400; }
        .main-container-projekt .projekt-container .projekt-top .projekt-name .projekt-name-orange {
          font-size: 50px;
          font-weight: 500;
          color: #e56f2c; }
          @media screen and (max-width: 68.6875em) {
            .main-container-projekt .projekt-container .projekt-top .projekt-name .projekt-name-orange {
              font-size: 4vw; } }
        .main-container-projekt .projekt-container .projekt-top .projekt-name .projekt-name-location {
          color: white;
          font-size: 11px; }
      .main-container-projekt .projekt-container .projekt-top .projekt-gallery-controls {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .main-container-projekt .projekt-container .projekt-top .projekt-gallery-controls .projekt-gallery-arrow {
          height: 20px;
          margin-left: 30px; }
        .main-container-projekt .projekt-container .projekt-top .projekt-gallery-controls .projekt-gallery-info {
          font-size: 30px;
          margin-left: 30px;
          color: white;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          line-height: 30px;
          cursor: pointer; }
          .main-container-projekt .projekt-container .projekt-top .projekt-gallery-controls .projekt-gallery-info .projekt-gallery-icon-grid {
            width: 40px;
            margin-left: 20px; }
    .main-container-projekt .projekt-container .projekt-data {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-pack: distribute;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      width: 100%;
      position: relative;
      margin-bottom: 50px; }
      .main-container-projekt .projekt-container .projekt-data .projekt-data-block {
        text-align: center;
        color: white; }
        .main-container-projekt .projekt-container .projekt-data .projekt-data-block .projekt-data-block-heading {
          font-size: 11px; }
        .main-container-projekt .projekt-container .projekt-data .projekt-data-block .projekt-data-block-content {
          font-size: 30px;
          background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.5), white);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
          .main-container-projekt .projekt-container .projekt-data .projekt-data-block .projekt-data-block-content sup {
            color: white;
            -webkit-text-fill-color: initial;
            font-size: 60%; }
    .main-container-projekt .projekt-container .projekt-content {
      padding-bottom: 10vh;
      margin-top: 10vh; }
      .main-container-projekt .projekt-container .projekt-content .projekt-desc {
        position: relative;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-bottom: 10vh; }
        .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-left {
          width: 56%; }
          .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-left .projekt-desc-heading {
            font-size: 18px;
            color: #e56f2c;
            width: 100%;
            position: relative;
            text-align: left;
            margin-bottom: 4vh; }
          .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-left .projekt-desc-text {
            font-size: 1rem;
            color: white;
            text-align: justify; }
        .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right {
          width: 34%; }
          .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-desc-heading {
            font-size: 18px;
            color: #e56f2c;
            width: 100%;
            position: relative;
            text-align: center;
            margin-bottom: 4vh; }
          .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-desc-text {
            text-align: center;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center; }
          .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka {
            position: relative;
            width: 180px;
            height: 180px; }
            .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-square {
              position: absolute;
              border: 1px solid white;
              -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
              -o-transform: rotate(-45deg);
              transform: rotate(-45deg);
              width: 90px;
              height: 90px;
              border-radius: 4px; }
              .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-square.active {
                border: 3px solid white; }
              .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-square.top {
                left: 50%;
                -webkit-transform: translateX(-50%) rotate(-45deg);
                -ms-transform: translateX(-50%) rotate(-45deg);
                -o-transform: translateX(-50%) rotate(-45deg);
                transform: translateX(-50%) rotate(-45deg); }
              .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-square.left {
                top: 50%;
                left: -12%;
                -webkit-transform: translateY(-25%) rotate(-45deg);
                -ms-transform: translateY(-25%) rotate(-45deg);
                -o-transform: translateY(-25%) rotate(-45deg);
                transform: translateY(-25%) rotate(-45deg); }
              .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-square.right {
                top: 50%;
                right: -12%;
                -webkit-transform: translateY(-25%) rotate(-45deg);
                -ms-transform: translateY(-25%) rotate(-45deg);
                -o-transform: translateY(-25%) rotate(-45deg);
                transform: translateY(-25%) rotate(-45deg); }
              .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-square.bottom {
                left: 50%;
                -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
                -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
                -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
                transform: translateX(-50%) translateY(-50%) rotate(-45deg);
                top: 100%; }
            .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-text {
              position: absolute;
              text-transform: uppercase;
              font-size: 14px;
              font-weight: 400;
              color: white; }
              .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-text.active {
                font-weight: 600; }
              .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-text.top {
                text-align: center;
                left: 50%;
                -webkit-transform: translateX(-50%) translateY(34px);
                -ms-transform: translateX(-50%) translateY(34px);
                -o-transform: translateX(-50%) translateY(34px);
                transform: translateX(-50%) translateY(34px); }
              .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-text.left {
                top: 50%;
                -webkit-transform: translateX(-10px) translateY(50%);
                -ms-transform: translateX(-10px) translateY(50%);
                -o-transform: translateX(-10px) translateY(50%);
                transform: translateX(-10px) translateY(50%);
                left: 0; }
              .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-text.right {
                top: 50%;
                right: -3px;
                -webkit-transform: translateY(50%);
                -ms-transform: translateY(50%);
                -o-transform: translateY(50%);
                transform: translateY(50%); }
              .main-container-projekt .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-text.bottom {
                text-align: center;
                left: 50%;
                -webkit-transform: translateX(-50%) translateY(-10px);
                -ms-transform: translateX(-50%) translateY(-10px);
                -o-transform: translateX(-50%) translateY(-10px);
                transform: translateX(-50%) translateY(-10px);
                top: 100%; }
      .main-container-projekt .projekt-container .projekt-content .projekt-reference-heading {
        text-transform: uppercase;
        font-size: 18px;
        color: #e56f2c;
        width: 100%;
        position: relative;
        text-align: center;
        margin-bottom: 4vh;
        font-weight: 700; }
      .main-container-projekt .projekt-container .projekt-content .projekt-reference {
        position: relative;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
        .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont {
          position: relative;
          width: 46%;
          margin-bottom: 10vh; }
          .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-bg-image {
            position: relative;
            width: 100%; }
          .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link {
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
            background-image: linear-gradient(30deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)); }
            .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link:hover .projekt-vice-info:nth-of-type(1) {
              opacity: 1;
              -webkit-transform: translateX(0px);
              -ms-transform: translateX(0px);
              -o-transform: translateX(0px);
              transform: translateX(0px); }
            .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link:hover .projekt-vice-info:nth-of-type(2) {
              opacity: 0;
              -webkit-transform: translateX(162px);
              -ms-transform: translateX(162px);
              -o-transform: translateX(162px);
              transform: translateX(162px); }
            .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link .arrow-wrapper {
              position: relative;
              margin-bottom: 36px; }
            .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link .projekt-vice-info {
              display: inline;
              left: 0px;
              text-transform: uppercase;
              font-weight: 500;
              color: #e56f2c;
              overflow: hidden;
              -webkit-transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
              .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link .projekt-vice-info:nth-of-type(1) {
                opacity: 0;
                position: relative;
                -webkit-transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
                -ms-transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
                -o-transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
                transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
                -webkit-transform: translateX(calc(-100% + 40px));
                -ms-transform: translateX(calc(-100% + 40px));
                -o-transform: translateX(calc(-100% + 40px));
                transform: translateX(calc(-100% + 40px)); }
              .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link .projekt-vice-info:nth-of-type(2) {
                opacity: 1;
                position: absolute; }
                .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link .projekt-vice-info:nth-of-type(2) .projekt-vice-arrow {
                  width: 40px;
                  margin-left: 0px; }
              .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link .projekt-vice-info .projekt-vice-arrow {
                width: 40px;
                margin-left: 30px; }
            .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link .projekt-bottom {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              flex-direction: column;
              -webkit-box-pack: end;
              -moz-box-pack: end;
              -ms-flex-pack: end;
              -webkit-justify-content: flex-end;
              justify-content: flex-end;
              -webkit-box-align: start;
              -moz-box-align: start;
              -ms-flex-align: start;
              -webkit-align-items: flex-start;
              align-items: flex-start;
              width: 100%;
              position: absolute;
              bottom: 0;
              padding: 0px 30px; }
              .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link .projekt-bottom b {
                font-weight: 500; }
              .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link .projekt-bottom .projekt-name {
                font-weight: 400;
                -webkit-transform: translateY(-26px);
                -ms-transform: translateY(-26px);
                -o-transform: translateY(-26px);
                transform: translateY(-26px); }
                .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link .projekt-bottom .projekt-name .projekt-name-orange {
                  font-size: 42px;
                  color: #e56f2c;
                  line-height: 42px; }
                  @media screen and (max-width: 68.6875em) {
                    .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link .projekt-bottom .projekt-name .projekt-name-orange {
                      font-size: 3.7vw; } }
                .main-container-projekt .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link .projekt-bottom .projekt-name .projekt-name-location {
                  color: white;
                  font-size: 12px; }

.main-container-projekt--white {
  background-color: white; }
  .main-container-projekt--white .projekt-bg-image-container .projekt-bg-image-shadow {
    background-image: linear-gradient(0deg, white, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0)); }
  .main-container-projekt--white .projekt-gallery-modal {
    background-color: rgba(0, 0, 0, 0.7); }
    .main-container-projekt--white .projekt-gallery-modal .projekt-gallery-container .thumb:before {
      background-image: linear-gradient(to right, #f05a27, #e56f2c); }
    .main-container-projekt--white .projekt-gallery-modal .projekt-gallery-container .carousel-status {
      color: black; }
    .main-container-projekt--white .projekt-gallery-modal .projekt-gallery-container .carousel-slider .control-arrow:hover {
      background-color: transparent; }
    .main-container-projekt--white .projekt-gallery-modal .projekt-gallery-container .carousel-slider .control-arrow.control-prev {
      background-image: url("/assets/images/icons/ic_prev_orange.png");
      background-color: rgba(0, 0, 0, 0.6); }
    .main-container-projekt--white .projekt-gallery-modal .projekt-gallery-container .carousel-slider .control-arrow.control-next {
      background-image: url("/assets/images/icons/ic_next_orange.png");
      background-color: rgba(0, 0, 0, 0.6); }
    .main-container-projekt--white .projekt-gallery-modal .projekt-gallery-container .carousel .thumbs-wrapper {
      background-color: rgba(0, 0, 0, 0.8); }
      .main-container-projekt--white .projekt-gallery-modal .projekt-gallery-container .carousel .thumbs-wrapper .control-arrow:hover {
        background-color: transparent; }
      .main-container-projekt--white .projekt-gallery-modal .projekt-gallery-container .carousel .thumbs-wrapper .control-arrow.control-prev {
        background-image: url("/assets/images/icons/ic_prev_orange.png"); }
      .main-container-projekt--white .projekt-gallery-modal .projekt-gallery-container .carousel .thumbs-wrapper .control-arrow.control-next {
        background-image: url("/assets/images/icons/ic_next_orange.png"); }
    .main-container-projekt--white .projekt-gallery-modal .projekt-gallery-container .carousel ul.thumbs {
      background-color: black;
      padding-top: .375rem; }
  .main-container-projekt--white .projekt-container .projekt-top .projekt-name .projekt-name-orange {
    color: black; }
  .main-container-projekt--white .projekt-container .projekt-top .projekt-name .projekt-name-location {
    color: black; }
  .main-container-projekt--white .projekt-container .projekt-top .projekt-gallery-controls .projekt-gallery-info {
    margin: 0 30px;
    color: black; }
  .main-container-projekt--white .projekt-container .projekt-data .projekt-data-block {
    color: black; }
    .main-container-projekt--white .projekt-container .projekt-data .projekt-data-block .projekt-data-block-content {
      background: transparent;
      -webkit-text-fill-color: initial;
      color: #e56f2c; }
      .main-container-projekt--white .projekt-container .projekt-data .projekt-data-block .projekt-data-block-content sup {
        color: #e56f2c;
        -webkit-text-fill-color: initial; }
  .main-container-projekt--white .projekt-container .projekt-content .projekt-desc .projekt-desc-left .projekt-desc-heading {
    color: #e56f2c; }
  .main-container-projekt--white .projekt-container .projekt-content .projekt-desc .projekt-desc-left .projekt-desc-text {
    color: black;
    text-align: left; }
    .main-container-projekt--white .projekt-container .projekt-content .projekt-desc .projekt-desc-left .projekt-desc-text table {
      width: 100%; }
      .main-container-projekt--white .projekt-container .projekt-content .projekt-desc .projekt-desc-left .projekt-desc-text table td > * {
        margin: 0;
        padding: 0; }
    .main-container-projekt--white .projekt-container .projekt-content .projekt-desc .projekt-desc-left .projekt-desc-text blockquote {
      margin: 1rem 0;
      border-width: 5px;
      border-color: #e56f2c;
      text-align: left;
      color: inherit;
      font-weight: 900; }
      .main-container-projekt--white .projekt-container .projekt-content .projekt-desc .projekt-desc-left .projekt-desc-text blockquote p {
        font-size: 80%;
        font-weight: 400; }
  .main-container-projekt--white .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-desc-heading {
    color: #c87333;
    margin-bottom: 3em; }
  .main-container-projekt--white .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-square {
    border-radius: 4px;
    border: 1px solid gray; }
    .main-container-projekt--white .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-square.active {
      border: 1.5px solid #c87333; }
  .main-container-projekt--white .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-text {
    color: gray; }
    .main-container-projekt--white .projekt-container .projekt-content .projekt-desc .projekt-desc-right .projekt-dodavka .dodavka-text.active {
      color: #c87333; }
  .main-container-projekt--white .projekt-container .projekt-content .projekt-reference-heading {
    color: black; }
  .main-container-projekt--white .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link {
    background-image: linear-gradient(30deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)); }
    .main-container-projekt--white .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link .projekt-vice-info {
      color: #e56f2c; }
    .main-container-projekt--white .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link .projekt-bottom .projekt-name .projekt-name-orange {
      color: #e56f2c; }
    .main-container-projekt--white .projekt-container .projekt-content .projekt-reference .projekty-one-cont .projekt-link .projekt-bottom .projekt-name .projekt-name-location {
      color: white; }

.projekt-back {
  color: #f05a27;
  font-size: 11px;
  font-weight: 500; }
  .projekt-back span {
    text-decoration: underline; }
  .projekt-back:hover {
    color: #e56f2c; }
  .projekt-back::after {
    content: ">";
    padding-left: .5rem;
    padding-right: .5rem; }

.main-container-domy#main-container-rodinne-domy {
  min-height: 130vh;
  position: relative;
  background-image: url("/assets/images/backgrounds/img_ref_bottom_bg.png"), url("/assets/images/backgrounds/img_ref_top_bg.png");
  background-color: #0e0e0e;
  background-position: 0 100%, 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat; }
  .main-container-domy#main-container-rodinne-domy .projekt-data {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 100%;
    position: relative;
    margin-bottom: 50px; }
    .main-container-domy#main-container-rodinne-domy .projekt-data .projekt-data-block {
      padding: 0 1em;
      text-align: center;
      color: white; }
      .main-container-domy#main-container-rodinne-domy .projekt-data .projekt-data-block:first-of-type {
        padding: 0 1em 0 0; }
      .main-container-domy#main-container-rodinne-domy .projekt-data .projekt-data-block:last-of-type {
        padding: 0 0 0 1em; }
      .main-container-domy#main-container-rodinne-domy .projekt-data .projekt-data-block .projekt-data-block-heading {
        font-size: 11px; }
      .main-container-domy#main-container-rodinne-domy .projekt-data .projekt-data-block .projekt-data-block-content {
        font-size: 30px;
        background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.5), white);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
        .main-container-domy#main-container-rodinne-domy .projekt-data .projekt-data-block .projekt-data-block-content sup {
          color: white;
          -webkit-text-fill-color: initial;
          font-size: 60%; }
      .main-container-domy#main-container-rodinne-domy .projekt-data .projekt-data-block--orange {
        text-align: left;
        padding: 0 1em 0 0 !important; }
        .main-container-domy#main-container-rodinne-domy .projekt-data .projekt-data-block--orange .projekt-data-block-content {
          -webkit-text-fill-color: #f05a27; }
  .main-container-domy#main-container-rodinne-domy .projekt-warning-costs {
    color: #f05a27;
    font-size: 0.7rem;
    float: right; }
  .main-container-domy#main-container-rodinne-domy .dum-gallery-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    /*@include prefix(transform, translateY(-50%), webkit ms o);*/
    z-index: 10000 !important;
    top: 0;
    left: 0;
    display: none;
    background-color: rgba(14, 14, 14, 0.6); }
    .main-container-domy#main-container-rodinne-domy .dum-gallery-modal.open {
      display: block; }
    .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-wrapper {
      padding-top: 5rem;
      width: 100%;
      height: 100%;
      position: relative;
      overflow: auto; }
    .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container {
      width: 90%;
      max-width: 1300px;
      max-height: 90vh;
      position: relative;
      padding: 3vh 0;
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      background-color: #202020; }
      @media screen and (max-height: 800px) {
        .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container {
          max-height: 100vh; } }
      .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .gallery-close {
        position: relative;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        width: 30px;
        z-index: 10000;
        cursor: pointer;
        -webkit-transform: translateX(-100%) translateY(130%) rotate(45deg);
        -ms-transform: translateX(-100%) translateY(130%) rotate(45deg);
        -o-transform: translateX(-100%) translateY(130%) rotate(45deg);
        transform: translateX(-100%) translateY(130%) rotate(45deg); }
      .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .gallery-info {
        z-index: 10000;
        margin: 20px auto;
        width: 64%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
        .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .gallery-info .gallery-data-left {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          -webkit-justify-content: flex-start;
          justify-content: flex-start; }
        .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .gallery-info .gallery-data-right .gallery-data-block {
          margin-right: 0; }
        .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .gallery-info .gallery-data-block {
          text-align: left;
          color: white;
          margin-right: 3vw; }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .gallery-info .gallery-data-block .gallery-data-block-heading {
            font-size: 11px;
            color: white; }
            .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .gallery-info .gallery-data-block .gallery-data-block-heading b {
              font-weight: 500; }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .gallery-info .gallery-data-block .gallery-data-block-content {
            font-size: 30px;
            color: white;
            background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.5), white);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; }
            .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .gallery-info .gallery-data-block .gallery-data-block-content.orange {
              background: -webkit-linear-gradient(90deg, #f05a27, #e56f2c);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .gallery-info .gallery-data-block .gallery-data-block-count {
            font-size: 30px;
            color: white;
            font-weight: 300;
            letter-spacing: 3px; }
            .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .gallery-info .gallery-data-block .gallery-data-block-count b {
              font-weight: 600;
              font-size: 32px;
              background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.5), white);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
      .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel {
        margin: 0 auto;
        max-width: 80%;
        max-height: 500px;
        overflow: hidden; }
        @media screen and (max-height: 800px) {
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel {
            max-height: 450px; } }
        .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel img {
          height: 100%;
          object-fit: contain; }
        .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .thumbs-wrapper {
          margin: 10px auto;
          width: 80%; }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .thumbs-wrapper .thumb {
            position: relative; }
            .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .thumbs-wrapper .thumb:before {
              content: "";
              position: absolute;
              opacity: 0;
              top: 0px;
              width: 100%;
              height: 3px;
              background-image: linear-gradient(to right, #f05a27, #e56f2c);
              -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
            .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .thumbs-wrapper .thumb.selected:before {
              opacity: 1; }
            .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .thumbs-wrapper .thumb:hover:before {
              opacity: 1; }
        .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel.carousel-slider .control-arrow {
          background-size: auto 40px;
          background-repeat: no-repeat;
          top: 0px;
          width: 80px;
          height: 100%;
          opacity: 0.8;
          border-radius: 0px; }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel.carousel-slider .control-arrow:hover {
            background-color: transparent; }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel.carousel-slider .control-arrow.control-prev {
            left: 10%;
            background-position: 50% 50%;
            background-image: url("/assets/images/icons/ic_prev_orange.png");
            background-color: rgba(0, 0, 0, 0.6); }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel.carousel-slider .control-arrow.control-next {
            right: 10%;
            background-position: 50% 50%;
            background-image: url("/assets/images/icons/ic_next_orange.png");
            background-color: rgba(0, 0, 0, 0.6); }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel.carousel-slider .control-arrow:before {
            border: none; }
        .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .slider-wrapper {
          width: 80%; }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .slider-wrapper .dum-gallery-image {
            height: 500px;
            width: auto; }
        .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .control-dots {
          display: none; }
        .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .thumbs-wrapper .control-arrow {
          background-size: auto 30px;
          background-repeat: no-repeat;
          bottom: 0px;
          top: calc(50% + 10px);
          width: 80px;
          height: 70px;
          opacity: 0.8;
          border-radius: 0px;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .thumbs-wrapper .control-arrow:hover {
            background-color: transparent; }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .thumbs-wrapper .control-arrow.control-prev {
            left: 10%;
            background-position: 50% 50%;
            background-image: url("/assets/images/icons/ic_prev_orange.png");
            background-color: rgba(0, 0, 0, 0.6); }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .thumbs-wrapper .control-arrow.control-next {
            right: 10%;
            background-position: 50% 50%;
            background-image: url("/assets/images/icons/ic_next_orange.png");
            background-color: rgba(0, 0, 0, 0.6); }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .thumbs-wrapper .control-arrow:before {
            border: none; }
        .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .carousel-status {
          display: none; }
        .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel ul.thumbs {
          margin: 0; }
        .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .thumb {
          margin-right: 5px;
          border: none;
          opacity: 0.7;
          height: 40px;
          padding: 0; }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .thumb img {
            object-fit: cover; }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .thumb.selected {
            opacity: 1; }
          .main-container-domy#main-container-rodinne-domy .dum-gallery-modal .dum-gallery-container .carousel .thumb:hover {
            opacity: 1; }
  .main-container-domy#main-container-rodinne-domy .domy-container {
    display: grid;
    position: relative;
    padding-top: 20vh;
    margin: 0 auto;
    width: 88vw;
    max-width: 1200px; }
    .main-container-domy#main-container-rodinne-domy .domy-container .domy-nadpis {
      text-transform: uppercase;
      font-size: 7vw;
      font-weight: 500;
      color: white;
      letter-spacing: 5px; }
      @media screen and (min-width: 81.25em) {
        .main-container-domy#main-container-rodinne-domy .domy-container .domy-nadpis {
          font-size: 97px; } }
    .main-container-domy#main-container-rodinne-domy .domy-container .domy-stats {
      margin-top: 2em;
      margin-bottom: 2em;
      display: grid;
      grid-template-columns: auto auto;
      justify-content: center;
      gap: 2em; }
      .domy-route {
        color: #f05a27;
        font-size: 11px;
        font-weight: 300;
        text-transform: uppercase; }
      .domy-pocet {
        display: inline-block;
        font-size: 11px;
        font-weight: 300;
        color: white;
        margin-right: 3vw;
        text-align: right; }
        .domy-pocet span {
          font-size: 30px;
          font-weight: 500;
          color: #e56f2c; }
      .domy-plocha {
        display: inline-block;
        font-size: 11px;
        font-weight: 300;
        color: white;
        text-align: right; }
        .domy-plocha span {
          font-size: 30px;
          font-weight: 500;
          color: #e56f2c; }
          .domy-plocha span small {
            font-weight: 300;
            font-size: inherit; }
          .domy-plocha span sup {
            color: #e56f2c;
            font-size: 60%;
            -webkit-text-fill-color: initial; }
    .main-container-domy#main-container-rodinne-domy .domy-container .domy-footer {
      width: 100%;
      padding-bottom: 20vh; }
      .main-container-domy#main-container-rodinne-domy .domy-container .domy-footer .domy-nacist-vice {
        margin: 3vh auto;
        width: 20vw;
        max-width: 200px;
        height: 40px;
        line-height: 40px;
        text-transform: uppercase;
        font-size: 12px;
        color: black;
        font-weight: 500;
        letter-spacing: 1.4px;
        text-align: center;
        cursor: pointer;
        background-image: linear-gradient(to right, #f05a27, #e56f2c); }
    .main-container-domy#main-container-rodinne-domy .domy-container .domy-list {
      display: grid;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 100%;
      position: relative;
      margin-top: 40px;
      padding-bottom: 4vh;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 1em; }
      @media screen and (max-width: 68.6875em) {
        .main-container-domy#main-container-rodinne-domy .domy-container .domy-list {
          grid-template-columns: 1fr 1fr; } }

@keyframes show-dum {
  from {
    transform: scale(0);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }
      .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont {
        animation: show-dum .1s ease;
        animation-fill-mode: both;
        animation-delay: var(--delay, 0s);
        position: relative;
        width: 100%;
        margin-bottom: 20px;
        overflow: hidden; }
        .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont:before {
          content: "";
          display: block;
          padding-top: 75%; }
        .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-bg-image {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          right: 0px;
          bottom: 0px; }
        .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background-image: linear-gradient(30deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)); }
          .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link:hover {
            background-image: linear-gradient(50deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3)); }
            .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link:hover .dum-vice-info:nth-of-type(1) {
              opacity: 1; }
            .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link:hover .dum-vice-info:nth-of-type(2) {
              opacity: 0;
              display: none; }
          .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link .dum-vice-info {
            display: none;
            position: absolute;
            top: 20px;
            left: 20px;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            overflow: hidden;
            -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
            .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link .dum-vice-info:nth-of-type(1) {
              opacity: 0;
              color: #f05a27;
              background: -webkit-linear-gradient(90deg, #f05a27, #e56f2c);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
            .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link .dum-vice-info:nth-of-type(2) {
              opacity: 1;
              color: white; }
            .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link .dum-vice-info .dum-vice-arrow {
              margin-left: 20px;
              height: 15px; }
          .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link .dum-bottom {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: end;
            -moz-box-align: end;
            -ms-flex-align: end;
            -webkit-align-items: flex-end;
            align-items: flex-end;
            width: 100%;
            position: absolute;
            bottom: 0;
            padding: 0px 20px; }
            .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link .dum-bottom b {
              font-weight: 500; }
            .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link .dum-bottom .dum-name {
              font-weight: 400;
              -webkit-transform: translateY(-26px);
              -ms-transform: translateY(-26px);
              -o-transform: translateY(-26px);
              transform: translateY(-26px); }
              .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link .dum-bottom .dum-name .dum-name-orange {
                font-size: 24px;
                color: #e56f2c; }
                @media screen and (max-width: 68.6875em) {
                  .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link .dum-bottom .dum-name .dum-name-orange {
                    font-size: 2vw; } }
              .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link .dum-bottom .dum-name .dum-name-location {
                color: white;
                font-size: 11px; }
            .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link .dum-bottom .dum-data {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-box-pack: justify;
              -moz-box-pack: justify;
              -ms-flex-pack: justify;
              -webkit-justify-content: space-between;
              justify-content: space-between;
              width: 50%;
              -webkit-transform: translateY(22px);
              -ms-transform: translateY(22px);
              -o-transform: translateY(22px);
              transform: translateY(22px); }
              .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link .dum-bottom .dum-data .dum-data-block {
                text-align: left;
                color: white; }
                .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link .dum-bottom .dum-data .dum-data-block .dum-data-block-heading {
                  font-size: 11px; }
                .main-container-domy#main-container-rodinne-domy .domy-container .domy-list .domy-one-cont .dum-link .dum-bottom .dum-data .dum-data-block .dum-data-block-content {
                  font-size: 30px;
                  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.5), white);
                  -webkit-background-clip: text;
                  -webkit-text-fill-color: transparent; }
  .main-container-domy#main-container-rodinne-domy .total-count {
    color: white;
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px; }
    .main-container-domy#main-container-rodinne-domy .total-count__count {
      padding: 0 .5em;
      color: #e56f2c; }
  .main-container-domy#main-container-rodinne-domy .form-container {
    width: 90%;
    max-width: 1300px;
    position: relative;
    margin: 5vh auto; }
    .main-container-domy#main-container-rodinne-domy .form-container .error_message {
      font-size: 16px;
      font-weight: 600;
      text-align: center;
      width: 100%;
      color: white; }
    .main-container-domy#main-container-rodinne-domy .form-container .form-sent {
      width: 100%;
      padding-bottom: 200px; }
      .main-container-domy#main-container-rodinne-domy .form-container .form-sent .sent-wrapper {
        position: relative;
        width: 100%; }
      .main-container-domy#main-container-rodinne-domy .form-container .form-sent .page-heading-title {
        text-transform: uppercase;
        text-align: center;
        font-size: 5vw;
        font-weight: 300;
        color: white;
        letter-spacing: 5px;
        display: inline-block; }
        .main-container-domy#main-container-rodinne-domy .form-container .form-sent .page-heading-title.odeslano {
          color: #f05a27;
          font-weight: 400; }
        .main-container-domy#main-container-rodinne-domy .form-container .form-sent .page-heading-title b {
          font-weight: 500; }
      .main-container-domy#main-container-rodinne-domy .form-container .form-sent .section-heading {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #f05b28;
        font-weight: 600;
        font-size: 52px;
        text-transform: uppercase;
        margin-bottom: 40px; }
        .main-container-domy#main-container-rodinne-domy .form-container .form-sent .section-heading .odeslano-icon {
          width: 55px;
          margin-right: 30px; }
      .main-container-domy#main-container-rodinne-domy .form-container .form-sent .odeslano-text {
        width: 50%;
        position: absolute;
        text-align: center;
        font-weight: 500;
        text-transform: none;
        font-size: 18px;
        color: #7f7f7f;
        margin-bottom: 1vh;
        letter-spacing: 1.4px;
        line-height: 26px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
      .main-container-domy#main-container-rodinne-domy .form-container .form-sent .form-again {
        color: white;
        font-size: 20px;
        text-transform: uppercase;
        opacity: 0;
        width: 100%;
        text-align: center;
        cursor: pointer;
        -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .main-container-domy#main-container-rodinne-domy .form-container .form-sent .form-again.sent {
          opacity: 1; }
    .main-container-domy#main-container-rodinne-domy .form-container form {
      width: 100%;
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .main-container-domy#main-container-rodinne-domy .form-container form .form-side {
        width: 47%;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start; }
        @media screen and (max-width: 62.4375em) {
          .main-container-domy#main-container-rodinne-domy .form-container form .form-side {
            width: 100%; } }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-side .form-row {
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          position: relative;
          flex-direction: row;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          .main-container-domy#main-container-rodinne-domy .form-container form .form-side .form-row.two-col .form-field {
            width: 48%; }
          .main-container-domy#main-container-rodinne-domy .form-container form .form-side .form-row.one-col .form-field {
            width: 100%; }
      .main-container-domy#main-container-rodinne-domy .form-container form .form-bottom {
        width: 100%; }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-bottom .form-field {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
      .main-container-domy#main-container-rodinne-domy .form-container form .form-additional {
        width: 100%;
        position: relative; }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-additional .form-additional-heading {
          width: 100%;
          text-align: center;
          text-transform: uppercase;
          color: #9d9c9c;
          font-size: 16px;
          display: block;
          font-weight: 400;
          position: relative;
          letter-spacing: 1.4px;
          margin-bottom: 16px; }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-additional .form-field {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          padding: 24px 0;
          border-top: 1px solid #c2c1c0;
          border-bottom: 1px solid #c2c1c0; }
          .main-container-domy#main-container-rodinne-domy .form-container form .form-additional .form-field .form-checkbox {
            width: calc(95% / 3);
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center; }
            .main-container-domy#main-container-rodinne-domy .form-container form .form-additional .form-field .form-checkbox label {
              z-index: 102; }
            .main-container-domy#main-container-rodinne-domy .form-container form .form-additional .form-field .form-checkbox span {
              width: 100%;
              text-align: left;
              text-transform: none;
              font-weight: 400;
              letter-spacing: 1.4px;
              color: #9d9c9c;
              position: relative;
              text-decoration: none;
              background: transparent;
              outline: none;
              font-size: 14px; }
              .main-container-domy#main-container-rodinne-domy .form-container form .form-additional .form-field .form-checkbox span b {
                font-weight: 600; }
            .main-container-domy#main-container-rodinne-domy .form-container form .form-additional .form-field .form-checkbox input[type="checkbox"] {
              display: none; }
            .main-container-domy#main-container-rodinne-domy .form-container form .form-additional .form-field .form-checkbox input[type="checkbox"] + label {
              display: inline-block;
              padding: 0 0 0 0px;
              background: url("/assets/images/icons/ic_not_selected_darkgrey.png") no-repeat;
              background-position: 50% 50%;
              height: 36px;
              width: 36px;
              background-size: 100%;
              margin-right: 0;
              margin-left: 0; }
            .main-container-domy#main-container-rodinne-domy .form-container form .form-additional .form-field .form-checkbox input[type="checkbox"]:checked + label {
              background: url("/assets/images/icons/ic_not_selected_orange.png") no-repeat;
              height: 36px;
              width: 36px;
              display: inline-block;
              background-size: 100%; }
      .main-container-domy#main-container-rodinne-domy .form-container form.submitted .form-field input[type="text"]:invalid,
      .main-container-domy#main-container-rodinne-domy .form-container form.submitted .form-field input[type="tel"]:invalid {
        background-image: url("/assets/images/icons/ic_closed_red.png");
        background-size: auto 50%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        border-bottom: 2px solid #C3281B; }
      .main-container-domy#main-container-rodinne-domy .form-container form.submitted .form-field .required {
        display: block; }
      .main-container-domy#main-container-rodinne-domy .form-container form.submitted .form-field input[type="text"]:required:valid,
      .main-container-domy#main-container-rodinne-domy .form-container form.submitted .form-field input[type="tel"]:required:valid {
        background-image: url("/assets/images/icons/ic_checked_orange.png");
        background-size: auto 50%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        border-bottom: 2px solid #fa8728; }
      .main-container-domy#main-container-rodinne-domy .form-container form.not_valid .form-field input[type="text"].email:invalid,
      .main-container-domy#main-container-rodinne-domy .form-container form.not_valid .form-field input[type="tel"].email:invalid {
        background-image: url("/assets/images/icons/ic_closed_red.png");
        background-size: auto 50%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        border-bottom: 2px solid #C3281B; }
      .main-container-domy#main-container-rodinne-domy .form-container form.not_valid .form-field .required_email {
        display: block; }
      .main-container-domy#main-container-rodinne-domy .form-container form .form-field {
        width: 100%;
        max-width: 250px;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin-bottom: 5vh; }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files {
          border-radius: 12px;
          background-color: rgba(230, 230, 230, 0.3);
          border: 1px white dashed;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center; }
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files.missing {
            background-color: rgba(255, 0, 0, 0.3); }
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item {
            width: 100%;
            height: 100%; }
            .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item .input-drop-file {
              width: 100%;
              height: 100%; }
              .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item .input-drop-file label {
                height: 100%;
                margin-bottom: 0;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                cursor: pointer;
                padding: 30px 20px;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0); }
                .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item .input-drop-file label .icon img {
                  width: 50px;
                  margin-right: 30px; }
                .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item .input-drop-file label .file-input-text {
                  text-transform: uppercase;
                  color: white;
                  font-weight: 400;
                  height: 100%;
                  margin-bottom: 0;
                  line-height: 24px;
                  width: 100%; }
                .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item .input-drop-file label b {
                  font-weight: 500; }
                .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item .input-drop-file label .file-input-list {
                  width: 100%;
                  list-style: none;
                  margin: 0;
                  padding: 0; }
                  .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item .input-drop-file label .file-input-list .file-input-list-item {
                    width: 100%;
                    position: relative; }
                    .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item .input-drop-file label .file-input-list .file-input-list-item.last {
                      margin-top: 20px; }
                .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item .input-drop-file label .legend {
                  margin-top: 20px;
                  font-size: 12px;
                  line-height: 16px; }
                .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item .input-drop-file label .file-name {
                  text-transform: uppercase;
                  color: white;
                  font-weight: 400;
                  height: 100%;
                  margin-bottom: 0;
                  line-height: 24px;
                  width: 80%;
                  text-align: left;
                  display: inline-block; }
                .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item .input-drop-file label .file-delete {
                  text-transform: uppercase;
                  position: absolute;
                  right: 0px;
                  color: white;
                  font-weight: 500;
                  height: 100%;
                  z-index: 10000;
                  margin-bottom: 0;
                  line-height: 24px;
                  text-align: right;
                  display: inline-block;
                  padding: 0px 10px; }
                .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item .input-drop-file label .files-field {
                  width: 100%;
                  height: 100%;
                  opacity: 0;
                  position: absolute;
                  top: 0;
                  left: 0; }
                .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item .input-drop-file label .files-field::-webkit-file-upload-button {
                  visibility: hidden; }
                .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item .input-drop-file label .files-field::before {
                  outline: none;
                  white-space: nowrap;
                  -webkit-user-select: none;
                  cursor: pointer; }
                .main-container-domy#main-container-rodinne-domy .form-container form .form-field.files .form-item .input-drop-file label .files-field:active::before {
                  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field > label {
          width: 100%;
          text-transform: uppercase;
          font-weight: 500;
          color: white;
          position: relative;
          order: -1;
          text-align: left;
          font-size: 16px;
          z-index: 100;
          -webkit-transition: top 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: top 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: top 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: top 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field input[type="text"],
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field input[type="tel"],
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field textarea {
          width: 100%;
          border: none;
          border-radius: 0;
          letter-spacing: 1.4px;
          border-bottom: 2px solid #9d9c9c;
          text-transform: none;
          font-weight: 500;
          color: white;
          position: relative;
          text-align: left;
          text-decoration: none;
          background: transparent;
          outline: none;
          font-size: 16px;
          padding-left: 0;
          padding-right: 0;
          z-index: 101; }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field input[type="text"]:focus,
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field input[type="tel"]:focus,
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field textarea:focus {
          border-bottom: 3px solid #fa8728; }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field textarea.filled + label {
          opacity: 0;
          -webkit-transform: translateY(0%);
          -ms-transform: translateY(0%);
          -o-transform: translateY(0%);
          transform: translateY(0%); }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field input:-webkit-autofill,
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field input:-webkit-autofill:hover,
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field input:-webkit-autofill:focus,
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field textarea:-webkit-autofill,
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field textarea:-webkit-autofill:hover,
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field textarea:-webkit-autofill:focus,
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field select:-webkit-autofill,
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field select:-webkit-autofill:hover,
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field select:-webkit-autofill:focus {
          border-bottom: 3px solid #9d9c9c;
          -webkit-text-fill-color: white;
          -webkit-box-shadow: 0 0 0px 1000px transparent inset;
          transition: background-color 5000s ease-in-out 0s;
          background-color: transparent !important;
          background-image: inherit !important;
          color: white !important; }
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field input:-webkit-autofill:required:valid, .main-container-domy#main-container-rodinne-domy .form-container form .form-field input:-webkit-autofill:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field input:-webkit-autofill:hover:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field input:-webkit-autofill:hover:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field input:-webkit-autofill:focus:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field input:-webkit-autofill:focus:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field textarea:-webkit-autofill:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field textarea:-webkit-autofill:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field textarea:-webkit-autofill:hover:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field textarea:-webkit-autofill:hover:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field textarea:-webkit-autofill:focus:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field textarea:-webkit-autofill:focus:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field select:-webkit-autofill:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field select:-webkit-autofill:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field select:-webkit-autofill:hover:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field select:-webkit-autofill:hover:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field select:-webkit-autofill:focus:required:valid,
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field select:-webkit-autofill:focus:required:valid {
            background-image: url("/assets/images/icons/ic_checked_orange.png") !important;
            -webkit-animation-name: autofill !important;
            -webkit-animation-fill-mode: forwards !important; }

@-webkit-keyframes autofill {
  to {
    background-image: url("/assets/images/icons/ic_checked_orange.png") !important; } }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field textarea {
          resize: none;
          height: auto; }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field input[type="text"]:required:valid,
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field input[type="tel"]:required:valid {
          background-image: url("/assets/images/icons/ic_checked_orange.png");
          background-size: auto 50%;
          background-repeat: no-repeat;
          background-position: 100% 50%;
          border-bottom: 2px solid #fa8728; }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field .required {
          display: none;
          position: relative;
          color: #C3281B;
          text-transform: uppercase;
          font-weight: 500;
          font-size: 10px;
          left: 0px;
          bottom: 0px; }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field select {
          border: none;
          border-radius: 0;
          background-image: url("/assets/images/icons/ic_arrow_down_orange.png");
          background-repeat: no-repeat;
          background-position: 100% 50%;
          background-size: auto 60%;
          background-color: transparent;
          border-bottom: 2px solid #9d9c9c;
          padding: 0;
          margin-right: 1.5em;
          font-weight: 500;
          height: 60px;
          color: #9d9c9c;
          position: relative;
          text-align: left;
          text-decoration: none;
          outline: none;
          font-size: 16px;
          -moz-appearance: none;
          -webkit-appearance: none;
          appearance: none;
          transition: 1s color ease-in-out, 1s border-bottom ease-in-out; }
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field select.empty {
            border-bottom: 2px solid #C3281B; }
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field select option {
            font-weight: 400;
            color: #9d9c9c;
            font-size: 16px; }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field select.selected {
          background-image: url("/assets/images/icons/ic_arrow_down_orange.png");
          border-bottom: 2px solid #fa8728;
          color: #fa8728; }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field input:focus + label,
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field input:not(:focus):valid + label,
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field input:not(:focus):invalid + label {
          -webkit-transform: translateY(0%);
          -ms-transform: translateY(0%);
          -o-transform: translateY(0%);
          transform: translateY(0%); }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field textarea:focus + label {
          opacity: 0;
          -webkit-transform: translateY(0%);
          -ms-transform: translateY(0%);
          -o-transform: translateY(0%);
          transform: translateY(0%); }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field button {
          width: 40%;
          max-width: 220px;
          border: none;
          border-radius: 0;
          letter-spacing: 1.4px;
          text-transform: uppercase;
          font-weight: 500;
          color: white;
          position: relative;
          text-align: center;
          text-decoration: none;
          background: #323232;
          outline: none;
          cursor: pointer;
          margin: 0 auto;
          margin-bottom: 2vh;
          margin-top: 3vh;
          font-size: 16px;
          height: 60px;
          padding-left: 0;
          padding-right: 0; }
        .main-container-domy#main-container-rodinne-domy .form-container form .form-field span.form-submit-note {
          width: 100%;
          max-width: 230px;
          text-align: center;
          text-transform: none;
          font-weight: 300;
          color: white;
          position: relative;
          letter-spacing: 1.4px;
          font-size: 14px; }
          .main-container-domy#main-container-rodinne-domy .form-container form .form-field span.form-submit-note .privacy-link {
            font-weight: 400;
            text-decoration: underline;
            cursor: pointer; }
      .main-container-domy#main-container-rodinne-domy .form-container form .sluzba-nabidka-slider {
        width: 100%;
        position: relative;
        margin-bottom: 4vh; }
        .main-container-domy#main-container-rodinne-domy .form-container form .sluzba-nabidka-slider .sluzba-nabidka-legend-cont {
          width: 100%;
          position: relative;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-box-align: end;
          -moz-box-align: end;
          -ms-flex-align: end;
          -webkit-align-items: flex-end;
          align-items: flex-end;
          margin-bottom: 3vh; }
          .main-container-domy#main-container-rodinne-domy .form-container form .sluzba-nabidka-slider .sluzba-nabidka-legend-cont .sluzba-nabidka-form-label {
            text-align: left;
            text-transform: uppercase;
            color: #9d9c9c;
            font-size: 16px;
            display: block;
            font-weight: 400;
            position: relative;
            text-align: left;
            letter-spacing: 1.4px; }
          .main-container-domy#main-container-rodinne-domy .form-container form .sluzba-nabidka-slider .sluzba-nabidka-legend-cont .sluzba-nabidka-form-area {
            text-align: right;
            color: #FC451E;
            display: block;
            line-height: 1; }
            .main-container-domy#main-container-rodinne-domy .form-container form .sluzba-nabidka-slider .sluzba-nabidka-legend-cont .sluzba-nabidka-form-area sup {
              color: #FC451E;
              font-size: 60%;
              -webkit-text-fill-color: initial; }
            .main-container-domy#main-container-rodinne-domy .form-container form .sluzba-nabidka-slider .sluzba-nabidka-legend-cont .sluzba-nabidka-form-area b {
              font-size: 54px;
              font-weight: 700; }
      .main-container-domy#main-container-rodinne-domy .form-container form .sluzba-nabidka-slider-desc {
        text-transform: uppercase;
        font-size: 11px;
        margin-top: 1vh; }
      .main-container-domy#main-container-rodinne-domy .form-container form .sluzba-nabidka-slider-cont {
        margin-top: 1vh;
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: white; }
        .main-container-domy#main-container-rodinne-domy .form-container form .sluzba-nabidka-slider-cont .sluzba-nabidka-slider-range {
          width: 100%; }
        .main-container-domy#main-container-rodinne-domy .form-container form .sluzba-nabidka-slider-cont .rc-slider-handle {
          position: absolute;
          margin-left: -7px;
          margin-top: -5px;
          width: 14px;
          height: 14px;
          cursor: pointer;
          cursor: -webkit-grab;
          cursor: grab;
          border-radius: 0;
          border: none;
          background-color: transparent;
          -ms-touch-action: pan-x;
          touch-action: pan-x;
          background-size: 100%;
          background-repeat: no-repeat; }
        .main-container-domy#main-container-rodinne-domy .form-container form .sluzba-nabidka-slider-cont .rc-slider-rail {
          background-color: transparent;
          background-position: 0% 0%;
          background-size: auto 100%; }
        .main-container-domy#main-container-rodinne-domy .form-container form .sluzba-nabidka-slider-cont .rc-slider-track {
          background-color: transparent;
          background-position: 0% 0%;
          background-size: auto 100%;
          border-radius: 0; }

.main-container#main-container-sluzba {
  min-height: 100vh;
  width: 100%;
  position: relative;
  letter-spacing: 1.4px;
  overflow-x: hidden; }
  .main-container#main-container-sluzba b {
    font-weight: 600; }
  .main-container#main-container-sluzba .orange {
    color: #FC451E; }
  .main-container#main-container-sluzba sup {
    font-size: 60%; }
  .sluzba-section {
    width: 100%;
    position: relative; }
    .sluzba-section:first-of-type {
      margin-top: calc(9vh - 38px);
      top: 38px; }
  .main-container#main-container-sluzba .h-uppercase {
    text-transform: uppercase; }
  .main-container#main-container-sluzba .h-black {
    color: black; }
  .main-container#main-container-sluzba .h-loxone-green {
    color: #00e94a; }
  .main-container#main-container-sluzba .h-mcore-blue {
    color: #00e3b5; }
  .main-container#main-container-sluzba .h-arrow-down {
    height: 30px;
    cursor: pointer;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-sluzba .h-arrow-down:hover {
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
      transform: translateY(10px); }
  .main-container#main-container-sluzba .h-arrow-down-black {
    height: 20px;
    cursor: pointer;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-sluzba .h-arrow-down-black:hover {
      -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
      -o-transform: translateY(6px);
      transform: translateY(6px); }
  .main-container#main-container-sluzba .h-arrow-right-black {
    width: 20px;
    cursor: pointer;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-sluzba .h-arrow-right-black:hover {
      -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
      -o-transform: translateX(10px);
      transform: translateX(10px); }
  .main-container#main-container-sluzba .clear {
    clear: both; }
  .main-container#main-container-sluzba .sluzba-loader-wrapper {
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden; }
  .main-container#main-container-sluzba .sluzba-intro {
    height: 80vh;
    min-height: 600px;
    -webkit-transition: background-size 1s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: background-size 1s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: background-size 1s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: background-size 1s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-sluzba .sluzba-intro.loaded .sluzba-intro-bg {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .main-container#main-container-sluzba .sluzba-intro.loaded .intro-text .intro-heading {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px); }
    .main-container#main-container-sluzba .sluzba-intro .sluzba-intro-bg {
      background-image: url("/assets/images/backgrounds/img_sluzba_intro_bg.png");
      background-size: cover;
      background-position: center top;
      background-repeat: no-repeat;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
      -webkit-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-sluzba .sluzba-intro .sluzba-intro-img {
      position: absolute;
      width: 100%;
      top: 0px;
      left: 0px;
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
      -webkit-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-sluzba .sluzba-intro .intro-text {
      width: 80%;
      max-width: 1400px;
      height: 100%;
      margin: 0 auto;
      position: sticky;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      margin-bottom: 50px; }
      .main-container#main-container-sluzba .sluzba-intro .intro-text .intro-heading {
        font-size: 54px;
        line-height: 70px;
        font-weight: 700;
        margin-bottom: 20px;
        color: white;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
        -webkit-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .main-container#main-container-sluzba .sluzba-intro .intro-text .sluzba-scroll-down {
        margin-top: 50px; }
      .main-container#main-container-sluzba .sluzba-intro .intro-text .intro-info {
        position: relative; }
        .main-container#main-container-sluzba .sluzba-intro .intro-text .intro-info .intro-info-img {
          position: relative;
          width: 600px;
          max-width: 55vw;
          margin: 10px auto; }
        .main-container#main-container-sluzba .sluzba-intro .intro-text .intro-info .intro-info-top {
          width: 100%;
          position: relative; }
          .main-container#main-container-sluzba .sluzba-intro .intro-text .intro-info .intro-info-top .intro-info-block {
            float: left;
            width: 33%;
            position: relative;
            color: white;
            font-weight: 400;
            font-size: 12px;
            text-align: left;
            line-height: 20px;
            letter-spacing: 1.2px;
            padding-left: 10px; }
        .main-container#main-container-sluzba .sluzba-intro .intro-text .intro-info .intro-info-bottom {
          width: 100%;
          position: relative;
          margin-top: 5px; }
          .main-container#main-container-sluzba .sluzba-intro .intro-text .intro-info .intro-info-bottom .intro-info-block {
            float: left;
            width: 33%;
            position: relative;
            font-weight: 600;
            font-size: 44px;
            text-align: left;
            line-height: 30px;
            letter-spacing: 1.2px;
            padding-left: 10px; }
  .main-container#main-container-sluzba .sluzba-clanky-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 110px;
    display: none;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-sluzba .sluzba-clanky-container.opening {
      animation-name: showClanky;
      animation-duration: 0.7s;
      animation-timing-function: ease;
      animation-fill-mode: forwards;
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start; }
    .main-container#main-container-sluzba .sluzba-clanky-container.hiding {
      animation-name: hideClanky;
      animation-duration: 0.7s;
      animation-timing-function: ease;
      animation-fill-mode: forwards;
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start; }
    .main-container#main-container-sluzba .sluzba-clanky-container.full-images.opening {
      animation-name: showClanky;
      animation-duration: 0.7s;
      animation-timing-function: ease;
      animation-fill-mode: forwards;
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start; }
    .main-container#main-container-sluzba .sluzba-clanky-container.full-images.hiding {
      animation-name: hideClanky;
      animation-duration: 0.7s;
      animation-timing-function: ease;
      animation-fill-mode: forwards;
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start; }
    .main-container#main-container-sluzba .sluzba-clanky-container .sluzba-clanek-full-img {
      width: 100%;
      position: relative; }
      .main-container#main-container-sluzba .sluzba-clanky-container .sluzba-clanek-full-img.h-indented {
        margin-top: 80px; }
    .main-container#main-container-sluzba .sluzba-clanky-container .sluzba-clanek-full-block {
      width: 100%;
      padding: 0px 6px;
      position: relative;
      color: #9d9c9c;
      font-weight: 400;
      font-size: 12px;
      text-align: left;
      line-height: 20px;
      letter-spacing: 1.2px;
      margin-top: 20px; }
    .main-container#main-container-sluzba .sluzba-clanky-container .sluzba-clanek {
      position: relative;
      width: 30%; }
      .main-container#main-container-sluzba .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-img {
        width: 100%;
        position: relative; }
      .main-container#main-container-sluzba .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-caption {
        position: relative;
        color: #9d9c9c;
        font-weight: 400;
        font-size: 14px;
        text-align: left;
        line-height: 20px;
        letter-spacing: 1.2px;
        margin-top: 20px; }
        .main-container#main-container-sluzba .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-caption b {
          color: black; }
        .main-container#main-container-sluzba .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-caption .sluzba-clanek-title {
          position: relative;
          width: 100%;
          text-transform: uppercase;
          color: black;
          font-size: 16px;
          font-weight: 600;
          text-align: left;
          margin-top: 20px; }
        .main-container#main-container-sluzba .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-caption .sluzba-clanek-divider {
          position: relative;
          width: 100%;
          margin-bottom: 20px; }
        .main-container#main-container-sluzba .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-caption .sluzba-clanek-desc {
          position: relative;
          width: 100%;
          color: black;
          font-size: 13px;
          line-height: 20px;
          font-weight: 400;
          text-align: justify; }
      .main-container#main-container-sluzba .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-vice {
        position: relative;
        font-size: 11px;
        text-decoration: underline;
        color: black;
        margin-top: 30px;
        font-weight: 500;
        cursor: pointer; }
        .main-container#main-container-sluzba .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-vice:hover .sluzba-clanek-vice-arrow {
          -webkit-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px); }
        .main-container#main-container-sluzba .sluzba-clanky-container .sluzba-clanek .sluzba-clanek-vice .sluzba-clanek-vice-arrow {
          display: inline-block;
          margin-left: 30px;
          width: 36px;
          -webkit-transform: translateX(0px);
          -ms-transform: translateX(0px);
          -o-transform: translateX(0px);
          transform: translateX(0px);
          -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
  .main-container#main-container-sluzba .sluzba-video {
    z-index: 40;
    top: 38px;
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: white; }
    .main-container#main-container-sluzba .sluzba-video.mapa-section {
      padding-bottom: 38px; }
      .main-container#main-container-sluzba .sluzba-video.mapa-section .video-controls .part-number {
        bottom: -32px; }
        @media screen and (max-width: 68.6875em) {
          .main-container#main-container-sluzba .sluzba-video.mapa-section .video-controls .part-number {
            bottom: -16px; } }
        @media screen and (min-width: 2400px) {
          .main-container#main-container-sluzba .sluzba-video.mapa-section .video-controls .part-number {
            bottom: -10px; } }
      .main-container#main-container-sluzba .sluzba-video.mapa-section .video-controls .animation-control {
        bottom: 60px; }
    .main-container#main-container-sluzba .sluzba-video .image-bg {
      position: absolute;
      width: 100%;
      height: 38px;
      top: -38px;
      left: 0px;
      z-index: 45;
      background-image: url("/assets/images/backgrounds/img_sluzba_white_bg_wave.png");
      background-size: contain;
      background-position: left bottom;
      background-repeat: no-repeat; }
    .main-container#main-container-sluzba .sluzba-video .color-bg {
      position: absolute;
      width: 100%;
      height: 270px;
      top: 0px;
      z-index: 43;
      background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0)); }
      @media screen and (max-width: 68.6875em) {
        .main-container#main-container-sluzba .sluzba-video .color-bg {
          height: 230px; } }
    .main-container#main-container-sluzba .sluzba-video .helper-el {
      position: relative;
      height: 60px;
      width: 100%; }
      @media screen and (max-width: 68.6875em) {
        .main-container#main-container-sluzba .sluzba-video .helper-el {
          height: 40px; } }
    .main-container#main-container-sluzba .sluzba-video .sluzba-video-inner {
      height: 650px;
      top: 0;
      width: 100%;
      position: relative;
      overflow: hidden; }
      @media screen and (min-width: 1700px) {
        .main-container#main-container-sluzba .sluzba-video .sluzba-video-inner {
          height: 690px;
          bottom: 0px; } }
      @media screen and (max-width: 68.6875em) {
        .main-container#main-container-sluzba .sluzba-video .sluzba-video-inner {
          height: 540px;
          bottom: -75px; } }
      .main-container#main-container-sluzba .sluzba-video .sluzba-video-inner::after {
        display: block;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-image: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 10%); }
      @media (min-width: 1960px) {
        .main-container#main-container-sluzba .sluzba-video .sluzba-video-inner::before {
          display: block;
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0) 96%, white 100%);
          padding: 1px;
          box-sizing: content-box;
          max-width: 1920px;
          margin: 0 auto;
          z-index: 10; } }
      .main-container#main-container-sluzba .sluzba-video .sluzba-video-inner.mapa-video {
        height: 580px; }
        @media screen and (max-width: 81.1875em) {
          .main-container#main-container-sluzba .sluzba-video .sluzba-video-inner.mapa-video {
            height: 440px; } }
        .main-container#main-container-sluzba .sluzba-video .sluzba-video-inner.mapa-video::after, .main-container#main-container-sluzba .sluzba-video .sluzba-video-inner.mapa-video::before {
          display: none; }
    .main-container#main-container-sluzba .sluzba-video .projekt-video-04 {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      width: 100%;
      max-width: 1920px;
      margin: 0 auto; }
      .main-container#main-container-sluzba .sluzba-video .projekt-video-04.house {
        top: calc(50% - 58px); }
        @media (max-width: 1200px) {
          .main-container#main-container-sluzba .sluzba-video .projekt-video-04.house {
            top: 50%; } }
      .main-container#main-container-sluzba .sluzba-video .projekt-video-04.plan {
        top: calc(50% - 19px); }
        @media (max-width: 1200px) {
          .main-container#main-container-sluzba .sluzba-video .projekt-video-04.plan {
            top: 50%; } }
    .main-container#main-container-sluzba .sluzba-video .video-controls {
      width: 80%;
      max-width: 1400px;
      height: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      position: absolute;
      z-index: 50; }
      .main-container#main-container-sluzba .sluzba-video .video-controls .part-number {
        position: absolute;
        bottom: 0;
        left: 0px;
        font-size: 80px;
        font-weight: 700;
        bottom: -32px; }
        .main-container#main-container-sluzba .sluzba-video .video-controls .part-number.black {
          color: black; }
        @media screen and (max-width: 68.6875em) {
          .main-container#main-container-sluzba .sluzba-video .video-controls .part-number {
            bottom: -16px; } }
        @media screen and (min-width: 2400px) {
          .main-container#main-container-sluzba .sluzba-video .video-controls .part-number {
            bottom: -10px; } }
      .main-container#main-container-sluzba .sluzba-video .video-controls .animation-control {
        position: absolute;
        bottom: 120px;
        right: 0px;
        height: 40px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        cursor: pointer;
        opacity: 0;
        visibility: hidden; }
        .main-container#main-container-sluzba .sluzba-video .video-controls .animation-control:hover .animation-control-icon {
          -webkit-transform: scale(1.25);
          -ms-transform: scale(1.25);
          -o-transform: scale(1.25);
          transform: scale(1.25); }
        .main-container#main-container-sluzba .sluzba-video .video-controls .animation-control.show {
          animation-name: presentDesc;
          animation-duration: 0.5s;
          animation-timing-function: ease;
          animation-fill-mode: forwards; }
        .main-container#main-container-sluzba .sluzba-video .video-controls .animation-control .animation-control-icon {
          width: 30px;
          -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1); }
        .main-container#main-container-sluzba .sluzba-video .video-controls .animation-control .animation-control-text {
          color: black;
          font-weight: 600;
          font-size: 12px;
          text-align: left;
          line-height: 20px;
          letter-spacing: 1.2px;
          padding-left: 16px;
          text-decoration: underline; }
  .main-container#main-container-sluzba .sluzba-prubeh {
    height: 470px;
    z-index: 40; }
    .main-container#main-container-sluzba .sluzba-prubeh .image-bg {
      position: absolute;
      width: 100%;
      height: 50%;
      top: 0px;
      left: 0px;
      z-index: 41;
      background-image: url("/assets/images/backgrounds/img_sluzba_dodavka_bg.png");
      background-size: 100% auto;
      background-position: center top;
      background-repeat: no-repeat; }
    .main-container#main-container-sluzba .sluzba-prubeh .color-bg {
      position: absolute;
      width: 100%;
      height: 90%;
      bottom: 0px;
      left: 0px;
      z-index: 40;
      background-color: #303030; }
    .main-container#main-container-sluzba .sluzba-prubeh .section-content {
      width: 80%;
      max-width: 1400px;
      height: 100%;
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      margin-bottom: 50px;
      position: relative;
      z-index: 50; }
      .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-content-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin-top: 60px; }
      .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-left {
        position: relative;
        width: 70%; }
        @media screen and (max-width: 81.1875em) {
          .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-left {
            width: 64%; } }
        .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-left .section-heading {
          font-size: 44px;
          line-height: 0px;
          font-weight: 700;
          color: white;
          padding-bottom: 20px; }
          @media screen and (max-width: 81.1875em) {
            .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-left .section-heading {
              font-size: 36px;
              line-height: 42px; } }
        .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-left .section-prubeh-divider {
          position: relative;
          color: #686868;
          font-weight: 600;
          font-size: 12px;
          text-align: left;
          line-height: 20px;
          letter-spacing: 1.2px;
          margin: 26px auto; }
          @media screen and (max-width: 81.1875em) {
            .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-left .section-prubeh-divider {
              margin: 20px auto; } }
        .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-left .section-prubeh-desc {
          position: relative;
          color: #686868;
          font-weight: 500;
          font-size: 20px;
          text-align: left;
          line-height: 30px;
          letter-spacing: 1.2px; }
          @media screen and (max-width: 81.1875em) {
            .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-left .section-prubeh-desc {
              font-size: 18px;
              line-height: 28px; } }
          .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-left .section-prubeh-desc .footnote {
            font-size: 12px; }
      .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-right {
        position: relative;
        width: 18%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start; }
        @media screen and (max-width: 81.1875em) {
          .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-right {
            width: 24%; } }
        .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-right .section-block-el {
          width: 100%;
          position: relative;
          margin-bottom: 20px; }
          .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-right .section-block-el .section-block-people {
            width: 100%;
            position: relative;
            margin-bottom: 10px;
            padding-left: 4px; }
          .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-right .section-block-el .section-block-line {
            width: 100%;
            position: relative;
            margin: 10px auto; }
          .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-right .section-block-el .section-block-el-desc {
            width: 100%;
            position: relative;
            color: #686868;
            font-weight: 600;
            font-size: 12px;
            text-align: left;
            line-height: 20px;
            letter-spacing: 1.2px;
            padding-left: 4px; }
          .main-container#main-container-sluzba .sluzba-prubeh .section-content .section-block-right .section-block-el .section-block-el-number {
            width: 100%;
            display: inline-block;
            position: relative;
            font-weight: 600;
            font-size: 44px;
            text-align: left;
            letter-spacing: 1.2px;
            padding-left: 4px; }
  .main-container#main-container-sluzba .sluzba-dodavka {
    height: 720px;
    z-index: 40; }
    .main-container#main-container-sluzba .sluzba-dodavka .image-bg {
      position: absolute;
      width: 100%;
      height: 50%;
      top: 0px;
      left: 0px;
      z-index: 41;
      background-image: url("/assets/images/backgrounds/img_sluzba_dodavka_bg.png");
      background-size: 100% auto;
      background-position: center top;
      background-repeat: no-repeat; }
    .main-container#main-container-sluzba .sluzba-dodavka .color-bg {
      position: absolute;
      width: 100%;
      height: 90%;
      bottom: 0px;
      left: 0px;
      z-index: 40;
      background-color: #303030; }
    .main-container#main-container-sluzba .sluzba-dodavka .section-text {
      width: 80%;
      max-width: 1400px;
      height: 100%;
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      margin-bottom: 50px;
      position: relative;
      z-index: 50; }
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .dodavka-animation {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 40%;
        max-width: 500px;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start; }
        .main-container#main-container-sluzba .sluzba-dodavka .section-text .dodavka-animation .dodavka-video {
          width: 100%;
          position: relative;
          top: 20%; }
        .main-container#main-container-sluzba .sluzba-dodavka .section-text .dodavka-animation .dodavka-animation-desc {
          position: relative;
          top: 20%;
          color: #686868;
          width: 100%;
          font-weight: 600;
          font-size: 12px;
          text-align: left;
          line-height: 20px;
          letter-spacing: 1.2px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -ms-flex-pack: distribute;
          -webkit-justify-content: space-around;
          justify-content: space-around;
          -webkit-box-align: start;
          -moz-box-align: start;
          -ms-flex-align: start;
          -webkit-align-items: flex-start;
          align-items: flex-start; }
          .main-container#main-container-sluzba .sluzba-dodavka .section-text .dodavka-animation .dodavka-animation-desc .animation-desc-el {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: end;
            -moz-box-pack: end;
            -ms-flex-pack: end;
            -webkit-justify-content: flex-end;
            justify-content: flex-end;
            -webkit-box-align: start;
            -moz-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start;
            -webkit-transform: translateY(-50px);
            -ms-transform: translateY(-50px);
            -o-transform: translateY(-50px);
            transform: translateY(-50px);
            overflow: hidden;
            opacity: 0;
            -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
            .main-container#main-container-sluzba .sluzba-dodavka .section-text .dodavka-animation .dodavka-animation-desc .animation-desc-el.presenting {
              animation-name: presentDesc;
              animation-duration: 0.5s;
              animation-timing-function: ease;
              animation-fill-mode: forwards; }
            .main-container#main-container-sluzba .sluzba-dodavka .section-text .dodavka-animation .dodavka-animation-desc .animation-desc-el .desc-el-line {
              width: 2px;
              background-color: #686868;
              -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
            .main-container#main-container-sluzba .sluzba-dodavka .section-text .dodavka-animation .dodavka-animation-desc .animation-desc-el:nth-of-type(1) .desc-el-line {
              height: 90px; }
            .main-container#main-container-sluzba .sluzba-dodavka .section-text .dodavka-animation .dodavka-animation-desc .animation-desc-el:nth-of-type(2) {
              -webkit-transform: translateY(-90px);
              -ms-transform: translateY(-90px);
              -o-transform: translateY(-90px);
              transform: translateY(-90px); }
              .main-container#main-container-sluzba .sluzba-dodavka .section-text .dodavka-animation .dodavka-animation-desc .animation-desc-el:nth-of-type(2) .desc-el-line {
                height: 130px; }
            .main-container#main-container-sluzba .sluzba-dodavka .section-text .dodavka-animation .dodavka-animation-desc .animation-desc-el:nth-of-type(3) {
              -webkit-transform: translateY(-180px);
              -ms-transform: translateY(-180px);
              -o-transform: translateY(-180px);
              transform: translateY(-180px); }
              .main-container#main-container-sluzba .sluzba-dodavka .section-text .dodavka-animation .dodavka-animation-desc .animation-desc-el:nth-of-type(3) .desc-el-line {
                height: 220px; }
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-heading {
        color: white !important; }
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-paragraph,
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links,
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-img,
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-top,
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-bottom {
        width: 600px;
        max-width: 50vw; }
        @media screen and (max-width: 81.1875em) {
          .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-paragraph,
          .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links,
          .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-img,
          .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-top,
          .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-bottom {
            width: 500px !important;
            max-width: 40vw !important; } }
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-paragraph {
        color: #686868 !important;
        font-weight: 500; }
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links .section-info-quote .section-info-quote-text,
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links .section-info-more .section-info-quote-text {
        color: white !important; }
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info .section-info-top .section-info-block.orange {
        padding-left: 20px; }
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info .section-info-bottom .section-info-block:nth-of-type(2) {
        padding-left: 20px; }
  .main-container#main-container-sluzba .sluzba-loxone {
    height: 810px;
    z-index: 300;
    background-image: url("/assets/images/backgrounds/img_sluzba_loxone_bg.png");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; }
  .main-container#main-container-sluzba .sluzba-mcore {
    height: 740px;
    margin-top: -70px;
    z-index: 350;
    background-image: url("/assets/images/backgrounds/img_sluzba_mcore_bg.png");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; }
  .main-container#main-container-sluzba .sluzba-mcore .sluzba-mcore-img,
  .main-container#main-container-sluzba .sluzba-loxone .sluzba-mcore-img,
  .main-container#main-container-sluzba .sluzba-dodavka .sluzba-mcore-img,
  .main-container#main-container-sluzba .sluzba-prubeh .sluzba-mcore-img {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px; }
  .main-container#main-container-sluzba .sluzba-mcore .section-text,
  .main-container#main-container-sluzba .sluzba-loxone .section-text,
  .main-container#main-container-sluzba .sluzba-dodavka .section-text,
  .main-container#main-container-sluzba .sluzba-prubeh .section-text {
    width: 80%;
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 50px;
    position: relative; }
    .main-container#main-container-sluzba .sluzba-mcore .section-text .section-heading,
    .main-container#main-container-sluzba .sluzba-loxone .section-text .section-heading,
    .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-heading,
    .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-heading {
      font-size: 54px;
      line-height: 70px;
      font-weight: 700;
      margin-bottom: 20px;
      color: black; }
      @media screen and (max-width: 81.1875em) {
        .main-container#main-container-sluzba .sluzba-mcore .section-text .section-heading,
        .main-container#main-container-sluzba .sluzba-loxone .section-text .section-heading,
        .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-heading,
        .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-heading {
          font-size: 44px;
          line-height: 60px; } }
    .main-container#main-container-sluzba .sluzba-mcore .section-text .sluzba-scroll-down,
    .main-container#main-container-sluzba .sluzba-loxone .section-text .sluzba-scroll-down,
    .main-container#main-container-sluzba .sluzba-dodavka .section-text .sluzba-scroll-down,
    .main-container#main-container-sluzba .sluzba-prubeh .section-text .sluzba-scroll-down {
      margin-top: 50px; }
    .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-paragraph,
    .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-links,
    .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-img,
    .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-top,
    .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-bottom,
    .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-paragraph,
    .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-links,
    .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-img,
    .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-top,
    .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-bottom,
    .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-paragraph,
    .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links,
    .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-img,
    .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-top,
    .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-bottom,
    .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-paragraph,
    .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-links,
    .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-img,
    .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-top,
    .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-bottom {
      width: 600px;
      max-width: 50vw; }
    .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-paragraph,
    .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-paragraph,
    .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-paragraph,
    .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-paragraph {
      position: relative;
      border-bottom: 2px white solid;
      color: black;
      padding-bottom: 8vh; }
    .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-links,
    .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-links,
    .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links,
    .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-links {
      position: relative;
      padding-top: 20px; }
      .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-links .section-info-quote,
      .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-links .section-info-quote,
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links .section-info-quote,
      .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-links .section-info-quote {
        float: left; }
        .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-links .section-info-quote .section-info-quote-text,
        .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-links .section-info-quote .section-info-quote-text,
        .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links .section-info-quote .section-info-quote-text,
        .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-links .section-info-quote .section-info-quote-text {
          text-transform: uppercase; }
      .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-links .section-info-more,
      .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-links .section-info-more,
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links .section-info-more,
      .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-links .section-info-more {
        float: right; }
      .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-links .section-info-quote,
      .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-links .section-info-more,
      .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-links .section-info-quote,
      .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-links .section-info-more,
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links .section-info-quote,
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links .section-info-more,
      .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-links .section-info-quote,
      .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-links .section-info-more {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        cursor: pointer; }
        .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-links .section-info-quote .section-info-quote-text,
        .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-links .section-info-more .section-info-quote-text,
        .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-links .section-info-quote .section-info-quote-text,
        .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-links .section-info-more .section-info-quote-text,
        .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links .section-info-quote .section-info-quote-text,
        .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links .section-info-more .section-info-quote-text,
        .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-links .section-info-quote .section-info-quote-text,
        .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-links .section-info-more .section-info-quote-text {
          text-decoration: underline;
          font-size: 12px;
          font-weight: 600;
          color: black;
          cursor: pointer; }
        .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-links .section-info-quote .section-info-quote-arrow,
        .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-links .section-info-more .section-info-quote-arrow,
        .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-links .section-info-quote .section-info-quote-arrow,
        .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-links .section-info-more .section-info-quote-arrow,
        .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links .section-info-quote .section-info-quote-arrow,
        .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links .section-info-more .section-info-quote-arrow,
        .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-links .section-info-quote .section-info-quote-arrow,
        .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-links .section-info-more .section-info-quote-arrow {
          margin-left: 15px; }
      .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info-links .section-info-more .section-info-quote-arrow,
      .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info-links .section-info-more .section-info-quote-arrow,
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info-links .section-info-more .section-info-quote-arrow,
      .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info-links .section-info-more .section-info-quote-arrow {
        margin-top: 7px; }
    .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info,
    .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info,
    .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info,
    .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info {
      position: relative;
      margin-top: 30px; }
      .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info .section-info-img,
      .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info .section-info-img,
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info .section-info-img,
      .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info .section-info-img {
        position: relative;
        margin: 10px auto; }
      .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info .section-info-top,
      .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info .section-info-top,
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info .section-info-top,
      .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info .section-info-top {
        position: relative; }
        .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info .section-info-top .section-info-block,
        .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info .section-info-top .section-info-block,
        .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info .section-info-top .section-info-block,
        .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info .section-info-top .section-info-block {
          float: left;
          width: 50%;
          max-width: 50%;
          display: inline-block;
          position: relative;
          padding-left: 10px;
          font-weight: 600;
          font-size: 44px;
          text-align: left;
          line-height: 30px;
          letter-spacing: 1.2px;
          padding-left: 10px; }
          .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info .section-info-top .section-info-block .section-info-block-img,
          .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info .section-info-top .section-info-block .section-info-block-img,
          .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info .section-info-top .section-info-block .section-info-block-img,
          .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info .section-info-top .section-info-block .section-info-block-img {
            max-width: 95%;
            max-height: 50px; }
      .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info .section-info-bottom,
      .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info .section-info-bottom,
      .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info .section-info-bottom,
      .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info .section-info-bottom {
        width: 100%;
        position: relative;
        margin-top: 5px;
        margin-bottom: 30px; }
        .main-container#main-container-sluzba .sluzba-mcore .section-text .section-info .section-info-bottom .section-info-block,
        .main-container#main-container-sluzba .sluzba-loxone .section-text .section-info .section-info-bottom .section-info-block,
        .main-container#main-container-sluzba .sluzba-dodavka .section-text .section-info .section-info-bottom .section-info-block,
        .main-container#main-container-sluzba .sluzba-prubeh .section-text .section-info .section-info-bottom .section-info-block {
          float: left;
          width: 50%;
          position: relative;
          color: #686868;
          font-weight: 600;
          font-size: 12px;
          text-align: left;
          line-height: 20px;
          letter-spacing: 1.2px;
          padding-left: 10px; }
  .main-container#main-container-sluzba .sluzba-mcore .sluzba-mcore-text,
  .main-container#main-container-sluzba .sluzba-loxone .sluzba-mcore-text,
  .main-container#main-container-sluzba .sluzba-dodavka .sluzba-mcore-text,
  .main-container#main-container-sluzba .sluzba-prubeh .sluzba-mcore-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #969696;
    letter-spacing: 1.6px; }
    .main-container#main-container-sluzba .sluzba-mcore .sluzba-mcore-text h2,
    .main-container#main-container-sluzba .sluzba-loxone .sluzba-mcore-text h2,
    .main-container#main-container-sluzba .sluzba-dodavka .sluzba-mcore-text h2,
    .main-container#main-container-sluzba .sluzba-prubeh .sluzba-mcore-text h2 {
      font-size: 4.2vw;
      font-weight: 700; }
    .main-container#main-container-sluzba .sluzba-mcore .sluzba-mcore-text h4,
    .main-container#main-container-sluzba .sluzba-loxone .sluzba-mcore-text h4,
    .main-container#main-container-sluzba .sluzba-dodavka .sluzba-mcore-text h4,
    .main-container#main-container-sluzba .sluzba-prubeh .sluzba-mcore-text h4 {
      font-size: 1.5vw;
      font-weight: 700; }
    .main-container#main-container-sluzba .sluzba-mcore .sluzba-mcore-text .sluzba-mcore-link,
    .main-container#main-container-sluzba .sluzba-loxone .sluzba-mcore-text .sluzba-mcore-link,
    .main-container#main-container-sluzba .sluzba-dodavka .sluzba-mcore-text .sluzba-mcore-link,
    .main-container#main-container-sluzba .sluzba-prubeh .sluzba-mcore-text .sluzba-mcore-link {
      color: white;
      pointer-events: none; }
  .main-container#main-container-sluzba .sluzba-interim-section {
    height: 400px;
    top: 0px !important;
    top: -38px; }
    .main-container#main-container-sluzba .sluzba-interim-section .part-number {
      position: absolute;
      bottom: -64px;
      left: 0px;
      font-size: 80px;
      font-weight: 700; }
      @media screen and (max-width: 68.6875em) {
        .main-container#main-container-sluzba .sluzba-interim-section .part-number {
          bottom: -60px; } }
      @media screen and (min-width: 2400px) {
        .main-container#main-container-sluzba .sluzba-interim-section .part-number {
          bottom: -44px; } }
      .main-container#main-container-sluzba .sluzba-interim-section .part-number.black {
        color: black; }
    .main-container#main-container-sluzba .sluzba-interim-section .image-bg {
      position: absolute;
      width: 100%;
      height: calc(100% + 38px);
      top: 0px;
      left: 0px;
      z-index: 11;
      background-color: #fff;
      background-image: url("/assets/images/backgrounds/img_sluzba_sede_bg.png");
      background-size: 100% auto;
      background-position: center bottom;
      background-repeat: no-repeat; }
    .main-container#main-container-sluzba .sluzba-interim-section .wave-bg {
      position: absolute;
      width: 100%;
      height: 38px;
      top: -36px;
      left: 0px;
      z-index: 35;
      background-image: url("/assets/images/backgrounds/img_sluzba_white_bg_wave.png");
      background-size: 100% auto;
      background-position: left bottom;
      background-repeat: no-repeat; }
    .main-container#main-container-sluzba .sluzba-interim-section .color-bg {
      position: absolute;
      width: 100%;
      height: 230px;
      top: 0px;
      z-index: 33;
      background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0)); }
    .main-container#main-container-sluzba .sluzba-interim-section .section-content {
      height: 100%;
      width: 80% !important;
      max-width: 1400px !important;
      z-index: 36;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
    .main-container#main-container-sluzba .sluzba-interim-section .interim-text {
      color: #686868;
      width: 100%;
      font-weight: 700;
      font-size: 26px;
      text-align: left;
      line-height: 36px;
      letter-spacing: 1.2px; }
  .main-container#main-container-sluzba .sluzba-white-section {
    background-image: url("/assets/images/backgrounds/img_sluzba_white_bg.png");
    background-size: 100% auto;
    background-position: left top;
    background-repeat: no-repeat;
    z-index: 330;
    top: -38px;
    margin-bottom: -62px;
    padding-bottom: 62px; }
    .main-container#main-container-sluzba .sluzba-white-section.sluzba-last-white {
      z-index: 400; }
    .main-container#main-container-sluzba .sluzba-white-section .section-content .sluzba-expandable {
      padding: 100px 0px 62px 0px; }
    .main-container#main-container-sluzba .sluzba-white-section .number-container {
      width: 80%;
      max-width: 1400px;
      height: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      position: absolute; }
      .main-container#main-container-sluzba .sluzba-white-section .number-container .part-number {
        position: absolute;
        bottom: -40px;
        left: 0px;
        font-size: 80px;
        font-weight: 700; }
        @media screen and (max-width: 68.6875em) {
          .main-container#main-container-sluzba .sluzba-white-section .number-container .part-number {
            bottom: -82px; } }
        @media screen and (min-width: 2400px) {
          .main-container#main-container-sluzba .sluzba-white-section .number-container .part-number {
            bottom: -84px; } }
        .main-container#main-container-sluzba .sluzba-white-section .number-container .part-number.black {
          color: black; }
  .main-container#main-container-sluzba .sluzba-gray-section {
    background-image: url("/assets/images/backgrounds/img_sluzba_light_bg.png");
    background-size: 100% auto;
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #303030; }
    .main-container#main-container-sluzba .sluzba-gray-section .gray-bg {
      position: absolute;
      width: 100%;
      height: 80%;
      bottom: -40px;
      left: 0px;
      background-color: #f5f5f5; }
    .main-container#main-container-sluzba .sluzba-gray-section .number-container {
      width: 80%;
      max-width: 1400px;
      height: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      position: absolute; }
      .main-container#main-container-sluzba .sluzba-gray-section .number-container .part-number {
        position: absolute;
        bottom: -64px;
        left: 0px;
        font-size: 80px;
        font-weight: 700; }
        @media screen and (max-width: 68.6875em) {
          .main-container#main-container-sluzba .sluzba-gray-section .number-container .part-number {
            bottom: -60px; } }
        @media screen and (min-width: 2400px) {
          .main-container#main-container-sluzba .sluzba-gray-section .number-container .part-number {
            bottom: -44px; } }
        .main-container#main-container-sluzba .sluzba-gray-section .number-container .part-number.black {
          color: black; }
    .main-container#main-container-sluzba .sluzba-gray-section .section-content .sluzba-expandable {
      padding: 100px 0px 100px 0px; }
    .main-container#main-container-sluzba .sluzba-gray-section.section-bigger-padding .section-content .sluzba-expandable {
      padding: 100px 0px 130px 0px; }
  .main-container#main-container-sluzba .sluzba-white-section,
  .main-container#main-container-sluzba .sluzba-gray-section,
  .main-container#main-container-sluzba .sluzba-interim-section,
  .main-container#main-container-sluzba .sluzba-video {
    width: 100%;
    -webkit-transition: height 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: height 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: height 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: height 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .main-container#main-container-sluzba .sluzba-white-section .section-content,
    .main-container#main-container-sluzba .sluzba-gray-section .section-content,
    .main-container#main-container-sluzba .sluzba-interim-section .section-content,
    .main-container#main-container-sluzba .sluzba-video .section-content {
      width: 90%;
      max-width: 1000px;
      position: relative;
      margin: 0 auto; }
      .main-container#main-container-sluzba .sluzba-white-section .section-content .sluzba-expandable,
      .main-container#main-container-sluzba .sluzba-gray-section .section-content .sluzba-expandable,
      .main-container#main-container-sluzba .sluzba-interim-section .section-content .sluzba-expandable,
      .main-container#main-container-sluzba .sluzba-video .section-content .sluzba-expandable {
        width: 100%;
        position: relative;
        cursor: pointer; }
        .main-container#main-container-sluzba .sluzba-white-section .section-content .sluzba-expandable:hover .expandable-control,
        .main-container#main-container-sluzba .sluzba-gray-section .section-content .sluzba-expandable:hover .expandable-control,
        .main-container#main-container-sluzba .sluzba-interim-section .section-content .sluzba-expandable:hover .expandable-control,
        .main-container#main-container-sluzba .sluzba-video .section-content .sluzba-expandable:hover .expandable-control {
          opacity: 0.7;
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); }
        .main-container#main-container-sluzba .sluzba-white-section .section-content .sluzba-expandable.opened .expandable-control,
        .main-container#main-container-sluzba .sluzba-gray-section .section-content .sluzba-expandable.opened .expandable-control,
        .main-container#main-container-sluzba .sluzba-interim-section .section-content .sluzba-expandable.opened .expandable-control,
        .main-container#main-container-sluzba .sluzba-video .section-content .sluzba-expandable.opened .expandable-control {
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); }
        .main-container#main-container-sluzba .sluzba-white-section .section-content .sluzba-expandable--lowered,
        .main-container#main-container-sluzba .sluzba-gray-section .section-content .sluzba-expandable--lowered,
        .main-container#main-container-sluzba .sluzba-interim-section .section-content .sluzba-expandable--lowered,
        .main-container#main-container-sluzba .sluzba-video .section-content .sluzba-expandable--lowered {
          color: rgba(0, 0, 0, 0.3); }
          .main-container#main-container-sluzba .sluzba-white-section .section-content .sluzba-expandable--lowered .expandable-control,
          .main-container#main-container-sluzba .sluzba-gray-section .section-content .sluzba-expandable--lowered .expandable-control,
          .main-container#main-container-sluzba .sluzba-interim-section .section-content .sluzba-expandable--lowered .expandable-control,
          .main-container#main-container-sluzba .sluzba-video .section-content .sluzba-expandable--lowered .expandable-control {
            opacity: .3 !important; }
        .main-container#main-container-sluzba .sluzba-white-section .section-content .sluzba-expandable .expandable-heading,
        .main-container#main-container-sluzba .sluzba-gray-section .section-content .sluzba-expandable .expandable-heading,
        .main-container#main-container-sluzba .sluzba-interim-section .section-content .sluzba-expandable .expandable-heading,
        .main-container#main-container-sluzba .sluzba-video .section-content .sluzba-expandable .expandable-heading {
          font-size: 30px;
          float: left;
          display: block;
          font-weight: 700; }
          .main-container#main-container-sluzba .sluzba-white-section .section-content .sluzba-expandable .expandable-heading sup,
          .main-container#main-container-sluzba .sluzba-gray-section .section-content .sluzba-expandable .expandable-heading sup,
          .main-container#main-container-sluzba .sluzba-interim-section .section-content .sluzba-expandable .expandable-heading sup,
          .main-container#main-container-sluzba .sluzba-video .section-content .sluzba-expandable .expandable-heading sup {
            font-size: 70%; }
          .main-container#main-container-sluzba .sluzba-white-section .section-content .sluzba-expandable .expandable-heading span,
          .main-container#main-container-sluzba .sluzba-gray-section .section-content .sluzba-expandable .expandable-heading span,
          .main-container#main-container-sluzba .sluzba-interim-section .section-content .sluzba-expandable .expandable-heading span,
          .main-container#main-container-sluzba .sluzba-video .section-content .sluzba-expandable .expandable-heading span {
            text-decoration: underline; }
        .main-container#main-container-sluzba .sluzba-white-section .section-content .sluzba-expandable .expandable-control,
        .main-container#main-container-sluzba .sluzba-gray-section .section-content .sluzba-expandable .expandable-control,
        .main-container#main-container-sluzba .sluzba-interim-section .section-content .sluzba-expandable .expandable-control,
        .main-container#main-container-sluzba .sluzba-video .section-content .sluzba-expandable .expandable-control {
          height: 36px;
          float: right;
          opacity: 1;
          -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          cursor: pointer; }
          .main-container#main-container-sluzba .sluzba-white-section .section-content .sluzba-expandable .expandable-control:hover,
          .main-container#main-container-sluzba .sluzba-gray-section .section-content .sluzba-expandable .expandable-control:hover,
          .main-container#main-container-sluzba .sluzba-interim-section .section-content .sluzba-expandable .expandable-control:hover,
          .main-container#main-container-sluzba .sluzba-video .section-content .sluzba-expandable .expandable-control:hover {
            opacity: 0.7;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg); }
          .main-container#main-container-sluzba .sluzba-white-section .section-content .sluzba-expandable .expandable-control.opened,
          .main-container#main-container-sluzba .sluzba-gray-section .section-content .sluzba-expandable .expandable-control.opened,
          .main-container#main-container-sluzba .sluzba-interim-section .section-content .sluzba-expandable .expandable-control.opened,
          .main-container#main-container-sluzba .sluzba-video .section-content .sluzba-expandable .expandable-control.opened {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg); }
  .sluzba-expertise {
    background-color: white; }
    .sluzba-expertise .sluzba-expertise-img {
      position: relative;
      width: 100%; }
    .sluzba-expertise .sluzba-expertise-text {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      text-align: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      color: #969696;
      letter-spacing: 1.6px; }
      .sluzba-expertise .sluzba-expertise-text h2 {
        font-size: 4.2vw;
        font-weight: 700; }
      .sluzba-expertise .sluzba-expertise-text h4 {
        font-size: 1.5vw;
        font-weight: 700; }
      .sluzba-expertise .sluzba-expertise-text .sluzba-expertise-link {
        color: white;
        pointer-events: none; }
  .main-container#main-container-sluzba .sluzba-kontakt {
    background-color: #0a0a0a;
    padding: 6vh 0 0 0; }
  .main-container#main-container-sluzba .form-container {
    width: 90%;
    max-width: 1300px;
    position: relative;
    margin: 5vh auto 0 auto; }
    .main-container#main-container-sluzba .form-container .error_message {
      font-size: 16px;
      font-weight: 600;
      text-align: center;
      width: 100%;
      color: white; }
    .main-container#main-container-sluzba .form-container .form-sent {
      width: 100%;
      padding-bottom: 200px; }
      .main-container#main-container-sluzba .form-container .form-sent .sent-wrapper {
        position: relative;
        width: 100%; }
      .main-container#main-container-sluzba .form-container .form-sent .page-heading-title {
        text-transform: uppercase;
        text-align: center;
        font-size: 5vw;
        font-weight: 300;
        color: white;
        letter-spacing: 5px;
        display: inline-block; }
        .main-container#main-container-sluzba .form-container .form-sent .page-heading-title.odeslano {
          color: #f05a27;
          font-weight: 400; }
        .main-container#main-container-sluzba .form-container .form-sent .page-heading-title b {
          font-weight: 500; }
      .main-container#main-container-sluzba .form-container .form-sent .section-heading {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #f05b28;
        font-weight: 600;
        font-size: 52px;
        text-transform: uppercase;
        margin-bottom: 40px; }
        .main-container#main-container-sluzba .form-container .form-sent .section-heading .odeslano-icon {
          width: 55px;
          margin-right: 30px; }
      .main-container#main-container-sluzba .form-container .form-sent .odeslano-text {
        width: 50%;
        position: absolute;
        text-align: center;
        font-weight: 500;
        text-transform: none;
        font-size: 18px;
        color: #7f7f7f;
        margin-bottom: 1vh;
        letter-spacing: 1.4px;
        line-height: 26px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
      .main-container#main-container-sluzba .form-container .form-sent .form-again {
        color: white;
        font-size: 20px;
        text-transform: uppercase;
        opacity: 0;
        width: 100%;
        text-align: center;
        cursor: pointer;
        -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .main-container#main-container-sluzba .form-container .form-sent .form-again.sent {
          opacity: 1; }
    .main-container#main-container-sluzba .form-container form {
      width: 100%;
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .main-container#main-container-sluzba .form-container form .form-side {
        width: 47%;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start; }
        @media screen and (max-width: 62.4375em) {
          .main-container#main-container-sluzba .form-container form .form-side {
            width: 100%; } }
        .main-container#main-container-sluzba .form-container form .form-side .form-row {
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          position: relative;
          flex-direction: row;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          .main-container#main-container-sluzba .form-container form .form-side .form-row.two-col .form-field {
            width: 48%; }
          .main-container#main-container-sluzba .form-container form .form-side .form-row.one-col .form-field {
            width: 100%; }
      .main-container#main-container-sluzba .form-container form .form-bottom {
        width: 100%; }
        .main-container#main-container-sluzba .form-container form .form-bottom .form-field {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
      .main-container#main-container-sluzba .form-container form .form-additional {
        width: 100%;
        position: relative; }
        .main-container#main-container-sluzba .form-container form .form-additional .form-additional-heading {
          width: 100%;
          text-align: center;
          text-transform: uppercase;
          color: #9d9c9c;
          font-size: 16px;
          display: block;
          font-weight: 400;
          position: relative;
          letter-spacing: 1.4px;
          margin-bottom: 16px; }
        .main-container#main-container-sluzba .form-container form .form-additional .form-field {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          padding: 24px 0;
          border-top: 1px solid #c2c1c0;
          border-bottom: 1px solid #c2c1c0; }
          .main-container#main-container-sluzba .form-container form .form-additional .form-field .form-checkbox {
            width: calc(95% / 3);
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center; }
            .main-container#main-container-sluzba .form-container form .form-additional .form-field .form-checkbox label {
              z-index: 102; }
            .main-container#main-container-sluzba .form-container form .form-additional .form-field .form-checkbox span {
              width: 100%;
              text-align: left;
              text-transform: none;
              font-weight: 400;
              letter-spacing: 1.4px;
              color: #9d9c9c;
              position: relative;
              text-decoration: none;
              background: transparent;
              outline: none;
              font-size: 14px; }
              .main-container#main-container-sluzba .form-container form .form-additional .form-field .form-checkbox span b {
                font-weight: 600; }
            .main-container#main-container-sluzba .form-container form .form-additional .form-field .form-checkbox input[type="checkbox"] {
              display: none; }
            .main-container#main-container-sluzba .form-container form .form-additional .form-field .form-checkbox input[type="checkbox"] + label {
              display: inline-block;
              padding: 0 0 0 0px;
              background: url("/assets/images/icons/ic_not_selected_darkgrey.png") no-repeat;
              background-position: 50% 50%;
              height: 36px;
              width: 36px;
              background-size: 100%;
              margin-right: 0;
              margin-left: 0; }
            .main-container#main-container-sluzba .form-container form .form-additional .form-field .form-checkbox input[type="checkbox"]:checked + label {
              background: url("/assets/images/icons/ic_not_selected_orange.png") no-repeat;
              height: 36px;
              width: 36px;
              display: inline-block;
              background-size: 100%; }
      .main-container#main-container-sluzba .form-container form.submitted .form-field input[type="text"]:invalid,
      .main-container#main-container-sluzba .form-container form.submitted .form-field input[type="tel"]:invalid {
        background-image: url("/assets/images/icons/ic_closed_red.png");
        background-size: auto 50%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        border-bottom: 2px solid #C3281B; }
      .main-container#main-container-sluzba .form-container form.submitted .form-field .required {
        display: block; }
      .main-container#main-container-sluzba .form-container form.submitted .form-field input[type="text"]:required:valid,
      .main-container#main-container-sluzba .form-container form.submitted .form-field input[type="tel"]:required:valid {
        background-image: url("/assets/images/icons/ic_checked_orange.png");
        background-size: auto 50%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        border-bottom: 2px solid #fa8728; }
      .main-container#main-container-sluzba .form-container form.not_valid .form-field input[type="text"].email:invalid,
      .main-container#main-container-sluzba .form-container form.not_valid .form-field input[type="tel"].email:invalid {
        background-image: url("/assets/images/icons/ic_closed_red.png");
        background-size: auto 50%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        border-bottom: 2px solid #C3281B; }
      .main-container#main-container-sluzba .form-container form.not_valid .form-field .required_email {
        display: block; }
      .main-container#main-container-sluzba .form-container form .form-field {
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin-bottom: 5vh; }
        .main-container#main-container-sluzba .form-container form .form-field.files {
          border-radius: 12px;
          background-color: rgba(230, 230, 230, 0.3);
          border: 1px white dashed;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center; }
          .main-container#main-container-sluzba .form-container form .form-field.files.missing {
            background-color: rgba(255, 0, 0, 0.3); }
          .main-container#main-container-sluzba .form-container form .form-field.files .form-item {
            width: 100%;
            height: 100%; }
            .main-container#main-container-sluzba .form-container form .form-field.files .form-item .input-drop-file {
              width: 100%;
              height: 100%; }
              .main-container#main-container-sluzba .form-container form .form-field.files .form-item .input-drop-file label {
                height: 100%;
                margin-bottom: 0;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                cursor: pointer;
                padding: 30px 20px;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0); }
                .main-container#main-container-sluzba .form-container form .form-field.files .form-item .input-drop-file label .icon img {
                  width: 50px;
                  margin-right: 30px; }
                .main-container#main-container-sluzba .form-container form .form-field.files .form-item .input-drop-file label .file-input-text {
                  text-transform: uppercase;
                  color: white;
                  font-weight: 400;
                  height: 100%;
                  margin-bottom: 0;
                  line-height: 24px;
                  width: 100%; }
                .main-container#main-container-sluzba .form-container form .form-field.files .form-item .input-drop-file label b {
                  font-weight: 500; }
                .main-container#main-container-sluzba .form-container form .form-field.files .form-item .input-drop-file label .file-input-list {
                  width: 100%;
                  list-style: none;
                  margin: 0;
                  padding: 0; }
                  .main-container#main-container-sluzba .form-container form .form-field.files .form-item .input-drop-file label .file-input-list .file-input-list-item {
                    width: 100%;
                    position: relative; }
                    .main-container#main-container-sluzba .form-container form .form-field.files .form-item .input-drop-file label .file-input-list .file-input-list-item.last {
                      margin-top: 20px; }
                .main-container#main-container-sluzba .form-container form .form-field.files .form-item .input-drop-file label .legend {
                  margin-top: 20px;
                  font-size: 12px;
                  line-height: 16px; }
                .main-container#main-container-sluzba .form-container form .form-field.files .form-item .input-drop-file label .file-name {
                  text-transform: uppercase;
                  color: white;
                  font-weight: 400;
                  height: 100%;
                  margin-bottom: 0;
                  line-height: 24px;
                  width: 80%;
                  text-align: left;
                  display: inline-block; }
                .main-container#main-container-sluzba .form-container form .form-field.files .form-item .input-drop-file label .file-delete {
                  text-transform: uppercase;
                  position: absolute;
                  right: 0px;
                  color: white;
                  font-weight: 500;
                  height: 100%;
                  z-index: 10000;
                  margin-bottom: 0;
                  line-height: 24px;
                  text-align: right;
                  display: inline-block;
                  padding: 0px 10px; }
                .main-container#main-container-sluzba .form-container form .form-field.files .form-item .input-drop-file label .files-field {
                  width: 100%;
                  height: 100%;
                  opacity: 0;
                  position: absolute;
                  top: 0;
                  left: 0; }
                .main-container#main-container-sluzba .form-container form .form-field.files .form-item .input-drop-file label .files-field::-webkit-file-upload-button {
                  visibility: hidden; }
                .main-container#main-container-sluzba .form-container form .form-field.files .form-item .input-drop-file label .files-field::before {
                  outline: none;
                  white-space: nowrap;
                  -webkit-user-select: none;
                  cursor: pointer; }
                .main-container#main-container-sluzba .form-container form .form-field.files .form-item .input-drop-file label .files-field:active::before {
                  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); }
        .main-container#main-container-sluzba .form-container form .form-field > label {
          width: 100%;
          text-transform: uppercase;
          font-weight: 400;
          color: #9d9c9c;
          position: relative;
          order: -1;
          text-align: left;
          margin-bottom: 1vh;
          font-size: 16px;
          letter-spacing: 1.4px;
          z-index: 100;
          -webkit-transform: translateY(160%);
          -ms-transform: translateY(160%);
          -o-transform: translateY(160%);
          transform: translateY(160%);
          -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .main-container#main-container-sluzba .form-container form .form-field input[type="text"],
        .main-container#main-container-sluzba .form-container form .form-field input[type="tel"],
        .main-container#main-container-sluzba .form-container form .form-field textarea {
          width: 100%;
          border: none;
          border-radius: 0;
          letter-spacing: 1.4px;
          border-bottom: 2px solid #9d9c9c;
          text-transform: none;
          font-weight: 500;
          color: white;
          position: relative;
          text-align: left;
          text-decoration: none;
          background: transparent;
          outline: none;
          font-size: 16px;
          padding-left: 0;
          padding-right: 0;
          z-index: 101; }
        .main-container#main-container-sluzba .form-container form .form-field input[type="text"]:focus,
        .main-container#main-container-sluzba .form-container form .form-field input[type="tel"]:focus,
        .main-container#main-container-sluzba .form-container form .form-field textarea:focus {
          border-bottom: 3px solid #fa8728; }
        .main-container#main-container-sluzba .form-container form .form-field textarea.filled + label {
          opacity: 0;
          -webkit-transform: translateY(0%);
          -ms-transform: translateY(0%);
          -o-transform: translateY(0%);
          transform: translateY(0%); }
        .main-container#main-container-sluzba .form-container form .form-field input:-webkit-autofill,
        .main-container#main-container-sluzba .form-container form .form-field input:-webkit-autofill:hover,
        .main-container#main-container-sluzba .form-container form .form-field input:-webkit-autofill:focus,
        .main-container#main-container-sluzba .form-container form .form-field textarea:-webkit-autofill,
        .main-container#main-container-sluzba .form-container form .form-field textarea:-webkit-autofill:hover,
        .main-container#main-container-sluzba .form-container form .form-field textarea:-webkit-autofill:focus,
        .main-container#main-container-sluzba .form-container form .form-field select:-webkit-autofill,
        .main-container#main-container-sluzba .form-container form .form-field select:-webkit-autofill:hover,
        .main-container#main-container-sluzba .form-container form .form-field select:-webkit-autofill:focus {
          border-bottom: 3px solid #9d9c9c;
          -webkit-text-fill-color: white;
          -webkit-box-shadow: 0 0 0px 1000px transparent inset;
          transition: background-color 5000s ease-in-out 0s;
          background-color: transparent !important;
          background-image: inherit !important;
          color: white !important; }
          .main-container#main-container-sluzba .form-container form .form-field input:-webkit-autofill:required:valid, .main-container#main-container-sluzba .form-container form .form-field input:-webkit-autofill:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field input:-webkit-autofill:hover:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field input:-webkit-autofill:hover:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field input:-webkit-autofill:focus:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field input:-webkit-autofill:focus:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field textarea:-webkit-autofill:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field textarea:-webkit-autofill:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field textarea:-webkit-autofill:hover:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field textarea:-webkit-autofill:hover:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field textarea:-webkit-autofill:focus:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field textarea:-webkit-autofill:focus:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field select:-webkit-autofill:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field select:-webkit-autofill:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field select:-webkit-autofill:hover:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field select:-webkit-autofill:hover:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field select:-webkit-autofill:focus:required:valid,
          .main-container#main-container-sluzba .form-container form .form-field select:-webkit-autofill:focus:required:valid {
            background-image: url("/assets/images/icons/ic_checked_orange.png") !important;
            -webkit-animation-name: autofill !important;
            -webkit-animation-fill-mode: forwards !important; }

@-webkit-keyframes autofill {
  to {
    background-image: url("/assets/images/icons/ic_checked_orange.png") !important; } }
        .main-container#main-container-sluzba .form-container form .form-field textarea {
          resize: none;
          height: auto; }
        .main-container#main-container-sluzba .form-container form .form-field input[type="text"]:required:valid,
        .main-container#main-container-sluzba .form-container form .form-field input[type="tel"]:required:valid {
          background-image: url("/assets/images/icons/ic_checked_orange.png");
          background-size: auto 50%;
          background-repeat: no-repeat;
          background-position: 100% 50%;
          border-bottom: 2px solid #fa8728; }
        .main-container#main-container-sluzba .form-container form .form-field .required {
          display: none;
          position: relative;
          color: #C3281B;
          text-transform: uppercase;
          font-weight: 500;
          font-size: 10px;
          left: 0px;
          bottom: 0px; }
        .main-container#main-container-sluzba .form-container form .form-field select {
          border: none;
          border-radius: 0;
          background-image: url("/assets/images/icons/ic_arrow_down_grey.png");
          background-repeat: no-repeat;
          background-position: 100% 50%;
          background-size: auto 60%;
          background-color: transparent;
          border-bottom: 2px solid #9d9c9c;
          letter-spacing: 1.4px;
          text-transform: none;
          font-weight: 400;
          height: 60px;
          padding: 0;
          color: #9d9c9c;
          position: relative;
          text-align: left;
          text-decoration: none;
          outline: none;
          font-size: 16px;
          -moz-appearance: none;
          -webkit-appearance: none;
          appearance: none;
          text-transform: uppercase; }
          .main-container#main-container-sluzba .form-container form .form-field select.empty {
            border-bottom: 2px solid #C3281B; }
          .main-container#main-container-sluzba .form-container form .form-field select option {
            width: 100%;
            text-transform: uppercase;
            font-weight: 400;
            color: #9d9c9c;
            position: relative;
            text-align: left;
            font-size: 16px;
            letter-spacing: 1.4px;
            z-index: 100; }
        .main-container#main-container-sluzba .form-container form .form-field input:focus + label,
        .main-container#main-container-sluzba .form-container form .form-field input:not(:focus):valid + label,
        .main-container#main-container-sluzba .form-container form .form-field input:not(:focus):invalid + label {
          -webkit-transform: translateY(0%);
          -ms-transform: translateY(0%);
          -o-transform: translateY(0%);
          transform: translateY(0%); }
        .main-container#main-container-sluzba .form-container form .form-field textarea:focus + label {
          opacity: 0;
          -webkit-transform: translateY(0%);
          -ms-transform: translateY(0%);
          -o-transform: translateY(0%);
          transform: translateY(0%); }
        .main-container#main-container-sluzba .form-container form .form-field button {
          width: 40%;
          max-width: 220px;
          border: none;
          border-radius: 0;
          letter-spacing: 1.4px;
          text-transform: uppercase;
          font-weight: 500;
          color: white;
          position: relative;
          text-align: center;
          text-decoration: none;
          background: #323232;
          outline: none;
          cursor: pointer;
          margin: 0 auto;
          margin-bottom: 2vh;
          margin-top: 3vh;
          font-size: 16px;
          height: 60px;
          padding-left: 0;
          padding-right: 0; }
        .main-container#main-container-sluzba .form-container form .form-field span.form-submit-note {
          width: 100%;
          max-width: 230px;
          text-align: center;
          text-transform: none;
          font-weight: 300;
          color: white;
          position: relative;
          letter-spacing: 1.4px;
          font-size: 14px; }
          .main-container#main-container-sluzba .form-container form .form-field span.form-submit-note .privacy-link {
            font-weight: 400;
            text-decoration: underline;
            cursor: pointer; }
      .main-container#main-container-sluzba .form-container form .sluzba-nabidka-slider {
        width: 100%;
        position: relative;
        margin-bottom: 4vh; }
        .main-container#main-container-sluzba .form-container form .sluzba-nabidka-slider .sluzba-nabidka-legend-cont {
          width: 100%;
          position: relative;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-box-align: end;
          -moz-box-align: end;
          -ms-flex-align: end;
          -webkit-align-items: flex-end;
          align-items: flex-end;
          margin-bottom: 3vh; }
          .main-container#main-container-sluzba .form-container form .sluzba-nabidka-slider .sluzba-nabidka-legend-cont .sluzba-nabidka-form-label {
            text-align: left;
            text-transform: uppercase;
            color: #9d9c9c;
            font-size: 16px;
            display: block;
            font-weight: 400;
            position: relative;
            text-align: left;
            letter-spacing: 1.4px; }
          .main-container#main-container-sluzba .form-container form .sluzba-nabidka-slider .sluzba-nabidka-legend-cont .sluzba-nabidka-form-area {
            text-align: right;
            color: #FC451E;
            display: block;
            line-height: 1; }
            .main-container#main-container-sluzba .form-container form .sluzba-nabidka-slider .sluzba-nabidka-legend-cont .sluzba-nabidka-form-area sup {
              color: #FC451E;
              font-size: 60%;
              -webkit-text-fill-color: initial; }
            .main-container#main-container-sluzba .form-container form .sluzba-nabidka-slider .sluzba-nabidka-legend-cont .sluzba-nabidka-form-area b {
              font-size: 54px;
              font-weight: 700; }
      .main-container#main-container-sluzba .form-container form .sluzba-nabidka-slider-desc {
        text-transform: uppercase;
        font-size: 11px;
        margin-top: 1vh; }
      .main-container#main-container-sluzba .form-container form .sluzba-nabidka-slider-cont {
        margin-top: 1vh;
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: white; }
        .main-container#main-container-sluzba .form-container form .sluzba-nabidka-slider-cont .sluzba-nabidka-slider-range {
          width: 100%; }
        .main-container#main-container-sluzba .form-container form .sluzba-nabidka-slider-cont .rc-slider-handle {
          position: absolute;
          margin-left: -7px;
          margin-top: -5px;
          width: 14px;
          height: 14px;
          cursor: pointer;
          cursor: -webkit-grab;
          cursor: grab;
          border-radius: 0;
          border: none;
          background-color: transparent;
          -ms-touch-action: pan-x;
          touch-action: pan-x;
          background-size: 100%;
          background-repeat: no-repeat; }
        .main-container#main-container-sluzba .form-container form .sluzba-nabidka-slider-cont .rc-slider-rail {
          background-color: transparent;
          background-position: 0% 0%;
          background-size: auto 100%; }
        .main-container#main-container-sluzba .form-container form .sluzba-nabidka-slider-cont .rc-slider-track {
          background-color: transparent;
          background-position: 0% 0%;
          background-size: auto 100%;
          border-radius: 0; }

.main-container#main-container-kontakty {
  width: 100%;
  position: relative; }
  .main-container#main-container-kontakty .kontakty-mapa-container {
    width: 100%;
    background-color: #262525;
    position: relative;
    padding: 25vh 0 20vh 0; }
    .main-container#main-container-kontakty .kontakty-mapa-container.detail .kontakty-detail-wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
    .main-container#main-container-kontakty .kontakty-mapa-container.detail .kontakty-content-wrapper {
      display: none; }
    .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper {
      width: 90%;
      max-width: 1000px;
      margin: 0 auto;
      position: relative;
      display: none; }
      .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-mapa-kraje {
        width: 48%;
        position: relative; }
        .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-mapa-kraje .kontakty-nazev-kraje {
          text-transform: uppercase;
          font-size: 24px;
          font-weight: 600;
          letter-spacing: 3px;
          color: white;
          position: absolute;
          top: 50%;
          padding-bottom: 20px;
          text-align: center;
          z-index: 10;
          width: 100%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
        .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-mapa-kraje .kontakty-kraj-svg {
          max-height: 44vh;
          opacity: 0.5;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
          -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }
      .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-kraj-seznam {
        width: 48%;
        max-height: 450px; }
        .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-kraj-seznam .kontakty-seznam-zavrit-wrapper {
          text-transform: uppercase;
          margin-bottom: 36px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-pack: end;
          -moz-box-pack: end;
          -ms-flex-pack: end;
          -webkit-justify-content: flex-end;
          justify-content: flex-end;
          font-size: 14px;
          letter-spacing: 1.3px;
          color: #e56f2c;
          -webkit-transform: translateX(15px);
          -ms-transform: translateX(15px);
          -o-transform: translateX(15px);
          transform: translateX(15px); }
          .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-kraj-seznam .kontakty-seznam-zavrit-wrapper .kontakty-seznam-zavrit {
            width: 30px;
            margin-left: 20px;
            display: inline-block;
            cursor: pointer; }
        .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-kraj-seznam .kontakty-seznam {
          position: relative;
          height: 100%;
          overflow-y: auto;
          overflow-x: hidden;
          /* Track */
          /* Handle */
          /* Handle on hover */ }
          .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-kraj-seznam .kontakty-seznam::-webkit-scrollbar {
            width: 3px;
            overflow: hidden;
            height: 80%; }
          .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-kraj-seznam .kontakty-seznam::-webkit-scrollbar-track {
            background: black;
            margin-top: 40px;
            margin-bottom: 40px; }
          .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-kraj-seznam .kontakty-seznam::-webkit-scrollbar-thumb {
            background: linear-gradient(#f05a27, #e56f2c); }
          .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-kraj-seznam .kontakty-seznam::-webkit-scrollbar-thumb:hover {
            background: #e56f2c; }
          .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-kraj-seznam .kontakty-seznam .kontakty-seznam-li {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            position: relative;
            margin-bottom: 20px;
            font-size: 14px;
            line-height: 26px;
            letter-spacing: 1.4px;
            margin-right: 26px; }
            .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-kraj-seznam .kontakty-seznam .kontakty-seznam-li .kontakty-seznam-left {
              width: 50%;
              text-align: left; }
              .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-kraj-seznam .kontakty-seznam .kontakty-seznam-li .kontakty-seznam-left .kontakty-seznam-li-name {
                color: white; }
              .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-kraj-seznam .kontakty-seznam .kontakty-seznam-li .kontakty-seznam-left .kontakty-seznam-li-pozice {
                color: #f05b28;
                font-weight: 300; }
            .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-kraj-seznam .kontakty-seznam .kontakty-seznam-li .kontakty-seznam-right {
              width: 50%;
              text-align: left;
              color: #7f7f7f; }
              .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-detail-wrapper .kontakty-kraj-seznam .kontakty-seznam .kontakty-seznam-li .kontakty-seznam-right span {
                color: white; }
    .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper {
      width: 90%;
      max-width: 1300px;
      margin: 0 auto;
      position: relative; }
      .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper b {
        font-weight: 500; }
      .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper .kontakty-route {
        color: #f05b28;
        font-size: 11px;
        font-weight: 300;
        text-transform: uppercase; }
      .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper .kontakty-content-mapa-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%; }
        .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper .kontakty-content-mapa-wrapper h1 {
          font-size: 60px;
          color: white;
          text-transform: uppercase;
          width: 40%;
          font-weight: 300;
          letter-spacing: 2px; }
          @media screen and (max-width: 62.4375em) {
            .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper .kontakty-content-mapa-wrapper h1 {
              font-size: 5vw; } }
        .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper .kontakty-content-mapa-wrapper .kontakty-mapa-wrapper {
          width: 60%;
          height: 400px; }
          .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper .kontakty-content-mapa-wrapper .kontakty-mapa-wrapper svg {
            display: block;
            width: 100%;
            outline: 0 !important;
            touch-action: manipulation;
            -webkit-backface-visibility: hidden;
            -webkit-tap-highlight-color: transparent; }
            .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper .kontakty-content-mapa-wrapper .kontakty-mapa-wrapper svg * {
              outline: 0 !important;
              touch-action: manipulation;
              -webkit-backface-visibility: hidden;
              -webkit-tap-highlight-color: transparent; }
            .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper .kontakty-content-mapa-wrapper .kontakty-mapa-wrapper svg .kraj:hover {
              stroke: #7f7f7f;
              fill: url(#MyGradient);
              transition: fill 0.3s;
              cursor: pointer; }
            .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper .kontakty-content-mapa-wrapper .kontakty-mapa-wrapper svg .kraj {
              stroke: #7f7f7f;
              stroke-width: 0.25;
              fill: transparent;
              transition: fill 0.3s; }
            .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper .kontakty-content-mapa-wrapper .kontakty-mapa-wrapper svg .svgcontainer {
              width: 100%;
              margin: 0;
              padding: 0;
              position: relative;
              height: 250px; }
            .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper .kontakty-content-mapa-wrapper .kontakty-mapa-wrapper svg svg,
            .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper .kontakty-content-mapa-wrapper .kontakty-mapa-wrapper svg #svgmapy {
              width: 100%;
              height: 100%; }
            .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper .kontakty-content-mapa-wrapper .kontakty-mapa-wrapper svg #mapasvg-cesko {
              width: 100%; }
            .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper .kontakty-content-mapa-wrapper .kontakty-mapa-wrapper svg #mapasvg-svk {
              width: 100%; }
            .main-container#main-container-kontakty .kontakty-mapa-container .kontakty-content-wrapper .kontakty-content-mapa-wrapper .kontakty-mapa-wrapper svg #mapacrsvk {
              width: 100%; }
  .main-container#main-container-kontakty .kontakty-info-container {
    width: 100%;
    background-color: #202020;
    position: relative;
    padding: 10vh 0; }
    .main-container#main-container-kontakty .kontakty-info-container .kontakty-content-wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      width: 90%;
      max-width: 1000px;
      margin: 0 auto;
      position: relative; }
      .main-container#main-container-kontakty .kontakty-info-container .kontakty-content-wrapper .kontakty-block {
        width: 31%; }
        .main-container#main-container-kontakty .kontakty-info-container .kontakty-content-wrapper .kontakty-block .kontakty-block-heading {
          color: #f05b28;
          font-size: 16px;
          font-weight: 500;
          text-transform: uppercase;
          letter-spacing: 1.4px;
          padding-bottom: 16px;
          border-bottom: 1px #7f7f7f solid; }
        .main-container#main-container-kontakty .kontakty-info-container .kontakty-content-wrapper .kontakty-block .kontakty-block-desc {
          color: #7f7f7f;
          padding-top: 10px;
          padding-bottom: 20px;
          width: 70%;
          font-size: 14px;
          letter-spacing: 1.4px; }
        .main-container#main-container-kontakty .kontakty-info-container .kontakty-content-wrapper .kontakty-block .kontakty-block-line {
          width: 100%;
          color: white;
          padding-top: 6px;
          letter-spacing: 1.4px; }
          .main-container#main-container-kontakty .kontakty-info-container .kontakty-content-wrapper .kontakty-block .kontakty-block-line tbody {
            border-spacing: 0px; }
          .main-container#main-container-kontakty .kontakty-info-container .kontakty-content-wrapper .kontakty-block .kontakty-block-line tr td {
            vertical-align: top;
            font-size: 14px;
            color: white;
            height: 30px; }
            .main-container#main-container-kontakty .kontakty-info-container .kontakty-content-wrapper .kontakty-block .kontakty-block-line tr td:first-child {
              color: #7f7f7f; }
            .main-container#main-container-kontakty .kontakty-info-container .kontakty-content-wrapper .kontakty-block .kontakty-block-line tr td:first-child + td {
              padding-left: 10px; }
            .main-container#main-container-kontakty .kontakty-info-container .kontakty-content-wrapper .kontakty-block .kontakty-block-line tr td span {
              color: #7f7f7f;
              font-size: 12px; }

.page-navigation {
  position: fixed;
  left: 3vw;
  top: 50%;
  z-index: 1000;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
  @media screen and (max-width: 50em) {
    .page-navigation {
      display: none; } }
  .page-navigation .page-navigation-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 5px 10px 5px 0px; }
    .page-navigation .page-navigation-block .page-navigation-block-number {
      display: none;
      font-size: 10px;
      padding-right: 10px;
      font-weight: 700;
      color: #f05a27;
      background: -webkit-linear-gradient(60deg, #f05b28, #feaf5a);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      -webkit-transition: opacity 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: opacity 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: opacity 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: opacity 0.2s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .page-navigation .page-navigation-block .page-navigation-block-line {
      width: 26px;
      height: 1px;
      margin: 7px 0px;
      background-color: #7f7f7f;
      -webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .page-navigation .page-navigation-block .page-navigation-block-line:hover {
        width: 30px;
        height: 3px;
        background-image: linear-gradient(to right, #f05a27, #e56f2c); }
    .page-navigation .page-navigation-block .page-navigation-lines {
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      .page-navigation .page-navigation-block .page-navigation-lines .page-navigation-block-line {
        display: none; }
        .page-navigation .page-navigation-block .page-navigation-lines .page-navigation-block-line:nth-of-type(1) {
          display: inline-block; }
    .page-navigation .page-navigation-block:hover .page-navigation-block-line {
      width: 30px;
      height: 3px;
      background-image: linear-gradient(to right, #f05a27, #e56f2c); }
    .page-navigation .page-navigation-block.selected .page-navigation-block-number {
      display: block; }
    .page-navigation .page-navigation-block.selected .page-navigation-lines {
      position: relative; }
      .page-navigation .page-navigation-block.selected .page-navigation-lines .page-navigation-block-line {
        display: inline-block;
        margin: 7px 4px 7px 0px;
        width: 26px;
        height: 3px;
        background-image: linear-gradient(to right, #f05a27, #e56f2c); }
        .page-navigation .page-navigation-block.selected .page-navigation-lines .page-navigation-block-line.hidden {
          background-image: none;
          background-color: #7f7f7f;
          display: inline-block; }
    .page-navigation .page-navigation-block.selected .page-navigation-block-line {
      display: inline-block;
      margin: 7px 4px 7px 0px;
      width: 26px;
      height: 3px;
      background-image: linear-gradient(to right, #f05a27, #e56f2c); }
      .page-navigation .page-navigation-block.selected .page-navigation-block-line.hidden {
        background-image: none;
        background-color: #7f7f7f;
        display: inline-block; }

.menu {
  z-index: 1000;
  position: fixed; }

.menu-desktop {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  letter-spacing: 1px;
  z-index: 1000; }
  .menu-desktop .menu-navbar {
    width: 100%;
    height: 9vh;
    background-color: #0e0e0e;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative; }
    .menu-desktop .menu-navbar .menu-logo-wrapper {
      padding-left: 2vw; }
      @media screen and (max-width: 74.9375em) {
        .menu-desktop .menu-navbar .menu-logo-wrapper {
          padding-left: 1.6vw; } }
      @media screen and (max-width: 62.4375em) {
        .menu-desktop .menu-navbar .menu-logo-wrapper {
          padding-left: 2vw; } }
      .menu-desktop .menu-navbar .menu-logo-wrapper .menu-logo-link {
        height: 100%; }
        @media screen and (max-width: 62.4375em) {
          .menu-desktop .menu-navbar .menu-logo-wrapper .menu-logo-link {
            align-items: unset; } }
        .menu-desktop .menu-navbar .menu-logo-wrapper .menu-logo-link .menu-logo {
          height: 50%;
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
          @media screen and (max-width: 62.4375em) {
            .menu-desktop .menu-navbar .menu-logo-wrapper .menu-logo-link .menu-logo {
              height: auto;
              width: 100px; } }
    .menu-desktop .menu-navbar .menu-links-wrapper {
      text-transform: uppercase;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      @media screen and (max-width: 74.9375em) {
        .menu-desktop .menu-navbar .menu-links-wrapper {
          padding-right: 2vw; } }
      @media screen and (max-width: 62.4375em) {
        .menu-desktop .menu-navbar .menu-links-wrapper {
          padding-right: 1vw; } }
      .menu-desktop .menu-navbar .menu-links-wrapper .menu-link {
        color: #a7a6a6;
        text-align: center;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        font-size: 12px;
        font-size: calc(11px + 0.14vw);
        font-weight: 600;
        padding: 0 1.2vw;
        position: relative;
        cursor: pointer;
        letter-spacing: 2px; }
        @media screen and (max-width: 74.9375em) {
          .menu-desktop .menu-navbar .menu-links-wrapper .menu-link {
            font-size: 11px;
            letter-spacing: 1.6px; } }
        @media screen and (max-width: 62.4375em) {
          .menu-desktop .menu-navbar .menu-links-wrapper .menu-link {
            letter-spacing: 1px; } }
        @media (max-width: 840px) {
          .menu-desktop .menu-navbar .menu-links-wrapper .menu-link {
            padding: 0 .5rem;
            white-space: nowrap; } }
        .menu-desktop .menu-navbar .menu-links-wrapper .menu-link:hover {
          color: white; }
          .menu-desktop .menu-navbar .menu-links-wrapper .menu-link:hover:before {
            opacity: 1; }
        .menu-desktop .menu-navbar .menu-links-wrapper .menu-link.selected {
          color: white; }
          .menu-desktop .menu-navbar .menu-links-wrapper .menu-link.selected:before {
            opacity: 1; }
        .menu-desktop .menu-navbar .menu-links-wrapper .menu-link .active {
          color: white; }
        .menu-desktop .menu-navbar .menu-links-wrapper .menu-link.is-lang {
          padding: 0 .5rem;
          outline: none; }
          .menu-desktop .menu-navbar .menu-links-wrapper .menu-link.is-lang::before {
            display: none; }
        .menu-desktop .menu-navbar .menu-links-wrapper .menu-link.is-tel {
          color: #e56f2c;
          cursor: default;
          white-space: nowrap; }
          .menu-desktop .menu-navbar .menu-links-wrapper .menu-link.is-tel::before {
            content: none; }
        .menu-desktop .menu-navbar .menu-links-wrapper .menu-link:before {
          content: "";
          position: absolute;
          opacity: 0;
          bottom: 0px;
          width: 90%;
          height: 2px;
          background-image: linear-gradient(to right, #f05a27, #e56f2c);
          -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
  .menu-desktop .menu-expand {
    width: 100%;
    position: relative;
    height: 32vh;
    max-height: 350px;
    min-height: 270px;
    border-top: 1px solid #262626;
    display: none;
    background-color: black;
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .menu-desktop .menu-expand.hidden {
      opacity: 1; }
    .menu-desktop .menu-expand.show {
      display: block; }
    .menu-desktop .menu-expand .menu-expand-content {
      height: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      opacity: 0;
      -webkit-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
      -ms-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
      -o-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
      transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .menu-desktop .menu-expand .menu-expand-content.hidden {
        opacity: 1; }
    .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      position: relative;
      height: 100%;
      width: 16vw; }
      .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col:nth-of-type(1) {
        width: 36vw; }
        .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col:nth-of-type(1) a {
          background-color: rgba(0, 0, 0, 0);
          background-image: radial-gradient(ellipse farthest-corner at 90% 130%, rgba(20, 20, 20, 0.08), black 68%); }
          .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col:nth-of-type(1) a:hover {
            background-color: rgba(0, 0, 0, 0.4); }
        .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col:nth-of-type(1) p {
          width: 50%; }
      .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-link {
        display: block;
        width: 100%;
        height: 100%;
        z-index: 1000;
        cursor: pointer;
        background-color: black;
        padding: 2vw;
        -webkit-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-link.disabled {
          background-color: #262626;
          cursor: default !important;
          text-decoration: line-through;
          color: #f1f1f1 !important; }
          .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-link.disabled:hover {
            color: #f1f1f1 !important; }
            .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-link.disabled:hover .co-je-menu-orange-arrow {
              opacity: 0; }
        .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-link:hover {
          background-color: #262626; }
          .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-link:hover .co-je-menu-orange-arrow {
            opacity: 1; }
          .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-link:hover .co-je-menu-white-arrow {
            -webkit-transform: translateX(10px);
            -ms-transform: translateX(10px);
            -o-transform: translateX(10px);
            transform: translateX(10px); }
          .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-link:hover .co-je-menu-arrow-container {
            -webkit-transform: translateX(10px);
            -ms-transform: translateX(10px);
            -o-transform: translateX(10px);
            transform: translateX(10px); }
          .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-link:hover .co-je-menu-menu-arrow {
            opacity: 0; }
          .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-link:hover .co-je-menu-menu-arrow-orange {
            opacity: 1; }
          .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-link:hover p {
            color: white; }
          .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-link:hover h4 {
            color: #f05a27;
            background: -webkit-linear-gradient(60deg, #f05b28, #feaf5a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; }
            .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-link:hover h4.always-white {
              -webkit-background-clip: text;
              -webkit-text-fill-color: unset;
              color: white !important; }
      .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-menu-white-arrow {
        position: relative;
        margin-top: 1vh;
        max-width: 30px;
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-menu-arrow-container {
        position: relative;
        margin-top: 1vh;
        max-width: 30px;
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-menu-menu-arrow {
        position: absolute;
        width: 100%;
        opacity: 1;
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-menu-menu-arrow-orange {
        position: absolute;
        width: 100%;
        opacity: 0;
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col h3 {
        font-size: 21px;
        font-size: calc(14px + 0.4vw);
        line-height: calc(18px + 0.6vw);
        color: white;
        font-weight: 500;
        text-transform: uppercase; }
      .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col h4 {
        font-size: 16px;
        font-weight: 500;
        color: white; }
      .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col p {
        font-size: 12px;
        color: #7f7f7f;
        -webkit-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        display: block;
        font-weight: 400;
        width: 100%; }
      .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col span.uvodni {
        font-size: 14px;
        margin-bottom: 2vh;
        font-weight: 500;
        color: white;
        width: 50%;
        display: block; }
      .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-col-two {
        height: 50%;
        border-bottom: 1px solid #262626;
        position: relative; }
        .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-col-two .co-je-menu-orange-arrow {
          opacity: 0;
          position: absolute;
          right: 1vw;
          bottom: 1vw;
          height: 16px;
          -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-col-five {
        font-size: 14px;
        color: white;
        height: 20%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        border-bottom: 1px solid #262626; }
        .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-col-five .co-je-link {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-align-self: center;
          -ms-flex-item-align: center;
          align-self: center;
          padding: 0 1vw; }
          .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-col-five .co-je-link:hover {
            color: #f05a27; }
          .menu-desktop .menu-expand #menu-exp-co-je-disabled .co-je-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow {
            position: relative;
            height: 10px;
            margin-left: 10px; }
    .menu-desktop .menu-expand #menu-exp-porovnanis .porovnani-col {
      width: calc(100% / 3);
      position: relative;
      height: 100%; }
      .menu-desktop .menu-expand #menu-exp-porovnanis .porovnani-col:last-of-type {
        border-right: none; }
      .menu-desktop .menu-expand #menu-exp-porovnanis .porovnani-col .porovnani-link {
        display: block;
        width: 100%;
        height: 100%;
        z-index: 1000;
        cursor: pointer;
        padding: 2vw;
        background-image: linear-gradient(165deg, #0c0c0c, rgba(12, 12, 12, 0.6) 60%, rgba(160, 160, 160, 0.3));
        -webkit-transition: background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .menu-desktop .menu-expand #menu-exp-porovnanis .porovnani-col .porovnani-link:hover {
          background-image: linear-gradient(222deg, rgba(242, 101, 39, 0.9), rgba(249, 158, 54, 0.6) 60%, rgba(249, 158, 54, 0.5)); }
          .menu-desktop .menu-expand #menu-exp-porovnanis .porovnani-col .porovnani-link:hover p {
            color: white; }
        .menu-desktop .menu-expand #menu-exp-porovnanis .porovnani-col .porovnani-link .porovnani-odkaz {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-align-content: center;
          -ms-flex-line-pack: center;
          align-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center; }
          .menu-desktop .menu-expand #menu-exp-porovnanis .porovnani-col .porovnani-link .porovnani-odkaz h3 {
            font-size: 32px;
            line-height: 30px;
            color: #feaf5a;
            margin-bottom: 8px; }
          .menu-desktop .menu-expand #menu-exp-porovnanis .porovnani-col .porovnani-link .porovnani-odkaz .porovnani-menu-white-arrow {
            margin-left: 40px;
            -webkit-transform: translateX(0px);
            -ms-transform: translateX(0px);
            -o-transform: translateX(0px);
            transform: translateX(0px);
            -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            height: 26px; }
        .menu-desktop .menu-expand #menu-exp-porovnanis .porovnani-col .porovnani-link h4 {
          color: white;
          font-weight: 600; }
        .menu-desktop .menu-expand #menu-exp-porovnanis .porovnani-col .porovnani-link p {
          font-size: calc(11px + 0.1vw);
          color: #7f7f7f;
          font-weight: 400;
          -webkit-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .menu-desktop .menu-expand #menu-exp-porovnanis .porovnani-col .porovnani-link .porovnani-bottom-text {
          position: absolute;
          bottom: 0.8vw;
          right: 0.8vw;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: end;
          -moz-box-pack: end;
          -ms-flex-pack: end;
          -webkit-justify-content: flex-end;
          justify-content: flex-end;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .menu-desktop .menu-expand #menu-exp-porovnanis .porovnani-col .porovnani-link .porovnani-bottom-text h4 {
            margin: 0;
            font-size: 14px;
            line-height: 14px;
            text-transform: uppercase;
            font-weight: 500;
            white-space: nowrap; }
          .menu-desktop .menu-expand #menu-exp-porovnanis .porovnani-col .porovnani-link .porovnani-bottom-text .porovnani-menu-next-white {
            margin-left: 20px;
            height: 20px; }
    .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col {
      width: 25vw;
      position: relative;
      height: 100%;
      background-image: radial-gradient(ellipse farthest-corner at 100% 100%, rgba(30, 30, 30, 0.7) 0%, black 40%); }
      .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col:nth-of-type(1) {
        width: 50vw; }
      .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col:last-of-type {
        border-right: none; }
      .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col .nabidka-link {
        display: block;
        width: 100%;
        height: 100%;
        z-index: 1000;
        cursor: pointer;
        padding: 2vw;
        -webkit-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col .nabidka-link:hover .nabidka-arrow-container {
          -webkit-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px); }
        .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col .nabidka-link:hover .nabidka-menu-arrow {
          opacity: 0; }
        .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col .nabidka-link:hover .nabidka-menu-arrow-orange {
          opacity: 1; }
        .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col .nabidka-link:hover p {
          color: white; }
        .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col .nabidka-link:hover h3,
        .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col .nabidka-link:hover h4 {
          color: #f05a27;
          background: -webkit-linear-gradient(60deg, #f05b28, #feaf5a);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
        .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col .nabidka-link span.uvodni {
          font-size: 14px;
          margin-bottom: 2vh;
          font-weight: 500;
          color: white;
          width: 40%;
          display: block; }
        .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col .nabidka-link .nabidka-arrow-container {
          position: relative;
          margin-top: 1vh;
          max-width: 30px;
          -webkit-transform: translateX(0px);
          -ms-transform: translateX(0px);
          -o-transform: translateX(0px);
          transform: translateX(0px);
          -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col .nabidka-link .nabidka-menu-arrow {
          position: absolute;
          width: 100%;
          opacity: 1;
          -webkit-transform: translateX(0px);
          -ms-transform: translateX(0px);
          -o-transform: translateX(0px);
          transform: translateX(0px);
          -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col .nabidka-link .nabidka-menu-arrow-orange {
          position: absolute;
          width: 100%;
          opacity: 0;
          -webkit-transform: translateX(0px);
          -ms-transform: translateX(0px);
          -o-transform: translateX(0px);
          transform: translateX(0px);
          -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col .nabidka-link h3 {
          font-size: 21px;
          font-size: calc(14px + 0.4vw);
          line-height: calc(18px + 0.6vw);
          display: inline-block;
          font-weight: 500;
          text-transform: uppercase;
          -webkit-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          color: white; }
        .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col .nabidka-link h4 {
          text-transform: uppercase;
          font-size: 20px;
          font-weight: 500;
          color: white;
          -webkit-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), background 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .menu-desktop .menu-expand #menu-exp-nabidka .nabidka-col .nabidka-link p {
          font-size: 12px;
          color: white;
          -webkit-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -ms-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          -o-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
          display: block;
          font-weight: 400;
          width: 100%; }
    .menu-desktop .menu-expand #menu-exp-reference .reference-col, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col, .menu-desktop .menu-expand #menu-exp-reference .co-je-col, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col, .menu-desktop .menu-expand #menu-exp-co-je .reference-col, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      position: relative;
      height: 100%;
      width: calc(100% / 6); }
      .menu-desktop .menu-expand #menu-exp-reference .reference-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-reference .reference-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-reference .reference-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-reference .porovnani-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-reference .porovnani-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-reference .porovnani-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-reference .co-je-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-reference .co-je-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-reference .co-je-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-reference .prezentace-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-reference .prezentace-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-reference .prezentace-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-porovnani .reference-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-porovnani .reference-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-porovnani .reference-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-co-je .reference-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-co-je .reference-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-co-je .reference-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-co-je .co-je-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-co-je .co-je-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-co-je .co-je-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-prezentace .reference-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-prezentace .reference-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-prezentace .reference-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col:nth-of-type(3) {
        width: calc(100% / 3); }
        .menu-desktop .menu-expand #menu-exp-reference .reference-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-reference .reference-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-reference .reference-col:nth-of-type(3) a, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col:nth-of-type(3) a, .menu-desktop .menu-expand #menu-exp-reference .co-je-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-reference .co-je-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-reference .co-je-col:nth-of-type(3) a, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col:nth-of-type(3) a, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col:nth-of-type(3) a, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col:nth-of-type(3) a, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col:nth-of-type(3) a, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col:nth-of-type(3) a, .menu-desktop .menu-expand #menu-exp-co-je .reference-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-co-je .reference-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-co-je .reference-col:nth-of-type(3) a, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col:nth-of-type(3) a, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col:nth-of-type(3) a, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col:nth-of-type(3) a, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col:nth-of-type(3) a, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col:nth-of-type(3) a, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col:nth-of-type(3) a, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col:nth-of-type(1) a, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col:nth-of-type(2) a, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col:nth-of-type(3) a {
          background-color: rgba(0, 0, 0, 0); }
          .menu-desktop .menu-expand #menu-exp-reference .reference-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-reference .reference-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-reference .reference-col:nth-of-type(3) a:hover, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col:nth-of-type(3) a:hover, .menu-desktop .menu-expand #menu-exp-reference .co-je-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-reference .co-je-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-reference .co-je-col:nth-of-type(3) a:hover, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col:nth-of-type(3) a:hover, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col:nth-of-type(3) a:hover, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col:nth-of-type(3) a:hover, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col:nth-of-type(3) a:hover, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col:nth-of-type(3) a:hover, .menu-desktop .menu-expand #menu-exp-co-je .reference-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-co-je .reference-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-co-je .reference-col:nth-of-type(3) a:hover, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col:nth-of-type(3) a:hover, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col:nth-of-type(3) a:hover, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col:nth-of-type(3) a:hover, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col:nth-of-type(3) a:hover, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col:nth-of-type(3) a:hover, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col:nth-of-type(3) a:hover, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col:nth-of-type(1) a:hover, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col:nth-of-type(2) a:hover, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col:nth-of-type(3) a:hover {
            background-color: rgba(0, 0, 0, 0.4); }
        .menu-desktop .menu-expand #menu-exp-reference .reference-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-reference .reference-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-reference .reference-col:nth-of-type(3) p, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col:nth-of-type(3) p, .menu-desktop .menu-expand #menu-exp-reference .co-je-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-reference .co-je-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-reference .co-je-col:nth-of-type(3) p, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col:nth-of-type(3) p, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col:nth-of-type(3) p, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col:nth-of-type(3) p, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col:nth-of-type(3) p, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col:nth-of-type(3) p, .menu-desktop .menu-expand #menu-exp-co-je .reference-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-co-je .reference-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-co-je .reference-col:nth-of-type(3) p, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col:nth-of-type(3) p, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col:nth-of-type(3) p, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col:nth-of-type(3) p, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col:nth-of-type(3) p, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col:nth-of-type(3) p, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col:nth-of-type(3) p, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col:nth-of-type(1) p, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col:nth-of-type(2) p, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col:nth-of-type(3) p {
          width: 50%; }
      .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-link, .menu-desktop .menu-expand #menu-exp-reference .reference-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-link, .menu-desktop .menu-expand #menu-exp-reference .reference-col .prezentace-link, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-link, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-link, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .prezentace-link, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-link, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-link, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .prezentace-link, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-link, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-link, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .prezentace-link, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-link, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-link, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .prezentace-link, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-link, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-link, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .prezentace-link, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-link, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-link, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .prezentace-link, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-link, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-link, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .prezentace-link, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-link, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-link, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .prezentace-link, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-link, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-link, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .prezentace-link, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-link, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-link, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .prezentace-link, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-link, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-link, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .prezentace-link, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-link, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-link, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .prezentace-link, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-link, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-link, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .prezentace-link, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-link, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-link, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .prezentace-link, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-link, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .porovnani-link, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-link, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .prezentace-link {
        display: block;
        width: 100%;
        height: 100%;
        z-index: 1000;
        cursor: pointer;
        background-color: black;
        padding: 2vw;
        position: relative;
        -webkit-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
        .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-reference .reference-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-reference .reference-col .prezentace-link:hover, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .prezentace-link:hover, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .prezentace-link:hover, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .prezentace-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .prezentace-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .prezentace-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .prezentace-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .prezentace-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .prezentace-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .prezentace-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .prezentace-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .prezentace-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .prezentace-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .prezentace-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .prezentace-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .porovnani-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .prezentace-link:hover {
          background-color: #262626; }
          .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .reference-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .reference-col .prezentace-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .prezentace-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .prezentace-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .prezentace-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .prezentace-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .prezentace-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .prezentace-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .prezentace-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .prezentace-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .prezentace-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .prezentace-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .prezentace-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .prezentace-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .prezentace-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .prezentace-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .porovnani-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-link:hover .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .prezentace-link:hover .reference-arrow-container {
            -webkit-transform: translateX(10px);
            -ms-transform: translateX(10px);
            -o-transform: translateX(10px);
            transform: translateX(10px); }
          .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .reference-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .reference-col .prezentace-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .prezentace-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .prezentace-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .prezentace-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .prezentace-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .prezentace-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .prezentace-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .prezentace-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .prezentace-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .prezentace-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .prezentace-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .prezentace-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .prezentace-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .prezentace-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .prezentace-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .porovnani-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-link:hover .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .prezentace-link:hover .reference-menu-arrow {
            opacity: 0; }
          .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .reference-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .reference-col .prezentace-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .prezentace-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .prezentace-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .prezentace-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .prezentace-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .prezentace-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .prezentace-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .prezentace-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .prezentace-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .prezentace-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .prezentace-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .prezentace-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .prezentace-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .prezentace-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .prezentace-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .porovnani-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-link:hover .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .prezentace-link:hover .reference-menu-arrow-orange {
            opacity: 1; }
          .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .reference-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .reference-col .prezentace-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .prezentace-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .prezentace-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .prezentace-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .prezentace-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .prezentace-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .prezentace-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .prezentace-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .prezentace-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .prezentace-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .prezentace-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .prezentace-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .prezentace-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .prezentace-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .prezentace-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .porovnani-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-link:hover .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .prezentace-link:hover .reference-menu-white-arrow {
            -webkit-transform: translateX(10px);
            -ms-transform: translateX(10px);
            -o-transform: translateX(10px);
            transform: translateX(10px); }
          .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-reference .reference-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .reference-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-reference .reference-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .reference-col .prezentace-link:hover h4, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .prezentace-link:hover h4, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .co-je-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .co-je-col .prezentace-link:hover h4, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .prezentace-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .prezentace-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .prezentace-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .prezentace-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .prezentace-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .reference-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .reference-col .prezentace-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .prezentace-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .prezentace-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .prezentace-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .prezentace-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .prezentace-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .prezentace-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .porovnani-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .porovnani-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-link:hover h4, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .prezentace-link:hover h3,
          .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .prezentace-link:hover h4 {
            color: #f05a27;
            background: -webkit-linear-gradient(60deg, #f05b28, #feaf5a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; }
            .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-reference .reference-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .reference-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-reference .reference-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .reference-col .prezentace-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .prezentace-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .co-je-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .co-je-col .prezentace-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .prezentace-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .prezentace-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .prezentace-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .prezentace-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .prezentace-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .reference-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .reference-col .prezentace-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .prezentace-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .prezentace-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .prezentace-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .prezentace-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .prezentace-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .prezentace-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .porovnani-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .porovnani-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-link:hover h4.always-white, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .prezentace-link:hover h3.always-white,
            .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .prezentace-link:hover h4.always-white {
              -webkit-background-clip: text;
              -webkit-text-fill-color: unset;
              color: white !important; }
        .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-reference .reference-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-reference .reference-col .prezentace-link .orange, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .prezentace-link .orange, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .prezentace-link .orange, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .prezentace-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .prezentace-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .prezentace-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .prezentace-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .prezentace-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .prezentace-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .prezentace-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .prezentace-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .prezentace-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .prezentace-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .prezentace-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .prezentace-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .porovnani-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-link .orange, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .prezentace-link .orange {
          color: #f05a27; }
        .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-reference .reference-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-reference .reference-col .prezentace-link .gray, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .prezentace-link .gray, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .prezentace-link .gray, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .prezentace-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .prezentace-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .prezentace-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .prezentace-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .prezentace-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .prezentace-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .prezentace-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .prezentace-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .prezentace-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .prezentace-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .prezentace-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .prezentace-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .porovnani-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-link .gray, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .prezentace-link .gray {
          opacity: .8;
          font-weight: 400; }
      .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-menu-white-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-menu-white-arrow {
        position: relative;
        margin-top: 1vh;
        max-width: 30px;
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-arrow-container, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-arrow-container {
        position: relative;
        margin-top: 1vh;
        max-width: 30px;
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-menu-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-menu-arrow {
        position: absolute;
        width: 100%;
        opacity: 1;
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-menu-arrow-orange, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-menu-arrow-orange {
        position: absolute;
        width: 100%;
        opacity: 0;
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
      .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-pocet, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-pocet, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-pocet, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-pocet, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-pocet, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-pocet, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-pocet, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-pocet, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-pocet, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-pocet, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-pocet, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-pocet, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-pocet, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-pocet, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-pocet, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-pocet {
        bottom: 0vh;
        position: absolute;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 400;
        color: #f05b28; }
        .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-pocet .reference-cislo, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-pocet .reference-cislo, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-pocet .reference-cislo, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-pocet .reference-cislo, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-pocet .reference-cislo, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-pocet .reference-cislo, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-pocet .reference-cislo, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-pocet .reference-cislo, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-pocet .reference-cislo, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-pocet .reference-cislo, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-pocet .reference-cislo, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-pocet .reference-cislo, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-pocet .reference-cislo, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-pocet .reference-cislo, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-pocet .reference-cislo, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-pocet .reference-cislo {
          font-size: 30px;
          font-weight: 500; }
      .menu-desktop .menu-expand #menu-exp-reference .reference-col h3, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col h3, .menu-desktop .menu-expand #menu-exp-reference .co-je-col h3, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col h3, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col h3, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col h3, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col h3, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col h3, .menu-desktop .menu-expand #menu-exp-co-je .reference-col h3, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col h3, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col h3, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col h3, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col h3, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col h3, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col h3, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col h3 {
        font-size: 21px;
        font-size: calc(14px + 0.4vw);
        line-height: calc(18px + 0.6vw);
        display: inline-block;
        color: white;
        font-weight: 500;
        text-transform: uppercase; }
      .menu-desktop .menu-expand #menu-exp-reference .reference-col h4, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col h4, .menu-desktop .menu-expand #menu-exp-reference .co-je-col h4, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col h4, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col h4, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col h4, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col h4, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col h4, .menu-desktop .menu-expand #menu-exp-co-je .reference-col h4, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col h4, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col h4, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col h4, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col h4, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col h4, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col h4, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col h4 {
        font-size: 16px;
        font-weight: 500;
        color: white; }
      .menu-desktop .menu-expand #menu-exp-reference .reference-col p, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col p, .menu-desktop .menu-expand #menu-exp-reference .co-je-col p, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col p, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col p, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col p, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col p, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col p, .menu-desktop .menu-expand #menu-exp-co-je .reference-col p, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col p, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col p, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col p, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col p, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col p, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col p, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col p {
        font-size: 12px;
        color: #7f7f7f;
        -webkit-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -ms-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        -o-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
        display: block;
        font-weight: 400;
        width: 100%; }
      .menu-desktop .menu-expand #menu-exp-reference .reference-col span.uvodni, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col span.uvodni, .menu-desktop .menu-expand #menu-exp-reference .co-je-col span.uvodni, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col span.uvodni, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col span.uvodni, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col span.uvodni, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col span.uvodni, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col span.uvodni, .menu-desktop .menu-expand #menu-exp-co-je .reference-col span.uvodni, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col span.uvodni, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col span.uvodni, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col span.uvodni, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col span.uvodni, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col span.uvodni, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col span.uvodni, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col span.uvodni {
        font-size: 14px;
        margin-bottom: 2vh;
        font-weight: 500;
        color: white;
        width: 50%;
        display: block; }
      .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-col-five, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-col-five, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-col-five, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-col-five, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-col-five, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-col-five, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-col-five, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-col-five, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-col-five, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-col-five, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-col-five, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-col-five, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-col-five, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-col-five, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-col-five, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-col-five, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-col-five {
        font-size: 14px;
        color: white;
        height: 20%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        border-bottom: 1px solid #262626; }
        .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-col-five .co-je-link, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-col-five .reference-link, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-col-five .co-je-link {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-align-self: center;
          -ms-flex-item-align: center;
          align-self: center;
          padding: 0 1vw; }
          .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-col-five .co-je-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-col-five .reference-link:hover, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-col-five .co-je-link:hover {
            color: #f05a27; }
          .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .reference-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .reference-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .porovnani-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .co-je-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-reference .prezentace-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .reference-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .porovnani-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-porovnani .prezentace-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .reference-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .porovnani-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .co-je-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-co-je .prezentace-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .reference-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .porovnani-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .reference-col-five .co-je-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-col-five .reference-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-col-five .reference-link .co-je-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-col-five .co-je-link .reference-menu-vert-arrow, .menu-desktop .menu-expand #menu-exp-prezentace .prezentace-col .co-je-col-five .co-je-link .co-je-menu-vert-arrow {
            position: relative;
            height: 10px;
            margin-left: 10px; }
    .menu-desktop .menu-expand #menu-exp-reference .co-je-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-co-je .co-je-col:nth-of-type(1), .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col:nth-of-type(1) {
      width: 50vw; }
    .menu-desktop .menu-expand #menu-exp-reference .co-je-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-co-je .co-je-col:nth-of-type(2), .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col:nth-of-type(2) {
      width: 34vw; }
    .menu-desktop .menu-expand #menu-exp-reference .co-je-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-porovnani .co-je-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-co-je .co-je-col:nth-of-type(3), .menu-desktop .menu-expand #menu-exp-prezentace .co-je-col:nth-of-type(3) {
      width: 16vw; }

.heatflow-vs {
  font-size: 60%;
  margin-bottom: .5rem;
  font-weight: 700; }

@media print, screen and (min-width: 75em) {
  .lang-switcher {
    background: -webkit-linear-gradient(90deg, #f05a27, #e56f2c);
    padding: 2.25vh 2vh;
    margin-left: 1rem; }
  .lang-item {
    display: block;
    color: #ffffff;
    padding: .25rem 1rem;
    cursor: pointer;
    transition: font-weight .3s; }
    .lang-item.selected, .lang-item:hover {
      font-weight: 700; }
    .lang-item::after {
      content: '';
      font-weight: 700;
      overflow: hidden; } }

.footer {
  background-color: black;
  width: 100%;
  height: auto; }
  .footer a {
    text-decoration: none;
    color: inherit; }
  .footer .footer-link {
    text-decoration: underline; }
    .footer .footer-link:hover {
      text-decoration: none; }
  .footer .footer-cont {
    width: 90%;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0px auto;
    padding: 8vh 0px;
    height: auto; }
    @media screen and (max-width: 74.9375em) {
      .footer .footer-cont {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .footer .footer-cont .footer-cell {
      width: 50%;
      margin: 0 3vw;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      @media screen and (max-width: 74.9375em) {
        .footer .footer-cont .footer-cell {
          width: 100%;
          margin: 0 4vw; }
          .footer .footer-cont .footer-cell:nth-of-type(2) {
            margin-top: 40px;
            margin-bottom: 40px; } }
      .footer .footer-cont .footer-cell .footer-cell-heading {
        font-size: 13px;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        font-weight: 500;
        color: #f05b28;
        position: relative;
        margin-bottom: 35px; }
      .footer .footer-cont .footer-cell .footer-cell-menu {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        width: 35%;
        position: relative; }
        .footer .footer-cont .footer-cell .footer-cell-menu .footer-cell-menu-list {
          list-style: none;
          margin: 0px; }
          .footer .footer-cont .footer-cell .footer-cell-menu .footer-cell-menu-list .footer-cell-menu-list-item .footer-cell-link {
            height: 100%;
            display: block;
            font-size: 13px;
            line-height: 26px;
            font-weight: 500;
            color: white;
            -webkit-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -ms-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            -o-transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
            .footer .footer-cont .footer-cell .footer-cell-menu .footer-cell-menu-list .footer-cell-menu-list-item .footer-cell-link:hover {
              color: #7f7f7f; }
            .footer .footer-cont .footer-cell .footer-cell-menu .footer-cell-menu-list .footer-cell-menu-list-item .footer-cell-link.disabled {
              cursor: default;
              color: #7f7f7f;
              text-decoration: line-through; }
            .footer .footer-cont .footer-cell .footer-cell-menu .footer-cell-menu-list .footer-cell-menu-list-item .footer-cell-link--underline {
              text-decoration: underline; }
      .footer .footer-cont .footer-cell .footer-cell-map-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        width: 60%;
        position: relative; }
        .footer .footer-cont .footer-cell .footer-cell-map-container .footer-cell-kontakt {
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between; }
          @media screen and (max-width: 74.9375em) {
            .footer .footer-cont .footer-cell .footer-cell-map-container .footer-cell-kontakt {
              -webkit-box-pack: start;
              -moz-box-pack: start;
              -ms-flex-pack: start;
              -webkit-justify-content: flex-start;
              justify-content: flex-start; } }
          .footer .footer-cont .footer-cell .footer-cell-map-container .footer-cell-kontakt .footer-cell-kontakt-half {
            color: white;
            font-size: 13px;
            line-height: 22px;
            font-weight: 500; }
            @media screen and (max-width: 74.9375em) {
              .footer .footer-cont .footer-cell .footer-cell-map-container .footer-cell-kontakt .footer-cell-kontakt-half {
                margin-right: 4vw; } }
            .footer .footer-cont .footer-cell .footer-cell-map-container .footer-cell-kontakt .footer-cell-kontakt-half .footer-cell-kontakt-heading {
              text-transform: uppercase;
              letter-spacing: 2px;
              color: #7f7f7f;
              display: block; }
            .footer .footer-cont .footer-cell .footer-cell-map-container .footer-cell-kontakt .footer-cell-kontakt-half .footer-cell-kontakt-telephone {
              color: #7f7f7f; }
        .footer .footer-cont .footer-cell .footer-cell-map-container .footer-cell-map {
          position: relative;
          width: 100%;
          margin-top: 30px; }
          .footer .footer-cont .footer-cell .footer-cell-map-container .footer-cell-map .footer-map {
            width: 85%;
            max-width: 330px; }
      .footer .footer-cont .footer-cell .footer-cell-loga-grid {
        display: grid;
        grid-template-columns: 41% 59%;
        grid-template-rows: 35px 80px 60px 20px;
        grid-column-gap: 2vw;
        grid-row-gap: 3vh;
        font-size: 14px;
        min-width: 0px;
        min-height: 0px; }
        @media screen and (max-width: 87.4375em) {
          .footer .footer-cont .footer-cell .footer-cell-loga-grid {
            grid-column-gap: 40px;
            grid-template-columns: 39% 54%; } }
        .footer .footer-cont .footer-cell .footer-cell-loga-grid .footer-cell-heading {
          grid-column-start: 1;
          grid-column-end: span 2;
          grid-row-start: 1;
          grid-row-end: 1; }
        .footer .footer-cont .footer-cell .footer-cell-loga-grid .footer-logo-fusion {
          align-self: start;
          height: 50px;
          margin-top: 4px; }
        .footer .footer-cont .footer-cell .footer-cell-loga-grid .footer-reseni-popis {
          align-self: start;
          text-align: justify;
          color: #7f7f7f; }
        .footer .footer-cont .footer-cell .footer-cell-loga-grid .footer-logo-link {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          -webkit-box-pack: start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
        .footer .footer-cont .footer-cell .footer-cell-loga-grid .footer-logo-mcore {
          height: 46px; }
        .footer .footer-cont .footer-cell .footer-cell-loga-grid .footer-logo-popis {
          align-self: start;
          color: #7f7f7f; }
        .footer .footer-cont .footer-cell .footer-cell-loga-grid .footer-logo-loxone {
          height: 23px;
          margin-bottom: 7px; }
  .footer .footer-copyright {
    width: 100%;
    height: 60px;
    background-color: #191919;
    position: relative;
    text-align: center;
    color: #7f7f7f;
    font-size: 12px;
    font-size: calc(12px + 0.2vw);
    line-height: 60px; }
    .footer .footer-copyright .footer-to-top {
      position: absolute;
      bottom: 0px;
      right: 0px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 60px;
      height: 60px;
      background-image: linear-gradient(to bottom, #f05a27, #e56f2c); }
      .footer .footer-copyright .footer-to-top .footer-to-top-link {
        width: 20px; }

.menu-mobile {
  display: none;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 10vh;
  z-index: 10000; }
  @media screen and (max-width: 50em) {
    .menu-mobile {
      display: block; } }
  .menu-mobile .menu-mobile-trigger {
    position: absolute;
    left: 3vh;
    top: 4vh;
    width: 46px; }
  .menu-mobile .menu-mobile-home-link {
    position: absolute;
    right: 3vh;
    top: 4vh; }
    .menu-mobile .menu-mobile-home-link .menu-mobile-home {
      width: 36px; }
  .menu-mobile .menu-mobile-opened {
    width: 100%;
    height: 100vh;
    overflow: hidden; }
    .menu-mobile .menu-mobile-opened .menu-mobile-nabidka {
      position: absolute;
      top: 50vh;
      height: 50vh;
      width: 100%;
      text-align: center;
      background-image: linear-gradient(#505052, #232021);
      z-index: 10001; }
      .menu-mobile .menu-mobile-opened .menu-mobile-nabidka .menu-mobile-nabidka-link {
        position: absolute;
        width: 94%;
        bottom: 20vh;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        text-transform: uppercase;
        color: white;
        font-weight: 600;
        font-size: 7vw;
        letter-spacing: 2px; }
    .menu-mobile .menu-mobile-opened .menu-mobile-cont {
      position: relative;
      top: 0px;
      width: 100%;
      height: 65%;
      z-index: 10002; }
      .menu-mobile .menu-mobile-opened .menu-mobile-cont .menu-mobile-block {
        width: 100%;
        position: relative;
        padding-top: 24vh; }
        .menu-mobile .menu-mobile-opened .menu-mobile-cont .menu-mobile-block .menu-mobile-close {
          position: absolute;
          left: 4vh;
          top: 4vh;
          width: 36px; }
        .menu-mobile .menu-mobile-opened .menu-mobile-cont .menu-mobile-block .menu-mobile-logo {
          position: absolute;
          left: 50%;
          top: 4vh;
          width: 40%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%); }
        .menu-mobile .menu-mobile-opened .menu-mobile-cont .menu-mobile-block .menu-mobile-home-link-open {
          position: absolute;
          right: 4vh;
          top: 4vh; }
          .menu-mobile .menu-mobile-opened .menu-mobile-cont .menu-mobile-block .menu-mobile-home-link-open .menu-mobile-home {
            width: 36px; }
        .menu-mobile .menu-mobile-opened .menu-mobile-cont .menu-mobile-block .menu-mobile-list {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          text-align: center; }
          .menu-mobile .menu-mobile-opened .menu-mobile-cont .menu-mobile-block .menu-mobile-list .menu-mobile-list-item {
            margin-bottom: 20px;
            list-style: none;
            text-align: center; }
            .menu-mobile .menu-mobile-opened .menu-mobile-cont .menu-mobile-block .menu-mobile-list .menu-mobile-list-item .menu-mobile-link {
              text-transform: uppercase;
              color: white;
              font-weight: 600;
              font-size: 7vw;
              letter-spacing: 2px; }
              .menu-mobile .menu-mobile-opened .menu-mobile-cont .menu-mobile-block .menu-mobile-list .menu-mobile-list-item .menu-mobile-link:hover {
                color: rgba(255, 255, 255, 0.8); }

.main-container#main-container-ke-stazeni {
  min-height: 100vh;
  position: relative;
  background-image: url("/assets/images/backgrounds/img_ref_bottom_bg.png"), url("/assets/images/backgrounds/img_ref_top_bg.png");
  background-color: #0e0e0e;
  background-position: 0 100%, 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding-bottom: 300px; }
  .main-container#main-container-ke-stazeni .stazeni-container {
    position: relative;
    padding-top: 20vh;
    margin: 0 auto;
    width: 80vw;
    max-width: 1000px; }
    .main-container#main-container-ke-stazeni .stazeni-container .stazeni-nadpis {
      text-transform: uppercase;
      font-size: 5.8vw;
      text-align: center;
      font-weight: 400;
      color: white;
      letter-spacing: 5px;
      margin-bottom: 10vh; }
      .main-container#main-container-ke-stazeni .stazeni-container .stazeni-nadpis b {
        font-weight: 500; }
      @media screen and (min-width: 81.25em) {
        .main-container#main-container-ke-stazeni .stazeni-container .stazeni-nadpis {
          font-size: 76px; } }
    .main-container#main-container-ke-stazeni .stazeni-container .stazeni-route {
      color: #f05b28;
      font-size: 11px;
      font-weight: 300;
      text-transform: uppercase;
      width: 100%;
      text-align: center;
      position: relative; }
    .main-container#main-container-ke-stazeni .stazeni-container .stazeni-list-cont {
      width: 100%;
      display: block;
      position: relative; }
      .main-container#main-container-ke-stazeni .stazeni-container .stazeni-list-cont .stazeni-list {
        width: 100%;
        position: relative;
        margin: 0;
        list-style: none; }
        .main-container#main-container-ke-stazeni .stazeni-container .stazeni-list-cont .stazeni-list .stazeni-list-item {
          width: 100%;
          position: relative;
          height: 60px;
          border-top: 2px #9d9c9c solid;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .main-container#main-container-ke-stazeni .stazeni-container .stazeni-list-cont .stazeni-list .stazeni-list-item .doc-name {
            color: #9d9c9c;
            font-weight: 400;
            font-size: 20px; }
            .main-container#main-container-ke-stazeni .stazeni-container .stazeni-list-cont .stazeni-list .stazeni-list-item .doc-name b {
              color: white;
              font-weight: 500; }
          .main-container#main-container-ke-stazeni .stazeni-container .stazeni-list-cont .stazeni-list .stazeni-list-item .download {
            color: #f05b28;
            font-weight: 500;
            height: 100%;
            font-size: 16px;
            text-transform: uppercase;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center; }
            .main-container#main-container-ke-stazeni .stazeni-container .stazeni-list-cont .stazeni-list .stazeni-list-item .download:hover .download-icon {
              -webkit-transform: translateY(5px);
              -ms-transform: translateY(5px);
              -o-transform: translateY(5px);
              transform: translateY(5px); }
            .main-container#main-container-ke-stazeni .stazeni-container .stazeni-list-cont .stazeni-list .stazeni-list-item .download div {
              margin-right: 16px; }
            .main-container#main-container-ke-stazeni .stazeni-container .stazeni-list-cont .stazeni-list .stazeni-list-item .download .download-icon {
              height: 50%;
              -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -o-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
              -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
              -o-transform: translateY(0);
              transform: translateY(0); }
    .main-container#main-container-ke-stazeni .stazeni-container .stazeni-footer {
      width: 100%;
      padding-bottom: 20vh; }
      .main-container#main-container-ke-stazeni .stazeni-container .stazeni-footer .stazeni-nacist-vice {
        margin: 3vh auto;
        width: 20vw;
        max-width: 200px;
        height: 40px;
        line-height: 40px;
        text-transform: uppercase;
        font-size: 12px;
        color: black;
        font-weight: 500;
        letter-spacing: 1.4px;
        text-align: center;
        cursor: pointer;
        background-image: linear-gradient(to right, #f05a27, #e56f2c); }

.main-container#main-container-faq {
  min-height: 100vh;
  position: relative;
  background-image: url("/assets/images/backgrounds/img_ref_bottom_bg.png"), url("/assets/images/backgrounds/img_ref_top_bg.png");
  background-color: #0e0e0e;
  background-position: 0 100%, 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat; }
  .main-container#main-container-faq .faq-container {
    position: relative;
    padding-top: 20vh;
    padding-bottom: 10vh;
    margin: 0 auto;
    width: 80vw;
    max-width: 1000px; }
    .main-container#main-container-faq .faq-container .faq-nadpis {
      text-transform: uppercase;
      font-size: 5.8vw;
      text-align: center;
      font-weight: 400;
      color: white;
      letter-spacing: 5px;
      margin-bottom: 10vh; }
      .main-container#main-container-faq .faq-container .faq-nadpis b {
        font-weight: 500; }
      @media screen and (min-width: 81.25em) {
        .main-container#main-container-faq .faq-container .faq-nadpis {
          font-size: 76px; } }
    .main-container#main-container-faq .faq-container .faq-route {
      color: #f05b28;
      font-size: 11px;
      font-weight: 300;
      text-transform: uppercase;
      width: 100%;
      text-align: center;
      position: relative; }
    .main-container#main-container-faq .faq-container .faq-list-cont {
      width: 100%;
      display: block;
      position: relative; }
      .main-container#main-container-faq .faq-container .faq-list-cont .faq-list {
        width: 100%;
        position: relative;
        margin: 0;
        list-style: none; }
        .main-container#main-container-faq .faq-container .faq-list-cont .faq-list .faq-list-item {
          width: 100%;
          position: relative;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          flex-direction: column;
          cursor: pointer;
          margin-bottom: 2vh; }
          .main-container#main-container-faq .faq-container .faq-list-cont .faq-list .faq-list-item.active .faq-item-content {
            display: block; }
          .main-container#main-container-faq .faq-container .faq-list-cont .faq-list .faq-list-item.active .faq-item-line-cont .faq-line {
            background-color: #f05b28; }
          .main-container#main-container-faq .faq-container .faq-list-cont .faq-list .faq-list-item .faq-item-line-cont {
            position: relative;
            width: 100%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center; }
            .main-container#main-container-faq .faq-container .faq-list-cont .faq-list .faq-list-item .faq-item-line-cont .faq-line {
              height: 2px;
              width: 100%;
              background-color: #9d9c9c; }
            .main-container#main-container-faq .faq-container .faq-list-cont .faq-list .faq-list-item .faq-item-line-cont .faq-icon {
              height: 30px;
              margin-left: 30px; }
          .main-container#main-container-faq .faq-container .faq-list-cont .faq-list .faq-list-item .faq-otazka {
            color: white;
            font-weight: 500;
            font-size: 22px;
            position: relative; }
            .main-container#main-container-faq .faq-container .faq-list-cont .faq-list .faq-list-item .faq-otazka b {
              color: white;
              font-weight: 500; }
          .main-container#main-container-faq .faq-container .faq-list-cont .faq-list .faq-list-item .faq-item-content {
            text-align: justify;
            text-align-last: center;
            font-size: 14px;
            color: #9d9c9c;
            font-weight: normal;
            margin: 2vh auto;
            display: none;
            position: relative; }
            .main-container#main-container-faq .faq-container .faq-list-cont .faq-list .faq-list-item .faq-item-content .faq-precist-vice {
              margin: 3vh auto;
              width: 20vw;
              max-width: 200px;
              height: 40px;
              line-height: 40px;
              text-transform: uppercase;
              font-size: 12px;
              color: white;
              font-weight: 500;
              letter-spacing: 1.4px;
              text-align: center;
              cursor: pointer;
              background-color: #9d9c9c; }
    .main-container#main-container-faq .faq-container .faq-footer {
      width: 100%;
      text-align: center;
      font-size: 16px;
      color: white;
      font-weight: normal;
      margin: 10vh auto;
      position: relative;
      font-weight: 300; }
      .main-container#main-container-faq .faq-container .faq-footer b {
        font-weight: 500; }
      .main-container#main-container-faq .faq-container .faq-footer .faq-nacist-vice {
        margin: 3vh auto;
        width: 20vw;
        max-width: 200px;
        height: 40px;
        line-height: 40px;
        text-transform: uppercase;
        font-size: 14px;
        color: black;
        font-weight: 500;
        letter-spacing: 1.4px;
        text-align: center;
        cursor: pointer;
        background-color: #f05b28; }
        .main-container#main-container-faq .faq-container .faq-footer .faq-nacist-vice a {
          display: block;
          width: 100%;
          height: 100%; }
          .main-container#main-container-faq .faq-container .faq-footer .faq-nacist-vice a:hover {
            color: white; }

.main-container#main-container-gdpr {
  min-height: 100vh;
  position: relative;
  background-image: url("/assets/images/backgrounds/img_ref_bottom_bg.png"), url("/assets/images/backgrounds/img_ref_top_bg.png");
  background-color: #0e0e0e;
  background-position: 0 100%, 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat; }
  .main-container#main-container-gdpr .gdpr-container {
    position: relative;
    padding-top: 20vh;
    margin: 0 auto;
    width: 80vw;
    max-width: 1000px; }
    .main-container#main-container-gdpr .gdpr-container b {
      font-weight: 600; }
    .main-container#main-container-gdpr .gdpr-container .gdpr-nadpis {
      text-transform: uppercase;
      font-size: 4.3vw;
      text-align: center;
      font-weight: 400;
      color: white;
      letter-spacing: 2px;
      margin-bottom: 10vh; }
      @media screen and (min-width: 81.25em) {
        .main-container#main-container-gdpr .gdpr-container .gdpr-nadpis {
          font-size: 53px; } }
    .main-container#main-container-gdpr .gdpr-container .gdpr-route {
      color: #f05b28;
      font-size: 11px;
      font-weight: 300;
      text-transform: uppercase;
      width: 100%;
      text-align: center;
      position: relative; }
    .main-container#main-container-gdpr .gdpr-container .gdpr-content {
      width: 100%;
      height: auto;
      position: relative;
      margin: 30px auto;
      margin-top: 30px;
      margin-bottom: 200px;
      color: white;
      max-width: 840px; }
      .main-container#main-container-gdpr .gdpr-container .gdpr-content p {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        margin-bottom: 1.5rem; }
        .main-container#main-container-gdpr .gdpr-container .gdpr-content p a {
          text-decoration: underline; }
      .main-container#main-container-gdpr .gdpr-container .gdpr-content h3.gdpr-heading {
        font-size: 20px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: 1px;
        text-align: left;
        margin-bottom: 1.5rem; }
      .main-container#main-container-gdpr .gdpr-container .gdpr-content h4.gdpr-subheading {
        font-size: 16px;
        font-weight: 500;
        text-align: left; }
    .main-container#main-container-gdpr .gdpr-container ul.gdpr-list {
      list-style: none;
      width: 100%;
      font-size: 14px;
      line-height: 22px;
      text-align: left;
      margin-left: 2.25rem; }
      .main-container#main-container-gdpr .gdpr-container ul.gdpr-list.dotted {
        list-style: disc; }
      .main-container#main-container-gdpr .gdpr-container ul.gdpr-list .gdpr-list-item.detached {
        margin: 20px 0px; }

.lang-cs .hidden-cs {
  display: none; }

.lang-sk .hidden-sk {
  display: none; }

.validation-message {
  text-align: center;
  margin-top: .5rem;
  margin-bottom: 1rem;
  color: #C3281B;
  width: 100%;
  font-weight: bold; }

.form-field input[type="text"]:required:valid,
.form-field input[type="tel"]:required:valid {
  background-image: none !important;
  border-bottom: 3px solid #fa8728; }
  .form-field input[type="text"]:required:valid + * + i,
  .form-field input[type="tel"]:required:valid + * + i {
    position: absolute;
    top: calc(50% - .5rem);
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("/assets/images/icons/ic_checked_orange.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1000; }

.gdpr-modal {
  position: fixed;
  width: 90%;
  height: 100%;
  z-index: 10000 !important;
  top: 0;
  left: 0;
  background-color: rgba(14, 14, 14, 0.6); }
  .gdpr-modal .gdpr-cont {
    width: 1000px;
    max-width: 100%;
    position: absolute;
    background-color: black;
    padding: 80px 90px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  .gdpr-modal .gdpr-close {
    position: absolute;
    top: 20px;
    right: -50px;
    cursor: pointer; }
    .gdpr-modal .gdpr-close img {
      width: 36px; }
  .gdpr-modal .gdpr-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto; }
  .gdpr-modal .gdpr-nadpis {
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
    font-weight: 400;
    color: white;
    letter-spacing: 2px;
    margin-bottom: 4vh; }
  .gdpr-modal .gdpr-route {
    color: #f05b28;
    font-size: 11px;
    font-weight: 300;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    position: relative; }
  .gdpr-modal .gdpr-content {
    width: 100%;
    max-height: 500px;
    position: relative;
    margin: 30px auto;
    margin-top: 30px;
    color: white;
    max-width: 840px; }
    .gdpr-modal .gdpr-content p {
      width: 100%;
      font-size: 14px;
      line-height: 24px;
      text-align: left;
      margin-bottom: 1.5rem; }
      .gdpr-modal .gdpr-content p a {
        text-decoration: underline; }
    .gdpr-modal .gdpr-content h3.gdpr-heading {
      font-size: 20px;
      line-height: 28px;
      font-weight: 500;
      letter-spacing: 1px;
      text-align: left;
      margin-bottom: 1.5rem; }
    .gdpr-modal .gdpr-content h4.gdpr-subheading {
      font-size: 16px;
      font-weight: 500;
      text-align: left; }
  .gdpr-modal ul.gdpr-list {
    list-style: none;
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    padding-left: 2.25rem;
    margin-left: 0; }
    .gdpr-modal ul.gdpr-list.dotted {
      list-style: disc; }
    .gdpr-modal ul.gdpr-list .gdpr-list-item.detached {
      margin: 20px 0px; }

.info-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000 !important;
  top: 0;
  left: 0;
  background-color: rgba(14, 14, 14, 0.6); }
  .info-modal .info-cont {
    width: 1000px;
    max-width: 100%;
    position: absolute;
    background-color: white;
    color: black;
    padding: 80px 90px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  .info-modal .info-close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer; }
    .info-modal .info-close img {
      width: 36px; }
  .info-modal .info-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto; }
  .info-modal .info-nadpis {
    text-transform: uppercase;
    font-size: 28px;
    text-align: center;
    font-weight: 400;
    color: black;
    letter-spacing: 2px;
    margin-bottom: 4vh; }
  .info-modal .info-content {
    width: 100%;
    max-height: 500px;
    position: relative;
    margin: 30px auto;
    margin-top: 30px;
    color: black;
    max-width: 840px; }
    .info-modal .info-content p {
      width: 100%;
      font-size: 16px;
      line-height: 24px;
      text-align: left;
      margin-bottom: 1.5rem; }
      .info-modal .info-content p a {
        color: black;
        text-decoration: underline; }
    .info-modal .info-content h3.info-heading {
      font-size: 22px;
      line-height: 28px;
      font-weight: 500;
      letter-spacing: 1px;
      text-align: left;
      margin-bottom: 1.5rem; }
    .info-modal .info-content h4.info-subheading {
      font-size: 16px;
      font-weight: 500;
      text-align: left; }

.desktop {
  background: black; }
  .desktop > *:nth-child(2) {
    will-change: opacity;
    transition-property: opacity;
    transition-duration: 250ms;
    transition-timing-function: ease-in-out;
    opacity: 1; }
  .desktop--dimmed > *:nth-child(2) {
    opacity: 0.1; }

@keyframes loading-data {
  from {
    opacity: 1;
    transform: scale3d(0.8, 0.8, 0.8); }
  to {
    opacity: .5;
    transform: scale3d(1, 1, 1); } }

.loading-data {
  color: #9d9c9c; }
  .loading-data img {
    width: 75px;
    height: auto;
    animation: sending 1.3s ease-in-out infinite;
    animation-fill-mode: both;
    animation-direction: alternate; }

.scroll-cont {
  position: fixed;
  display: block;
  left: 50%;
  bottom: 2vh;
  cursor: pointer;
  z-index: 90;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  z-index: 10000; }
  @media screen and (max-width: 50em) {
    .scroll-cont {
      display: none; } }
  .scroll-cont .scroll-icon {
    margin: 1vh 1vw;
    height: 50px; }

.animation-wrapper {
  width: 100%;
  height: 100%; }

@media screen and (max-width: 50em) {
  body {
    overflow: scroll;
    overflow-y: scroll; } }

@keyframes showClanky {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  1% {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes hideClanky {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  99% {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    visibility: hidden;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); } }

@keyframes showOtazky {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  1% {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes hideOtazky {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  99% {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes presentDesc {
  0% {
    opacity: 0;
    visibility: hidden; }
  1% {
    opacity: 0;
    visibility: visible; }
  100% {
    opacity: 1;
    visibility: visible; } }

.rc-slider-handle:focus {
  border: none;
  box-shadow: none; }

.rc-slider-handle:active {
  border: none;
  box-shadow: none; }

/*# sourceMappingURL=app.css.map*/