html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, menu {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-family: inherit;
  vertical-align: baseline; }

/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

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

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

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

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

/*
a {
  color: $link-color;
  text-decoration: none;

  &:hover,
  &:focus {
    color: $link-hover-color;
    text-decoration: $link-hover-decoration;
  }

  &:focus {
    @include tab-focus;
  }
}
*/
figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1210px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.3333333333%; }

.col-xs-2 {
  width: 16.6666666667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.3333333333%; }

.col-xs-5 {
  width: 41.6666666667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.3333333333%; }

.col-xs-8 {
  width: 66.6666666667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.3333333333%; }

.col-xs-11 {
  width: 91.6666666667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.3333333333%; }

.col-xs-pull-2 {
  right: 16.6666666667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.3333333333%; }

.col-xs-pull-5 {
  right: 41.6666666667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.3333333333%; }

.col-xs-pull-8 {
  right: 66.6666666667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.3333333333%; }

.col-xs-pull-11 {
  right: 91.6666666667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.3333333333%; }

.col-xs-push-2 {
  left: 16.6666666667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.3333333333%; }

.col-xs-push-5 {
  left: 41.6666666667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.3333333333%; }

.col-xs-push-8 {
  left: 66.6666666667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.3333333333%; }

.col-xs-push-11 {
  left: 91.6666666667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.3333333333%; }

.col-xs-offset-2 {
  margin-left: 16.6666666667%; }

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

.col-xs-offset-4 {
  margin-left: 33.3333333333%; }

.col-xs-offset-5 {
  margin-left: 41.6666666667%; }

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

.col-xs-offset-7 {
  margin-left: 58.3333333333%; }

.col-xs-offset-8 {
  margin-left: 66.6666666667%; }

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

.col-xs-offset-10 {
  margin-left: 83.3333333333%; }

.col-xs-offset-11 {
  margin-left: 91.6666666667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.3333333333%; }
  .col-sm-2 {
    width: 16.6666666667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.3333333333%; }
  .col-sm-5 {
    width: 41.6666666667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.3333333333%; }
  .col-sm-8 {
    width: 66.6666666667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.3333333333%; }
  .col-sm-11 {
    width: 91.6666666667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.3333333333%; }
  .col-sm-pull-2 {
    right: 16.6666666667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.3333333333%; }
  .col-sm-pull-5 {
    right: 41.6666666667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.3333333333%; }
  .col-sm-pull-8 {
    right: 66.6666666667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.3333333333%; }
  .col-sm-pull-11 {
    right: 91.6666666667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.3333333333%; }
  .col-sm-push-2 {
    left: 16.6666666667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.3333333333%; }
  .col-sm-push-5 {
    left: 41.6666666667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.3333333333%; }
  .col-sm-push-8 {
    left: 66.6666666667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.3333333333%; }
  .col-sm-push-11 {
    left: 91.6666666667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%; }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%; }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%; }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%; }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.3333333333%; }
  .col-md-2 {
    width: 16.6666666667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.3333333333%; }
  .col-md-5 {
    width: 41.6666666667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.3333333333%; }
  .col-md-8 {
    width: 66.6666666667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.3333333333%; }
  .col-md-11 {
    width: 91.6666666667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.3333333333%; }
  .col-md-pull-2 {
    right: 16.6666666667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.3333333333%; }
  .col-md-pull-5 {
    right: 41.6666666667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.3333333333%; }
  .col-md-pull-8 {
    right: 66.6666666667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.3333333333%; }
  .col-md-pull-11 {
    right: 91.6666666667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.3333333333%; }
  .col-md-push-2 {
    left: 16.6666666667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.3333333333%; }
  .col-md-push-5 {
    left: 41.6666666667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.3333333333%; }
  .col-md-push-8 {
    left: 66.6666666667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.3333333333%; }
  .col-md-push-11 {
    left: 91.6666666667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.3333333333%; }
  .col-md-offset-2 {
    margin-left: 16.6666666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.3333333333%; }
  .col-md-offset-5 {
    margin-left: 41.6666666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.3333333333%; }
  .col-md-offset-8 {
    margin-left: 66.6666666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.3333333333%; }
  .col-md-offset-11 {
    margin-left: 91.6666666667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.3333333333%; }
  .col-lg-2 {
    width: 16.6666666667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.3333333333%; }
  .col-lg-5 {
    width: 41.6666666667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.3333333333%; }
  .col-lg-8 {
    width: 66.6666666667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.3333333333%; }
  .col-lg-11 {
    width: 91.6666666667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.3333333333%; }
  .col-lg-pull-2 {
    right: 16.6666666667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.3333333333%; }
  .col-lg-pull-5 {
    right: 41.6666666667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.3333333333%; }
  .col-lg-pull-8 {
    right: 66.6666666667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.3333333333%; }
  .col-lg-pull-11 {
    right: 91.6666666667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.3333333333%; }
  .col-lg-push-2 {
    left: 16.6666666667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.3333333333%; }
  .col-lg-push-5 {
    left: 41.6666666667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.3333333333%; }
  .col-lg-push-8 {
    left: 66.6666666667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.3333333333%; }
  .col-lg-push-11 {
    left: 91.6666666667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%; }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%; }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%; }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%; }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

@font-face {
  font-family: 'icomoon';
  src: url("https://katerinastrihavlasy.cz/fonts/icomoon.eot");
  src: url("https://katerinastrihavlasy.cz/fonts/icomoon.eot") format("embedded-opentype"), url("https://katerinastrihavlasy.cz/fonts/icomoon.ttf") format("truetype"), url("https://katerinastrihavlasy.cz/fonts/icomoon.woff") format("woff"), url("https://katerinastrihavlasy.cz/fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BoosterNextFY-Light';
  src: url("../fonts/BoosterNextFY-Light.eot%3F") format("embedded-opentype"), url("../fonts/BoosterNextFY-Light.otf") format("opentype"), url("../fonts/BoosterNextFY-Light.woff") format("woff"), url("../fonts/BoosterNextFY-Light.ttf") format("truetype"), url("../fonts/BoosterNextFY-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BoosterNextFY-Regular';
  src: url("../fonts/BoosterNextFY-Regular.eot%3F") format("embedded-opentype"), url("../fonts/BoosterNextFY-Regular.otf") format("opentype"), url("../fonts/BoosterNextFY-Regular.woff") format("woff"), url("../fonts/BoosterNextFY-Regular.ttf") format("truetype"), url("../fonts/BoosterNextFY-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BoosterNextFY-Bold';
  src: url("../fonts/BoosterNextFY-Bold.eot%3F") format("embedded-opentype"), url("../fonts/BoosterNextFY-Bold.otf") format("opentype"), url("../fonts/BoosterNextFY-Bold.woff") format("woff"), url("../fonts/BoosterNextFY-Bold.ttf") format("truetype"), url("../fonts/BoosterNextFY-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Trivia Sans';
  src: url("../fonts/TriviaSansMedium.eot");
  src: url("../fonts/TriviaSansMedium.eot%3F") format("embedded-opentype"), url("../fonts/TriviaSansMedium.woff2") format("woff2"), url("../fonts/TriviaSansMedium.woff") format("woff"), url("../fonts/TriviaSansMedium.ttf") format("truetype"), url("../fonts/TriviaSansMedium.svg") format("svg");
  font-weight: 500;
  font-style: normal; }

@keyframes move {
  0% {
    top: 0; }
  50% {
    top: -30px; }
  100% {
    top: 0; } }

@keyframes pulse {
  0% {
    transform: scale(1);
    background: rgba(255, 255, 255, 0.3); }
  50% {
    transform: scale(0.85);
    background: rgba(255, 255, 255, 0.42); }
  100% {
    transform: scale(1);
    background: rgba(255, 255, 255, 0.3); } }

.buttons {
  width: 100%;
  text-align: center; }

.buttons--top {
  margin-top: 20px; }

.buttons--top40 {
  margin-top: 40px; }

.buttons--top60 {
  margin-top: 60px; }

.button {
  display: inline-block;
  padding: 12px 22px 10px 22px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 17px;
  font-size: 1.7rem;
  font-family: "BoosterNextFY-Bold";
  letter-spacing: 0.1em;
  border: 3px solid #fff;
  border-radius: 30px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .button:hover {
    text-decoration: none;
    background: #fff;
    color: #0072ce; }

.button--blue {
  border-color: #0072ce;
  color: #0072ce; }
  .button--blue:hover {
    background-color: #0072ce;
    color: #fff; }

.button--white:hover {
  color: #e8927c; }

.vertical-center {
  display: table;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center; }
  .vertical-center__inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center; }

.separator {
  display: block;
  width: 100%;
  margin-top: 25px; }
  .separator:after {
    content: '';
    display: inline-block;
    width: 45px;
    height: 5px;
    border-radius: 16px;
    background: #fff; }

.arrow {
  width: 100%;
  text-align: center; }

.arrow--bottom {
  position: absolute;
  z-index: 100;
  bottom: 10px;
  left: 0;
  right: 0; }

.arrow__ico--down {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 30px;
  animation-name: move;
  -webkit-animation-name: move;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-delay: 2.5s;
  animation-delay: -2.5s; }
  .arrow__ico--down:after, .arrow__ico--down:before {
    content: '';
    position: absolute;
    top: 0;
    display: inline-block;
    width: 3px;
    height: 40px;
    background: #fff; }
  .arrow__ico--down:after {
    left: 5px;
    transform: rotate(-45deg); }
  .arrow__ico--down:before {
    right: 5px;
    transform: rotate(45deg); }

.results {
  display: inline-block;
  margin-top: 50px;
  text-align: center; }
  .results:before, .results:after {
    content: " ";
    display: table; }
  .results:after {
    clear: both; }
  @media only screen and (max-width: 768px) {
    .results {
      margin-top: 0; } }

.results__item {
  float: left;
  display: inline-block;
  width: 33.3333%;
  min-width: 360px;
  color: #0072ce;
  padding-left: 50px;
  vertical-align: top;
  font-family: "Trivia Sans"; }
  @media screen and (max-width: 1150px) {
    .results__item {
      min-width: 0; } }
  @media only screen and (max-width: 768px) {
    .results__item {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      margin-top: 4.4em; } }

.results__item--white {
  color: #fff; }

.results__item__ico {
  height: 210px;
  vertical-align: bottom; }
  @media only screen and (max-width: 768px) {
    .results__item__ico {
      height: auto; } }
  .results__item__ico svg {
    vertical-align: bottom; }

.results__item__ico--weight svg {
  margin-top: 53px; }
  @media only screen and (max-width: 768px) {
    .results__item__ico--weight svg {
      margin-top: 0; } }

.results__item__ico--body svg {
  margin-top: 38px; }
  @media only screen and (max-width: 768px) {
    .results__item__ico--body svg {
      margin-top: 0; } }

.results__item__title {
  margin-top: 10px;
  color: #0072ce;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "Trivia Sans"; }
  @media only screen and (max-width: 768px) {
    .results__item__title {
      margin-top: 20px; } }

.results__item__title--white {
  color: #fff; }

.results__item__desc {
  margin-top: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Trivia Sans"; }

.instagram {
  margin-top: 30px; }

.split {
  display: table;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    .split {
      display: block; } }

.split__item {
  z-index: 10;
  position: relative;
  display: table-cell;
  width: 50%;
  padding: 10.5em 10%;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 768px) {
    .split__item {
      display: block;
      width: 100%;
      min-height: 334px;
      padding: 10.5em 2em; } }

.split__item--small {
  padding: 10.5em 8%; }

.split__item--bg:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.65); }

.split__item__content {
  position: relative;
  z-index: 100; }

.split__item__title {
  font-size: 48px;
  font-size: 4.8rem;
  text-transform: none;
  color: #fff; }

.split__item__important {
  display: block;
  margin: 20px 0;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300;
  color: #47d7ac; }

.split__item__sectitle {
  display: block;
  font-family: "BoosterNextFY-Bold";
  font-size: 24px;
  font-size: 2.4rem;
  color: #47d7ac;
  text-transform: uppercase;
  padding-bottom: 20px; }

.split__item--img1 {
  background-image: url("https://katerinastrihavlasy.cz/images/img-1.jpg"); }

.split__item--img2 {
  background-image: url("https://katerinastrihavlasy.cz/images/img-2.jpg"); }

.split__item--img3 {
  background-image: url("https://katerinastrihavlasy.cz/images/img-3.jpg"); }
  @media only screen and (max-width: 768px) {
    .split__item--img3 {
      min-height: 580px;
      background-image: url("https://katerinastrihavlasy.cz/images/img-3-mobile.jpg");
      background-position: right bottom; } }

.split__item--img4 {
  background-image: url("https://katerinastrihavlasy.cz/images/img-4.jpg"); }

.c-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  /*  padding-top: 25px;*/
  height: 0;
  -webkit-box-shadow: 0px 5px 15px 10px rgba(204, 204, 204, 0.6);
  -moz-box-shadow: 0px 5px 15px 10px rgba(204, 204, 204, 0.6);
  box-shadow: 0px 5px 15px 10px rgba(204, 204, 204, 0.6);
  margin: 75px 0; }
  .c-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.c-video video {
  height: auto;
  width: 100%;
  display: block; }

.video__content {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%; }

#video-play {
  background: transparent;
  border: 0; }
  #video-play svg {
    background: transparent;
    fill: #fff;
    width: 130px;
    height: auto; }

/*
@media screen and (min-aspect-ratio: 16/9){
    .c-video video {
        height: auto;
        width: 100%;
    }
}*/
html,
body {
  position: relative;
  height: 100%;
  font-size: 10px;
  font-family: "Trivia Sans";
  min-width: 320px; }

input {
  width: 100%; }
  input:active, input:focus, input:hover {
    outline: none; }

textarea {
  width: 100%;
  resize: none; }
  textarea:active, textarea:focus, textarea:hover {
    outline: none; }

a {
  color: #0072ce;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  a:hover {
    text-decoration: underline; }

a.bold {
  color: #0072ce;
  font-weight: 600;
  text-decoration: underline; }
  a.bold:hover {
    text-decoration: none; }

h1, h2 {
  margin: 0;
  padding: 0;
  font-size: 80px;
  font-size: 8rem;
  color: #27252d;
  line-height: 100%;
  font-family: "Trivia Sans";
  text-align: left; }
  @media only screen and (max-width: 768px) {
    h1, h2 {
      font-size: 40px;
      font-size: 4rem; } }

h2 {
  font-size: 15vw;
  color: #27252d; }
  @media only screen and (max-width: 768px) {
    h2 {
      font-size: 60px;
      font-size: 6rem; } }

h3 {
  font-family: "Trivia Sans";
  font-size: 2.4em;
  letter-spacing: 0.02em; }

h4 {
  font-family: "Trivia Sans";
  font-size: 2em; }

h5 {
  font-family: "Trivia Sans";
  font-size: 1.8em; }

h6 {
  font-family: "Trivia Sans";
  font-size: 1.6em; }

p {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Trivia Sans"; }
  p.large-text {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 300;
    margin-top: 20px; }

ul ul,
ul ol,
ol ul,
ol ol {
  margin-left: 24px; }

strong {
  font-weight: bold; }

.important {
  font-weight: bold;
  color: #47d7ac; }

.green {
  color: #47d7ac; }

.list {
  padding: 40px 0 0px 0;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0072ce;
  text-align: left; }
  .list li {
    padding: 10px 0; }

.subtitle {
  margin: 0;
  padding-top: 25px;
  font-size: 40px;
  font-size: 4rem;
  color: #fff;
  text-transform: uppercase;
  line-height: 100%;
  text-align: center;
  font-family: "Trivia Sans"; }

.top {
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px 40px 20px 40px;
  text-align: center; }
  .top:before, .top:after {
    content: " ";
    display: table; }
  .top:after {
    clear: both; }

.top__logo {
  float: left;
  width: 200px; }
  .top__logo svg {
    width: 250px;
    height: 70px; }

.header {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .header {
      height: auto; } }
  @media screen and (max-height: 630px) {
    .header {
      height: auto; } }

.header__slider {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%; }

.header__text {
  position: relative;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 114, 206, 0.8); }
  @media only screen and (max-width: 768px) {
    .header__text {
      padding: 12em 0; } }
  @media screen and (max-height: 630px) {
    .header__text {
      padding: 12em 0; } }

.header__content {
  margin-top: 20px;
  color: #fff; }
  .header__content p {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 140%;
    padding: 10px 0; }

.header__title {
  line-height: 90%; }

.section {
  padding: 10.5em 0 6.5em 0;
  text-align: center; }
  .section:before, .section:after {
    content: " ";
    display: table; }
  .section:after {
    clear: both; }

.section--nopd {
  padding: 0; }

.section--benefits {
  padding: 4.5em 0 8.5em 0;
  background: #f4f4f1; }

.section--map {
  padding: 3em 0;
  background: #f4f4f1; }

.section--inst {
  border-top: 3px solid #0072ce;
  background: #f4f4f1; }

.section--story {
  background: #f4f4f1;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .section--story {
      padding: 7.6em 0 4.5em 0; } }

.section--orange {
  padding: 3.5em 0 7em 0;
  background: #e8927c;
  text-align: center; }

.section__title {
  color: #0072ce; }

.section__split {
  width: 50%;
  float: left; }

.section__desc {
  margin-top: 10px;
  text-align: center; }
  .section__desc p {
    color: #0072ce; }

.sign {
  padding: 20px 0 18px 0;
  background: #27252d; }
  .sign p {
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "BoosterNextFY-Regular";
    color: #fff; }

#preloader {
  background-color: #fff;
  z-index: 9999;
  display: table;
  position: absolute;
  height: 100%;
  width: 100%; }

#status {
  display: table-cell;
  vertical-align: middle; }
  #status .container {
    margin-left: auto;
    margin-right: auto; }
  #status .saving {
    color: #27252d;
    font-size: 80px;
    font-size: 8rem;
    display: inline-block; }
    @media only screen and (max-width: 768px) {
      #status .saving {
        font-size: 40px;
        font-size: 4rem; } }

@keyframes blink {
  0% {
    opacity: .2; }
  20% {
    opacity: 1; }
  100% {
    opacity: .2; } }
  #status .saving span {
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both; }
  #status .saving span:nth-child(2) {
    animation-delay: .2s; }
  #status .saving span:nth-child(3) {
    animation-delay: .4s; }

.container {
  text-align: left;
  position: relative;
  width: 80%;
  max-width: 80%;
  transform: translateY(50%);
  /*@media (min-width: 1600px){
      width: 1400px;
      max-width: 1400px;
  }*/ }
  @media only screen and (max-width: 768px) {
    .container {
      width: 100%;
      max-width: 100%;
      padding: 0 20px; } }

.hidden {
  display: none; }

.topleft-box {
  position: absolute;
  line-height: 1.2;
  left: 25px;
  top: 20px;
  width: 40%;
  font-size: 36px;
  font-size: 3.6rem;
  text-align: left;
  color: #27252d;
  z-index: 999;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  perspective: 1000;
  -webkit-perspective: 1000; }
  @media only screen and (max-width: 1600px) {
    .topleft-box {
      width: 50%;
      font-size: 28px;
      font-size: 2.8rem;
      top: 20px; } }
  @media only screen and (max-width: 991px) {
    .topleft-box {
      font-size: 24px;
      font-size: 2.4rem;
      top: 17px; } }
  @media only screen and (max-width: 768px) {
    .topleft-box {
      width: 90%;
      left: 20px;
      top: 20px; } }
  .topleft-box__nowidth {
    width: 90%; }
  .topleft-box__price {
    top: 65px; }
  .topleft-box__map {
    top: 40px; }
    @media only screen and (max-width: 768px) {
      .topleft-box__map {
        left: 15px;
        top: 50px; } }
  .topleft-box .white {
    color: #fff; }
  .topleft-box a {
    color: #27252d; }
    .topleft-box a:hover {
      color: #e7c053;
      text-decoration: none; }
    .topleft-box a.grey {
      color: #a3a095;
      text-decoration: underline; }
      .topleft-box a.grey:hover {
        color: #e7c053;
        text-decoration: none; }
  .topleft-box .swiper-pagination {
    position: relative;
    text-align: left;
    display: inline-block;
    margin-right: 80px; }
    @media only screen and (max-width: 768px) {
      .topleft-box .swiper-pagination {
        margin-right: 0; } }
  .topleft-box .swiper-pagination-bullet {
    padding-right: 8px;
    border-radius: 0;
    width: auto;
    height: 30px;
    text-align: center;
    font-size: 36px;
    font-size: 3.6rem;
    color: #fff;
    opacity: 1;
    background: transparent;
    text-decoration: underline;
    position: relative; }
    @media only screen and (max-width: 1600px) {
      .topleft-box .swiper-pagination-bullet {
        font-size: 28px;
        font-size: 2.8rem; } }
    @media only screen and (max-width: 991px) {
      .topleft-box .swiper-pagination-bullet {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media only screen and (max-width: 768px) {
      .topleft-box .swiper-pagination-bullet {
        margin-right: 0;
        padding-right: 6px; } }
    .topleft-box .swiper-pagination-bullet:hover {
      text-decoration: none;
      color: #e7c053; }
    .topleft-box .swiper-pagination-bullet:after {
      content: ",";
      text-decoration: none;
      display: inline-block;
      color: white !important; }
    .topleft-box .swiper-pagination-bullet:nth-last-child(-n+2):after {
      content: "";
      text-decoration: none;
      display: inline-block;
      color: white !important; }
    .topleft-box .swiper-pagination-bullet:last-child:after {
      content: "";
      text-decoration: none;
      display: inline-block;
      color: white !important; }
    .topleft-box .swiper-pagination-bullet:last-child:before {
      content: " a";
      text-decoration: none;
      display: inline-block;
      margin-right: 6px;
      color: white !important; }
  .topleft-box .swiper-pagination-bullet-active {
    background: transparent;
    text-decoration: none; }

/*.swiper-container2 {
  .swiper-pagination-bullet {

  }
}*/
h2 {
  font-size: 80px;
  font-size: 8rem;
  color: #fff; }
  @media only screen and (max-width: 1600px) {
    h2 {
      font-size: 60px;
      font-size: 6rem; } }
  @media only screen and (max-width: 1200px) {
    h2 {
      font-size: 46px;
      font-size: 4.6rem; } }
  @media only screen and (max-width: 991px) {
    h2 {
      font-size: 36px;
      font-size: 3.6rem; } }

/*.grey {
  color: $color-grey !important;
}*/
.black {
  color: #27252d; }

.white-color {
  color: #fff; }

.map-link {
  display: inline-block; }
  .map-link a {
    color: #fff;
    text-decoration: underline; }
    .map-link a:hover {
      color: #e7c053;
      text-decoration: none; }

.main {
  -webkit-box-shadow: inset 0 -10px 10px -10px rgba(128, 125, 138, 0.6);
  -moz-box-shadow: inset 0 -10px 10px -10px rgba(128, 125, 138, 0.6);
  box-shadow: inset 0 -10px 10px -10px rgba(128, 125, 138, 0.6); }

.main .title {
  vertical-align: top; }

.main h1 {
  vertical-align: top; }
  @media only screen and (max-width: 1600px) {
    .main h1 {
      font-size: 60px;
      font-size: 6rem; } }
  @media only screen and (max-width: 1200px) {
    .main h1 {
      font-size: 50px;
      font-size: 5rem; } }
  @media only screen and (max-width: 991px) {
    .main h1 {
      font-size: 40px;
      font-size: 4rem; } }
  @media only screen and (max-width: 768px) {
    .main h1 {
      font-size: 30px;
      font-size: 3rem; } }

.title h1 {
  vertical-align: top; }
  @media only screen and (max-width: 1600px) {
    .title h1 {
      font-size: 60px;
      font-size: 6rem; } }
  @media only screen and (max-width: 1200px) {
    .title h1 {
      font-size: 50px;
      font-size: 5rem; } }
  @media only screen and (max-width: 991px) {
    .title h1 {
      font-size: 40px;
      font-size: 4rem; } }
  @media only screen and (max-width: 768px) {
    .title h1 {
      font-size: 30px;
      font-size: 3rem; } }

.text {
  width: 50%;
  padding-top: 5%;
  color: #a3a095; }
  @media only screen and (max-width: 768px) {
    .text {
      width: 90%; } }
  .text p {
    font-size: 30px;
    font-size: 3rem; }
    @media only screen and (max-width: 768px) {
      .text p {
        font-size: 20px;
        font-size: 2rem; } }
  .text strong {
    font-weight: 700;
    color: #27252d; }
  .text a {
    text-decoration: underline;
    color: #a3a095;
    font-size: 30px;
    font-size: 3rem; }
    @media only screen and (max-width: 768px) {
      .text a {
        font-size: 20px;
        font-size: 2rem; } }
    .text a:hover {
      text-decoration: none;
      color: #e7c053; }

.popup-window .container {
  transform: none; }
  @media only screen and (max-width: 768px) {
    .popup-window .container {
      padding: 0 15px; } }

.about {
  width: 50%; }
  .about .white {
    color: #fff; }
  @media only screen and (max-width: 1600px) {
    .about {
      width: 60%; } }
  @media only screen and (max-width: 768px) {
    .about {
      width: 80%; }
      .about .container {
        margin: 0;
        padding: 0;
        width: 80%; } }

.who1 .about {
  width: 100%; }
  .who1 .about h2 {
    width: 55%; }
    @media only screen and (max-width: 768px) {
      .who1 .about h2 {
        width: 100%; } }
  @media only screen and (max-width: 768px) {
    .who1 .about {
      width: 100%;
      padding: 0 20px; } }

.socials {
  overflow: hidden; }
  .socials p {
    font-size: 50px;
    font-size: 5rem;
    color: #a3a095;
    padding: 50px 0; }
    @media only screen and (max-width: 768px) {
      .socials p {
        font-size: 30px;
        font-size: 3rem; } }
  .socials .inst {
    color: #d92d62; }
    .socials .inst:hover {
      text-decoration: none;
      color: #e7c053; }
  .socials .fcb:hover {
    text-decoration: none;
    color: #e7c053; }
  .socials a {
    text-decoration: underline; }
    .socials a:hover {
      text-decoration: none;
      color: #e7c053; }
  @media only screen and (max-width: 768px) {
    .socials img {
      width: 80px;
      height: 80px; } }
  .socials .toTop2 {
    font-size: 30px;
    font-size: 3rem;
    text-decoration: underline;
    color: #a3a095;
    position: absolute;
    bottom: 10%;
    right: 15%; }
    @media only screen and (max-width: 768px) {
      .socials .toTop2 {
        font-size: 20px;
        font-size: 2rem;
        right: 20px;
        bottom: 25px; } }
    .socials .toTop2:hover {
      text-decoration: none;
      color: #27252d; }

#map, #voucher {
  overflow: hidden;
  position: relative;
  height: 100%;
  z-index: 100;
  width: 100%;
  display: block;
  transition: all 1s ease; }

#voucher {
  background-image: url(../images/voucher/voucher2560.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (max-width: 1600px) {
    #voucher {
      background-image: url(../images/voucher/voucher1600.jpg); } }
  @media only screen and (max-width: 768px) {
    #voucher {
      background-image: url(../images/voucher/voucher748.jpg); } }
  #voucher p {
    font-size: 30px;
    font-size: 3rem;
    color: #a3a095;
    position: absolute;
    bottom: 20%;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0; }
    @media only screen and (max-width: 1300px) {
      #voucher p {
        width: 45%; } }
    @media only screen and (max-width: 1200px) {
      #voucher p {
        width: 50%; } }
    @media only screen and (max-width: 991px) {
      #voucher p {
        width: 60%;
        text-align: center; } }
    @media only screen and (max-width: 768px) {
      #voucher p {
        font-size: 20px;
        font-size: 2rem;
        width: 95%;
        bottom: 15%;
        text-align: center; } }
  #voucher a {
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    position: absolute;
    left: 30%;
    bottom: 5%;
    cursor: pointer;
    z-index: 9999;
    text-align: center;
    padding: 20px 5px;
    width: 145px;
    transition: all .4s ease;
    text-decoration: underline; }
    @media only screen and (max-width: 991px) {
      #voucher a {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (max-width: 768px) {
      #voucher a {
        font-size: 20px;
        font-size: 2rem; } }
    #voucher a:hover {
      color: #a3a095;
      text-decoration: none; }

.section-map a {
  text-decoration: underline;
  color: #fff; }
  .section-map a:hover {
    text-decoration: none;
    color: #e7c053; }

.section-map .mail {
  color: #27252d;
  text-decoration: none; }

.map--open, .voucher--open {
  display: block !important; }

header {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 500;
  width: 15%;
  display: inline-block; }
  @media only screen and (max-width: 991px) {
    header {
      top: inherit;
      bottom: 0; } }

.tricker, .tricker2 {
  height: 80px;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .tricker, .tricker2 {
      height: 34px;
      line-height: 34px; } }
  @media only screen and (max-width: 1600px) {
    .tricker, .tricker2 {
      height: 64px; } }
  @media only screen and (max-width: 1200px) {
    .tricker, .tricker2 {
      height: 50px; } }
  @media only screen and (max-width: 991px) {
    .tricker, .tricker2 {
      height: 44px; } }
  @media only screen and (max-width: 768px) {
    .tricker, .tricker2 {
      height: 34px; } }

.tricker h3, .tricker2 h3 {
  color: #a3a095;
  margin: 0;
  height: 80px;
  line-height: 80px;
  font-size: 80px;
  font-size: 8rem;
  text-align: left;
  transition: margin-top .3s ease;
  letter-spacing: 0;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear; }
  @media only screen and (max-width: 1600px) {
    .tricker h3, .tricker2 h3 {
      font-size: 60px;
      font-size: 6rem;
      height: 64px;
      line-height: 60px; } }
  @media only screen and (max-width: 1200px) {
    .tricker h3, .tricker2 h3 {
      font-size: 46px;
      font-size: 4.6rem;
      height: 50px;
      line-height: 50px; } }
  @media only screen and (max-width: 991px) {
    .tricker h3, .tricker2 h3 {
      font-size: 40px;
      font-size: 4rem;
      height: 44px;
      line-height: 40px; } }
  @media only screen and (max-width: 768px) {
    .tricker h3, .tricker2 h3 {
      font-size: 30px;
      font-size: 3rem;
      height: 34px;
      line-height: 34px; } }

.tricker2, .hidden-mobile {
  display: inline-block; }

.txt-rotate {
  color: #27252d;
  font-size: 80px;
  font-size: 8rem; }

.bg-image {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center; }

.overlay:before {
  visibility: visible;
  opacity: 1;
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  background: rgba(39, 37, 45, 0.4);
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear; }

.overlay__hover:before {
  visibility: hidden;
  opacity: 0; }

.overlay-map:before {
  visibility: visible;
  opacity: 1;
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 120;
  background: transparent; }

#hover-hide {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.swiper-container, .swiper-container2 {
  height: 100%;
  width: auto; }

.absolute-text {
  z-index: 5000;
  margin: auto;
  position: absolute;
  bottom: 45%;
  left: 0;
  right: 0;
  -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); }
  @media only screen and (max-width: 768px) {
    .absolute-text {
      bottom: 35%; } }

.close-map, .close-voucher {
  font-size: 30px;
  font-size: 3rem;
  text-decoration: none;
  background-color: #27252d;
  color: #fff;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  z-index: 9999;
  text-align: center;
  padding: 20px 5px;
  display: none;
  transition: all .4s ease; }
  @media only screen and (max-width: 768px) {
    .close-map, .close-voucher {
      font-size: 20px;
      font-size: 2rem; } }
  .close-map:hover, .close-voucher:hover {
    background-color: #fff;
    color: #27252d; }

.close-voucher {
  background-color: #fff;
  color: #27252d; }
  .close-voucher:hover {
    background-color: #a3a095;
    color: #fff; }

.fsp-wrapper {
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch; }

.head-fixed {
  display: none;
  position: fixed;
  width: 80%;
  max-width: 1600px;
  height: auto;
  top: 0;
  z-index: 99999;
  left: 0;
  right: 0;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 35px;
  margin-left: auto; }
  @media only screen and (max-width: 768px) {
    .head-fixed {
      width: 100%;
      padding-left: 25px;
      padding-right: 25px; } }
  .head-fixed.visible {
    display: block;
    transition: all .3s ease-in; }
  .head-fixed .my-fsp-close {
    font-size: 30px;
    font-size: 3rem;
    text-decoration: underline;
    color: #a3a095;
    float: right;
    margin: 25px 0;
    transition: all .4s ease; }
    @media only screen and (max-width: 768px) {
      .head-fixed .my-fsp-close {
        font-size: 20px;
        font-size: 2rem;
        margin-top: 30px; } }
    .head-fixed .my-fsp-close:hover {
      text-decoration: none;
      color: #e7c053; }
  .head-fixed .year {
    font-size: 30px;
    font-size: 3rem;
    color: #a3a095;
    float: left;
    margin: 25px 0;
    transition: all .4s ease; }
    @media only screen and (max-width: 768px) {
      .head-fixed .year {
        font-size: 20px;
        font-size: 2rem;
        margin-top: 30px; } }

.gallery {
  margin-top: 50px; }
  @media only screen and (max-width: 768px) {
    .gallery {
      padding: 0; } }
  .gallery .toTop {
    font-size: 30px;
    font-size: 3rem;
    text-decoration: underline;
    color: #a3a095;
    float: right;
    margin-bottom: 50px;
    transition: all .4s ease; }
    @media only screen and (max-width: 768px) {
      .gallery .toTop {
        font-size: 20px;
        font-size: 2rem; } }
    .gallery .toTop:hover {
      text-decoration: none;
      color: #e7c053; }
  .gallery p {
    font-size: 30px;
    font-size: 3rem;
    color: #a3a095; }
    @media only screen and (max-width: 768px) {
      .gallery p {
        font-size: 20px;
        font-size: 2rem; } }
  .gallery strong {
    color: #27252d; }
  .gallery .text-left {
    color: #27252d; }
    .gallery .text-left .name {
      color: #a3a095; }
  .gallery a {
    font-size: 30px;
    font-size: 3rem;
    text-decoration: underline;
    color: #a3a095;
    transition: all .4s ease; }
    @media only screen and (max-width: 768px) {
      .gallery a {
        font-size: 20px;
        font-size: 2rem; } }
    .gallery a:hover {
      text-decoration: none;
      color: #e7c053; }

.place1 {
  background-image: url(../images/place/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .place1 {
      background-image: url(../images/place/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .place1 {
      background-image: url(../images/place/mobile.jpg); } }
  .place1 h2 {
    font-size: 80px;
    font-size: 8rem;
    color: #fff; }
    @media only screen and (max-width: 1600px) {
      .place1 h2 {
        font-size: 60px;
        font-size: 6rem; } }
    @media only screen and (max-width: 1200px) {
      .place1 h2 {
        font-size: 50px;
        font-size: 5rem; } }
    @media only screen and (max-width: 991px) {
      .place1 h2 {
        font-size: 40px;
        font-size: 4rem; } }
  .place1 .text strong {
    color: #fff; }
  .place1 a:hover {
    text-decoration: none;
    color: #e7c053; }

.prices-bg1 {
  background-image: url(../images/index/money1_2560.jpg); }
  @media only screen and (max-width: 1600px) {
    .prices-bg1 {
      background-image: url(../images/index/money1_1600.jpg); } }
  @media only screen and (max-width: 768px) {
    .prices-bg1 {
      background-image: url(../images/index/money1_748.jpg); } }

.salon {
  background-image: url(../images/salon/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .salon {
      background-image: url(../images/salon/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .salon {
      background-image: url(../images/salon/mobile.jpg); } }

.prices-bg2 {
  background-image: url(../images/index/money2_2560.jpg); }
  @media only screen and (max-width: 1600px) {
    .prices-bg2 {
      background-image: url(../images/index/money2_1600.jpg); } }
  @media only screen and (max-width: 768px) {
    .prices-bg2 {
      background-image: url(../images/index/money2_748.jpg); } }

.playce2 {
  background-image: url(https://katerinastrihavlasy.cz/images/mapa/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .playce2 {
      background-image: url(https://katerinastrihavlasy.cz/images/mapa/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .playce2 {
      background-image: url(https://katerinastrihavlasy.cz/images/mapa/mobile.jpg); } }

.who1 {
  background-image: url(../images/katerina/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .who1 {
      background-image: url(../images/katerina/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .who1 {
      background-image: url(../images/katerina/mobile.jpg); } }

.who2 {
  background-image: url(../images/index/who2_2560.jpg); }
  @media only screen and (max-width: 1600px) {
    .who2 {
      background-image: url(../images/index/who2_1600.jpg); } }
  @media only screen and (max-width: 768px) {
    .who2 {
      background-image: url(../images/index/who2_748.jpg); } }

.gallery1 {
  background-image: url(../images/gallery/1/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .gallery1 {
      background-image: url(../images/gallery/1/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .gallery1 {
      background-image: url(../images/gallery/1/mobile.jpg); } }

.gallery2 {
  background-image: url(../images/gallery/2/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .gallery2 {
      background-image: url(../images/gallery/2/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .gallery2 {
      background-image: url(../images/gallery/2/mobile.jpg); } }

.gallery3 {
  background-image: url(../images/gallery/3/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .gallery3 {
      background-image: url(../images/gallery/3/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .gallery3 {
      background-image: url(../images/gallery/3/mobile.jpg); } }

.gallery4 {
  background-image: url(../images/gallery/4/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .gallery4 {
      background-image: url(../images/gallery/4/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .gallery4 {
      background-image: url(../images/gallery/4/mobile.jpg); } }

.gallery-boy {
  background-image: url(../images/gallery/5/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .gallery-boy {
      background-image: url(../images/gallery/5/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .gallery-boy {
      background-image: url(../images/gallery/5/mobile.jpg); } }

.gallery-cut18 {
  background-image: url(../images/gallery/6/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .gallery-cut18 {
      background-image: url(../images/gallery/6/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .gallery-cut18 {
      background-image: url(../images/gallery/6/mobile.jpg); } }

.gallery-states {
  background-image: url(../images/states/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .gallery-states {
      background-image: url(../images/states/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .gallery-states {
      background-image: url(../images/states/mobile.jpg); } }

.gallery-danish {
  background-image: url(../images/gallery/7/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .gallery-danish {
      background-image: url(../images/gallery/7/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .gallery-danish {
      background-image: url(../images/gallery/7/mobile.jpg); } }

.gallery-ksv {
  background-image: url(../images/gallery/8/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .gallery-ksv {
      background-image: url(../images/gallery/8/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .gallery-ksv {
      background-image: url(../images/gallery/8/mobile.jpg); } }

.damy {
  background-image: url(../images/damy/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .damy {
      background-image: url(../images/damy/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .damy {
      background-image: url(../images/damy/mobile.jpg); } }

.pani {
  background-image: url(../images/pani/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .pani {
      background-image: url(../images/pani/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .pani {
      background-image: url(../images/pani/mobile.jpg); } }

.deti {
  background-image: url(../images/deti/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .deti {
      background-image: url(../images/deti/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .deti {
      background-image: url(../images/deti/mobile.jpg); } }

.poukazy {
  background-image: url(../images/poukazy/large.jpg);
  background-position: top; }
  @media only screen and (max-width: 1600px) {
    .poukazy {
      background-image: url(../images/poukazy/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .poukazy {
      background-image: url(../images/poukazy/mobile.jpg); } }

.callme {
  background-image: url(../images/callme/large.jpg); }
  @media only screen and (max-width: 1600px) {
    .callme {
      background-image: url(../images/callme/medium.jpg); } }
  @media only screen and (max-width: 768px) {
    .callme {
      background-image: url(../images/callme/mobile.jpg); } }

.instagram-slider {
  position: absolute;
  width: 100%;
  height: 250px;
  bottom: 0;
  right: 0; }
  @media only screen and (max-width: 1600px) {
    .instagram-slider {
      height: 220px; } }
  @media only screen and (max-width: 1200px) {
    .instagram-slider {
      height: 200px; } }
  @media only screen and (max-width: 768px) {
    .instagram-slider {
      height: 150px; } }
  .instagram-slider .swiper-container3 {
    width: 90%;
    height: 100%;
    overflow: hidden;
    float: right; }
    @media only screen and (max-width: 768px) {
      .instagram-slider .swiper-container3 {
        width: 94%; } }
  .instagram-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 250px; }
    @media only screen and (max-width: 1600px) {
      .instagram-slider .swiper-slide {
        width: 220px; } }
    @media only screen and (max-width: 1200px) {
      .instagram-slider .swiper-slide {
        width: 200px; } }
    @media only screen and (max-width: 768px) {
      .instagram-slider .swiper-slide {
        width: 150px; } }
  .instagram-slider img {
    height: 250px;
    width: auto; }
    @media only screen and (max-width: 1600px) {
      .instagram-slider img {
        height: 220px; } }
    @media only screen and (max-width: 1200px) {
      .instagram-slider img {
        height: 200px; } }
    @media only screen and (max-width: 768px) {
      .instagram-slider img {
        height: 150px; } }

@media only screen and (max-width: 768px) {
  .prices .nav-pills .nav-item {
    width: 100%; } }

.prices .nav-pills .nav-link {
  background: none;
  color: #a3a095;
  font-size: 60px;
  font-size: 6rem;
  text-decoration: underline;
  margin-right: 80px;
  padding: 0; }
  .prices .nav-pills .nav-link.active {
    color: #fff; }

.prices .tab-content {
  position: absolute;
  padding: 5% 0;
  width: 50%;
  color: #fff;
  font-size: 30px;
  font-size: 3rem; }
  @media only screen and (max-width: 768px) {
    .prices .tab-content {
      width: 90%;
      font-size: 20px;
      font-size: 2rem; } }
  .prices .tab-content .price {
    margin-bottom: 15%; }
  .prices .tab-content .desc {
    margin-bottom: 30px; }
  .prices .tab-content a {
    text-decoration: underline;
    color: #a3a095;
    transition: all .4s ease;
    position: absolute;
    bottom: 0;
    left: 0; }
    .prices .tab-content a:hover {
      text-decoration: none;
      color: #a3a095; }

.mytabs {
  list-style-type: none; }

.gallery {
  text-align: center; }
  .gallery img {
    width: 100%;
    height: auto;
    margin: 50px 0; }
    @media only screen and (max-width: 768px) {
      .gallery img {
        margin: 20px 0; } }

.fsp-content {
  top: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  transform: translateX(-50%); }

.gallery-page {
  color: #fff;
  font-size: 30px;
  font-size: 3rem; }
  @media only screen and (max-width: 768px) {
    .gallery-page {
      font-size: 20px;
      font-size: 2rem; } }
  .gallery-page .open-gallery {
    line-height: 1.2; }
    .gallery-page .open-gallery a {
      text-decoration: underline;
      font-size: 80px;
      font-size: 8rem;
      color: #fff;
      transition: all .4s ease; }
      @media only screen and (max-width: 1600px) {
        .gallery-page .open-gallery a {
          font-size: 60px;
          font-size: 6rem; } }
      @media only screen and (max-width: 1200px) {
        .gallery-page .open-gallery a {
          font-size: 50px;
          font-size: 5rem; } }
      .gallery-page .open-gallery a:hover {
        text-decoration: none;
        color: #e7c053; }
      .gallery-page .open-gallery a.grey {
        color: #a3a095 !important; }
        .gallery-page .open-gallery a.grey:hover {
          color: #e7c053; }
  .gallery-page p {
    font-size: 30px;
    font-size: 3rem; }
    .gallery-page p.grey {
      color: #a3a095; }
    @media only screen and (max-width: 768px) {
      .gallery-page p {
        font-size: 20px;
        font-size: 2rem; } }

.nav-but {
  position: absolute;
  padding-top: 10%;
  width: 40%;
  right: 0;
  font-size: 30px;
  font-size: 3rem; }
  @media only screen and (max-width: 768px) {
    .nav-but {
      font-size: 20px;
      font-size: 2rem;
      right: 15px; } }
  .nav-but a {
    text-decoration: underline;
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    margin-left: 30px;
    transition: all .4s ease; }
    @media only screen and (max-width: 768px) {
      .nav-but a {
        font-size: 20px;
        font-size: 2rem;
        height: 40px;
        display: block; } }
    .nav-but a:hover {
      text-decoration: none;
      color: #a3a095; }
    .nav-but a.grey {
      color: #a3a095; }
      .nav-but a.grey:hover {
        color: #fff; }

.hidden-desktop {
  display: none; }
  @media only screen and (max-width: 991px) {
    .hidden-desktop {
      display: block; } }

.hidden-mobile {
  display: inline-block; }
  @media only screen and (max-width: 991px) {
    .hidden-mobile {
      display: none; } }
  .hidden-mobile h1 {
    display: inline-block; }

.block-scroll {
  overflow: hidden; }

@media only screen and (min-width: 1600px) {
  .container.gallery {
    width: 100%;
    max-width: 1600px; } }

/*#gallery {
  .swiper-pagination-bullet {
    &:first-child {
      &:after {
        content: "";
        text-decoration: none;
        display: inline-block;
        color: white !important;
      }
    }
  }
}*/
.menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 25%;
  z-index: 98;
  transform: translate(100%);
  transition: all 0.3s linear;
  justify-content: center; }
  @media only screen and (max-width: 991px) {
    .menu {
      width: 100%;
      height: 100%;
      background: #27252d; } }

.menu--open {
  transform: translate(0); }

.btn--menu-open, .btn--menu-close {
  font-size: 36px;
  font-size: 3.6rem;
  text-decoration: underline;
  color: #a3a095;
  float: right;
  margin: 10px 15px; }
  @media only screen and (max-width: 1600px) {
    .btn--menu-open, .btn--menu-close {
      font-size: 28px;
      font-size: 2.8rem; } }
  @media only screen and (max-width: 991px) {
    .btn--menu-open, .btn--menu-close {
      font-size: 24px;
      font-size: 2.4rem; } }
  @media only screen and (max-width: 768px) {
    .btn--menu-open, .btn--menu-close {
      margin: 10px 5px; } }
  .btn--menu-open:hover, .btn--menu-close:hover {
    text-decoration: none;
    color: #e7c053; }

.btn--menu-close {
  color: #a3a095; }
  .btn--menu-close:hover {
    text-decoration: none;
    color: #e7c053; }

.btn--menu-close {
  display: none; }

.menu__content {
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0s linear 0.15s;
  display: flex;
  justify-content: flex-end;
  text-align: right; }
  .menu__content.menu__content--active {
    visibility: visible;
    opacity: 1;
    transition: 0s linear; }
    .menu__content.menu__content--active .menu__item a {
      opacity: 1;
      transform: translateY(0);
      transition-property: transform, opacity, color;
      transition-duration: 0.2s, 0.2s, 0.1s;
      transition-timing-function: cubic-bezier(0.345, 0.025, 0.175, 0.5), ease-in-out, ease-in-out; }
    .menu__content.menu__content--active .menu__list .menu__item:nth-of-type(1) a {
      transition-delay: 0s, 0s, 0s; }
    .menu__content.menu__content--active .menu__list .menu__item:nth-of-type(2) a {
      transition-delay: 0.05s, 0.05s, 0s; }
    .menu__content.menu__content--active .menu__list .menu__item:nth-of-type(3) a {
      transition-delay: 0.1s, 0.1s, 0s; }
    .menu__content.menu__content--active .menu__list .menu__item:nth-of-type(4) a {
      transition-delay: 0.15s, 0.15s, 0s; }
    .menu__content.menu__content--active .menu__list .menu__item:nth-of-type(5) a {
      transition-delay: 0.2s, 0.2s, 0s; }
    .menu__content.menu__content--active .menu__list .menu__item:nth-of-type(6) a {
      transition-delay: 0.25s, 0.25s, 0s; }
    .menu__content.menu__content--active .menu__list .menu__item:nth-of-type(7) a {
      transition-delay: 0.3s, 0.3s, 0s; }
    .menu__content.menu__content--active .menu__list .menu__item:nth-of-type(8) a {
      transition-delay: 0.35s, 0.35s, 0s; }
    .menu__content.menu__content--active .menu__list .menu__item:nth-of-type(9) a {
      transition-delay: 0.4s, 0.4s, 0s; }

.menu__list {
  margin-right: 23px;
  padding-top: 65px; }
  @media only screen and (max-width: 1600px) {
    .menu__list {
      font-size: 28px;
      font-size: 2.8rem;
      padding-top: 55px; } }
  @media only screen and (max-width: 991px) {
    .menu__list {
      position: absolute;
      bottom: 50px;
      min-width: 110px;
      right: 0;
      margin-right: 15px; } }
  .menu__list ul {
    list-style: none; }

/*.menu__lang {
  position: absolute;
  bottom: 25px;
  right: 25px;
  font-size: 3rem;
  text-decoration: underline;
  a {
    color: $color-grey;
    @include sm{
      font-size: 2rem;
    }
    &:hover{
      text-decoration: none;
      color: $color-black;
    }
  }
}*/
.menu__item {
  position: relative;
  z-index: 10;
  font-size: 36px;
  font-size: 3.6rem; }
  @media only screen and (max-width: 1600px) {
    .menu__item {
      font-size: 28px;
      font-size: 2.8rem; } }
  @media only screen and (max-width: 991px) {
    .menu__item {
      font-size: 24px;
      font-size: 2.4rem;
      padding: 5px 0; } }
  .menu__item a {
    display: inline-block;
    color: #27252d;
    opacity: 0;
    transform: translateY(100%);
    transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    will-change: transform, opacity;
    text-decoration: underline; }
    @media only screen and (max-width: 991px) {
      .menu__item a {
        color: #fff; } }
    .menu__item a:hover {
      color: #e7c053;
      text-decoration: none; }
      .menu__item a:hover .menu__title {
        opacity: 1; }
  .menu__item:last-child {
    padding-bottom: 10px; }

.menu__title {
  position: absolute;
  bottom: -27px;
  left: 0;
  color: #fff;
  font-size: 24px;
  opacity: 0;
  font-weight: 500; }

.btn--menu-close {
  z-index: 9000; }

.fp-viewing-katerina .menu__item a, .fp-viewing-tvorba .menu__item a, .fp-viewing-cenik .menu__item a {
  color: #fff; }

@media only screen and (max-width: 991px) {
  .fp-viewing-osobnosti .btn--menu, .fp-viewing-osobnosti .btn--menu-open {
    color: #fff; } }

.vegas-wrapper,
.vegas-overlay,
.vegas-timer,
.vegas-slide,
.vegas-slide-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  border: none;
  padding: 0;
  margin: 0; }

.vegas-overlay {
  opacity: .5;
  background: transparent url("https://katerinastrihavlasy.cz/css/overlays/02.png") center center repeat; }

.vegas-timer {
  top: auto;
  bottom: 0;
  height: 2px; }

.vegas-timer-progress {
  width: 0%;
  height: 100%;
  background: white;
  -webkit-transition: width ease-out;
  transition: width ease-out; }

.vegas-timer-running .vegas-timer-progress {
  width: 100%; }

.vegas-slide,
.vegas-slide-inner {
  margin: 0;
  padding: 0;
  background: transparent center center no-repeat;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity; }

body .vegas-container {
  overflow: hidden !important; }

.vegas-video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto; }

body.vegas-container {
  overflow: auto;
  position: static;
  z-index: -2; }

body.vegas-container > .vegas-timer,
body.vegas-container > .vegas-overlay,
body.vegas-container > .vegas-slide {
  position: fixed;
  z-index: -1; }

/* Target Safari IOS7+ in order to add 76px */
_::full-page-media, _:future,
:root body.vegas-container > .vegas-slide,
:root body.vegas-container > .vegas-overlay {
  bottom: -76px; }

/*******************************************/
/* blur transition */
/*******************************************/
.vegas-transition-blur,
.vegas-transition-blur2 {
  opacity: 0;
  -webkit-filter: blur(32px);
  filter: blur(32px); }

.vegas-transition-blur-in,
.vegas-transition-blur2-in {
  opacity: 1;
  -webkit-filter: blur(0px);
  filter: blur(0px); }

.vegas-transition-blur2-out {
  opacity: 0; }

/*******************************************/
/* burn transition */
/*******************************************/
.vegas-transition-burn,
.vegas-transition-burn2 {
  opacity: 0;
  -webkit-filter: contrast(1000%) saturate(1000%);
  filter: contrast(1000%) saturate(1000%); }

.vegas-transition-burn-in,
.vegas-transition-burn2-in {
  opacity: 1;
  -webkit-filter: contrast(100%) saturate(100%);
  filter: contrast(100%) saturate(100%); }

.vegas-transition-burn2-out {
  opacity: 0;
  -webkit-filter: contrast(1000%) saturate(1000%);
  filter: contrast(1000%) saturate(1000%); }

/*******************************************/
/* fade transition */
/*******************************************/
.vegas-transition-fade,
.vegas-transition-fade2 {
  opacity: 0; }

.vegas-transition-fade-in,
.vegas-transition-fade2-in {
  opacity: 1; }

.vegas-transition-fade2-out {
  opacity: 0; }

/*******************************************/
/* flash transition */
/*******************************************/
.vegas-transition-flash,
.vegas-transition-flash2 {
  opacity: 0;
  -webkit-filter: brightness(25);
  filter: brightness(25); }

.vegas-transition-flash-in,
.vegas-transition-flash2-in {
  opacity: 1;
  -webkit-filter: brightness(1);
  filter: brightness(1); }

.vegas-transition-flash2-out {
  opacity: 0;
  -webkit-filter: brightness(25);
  filter: brightness(25); }

/*******************************************/
/* negative transition */
/*******************************************/
.vegas-transition-negative,
.vegas-transition-negative2 {
  opacity: 0;
  -webkit-filter: invert(100%);
  filter: invert(100%); }

.vegas-transition-negative-in,
.vegas-transition-negative2-in {
  opacity: 1;
  -webkit-filter: invert(0);
  filter: invert(0); }

.vegas-transition-negative2-out {
  opacity: 0;
  -webkit-filter: invert(100%);
  filter: invert(100%); }

/*******************************************/
/* slideDown transition */
/*******************************************/
.vegas-transition-slideDown,
.vegas-transition-slideDown2 {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }

.vegas-transition-slideDown-in,
.vegas-transition-slideDown2-in {
  -webkit-transform: translateY(0%);
  transform: translateY(0%); }

.vegas-transition-slideDown2-out {
  -webkit-transform: translateY(100%);
  transform: translateY(100%); }

/*******************************************/
/* slideLeft transition */
/*******************************************/
.vegas-transition-slideLeft,
.vegas-transition-slideLeft2 {
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

.vegas-transition-slideLeft-in,
.vegas-transition-slideLeft2-in {
  -webkit-transform: translateX(0%);
  transform: translateX(0%); }

.vegas-transition-slideLeft2-out {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

/*******************************************/
/* slideRight transition */
/*******************************************/
.vegas-transition-slideRight,
.vegas-transition-slideRight2 {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.vegas-transition-slideRight-in,
.vegas-transition-slideRight2-in {
  -webkit-transform: translateX(0%);
  transform: translateX(0%); }

.vegas-transition-slideRight2-out {
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

/*******************************************/
/* slideUp transition */
/*******************************************/
.vegas-transition-slideUp,
.vegas-transition-slideUp2 {
  -webkit-transform: translateY(100%);
  transform: translateY(100%); }

.vegas-transition-slideUp-in,
.vegas-transition-slideUp2-in {
  -webkit-transform: translateY(0%);
  transform: translateY(0%); }

.vegas-transition-slideUp2-out {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }

/*******************************************/
/* swirlLeft transition */
/*******************************************/
.vegas-transition-swirlLeft,
.vegas-transition-swirlLeft2 {
  -webkit-transform: scale(2) rotate(35deg);
  transform: scale(2) rotate(35deg);
  opacity: 0; }

.vegas-transition-swirlLeft-in,
.vegas-transition-swirlLeft2-in {
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1; }

.vegas-transition-swirlLeft2-out {
  -webkit-transform: scale(2) rotate(-35deg);
  transform: scale(2) rotate(-35deg);
  opacity: 0; }

/*******************************************/
/* swirlRight transition */
/*******************************************/
.vegas-transition-swirlRight,
.vegas-transition-swirlRight2 {
  -webkit-transform: scale(2) rotate(-35deg);
  transform: scale(2) rotate(-35deg);
  opacity: 0; }

.vegas-transition-swirlRight-in,
.vegas-transition-swirlRight2-in {
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1; }

.vegas-transition-swirlRight2-out {
  -webkit-transform: scale(2) rotate(35deg);
  transform: scale(2) rotate(35deg);
  opacity: 0; }

/*******************************************/
/* zoomIn transition */
/*******************************************/
.vegas-transition-zoomIn,
.vegas-transition-zoomIn2 {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0; }

.vegas-transition-zoomIn-in,
.vegas-transition-zoomIn2-in {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.vegas-transition-zoomIn2-out {
  -webkit-transform: scale(2);
  transform: scale(2);
  opacity: 0; }

/*******************************************/
/* zoomOut transition */
/*******************************************/
.vegas-transition-zoomOut,
.vegas-transition-zoomOut2 {
  -webkit-transform: scale(2);
  transform: scale(2);
  opacity: 0; }

.vegas-transition-zoomOut-in,
.vegas-transition-zoomOut2-in {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.vegas-transition-zoomOut2-out {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0; }

/*******************************************/
/* kenburns animation */
/*******************************************/
.vegas-animation-kenburns {
  -webkit-animation: kenburns ease-out;
  animation: kenburns ease-out; }

@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes kenburns {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

/*******************************************/
/* kenburnsDownLeft animation */
/*******************************************/
.vegas-animation-kenburnsDownLeft {
  -webkit-animation: kenburnsDownLeft ease-out;
  animation: kenburnsDownLeft ease-out; }

@-webkit-keyframes kenburnsDownLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, -10%);
    transform: scale(1.5) translate(10%, -10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsDownLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, -10%);
    transform: scale(1.5) translate(10%, -10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

/*******************************************/
/* kenburnsDownRight animation */
/*******************************************/
.vegas-animation-kenburnsDownRight {
  -webkit-animation: kenburnsDownRight ease-out;
  animation: kenburnsDownRight ease-out; }

@-webkit-keyframes kenburnsDownRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, -10%);
    transform: scale(1.5) translate(-10%, -10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsDownRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, -10%);
    transform: scale(1.5) translate(-10%, -10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

/*******************************************/
/* kenburnsDown animation */
/*******************************************/
.vegas-animation-kenburnsDown {
  -webkit-animation: kenburnsDown ease-out;
  animation: kenburnsDown ease-out; }

@-webkit-keyframes kenburnsDown {
  0% {
    -webkit-transform: scale(1.5) translate(0, -10%);
    transform: scale(1.5) translate(0, -10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsDown {
  0% {
    -webkit-transform: scale(1.5) translate(0, -10%);
    transform: scale(1.5) translate(0, -10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

/*******************************************/
/* kenburnsLeft animation */
/*******************************************/
.vegas-animation-kenburnsLeft {
  -webkit-animation: kenburnsLeft ease-out;
  animation: kenburnsLeft ease-out; }

@-webkit-keyframes kenburnsLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 0);
    transform: scale(1.5) translate(10%, 0); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 0);
    transform: scale(1.5) translate(10%, 0); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

/*******************************************/
/* kenburnsRight animation */
/*******************************************/
.vegas-animation-kenburnsRight {
  -webkit-animation: kenburnsRight ease-out;
  animation: kenburnsRight ease-out; }

@-webkit-keyframes kenburnsRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 0);
    transform: scale(1.5) translate(-10%, 0); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 0);
    transform: scale(1.5) translate(-10%, 0); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

/*******************************************/
/* kenburnsUpLeft animation */
/*******************************************/
.vegas-animation-kenburnsUpLeft {
  -webkit-animation: kenburnsUpLeft ease-out;
  animation: kenburnsUpLeft ease-out; }

@-webkit-keyframes kenburnsUpLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 10%);
    transform: scale(1.5) translate(10%, 10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsUpLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 10%);
    transform: scale(1.5) translate(10%, 10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

/*******************************************/
/* kenburnsUpRight animation */
/*******************************************/
.vegas-animation-kenburnsUpRight {
  -webkit-animation: kenburnsUpRight ease-out;
  animation: kenburnsUpRight ease-out; }

@-webkit-keyframes kenburnsUpRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 10%);
    transform: scale(1.5) translate(-10%, 10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsUpRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 10%);
    transform: scale(1.5) translate(-10%, 10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

/*******************************************/
/* kenburnsUp animation */
/*******************************************/
.vegas-animation-kenburnsUp {
  -webkit-animation: kenburnsUp ease-out;
  animation: kenburnsUp ease-out; }

@-webkit-keyframes kenburnsUp {
  0% {
    -webkit-transform: scale(1.5) translate(0, 10%);
    transform: scale(1.5) translate(0, 10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsUp {
  0% {
    -webkit-transform: scale(1.5) translate(0, 10%);
    transform: scale(1.5) translate(0, 10%); }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

