/*

Theme Name: Endorfin 18.12023

Theme URI: www.endorfin.cz

Author URI: www.endorfin.cz

Author: WeDesIn

Description: Endorfin 2017 je plně resposivní šablona pro WordPress.

Version: 1.0

License: Vlastníkem šablony je endorfin.cz

License URI: www.endorfin.cz

Text Domain: endorfin

*/

/* Refrigerator Deluxe

==================================================================*/

@font-face {
    font-family: "RefrigeratorDeluxe";

    src: url("./fonts/refrigerator-deluxe/34D241_1_0.eot");

    src: url("./fonts/refrigerator-deluxe/34D241_1_0.eot?#iefix")
            format("embedded-opentype"),
        url("./fonts/refrigerator-deluxe/34D241_1_0.woff2") format("woff2"),
        url("./fonts/refrigerator-deluxe/34D241_1_0.woff") format("woff"),
        url("./fonts/refrigerator-deluxe/34D241_1_0.ttf") format("truetype");

    font-weight: 600;
}

@font-face {
    font-family: "RefrigeratorDeluxe";

    src: url("./fonts/refrigerator-deluxe/34D241_2_0.eot");

    src: url("./fonts/refrigerator-deluxe/34D241_2_0.eot?#iefix")
            format("embedded-opentype"),
        url("./fonts/refrigerator-deluxe/34D241_2_0.woff2") format("woff2"),
        url("./fonts/refrigerator-deluxe/34D241_2_0.woff") format("woff"),
        url("./fonts/refrigerator-deluxe/34D241_2_0.ttf") format("truetype");

    font-weight: 400;
}

@font-face {
    font-family: "RefrigeratorDeluxe";

    src: url("./fonts/refrigerator-deluxe/34D241_3_0.eot");

    src: url("./fonts/refrigerator-deluxe/34D241_3_0.eot?#iefix")
            format("embedded-opentype"),
        url("./fonts/refrigerator-deluxe/34D241_3_0.woff2") format("woff2"),
        url("./fonts/refrigerator-deluxe/34D241_3_0.woff") format("woff"),
        url("./fonts/refrigerator-deluxe/34D241_3_0.ttf") format("truetype");

    font-weight: 200;
}

/* Roboto consended font

==================================================================*/

@font-face {
    font-family: "Roboto Condensed";

    src: url("./fonts/roboto-condensed/RobotoCondensed-Regular.eot");

    src: url("./fonts/roboto-condensed/RobotoCondensed-Regular.eot?#iefix")
            format("embedded-opentype"),
        url("./fonts/roboto-condensed/RobotoCondensed-Regular.woff2")
            format("woff2"),
        url("./fonts/roboto-condensed/RobotoCondensed-Regular.woff")
            format("woff"),
        url("./fonts/roboto-condensed/RobotoCondensed-Regular.ttf")
            format("truetype"),
        url("./fonts/roboto-condensed/RobotoCondensed-Regular.svg")
            format("svg");

    font-weight: 400;
}

/*Fontello

==================================================================*/

@font-face {
    font-family: "fontello";

    src: url("./fonts/fontel/fontello.eot?95862090");

    src: url("./fonts/fontel/fontello.eot?95862090#iefix")
            format("embedded-opentype"),
        url("./fonts/fontel/fontello.woff2?95862090") format("woff2"),
        url("./fonts/fontel/fontello.woff?95862090") format("woff"),
        url("./fonts/fontel/fontello.ttf?95862090") format("truetype"),
        url("./fonts/fontel/fontello.svg?95862090#fontello") format("svg");

    font-weight: normal;

    font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*

@media screen and (-webkit-min-device-pixel-ratio:0) {

  @font-face {

    font-family: 'fontello';

    src: url('../font/fontello.svg?95862090#fontello') format('svg');

  }

}

*/

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";

    font-style: normal;

    font-weight: normal;

    speak: none;

    display: inline-block;

    text-decoration: inherit;

    width: 1em;

    margin-right: 0.2em;

    text-align: center;

    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/

    font-variant: normal;

    text-transform: none;

    /* fix buttons height, for twitter bootstrap */

    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */

    /* remove if not needed */

    margin-left: 0.2em;

    /* you can be more comfortable with increased icons size */

    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */

    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-location:before {
    content: "\e800";
} /* 'î €' */

.icon-mail:before {
    content: "\e801";
} /* 'î ' */

.icon-phone:before {
    content: "\e802";
} /* 'î ‚' */

.icon-right-open-big:before {
    content: "\e803";
} /* 'î ƒ' */

.icon-left-open-big:before {
    content: "\e804";
} /* 'î „' */

.icon-spin4:before {
    content: "\e834";
} /* 'î ´' */

.icon-facebook:before {
    content: "\f09a";
} /* 'ď‚š' */

.icon-whatsapp:before {
    content: "\f232";
} /* '' */

.icon-tripadvisor:before {
    content: "\f262";
} /* '' */

.icon-instagram:before {
    content: "\f32d";
} /* '' */

/*

   Animation example, for spinners

*/

.animate-spin {
    -moz-animation: spin 1s infinite linear;

    -o-animation: spin 1s infinite linear;

    -webkit-animation: spin 1s infinite linear;

    animation: spin 1s infinite linear;

    display: inline-block;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);

        -o-transform: rotate(359deg);

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);

        -o-transform: rotate(359deg);

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);

        -o-transform: rotate(359deg);

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);

        -o-transform: rotate(359deg);

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);

        -o-transform: rotate(359deg);

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg);
    }
}

/* =WordPress Core

-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;

    margin: 5px auto 5px auto;
}

.alignright {
    float: right;

    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;

    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;

    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;

    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;

    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;

    margin-left: auto;

    margin-right: auto;
}

.wp-caption {
    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);

    position: absolute !important;

    height: 1px;

    width: 1px;

    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;

    border-radius: 3px;

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    clip: auto !important;

    color: #21759b;

    display: block;

    font-size: 14px;

    font-size: 0.875rem;

    font-weight: bold;

    height: auto;

    left: 5px;

    line-height: normal;

    padding: 15px 23px 14px;

    text-decoration: none;

    top: 5px;

    width: auto;

    z-index: 100000; /* Above WP toolbar. */
}

/* General setting

   ========================================================================== */

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

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-font-smoothing: antialiased;
}

html,
body {
    font-family: "Roboto Condensed", Helvetica, Arial, Times;

    color: #232323;

    font-size: 18px;

    height: 100%;
}

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

    color: #232323;
}

ul {
    padding-left: 0;
}

h1,
.h1 {
    font-size: 75px;

    line-height: 1.3;

    margin-bottom: 30px;
}

h2,
.h2 {
    font-size: 45px;

    line-height: 1.3;
}

h3,
.h3 {
    font-size: 37px;

    line-height: 1.3;

    margin-bottom: 22px;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-size: 25px;

    line-height: 1.3;

    margin-bottom: 12px;
}

.entry-content,
li,
p {
    font-size: 18px;

    line-height: 26px;
}

.mb1em {
    margin-bottom: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "RefrigeratorDeluxe";

    text-transform: uppercase;

    letter-spacing: 0.025em;

    font-weight: 600;
}

[type="radio"],
[type="checkbox"] {
    -webkit-appearance: none;

    background-color: #fafafa;

    border: 2px solid #9f8764;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
        inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);

    padding: 8px;

    border-radius: 0px;

    display: inline-block;

    position: relative;

    outline: 0;

    margin: 5px 10px 10px 0;

    vertical-align: middle;

    cursor: pointer;
}

[type="radio"] {
    border-radius: 8px;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -o-border-radius: 8px;

    margin: 0;

    padding: 6px;

    cursor: pointer;
}

[type="checkbox"]:active,
[type="checkbox"]:checked:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
        inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

[type="radio"]:checked,
[type="checkbox"]:checked {
    background-color: #e9ecee;

    border: 2px solid #9f8764;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
        inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05),
        inset 15px 10px -12px rgba(255, 255, 255, 0.1);

    color: #99a1a7;
}

[type="checkbox"]:checked:after {
    content: "\2714";

    font-size: 14px;

    position: absolute;

    top: 1px;

    left: 2px;

    color: #9f8764;
}

[type="radio"]:checked {
    background: #9f8764;

    outline: 0;
}

select:focus,
select {
    border: 1.5px solid #9f8764;

    border-radius: 0;
}

select:focus,
select:hover {
    box-shadow: none;
}

.button[disabled]:focus,
.button[disabled]:hover {
    background-color: transparent;
}

table.no-background tr,
table.no-background tr td,
table.no-background th,
table.no-background,
table.no-background tbody tr:nth-child(even) {
    background-color: transparent;

    border: 0;

    border-collapse: inherit;

    padding-left: 0;
}

::selection {
    background: #9f8764;

    background: rgba(159, 135, 100, 0.75);

    color: #000;
}

::-moz-selection {
    background: #9f8764;

    background: rgba(159, 135, 100, 0.75);

    color: #000;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #8e8e8e;

    opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */

    color: #8e8e8e;
}

::-ms-input-placeholder {
    /* Microsoft Edge */

    color: #8e8e8e;
}

@media all and (max-width: 1024px) {
    h1,
    .h1 {
        font-size: 55px;

        margin-bottom: 20px;
    }

    h2,
    .h2 {
        font-size: 35px;
    }

    h3,
    .h3 {
        font-size: 28px;

        margin-bottom: 15px;
    }

    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        font-size: 22px;

        margin-bottom: 8px;
    }

    .entry-content,
    li,
    p {
        font-size: 16px;
    }
}

@media all and (max-height: 900px) {
    h1,
    .h1 {
        font-size: 55px;

        margin-bottom: 0.4em;
    }

    h2,
    .h2 {
        font-size: 35px;

        margin-bottom: 0.4em;
    }

    h3,
    .h3 {
        font-size: 28px;

        margin-bottom: 0.4em;
    }

    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        font-size: 22px;

        margin-bottom: 0.4em;
    }

    .entry-content,
    li,
    p {
        font-size: 16px;
    }
}

@media all and (max-width: 800px) {
    h1,
    .h1 {
        font-size: 45px;
    }

    h2,
    .h2 {
        font-size: 30px;
    }

    h3,
    .h3 {
        font-size: 24px;
    }

    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        font-size: 18px;
    }

    .entry-content,
    li,
    p {
        font-size: 15px;
    }
}

@media all and (max-width: 480px) {
    h1,
    .h1 {
        font-size: 35px;
    }

    h2,
    .h2 {
        font-size: 25px;
    }

    h3,
    .h3 {
        font-size: 20px;
    }

    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        font-size: 16px;
    }

    .entry-content,
    li,
    p {
        font-size: 14px;

        line-height: 21px;
    }

    .entry-content .alignnone,
    .entry-content .alignleft,
    .entry-content .alignright {
        margin-right: 0;
    }
}

/* Global setting */

#page {
    display: table;

    width: 100%;

    height: 100%;

    table-layout: fixed;
}

#page.regular #footerwrap,
#main-cell {
    display: table-row;
}

#page.regular .footer-inside,
.main-inside {
    display: table-cell;

    vertical-align: top;

    width: 100%;
}

.table-row {
    display: table-row;

    width: 100%;
}

.table-cell {
    display: table-cell;
}

.row {
    max-width: 1230px;
}

.row.expanded > .column {
    padding-left: 0;

    padding-right: 0;
}

#page.regular #footerwrap,
#main-cell {
    display: table-row;
}

#page.regular .footer-inside,
.main-inside {
    display: table-cell;

    vertical-align: top;

    width: 100%;
}

.table {
    display: table;

    width: 100%;
}

.table-row {
    display: table-row;

    width: 100%;
}

.table-cell {
    display: table-cell;
}

.table-row.vertical-middle .table-cell {
    width: 100%;

    vertical-align: middle;
}

.row {
    max-width: 1230px;
}

.column,
.columns {
    padding-left: 20px;

    padding-right: 20px;
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
    float: left;
}

@media screen and (max-width: 640px) {
    .column,
    .columns {
        padding-left: 0.9375rem;

        padding-right: 0.9375rem;
    }
}

.light-font {
    font-weight: 200;
}

.relative {
    position: relative;
}

span.relative {
    display: inline-block;

    max-width: 100%;
}

.linear-animation *,
.linear-animation {
    transition: 0.5s linear all;

    -webkit-transition: 0.5s linear all;

    -moz-transition: 0.5s linear all;

    -ms-transition: 0.5s linear all;

    -o-transition: 0.5s linear all;
}

.inline-list {
    list-style: none;

    padding: 0;

    margin: 0;
}

.inline-list li {
    display: inline;

    zoom: 1;

    display: inline-block;
}

.inline-list.mb1em {
    margin-bottom: 1em;
}

.button {
    font-size: 25px;

    letter-spacing: 0.025em;

    line-height: 50px;

    padding: 25px 130px 25px 35px;

    font-family: "RefrigeratorDeluxe";

    font-weight: 200;

    text-transform: uppercase;

    background: transparent;

    color: #9f8764 !important;

    border-radius: 0;

    -webkit-border-radius: 0%;

    -moz-border-radius: 0%;

    -ms-border-radius: 0%;

    background: url(./svg/End_button_more_about_us.svg) no-repeat;

    background-size: 100% 100%;

    outline: 0;

    max-width: 100%;
}

.button.upside {
    background: url(./svg/End_button_more_about_us_upside.svg) no-repeat;

    background-size: 100% 100%;

    transform: translate(21px, -37px);

    padding: 25px 35px 25px 125px;
}

@media screen and (max-width: 640px) {
    .button {
        padding: 10px 85px 10px 20px;

        line-height: 45px;

        font-size: 18px;
    }
}

.button.button-small {
    padding: 10px 85px 10px 20px;

    line-height: 45px;

    font-size: 18px;
}

.button:focus,
.button:hover {
    background-color: transparent;

    color: #9f8764;
}

.button#scroll-down {
    padding-top: 30px;

    padding-bottom: 30px;

    margin-top: 30px;
}

.box {
    padding: 60px 0;
}

.box.bottom {
    padding: 0 0 60px;
}

.box.bottom.small {
    padding: 0 0 40px;
}

.box.large {
    padding: 100px;
}

.box.bottom.small {
    position: relative;
}

@media screen and (max-width: 1024px) {
    .box {
        padding: 50px 0;
    }

    .box.bottom {
        padding: 0 0 50px;
    }

    .box.bottom.small {
        padding: 0 0 35px;
    }

    .box.large {
        padding: 80px;
    }

    .button {
        font-size: 22px;
    }
}

@media screen and (max-width: 640px) {
    .box {
        padding: 40px 0;
    }

    .box.bottom {
        padding: 0 0 40px;
    }

    .box.bottom.small {
        padding: 0 0 30px;
    }

    .box.large {
        padding: 60px;
    }

    .button {
        font-size: 18px;
    }
}

.message {
    position: relative;

    padding: 0.75rem 1.25rem;

    margin-bottom: 2rem;

    border: 1px solid transparent;

    border-radius: 0.25rem;
}

.message.error {
    color: #721c24;

    background-color: #f8d7da;

    border-color: #f5c6cb;
}

.message.success {
    color: #155724;

    background-color: #d4edda;

    border-color: #c3e6cb;
}

.grey-bg {
    background: #f8f8f8;
}

.stone-bg {
    background: url(./img/Pozadi_svetle.jpg) repeat;
}

.arrow-down {
    position: absolute;

    width: 120px;

    height: 50px;

    background: url(./svg/arrow_down.svg) no-repeat;

    position: absolute;

    left: 0;

    bottom: 15px;

    right: 0;

    margin: auto;

    cursor: pointer;

    z-index: 3;
}

@media all and (max-width: 800px) {
    #fullpage .arrow-down {
        display: none;
    }
}

/* Animation

----------------------------------------------------------------------*/

.js .slide-up {
    opacity: 0;
}

.js .loaded .slide-up,
.js .slide-up.come-in {
    /*animace*/

    animation: come-in-up 0.8s ease forwards;

    -webkit-animation: come-in-up 0.8s ease forwards;

    -moz-animation: come-in-up 0.8s ease forwards;

    -o-animation: come-in-up 0.8s ease forwards;
}

.js .slide-up.delay-250 {
    -webkit-animation-delay: 0.25s;

    -moz-animation-delay: 0.25s;

    -o-animation-delay: 0.25s;

    -ms-animation-delay: 0.25s;

    animation-delay: 0.25s;
}

.js .slide-up.delay-500 {
    -webkit-animation-delay: 0.5s;

    -moz-animation-delay: 0.5s;

    -o-animation-delay: 0.5s;

    -ms-animation-delay: 0.5s;

    animation-delay: 0.5s;
}

.js .slide-up.visible {
    opacity: 1;

    animation: none;

    -webkit-animation: none;

    -moz-animation: none;

    -o-animation: none;
}

.no-sliding .slide-up {
    opacity: 1 !important;
}

@media all and (max-width: 640px) {
    .cssanimations .slide-up.delay-500,
    .cssanimations .slide-up.delay-250 {
        -webkit-animation-delay: 0s;

        -moz-animation-delay: 0s;

        -o-animation-delay: 0s;

        -ms-animation-delay: 0s;

        animation-delay: 0s;
    }
}

/* Fullpage settins

===============================*/

@keyframes come-in-up {
    from {
        opacity: 0;

        transform: translateY(100px);

        -webkit-transform: translateY(100px);

        -moz-transform: translateY(100px);
    }

    to {
        transform: translateY(0);

        opacity: 1;

        transform: translateY(0px);

        -webkit-transform: translateY(0px);

        -moz-transform: translateY(0px);
    }
}

@-webkit-keyframes come-in-up {
    from {
        opacity: 0;

        transform: translateY(100px);

        -webkit-transform: translateY(100px);

        -moz-transform: translateY(100px);
    }

    to {
        transform: translateY(0);

        opacity: 1;

        transform: translateY(0px);

        -webkit-transform: translateY(0px);

        -moz-transform: translateY(0px);
    }
}

@-moz-keyframes come-in-up {
    from {
        opacity: 0;

        transform: translateY(100px);

        -webkit-transform: translateY(100px);

        -moz-transform: translateY(100px);
    }

    to {
        transform: translateY(0);

        opacity: 1;

        transform: translateY(0px);

        -webkit-transform: translateY(0px);

        -moz-transform: translateY(0px);
    }
}

@-o-keyframes come-in-up {
    from {
        opacity: 0;

        transform: translateY(100px);

        -webkit-transform: translateY(100px);

        -moz-transform: translateY(100px);
    }

    to {
        transform: translateY(0);

        opacity: 1;

        transform: translateY(0px);

        -webkit-transform: translateY(0px);

        -moz-transform: translateY(0px);
    }
}

.bounce-in.come-in {
    opacity: 0;

    animation-name: bounceIn;

    animation-duration: 750ms;

    animation-timing-function: linear;

    animation-fill-mode: forwards;
}

.bounce-in:nth-child(2) {
    animation-delay: 0.3s;
}

.bounce-in:nth-child(3) {
    animation-delay: 0.6s;
}

.bounce-in:nth-child(4) {
    animation-delay: 0.9s;
}

.bounce-in:nth-child(5) {
    animation-delay: 1.2s;
}

.bounce-in:nth-child(6) {
    animation-delay: 1.5s;
}

.bounce-in:nth-child(7) {
    animation-delay: 1.8s;
}

.bounce-in:nth-child(8) {
    animation-delay: 2.1s;
}

.bounce-in:nth-child(9) {
    animation-delay: 2.4s;
}

.bounce-in:nth-child(10) {
    animation-delay: 2.7s;
}

.bounce-in:nth-child(11) {
    animation-delay: 3s;
}

.bounce-in:nth-child(12) {
    animation-delay: 3.3s;
}

.bounce-in:nth-child(13) {
    animation-delay: 3.6s;
}

.bounce-in:nth-child(14) {
    animation-delay: 3.9s;
}

@keyframes bounceIn {
    0% {
        opacity: 0;

        transform: scale(0.3) translate3d(0, 0, 0);
    }

    50% {
        opacity: 0.9;

        transform: scale(1.1);
    }

    80% {
        opacity: 1;

        transform: scale(0.89);
    }

    100% {
        opacity: 1;

        transform: scale(1) translate3d(0, 0, 0);
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;

        -webkit-transform: scale(0.3) translate3d(0, 0, 0);
    }

    50% {
        opacity: 0.9;

        -webkit-transform: scale(1.1);
    }

    80% {
        opacity: 1;

        -webkit-transform: scale(0.89);
    }

    100% {
        opacity: 1;

        -webkit-transform: scale(1) translate3d(0, 0, 0);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;

        -moz-transform: scale(0.3) translate3d(0, 0, 0);
    }

    50% {
        opacity: 0.9;

        -moz-transform: scale(1.1);
    }

    80% {
        opacity: 1;

        -moz-transform: scale(0.89);
    }

    100% {
        opacity: 1;

        -moz-transform: scale(1) translate3d(0, 0, 0);
    }
}

@-o-@keyframes bounceIn {
    0% {
        opacity: 0;

        -o-transform: scale(0.3) translate3d(0, 0, 0);
    }

    50% {
        opacity: 0.9;

        -o-transform: scale(1.1);
    }

    80% {
        opacity: 1;

        -o-transform: scale(0.89);
    }

    100% {
        opacity: 1;

        -o-transform: scale(1) translate3d(0, 0, 0);
    }
}

/* Eu popup

==================================================================*/

.clearfix {
    clear: both;
}

.eupopup-container {
    background-color: rgba(25, 25, 25, 0.9);

    color: #efefef;

    padding: 5px 20px;

    font-size: 12px;

    line-height: 1.2em;

    text-align: center;

    display: none;

    z-index: 9999999;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
    position: fixed;

    top: auto;

    bottom: 0;

    left: 0;

    right: 0;
}

.eupopup-container-fixedtop {
    position: fixed;
}

.eupopup-container-bottom {
    position: fixed;

    top: auto;

    bottom: 0;

    left: 0;

    right: 0;
}

.eupopup-closebutton {
    font-size: 16px;

    font-weight: 100;

    line-height: 1;

    color: #a2a2a2;

    filter: alpha(opacity=20);

    position: absolute;

    font-family: helvetica, arial, verdana, sans-serif;

    top: 0;
    right: 0;

    padding: 5px 10px;
}

.eupopup-closebutton:hover,
.eupopup-closebutton:active {
    color: #fff;

    text-decoration: none;
}

.eupopup-head {
    font-size: 1.2em;

    font-weight: bold;

    padding: 7px;

    color: #fff;
}

.eupopup-body {
    color: #a2a2a2;
}

.eupopup-buttons {
    padding: 7px 0 5px 0;
}

.eupopup-button_1 {
    color: #fe9a2e;

    font-weight: bold;

    font-size: 14px;
}

.eupopup-button_2 {
    color: #fe9a2e;

    font-weight: normal;

    font-size: 12px;
}

.eupopup-button {
    margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
    text-decoration: underline;

    color: #f6a21d;
}

body .eupopup-color-inverse {
    color: #000;

    background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
    color: #000;
}

body .eupopup-style-compact {
    text-align: left;

    padding: 8px 30px 7px 20px;

    line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
    display: inline;

    padding: 0;

    margin: 0;
}

body .eupopup-style-compact .eupopup-button {
    margin: 0 5px;
}

/* Loading animation

============================================================================*/

.preloader {
    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #fff;

    z-index: 999;
}

.spinner {
    display: block !important;

    background: red;

    width: 90px;

    height: 90px;

    margin: 20% auto;

    -webkit-animation: spinner 1.2s infinite ease-in-out;

    -moz-animation: spinner 1.2s infinite ease-in-out;

    animation: spinner 1.2s infinite ease-in-out;
}

.bounce.action {
    -webkit-animation: bounce 1.5s normal ease-in-out;

    -moz-animation: bounce 1.5s normal ease-in-out;

    animation: bounce 1.5s normal ease-in-out;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: perspective(120px);
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }
}

@keyframes spinner {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg)
            rotateY(-179.9deg);
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(-30px);
    }

    50% {
        transform: translateY(0);
    }

    80% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0);
    }
}

/* Slideout menu

   ========================================================================== */

.csstransforms .slideout-menu {
    position: fixed;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    z-index: 0;

    width: 256px;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

    display: none;

    background: #9f8764;
}

.csstransforms .slideout-panel {
    position: relative;

    z-index: 1;

    height: 100%;

    /*will-change: transform;*/

    background: #fff;
}

.csstransforms.fp-enabled .slideout-panel {
    overflow: hidden;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
    overflow-x: hidden;
}

.slideout-open .slideout-menu {
    display: block;
}

.admin-bar .slideout-menu {
    padding-top: 32px;
}

.admin-bar .js-slideout-toggle {
    top: 52px;
}

.slideout-open .admin-bar .js-slideout-toggle {
    top: 20px;
}

.js-slideout-toggle {
    position: fixed;

    left: 15px;

    top: 20px;

    z-index: 10;

    cursor: pointer;

    height: 30px;

    width: 30px;

    outline: 0;
}

.scrolled .js-slideout-toggle {
    top: 9px;
}

.js-slideout-toggle span {
    display: block;

    width: 30px;

    height: 2px;

    margin: 8px 0;

    background: black;
}

.js-slideout-toggle span.top-row {
    margin-top: 0;
}

.js-slideout-toggle span.bottom-row {
    margin-top: 0;
}

.slideout-open .js-slideout-toggle span.top-row {
    transform: rotate(45deg) translate(7px, 7px);
}

.slideout-open .js-slideout-toggle span.bottom-row {
    transform: rotate(-45deg) translate(7px, -7px);
}

.js-slideout-toggle span:last-child {
    margin-bottom: 0;
}

@media all and (min-width: 1024px) {
    .js-slideout-toggle {
        display: none;
    }
}

#mobile-menu {
    list-style: none;

    padding: 0;

    margin: 0 0 30px;
}

#mobile-menu li {
    list-style: none;

    position: relative;
}

#mobile-menu li a {
    display: block;

    padding: 10px 0px;

    color: #fff;

    font-family: "RefrigeratorDeluxe";
}

#mobile-menu .arrow {
    width: 35px;

    height: 35px;

    position: absolute;

    cursor: pointer;

    top: 0;

    right: 0;

    transition: 0.5s linear all;

    -webkit-transform: 0.5s linear all;

    -moz-transform: 0.5s linear all;

    -ms-transform: 0.5s linear all;

    -o-transform: 0.5s linear all;

    border-radius: 1px;

    border-radius: 1px;

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    -ms-border-radius: 1px;
}

#mobile-menu .showing-ul .arrow {
    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);
}

#mobile-menu .arrow:before {
    border-top: 5px solid #fff;

    border-right: 5px solid transparent;

    border-left: 5px solid transparent;

    content: " ";

    display: inline-block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 5px;

    height: 5px;
}

#mobile-menu .sub-menu {
    margin: 0;

    display: none;
}

#mobile-menu .sub-menu a {
    padding-left: 20px;
}

#menu .box {
    padding-left: 1em;

    padding-right: 1em;

    color: #fff;
}

#menu .close-button {
    color: #fff;

    right: auto;

    left: 15px;

    outline: 0;
}

.admin-bar #menu .close-button {
    top: 47px;
}

/* Heading setting

   ========================================================================== */

#main-header {
    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    background: #fff;

    z-index: 5;

    -webkit-box-shadow: 0px 3px 7px 0px rgba(100, 100, 100, 0.57);

    -moz-box-shadow: 0px 3px 7px 0px rgba(100, 100, 100, 0.57);

    box-shadow: 0px 3px 7px 0px rgba(100, 100, 100, 0.57);
}

.admin-bar #main-header {
    top: 32px;
}

.slideout-open .admin-bar #main-header {
    top: 0;
}

#endorfin-logo {
    float: left;

    width: 59px;

    height: 59px;

    margin: 8px 0 0;

    background: url(./svg/Endorfin_logo_black.svg) no-repeat;

    transition: 0.5s linear all;

    display: inline-block;
}

/*
	.scrolled #endorfin-logo {

		height: 43px;

		width: 43px;

		margin: 3px;

	}

*/

@media all and (max-width: 1023px) {
    #header-nav {
        text-align: center;
    }

    .scrolled #endorfin-logo,
    #endorfin-logo {
        float: none;

        position: absolute;

        left: 0;

        right: 0;

        margin: 8px auto 0;
    }

    .scrolled #endorfin-logo {
        margin-top: 4px;
    }
}

#endorfin-nav {
    float: right;

    margin: 0;

    max-width: calc(100% - 243px);

    text-align: center;
}

@media all and (max-width: 1100px) and (min-width: 1024px) {
    #endorfin-nav {
        max-width: 782px;
    }
}

#endorfin-nav {
    margin-bottom: 4px;
}

#endorfin-nav li {
    display: inline-block;

    list-style: none;

    position: relative;

    line-height: 25px;

    font-size: 25px;
}

#endorfin-nav li a {
    font-size: 22px;

    font-family: "RefrigeratorDeluxe";

    padding: 5px 15px;

    font-weight: 200;

    display: inline-block;

    text-transform: uppercase;
}
#endorfin-nav li.colored-item {
    background: #9f8764;
}
#endorfin-nav li.colored-item a {
    color: #fff;
}

#endorfin-nav li.current-menu-item > a:after,
#endorfin-nav > li > a:after {
    content: " ";

    display: block;

    height: 1px;

    width: 0px;

    background: #232323;

    transition: width 0.5s ease, background-color 0.5s ease;

    -webkit-transition: width 0.5s ease, background-color 0.5s ease;

    -moz-transition: width 0.5s ease, background-color 0.5s ease;

    -ms-transition: width 0.5s ease, background-color 0.5s ease;

    margin-left: auto;

    margin-right: auto;

    left: 0;

    right: 0;

    max-width: 30px;

    position: absolute;

    bottom: 0px;
}

#endorfin-nav .sub-menu li.current-menu-item > a:after {
    right: auto;

    left: 15px;
}

#endorfin-nav li.current-menu-item > a:after {
    width: 150px;

    left: 0px;

    right: 0;

    margin: auto;
}

#mobile-menu li.lang-item img,
#endorfin-nav li.lang-item img {
    width: 25px;

    vertical-align: middle;
}

#endorfin-nav li.lang-item img {
    position: relative;

    top: -3px;
}

#endorfin-nav li.lang-item a:after {
    display: none;
}

#endorfin-nav li.menu-item-has-children {
    padding-right: 30px;

    position: relative;
}

#endorfin-nav li.menu-item-has-children:before {
    content: " ";

    display: block;

    width: 20px;

    height: 14px;

    position: absolute;

    background: url(./img/keyboard-right-arrow-button.png) no-repeat;

    top: 0;

    bottom: 0;

    right: 15px;

    margin: auto;
}

#endorfin-nav > li:hover > a:after {
    width: 150px;
}

.scrolled #endorfin-nav > li > a:after {
    bottom: 0px;
}

.scrolled #endorfin-nav li a {
    padding-top: 5px;

    padding-bottom: 5px;
}

#endorfin-nav li .sub-menu {
    position: absolute;

    top: 82px;

    left: 0;

    width: 225px;

    margin: 0;

    visibility: hidden;

    opacity: 0;

    z-index: 500;
}

#endorfin-nav li .sub-menu li,
#endorfin-nav li .sub-menu li a {
    display: block;
}

#endorfin-nav li .sub-menu li a {
    padding: 3px 15px;

    background: rgba(255, 255, 255, 0.85);

    font-size: 20px;
}

#endorfin-nav li .sub-menu li:hover a {
    background: rgba(159, 135, 100, 0.85);
}

#endorfin-nav li:hover .sub-menu {
    visibility: visible;

    opacity: 1;

    top: 74px;
}

.scrolled #endorfin-nav li .sub-menu {
    top: 74px;
}

.scrolled #endorfin-nav li:hover .sub-menu {
    top: 49px;
}

@media all and (max-width: 1200px) {
    #endorfin-nav li a {
        padding: 15px 7px;
    }
}

@media all and (max-width: 1024px) {
    #endorfin-nav {
        display: none;
    }
}

.social-list {
    float: right;

    list-style: none;

    padding: 0;

    margin: 0 0 0 25px;
}

.social-list li {
    display: inline-block;

    line-height: 74px;

    transition: 0.5s linear all;

    -webkit-transition: 0.5s linear all;

    -moz-transition: 0.5s linear all;

    -ms-transition: 0.5s linear all;

    -o-transition: 0.5s linear all;

    width: 36px;

    text-align: center;

    transition: 0.5s linear all;
}

#header-nav .social-list li {
    width: auto;
}

.etno-icon:before {
    transition: 0.5s linear all;

    -webkit-transition: 0.5s linear all;

    -moz-transition: 0.5s linear all;

    -ms-transition: 0.5s linear all;

    -o-transition: 0.5s linear all;

    font-size: 26px;
}

/*
	.scrolled .social-list li {

		line-height: 55px;

		height: 50px;

	}
*/

.social-list li a:hover .etno-icon::before {
    color: #9f8764 !important;
}

.entry-content .social-list {
    float: none;

    margin-left: 0;
}

.entry-content .social-list li,
.scrolled .entry-content .social-list li {
    line-height: 32px;

    font-size: 26px;
}

.social-list#mobile-contact-list li {
    margin-right: 10px;

    vertical-align: top;
}

.social-list#mobile-contact-list .viber,
.social-list#mobile-contact-list .etno-icon:before {
    width: 35px;

    height: 35px;

    line-height: 35px;
}

.social-list#mobile-contact-list .viber,
.social-list#mobile-contact-list .etno-icon.icon-whatsapp:before {
    background: #29a71a;

    border-radius: 6px;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    color: #fff !important;

    margin-left: 0;

    margin-right: 15px;

    display: inline-block;

    vertical-align: top;
}

.reveal .social-list#mobile-contact-list {
    text-align: left;

    float: none;

    margin-left: 0;
}

.social-list#mobile-contact-list .viber {
    background: #834995;

    display: inline-block;
}

.social-list#mobile-contact-list .viber img {
    width: 35px;

    height: 35px;

    padding: 6px;

    display: block;

    fill: #fff !important;
}

@media all and (min-width: 1024px) {
    #lg-slider.slide .lg-slide {
        padding: 75px;
    }
}

.content-gallery .item {
    padding: 0;

    display: block;

    width: 33.33%;

    float: left;

    overflow: hidden;
}

.content-gallery dl,
.content-gallery dl dt {
    margin: 0;
}

.content-gallery .item.with-caption {
    position: relative;
}

.content-gallery .item.with-caption figcaption {
    position: absolute;

    background: rgba(0, 0, 0, 0.65);

    bottom: 0;

    left: 0;

    right: 0;

    color: #fff;

    padding: 5px 25px;
}

@media all and (max-width: 840px) {
    .content-gallery .item {
        width: 50%;
    }
}

@media all and (max-width: 480px) {
    .content-gallery .item {
        width: 100%;

        float: none;
    }

    .content-gallery .item.with-caption figcaption {
        font-size: 14px;
    }
}

/* Content styling

   ========================================================================== */

body:not(.home) #main-body {
    padding-top: 75px;
}

#page-banner {
    padding: 85px 0 75px;

    margin-top: 50px;

    position: relative;
}

.overlay {
    background: rgba(0, 0, 0, 0.5);

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    content: " ";

    margin: auto;

    position: absolute;

    transition: 0.3s ease-out all;

    -webkit-transition: 0.3s ease-out all;

    -moz-transition: 0.3s ease-out all;

    -ms-transition: 0.3s ease-out all;

    z-index: 1;
}

.section.overlay {
    position: relative;
}

.overflow-box:hover .overlay {
    opacity: 0;
}

.overlay.entry-content {
    padding: 0 30px;
}

#page-banner #banner-content {
    position: relative;

    z-index: 3;
}

.sub-header p {
    font-size: 1.25em;

    line-height: 1.65em;
}

@media all and (max-width: 640px) {
    .sub-header p {
        font-size: 1em;
    }
}

@media all and (max-width: 640px) {
    #page-banner {
        padding: 75px 0 65px;
    }

    .sub-header p {
        font-size: 0.8em;
    }
}

#page-banner * {
    color: #fff;
}

.hentry {
    margin-bottom: 1.5em;
}

.small-link {
    font-size: 0.8em;
}

.entry-meta {
    font-style: italic;

    margin-bottom: 1em;
}

.entry-content h2,
.entry-content h1,
.entry-content .h2,
.entry-content .h2,
.sidebar-widget h4 {
    margin: 0;

    padding-bottom: 1.25em;

    position: relative;

    transition: 0.5s linear all;

    -webkit-transition: 0.5s linear all;

    -moz-transition: 0.5s linear all;
}

.sidebar-widget h4:after,
.entry-content h2:after,
.entry-content h1:after,
.entry-content .h2:after,
.entry-content .h2:after {
    position: absolute;

    content: " ";

    bottom: 0.7em;

    left: 0;

    width: 160px;

    background: #9f8764;

    height: 2px;

    display: block;

    transition: 0.5s linear all;

    -webkit-transition: 0.5s linear all;

    -moz-transition: 0.5s linear all;

    -ms-transition: 0.5s linear all;
}

.sidebar-widget h4:after {
    width: 100px;
}

.entry-content.text-center h2:after,
.entry-content.text-center h1:after,
.entry-content.text-center .h2:after,
.entry-content.text-center .h2:after {
    left: 0;

    right: 0;

    margin: auto;
}

.entry-content .text-center h2:after,
.entry-content .text-center h1:after,
.entry-content .text-center .h2:after,
.entry-content .text-center .h2:after,
.entry-content h2.text-center:after,
.entry-content h1.text-center:after,
.entry-content .h2.text-center:after,
.entry-content .h2.text-center:after {
    right: 0;

    margin: auto;
}

@media all and (max-width: 800px) {
    .entry-content h2,
    .entry-content h1,
    .entry-content .h2,
    .entry-content .h2 {
        padding-bottom: 1em;
    }

    .entry-content h2:after,
    .entry-content h1:after,
    .entry-content .h2:after,
    .entry-content .h2:after {
        bottom: 0.5em;
    }
}

.entry-content p a {
    position: relative;

    text-decoration: underline;
}

.entry-content p a.button {
    text-decoration: none;
}

.content-table {
    border: 0;

    clear: both;
}

.content-table td:first-child {
    padding-left: 0;

    width: 25%;
}

.content-table tbody tr:nth-child(even),
.content-table tr:nth-child(even),
.content-table tbody,
.content-table tfoot,
.content-table thead {
    background: transparent;

    border: 0;
}

.content-table td {
    vertical-align: top;

    padding-top: 0;
}

.entry-content table td {
    vertical-align: top;
}

@media all and (min-width: 1024px) {
    #sidebar.columns {
        float: right;
    }
}

@media all and (min-width: 767px) {
    .padding-large-right {
        padding-right: 40px !important;
    }
}

@media all and (min-width: 801px) {
    .padding-medium {
        padding-right: 50px;

        padding-left: 50px;
    }

    .padding-small {
        padding-right: 25px;

        padding-left: 25px;
    }
}

@media all and (min-width: 1024px) {
    .padding-medium {
        padding-right: 75px;

        padding-left: 75px;
    }
}

@media all and (max-width: 800px) {
    .padding-medium {
        padding: 75px 20px;
    }

    .padding-small {
        padding: 50px 0px;
    }
}

.contact-list {
    clear: both;

    margin-top: 50px;

    margin-bottom: 50px;
}

.contact-list div {
    margin-bottom: 5px;
}

.contact-list a {
    font-size: 27px;

    color: #9f8764;
}

.page-template-template-contact .entry-content .contact-list,
.contact-list.no-margin {
    margin: 0 0 1rem;
}

@media all and (max-width: 800px) {
    .contact-list {
        clear: both;

        margin: 0 0 25px 0;
    }
}

@media all and (max-height: 900px) {
    .entry-content h2,
    .entry-content h1,
    .entry-content .h2,
    .entry-content .h2 {
        padding-bottom: 1em;
    }

    .entry-content h2:after,
    .entry-content h1:after,
    .entry-content .h2:after,
    .entry-content .h2:after {
        bottom: 0.5em;
    }

    .contact-list {
        margin: 0 0 25px 0;
    }
}

/* Room slider

=======================================*/

.slick-slider .room-content {
    padding: 0 15px;
}

.room-content:hover img {
    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);
}

.room-content .room-container {
    width: 100%;

    position: relative;

    overflow: hidden;
}

.room-content .entry-header .button-holder {
    height: 30px;
}

.room-content .entry-footer,
.room-content .entry-header {
    position: absolute;

    left: 0;

    right: 0;

    background: #9f8764;

    background: rgba(159, 135, 100, 0.55);

    height: 46px;

    top: 0;

    z-index: 1;
}

.room-content .entry-header h3 {
    margin: 0;

    color: #fff;

    font-weight: 400;

    font-size: 20px;

    text-align: center;

    padding-right: 30px;

    padding-left: 30px;

    line-height: 46px;
}

.room-content .relative {
    height: 100%;
}

.infobar .age,
.room-content .entry-header .age {
    position: absolute;

    right: 10px;

    bottom: 3px;

    background: #92000a;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;
}

.room-content .inline-list {
    text-align: center;

    vertical-align: top;
}

.infobar .inline-list li,
.room-content .inline-list li {
    vertical-align: top;

    padding-left: 30px;

    position: relative;
}

.room-content .difficulty,
.room-content .time {
    float: right;

    position: relative;
}

.room-content .difficulty {
    float: left;
}

.select-room .inline-list .icon,
.infobar .inline-list span,
.room-content .icon {
    width: 25px;

    height: 25px;

    display: inline-block;

    background: url(./svg/stopwatch.svg) no-repeat;

    background-size: 100%;

    position: absolute;

    left: 0;
}

.infobar .players .icon,
.room-content .number .icon {
    background: url(./svg/multiple-users-silhouette.svg) no-repeat;

    background-size: 100%;
}

.infobar .difficulty .icon,
.room-content .difficulty .icon {
    background: url(./svg/speedometer.svg) no-repeat;

    background-size: 100%;
}

.room-content .entry-footer {
    top: auto;

    bottom: 0;
}

.room-content .entry-footer .inline-list {
    padding: 10px 5px;

    min-height: 40px;
}

#sidebar .room-content {
    margin-bottom: 2em;
}

.infobar {
    padding: 15px 0;

    background: rgba(0, 0, 0, 0.65);

    color: #fff;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;
}

.infobar h1 {
    margin: 0;

    line-height: 1;

    margin-top: -5px;
}

.infobar .inline-list {
    line-height: 75px;
}

.infobar .inline-list li {
    font-size: 22px;

    padding-left: 60px;

    margin-left: 20px;

    vertical-align: middle;
}

.infobar .inline-list li .icon {
    width: 45px;

    height: 45px;

    bottom: 0;

    top: 0;

    margin: auto;
}

.infobar .inline-list .age {
    position: static;

    text-align: center;

    width: 75px;

    height: 75px;

    line-height: 75px;

    font-size: 25px;

    padding: 0;

    border-radius: 37px;
}

.button-holder {
    text-align: center;

    display: table;

    height: 75%;

    width: 100%;
}

.button-holder .cell {
    display: table-cell;

    vertical-align: middle;

    width: 100%;
}

.button-holder a {
    font-size: 20px;

    color: #fff;
}

.room-content .entry-footer li {
    color: #fff;

    font-size: 15px;
}

@media screen and (max-width: 1024px) {
    .infobar .inline-list {
        line-height: 55px;
    }

    .infobar .inline-list li {
        padding-left: 52px;
    }

    .infobar .inline-list .age {
        height: 55px;

        width: 55px;

        line-height: 55px;

        font-size: 22px;
    }
}

@media screen and (max-width: 800px) {
    .infobar .medium-3,
    .infobar .medium-9 {
        width: 100%;

        float: none;
    }

    .infobar .inline-list {
        line-height: 40px;
    }

    .infobar .inline-list li {
        font-size: 18px;

        margin-left: 10px;
    }

    .infobar .inline-list.text-right {
        text-align: left;

        margin-top: 5px;
    }

    .infobar .inline-list li.players {
        margin-left: 0;
    }

    .infobar .inline-list li .icon {
        width: 35px;

        height: 35px;
    }

    .infobar .inline-list .age {
        width: 45px;

        height: 45px;

        line-height: 45px;

        font-size: 16px;
    }
}

@media screen and (max-width: 550px) {
    .infobar .inline-list li {
        margin-left: 5px;

        padding-left: 35px;

        width: 48%;

        margin-left: 0 !important;
    }

    .infobar .inline-list .age {
        width: 35px;

        height: 35px;

        line-height: 35px;

        font-size: 14px;
    }

    .infobar .inline-list li .icon {
        width: 25px;

        height: 25px;
    }
}

@media screen and (max-width: 400px) {
    .room-content .entry-footer li.number {
        display: none;
    }
}

.wpcf {
    clear: both;
}

.wpcf p {
    margin-bottom: 0;
}

.wpcf7 a {
    text-decoration: underline;
}

.wpcf7-checkbox .wpcf7-list-item-label {
    display: none;
}

[type="color"],
[type="date"],
[type="datetime-local"],
[type="datetime"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea {
    background: transparent url(./svg/End_email_field_.svg) no-repeat;

    outline: 0 !important;

    border: 0;

    box-shadow: none;

    width: 250px;

    max-width: 100%;

    height: 50px;

    padding: 10px 30px 10px;

    line-height: 45px;

    float: left;

    margin-bottom: 10px;

    font-size: 14px;

    margin-right: 15px;
}

[type="tel"].textfield2,
[type="text"].textfield2,
[type="email"].textfield2 {
    background: transparent url(./svg/email_field.svg) no-repeat;
}

[type="tel"].textfield3,
[type="text"].textfield3,
[type="email"].textfield3 {
    background: transparent url(./svg/email_field_2.svg) no-repeat;
}

input.no-margin {
    margin-right: 0;
}

#fullpage .wpcf7 input[type="submit"],
input[type="submit"] {
    width: 180px !important;

    height: 38px;

    line-height: 1;

    font-size: 16px;

    outline: 0;

    border: 0;

    box-shadow: none;

    background: transparent url(./svg/End_email_button_send.svg) no-repeat;

    text-align: left;

    padding-left: 15px;

    padding-right: 40px;

    padding-bottom: 5px;

    color: white;

    cursor: pointer;

    margin-bottom: 15px;

    margin-top: 3px;

    float: none;
}

input[type="submit"]:hover {
    text-decoration: underline;
}

[type="color"]:focus,
[type="date"]:focus,
[type="datetime-local"]:focus,
[type="datetime"]:focus,
[type="email"]:focus,
[type="month"]:focus,
[type="number"]:focus,
[type="password"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="text"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="week"]:focus,
textarea:focus {
    border: 0;

    background-color: transparent;

    box-shadow: none;
}

textarea,
.wpcf7 textarea {
    height: 175px;

    outline: 0;

    padding-right: 50px;

    width: 350px;

    border: 0;

    box-shadow: none;

    background: transparent url(./svg/textarea-field.svg) no-repeat;

    resize: none;
}

.wpcf7-form-control-wrap {
    display: inline-block;

    vertical-align: top;

    max-width: 100%;
}

div.wpcf7-response-output {
    margin: 1em 0;

    font-size: 14px;
}

.wpcf7 br {
    display: none;
}

.wpcf7 .star,
.wpcf7 .relative:before {
    content: "*";

    color: #92000a;

    font-size: 150%;

    font-weight: bold;

    position: absolute;

    right: 40px;

    top: 5px;

    height: 15px;

    margin: auto;
}

.wpcf7 .star {
    position: static;

    float: left;

    margin-right: 15px;

    margin-top: 5px;
}

span.wpcf7-not-valid-tip {
    color: #fff;

    font-size: 1em;

    font-weight: normal;

    display: block;

    position: absolute !important;

    font-size: 10px;

    background: #92000a;

    display: block;

    text-align: center;

    bottom: 0px;

    left: auto;

    margin: auto;

    line-height: 1.6;

    right: 0;

    width: 150px;

    z-index: 1;
}

.checkbox-122 .wpcf7-not-valid-tip {
    left: 0;

    right: auto;

    bottom: -8px;
}

.cf7-message-success .wpcf7 .wpcf7-show-message {
    display: block !important;
}

#other-rooms {
    padding: 3em 0;
}

#payment-options li {
    display: block;

    margin-bottom: 5px;
}

#payment-options li label {
    line-height: 1.1;

    height: 20px;

    display: inline-block;

    vertical-align: bottom;
}

@media all and (max-width: 1200px) {
    #other-rooms {
        padding: 3em;
    }
}

.gallery .item {
    display: block;
}

.gallery figure {
    position: relative;

    overflow: hidden;

    margin-bottom: 2%;

    cursor: pointer;

    margin-right: 15px;
}

.gallery .sep .small-images {
    width: 32%;

    margin-right: 2%;

    float: left;
}

.gallery .first-figure {
    margin-right: 0;
}

.gallery .sep .small-images:nth-child(3n + 3) {
    margin-right: 0;
}

.gallery .last-item {
    clear: both;

    float: left;
}

@media all and (max-width: 640px) {
    .gallery figure {
        margin-bottom: 4%;
    }

    .gallery .sep .small-images,
    .gallery .sep .small-images:nth-child(3n + 3) {
        width: 48%;

        margin-right: 4%;

        margin-bottom: 4%;
    }

    .gallery .sep .small-images:nth-child(2n + 2) {
        margin-right: 0;
    }
}

.content-gallery .item,
.gallery .boxed {
    overflow: hidden;
}

.content-gallery img,
.gallery img {
    transition: 0.3s ease-out all;

    -webkit-transition: 0.3s ease-out all;

    -moz-transition: 0.3s ease-out all;

    -ms-transition: 0.3s ease-out all;

    width: 100%;
}

.content-gallery img:hover,
.gallery img:hover {
    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);
}

.gallery figcaption {
    text-align: center;

    font-size: 12px;

    position: absolute;

    left: 0;

    bottom: -50px;

    right: 0;

    background: rgba(0, 0, 0, 0.5);

    color: #fff;

    opacity: 0;

    -webkit-transition: 0.5s ease-out all;

    -moz-transition: 0.5s ease-out all;

    -ms-transition: 0.5s ease-out all;
}

.gallery figure:hover figcaption {
    bottom: 0;

    opacity: 1;
}

.wpcf7,
.design-form {
    width: 450px;

    max-width: 100%;
}

.design-form {
    clear: both;
}

.design-form a {
    text-decoration: underline;
}

div.wpcf7 {
    margin: auto;

    max-width: 100% !important;
}

#fullpage .padding-small .wpcf7 {
    margin-left: 0;
}

@media screen and (max-width: 800px) {
    div.wpcf7 {
        margin: 0;
    }
}

.design-form fieldset {
    margin-bottom: 20px !important;
}

.design-form input {
    display: inline-block;

    margin-right: 0;
}

.design-form span {
    display: inline;

    position: relative;
}

.wpcf7 .wpcf7-form-control-wrap[data-name="your-name"] input,
.wpcf7 .wpcf7-form-control-wrap[data-name="datum"] input,
.design-form .field-1 {
    background: url(./svg/designform_jmeno.svg) no-repeat;

    width: 64%;

    line-height: 25px;

    padding-top: 8px;
}

.wpcf7 .wpcf7-form-control-wrap[data-name="datum"] input {
    background: url(./svg/designform_datum.svg) no-repeat;

    width: 50%;

    margin-bottom: 0;
}

.wpcf7 .wpcf7-form-control-wrap[data-name="datum"],
.wpcf7 .wpcf7-form-control-wrap[data-name="your-name"] {
    display: inline-block;

    width: 64%;

    margin-bottom: 10px;
}

.wpcf7 .wpcf7-form-control-wrap[data-name="datum"] {
    width: 62%;

    margin-right: -5%;
}

.wpcf7 .wpcf7-form-control-wrap[data-name="phone-number"] input,
.wpcf7 .wpcf7-form-control-wrap[data-name="pocet"] input,
.design-form .field-2 {
    background: url(./svg/designform_telefon.svg) no-repeat;

    width: 36.5%;

    margin-left: -4.25%;

    margin-top: 2%;

    line-height: 25px;

    padding-top: 15px;

    padding-top: 0;

    padding-bottom: 0;

    line-height: 50px;

    height: 50px;
}

.design-form .field-2 {
    display: inline-block;
}

body .design-form .field-3 {
    margin-top: -3%;
}

#isic_discount_name {
    background: url(./svg/designform_jmeno.svg) no-repeat;
}

.wpcf7 .wpcf7-form-control-wrap[data-name="phone-number"] {
    width: 36%;

    margin-left: -4.25%;

    margin-top: 2%;
}

.wpcf7 .wpcf7-form-control-wrap[data-name="pocet"] {
    width: 50%;

    margin-left: -10%;

    margin-top: -3px;

    float: right;
}

.wpcf7 .wpcf7-form-control-wrap[data-name="pocet"] input {
    background: url(./svg/designform_pocet-osob.svg) no-repeat;

    background-position: center right;

    padding-left: 100px;

    padding-right: 5px;
}

.wpcf7 .wpcf7-form-control-wrap[data-name="your-email"] input,
.design-form .field-3 {
    background: url(./svg/designform_email.svg) no-repeat;

    width: 97.5%;

    display: block;

    margin-top: -5%;

    line-height: 25px;

    padding-top: 0;

    padding-bottom: 0;

    line-height: 50px;

    height: 50px;
}

.wpcf7 .wpcf7-form-control-wrap[data-name="your-email"] input,
.wpcf7 .wpcf7-form-control-wrap[data-name="phone-number"] input,
.wpcf7 .wpcf7-form-control-wrap[data-name="pocet"] input {
    margin: 0;
}

.wpcf7 .wpcf7-form-control-wrap[data-name="your-message"],
.wpcf7 .wpcf7-form-control-wrap[data-name="your-email"] input,
.wpcf7 .wpcf7-form-control-wrap[data-name="phone-number"] input,
.wpcf7 .wpcf7-form-control-wrap[data-name="your-name"] input,
.wpcf7 .wpcf7-form-control-wrap[data-name="datum"] input,
.wpcf7 .wpcf7-form-control-wrap[data-name="pocet"] input {
    width: 100%;

    float: none;
}

.wpcf7 .wpcf7-form-control-wrap[data-name="your-email"] {
    margin-top: -5%;

    display: block;

    width: 97.5%;

    margin-bottom: 10px;
}

.wpcf7 .wpcf7-form-control-wrap[data-name="your-message"] textarea,
.design-form .field-4 {
    width: 100%;

    display: block;

    background: url(./svg/designform_other.svg) no-repeat;

    height: 120px;

    padding-top: 15px;

    padding-bottom: 15px;

    margin-right: 0;

    line-height: 1;
}

#phone-number-input {
    background: transparent !important;
    width: calc(100% - 70px); 
    display: inline-block; 
    vertical-align: middle;
    float: none;
    padding-left: 5px;
    padding-right: 0;
    padding-top: 8px;
}

#phone-prefix {
    width: 30px; 
    display: inline-block; 
    vertical-align: middle;
    height: 25px;
    padding: 0;
    margin-left: 25px;
    border: none;
    margin-top: 8px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}

#phone-error {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    bottom: -4px;
    color: red;
    font-size: 12px;
    background: white;
    height: 16px;
    line-height: 16px;
}

.wpcf7 input[type="submit"],
.design-form input[type="submit"] {
    float: right;

    background: url(./svg/designform_odeslat.svg) no-repeat;

    width: 170px !important;

    color: #fff !important;

    text-align: right;

    padding: 0px 15px;

    line-height: 0.5;

    margin-top: -7.5%;

    margin-right: -5px;

    line-height: 25px;

    padding-bottom: 10px;

    height: 55px;

    text-transform: uppercase;

    letter-spacing: 0.025em;

    font-family: "RefrigeratorDeluxe";

    font-weight: 200;

    position: relative;

    z-index: 1;

    background-position: center right;
}

.design-form input[type="submit"].larger {
    width: 210px !important;
}

.page-template-template-conference-rooms .design-form {
    margin: auto;
}

@media all and (max-width: 1024px) {
    .design-form .field-1,
    .design-form .field-2,
    .design-form .field-3 {
        height: 65px;
    }

    .design-form .field-2 {
        margin-left: -3%;

        margin-top: 3%;
    }

    .design-form .field-3 {
        width: 99%;
    }
}

@media screen and (max-width: 1024px) {
    .wpcf7-form small {
        display: block;

        clear: both;
    }
}

span.wpcf7-list-item {
    margin: 0;
}

.design-form input[type="checkbox"] {
    margin-right: 15px;
}

@media all and (max-width: 480px) {
    .page-template-template-conference-rooms .design-form {
        margin-top: 30px;
    }

    .design-form .field-2,
    .design-form .field-1,
    .design-form .field-4,
    .design-form .field-3 {
        width: 100%;

        margin: 0 0 15px 0px;

        /*background: transparent;

			border: 2px solid #9f8764;

			padding: 10px 15px;*/
    }

    .design-form .field-2 {
        padding-left: 60px;
    }

    .design-form input[type="submit"] {
        margin-right: 0;

        margin-top: 15px;
    }
}

/* Buy vouchers 

=============================================================*/

.select-room {
    margin: 0;
}

.select-room .checkbox {
    position: absolute;

    left: 10px;

    top: 0;

    bottom: 0;

    margin: auto;

    height: 14px;
}

.select-room label {
    display: block;

    position: relative;

    padding: 15px 15px 15px 35px;

    margin-bottom: 15px;

    cursor: pointer;

    background: #f8f8f8;
}

.select-room label.active {
    background: #d8d8d8;
}

.select-room label.active .checkbox {
    background: #9f8764;
}

.select-room label:after {
    clear: both;

    display: table;

    content: " ";
}

.select-room img {
    margin-bottom: 0;
}

.select-room .inline-list li {
    padding-left: 32px;

    padding-right: 15px;

    position: relative;
}

.select-room .inline-list li .icon.time {
    background: url(./svg/stopwatch-black.svg) no-repeat;

    background-size: 100%;
}

.select-room .inline-list li .icon.siluete {
    background: url(./svg/multiple-users-silhouette-black.svg) no-repeat;

    background-size: 100%;
}

.select-room .inline-list li .icon.speed {
    background: url(./svg/speedometer-black.svg) no-repeat;

    background-size: 100%;
}

.select-room .inline-list li.age {
    background: #92000a;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    padding: 0 5px 0 0;

    text-align: center;

    color: white;
}

#price-section #total-room-price {
    background: transparent !important;

    width: 95px;

    display: inline-block;

    padding: 0 5px 0 0px;

    line-height: 1;

    height: auto;

    font-size: 22px;

    font-weight: 600;

    margin-right: 0;

    text-align: right;

    float: none;
}

#price-section .currency {
    font-size: 22px;

    font-weight: 600;

    line-height: 27px;
}

#have-voucher input {
    margin-right: 0;
}

.price-field span {
    font-size: 45px;

    font-family: "RefrigeratorDeluxe";
}

@media screen and (max-width: 640px) {
    .price-field span {
        font-size: 32px;
    }

    .button#scroll-down {
        margin-bottom: 30px;

        margin-top: 30px;

        padding: 20px 120px 20px 25px;
    }
}

/* Pagination and breadcrumbs

   ========================================================================== */

#breadcrumbs {
    font-size: 12px;

    margin-bottom: 30px;

    position: relative;

    z-index: 2;
}

@media all and (min-width: 800px) {
    #breadcrumbs-wrap {
        position: absolute;

        bottom: 0;

        left: 0;

        right: 0;

        z-index: 2;
    }

    #breadcrumbs-wrap #breadcrumbs {
        text-align: right;
    }

    #fullpage #breadcrumbs-wrap {
        right: 80px;
    }
}

@media all and (max-width: 639px) {
    #breadcrumbs {
        margin: 15px 0 0;
    }
}

.pagination a,
.pagination button {
    display: inline-block;

    transition: all linear 0.3s;

    -webkit-transition: all linear 0.3s;

    -moz-transition: all linear 0.3s;
}

.pagination a:hover,
.pagination a:focus {
    background: transparent;
}

.pagination .current {
    background: #9f8764;
}

/* edit link

   ========================================================================== */

.edit {
    clear: both;
}

.edit-link a {
    float: right;

    font-size: 0.9em;

    text-decoration: none;

    background: #d8d8d8;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    padding: 0.2em;

    margin: 0.2em;

    border: 1px solid #d8d8d8;
}

/* Sidebar

   ========================================================================== */

.sidebar-widget {
    margin-bottom: 2em;
}

.sidebar-widget .menu > li {
    display: block;
}

.sidebar-widget .menu > li a {
    padding-left: 0;

    padding-right: 0;
}

#sidebar li a {
    transition: 0.3s linear color;

    -webkit-transition: 0.3s linear color;

    -moz-transition: 0.3s linear color;

    -ms-transition: 0.3s linear color;
}

#sidebar li a:hover {
    color: #9f8764;
}

/* Footer setting

   ========================================================================== */

#footerwrap {
    background: #3f4141;

    font-size: 13px;

    color: #8e8e8e;

    clear: both;
}

#footerwrap * {
    font-size: 13px;
}

.footer-inside {
    padding: 20px 0;
}

#footerwrap a {
    color: #8e8e8e;
}

#footerwrap a:hover {
    color: #9f8764;
}

#map-canvas {
    width: 100%;

    height: 500px;

    position: relative;
}

@media all and (min-width: 801px) {
    .footer-section #footerwrap {
        position: absolute;

        bottom: 0;

        left: 0;

        right: 0;
    }

    #fullpage #map-canvas {
        position: absolute !important;

        left: 0;

        top: 50px;

        bottom: 60px;

        right: 50%;

        width: auto;

        height: auto;
    }
}

@media all and (max-width: 800px) {
    #footerwrap,
    #footerwrap ul,
    #footerwrap .text-right {
        text-align: center;
    }

    #footerwrap .large-6.medium-6.column,
    #footerwrap .large-3.medium-3.column {
        padding-bottom: 15px;

        width: 100%;
    }

    #footerwrap .large-3.medium-3.column.text-right {
        padding-bottom: 0;
    }

    #footerwrap * {
        font-size: 13px;
    }
}

.admin-bar .footer-section #footerwrap {
    bottom: 32px;
}

.footer-menu li {
    padding: 0 10px;

    position: relative;
}

.footer-menu li:not(:first-child):before {
    position: absolute;

    content: " ";

    display: inline-block;

    width: 1px;

    height: 10px;

    background: #8e8e8e;

    left: -1px;

    top: 6px;
}

#footer-body {
    background: #d6cfcf;
}

/* Our partners section

   ========================================================================== */

.our-partners {
    clear: both;
}

.our-partners .partner-icon {
    display: inline-block;

    vertical-align: middle;

    padding: 0 1em;

    height: 150px;

    display: flex;

    width: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    padding: 0 1em;
}

/* Coming soon banner

	============================================================================*/

.comming-soon {
    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 20%;

    margin: auto;

    font-size: 55px;

    display: inline-block;

    height: 40px;

    line-height: 40px;

    z-index: 1;

    text-align: center;

    transform: rotate(-10deg);

    -webkit-transform: rotate(-10deg);

    -moz-transform: rotate(-10deg);

    -ms-transform: rotate(-10deg);

    -o-transform: rotate(-10deg);

    color: #92000a;

    font-weight: bold;
}

/* Video banner

=============================================================================*/

#page-banner.video-wrap {
    min-height: 500px;

    position: relative;

    overflow: hidden;
}

#page-banner.video-wrap #banner-content {
    padding-top: 350px;
}

.video-background {
    background: #000;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    z-index: -1;
}

#video-foreground,
.video-background iframe {
    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;
}

#video-foreground {
    height: 300%;

    top: -100%;
}

@media (min-aspect-ratio: 16/9) {
    #video-foreground {
        height: 200%;

        top: -50%;
    }
}

@media (max-width: 1200px) {
    #video-foreground {
        width: 300%;

        height: 100%;

        left: -100%;

        top: 0;
    }

    #page-banner.video-wrap #banner-content {
        padding-top: 200px;
    }
}

/*Clients Block*/

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

.clients-content-item {
    display: inline-block;

    padding: 20px 20px;
}

.clients-content-item img {
    height: 50px;
}

#content-section .top-slider .slick-arrow:hover,
#akce-gallery1 .slick-arrow:hover,
#akce-gallery2 .slick-arrow:hover,
#akce-gallery3 .slick-arrow:hover,
#akce-gallery4 .slick-arrow:hover,
#akce-gallery5 .slick-arrow:hover,
.galleries-page-item .slick-arrow:hover {
    background: rgba(10, 0, 0, 0.55);
}

#clients-section .entry-content {
    padding: 75px 0;
}

.akce-new-block .columns.right-floated {
    float: right;
}

.akce-new-block .box,
.galleries-page .box,
.galleries-page {
    padding: 45px 0;
}

.galleries-page .galleries-page-item-img {
    position: relative;
}

.galleries-page .galleries-page-item-img-title {
    z-index: 1000;

    position: absolute;

    width: 100%;

    bottom: 0;

    text-align: center;

    background: rgba(159, 135, 100, 0.55);

    height: 46px;

    color: #fff;

    font-weight: 400;

    font-size: 20px;

    text-align: center;

    padding-right: 30px;

    padding-left: 30px;

    line-height: 46px;
}

.akce-new-block .slick-next:after,
.akce-new-block .slick-next:before,
.akce-new-block .slick-prev:after,
.akce-new-block .slick-prev:before,
.galleries-page .slick-next:after,
.galleries-page .slick-next:before,
.galleries-page .slick-prev:after,
.galleries-page .slick-prev:before,
#content-section .slick-next:after,
#content-section .slick-next:before,
#content-section .slick-prev:after,
#content-section .slick-prev:before,
#content-section .slick-next:after,
#content-section .slick-next:before,
#content-section .slick-prev:after,
#content-section .slick-prev:before,
.partners-list .slick-next:after,
.partners-list .slick-next:before,
.partners-list .slick-prev:after,
.partners-list .slick-prev:before,
.top-slider .slick-next:after,
.top-slider .slick-next:before,
.top-slider .slick-prev:after,
.top-slider .slick-prev:before,
#escape-rooms-slider .slick-next:after,
#escape-rooms-slider .slick-next:before,
#escape-rooms-slider .slick-prev:after,
#escape-rooms-slider .slick-prev:before,
#escape_room_calendar .slick-next:after,
#escape_room_calendar .slick-next:before,
#escape_room_calendar .slick-prev:after,
#escape_room_calendar .slick-prev:before {
    height: 2px;
}

.akce-new-block .slick-next,
.galleries-page .slick-next {
    right: 15px;
}

.akce-new-block .slick-prev,
.galleries-page .slick-prev {
    left: 15px;
}

.akce-new-block h2 {
    line-height: 1;
}

#akce-gallery1,
#akce-gallery2,
#akce-gallery3,
#akce-gallery5,
#akce-gallery4 {
    /*padding-top: 13.5px;*/

    padding-top: 9px;
}

#akce-gallery1,
#akce-gallery2,
#akce-gallery3,
#akce-gallery4,
#akce-gallery5,
.galleries-page-item .responsive-embed.widescreen iframe,
.galleries-page-item {
    height: 430px;
}

#akce-gallery1 .akce-gallery-item,
#akce-gallery2 .akce-gallery-item,
#akce-gallery3 .akce-gallery-item,
#akce-gallery5 .akce-gallery-item,
#akce-gallery4 .akce-gallery-item {
    position: relative;
}

#akce-gallery1 .akce-gallery-item img,
#akce-gallery2 .akce-gallery-item img,
#akce-gallery3 .akce-gallery-item img,
#akce-gallery4 .akce-gallery-item img,
#akce-gallery5 .akce-gallery-item img,
.galleries-page-item img {
    /*transform: translate(0, -50%);

    position: absolute;

    top: 50%;*/

    height: 100%;

    width: 100%;

    object-fit: cover;
}

@media (max-width: 1230px) {
    #akce-gallery1,
    #akce-gallery2,
    #akce-gallery3,
    #akce-gallery4,
    #akce-gallery5,
    .galleries-page-item .responsive-embed.widescreen iframe,
    .galleries-page-item {
        height: 420px;
    }
}

@media (max-width: 1200px) {
    #akce-gallery1,
    #akce-gallery2,
    #akce-gallery3,
    #akce-gallery4,
    #akce-gallery5,
    .galleries-page-item .responsive-embed.widescreen iframe,
    .galleries-page-item {
        height: 380px;
    }
}

@media (max-width: 1100px) {
    #akce-gallery1,
    #akce-gallery2,
    #akce-gallery3,
    #akce-gallery4,
    #akce-gallery5,
    .galleries-page-item .responsive-embed.widescreen iframe,
    .galleries-page-item {
        height: 345px;
    }
}

@media (max-width: 1000px) {
    #akce-gallery1,
    #akce-gallery2,
    #akce-gallery3,
    #akce-gallery4,
    #akce-gallery5,
    .galleries-page-item .responsive-embed.widescreen iframe,
    .galleries-page-item {
        height: 307px;
    }
}

@media (max-width: 900px) {
    #akce-gallery1,
    #akce-gallery2,
    #akce-gallery3,
    #akce-gallery4,
    #akce-gallery5,
    .galleries-page-item .responsive-embed.widescreen iframe,
    .galleries-page-item {
        height: 270px;
    }
}

@media (max-width: 800px) {
    #akce-gallery1,
    #akce-gallery2,
    #akce-gallery3,
    #akce-gallery4,
    #akce-gallery5,
    .galleries-page-item .responsive-embed.widescreen iframe,
    .galleries-page-item {
        height: 230px;
    }
}

@media (max-width: 700px) {
    #akce-gallery1,
    #akce-gallery2,
    #akce-gallery3,
    #akce-gallery4,
    #akce-gallery5,
    .galleries-page-item .responsive-embed.widescreen iframe,
    .galleries-page-item {
        height: 214px;
    }
}

@media (max-width: 639px) {
    #akce-gallery1,
    #akce-gallery2,
    #akce-gallery3,
    #akce-gallery4,
    #akce-gallery5,
    .galleries-page-item .responsive-embed.widescreen iframe,
    .galleries-page-item {
        height: 424px;
    }

    .galleries-page .columns {
        padding-bottom: 30px;
    }
}

@media (max-width: 600px) {
    #akce-gallery1,
    #akce-gallery2,
    #akce-gallery3,
    #akce-gallery4,
    #akce-gallery5,
    .galleries-page-item .responsive-embed.widescreen iframe,
    .galleries-page-item {
        height: 349px;
    }
}

@media (max-width: 500px) {
    #akce-gallery1,
    #akce-gallery2,
    #akce-gallery3,
    #akce-gallery4,
    #akce-gallery5,
    .galleries-page-item .responsive-embed.widescreen iframe,
    .galleries-page-item {
        height: 274px;
    }
}

@media (max-width: 400px) {
    #akce-gallery1,
    #akce-gallery2,
    #akce-gallery3,
    #akce-gallery4,
    #akce-gallery5,
    .galleries-page-item .responsive-embed.widescreen iframe,
    .galleries-page-item {
        height: 199px;
    }
}

/*Youtube pseudo*/

.galleries-page-item-img.youtube,
.single-video-item.youtube,
.video-slide.youtube {
    background-color: #000;

    margin-bottom: 30px;

    position: relative;

    padding-top: 0;

    overflow: hidden;

    cursor: pointer;
}

.single-video-item.youtube {
    padding-top: 57.5%;
}

.video-slide.youtube {
    padding-top: 400px;
}

.galleries-page-item-img.youtube img,
.single-video-item.youtube img,
.video-slide.youtube img {
    width: 100%;

    top: 0;

    left: 0;

    opacity: 0.7;
}

.single-video-item.youtube img,
.video-slide.youtube img {
    top: 50%;

    transform: translate(0, -50%);
}

.galleries-page-item-img.youtube .play-button,
.single-video-item.youtube .play-button,
.video-slide.youtube .play-button {
    width: 90px !important;

    height: 60px !important;

    background-color: #333;

    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);

    z-index: 1;

    opacity: 0.8;

    border-radius: 6px;
}

.galleries-page-item-img.youtube .play-button:before,
.single-video-item.youtube .play-button:before,
.video-slide.youtube .play-button:before {
    content: "";

    border-style: solid;

    border-width: 15px 0 15px 26px;

    border-color: transparent transparent transparent #fff;
}

.galleries-page-item-img.youtube img,
.galleries-page-item-img.youtube .play-button,
.single-video-item.youtube img,
.single-video-item.youtube .play-button,
.video-slide.youtube img,
.video-slide.youtube .play-button {
    cursor: pointer !important;
}

.galleries-page-item-img.youtube img,
.galleries-page-item-img.youtube iframe,
.galleries-page-item-img.youtube .play-button,
.galleries-page-item-img.youtube .play-button:before,
.single-video-item.youtube img,
.single-video-item.youtube iframe,
.single-video-item.youtube .play-button,
.single-video-item.youtube .play-button:before,
.video-slide.youtube img,
.video-slide.youtube iframe,
.video-slide.youtube .play-button,
.video-slide.youtube .play-button:before {
    position: absolute !important;
}

.galleries-page-item-img.youtube .play-button,
.galleries-page-item-img.youtube .play-button:before,
.single-video-item.youtube .play-button,
.single-video-item.youtube .play-button:before,
.video-slide.youtube .play-button,
.video-slide.youtube .play-button:before {
    top: 50% !important;

    left: 50% !important;

    transform: translate3d(-50%, -50%, 0) !important;
}

.galleries-page-item-img.youtube iframe,
.single-video-item.youtube iframe,
.video-slide.youtube iframe {
    height: 100%;

    width: 100%;

    top: 0;

    left: 0;
}

/*Lazy non height fix*/

.page-template-template-escape-rooms .room-container figure {
    min-height: 200px;
}

.page-template-template-escape-rooms .room-container figure img {
    display: none;
}

/*Button bg*/

.button {
    color: #fff !important;
}

#twisto-section {
    clear: both;
}

#fullpage .full-map#map-canvas {
    right: 0;
}

/* Cookie lišta
==============================================================*/

#cc--main .cc_div .c-bn {
    border-radius: 0;
}

#cc--main #cm.box.center {
    border-radius: 0;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.show--consent:not(.show--settings) #cc--main #cm.box.center {
    background: rgba(0, 0, 0, 0.7);
}

#cc--main #c-inr {
    background-color: #fff;
    padding: 20px;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

#cc--main #cm.box.center {
    background: transparent;
}

#cc--main #s-inr {
    border-radius: 0;
}

#cc--main .cc_div *,
#cc--main .cc_div :after,
#cc--main .cc_div :before,
#cc--main .cc_div .c-bn {
    color: #232323;
    font-family: "Roboto Condensed", Helvetica, Arial, Times;
}

#cc--main .cc_div .b-tg .c-tgl:checked ~ .c-tg,
#cc--main #c-bns button:first-child,
#cc--main #s-bns button:first-child {
    background: #9f8764;
    color: #fff;
}

#cc--main .c-bn {
    font-size: 16px;
}

#cc--main #s-ttl,
#cc--main .title div.b-tl,
#cc--main #c-ttl {
    text-transform: uppercase;
    font-family: "RefrigeratorDeluxe";
    letter-spacing: 0.025em;
    font-weight: 600;
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 12px;
}

#cc--main .b-tl {
    font-size: 20px;
}

#cc--main .cc_div .b-tg .c-tgl ~ .c-tg.c-ro {
    background: #8e8e8e;
}

#cc--main #s-bns {
    height: 5.25em;
}

/* Překrytí formuláře
==============================================================*/
#submit-overlay {
    display: none;
}

#buy-voucher #booking-form-body,
#booking-form #inner-form-content {
    position: relative;
}

#buy-voucher.show-overlay #submit-overlay,
#booking-form.show-overlay #submit-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 10;
}

#buy-voucher.show-overlay #submit-overlay .animate-spin, 
#booking-form.show-overlay #submit-overlay .animate-spin {
    display: inline-block;
    width: 60px;
    height: 60px;
    font-size: 2rem;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    -webkit-translate: -50% -50%;
    -moz-translate: -50% -50%;
}

#buy-voucher.show-overlay #submit-overlay .animate-spin::before,
#booking-form.show-overlay #submit-overlay .animate-spin::before {
    width: 60px;
    height: 60px;
    margin: 0;
    line-height: 60px;
    text-align: center;
}