@charset "utf-8";

@font-face {
    font-family: 'Stag';
    src: url('../font/Stag-Book.woff2') format('woff2'), url('../font/Stag-Book.woff') format('woff'), url('../font/Stag-Book.ttf') format('truetype');
}

@font-face {
    font-family: 'Stag';
    src: url('../font/Stag-Bold.woff2') format('woff2'), url('../font/Stag-Bold.woff') format('woff'), url('../font/Stag-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Stag';
    src: url('../font/Stag-Light.woff2') format('woff2'), url('../font/Stag-Light.woff') format('woff'), url('../font/Stag-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Stag';
    src: url('../font/Stag-Medium.woff2') format('woff2'), url('../font/Stag-Medium.woff') format('woff'), url('../font/Stag-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Stag';
    src: url('../font/Stag-Semibold.woff2') format('woff2'), url('../font/Stag-Semibold.woff') format('woff'), url('../font/Stag-Semibold.ttf') format('truetype');
    font-weight: 600;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 0;
}

:root {
    font-size: 15px;
}

::selection {
    background: #0da982;
    color: #fff;
}

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

img, video {
    height: auto;
    max-width: 100%;
}

img[src=""], img:not([src]) {
    background: rgba(0, 0, 0, .2);
    height: 7.5rem;
    opacity: .2;
    width: 100%;
}

@media only screen and (min-width: 30rem) {
    :root {
        font-size: 16px;
    }
}

/* [ TYPOGRAPHY ] */
html {
    font-family: sans-serif;
    overflow-y: scroll;
}

body, button, input, select, textarea {
    font-family: 'Stag', Verdana, Arial;
    font-kerning: normal;
    text-rendering: optimizeLegibility;
}

a, button, .button, input[type="submit"], select {
    cursor: pointer;
}

body {
    background: #fff;
    color: #373333;
    font-size: 1.07rem;
    font-weight: 300;
    line-height: 1.68em;
    text-align: center;
}

a {
    color: #a90d30;
    text-decoration: underline;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

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

a img {
    border: none;
}

b, strong {
    font-weight: 700;
}

h1 {
    color: #3f586e;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.25em;
    margin: 0;
}

h2, .h2 {
    color: #3f586e;
    font-size: 1.5625rem;
    font-weight: 300;
    line-height: 1.15em;
    margin: 1.5em auto .75em;
}

h1 + h2, h1 + .h2 {
    margin-top: 0;
}

h3, .h3 {
    color: #526568;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2em;
    margin: 1.15em auto .4em;
}

h4, .h4 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.125em;
    margin: .5em auto .33em;
}

@media only screen and (min-width: 40rem) {
    h1 {
        font-size: 3.125rem;
    }

    h2, .h2 {
        font-size: 2rem;
    }

    h3, .h3 {
        font-size: 1.5625rem;
    }

    h4, .h4 {
        font-size: 1.25rem;
    }
}

p {
    margin: .125rem auto 1rem 0;
}

p + ol, p + ul {
    margin-top: -.5rem;
}

ol, ul {
    margin: .25rem auto .75rem 1.5rem;
}

sub, sup {
    font-size: .75rem;
}

sub {
    bottom: -.2em;
    position: relative;
    vertical-align: bottom;
}

sup {
    position: relative;
    top: -.4em;
    vertical-align: top;
}

/* == FORM == */
fieldset {
    border: none;
}

label {
    color: #244c54;
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    padding: .12em .25em;
    text-align: left;
}

label.required:after {
    color: #dd2525;
    content: '*';
    margin-left: .25em;
}

input[type="email"], input[type="password"], input[type="text"], select, textarea {
    background: #fff;
    border: 1px solid #fff;
    border-bottom-width: 3px;
    box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, .2);
    color: #131414;
    font-size: 1.125rem;
    padding: 1rem;
    width: 100%;
}

input[type="email"]:active, input[type="email"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="text"]:active, input[type="text"]:focus, select:active, select:focus, textarea:active, textarea:focus {
    border-color: #4edd11;
    box-shadow: inset 0 3px 6px 0 rgba(78, 221, 17, .2);
}

input[type="submit"] {
    background: #22ae39;
    border: none;
    color: #fff;
    font-size: 1.07rem;
    line-height: 1.2em;
    padding: 1em 2.75em;
    text-transform: uppercase;
}

input[type="submit"]:active, input[type="submit"]:focus, input[type="submit"]:hover {
    background: #af1e2c;
    color: #fff;
}

select {
    padding: .933em 1em;
}

textarea {
    min-height: 100px;
    overflow: auto;
    resize: vertical;
}

button[type="submit"] {
    background: #a90d30;
    border: none;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 600;
    padding: 1.17em 2.5em;
    position: relative;
    text-decoration: none;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

button[type="submit"]:active, button[type="submit"]:focus, button[type="submit"]:hover {
    background: #ffa514;
}

.inputList ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0 0 2rem;
}

.inputList li {
    display: block;
    flex-basis: 100%;
    margin-bottom: 1rem;
    position: relative;
    text-align: center;
}

.inputList input[type="checkbox"] {
    height: 24px;
    left: 36.5%;
    opacity: 0;
    position: absolute;
    top: 4px;
    width: 24px;
    z-index: -1;
}

.inputList input[type="checkbox"] ~ label {
    cursor: pointer;
    color: rgba(255, 255, 255, .6);
    display: inline-block;
    padding-left: 2.75rem;
    position: relative;
}

.inputList input[type="checkbox"] ~ label::before {
    background: #fff;
    border: 1px solid #fff;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .2);
    content: '';
    height: 26px;
    left: 0;
    position: absolute;
    top: 1px;
    width: 26px;
}

.inputList input[type="checkbox"] ~ label:active::before, .inputList input[type="checkbox"] ~ label:focus::before, .inputList input[type="checkbox"] ~ label:hover::before {
    border-color: #4edd11;
}

.inputList input[type="checkbox"]:checked ~ label::after {
    background: url(../img/sprite.png) no-repeat -262px -6px;
    content: '';
    height: 20px;
    left: 4px;
    position: absolute;
    top: 6px;
    width: 20px;
}

/* Recaptcha */
.recaptcha-wrapper > div > div {
    margin: 1rem auto 2.25rem;
}

.recaptcha-wrapper #form1-recaptcha {
    display: none;
}

/* [ TABLE ] */
table {
    border-collapse: collapse;
    margin: .5em 0 1.5em;
    width: 100%;
}

td, th {
    border: 1px solid #dfe6e8;
    padding: .33em .75em;
}

th {
    padding: .5em .75em;
}

tr:nth-child(2n+2) td {
    background: #f4f4f4;
}

/* [ LAYOUT ] */
.center {
    margin: 0 auto;
    max-width: 1400px;
    position: relative;
    text-align: left;
    width: 96%;
}

.row {
    margin: 0 auto;
}

.clear {
    zoom: 1;
}

.clear:after, .clear:before {
    content: '';
    display: table;
}

.clear:after {
    clear: both;
}

@media only screen and (min-width: 600px) and (max-width: 899px) {
    .row.small {
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .row.small > [class^="col-"] {
        width: 48.5%;
    }
}

@media only screen and (min-width: 56.25rem) {
    .row {
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .col-2, .col-4 {
        width: 48.5%;
    }

    .col-3, .col-5, .col-6 {
        width: 30%;
    }

    .col-33 {
        width: 33%;
    }

    .col-66 {
        width: 64%;
    }

    .col-25 {
        width: 25%;
    }

    .col-75 {
        width: 73%;
    }

    .col-40 {
        width: 39%;
    }

    .col-60 {
        width: 59%;
    }
}

@media only screen and (min-width: 56.25rem) and (max-width: 71.249rem) {
    .col-2:nth-child(2n+1), .col-4:nth-child(2n+1) {
        margin-right: 1.5%;
    }

    .col-2:nth-child(2n+2), .col-4:nth-child(2n+2) {
        margin-left: 1.5%;
    }
}

@media only screen and (min-width: 71.25rem) {
    .col-4 {
        width: 22%;
    }

    .col-5 {
        width: 17.5%;
    }

    .col-6 {
        width: 14%;
    }
}

/* [ CMS ] */
/* Button */
.button {
    border: none;
    border-radius: 8px;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 3.5rem;
    min-width: 10rem;
    overflow: hidden;
    padding: 0 3rem;
    position: relative;
    text-decoration: none;
    transition: background .3s linear, color 0s linear .09s;
    white-space: nowrap;
    z-index: 1;
}

.button::before {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform-origin: 0% 100%;
    transition: transform .5s, background-color .3s;
    width: 150%;
    z-index: -1;
}

.button:active::before, .button:focus::before, .button:hover::before {
    -moz-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    -o-transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -moz-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button.green {
    background: #06a079;
    color: #fff;
}

.button.green:active, .button.green:focus, .button.green:hover, .button.button.green::before {
    background: #476998;
}

.button.magenta {
    background: #a90d30;
    color: #fff;
}

.button.magenta:active, .button.magenta:focus, .button.magenta:hover, .button.magenta::before {
    background: #0da982;
}

.button.white {
    background: #fff;
    color: #526568;
}

.button.white:active, .button.white:focus, .button.white:hover {
    background: #526568;
    color: #fff;
}

.button.white::before {
    background: #526568;
}

.button + .button {
    margin-left: .5em;
}

/* Youtube */
.youtube-video {
    height: 0;
    margin: 2em 0;
    padding: 20px 0 56.25% 0;
    position: relative;
}

.youtube-video iframe {
    border: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* Drobečková */
.breadcrumb {
    display: none;
}

@media only screen and (min-width: 48rem) {
    .breadcrumb {
        color: #0da982;
        display: block;
        font-size: .94rem;
        height: 62px;
        line-height: 62px;
        white-space: nowrap;
    }

    .breadcrumb a {
        color: #0da982;
        margin-right: .8rem;
        position: relative;
    }

    .breadcrumb a:first-of-type {
        background: url(../img/sprite.png) no-repeat -96px 0;
        display: inline-block;
        font: 0/0 a;
        height: 32px;
        margin-right: .2rem;
        vertical-align: middle;
        width: 32px;
    }

    .breadcrumb span {
        background: url(../img/sprite.png) no-repeat -138px -10px;
        display: inline-block;
        height: 12px;
        margin-right: .8rem;
        position: relative;
        text-indent: -9999em;
        vertical-align: middle;
        width: 12px;
    }
}

/* Photo Gallery */
.photogallery {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2em;
}

.photogallery figure {
    flex-basis: 49%;
    margin-bottom: .3em;
    margin-left: 2%;
}

.photogallery figure a {
    display: block;
    max-height: 25rem;
    overflow: hidden;
    position: relative;
}

.photogallery figure a:before {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%);
    content: '';
    display: block;
    height: 100%;
    left: -75%;
    position: absolute;
    top: 0;
    -moz-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    width: 50%;
    z-index: 2;
}

.photogallery figure a:active:before, .photogallery figure a:focus:before, .photogallery figure a:hover:before {
    -moz-animation: shine .75s;
    -o-animation: shine .75s;
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

.photogallery figure a img {
    backface-visibility: hidden;
    display: block;
    width: 100%;
}

@-moz-keyframes shine {
    100% {
        left: 125%;
    }
}

@-ms-keyframes shine {
    100% {
        left: 125%;
    }
}

@-o-keyframes shine {
    100% {
        left: 125%;
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

@media only screen and (max-width: 44rem) {
    .photogallery figure:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (min-width: 44rem) {
    .photogallery figure {
        flex-basis: 32%;
        margin-left: 1.5%;
    }
}

@media only screen and (min-width: 44rem) and (max-width: 75rem) {
    .photogallery figure:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (min-width: 75rem) {
    .photogallery figure {
        flex-basis: 24.75%;
        margin-left: .33%;
    }

    .photogallery figure:nth-child(4n+1) {
        margin-left: 0;
    }
}

/* POP-UP */
.pop-up-window {
    background: #fff;
    color: #141414;
    margin: 1.5em auto;
    max-height: calc(100vh - 3em);
    max-width: 920px;
    overflow-y: auto;
    padding: 2.5em 1.5em 1.5em;
    position: relative;
    text-align: center;
    width: auto;
}

@media only screen and (max-width: 640px) {
    .pop-up-window {
        padding: 2.5em .75em 1.5em;
    }
}

/* Cookies Bar */
.cookiesbar {
    background: #dfd6bc;
    border-top: 4px solid #a90d30;
    bottom: 0;
    color: #3f586e;
    left: 0;
    padding: 1rem 1rem .5rem;
    position: fixed;
    right: 0;
    z-index: 9999;
}

.cookiesbar__text {
    font-size: .8125rem;
}

.cookiesbar__text a {
    color: #3f586e;
}

.cookiesbar__controls {
    margin-top: .75rem;
}

.cookiesbar__controls button, .cookieschoice__submit button {
    font-size: .75rem;
    line-height: 2.25rem;
    margin: 0 .25rem .5rem;
    min-width: 0;
    padding: 0 1em;
}

.cookieschoice {
    text-align: left;
}

.cookieschoice.fancybox-content {
    font-size: .94rem;
    max-width: 44rem;
    padding: 4rem 2rem 2rem;
}

.cookieschoice .fancybox-close-small:active, .cookieschoice .fancybox-close-small:focus, .cookieschoice .fancybox-close-small:hover {
    color: #a90d30;
}

.cookieschoice__title {
    margin-bottom: 1.5rem;
}

.cookieschoice__title strong {
    font-size: 1.25em;
}

.cookieschoice__item + .cookieschoice__item {
    margin-top: 2rem;
}

.cookieschoice__item h4, .cookieschoice__item p {
    margin: 0;
}

.cookieschoice__item__switch {
    margin-top: .4em;
    position: relative;
}

.cookieschoice__item__switch input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

.cookieschoice__item__switch label {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.7rem;
    padding: 0 0 0 3rem;
    position: relative;
    text-transform: none;
}

.cookieschoice__item__switch label:active, .cookieschoice__item__switch label:focus, .cookieschoice__item__switch label:hover {
    color: #a90d30;
}

.cookieschoice__item__switch input:checked ~ label {
    color: #06a079;
}

.cookieschoice__item__switch input:not(:disabled) ~ label {
    cursor: pointer;
}

.cookieschoice__item__switch label::before {
    background: #efebeb;
    border-radius: 1.4rem;
    content: '';
    height: 1.4rem;
    left: 0;
    position: absolute;
    top: .16em;
    transition: all .25s linear;
    width: 2.5rem;
}

.cookieschoice__item__switch input:checked ~ label::before {
    background: #06a079;
}

.cookieschoice__item__switch label::after {
    background: #fff;
    border-radius: 50%;
    content: '';
    height: 1rem;
    left: .25rem;
    position: absolute;
    top: calc(.16em + .2rem);
    transition: all .25s linear;
    width: 1rem;
}

.cookieschoice__item__switch input:checked ~ label::after {
    left: 1.3rem;
}

.cookieschoice__submit {
    margin-top: 2rem;
}

/* Fancy */
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    backface-visibility: hidden;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -moz-transition-duration: inherit;
    -o-transition-duration: inherit;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    -o-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s, visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -moz-transition: opacity .25s, visibility 0s;
    -o-transition: opacity .25s, visibility 0s;
    -webkit-transition: opacity .25s, visibility 0s;
    transition: opacity .25s, visibility 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -moz-transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block;
}

.fancybox-slide--next {
    z-index: 99995;
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0;
}

.fancybox-slide--image:before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px 6px 0;
}

.fancybox-slide--iframe {
    padding: 44px 44px 0;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    -moz-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -o-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
    cursor: text;
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px;
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px;
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.fancybox-iframe {
    vertical-align: top;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -webkit-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    width: 44px;
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc;
}

.fancybox-button:focus, .fancybox-button:hover {
    color: #fff;
}

.fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
}

.fancybox-button svg {
    display: block;
    overflow: visible;
    position: relative;
    shape-rendering: geometricPrecision;
}

.fancybox-button svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3;
}

.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
    display: none;
}

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
    fill: currentColor;
}

.fancybox-button--share svg path {
    stroke-width: 1;
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px;
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    -moz-transition: opacity .25s, visibility 0s, color .25s;
    -o-transition: opacity .25s, visibility 0s, color .25s;
    -webkit-transition: opacity .25s, visibility 0s, color .25s;
    transition: opacity .25s, visibility 0s, color .25s;
}

.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px;
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10;
}

.fancybox-close-small svg {
    fill: transparent;
    opacity: .8;
    stroke: currentColor;
    stroke-width: 1.5;
    -moz-transition: stroke .1s;
    -o-transition: stroke .1s;
    -webkit-transition: stroke .1s;
    transition: stroke .1s;
}

.fancybox-close-small:focus {
    outline: none;
}

.fancybox-close-small:hover svg {
    opacity: 1;
}

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px;
}

.fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
    background: transparent;
    color: #fff;
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none;
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0;
}

.fancybox-caption:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1;
}

.fancybox-caption:after {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    content: "";
    display: block;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0;
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

.fancybox-loading {
    -moz-animation: a .8s infinite linear;
    -o-animation: a .8s infinite linear;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    border: 6px solid hsla(0, 0%, 39%, .5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999;
}

@keyframes a {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fancybox-animated {
    -moz-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -moz-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -moz-transform: scale3d(1.5, 1.5, 1.5);
    -ms-transform: scale3d(1.5, 1.5, 1.5);
    -o-transform: scale3d(1.5, 1.5, 1.5);
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -moz-transform: scale3d(.5, .5, .5);
    -ms-transform: scale3d(.5, .5, .5);
    -o-transform: scale3d(.5, .5, .5);
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -moz-transform: rotate(-1turn);
    -ms-transform: rotate(-1turn);
    -o-transform: rotate(-1turn);
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -moz-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -moz-transform: scaleX(1) translateZ(0);
    -ms-transform: scaleX(1) translateZ(0);
    -o-transform: scaleX(1) translateZ(0);
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
}

.fancybox-fx-tube.fancybox-slide--previous {
    -moz-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    -ms-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    -o-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    -moz-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    -ms-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    -o-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    -moz-transform: translateZ(0) scale(1);
    -ms-transform: translateZ(0) scale(1);
    -o-transform: translateZ(0) scale(1);
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs > ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x > ul {
    overflow: hidden;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs > ul > li {
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1);
}

.fancybox-thumbs > ul > li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.fancybox-thumbs > ul > li:before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -moz-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1;
}

@media (max-width: 800px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px);
    }
}

/* PODSTRÁNKY */
.subpages-nav {
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 2rem auto;
}

.subpages-nav a {
    background: #fff;
    border: 2px solid #0da982;
    color: #0da982;
    display: inline-block;
    font-size: 1.07rem;
    font-weight: 400;
    line-height: 1.4em;
    min-width: 8.25rem;
    padding: .66em 2rem;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.subpages-nav a:active, .subpages-nav a:focus, .subpages-nav a:hover {
    background: #0da982;
    color: #fff;
}

.subpages-nav a:before {
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

.subpages-nav a:active:before, .subpages-nav a:focus:before, .subpages-nav a:hover:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #0da982;
    content: '';
    left: calc(50% - 8px);
    position: absolute;
    top: 100%;
}

.subpages-nav a + a {
    margin-left: .5rem;
}

.subpage-list [class^="col-"] {
    margin-bottom: 4rem;
}

.subpage-list a {
    display: block;
    text-align: center;
    text-decoration: none;
}

.subpage-list__image {
    display: flex;
    margin-bottom: 1.25rem;
    max-height: 12rem;
    overflow: hidden;
    width: 100%;
}

.subpage-list__image img {
    align-self: center;
    backface-visibility: hidden;
    display: block;
    margin: 0 auto;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
    width: 100%;
}

.subpage-list a:active .subpage-list__image img, .subpage-list a:focus .subpage-list__image img, .subpage-list a:hover .subpage-list__image img {
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -o-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
}

.subpage-list__header {
    color: #3f586e;
    font-size: 1.5625rem;
    line-height: 1.125em;
    margin: 1em 0 .66em;
    width: 100%;
}

.subpage-list__desc {
    color: #373333;
    font-size: 1rem;
    margin-bottom: 1.5rem;
    width: 100%;
}

.subpage-list__button {
    width: 100%;
}

.subpage-list__button button {
    background: #a90d30;
    border: none;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: .94rem;
    font-weight: 600;
    line-height: 3rem;
    overflow: hidden;
    padding: 0 3rem;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subpage-list__button button:before {
    background: #a90d30;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -moz-transition: transform .5s, background-color .3s;
    -o-transition: transform .5s, background-color .3s;
    -webkit-transition: transform .5s, background-color .3s;
    transition: transform .5s, background-color .3s;
    width: 150%;
    z-index: 2;
}

.subpage-list__button button:active:before, .subpage-list__button button:focus:before, .subpage-list__button button:hover:before {
    background: #0da982;
    -moz-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    -o-transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -moz-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.subpage-list__button button span {
    position: relative;
    z-index: 10;
}

@media only screen and (min-width: 56.25rem) {
    .subpage-list {
        justify-content: center;
    }

    .subpage-list [class^="col-"] {
        display: flex;
        margin: 0 1.5% 4rem;
        padding: 0 1rem;
    }

    .subpage-list a {
        align-items: flex-start;
        display: flex;
        flex-basis: 100%;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-bottom: 4rem;
        position: relative;
    }

    .subpage-list__desc {
        margin-bottom: .5rem;
    }

    .subpage-list__button {
        bottom: 0;
        left: 0;
        position: absolute;
    }

    .subpage-list .with-image {
        padding-bottom: 16.5rem;
    }

    .subpage-list .with-image .subpage-list__image {
        bottom: 5rem;
        left: 0;
        margin-bottom: 0;
        position: absolute;
        right: 0;
    }
}

@media only screen and (min-width: 71.25rem) {
    .subpage-list .col-4:first-child:nth-last-child(3), .subpage-list .col-4:first-child:nth-last-child(3) ~ .col-4 {
        width: 30%;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .subpage-list [class^="col-"] {
        display: block;
    }

    .subpage-list a {
        align-items: unset;
        display: block;
        -ms-flex-direction: unset;
        -webkit-flex-direction: unset;
        flex-direction: unset;
    }
}

/* BLOG */
.blog-article {
    margin-top: 4rem;
}

.blog-article article {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    position: relative;
}

.blog-article h2 {
    color: #526568;
    font-size: 2rem;
    font-weight: 600;
}

.blog-article h2:first-of-type {
    margin: 0 auto .5rem;
}

.blog-article h2 a {
    border-bottom: 1px solid transparent;
    color: #526568;
    text-decoration: none;
}

.blog-article h2 a:active, .blog-article h2 a:focus, .blog-article h2 a:hover {
    border-bottom-color: #a90d30;
    color: #a90d30;
}

.blog-article--date {
    color: #0da982;
    font-size: .94rem;
    font-weight: 500;
    line-height: 2rem;
    margin-top: 0;
    padding-left: 3rem;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blog-article--date:before {
    background: url(../img/sprite.png) no-repeat -208px -48px;
    content: '';
    height: 32px;
    left: 0;
    position: absolute;
    top: calc(50% - 19px);
    width: 32px;
}

.blog-article__body {
    display: flex;
    justify-content: flex-start;
}

.blog-article__body--img {
    margin: 0 1.5rem 1.5rem 0;
    max-width: 12.5rem;
}

.blog-article__body--txt {
    flex-grow: 1;
}

.blog-post {
    margin-bottom: 3.5em;
}

.blog-post--content header h2 {
    margin-top: .5em;
}

.blog-post--content header ul, .blog-article header ul {
    display: block;
    margin: 0;
}

.blog-post--content header ul li:before, .blog-article header ul li:before {
    display: none;
}

.blog-post--content header ul li.date, .blog-article header ul li.date {
    color: #c4912a;
    font-size: 1.07rem;
    padding-left: 24px;
    position: relative;
}

.blog-post--content header ul li.date:after, .blog-article ul li.date:after {
    background: url(../img/sprite.png) no-repeat -6px -60px;
    content: '';
    height: 15px;
    left: 0;
    position: absolute;
    top: calc(50% - 9px);
    width: 12px;
}

.blog-article--content {
    margin-top: 1.5em;
}

.blog-article--content img {
    width: 100%;
}

.blog-article--nav {
    display: block;
    margin: 2em 0 0 0 !important;
}

.blog-article--nav li {
    margin: 0 1em 1em 0;
}

.blog-article--nav li:before {
    display: none !important;
}

.blog-article--nav li a {
    border: 1px solid #f1b0c3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #710323;
    display: inline-block;
    font-size: .94rem;
    padding: .8em 1.5em;
    position: relative;
    text-decoration: none;
}

.blog-article--nav li a:active, .blog-article--nav li a:focus, .blog-article--nav li a:hover {
    background: #990430;
    border-color: #990430;
    color: #fff;
}

@media only screen and (min-width: 40rem) {
    .blog-article h2 {
        font-size: 2.5rem;
    }
}

@media only screen and (min-width: 56.25rem) {
    .blog-post {
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .blog-post--image {
        flex-basis: 23.5%;
    }

    .blog-post--content {
        flex-basis: 73.5%;
    }

    .blog-post--content header h2 {
        margin-top: 0;
    }

    .blog-article--image {
        max-width: 36%;
    }
}

/* STRÁNKOVÁNÍ */
.pagination {
    margin-top: 2rem;
}

.pagination ul {
    list-style: none;
    margin: 0;
}

.pagination li {
    display: inline-block;
    margin-right: 1em;
}

.pagination li:before {
    display: none !important;
}

.pagination li a {
    background: #a90d30;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 3rem;
    overflow: hidden;
    padding: 0 3rem;
    position: relative;
    text-decoration: none;
}

.pagination li a:before {
    background: #a90d30;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -moz-transition: transform .5s, background-color .3s;
    -o-transition: transform .5s, background-color .3s;
    -webkit-transition: transform .5s, background-color .3s;
    transition: transform .5s, background-color .3s;
    width: 150%;
    z-index: 2;
}

.pagination li a:active:before, .pagination li a:focus:before, .pagination li a:hover:before {
    background: #000;
    -moz-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    -o-transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -moz-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.pagination li a span {
    position: relative;
    z-index: 10;
}

.pagination li > span {
    display: none;
}

/* SOUBORY */
.files {
    margin: 1rem 0;
}

.files a {
    background: #fcfcfc;
    border: 1px solid #e4e4e4;
    border-bottom: 3px solid #0da982;
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    color: #a90d30;
    display: block;
    margin: 0 0 2rem 0;
    padding: 1rem 2rem 1rem 6rem;
    position: relative;
    text-decoration: none;
}

.files a:active, .files a:focus, .files a:hover {
    border-color: #a90d30;
}

.files a img {
    height: 2.5rem;
    left: 2rem;
    position: absolute;
    top: calc(50% - 1.25rem);
}

.files a header {
    color: #a90d30;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3em;
}

.files a:active header, .files a:focus header, .files a:hover header {
    text-decoration: underline;
}

.files a p {
    color: #3f586e;
    font-size: .94rem;
    font-style: italic;
    margin: 0 0 .25rem;
}

.files a span {
    font-size: .8125rem;
}

/* SLICK */
.slick-slider {
    display: block;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

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

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

.slick-track:before, .slick-track:after {
    content: '';
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* [ WYSIWYG TEMPLATES ] */
.img-l, .img-r, .img-text {
    margin-bottom: 1.5rem;
}

.img-text {
    margin-top: 1rem;
    text-align: left;
}

.img-text > div:first-child a {
    display: block;
    text-decoration: none;
}

@media only screen and (min-width: 48rem) {
    .img-l, .img-r, .img-text {
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        justify-content: space-between;
    }

    .img-l > div:first-child {
        order: 2;
    }

    .img-l > div:last-child, .img-r > div:last-child {
        flex-basis: 30%;
    }

    .img-l > div:first-child, .img-r > div:first-child {
        flex-basis: 67.5%;
    }

    .img-l > div:first-child h2:first-of-type, .img-l > div:first-child h3:first-of-type, .img-r > div:first-child h2:first-of-type, .img-r > div:first-child h3:first-of-type {
        margin-top: 0;
    }

    .img-l > div:last-child img, .img-r > div:last-child img {
        min-width: 99%;
    }

    .centered .img-l > div:first-child {
        text-align: left;
    }

    .centered .img-r > div:first-child {
        text-align: right;
    }

    .centered .img-l > div:first-child p, .centered .img-r > div:first-child p {
        text-align: justify;
    }

    .img-text > div:first-child {
        width: 35%;
    }

    .img-text > div:first-child img {
        display: block;
        max-width: none;
        width: 100%;
    }

    .img-text > div:last-child {
        align-self: center;
        width: 60%;
    }
}

.person-contact {
    background: #fafafa;
    border: 1px solid #476998;
    border-bottom-width: 3px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 400;
    list-style: none;
    margin: 0 0 1rem;
    padding: 1.25rem 0 1.25rem 2rem;
}

.person-contact li {
    flex-basis: 100%;
    font-size: 1rem;
    padding-right: 2rem;
}

.person-contact li:first-of-type {
    font-weight: 600;
}

@media only screen and (min-width: 30rem) {
    .person-contact li {
        flex-basis: 50%;
    }
}

@media only screen and (min-width: 48rem) {
    .person-contact li:first-of-type {
        font-size: 1.25rem;
    }

    .person-contact li a[href^="mailto:"], .person-contact li a[href^="tel:"] {
        display: inline-block;
        font-size: 1.07rem;
        padding-left: 2rem;
        position: relative;
    }

    .person-contact li a[href^="tel:"] + a[href^="tel:"] {
        padding-left: 0;
    }

    .person-contact li a[href^="mailto:"]:before, .person-contact li a[href^="tel:"]:before {
        background: url(../img/sprite.png) no-repeat;
        content: '';
        height: 24px;
        left: 0;
        position: absolute;
        top: calc(50% - 12px);
        width: 24px;
    }

    .person-contact li a[href^="tel:"] + a[href^="tel:"]:before {
        display: none;
    }

    .person-contact li a[href^="mailto:"]:before {
        background-position: -196px -4px;
    }

    .person-contact li a[href^="tel:"]:before {
        background-position: -164px -4px;
    }
}

@media only screen and (min-width: 80rem) {
    .person-contact {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .person-contact li {
        flex-basis: 25%;
    }
}

/* [ OBECNÉ ANIMACE ] */
html.js [data-atype="fade-down"] {
    opacity: 0;
    -moz-transform: translateY(-6rem);
    -ms-transform: translateY(-6rem);
    -o-transform: translateY(-6rem);
    -webkit-transform: translateY(-6rem);
    transform: translateY(-6rem);
    -moz-transition: opacity .4s ease-in, transform .33s linear;
    -o-transition: opacity .4s ease-in, transform .33s linear;
    -webkit-transition: opacity .4s ease-in, transform .33s linear;
    transition: opacity .4s ease-in, transform .33s linear;
}

html.js .init[data-atype="fade-down"] {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

html.js [data-atype="fade-left"] {
    opacity: 0;
    -moz-transform: translateX(6rem);
    -ms-transform: translateX(6rem);
    -o-transform: translateX(6rem);
    -webkit-transform: translateX(6rem);
    transform: translateX(6rem);
    -moz-transition: opacity .4s ease-in, transform .33s linear;
    -o-transition: opacity .4s ease-in, transform .33s linear;
    -webkit-transition: opacity .4s ease-in, transform .33s linear;
    transition: opacity .4s ease-in, transform .33s linear;
}

html.js .init[data-atype="fade-left"] {
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

html.js [data-atype="fade-in"] {
    opacity: 0;
    -moz-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
}

html.js .init[data-atype="fade-in"] {
    opacity: 1;
}

html.js [data-atype="fade-in-delayed"] {
    opacity: 0;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -webkit-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}

html.js .init[data-atype="fade-in-delayed"] {
    opacity: 1;
}

html.js [data-atype="fade-right"] {
    opacity: 0;
    -moz-transform: translateX(-6rem);
    -ms-transform: translateX(-6rem);
    -o-transform: translateX(-6rem);
    -webkit-transform: translateX(-6rem);
    transform: translateX(-6rem);
    -moz-transition: opacity .4s ease-in, transform .33s linear;
    -o-transition: opacity .4s ease-in, transform .33s linear;
    -webkit-transition: opacity .4s ease-in, transform .33s linear;
    transition: opacity .4s ease-in, transform .33s linear;
}

html.js .init[data-atype="fade-right"] {
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

html.js [data-atype="fade-up"] {
    opacity: 0;
    -moz-transform: translateY(6rem);
    -ms-transform: translateY(6rem);
    -o-transform: translateY(6rem);
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem);
    -moz-transition: opacity .5s ease-in, transform .4s linear;
    -o-transition: opacity .5s ease-in, transform .4s linear;
    -webkit-transition: opacity .5s ease-in, transform .4s linear;
    transition: opacity .5s ease-in, transform .4s linear;
}

html.js .init[data-atype="fade-up"] {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

html.js [data-atype="scale"] {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    -webkit-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}

html.js .init[data-atype="scale"] {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* == MUZEUM-MYTO.CZ == */
/* [ MUZEUM : WIDGET ] */
.museum-widget {
    background: url(../img/museum-widget.png) no-repeat -5rem top #030303;
    display: none;
    padding-top: 6rem;
}

.museum-widget .center {
    padding: 1rem 0;
    text-align: right;
}

.museum-widget a {
    background: #fff;
    color: #000;
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 3.5rem;
    padding: 0 5.25rem 0 2.25rem;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    white-space: nowrap;
}

.museum-widget a:active, .museum-widget a:focus, .museum-widget a:hover {
    background: #a90d30;
    color: #fff;
}

.museum-widget a:before, .museum-widget a:after {
    content: '';
    position: absolute;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.museum-widget a:before {
    background: url(../img/sprite.png) -68px -37px no-repeat #efebeb;
    bottom: 0;
    right: 0;
    top: 0;
    width: 3.25rem;
}

.museum-widget a:active:before, .museum-widget a:focus:before, .museum-widget a:hover:before {
    background-color: #9d092a;
    background-position: -4px -37px;
}

.museum-widget a:after {
    border-bottom: 10px solid transparent;
    border-left: 9px solid #fff;
    border-top: 10px solid transparent;
    right: calc(3.25rem - 8px);
    top: calc(50% - 10px);
}

.museum-widget a:active:after, .museum-widget a:focus:after, .museum-widget a:hover:after {
    border-left-color: #a90d30;
}

.museum-widget button {
    background: none;
    border: none;
    color: #fff;
    font-size: 1rem;
    line-height: 3rem;
    margin-left: 3rem;
    padding-left: 1.75rem;
    position: relative;
}

.museum-widget button:active, .museum-widget button:focus, .museum-widget button:hover {
    color: #a90d30;
}

.museum-widget button:before {
    color: #a90d30;
    content: '+';
    font-size: 1.875rem;
    font-weight: 700;
    left: 0;
    line-height: 3rem;
    position: absolute;
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    top: .15rem;
}

.museum-widget button:active:before, .museum-widget button:focus:before, .museum-widget button:hover:before {
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

@media only screen and (min-width: 32rem) {
    .museum-widget {
        background-position: -4rem center;
        background-size: cover;
        padding-top: 0;
    }

    .museum-widget button {
        margin-left: 5rem;
    }
}

@media only screen and (min-width: 80rem) {
    .museum-widget {
        background-position: 0 center;
        background-size: contain;
    }
}

/* [ HEADER ] */
#header > .center {
    align-items: center;
    display: flex;
    padding: 2rem 0;
}

/* Logo */
.logo {
    display: inline-block;
}

.logo {
    max-width: 23.5rem;
}

.logo-claim {
    display: none;
}

.logo img, .logo-claim img {
    display: block;
    width: 100%;
}

@-moz-document url-prefix() {
    .logo img {
        min-width: 18rem;
    }
    .logo-claim img {
        min-width: 13rem;
    }
}

@media only screen and (min-width: 48rem) {
    .logo-claim {
        display: inline-block;
        margin-right: 2rem;
        max-width: 15rem;
        padding-left: 1.75rem;
    }
}

/* Mutace + odkaz */
.header__toolbar, .header__toolbar--lang {
    display: none;
}

@media only screen and (min-width: 40rem) {
    .header__toolbar {
        align-items: center;
        display: flex;
        margin-left: auto;
    }

    .header__toolbar--lang {
        display: none;
    }

    .header__toolbar--button {
        margin-left: 2rem;
    }

    .header__toolbar--button p {
        margin: 0;
    }

    .header__toolbar--button a {
        background: #0da982;
        color: #fff;
        display: inline-block;
        font-size: 1rem;
        line-height: 3.5rem;
        padding: 0 4.25rem 0 1.25rem;
        position: relative;
        text-decoration: none;
        text-overflow: ellipsis;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
        white-space: nowrap;
    }

    .header__toolbar--button a:active, .header__toolbar--button a:focus, .header__toolbar--button a:hover {
        background: #ffa514;
    }

    .header__toolbar--button a:before, .header__toolbar--button a:after {
        content: '';
        position: absolute;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .header__toolbar--button a:before {
        background: url(../img/sprite.png) -4px -37px no-repeat #06a079;
        height: 3.5rem;
        right: 0;
        top: 0;
        width: 3.25rem;
    }

    .header__toolbar--button a:active:before, .header__toolbar--button a:focus:before, .header__toolbar--button a:hover:before {
        background-color: #d48300;
    }

    .header__toolbar--button a:after {
        border-bottom: 10px solid transparent;
        border-left: 9px solid #0da982;
        border-top: 10px solid transparent;
        right: calc(3.25rem - 8px);
        top: calc(50% - 10px);
    }

    .header__toolbar--button a:active:after, .header__toolbar--button a:focus:after, .header__toolbar--button a:hover:after {
        border-left-color: #ffa514;
    }
}

@media only screen and (min-width: 80rem) {
    .header__toolbar--lang { /*display: block;*/
    }

    .header__toolbar--lang ul {
        list-style: none;
        margin: 0;
    }

    .header__toolbar--lang li {
        display: inline-block;
    }

    .header__toolbar--lang li + li {
        margin-left: 1.125rem;
    }

    .header__toolbar--lang li.selected {
        opacity: .66;
    }

    .header__toolbar--lang li a {
        color: #526568;
        display: block;
        font-size: 1rem;
        padding-left: 2rem;
        position: relative;
        text-decoration: none;
    }

    .header__toolbar--lang a:active, .header__toolbar li a:focus, .header__toolbar li a:hover {
        color: #a90d30;
    }

    .header__toolbar--lang li a:before {
        background: url(../img/sprite.png) no-repeat;
        content: '';
        left: 0;
        height: 24px;
        position: absolute;
        top: calc(50% - 12px);
        width: 24px;
    }

    .header__toolbar--lang li a[href="/cs"]:before {
        background-position: -4px -4px;
    }

    .header__toolbar--lang li a[href="/en"]:before {
        background-position: -36px -4px;
    }
}

/* NAVIGACE */
#nav {
    background: #a90d30;
    color: #fff;
    position: relative;
}

#nav > .center {
    display: flex;
    position: static;
}

#nav ul {
    list-style: none;
    margin: 0;
}

#nav a {
    display: block;
    position: relative;
    text-decoration: none;
}

#nav ul.level-1 {
    background: #9d092a;
    color: #fff;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 5px);
    z-index: 1010;
}

#nav ul.level-1 > li {
    border-top: 1px solid #bf2b4c;
    position: relative;
}

#nav ul.level-1 > li:first-child {
    border-top: none;
}

#nav ul.level-1 > li a {
    color: #fff;
    font-size: 1rem;
    padding: .55rem 3%;
}

#nav ul.level-1 > li > span {
    background: #a90d30;
    border-left: 1px solid #bf2b4c;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 300;
    height: 2.85rem;
    line-height: 2.8rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 2.85rem;
}

#nav ul.level-2 {
    border-bottom: 2px solid #bf2b4c;
    display: none;
}

#nav ul.level-2 li {
    border-top: 1px solid #bf2b4c;
}

#nav ul.level-2 li a {
    padding-left: 3.5rem;
}

.nav__toggle {
    background: none;
    border: none;
    color: #fff;
    font-size: 1rem;
    height: 3.5rem;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 1002;
}

.nav__toggle:active, .nav__toggle:focus, .nav__toggle:hover, .nav__toggle.open {
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}

.nav__toggle:active:before, .nav__toggle:focus:before, .nav__toggle:hover:before, .nav__toggle.open:before, .nav__toggle:active:after, .nav__toggle:focus:after, .nav__toggle:hover:after, .nav__toggle.open:after {
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    content: '';
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
}

.nav__toggle:active:before, .nav__toggle:focus:before, .nav__toggle:hover:before, .nav__toggle.open:before {
    top: -5px;
}

.nav__toggle:active:after, .nav__toggle:focus:after, .nav__toggle:hover:after, .nav__toggle.open:after {
    bottom: -4px;
}

.nav__toggle > span {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #9d092a;
    border: none;
    display: inline-block;
    height: 3.5rem;
    overflow: hidden;
    position: relative;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    -webkit-transition: background .3s;
    transition: background .3s;
    width: 3rem;
    z-index: 1003;
}

.nav__toggle:active > span, .nav__toggle:focus > span, .nav__toggle:hover > span, .nav__toggle.open > span {
    background: #fff;
}

.nav__toggle > span > span {
    background: #fff;
    display: block;
    height: 2px;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 26px;
}

.nav__toggle:active > span > span, .nav__toggle:focus > span > span, .nav__toggle:hover > span > span, .nav__toggle.open > span > span {
    background: #a90d30;
}

.nav__toggle.open > span > span {
    background: none;
}

.nav__toggle > span > span:after, .nav__toggle > span > span:before {
    background: #fff;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    -moz-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    -webkit-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s;
    -moz-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    -webkit-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
}

.nav__toggle:active > span > span:after, .nav__toggle:focus > span > span:after, .nav__toggle:hover > span > span:after, .nav__toggle.open > span > span:after, .nav__toggle:active > span > span:before, .nav__toggle:focus > span > span:before, .nav__toggle:hover > span > span:before, .nav__toggle.open > span > span:before {
    background: #a90d30;
}

.nav__toggle > span > span:after {
    bottom: -10px;
    -moz-transition-property: bottom, transform;
    -o-transition-property: bottom, transform;
    -webkit-transition-property: bottom, transform;
    transition-property: bottom, transform;
}

.nav__toggle.open > span > span:after {
    bottom: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav__toggle > span > span:before {
    top: -10px;
    -moz-transition-property: top, transform;
    -o-transition-property: top, transform;
    -webkit-transition-property: top, transform;
    transition-property: top, transform;
}

.nav__toggle.open > span > span:before {
    top: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav__toggle > i {
    display: inline-block;
    font-style: normal;
    line-height: 3.5rem;
    padding: 0 1.5rem 0 .75rem;
    position: relative;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    -webkit-transition: background .3s;
    transition: background .3s;
    vertical-align: top;
    z-index: 1003;
}

.nav__toggle:active > i, .nav__toggle:focus > i, .nav__toggle:hover > i, .nav__toggle.open > i {
    background: #fff;
    color: #a90d30;
}

.nav__lang { /**/
    display: none; /**/
    margin-left: auto;
}

.nav__lang ul {
    list-style: none;
    margin: 0;
}

.nav__lang li {
    display: inline-block;
    margin-right: 1rem;
}

.nav__lang li a {
    font: 0/0 a;
    line-height: 3.5rem;
    position: relative;
    padding-left: 24px;
}

.nav__lang li a:before, .nav__lang li a:after {
    content: '';
    position: absolute;
}

.nav__lang li a:before {
    background: url(../img/sprite.png) no-repeat;
    left: 0;
    height: 24px;
    top: calc(50% - 12px);
    width: 24px;
    z-index: 3;
}

.nav__lang li a[href="/cs"]:before {
    background-position: -4px -4px;
}

.nav__lang li a[href="/en"]:before {
    background-position: -36px -4px;
}

.nav__lang li a:after {
    background: #fff;
    border-radius: 50%;
    height: 28px;
    left: -2px;
    top: calc(50% - 14px);
    width: 28px;
    z-index: 1;
}

@media only screen and (min-width: 80rem) {
    #nav > .center {
        display: block;
        max-width: calc(1400px + 4rem);
    }

    #nav ul.level-1 {
        background: transparent;
        display: flex !important;
        position: relative;
        top: 0;
    }

    #nav ul.level-1 > li {
        border-top: none;
        display: inline-block;
        flex-grow: 1;
        position: relative;
    }

    #nav ul.level-1 > li.selected > a {
        background: #9d092a;
    }

    #nav ul.level-1 > li > a {
        color: #fff;
        font-size: 1.07rem;
        line-height: 4rem;
        padding: 0;
        text-align: center;
    }

    #nav ul.level-1 > li:active > a, #nav ul.level-1 > li:focus > a, #nav ul.level-1 > li:hover > a {
        background: #fff;
        color: #a90d30;
    }

    #nav ul.level-1 > li:active > a:before, #nav ul.level-1 > li:focus > a:before, #nav ul.level-1 > li:hover > a:before, #nav ul.level-1 > li:active > a:after, #nav ul.level-1 > li:focus > a:after, #nav ul.level-1 > li:hover > a:after {
        background: #fff;
        box-shadow: 0 0 15px rgba(0, 0, 0, .15);
        content: '';
        height: 5px;
        left: 0;
        position: absolute;
        right: 0;
    }

    #nav ul.level-1 > li:active > a:before, #nav ul.level-1 > li:focus > a:before, #nav ul.level-1 > li:hover > a:before {
        top: -5px;
    }

    #nav ul.level-1 > li:active > a:after, #nav ul.level-1 > li:focus > a:after, #nav ul.level-1 > li:hover > a:after {
        bottom: -5px;
    }

    #nav ul.level-1 > li > a > span {
        display: block;
        padding: 0 2rem;
        position: relative;
        z-index: 2;
    }

    #nav ul.level-1 > li.parent > a > span {
        padding: 0 2rem 0 1.5rem;
    }

    #nav ul.level-1 > li:active > a > span, #nav ul.level-1 > li:focus > a > span, #nav ul.level-1 > li:hover > a > span {
        background: #fff;
    }

    #nav ul.level-1 > li.parent > a > span:before {
        background: url(../img/sprite.png) no-repeat -74px -12px;
        content: '';
        height: 8px;
        position: absolute;
        right: .5rem;
        top: calc(50% - 4px);
        width: 12px;
    }

    #nav ul.level-1 > li > span {
        display: none;
    }

    #nav ul.level-2 {
        background: #fff;
        border-bottom: 7px solid #a90d30;
        box-shadow: 0 0 15px rgba(0, 0, 0, .15);
        color: #324143;
        left: 0;
        position: absolute;
        top: calc(100% + 5px);
        width: 20rem;
    }

    #nav ul.level-1 > li:active ul.level-2, #nav ul.level-1 > li:focus ul.level-2, #nav ul.level-1 > li:hover ul.level-2 {
        display: block;
        z-index: 1010;
    }

    #nav ul.level-2 li {
        border-top: 1px solid #e4e4e4;
    }

    #nav ul.level-2 li:first-child {
        border-top: none;
    }

    #nav ul.level-2 li a {
        color: #324143;
        font-size: 1.07rem;
        line-height: 1.68em;
        padding: .731em 1.5rem;
    }

    #nav ul.level-2 li a:active, #nav ul.level-2 li a:focus, #nav ul.level-2 li a:hover {
        color: #a90d30;
    }

    .nav__toggle, .nav__lang {
        display: none;
    }
}

@media only screen and (min-width: 80rem) and (max-width: 92rem) {
    #nav ul.level-1 > li:nth-last-child(2) ul.level-2 {
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width: 80rem) and (max-width: 112rem) {
    #nav ul.level-1 > li:last-of-type ul.level-2 {
        left: auto;
        right: 0;
    }
}

/* [ MAIN ] */
.homepage #main {
    margin-top: 1.07rem;
}

/* [ PAGE : HP ] */
/* BANNER */
.banner {
    background: url(../img/banner.jpg) no-repeat center top #f1f1f1;
    background-size: cover;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #d7d7d7;
    color: #526568;
    font-size: 1.25rem;
    line-height: 1.68em;
    padding: 3rem 0 5.75rem;
    position: relative;
}

.banner__main--right {
    margin: 0 auto;
    max-width: 22rem;
}

.banner__closest {
    margin-bottom: 3rem;
    text-align: center;
}

.banner__closest h1 {
    color: #324143;
    font-size: 2.5rem;
    font-weight: 300;
}

.banner__closest h1 a {
    color: #324143;
    text-decoration: none;
}

.banner__closest h1 a:active, .banner__closest h1 a:focus, .banner__closest h1 a:hover {
    color: #a90d30;
}

.banner__closest--date {
    background: #0da982;
    color: #fff;
    display: inline-block;
    font-size: 1.07rem;
    font-weight: 300;
    line-height: 1.6em;
    padding: .4rem 2rem .3rem;
}

.banner__closest--desc {
    color: #526568;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.4em;
}

.banner__dates, .banner__title {
    display: none;
}

.banner__hours {
    background: #0da982;
    border: 10px solid #06a079;
    color: #fff;
    font-size: 1rem;
    padding: 2rem 1.5rem 4rem 1.5rem;
    position: relative;
    text-align: center;
}

.banner__hours:before {
    background: url(../img/sprite.png) no-repeat -24px -96px;
    bottom: -64px;
    content: '';
    height: 128px;
    left: calc(50% - 136px);
    position: absolute;
    width: 272px;
}

.banner__hours--today {
    font-size: 1.375rem;
}

.banner__hours--today strong {
    display: block;
    font-size: 1.875rem;
    line-height: 1.1em;
}

.banner__hours--open {
    margin-top: 1.5rem;
}

.banner__hours--open strong {
    display: inline-block;
    font-size: 1.375rem;
    font-weight: 300;
    margin-bottom: .25rem;
}

@media only screen and (min-width: 40rem) {
    .banner {
        padding-top: 5.25rem;
    }

    .banner__dates {
        display: block;
        height: 2rem;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: -6px;
    }

    .banner__dates span {
        background: #fff;
        border-radius: 50%;
        height: 12px;
        position: absolute;
        top: 0;
        width: 12px;
    }

    .banner__dates span:before {
        color: #bdbdbd;
        font-size: .94rem;
        left: calc(50% - 1.25rem);
        position: absolute;
        text-align: center;
        top: .5rem;
        width: 2.5rem;
    }

    .banner-date01 {
        left: 7.75%;
    }

    .banner-date01:before {
        content: attr(data-date01);
    }

    .banner-date02 {
        left: 15.41%;
    }

    .banner-date02:before {
        content: attr(data-date02);
    }

    .banner-date03 {
        left: 23.07%;
    }

    .banner-date03:before {
        content: attr(data-date03);
    }

    .banner-date04 {
        left: 30.73%;
    }

    .banner-date04:before {
        content: attr(data-date04);
    }

    .banner-date05 {
        left: 38.39%;
    }

    .banner-date05:before {
        content: attr(data-date05);
    }

    .banner-date06 {
        left: 46.05%;
    }

    .banner-date06:before {
        content: attr(data-date06);
    }

    .banner-date07 {
        left: 53.71%;
    }

    .banner-date07:before {
        content: attr(data-date07);
    }

    .banner-date08 {
        left: 61.37%;
    }

    .banner-date08:before {
        content: attr(data-date08);
    }

    .banner-date09 {
        left: 69.03%;
    }

    .banner-date09:before {
        content: attr(data-date09);
    }

    .banner-date10 {
        left: 76.69%;
    }

    .banner-date10:before {
        content: attr(data-date10);
    }

    .banner-date11 {
        left: 84.35%;
    }

    .banner-date11:before {
        content: attr(data-date11);
    }

    .banner-date12 {
        left: 92.01%;
    }

    .banner-date12:before {
        content: attr(data-date12);
    }

    .banner__title {
        background: #fff;
        box-shadow: 0 0 15px rgba(0, 0, 0, .15);
        color: #0da982;
        display: block;
        font-size: 1.5625rem;
        font-weight: 700;
        line-height: 1.4em;
        margin: 3.5rem auto 1.5rem;
        padding: 2.5rem 2rem;
        position: relative;
        text-align: center;
    }

    .banner__title:before, .banner__title:after {
        content: '';
        position: absolute;
    }

    .banner__title:before {
        border-bottom: 33px solid #fff;
        border-left: 22px solid transparent;
        border-right: 22px solid transparent;
        border-top: none;
        filter: drop-shadow(0 0 7px rgba(0, 0, 0, .15));
        left: calc(50% - 22px);
        top: -33px;
    }

    .banner__title:after {
        background: #fff;
        height: 1rem;
        left: 0;
        right: 0;
        top: 0;
    }

    .banner__title p {
        margin: 0;
    }
}

@media only screen and (min-width: 56.25rem) {
    .banner__main--left {
        width: 52%;
    }

    .banner__main--right {
        width: 44%;
    }

    .banner__closest {
        text-align: left;
    }

    .banner__closest h1 {
        font-size: 3.75rem;
        line-height: 1em;
        margin-bottom: 0;
    }

    .banner__closest--date {
        margin-left: 2rem;
        position: relative;
        top: -.3rem;
    }

    .banner__title {
        margin-top: 0;
    }

    .banner__title:before {
        border-bottom: 22px solid transparent;
        border-left: none;
        border-right: 33px solid #fff;
        border-top: 22px solid transparent;
        left: -33px;
        top: calc(50% - 22px);
    }

    .banner__title:after {
        bottom: 0;
        height: auto;
        right: auto;
        width: 1rem;
    }
}

@media only screen and (min-width: 60rem) {
    .banner__main--left {
        width: 64%;
    }

    .banner__main--right {
        width: 33%;
    }

    .banner__closest h1 {
        font-size: 5rem;
    }
}

@media only screen and (min-width: 80rem) {
    .banner__main--left {
        width: 66%;
    }

    .banner__main--right {
        width: 28%;
    }

    .banner__closest h1 {
        font-size: 6.25rem;
        line-height: .88em;
    }

    .banner__closest--date {
        top: -.8rem;
    }

    .banner__closest--desc {
        margin-left: 2rem;
        max-width: 34rem;
    }
}

/* AKCE */
.actions {
    margin-bottom: 2rem;
    padding: 4rem 0 2rem;
}

.actions__title h2, .actions__title p {
    color: #3f586e;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2em;
    margin: 0 0 .5rem;
}

.actions__year {
    color: #a90d30;
    font-size: 8.5rem;
    font-weight: 500;
    line-height: .8em;
}

.actions__list {
    padding-top: 3rem;
    position: relative;
    z-index: 2;
}

.actions__list article {
    margin-bottom: 3rem;
    position: relative;
}

.actions__list h3 {
    font-size: 1.875rem;
    line-height: 1.2em;
    font-weight: 700;
    margin-top: 0;
}

.actions__list h3 a {
    color: #526568;
    text-decoration: none;
}

.actions__list h3 a:active, .actions__list h3 a:focus, .actions__list h3 a:hover {
    color: #a90d30;
    text-decoration: underline;
}

.actions__list .a_header {
    margin-bottom: 1rem;
}

.actions__list .a_header--category {
    background: #0da982;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75em;
    padding: 0 1rem;
    text-align: center;
}

.actions__list .verejne .a_header--category {
    background: #a04c2b;
}

.actions__list .vystava .a_header--category {
    background: #476998;
}

.actions__list .a_header--date {
    color: #0da982;
    display: inline-block;
    font-size: 1rem;
    margin-left: 1.25rem;
    text-align: center;
}

.actions__list .verejne .a_header--date {
    color: #a04c2b;
}

.actions__list .vystava .a_header--date {
    color: #476998;
}

.actions__list .a_body--date {
    background: #0da982;
    color: #fff;
    display: inline-block;
    font-size: 1.07rem;
    font-weight: 300;
    line-height: 1.6em;
    margin: -1.5rem auto 1rem 0;
    padding: .4rem 2rem .3rem;
}

.actions__more {
    color: #526568;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4em;
    position: relative;
    z-index: 2;
}

.actions__more p {
    height: 3rem;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.actions__more a {
    color: #526568;
    display: inline-block;
    padding: 1rem 2rem;
    position: relative;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration: none;
}

.actions__more a:active, .actions__more a:focus, .actions__more a:hover {
    color: #a90d30;
}

.actions__more a:before {
    background: #b5bcbd;
    bottom: 1rem;
    content: '';
    height: 1px;
    left: 2rem;
    position: absolute;
    right: 2rem;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    z-index: -1;
}

.actions__more a:active:before, .actions__more a:focus:before, .actions__more a:hover:before {
    background: #a90d30;
    left: 0;
    right: 0;
}

@media only screen and (min-width: 40rem) {
    .actions {
        padding: 11rem 0 10rem;
    }

    .actions__title h2, .actions__title p {
        font-size: 2.1875rem;
    }

    .actions__title {
        text-indent: 6rem;
    }

    .actions__year {
        font-size: 12.5rem;
    }

    .actions__list article {
        margin-bottom: 4rem;
        min-height: 8.5rem;
        padding-left: 14rem;
    }

    .actions__list h3 {
        font-size: 2.8rem;
    }

    .actions__list .a_header {
        left: 1rem;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        width: 7.5rem;
    }

    .actions__list .a_header--category {
        display: block;
        font-size: 1.07rem;
    }

    .actions__list .a_header--date {
        display: block;
        font-size: 1.5625rem;
        height: 10.1rem;
        margin-left: 0;
        padding-top: 1.33rem;
        position: relative;
    }

    .actions__list .a_header--date:before {
        background: url(../img/sprite.png) no-repeat -63px -286px;
        content: '';
        height: 136px;
        left: -5px;
        position: absolute;
        right: -5px;
        top: -9px;
        z-index: -1;
    }

    .actions__list .a_header--date strong {
        display: block;
    }
}

@media only screen and (min-width: 56.25rem) and (max-width: 73.99rem) {
    .actions .row .col-40, .actions .row .col-60 {
        width: 100%;
    }
}

@media only screen and (min-width: 74rem) {
    .actions {
        background: url(../img/actions-color.jpg) no-repeat left bottom;
    }
}

@media only screen and (min-width: 74rem) and (max-width: 84rem) {
    .actions {
        background-position: -20% bottom;
    }
}

/* SODOMKA & STRATÍLEK */
.sodomka, .stratilek {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.5em;
    padding: 4rem 0 3.5rem;
}

.sodomka {
    background-color: #b10e34;
    background-image: url(../img/sodomka.jpg);
}

.stratilek {
    background-color: #36747f;
    background-image: url(../img/stratilek.jpg);
}

.sodomka .center, .stratilek .center {
    text-align: center;
    width: 92%;
}

.sodomka .center {
    max-width: 60rem;
}

.stratilek .center {
    max-width: 72rem;
}

.sodomka h2, .stratilek h2 {
    color: #fff;
    font-size: 3rem;
    font-weight: 500;
    line-height: .75em;
    margin: 0 auto;
}

.sodomka h3, .stratilek h3 {
    color: #fff;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 1.2em;
    margin: 0 auto 2rem;
}

.sodomka p:last-of-type a, .stratilek p:last-of-type a {
    background: #fff;
    border-radius: 8px;
    color: #526568;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 4.1rem;
    margin-top: 3rem;
    min-width: 16rem;
    overflow: hidden;
    padding: 0 4rem;
    position: relative;
    text-decoration: none;
}

.sodomka p:last-of-type a:before, .stratilek p:last-of-type a:before {
    background: #fff;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -moz-transition: transform .5s, background-color .3s;
    -o-transition: transform .5s, background-color .3s;
    -webkit-transition: transform .5s, background-color .3s;
    transition: transform .5s, background-color .3s;
    width: 150%;
    z-index: 2;
}

.sodomka p:last-of-type a:active:before, .sodomka p:last-of-type a:focus:before, .sodomka p:last-of-type a:hover:before, .stratilek p:last-of-type a:active:before, .stratilek p:last-of-type a:focus:before, .stratilek p:last-of-type a:hover:before {
    -moz-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    -o-transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -moz-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.sodomka p:last-of-type a:active:before, .sodomka p:last-of-type a:focus:before, .sodomka p:last-of-type a:hover:before {
    background: #000;
}

.stratilek p:last-of-type a:active:before, .stratilek p:last-of-type a:focus:before, .stratilek p:last-of-type a:hover:before {
    background: #a90d30;
}

.sodomka p:last-of-type a span, .stratilek p:last-of-type a span {
    position: relative;
    -moz-transition: all .09s linear;
    -o-transition: all .09s linear;
    -webkit-transition: all .09s linear;
    transition: all .09s linear;
    z-index: 10;
}

.sodomka p:last-of-type a:active span, .sodomka p:last-of-type a:focus span, .sodomka p:last-of-type a:hover span, .stratilek p:last-of-type a:active span, .stratilek p:last-of-type a:focus span, .stratilek p:last-of-type a:hover span {
    color: #fff;
    font-weight: 600;
}

@media only screen and (min-width: 40rem) {
    .sodomka, .stratilek {
        padding: 10rem 0 13.5rem;
    }

    .sodomka h2, .stratilek h2 {
        font-size: 8rem;
    }

    .sodomka h3, .stratilek h3 {
        font-size: 2.1875rem;
    }

    .sodomka p:last-of-type a, .stratilek p:last-of-type a {
        margin-top: 5rem;
    }
}

@media only screen and (min-width: 64rem) {
    .sodomka h2, .stratilek h2 {
        font-size: 12.5rem;
    }
}

/* [ SUBPAGE ] */
.subpage #main {
    padding: 2.5rem 0 5rem;
}

.subnav, .subnav--contacts {
    display: none;
}

@media only screen and (min-width: 48rem) {
    .subpage #main {
        padding-top: 0;
    }

    .subnav {
        border-bottom: 1px solid #d7d7d7;
        display: flex;
        margin-bottom: 4.25rem;
    }

    .subnav--breadcrumb {
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media only screen and (min-width: 64rem) {
    .subnav--contacts {
        display: block;
    }

    .subnav--contacts p {
        color: #526568;
        font-size: 1.125rem;
        line-height: 62px;
        margin: 0;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .subnav--contacts a {
        color: #526568;
        text-decoration: none;
    }

    .subnav--contacts a:active, .subnav--contacts a:focus, .subnav--contacts a:hover {
        text-decoration: underline;
    }

    .subnav--contacts .phone, .subnav--contacts .email {
        padding-left: 1.875rem;
        position: relative;
    }

    .subnav--contacts .email {
        margin-left: 1.125rem;
    }

    .subnav--contacts .phone:before, .subnav--contacts .email:before {
        background-image: url(../img/sprite.png);
        background-repeat: no-repeat;
        content: '';
        height: 20px;
        left: 0;
        position: absolute;
        top: calc(50% - 10px);
        width: 20px;
    }

    .subnav--contacts .phone:before {
        background-position: -166px -6px;
    }

    .subnav--contacts .email:before {
        background-position: -198px -6px;
    }
}

/* [ PAGE : CONTACT ] */
.subpage.contact #main {
    padding-bottom: 0;
}

.contact .center {
    max-width: 1336px;
}

.contact__main {
    background: #ededed;
    color: #3f586e;
    font-size: 1.125rem;
    margin-top: 2rem;
}

.contact__main a {
    color: #3f586e;
    text-decoration: none;
}

.contact__main a:active, .contact__main a:focus, .contact__main a:hover {
    text-decoration: underline;
}

.contact__main strong {
    font-size: 1.5625rem;
    font-weight: 500;
}

.contact__main--body {
    background: url(../img/contact-main.jpg) no-repeat center center;
    background-size: cover;
    padding: 4rem 2rem;
}

.contact__main--side {
    display: none;
}

.contact__admission {
    background: #2a5a63;
    color: #fff;
    font-size: 1.125rem;
    padding: 3rem 2rem 3rem;
}

.contact__admission h3 {
    color: #fff;
    font-size: 1.5625rem;
    font-weight: 500;
}

.contact__admission h3:first-of-type {
    margin-top: 0;
}

.contact__admission strong {
    font-weight: 500;
}

.map {
    height: 28.375rem;
    margin-bottom: 3rem;
    max-height: 80vh;
    position: relative;
}

.map iframe {
    border: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.contact__content {
    font-size: 1.125rem;
    margin-bottom: 3rem;
    text-align: center;
}

.contact__content a {
    color: #0da982;
}

.contact__content h3 {
    color: #3f586e;
    font-size: 1.5625rem;
    font-weight: 300;
}

.contact__form {
    background: #2b5c65;
    color: #fff;
    padding: 3rem 0;
}

.contact__form .center {
    max-width: 43.75rem;
    text-align: center;
}

.contact__form h2 {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 500;
    margin: 0 auto;
}

.contact__form form > p {
    margin: 0 auto 1.25rem;
    position: relative;
}

.contact__form form .content:not(:first-of-type) {
    color: rgba(255, 255, 255, .6);
}

.contact__form label {
    left: .7rem;
    position: absolute;
    top: .75rem;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
}

.contact__form label::selection {
    background: none;
    color: #244c54;
}

.contact__form .filled label {
    font-size: .75rem;
    font-weight: 500;
    left: .8rem;
    top: 0;
}

.contact__form input[type="text"], .contact__form input[type="email"], .contact__form textarea {
    transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -ms-transition: all .15s linear;
    -o-transition: all .15s linear;
}

.contact__form .filled input[type="text"], .contact__form .filled input[type="email"], .contact__form .filled textarea {
    padding: 1.6rem 1rem .4rem;
}

.contact__form button[type="submit"] {
    overflow: hidden;
    padding: 1.17em 3.5em;
}

.contact__form button[type="submit"]:active, .contact__form button[type="submit"]:focus, .contact__form button[type="submit"]:hover {
    background: #a90d30;
}

.contact__form button[type="submit"]:before {
    background: #a90d30;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -moz-transition: transform .5s, background-color .3s;
    -o-transition: transform .5s, background-color .3s;
    -webkit-transition: transform .5s, background-color .3s;
    transition: transform .5s, background-color .3s;
    width: 150%;
    z-index: 2;
}

.contact__form button[type="submit"]:active:before, .contact__form button[type="submit"]:focus:before, .contact__form button[type="submit"]:hover:before {
    background: #ffa514;
    -moz-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    -o-transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -moz-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.contact__form button[type="submit"] span {
    position: relative;
    z-index: 10;
}

@media only screen and (min-width: 40rem) {
    .contact__admission {
        padding: 5rem 4rem 4rem;
    }
}

@media only screen and (min-width: 48rem) {
    .contact__form {
        background-image: url(../img/contact-form.jpg);
        background-repeat: no-repeat;
        background-position: 0 center;
        background-size: cover;
        padding: 6rem 0;
    }

    .contact__form h2 {
        font-size: 5rem;
    }

    .contact__form form {
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }

    .contact__form form > .content, .contact__form form > p:nth-of-type(5) {
        flex-basis: 100%;
    }

    .contact__form form > p:nth-of-type(1), .contact__form form > p:nth-of-type(4) {
        flex-basis: 80%;
    }

    .contact__form form > p:nth-of-type(2), .contact__form form > p:nth-of-type(3) {
        flex-basis: 48%;
    }
}

@media only screen and (min-width: 56.25rem) {
    .contact__main {
        display: flex;
    }

    .contact__main--body {
        width: 70%;
    }

    .contact__main--side {
        background: url(../img/contact-main-side.jpg) no-repeat center center;
        background-size: cover;
        display: block;
        width: 30%;
    }

    .contact__admission [class^="col-"]:first-of-type {
        padding-left: 3rem;
        position: relative;
    }

    .contact__admission [class^="col-"]:first-of-type:before {
        background: url(../img/sprite.png) no-repeat -224px 0;
        content: '';
        height: 32px;
        left: 0;
        position: absolute;
        top: 1px;
        width: 32px;
    }
}

@media only screen and (min-width: 80rem) {
    .contact__main--body {
        padding: 5rem;
    }
}

/* [ FOOTER ] */
.footer__exposure .sodomka h3, .footer__exposure .stratilek h3 {
    font-size: 1.75rem;
}

@media only screen and (min-width: 40rem) {
    .footer__exposure .sodomka h2, .footer__exposure .stratilek h2 {
        font-size: 5.75rem;
    }

    .footer__exposure .sodomka h3, .footer__exposure .stratilek h3 {
        font-size: 1.875rem;
    }

    .footer__exposure .sodomka, .footer__exposure .stratilek {
        padding-bottom: 6rem;
    }

    .footer__exposure .sodomka {
        padding-top: 4.25rem;
    }

    .footer__exposure .stratilek {
        padding-top: 10.5rem;
    }
}

@media only screen and (min-width: 72rem) {
    .footer__exposure {
        display: flex;
    }

    .footer__exposure .sodomka, .footer__exposure .stratilek {
        flex-basis: 50%;
    }
}

@media only screen and (min-width: 90rem) {
    .footer__exposure .sodomka h2, .footer__exposure .stratilek h2 {
        font-size: 7.75rem;
    }
}

.footer__main {
    background: url(../img/footer.jpg) no-repeat center center #dfd6bc;
    background-size: cover;
    color: #4b4a3c;
    font-size: 1.125rem;
    line-height: 1.68em;
    padding: 3rem 0 8rem;
    position: relative;
}

.footer__main:before {
    background: rgba(75, 74, 60, .1);
    bottom: 0;
    content: '';
    height: 39px;
    left: 0;
    position: absolute;
    right: 0;
}

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

.footer__main a {
    color: #4b4a3c;
    text-decoration: none;
}

.footer__main a:active, .footer__main a:focus, .footer__main a:hover {
    color: #a90d30;
    text-decoration: underline;
}

.footer__main h3 {
    color: #4b4a3c;
    font-size: 2.1875rem;
    font-weight: 500;
    line-height: 1.2em;
    margin: 3rem auto 0;
    padding-bottom: 1rem;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer__main h3:before {
    background: #98916d;
    bottom: .5rem;
    content: '';
    height: 1px;
    left: 15%;
    position: absolute;
    right: 15%;
}

.footer__main strong {
    font-weight: 600;
}

.footer__main--contact a[href^="https://www.facebook.com/"] {
    display: inline-block;
    margin: 1.5rem auto 1rem;
    padding-left: 4.75rem;
    position: relative;
}

.footer__main--contact a[href^="https://www.facebook.com/"]:before {
    background: url(../img/sprite.png) no-repeat -128px -32px;
    content: '';
    height: 4rem;
    left: 0;
    position: absolute;
    top: calc(50% - 2rem);
    width: 4rem;
}

.footer__main--contact strong {
    font-size: 1.5625rem;
    font-weight: 500;
}

.footer__main--adress img {
    max-width: 14.25rem;
}

.footer__main--founder {
    font-size: 1.25rem;
    margin-top: 3rem;
    text-align: center;
}

.footer__main--founder a {
    display: block;
}

.footer__main--founder img {
    margin: 0 auto .5rem;
    max-width: 7rem;
}

.footer__main--founder p {
    margin: 0;
}

.footer__main--copy {
    color: #3a392b;
    font-size: 1rem;
    margin-top: 3rem;
    text-align: center;
}

.footer__main--copy a {
    color: #3a392b;
}

.footer__main--copy img {
    margin-top: .75rem;
    max-width: 1.625rem;
}

@media only screen and (min-width: 56.25rem) {
    .footer__main {
        padding: 10rem 0 16rem;
    }

    .footer__main .row {
        position: relative;
    }

    .footer__main .row:before {
        background: #98916d;
        content: '';
        height: 2px;
        left: 0;
        position: absolute;
        top: 4rem;
        width: 100%;
    }

    .footer__main {
        font-size: 1.25rem;
        text-align: left;
    }

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

    .footer__main h3 {
        margin: 0 auto 3.5rem;
        padding-bottom: 0;
    }

    .footer__main h3:before {
        display: none;
    }
}

@media only screen and (min-width: 80rem) {
    .footer__main [class^="col-"] {
        padding: 0 2rem 0 4rem;
    }
}

/* PAGE: 404 */
.page-404 #main .center {
    font-size: 1.25rem;
    text-align: center;
}

.page-404 .breadcrumb, .page-404 .subpage-title {
    display: none;
}

.page-404 h1 {
    border-bottom: 1px solid #324143;
    color: #a90d30;
    font-size: 10rem;
    font-weight: 100;
    height: 8.66rem;
    margin: 5rem auto .125em;
    overflow: hidden;
}

.page-404 h1 + h2 {
    color: #526568;
    font-size: 2rem;
    font-weight: 600;
    margin: 0 0 1.25rem;
}

@media only screen and (min-width: 48rem) {
    .page-404 h1 + h2 {
        font-size: 3rem;
    }
}

/* [ HELPER ] */
.hidden {
    display: none !important;
}

.nowrap {
    white-space: nowrap;
}

.left {
    float: left;
}

.text-big {
    font-size: 1.125em;
}

.text-bigger {
    font-size: 1.5em;
}

.text-bold {
    font-weight: 700;
}

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

.text-italic {
    font-style: italic;
}

.text-light {
    font-weight: 300;
}

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

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

.text-small {
    font-size: .9em;
}

.text-smaller {
    font-size: .8em;
}

.text-white {
    color: #fff;
}

.b0 {
    margin-bottom: 0 !important;
}

.b1 {
    margin-bottom: 1rem;
}

.b2 {
    margin-bottom: 2rem;
}

.b3 {
    margin-bottom: 3rem;
}

.b4 {
    margin-bottom: 4rem;
}

.b5 {
    margin-bottom: 5rem;
}

.r1 {
    margin-right: 1rem;
}

.r2 {
    margin-right: 2rem;
}

.t0 {
    margin-top: 0 !important;
}

.t1 {
    margin-top: 1rem;
}

.t2 {
    margin-top: 2rem;
}

.t3 {
    margin-top: 3rem;
}

.t6 {
    margin-top: 6rem;
}

@media only screen and (min-width: 900px) {
    .text-right-full {
        text-align: right;
    }
}

/* [ TISK ] */
@media print {
    a[href]:after {
        content: " (" attr(href) ") ";
    }
}

/* [ POP UP / GALLERY ] */
.mfp-bg {
    background: #0b0b0b;
    height: 100%;
    left: 0;
    opacity: 0.9;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1042;
}

.mfp-wrap {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1043;
}

.mfp-container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 0 8px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    cursor: auto;
    width: 100%;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #ccc;
    left: 8px;
    margin-top: -0.8em;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 50%;
    width: auto;
    z-index: 1044;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    outline: none;
    overflow: visible;
    padding: 0;
    z-index: 1046;
}

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

.mfp-close {
    color: #d1d9db;
    font-family: Arial, Baskerville, monospace;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    height: 44px;
    line-height: 44px;
    padding: 0 0 18px 10px;
    position: absolute;
    right: .5rem;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 44px;
}

.mfp-close-btn-in .mfp-close {
    color: #d1d9db;
}

.mfp-close-btn-in .mfp-close:hover {
    color: #c81d2f;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #fff;
    padding-right: 6px;
    right: -6px;
    text-align: right;
    width: 100%;
}

.mfp-counter {
    color: #eee;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
}

.mfp-arrow {
    height: 110px;
    margin: 0;
    margin-top: -55px;
    padding: 0;
    position: absolute;
    -webkit-tap-highlight-color: transparent;
    top: 50%;
    width: 90px;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:before {
    bottom: 0;
    color: #fff;
    font-family: 'Trebuchet MS';
    font-size: 54px;
    left: 0;
    line-height: 110px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -moz-transform: scale(.81);
    -ms-transform: scale(.81);
    -o-transform: scale(.81);
    -webkit-transform: scale(.81);
    transform: scale(.81);
    -moz-transition: all linear .2s;
    -o-transition: all linear .2s;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
}

.mfp-arrow:focus:before, .mfp-arrow:hover:before {
    color: #34b151;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:before {
    content: '\00003C';
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:before {
    content: '\00003E';
}

.mfp-iframe-holder {
    padding-bottom: 40px;
    padding-top: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    max-width: 900px;
    width: 100%;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%;
}

.mfp-iframe-scaler iframe {
    background: #000;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

img.mfp-img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    line-height: 0;
    margin: 0 auto;
    max-width: 100%;
    padding: 50px 0 40px;
    width: auto;
}

/* Stín za obrázkem */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    background: #444;
    bottom: 40px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    content: '';
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 50px;
    width: auto;
    z-index: -1;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    cursor: auto;
    left: 0;
    margin-top: -32px;
    position: absolute;
    top: 100%;
    width: 100%;
}

.mfp-title {
    color: #fff;
    line-height: 18px;
    padding-right: 36px;
    text-align: left;
    word-wrap: break-word;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

/* Odsazení na mobilu */
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        bottom: 0;
        top: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        position: fixed;
        top: auto;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        background: rgba(0, 0, 0, 0.6);
        height: 35px;
        line-height: 35px;
        padding: 0;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0;
        width: 35px;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
        -o-transform: scale(0.75);
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -moz-transform-origin: 0;
        -ms-transform-origin: 0;
        -o-transform-origin: 0;
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -moz-transform-origin: 100%;
        -ms-transform-origin: 100%;
        -o-transform-origin: 100%;
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.logo-pk {
    @media all and (max-width: 960px) {
        display: none;
    }

    margin-left: 2rem;
    overflow: hidden;
    padding-top: 5px;

    p {
        margin: 0;
        font-size: 10px;
        line-height: 10px;
        color: #6c6e70;
        @media all and (min-width: 950px) {
            font-size: 10px;
            line-height: 10px;
        }
    }

    a {
        max-width: 145px;
        height: auto;
        margin: 0;
        padding: 0;
        display: block;

        img {
            width: 100%;
        }
    }
}