@charset "UTF-8";
/**
@author: Ján Priskin
@copyright www.priskin.sk
**/
@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap");
:root {
    --vh-offset: 0px;
    --vh: 1vh;
}

@-webkit-keyframes shrink {
    from {
        scale: 1.1;
    }
    to {
        scale: 1;
    }
}

@keyframes shrink {
    from {
        scale: 1.1;
    }
    to {
        scale: 1;
    }
}
@-webkit-keyframes bgShine {
    0% {
        background-position: 1% 0%;
        color: #19323f;
    }
    50% {
        background-position: 99% 100%;
        color: #FFF;
    }
    100% {
        background-position: 1% 0%;
        color: #19323f;
    }
}
@keyframes bgShine {
    0% {
        background-position: 1% 0%;
        color: #19323f;
    }
    50% {
        background-position: 99% 100%;
        color: #FFF;
    }
    100% {
        background-position: 1% 0%;
        color: #19323f;
    }
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        scale: 1.1;
    }
    to {
        opacity: 1;
        scale: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
        scale: 1.1;
    }
    to {
        opacity: 1;
        scale: 1;
    }
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(50px);
                transform: translateY(50px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(50px);
                transform: translateY(50px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50px);
                transform: translateY(-50px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50px);
                transform: translateY(-50px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(50px);
                transform: translateX(50px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(50px);
                transform: translateX(50px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-50px);
                transform: translateX(-50px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-50px);
                transform: translateX(-50px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@-webkit-keyframes loopScale {
    0% {
        -webkit-transform-origin: bottom left;
                transform-origin: bottom left;
        scale: 1;
    }
    50% {
        scale: 1.2;
    }
    100% {
        scale: 1;
    }
}
@keyframes loopScale {
    0% {
        -webkit-transform-origin: bottom left;
                transform-origin: bottom left;
        scale: 1;
    }
    50% {
        scale: 1.2;
    }
    100% {
        scale: 1;
    }
}
@-webkit-keyframes loopLtR {
    0% {
        -webkit-transform: translateX(-10%);
                transform: translateX(-10%);
    }
    50% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-10%);
                transform: translateX(-10%);
    }
}
@keyframes loopLtR {
    0% {
        -webkit-transform: translateX(-10%);
                transform: translateX(-10%);
    }
    50% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-10%);
                transform: translateX(-10%);
    }
}
@-webkit-keyframes fadeIn2 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn2 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes showName {
    from {
        clip-path: inset(0 100% 0 0);
    }
    to {
        clip-path: inset(0);
    }
}
@keyframes showName {
    from {
        clip-path: inset(0 100% 0 0);
    }
    to {
        clip-path: inset(0);
    }
}
* {
    scroll-margin-top: 116px;
}

html,
body {
    height: 100%;
    width: 100%;
    font: normal 400 18px "Hanken Grotesk", serif;
    color: #19323f;
}

body {
    margin: 0;
    overflow-x: hidden;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-break: break-word;
}

@media screen and (min-width: 3000px) {
    body {
        zoom: 166.6666666667%;
    }
}
/* ------ */
address {
    line-height: 1.6;
}

b, strong {
    font-weight: 600;
}

p {
    margin-bottom: 1.45rem;
    line-height: 1.55;
}
p a {
    text-decoration: underline;
}
p a:hover {
    text-decoration: none;
}

/* ------ */
hr {
    border: 0;
    background: #000;
    display: block;
    height: 1px;
    margin: 20px 0;
}

/* ------ */
/* CLICKABLES */
a, a:hover, a:focus,
button, button:hover, button:focus,
input[type=submit], input[type=submit]:hover, input[type=submit]:focus {
    text-decoration: none;
    outline: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

[href^="mailto:"] {
    white-space: nowrap;
}

a {
    color: #b8bca4;
}
a:hover, a:focus {
    text-decoration: underline;
    color: #b8bca4;
}

/* ------ */
/* HEADINGS */
.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
    margin: 0;
    line-height: 1.25;
    font-weight: 600;
    color: #19323f;
}

h1 {
    display: inline-block;
    margin: 0 auto 23px;
    font-size: 30px;
    font-size: 1.6666666667rem;
}

h2, .h2 {
    margin-bottom: 23px;
    line-height: 1.2;
    letter-spacing: 1px;
    font-size: 30px;
    font-size: 1.6666666667rem;
}

h3 {
    font-size: 20px;
    font-size: 1.1111111111rem;
}

@media screen and (min-width: 400px) {
    h1 {
        font-size: 36px;
        font-size: 2rem;
    }
}
@media screen and (min-width: 600px) {
    h1 {
        font-size: 40px;
        font-size: 2.2222222222rem;
    }
}
@media screen and (min-width: 768px) {
    h1 {
        font-size: 44px;
        font-size: 2.4444444444rem;
    }
    h2 {
        margin-bottom: 54px;
    }
}
@media screen and (min-width: 992px) {
    h1 {
        font-size: 55px;
        font-size: 3.0555555556rem;
    }
    h2, .h2 {
        font-size: 36px;
        font-size: 2rem;
    }
}
@media screen and (min-width: 1180px) {
    h1 {
        font-size: 70px;
        font-size: 3.8888888889rem;
    }
    h2, .h2 {
        font-size: 56px;
        font-size: 3.1111111111rem;
    }
    h3 {
        font-size: 24px;
        font-size: 1.3333333333rem;
    }
}
@media screen and (min-width: 1300px) {
    h1 {
        font-size: 85px;
        font-size: 4.7222222222rem;
    }
    h2, .h2 {
        font-size: 60px;
        font-size: 3.3333333333rem;
    }
}
@media screen and (min-width: 1600px) {
    h1 {
        font-size: 100px;
        font-size: 5.5555555556rem;
    }
    h2, .h2 {
        font-size: 72px;
        font-size: 4rem;
    }
    h3 {
        font-size: 26px;
        font-size: 1.4444444444rem;
    }
}
@media screen and (min-width: 1920px) {
    h1 {
        font-size: 120px;
        font-size: 6.6666666667rem;
    }
    h2, .h2 {
        font-size: 95px;
        font-size: 5.2777777778rem;
    }
}
/* ------ */
/* FORM ELEMENTS */
.form-control {
    border-radius: 0 !important;
    border: 0;
    border-bottom: 1px solid #FFF;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    background: none !important;
    height: auto;
    min-height: 30px;
    margin-bottom: 24px;
    padding: 0 0 3px;
    font-weight: 700;
    color: #19323f;
    resize: vertical;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.form-control::-webkit-input-placeholder {
    color: #19323f;
}
.form-control::-moz-placeholder {
    color: #19323f;
}
.form-control:-ms-input-placeholder {
    color: #19323f;
}
.form-control::-ms-input-placeholder {
    color: #19323f;
}
.form-control::placeholder {
    color: #19323f;
}
.form-control:-moz-placeholder-shown {
    text-overflow: ellipsis;
}
.form-control:-ms-input-placeholder {
    text-overflow: ellipsis;
}
.form-control:placeholder-shown {
    text-overflow: ellipsis;
}
.form-control.is-valid::-webkit-input-placeholder {
    color: #7fba9e;
}
.form-control.is-valid::-moz-placeholder {
    color: #7fba9e;
}
.form-control.is-valid:-ms-input-placeholder {
    color: #7fba9e;
}
.form-control.is-valid::-ms-input-placeholder {
    color: #7fba9e;
}
.form-control.is-valid::placeholder {
    color: #7fba9e;
}
.form-control.is-invalid::-webkit-input-placeholder {
    color: #e20613;
}
.form-control.is-invalid::-moz-placeholder {
    color: #e20613;
}
.form-control.is-invalid:-ms-input-placeholder {
    color: #e20613;
}
.form-control.is-invalid::-ms-input-placeholder {
    color: #e20613;
}
.form-control.is-invalid::placeholder {
    color: #e20613;
}
.form-control:focus {
    border-bottom-color: #19323f;
    background: inherit;
    color: #FFF;
}
@media screen and (min-width: 992px) {
    .form-control {
        font-size: 1rem;
    }
}

textarea.form-control {
    min-height: 26px;
}

@media screen and (min-width: 400px) {
    a.btn,
    label.btn {
        line-height: 2.5;
    }
}
.btn {
    border-radius: 50px;
    border: 0;
    padding: 10px 30px;
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 800;
    font-size: 15px;
    font-size: 0.8333333333rem;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    cursor: pointer;
    outline: none !important;
}
@media screen and (min-width: 400px) {
    .btn {
        min-height: 58px;
    }
}

.btn-default,
.btn-primary {
    background: #b8bca4;
    color: #FFF !important;
}
.btn-default:hover, .btn-default:focus, .btn-default:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #19323f !important;
    color: #FFF !important;
}

.btn-secondary {
    background: #f1f2ec;
    color: #19323f !important;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background: #b8bca4 !important;
    color: #FFF !important;
}

/* custom checkbox */
.ccheck {
    display: block;
    position: relative;
    padding-top: 0px;
    padding-left: 24px;
    font-size: 14px;
    font-size: 0.7777777778rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.ccheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.ccheck:hover input ~ .checkmark:after,
.ccheck input:checked ~ .checkmark:after {
    border-color: #FFF;
    opacity: 1;
}
.ccheck .checkmark {
    border: 1px solid #FFF;
    background-color: none;
    height: 18px;
    width: 18px;
    position: absolute;
    top: -1px;
    left: 0;
}
.ccheck .checkmark:after {
    content: "";
    border: solid transparent;
    border-width: 0 2px 2px 0;
    width: 6px;
    height: 12px;
    position: absolute;
    top: 1px;
    left: 5px;
    opacity: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

/* ------ */
/* TABLES */
.table td {
    color: #19323f;
}

/* ------ */
/* BOOTSTRAP GRID */
@media screen and (min-width: 1200px) {
    .col-xl-4 {
        width: 450px;
    }
}
@media screen and (min-width: 1600px) {
    .col-xl-6 {
        width: 697px;
    }
}
@media screen and (min-width: 1920px) {
    .col-xl-4 {
        width: 650px;
    }
    .col-xl-6 {
        width: 897px;
    }
}
/* ------ */
iframe[name=google_conversion_frame] {
    position: absolute;
    bottom: 0;
}

/* ------ */
.swiper-h {
    height: 100%;
}
.swiper-h .swiper-container {
    height: 100%;
}
.swiper-h .swiper-slide {
    background: #ede8e4;
    width: 100%;
}

.swiper-gallery {
    height: 100%;
}
.swiper-gallery .swiper-container {
    height: 100%;
}
.swiper-gallery .swiper-slide {
    background: #ede8e4;
    width: 100%;
}

.swiper-slide img {
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.swiper-pagination-bullets {
    bottom: 20px !important;
    left: 0;
    right: 0;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
    background: #FFF;
    width: 14px;
    height: 14px;
    margin: 0 8px;
    display: inline-block;
    position: relative;
    opacity: 0.5;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #b8bca4;
    opacity: 1;
}

.arrow-horizontal {
    background-size: auto 25px;
    width: 40px;
    height: 40px;
    margin: 0;
    color: #FFF;
    top: calc(50% - 30px);
    outline: none;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.arrow-horizontal:after {
    font-size: 57px;
    color: inherit;
}
.arrow-horizontal:hover {
    color: #FFF;
}

.swiper-button-next {
    right: 30px;
}

.swiper-button-prev {
    left: 30px;
}

@media screen and (min-width: 768px) {
    .arrow-horizontal {
        width: auto;
        height: 100%;
        top: 0;
    }
    .swiper-button-next {
        right: 40px;
    }
    .swiper-button-prev {
        left: 40px;
    }
}
/* ------ */
/* MENU - TOGGLE */
#menu-toggle {
    width: 40px;
    height: 40px;
    padding: 10px;
    position: absolute;
    top: 12px;
    right: -10px;
    z-index: 9;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    cursor: pointer;
}
#menu-toggle.open {
    background: #b8bca4;
}
#menu-toggle .nav-icon {
    position: relative;
}
#menu-toggle span {
    border-radius: 15px;
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #19323f;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#menu-toggle span:nth-child(1) {
    top: 0;
}
#menu-toggle.open span:nth-child(1), #menu-toggle.open span:nth-child(4),
#menu-toggle span:nth-child(2),
#menu-toggle span:nth-child(3) {
    top: 8px;
}
#menu-toggle span:nth-child(4) {
    top: 16px;
}
#menu-toggle.open span:nth-child(1), #menu-toggle.open span:nth-child(4) {
    width: 0%;
    left: 50%;
}
#menu-toggle.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
#menu-toggle.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
@media screen and (min-width: 992px) {
    #menu-toggle {
        display: none;
    }
}

/* ------ */
#navbar {
    background: #FFF;
    width: 100%;
    height: 60px;
    padding: 0 25px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.sp #navbar {
    z-index: 11;
}
#navbar .container-fluid {
    height: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
#navbar .logo {
    height: 20px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#navbar .logo img {
    width: auto;
    height: 100%;
    display: block;
}
#navbar .logo-psn {
    width: 80px;
    display: none;
    position: absolute;
    top: 15px;
    right: 80px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#navbar .logo-psn img {
    width: 100%;
}
#navbar .languages {
    margin: 0;
    padding: 0 35px 0 0;
    list-style: none;
    position: absolute;
    top: 15px;
    right: 0;
}
#navbar .languages li {
    display: inline-block;
    margin: 0 0 0 2px;
}
#navbar .languages a {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
    font-weight: bold;
    color: #19323f;
}
#navbar .languages a.active {
    display: none;
}
#navbar .languages a:hover {
    color: #b8bca4;
}
@media screen and (min-width: 400px) {
    #navbar .logo-psn {
        display: block;
    }
}
@media screen and (min-width: 768px) {
    #navbar {
        padding: 0 40px;
    }
}
@media screen and (min-width: 992px) {
    #navbar {
        height: 80px;
    }
    #navbar .container-fluid {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    #navbar .logo-psn {
        display: none;
    }
    #navbar .languages {
        padding: 0;
        float: right;
        position: relative;
        top: 4px;
    }
}
@media screen and (min-width: 1152px) {
    #navbar .container-fluid > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    #navbar .logo-psn {
        display: inline-block;
        width: 99px;
        position: relative;
        top: -4px;
        right: 0;
    }
    #navbar .languages {
        padding-right: 25px;
    }
}
@media screen and (min-width: 1200px) {
    #navbar .logo {
        height: 25px;
    }
    #navbar .logo-psn {
        top: -5px;
    }
    #navbar.fixed .logo {
        height: 20px;
    }
}
@media screen and (min-width: 1300px) {
    #navbar {
        height: 116px;
    }
    #navbar .logo-psn {
        top: -7px;
    }
    #navbar .languages {
        top: -1px;
    }
    #navbar.fixed {
        height: 80px;
    }
}
@media screen and (min-width: 1600px) {
    #navbar {
        height: 178px;
    }
    #navbar .logo {
        height: 40px;
    }
    #navbar .languages {
        padding-right: 62px;
    }
}

/* ------ */
#main-menu {
    background: #b8bca4;
    width: 100vw;
    max-height: calc(100vh - 60px);
    margin: 0 -25px;
    padding: 10px 0;
    list-style: none;
    letter-spacing: 1px;
    font-weight: 600;
    color: #19323f;
    display: none;
    float: left;
    position: absolute;
    top: calc(100% - 8px);
    right: 0;
    z-index: 1;
    overflow: auto;
}
#main-menu li {
    padding: 0;
}
#main-menu a {
    display: block;
    padding: 8px 30px;
    text-decoration: none;
    color: inherit;
    position: relative;
}
#main-menu .active a,
#main-menu a:hover {
    color: #FFF;
}
@media screen and (min-width: 560px) {
    #main-menu {
        width: 50%;
        margin: 0;
        right: -10px;
    }
}
@media screen and (min-width: 768px) {
    #main-menu {
        max-width: 300px;
    }
}
@media screen and (min-width: 992px) {
    #main-menu {
        display: block !important;
        -webkit-box-shadow: none;
                box-shadow: none;
        background: none;
        width: auto;
        height: 100% !important;
        max-width: none;
        max-height: none;
        margin-right: 15px;
        padding: 5px 0 0;
        letter-spacing: 0;
        font-size: 16px;
        font-size: 0.8888888889rem;
        position: static;
        overflow: visible;
        opacity: 1 !important;
    }
    #main-menu li {
        border: 0;
        height: 100%;
        display: inline-block;
        padding: 0 12px;
    }
    #main-menu a {
        border-bottom: 1px solid transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 4px 0 2px;
    }
    #main-menu a:before, #main-menu a:after {
        background: #b8bca4;
        width: 0;
        height: 3px;
        position: absolute;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }
    #main-menu a:before {
        top: -6px;
        right: 0;
    }
    #main-menu a:after {
        content: "";
        bottom: -7px;
        left: 0;
    }
    #main-menu .active a,
    #main-menu a:hover {
        color: inherit;
    }
    #main-menu .active a:before, #main-menu .active a:after,
    #main-menu a:hover:before,
    #main-menu a:hover:after {
        width: 100%;
    }
    #main-menu .menu-btn {
        padding: 4px 15px 2px;
        color: #FFF !important;
        position: relative;
    }
    #main-menu .menu-btn:after {
        display: none;
    }
    #main-menu .menu-btn:before {
        content: "";
        border-radius: 50px;
        background: #b8bca4;
        width: 100% !important;
        height: 41px;
        position: absolute;
        inset: 50%;
        -webkit-transform: translate(-50%, -19px);
                transform: translate(-50%, -19px);
        z-index: -1;
    }
    #main-menu .menu-btn:hover:before {
        background: #19323f;
    }
}
@media screen and (min-width: 1280px) {
    #main-menu {
        padding-top: 0;
    }
    #main-menu li {
        padding: 0 15px;
    }
    #main-menu .menu-btn:before {
        width: 105px !important;
    }
}
@media screen and (min-width: 1366px) {
    #main-menu {
        font-size: 1rem;
    }
}
@media screen and (min-width: 1600px) {
    #main-menu li {
        padding: 0 20px;
    }
    #main-menu .menu-btn:before {
        width: 117px !important;
    }
}
@media screen and (min-width: 1600px) {
    #main-menu {
        margin-right: 33px;
    }
    #main-menu li {
        padding: 0 25px;
    }
}

/* ------ */
/* HEADER */
#header {
    background: #FFF;
    width: 100%;
    padding-top: 75px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
    position: relative;
}
.sp #header {
    height: 60px;
}
#header .holder {
    width: 100%;
    margin-bottom: 30px;
    padding: 0 30px;
    text-align: center;
    position: relative;
    z-index: 2;
}
#header .holder h1 {
    margin: 0;
    text-align: center;
}
#header .holder h1 small {
    display: block;
    margin-top: 5px;
    font-size: 22px;
    font-size: 1.2222222222rem;
    color: #b8bca4;
}
#header .img-wrapper {
    background: #ede8e4;
    position: relative;
    overflow: hidden;
}
#header .header-img,
#header .header-video {
    min-height: 400px;
    max-height: 600px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
    position: relative;
    z-index: 1;
}
#header .header-img {
    width: 115%;
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    -webkit-animation: loopLtR 40s infinite ease-in-out;
            animation: loopLtR 40s infinite ease-in-out;
}
#header .header-video {
    width: 100%;
    -o-object-position: top;
       object-position: top;
}
@media screen and (min-width: 768px) {
    #header .anim h1 {
        opacity: 0;
    }
    #header .animated h1 {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
    }
}
@media screen and (min-width: 992px) {
    #header {
        padding-top: calc(100px + 2vw);
    }
    .sp #header {
        height: 60px;
    }
}
@media screen and (min-width: 1200px) {
    #header {
        padding-top: calc(116px + 2vw);
    }
    .sp #header {
        height: 80px;
    }
    #header .holder {
        margin-bottom: 44px;
    }
    #header .holder h1 small {
        margin-top: 18px;
        font-size: 25px;
        font-size: 1.3888888889rem;
    }
}
@media screen and (min-width: 1300px) {
    .sp #header {
        height: 116px;
    }
    #header .header-img,
    #header .header-video {
        max-height: 700px;
    }
}
@media screen and (min-width: 1600px) {
    #header {
        padding-top: 200px;
    }
    #header .holder h1 small {
        font-size: 47px;
        font-size: 2.6111111111rem;
    }
    #header .header-img,
    #header .header-video {
        max-height: 800px;
    }
}
@media screen and (min-width: 1920px) {
    #header {
        padding-top: 275px;
    }
    #header .header-img,
    #header .header-video {
        max-height: 936px;
    }
}
@media screen and (min-width: 2560px) {
    #header .header-img,
    #header .header-video {
        max-height: 1100px;
    }
}

/* ------ */
.serpa {
    border-radius: 50%;
    background: #b8bca4;
    width: 125px;
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    place-content: center;
    place-items: center;
    padding: 20px;
    line-height: 1.2;
    text-decoration: none !important;
    text-align: center;
    font-weight: 600;
    color: #FFF;
    position: absolute;
    bottom: 30px;
    right: 50%;
    z-index: 9;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.serpa:hover {
    background: #FFF;
    color: #19323f;
}
.serpa:hover .svg {
    fill: #19323f;
}
.serpa.fixed {
    padding-bottom: 50px;
    position: fixed;
    top: 35%;
    bottom: auto;
    right: 0;
    -webkit-transform: translateX(50%) rotate(-90deg);
            transform: translateX(50%) rotate(-90deg);
}
.serpa.fixed:hover {
    right: 10px;
}
.sp .serpa {
    z-index: 4;
}
.serpa .svg {
    height: 15px;
    margin-top: 5px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
@media screen and (min-width: 992px) {
    .serpa {
        width: 175px;
        font-size: 22px;
        font-size: 1.2222222222rem;
        position: fixed;
        top: 50% !important;
        bottom: auto;
        right: 175px;
        -webkit-transform: none;
                transform: none;
    }
    .serpa.fixed {
        width: 150px;
        font-size: 20px;
        font-size: 1.1111111111rem;
    }
    .serpa .svg {
        height: 21px;
        margin-top: 15px;
    }
}
@media screen and (min-width: 1200px) {
    .serpa {
        width: 212px;
        font-size: 26px;
        font-size: 1.4444444444rem;
        top: 60% !important;
    }
}
@media screen and (min-width: 1600px) {
    .serpa {
        font-size: 34px;
        font-size: 1.8888888889rem;
    }
}
@media screen and (min-width: 1920px) {
    .serpa {
        top: 75% !important;
        right: 222px;
    }
}

/* ------ */
.soldout {
    background: #b8bca4;
    max-width: 90%;
    margin: auto;
    padding: 30px 15px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 10;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.soldout .h1 {
    display: block;
    margin-bottom: 20px;
    padding: 0;
    text-transform: uppercase;
    color: inherit;
}
.soldout .btn {
    background: #19323f;
    position: static !important;
}
@media screen and (min-width: 560px) {
    .soldout {
        max-width: 75%;
    }
}
@media screen and (min-width: 768px) {
    .soldout {
        max-width: 625px;
        padding: 39px 20px;
    }
}

/* ------ */
/* CLAIM */
.claim {
    padding: 30px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    font-size: 1.1111111111rem;
    color: #b8bca4;
}
.claim p {
    line-height: 1.45;
}
.claim p:last-of-type {
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
    .claim {
        padding: 50px;
        font-size: 22px;
        font-size: 1.2222222222rem;
    }
    .claim.anim p {
        opacity: 0;
    }
    .claim.animated p {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
    }
}
@media screen and (min-width: 1200px) {
    .claim {
        padding: 86px;
    }
    .claim .container {
        max-width: 1280px;
    }
}
@media screen and (min-width: 1300px) {
    .claim {
        padding-top: 106px;
    }
}
@media screen and (min-width: 1920px) {
    .claim {
        font-size: 26px;
        font-size: 1.4444444444rem;
    }
}

/* ------ */
/* PROJEKT */
#projekt {
    background: #f1f2ec;
}
.sp #projekt {
    margin-bottom: 0;
}
.sp #projekt:before {
    background: #f1f2ec;
}
.sp #projekt .grid {
    grid-template-columns: 40% 60%;
}
.sp #projekt .grid .grid-item:nth-of-type(3), .sp #projekt .grid .grid-item:nth-of-type(4) {
    grid-column: 1;
}
#projekt:before {
    background: #f1f2ec;
    width: 100%;
    height: calc(100% - 95px);
    position: absolute;
    top: 95px;
    z-index: -1;
}
#projekt h2 {
    max-width: 450px;
    margin-bottom: 0;
}
#projekt .grid {
    grid-template-columns: 60% 40%;
}
#projekt .grid .grid-item {
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#projekt .grid .grid-item:nth-of-type(1) {
    padding: 30px;
}
#projekt .grid .grid-item:nth-of-type(3) {
    grid-column: 2;
    grid-row: 2;
}
#projekt .grid .grid-item:nth-of-type(4) {
    grid-column: 2;
    grid-row: 1;
    text-align: center;
}
#projekt .text-block {
    padding: 30px;
}
#projekt .text-block .btn {
    margin: 25px 0 56px;
}
#projekt .img-wrapper {
    background: #ede8e4;
    height: 100%;
    position: relative;
    overflow: hidden;
}
#projekt .img-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-animation: loopScale 40s infinite ease-in-out;
            animation: loopScale 40s infinite ease-in-out;
}
#projekt .img-pill {
    background: #ede8e4;
    width: 220px;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
    display: none;
}
@media screen and (min-width: 768px) {
    #projekt {
        margin-bottom: 50px;
    }
    #projekt .grid .grid-item.anim {
        opacity: 0;
    }
    #projekt .grid .grid-item.animated:nth-of-type(1), #projekt .grid .grid-item.animated:nth-of-type(3), #projekt .grid .grid-item.animated:nth-of-type(4) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
    }
    #projekt .grid .grid-item.animated:nth-of-type(2) {
        opacity: 1;
    }
}
@media screen and (min-width: 992px) {
    #projekt .grid .grid-item:nth-of-type(1),
    #projekt .text-block {
        padding: 40px;
    }
}
@media screen and (min-width: 1180px) {
    #projekt {
        background: none;
        margin-bottom: 100px;
    }
    .sp #projekt .grid .grid-item:nth-of-type(1) {
        padding-left: 0;
    }
    .sp #projekt .grid .grid-item.animated:nth-of-type(2) {
        -webkit-animation: fadeInLeft 1s 0.25s forwards;
                animation: fadeInLeft 1s 0.25s forwards;
    }
    .sp #projekt .grid .grid-item.animated:nth-of-type(3), .sp #projekt .grid .grid-item.animated:nth-of-type(4) {
        -webkit-animation: fadeInRight 1s 0.25s forwards;
                animation: fadeInRight 1s 0.25s forwards;
    }
    #projekt:before {
        content: "";
    }
    #projekt .grid {
        display: grid;
    }
    #projekt .grid:before {
        content: "";
        background: #FFF;
        width: 100%;
        height: 116px;
        position: absolute;
        bottom: 0;
    }
    #projekt .grid .grid-item:nth-of-type(1) {
        padding-top: 50px;
    }
    #projekt .grid .grid-item:nth-of-type(3) {
        border-bottom: 116px solid transparent;
    }
    #projekt .grid .grid-item.anim {
        opacity: 0;
    }
    #projekt .grid .grid-item.anim:nth-of-type(2) {
        opacity: 0;
    }
    #projekt .grid .grid-item.animated:nth-of-type(2) {
        -webkit-animation: fadeInRight 1s 0.25s forwards;
                animation: fadeInRight 1s 0.25s forwards;
    }
    #projekt .grid .grid-item.animated:nth-of-type(3), #projekt .grid .grid-item.animated:nth-of-type(4) {
        -webkit-animation: fadeInLeft 1s 0.25s forwards;
                animation: fadeInLeft 1s 0.25s forwards;
    }
    #projekt .img-pill {
        display: inline-block;
    }
}
@media screen and (min-width: 1300px) {
    .sp #projekt {
        margin-bottom: 50px;
    }
    #projekt:before {
        height: calc(100% - 116px);
        top: 116px;
    }
    #projekt .grid {
        gap: 40px 0;
    }
    #projekt .grid .grid-item:nth-of-type(1) {
        padding-left: 90px;
        padding-bottom: 0;
    }
    #projekt .text-block {
        padding: 38px 90px;
    }
    #projekt .img-pill {
        width: 250px;
    }
}
@media screen and (min-width: 1600px) {
    .sp #projekt {
        margin-bottom: 75px;
    }
    .sp #projekt .text-block {
        padding: 38px 147px;
    }
    #projekt h2 {
        max-width: 800px;
    }
    #projekt .grid {
        gap: 81px 0;
    }
    #projekt .grid .grid-item:nth-of-type(1) {
        padding-left: 148px;
    }
    #projekt .text-block {
        padding: 38px 120px;
    }
    #projekt .img-pill {
        width: 300px;
    }
}
@media screen and (min-width: 1920px) {
    .sp #projekt {
        margin-bottom: 126px;
    }
    #projekt .img-pill {
        width: 326px;
    }
}

/* ------ */
/* FEATURES */
#features {
    padding-top: 16px;
}
#features h2 {
    max-width: 950px;
    margin-bottom: 60px;
}
#features .container-fluid {
    padding: 30px 50px 30px 30px;
}
#features .row.open .col.active {
    color: inherit;
}
#features .col {
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#features .thumb {
    border-radius: 50%;
    background: #f1f2ec;
    width: 122px;
    height: 122px;
    margin-bottom: 18px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    place-items: center;
    place-content: center;
    position: relative;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#features .thumb img {
    max-width: 100%;
    display: block;
}
#features .info {
    position: absolute;
    top: 0;
    left: 100%;
}
#features p {
    max-width: 340px;
    margin: 0;
    line-height: 1.25;
    font-size: 20px;
    font-size: 1.1111111111rem;
}
#features p strong {
    line-height: 1;
    font-weight: 600;
}
#features .grid {
    display: grid;
    gap: 50px 30px;
}
#features .grid .item:not(.details) {
    position: relative;
    cursor: pointer;
}
#features .grid .item:not(.details).active {
    color: inherit;
}
#features .grid .item:not(.details).active .thumb {
    background: #b8bca4;
}
#features .grid .item:not(.details).active .thumb img:not(.info) {
    -webkit-filter: brightness(100);
            filter: brightness(100);
}
#features .grid .item:not(.details).active + .details {
    display: block;
}
#features .details {
    background: #b8bca4;
    margin: 0 -50px 0 -30px;
    padding: 30px 50px 30px 30px;
    font-size: 18px;
    font-size: 1rem;
    color: #FFF;
    position: relative;
    cursor: default !important;
    display: none;
}
#features .details:before {
    content: "";
    background: inherit;
    width: 140vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: -20vw;
    z-index: -1;
}
#features .details ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
#features .details ul li {
    background: url('data:image/svg+xml,<svg fill="%23fff" xmlns="http://www.w3.org/2000/svg" width="15.6" height="24.5" viewBox="0 0 15.6 24.5"><polygon class="st0" points="2.8,0 0,2.9 9.8,12.2 0,21.6 2.8,24.5 15.6,12.2 "/></svg>') 0 5px/9px 15px no-repeat;
    max-width: 450px;
    margin-bottom: 28px;
    padding-left: 25px;
    line-height: 1.5;
}
@media screen and (min-width: 576px) {
    #features .grid {
        grid-template-columns: repeat(2, 1fr);
    }
    #features .details {
        grid-column: span 2;
    }
    #features .details:nth-child(2), #features .details:nth-child(4) {
        grid-row: 2;
    }
    #features .details:nth-child(6), #features .details:nth-child(8) {
        grid-row: 3;
    }
    #features .details:nth-child(10), #features .details:nth-child(12) {
        grid-row: 4;
    }
    #features .details:nth-child(14), #features .details:nth-child(16) {
        margin-bottom: -30px;
        grid-row: 5;
    }
}
@media screen and (min-width: 768px) {
    #features .container-fluid {
        padding: 40px;
    }
    #features p strong {
        font-size: 18px;
        font-size: 1rem;
    }
    #features .details:nth-child(14), #features .details:nth-child(16) {
        margin-bottom: -40px;
    }
    #features .details ul {
        -webkit-columns: 2;
           -moz-columns: 2;
                columns: 2;
    }
}
@media screen and (min-width: 992px) {
    #features .grid {
        grid-template-columns: repeat(3, 1fr);
    }
    #features .details {
        grid-column: span 3;
    }
    #features .details:nth-child(2), #features .details:nth-child(4), #features .details:nth-child(6) {
        grid-row: 2;
    }
    #features .details:nth-child(8), #features .details:nth-child(10), #features .details:nth-child(12) {
        grid-row: 3;
    }
    #features .details:nth-child(14), #features .details:nth-child(16) {
        grid-row: 4;
    }
    #features .details ul {
        -webkit-columns: 3;
           -moz-columns: 3;
                columns: 3;
    }
}
@media screen and (min-width: 1200px) {
    #features h2.anim,
    #features .anim .item:not(.details) {
        opacity: 0;
    }
    #features h2.animated {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
    }
    #features .animated .item:nth-child(1), #features .animated .item:nth-child(3), #features .animated .item:nth-child(5), #features .animated .item:nth-child(7), #features .animated .item:nth-child(9), #features .animated .item:nth-child(11), #features .animated .item:nth-child(13), #features .animated .item:nth-child(15) {
        -webkit-animation: fadeInDown 1s forwards;
                animation: fadeInDown 1s forwards;
    }
    #features .animated .item:nth-child(1) {
        -webkit-animation-delay: 0.25s;
                animation-delay: 0.25s;
    }
    #features .animated .item:nth-child(3) {
        -webkit-animation-delay: 0.5s;
                animation-delay: 0.5s;
    }
    #features .animated .item:nth-child(5) {
        -webkit-animation-delay: 0.75s;
                animation-delay: 0.75s;
    }
    #features .animated .item:nth-child(7) {
        -webkit-animation-delay: 1s;
                animation-delay: 1s;
    }
    #features .animated .item:nth-child(9) {
        -webkit-animation-delay: 1.25s;
                animation-delay: 1.25s;
    }
    #features .animated .item:nth-child(11) {
        -webkit-animation-delay: 1.5s;
                animation-delay: 1.5s;
    }
    #features .animated .item:nth-child(13) {
        -webkit-animation-delay: 1.75s;
                animation-delay: 1.75s;
    }
    #features .animated .item:nth-child(15) {
        -webkit-animation-delay: 2s;
                animation-delay: 2s;
    }
    #features .grid {
        gap: 45px 15px;
    }
    #features .details {
        grid-column: span 3;
    }
    #features .details:nth-child(2), #features .details:nth-child(4), #features .details:nth-child(6) {
        grid-row: 2;
    }
    #features .details:nth-child(8), #features .details:nth-child(10), #features .details:nth-child(12) {
        grid-row: 3;
    }
    #features .details:nth-child(14), #features .details:nth-child(16) {
        grid-row: 4;
        margin-bottom: -40px;
    }
}
@media screen and (min-width: 1300px) {
    #features .container-fluid {
        padding: 100px 75px;
    }
    #features .details {
        margin: 0 -75px;
        padding: 65px 75px 49px;
    }
    #features .details:nth-child(14), #features .details:nth-child(16) {
        margin-bottom: -100px;
    }
}
@media screen and (min-width: 1600px) {
    #features h2 {
        margin-bottom: 90px;
    }
    #features .container-fluid {
        padding: 100px 148px;
    }
    #features .grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 90px 30px;
    }
    #features .details {
        grid-column: span 4;
        margin: 0 -148px;
        padding: 65px 148px 49px;
    }
    #features .details:nth-child(2), #features .details:nth-child(4), #features .details:nth-child(6), #features .details:nth-child(8) {
        grid-row: 2;
        margin-bottom: 0;
    }
    #features .details:nth-child(10), #features .details:nth-child(12), #features .details:nth-child(14), #features .details:nth-child(16) {
        grid-row: 3;
        margin-bottom: -100px;
    }
}

/* ------ */
/* LOKALITA */
#lokalita h2 {
    margin-bottom: 30px;
}
#lokalita h3 {
    margin-bottom: 20px;
    font-size: 24px;
    color: #b8bca4;
}
#lokalita .section {
    position: relative;
}
#lokalita .section .row {
    height: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    z-index: 1;
}
#lokalita .section .holder {
    height: 100%;
    margin-bottom: 30px;
    position: relative;
}
#lokalita .section .item {
    max-width: 100%;
    margin: 0 auto 30px;
    position: relative;
    cursor: pointer;
}
#lokalita .section .item .info {
    display: none;
}
#lokalita .section .thumb {
    background: #ede8e4;
    aspect-ratio: 1/1;
    overflow: hidden;
}
#lokalita .section .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
#lokalita .section-1 {
    background: #f1f2ec;
    padding: 30px;
}
#lokalita .section-1:before {
    background: #FFF;
    height: 50px;
    position: absolute;
    inset: 0;
}
#lokalita .section-1 .col-left .item-1 {
    width: calc(400px + 10vw);
}
#lokalita .section-1 .col-left .item-2 {
    width: calc(250px + 5vw);
}
#lokalita .section-1 .col-right .item {
    display: none;
    margin-bottom: 35px;
    cursor: default;
}
#lokalita .section-2 {
    background: #112a37;
    padding: 30px;
    color: #FFF;
    position: relative;
}
#lokalita .section-2 .col-right .item-1 {
    width: calc(300px + 10vw);
}
#lokalita .section-2 .col-right .item-2 {
    width: calc(400px + 10vw);
}
#lokalita .section-2 .col-right .item-3 {
    width: calc(200px + 10vw);
}
#lokalita .section-3 {
    background: #f1f2ec;
    padding: 30px;
}
#lokalita .section-3 .col-left .item-1 {
    width: calc(440px + 10vw);
}
#lokalita .section-3 .col-left .item-2 {
    width: calc(179px + 10vw);
}
#lokalita .section-3 .col-left .item-3 {
    width: calc(285px + 10vw);
}
#lokalita .section-3 .col-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#lokalita .section-3 .text-block .btn {
    margin: 25px 0;
}
#lokalita .img-wrapper {
    position: absolute;
    inset: 0;
    overflow: hidden;
    opacity: 0.2;
}
#lokalita .img-wrapper > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-animation: loopScale 40s infinite ease-in-out;
            animation: loopScale 40s infinite ease-in-out;
}
@media screen and (min-width: 576px) {
    #lokalita .section .item {
        margin: 0;
    }
    #lokalita .section-1 .col-left .holder {
        height: auto;
    }
    #lokalita .section-1 .col-left .item-1 {
        width: 65.85%;
    }
    #lokalita .section-1 .col-left .item-2 {
        width: 39.63%;
        position: absolute;
        top: 22px;
        right: 0;
        z-index: 1;
    }
    #lokalita .section-2 .col-right .item-2 {
        margin: 30px 0 30px auto;
    }
    #lokalita .section-3 .col-left .item-3 {
        margin: 30px 30px 0 auto;
    }
}
@media screen and (min-width: 768px) {
    #lokalita .section-1 .col-left p {
        padding-right: 30px;
    }
    #lokalita .section-1 .col-left .holder {
        margin-top: 44px;
        padding-left: 16px;
    }
    #lokalita .section-2 {
        padding-bottom: 0;
    }
    #lokalita .section-2 .row {
        z-index: 9;
    }
    #lokalita .section-2 .col-left p {
        padding-right: 30px;
    }
    #lokalita .section-2 .col-right .item-2 {
        margin: -50px 0 100px auto;
    }
    #lokalita .section-2 .col-right .item-3 {
        display: block;
        position: absolute;
        bottom: -60px;
    }
    #lokalita .section-3 {
        padding-top: 100px;
    }
    #lokalita .section-3 .col-left .item-2 {
        display: block;
        position: absolute;
        bottom: 60px;
    }
    #lokalita .section-3 .col-left .item-3 {
        margin-top: -10px;
    }
    #lokalita .anim {
        opacity: 0;
    }
    #lokalita .animated {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
    }
}
@media screen and (min-width: 992px) {
    #lokalita h3 {
        font-size: 30px;
    }
    #lokalita .section-1 {
        padding: 0 40px 40px;
    }
    #lokalita .section-1:before {
        content: "";
    }
    #lokalita .section-1 h2 {
        margin-top: 4px;
    }
    #lokalita .section-1 .col-left {
        max-width: 55%;
    }
    #lokalita .section-1 .col-right {
        max-width: 40%;
        padding-left: 30px;
    }
    #lokalita .section-1 .col-right .item {
        display: block;
    }
    #lokalita .section-1 .col-right .text-block {
        padding: 0 22px;
    }
    #lokalita .section-2 {
        padding: 40px 40px 0;
    }
    #lokalita .section-2 .col-left {
        max-width: 40%;
        padding-top: 100px;
    }
    #lokalita .section-2 .col-right {
        max-width: 55%;
    }
    #lokalita .section-2 .col-right .item-1 {
        width: calc(150px + 10vw);
    }
    #lokalita .section-2 .col-right .item-2 {
        width: calc(200px + 13vw);
        margin: 0;
        position: absolute;
        top: 200px;
        right: 0;
    }
    #lokalita .section-2 .col-right .item-3 {
        width: calc(100px + 10vw);
    }
    #lokalita .section-2 .holder {
        margin-top: 44px;
        height: 545px;
    }
    #lokalita .section-3 {
        padding-top: 60px;
    }
    #lokalita .section-3 .col-left {
        max-width: 60%;
    }
    #lokalita .section-3 .col-left .holder {
        height: auto;
        margin: 0;
        padding-left: 16px;
    }
    #lokalita .section-3 .col-left .item-1 {
        width: calc(300px + 13vw);
        top: 60px;
        left: 50px;
    }
    #lokalita .section-3 .col-left .item-2 {
        width: calc(120px + 10vw);
    }
    #lokalita .section-3 .col-left .item-3 {
        width: calc(200px + 10vw);
    }
    #lokalita .section-3 .col-right {
        max-width: 40%;
    }
}
@media screen and (min-width: 1180px) {
    #lokalita h3 {
        font-size: 34px;
    }
    #lokalita .section-1 .col-right {
        padding-left: 60px;
    }
    #lokalita .section-3 .col-left .item-1 {
        top: 87px;
        left: 89px;
    }
    #lokalita .section-3 .col-left .item-3 {
        margin-right: 0;
    }
    #lokalita .section-3 .col-right .text-block {
        padding: 0 22px;
    }
}
@media screen and (min-width: 1300px) {
    #lokalita .section-1,
    #lokalita .section-2 .row {
        padding: 0 90px;
    }
    #lokalita .section-1 .col-left .holder {
        margin-top: 88px;
    }
    #lokalita .section-1 .col-right .item {
        margin-bottom: 75px;
    }
    #lokalita .section-2 {
        padding: 0;
    }
    #lokalita .section-2 .row {
        position: absolute;
    }
    #lokalita .section-2 .col-left {
        padding-top: 200px;
    }
    #lokalita .section-2 .holder {
        height: 100%;
        margin: 0;
    }
    #lokalita .section-3 {
        padding: 100px 90px 71px;
    }
    #lokalita .section-3 .col-left .item-2 {
        left: 9px;
        z-index: 1;
    }
    #lokalita .section-3 .col-right {
        padding-left: 60px;
    }
    #lokalita .img-wrapper {
        max-height: 889px;
        position: static;
    }
}
@media screen and (min-width: 1600px) {
    #lokalita h3 {
        margin-bottom: 49px;
        font-size: 40px;
    }
    #lokalita .section-1 {
        padding: 0 145px 71px;
    }
    #lokalita .section-2 .row {
        padding: 0 145px;
    }
    #lokalita .section-1:before {
        height: 60px;
    }
    #lokalita .section-1 h2 {
        margin-bottom: 50px;
    }
    #lokalita .section-1 .col-left {
        max-width: 57%;
    }
    #lokalita .section-2 .col-left {
        max-width: 35%;
        padding-top: 267px;
    }
    #lokalita .section-2 .col-left .item {
        margin-bottom: 75px;
    }
    #lokalita .section-2 .col-right {
        max-width: 65%;
    }
    #lokalita .section-2 .col-right .item {
        position: absolute;
    }
    #lokalita .section-2 .col-right .item-1 {
        width: 367px;
        top: 79px;
        left: 133px;
    }
    #lokalita .section-2 .col-right .item-2 {
        width: 400px;
        top: 264px;
        right: 0;
    }
    #lokalita .section-2 .col-right .item-3 {
        width: 279px;
    }
    #lokalita .section-3 {
        padding: 100px 145px 71px;
    }
}
@media screen and (min-width: 1920px) {
    #lokalita h3 {
        font-size: 47px;
    }
    #lokalita .section-1:before {
        height: 69px;
    }
    #lokalita .section-1 h2 {
        margin-bottom: 76px;
    }
    #lokalita .section-1 .col-left {
        max-width: 820px;
    }
    #lokalita .section-1 .col-left .item-1 {
        width: 540px;
    }
    #lokalita .section-1 .col-left .item-2 {
        width: 325px;
        position: absolute;
        top: 22px;
        right: 0;
        z-index: 1;
    }
    #lokalita .section-2 .col-left {
        max-width: 35%;
    }
    #lokalita .section-2 .col-right .item-2 {
        width: 467px;
    }
    #lokalita .section-3 {
        min-height: 893px;
    }
    #lokalita .section-3 .col-left {
        max-width: 62%;
    }
    #lokalita .section-3 .col-left .holder {
        height: 100%;
    }
    #lokalita .section-3 .col-left .item-1 {
        width: 540px;
    }
    #lokalita .section-3 .col-left .item-2 {
        width: 279px;
    }
    #lokalita .section-3 .col-left .item-3 {
        width: 367px;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    #lokalita .section-3 .col-right {
        max-width: 37%;
    }
}
@media screen and (min-width: 2560px) {
    #lokalita .section-1 .col-left {
        max-width: 1100px;
    }
    #lokalita .section-1 .col-right .item {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }
    #lokalita .section-2 .col-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0;
    }
    #lokalita .section-2 .col-right .item-1 {
        width: 450px;
    }
    #lokalita .section-2 .col-right .item-2 {
        width: 650px;
    }
    #lokalita .section-2 .col-right .item-3 {
        width: 350px;
    }
    #lokalita .section-3 {
        padding-bottom: 100px;
        min-height: 1100px;
    }
    #lokalita .section-3 .col-left .item-1 {
        width: 650px;
        left: 130px;
    }
    #lokalita .section-3 .col-left .item-2 {
        width: 350px;
        bottom: -230px;
        left: 0;
    }
    #lokalita .section-3 .col-left .item-3 {
        width: 450px;
        right: 50px;
    }
    #lokalita .img-wrapper {
        max-height: 1100px;
    }
}

/* ------ */
.poi {
    padding: 40px 30px;
    position: relative;
}
.poi .item {
    margin-bottom: 35px;
}
.poi .time {
    min-width: 100px;
    margin: 0;
    font-weight: 600;
    font-size: 65px;
    font-size: 3.6111111111rem;
}
.poi .time .number {
    display: inline-block;
    min-width: 65px;
    text-align: right;
}
.poi .time .min {
    font-size: 26px;
    font-size: 1.4444444444rem;
    position: relative;
    top: -26px;
}
.poi p {
    margin: -8px 0 0;
    padding-left: 80px;
    position: relative;
}
@media screen and (min-width: 768px) {
    .poi .anim {
        opacity: 0;
    }
    .poi .animated:nth-child(1) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.15s;
                animation-delay: 0.15s;
    }
    .poi .animated:nth-child(2) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.3s;
                animation-delay: 0.3s;
    }
    .poi .animated:nth-child(3) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.45s;
                animation-delay: 0.45s;
    }
    .poi .animated:nth-child(4) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.6s;
                animation-delay: 0.6s;
    }
    .poi .animated:nth-child(5) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.75s;
                animation-delay: 0.75s;
    }
    .poi .animated:nth-child(6) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.9s;
                animation-delay: 0.9s;
    }
    .poi .animated:nth-child(7) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 1.05s;
                animation-delay: 1.05s;
    }
    .poi .animated:nth-child(8) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 1.2s;
                animation-delay: 1.2s;
    }
    .poi .animated:nth-child(9) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 1.35s;
                animation-delay: 1.35s;
    }
    .poi .animated:nth-child(10) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 1.5s;
                animation-delay: 1.5s;
    }
    .poi .animated:nth-child(11) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 1.65s;
                animation-delay: 1.65s;
    }
    .poi .animated:nth-child(12) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 1.8s;
                animation-delay: 1.8s;
    }
    .poi .animated:nth-child(13) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 1.95s;
                animation-delay: 1.95s;
    }
    .poi .animated:nth-child(14) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 2.1s;
                animation-delay: 2.1s;
    }
    .poi .animated:nth-child(15) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 2.25s;
                animation-delay: 2.25s;
    }
    .poi .animated:nth-child(16) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 2.4s;
                animation-delay: 2.4s;
    }
    .poi .animated:nth-child(17) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 2.55s;
                animation-delay: 2.55s;
    }
    .poi .animated:nth-child(18) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 2.7s;
                animation-delay: 2.7s;
    }
    .poi .animated:nth-child(19) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 2.85s;
                animation-delay: 2.85s;
    }
}
@media screen and (min-width: 1180px) {
    .poi {
        padding: 100px 30px 50px;
    }
}
@media screen and (min-width: 1300px) {
    .poi {
        padding: 115px 65px 15px;
    }
}
@media screen and (min-width: 1600px) {
    .poi {
        padding: 156px 0 88px 90px;
    }
}
@media screen and (min-width: 1920px) {
    .poi {
        padding: 156px 0 128px 140px;
    }
}

/* ------ */
.map-wrapper {
    background: #ede8e4;
    position: relative;
}
.map-wrapper address {
    background: #FFF;
    padding: 10px 24px;
    font-weight: bold;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 9;
    pointer-events: none;
}
@media screen and (min-width: 768px) {
    .map-wrapper address {
        font-size: 20px;
    }
}
@media screen and (min-width: 768px) {
    .map-wrapper address {
        top: 30px;
        left: 30px;
    }
}
@media screen and (min-width: 992px) {
    .map-wrapper address {
        top: 40px;
        left: 40px;
    }
}
@media screen and (min-width: 1300px) {
    .map-wrapper address {
        left: 90px;
    }
}
@media screen and (min-width: 1600px) {
    .map-wrapper address {
        left: 115px;
    }
}
@media screen and (min-width: 1920px) {
    .map-wrapper address {
        left: 146px;
    }
}

#map {
    background: #b8bca4;
    height: 400px;
    max-height: calc(100vh - 60px);
    position: relative;
    z-index: 1;
}
#map .marker {
    border-radius: 50px;
    background: rgba(184, 188, 164, 0.7);
    display: inline-block;
    padding: 5px 12px;
    font-weight: 600;
    font-size: 15px;
    color: #19323f;
}
#map .pin {
    background: url("../img/icons/pin.svg") 0 0 no-repeat;
    width: 65px;
    height: 92px;
    aspect-ratio: 1/1;
    z-index: 999;
}
@media screen and (min-width: 992px) {
    #map {
        height: 662px;
        max-height: calc(100vh - 116px);
    }
}
@media screen and (min-width: 1300px) {
    #map {
        height: 800px;
    }
}
@media screen and (min-width: 1920px) {
    #map {
        height: 1205px;
    }
}

/* ------ */
#cenik {
    padding-top: 43px;
}

/* VYBER */
#vyber {
    background: #f1f2ec;
    padding-top: 30px;
    overflow: visible;
}
#vyber h2 {
    max-width: 300px;
    margin-bottom: 0;
}
#vyber .grid .grid-item {
    padding: 0 30px 30px;
}
#vyber .house {
    width: 100%;
    max-width: 300px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#vyber .house .house-floors {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#vyber .house .building-floor {
    text-decoration: none;
    opacity: 0;
}
#vyber .house .building-floor rect,
#vyber .house .building-floor polygon {
    fill: #b8bca4;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#vyber .house .building-floor text {
    fill: #19323f;
    font-weight: 600;
}
#vyber .house .building-floor text.no {
    font-size: 70px;
}
#vyber .house .building-floor text.floor {
    font-size: 36px;
}
#vyber .house .building-floor.active {
    opacity: 0.95;
}
#vyber .floors {
    width: 100%;
    max-width: 720px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#vyber .floors .holder {
    height: 300px;
    max-height: calc(100vh - 116px);
    margin: 0;
    overflow: hidden;
}
#vyber .floors .holder img {
    max-width: 100%;
}
#vyber .floor-map {
    width: auto;
    height: 100%;
    position: relative;
    z-index: 1;
    display: none;
}
#vyber .floor-map svg {
    width: 100%;
    display: block;
    position: absolute;
}
#vyber .floor-map.active {
    display: block;
}
#vyber .floor-map .overlays a {
    fill: transparent;
    opacity: 1;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#vyber .floor-map .overlays a.active {
    fill: #19323f;
    opacity: 0.66;
}
#vyber .floor-map .overlays a.sold {
    fill: #19323f;
    cursor: default;
    pointer-events: none;
}
#vyber svg {
    width: 100%;
    height: 100%;
}
#vyber .quick-detail {
    font-weight: 400;
}
#vyber .quick-detail p {
    margin: 0;
}
#vyber .quick-detail .flat {
    display: inline-block;
    padding-bottom: 9px;
    font-weight: 600;
    font-size: 26px;
    font-size: 1.4444444444rem;
    color: #19323f;
}
#vyber .quick-detail .cellar {
    display: none;
    min-height: 77px;
}
#vyber .hidden-values {
    display: none;
}
@media (hover: hover) {
    #vyber .house .building-floor:hover {
        opacity: 0.95;
    }
}
@media screen and (min-width: 400px) {
    #vyber h2 {
        max-width: 400px;
    }
    #vyber .floors .holder {
        height: 400px;
    }
}
@media screen and (min-width: 667px) {
    #vyber {
        background: none;
        padding-top: 0;
    }
    #vyber .grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 30px;
    }
    #vyber .grid .grid-item:nth-of-type(1) {
        padding-right: 0;
        padding-top: 30px;
    }
    #vyber .grid .grid-item:nth-of-type(2) {
        grid-column: 1;
        grid-row: 2;
    }
    #vyber .grid .grid-item:nth-of-type(3) {
        grid-column: 2;
        grid-row: span 3;
        padding-top: 40px;
        position: relative;
    }
    #vyber .grid .grid-item:nth-of-type(3):before {
        content: "";
        background: #f1f2ec;
        width: 68.28vw;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }
    #vyber .floors,
    #vyber .floors .holder {
        height: 100%;
    }
}
@media screen and (min-width: 768px) {
    #vyber .grid .grid-item.anim {
        opacity: 0;
    }
    #vyber .grid .grid-item.animated:nth-of-type(1) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        z-index: 1;
    }
    #vyber .grid .grid-item.animated:nth-of-type(2), #vyber .grid .grid-item.animated:nth-of-type(4) {
        -webkit-animation: fadeInRight 1s 0.25s forwards;
                animation: fadeInRight 1s 0.25s forwards;
        z-index: 1;
    }
    #vyber .grid .grid-item.animated:nth-of-type(3) {
        -webkit-animation: fadeInLeft 1s 0.25s forwards;
                animation: fadeInLeft 1s 0.25s forwards;
    }
}
@media screen and (min-width: 992px) {
    #vyber h2 {
        max-width: 400px;
    }
    #vyber .grid .grid-item {
        padding-left: 40px;
    }
    #vyber .grid .grid-item:nth-of-type(1) {
        padding-top: 50px;
    }
    #vyber .grid .grid-item:nth-of-type(3) {
        grid-column: 2;
        grid-row: span 3;
        padding: 40px 100px 40px 0;
        position: relative;
    }
    #vyber .grid .grid-item:nth-of-type(3):before {
        content: "";
        background: #f1f2ec;
        width: 68.28vw;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }
}
@media screen and (min-width: 1180px) {
    #vyber h2 {
        max-width: 800px;
    }
    #vyber .grid {
        grid-template-columns: 55% 45%;
    }
    #vyber .grid .grid-item {
        padding-left: 40px;
    }
    #vyber .grid .grid-item:nth-of-type(3) {
        padding-top: 85px;
        padding-bottom: 85px;
    }
    #vyber .grid .grid-item:nth-of-type(3):before {
        width: 63vw;
    }
    #vyber .house {
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 1300px) {
    #vyber .grid .grid-item {
        padding-left: 100px;
    }
    #vyber .grid .grid-item:nth-of-type(3) {
        padding-right: 140px;
    }
}
@media screen and (min-width: 1600px) {
    #vyber {
        margin-bottom: 57px;
    }
    #vyber .grid {
        grid-template-columns: repeat(2, 1fr);
        position: relative;
    }
    #vyber .grid .grid-item {
        padding-left: 120px;
    }
    #vyber .grid .grid-item:nth-of-type(1) {
        padding-top: 83px;
        margin-bottom: 30px;
    }
    #vyber .grid .grid-item:nth-of-type(2) {
        grid-row: 2/4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }
    #vyber .grid .grid-item:nth-of-type(3) {
        height: 800px;
    }
    #vyber .grid .grid-item:nth-of-type(4) {
        padding-bottom: 84px;
        padding-right: 0;
        position: absolute;
        bottom: 0;
        right: 20px;
    }
    #vyber .house {
        margin-bottom: 54px;
    }
    #vyber .floors svg {
        width: auto;
    }
}
@media screen and (min-width: 1920px) {
    #vyber .grid .grid-item {
        padding-left: 145px;
    }
    #vyber .grid .grid-item:nth-of-type(3) {
        height: 935px;
    }
    #vyber .grid .grid-item:nth-of-type(3):before {
        width: 68.28vw;
    }
    #vyber .grid .grid-item:nth-of-type(4) {
        right: 50px;
    }
}
@media screen and (min-width: 2560px) {
    #vyber .grid .grid-item:nth-of-type(3) {
        height: 1000px;
    }
    #vyber .grid .grid-item:nth-of-type(4) {
        right: 300px;
    }
}
@media screen and (min-width: 3000px) {
    #vyber .grid .grid-item:nth-of-type(3):before {
        width: 44vw;
    }
}

/* ------ */
/* CENIK - TABULKA / DETAIL */
#showAll {
    display: none;
}
#showAll + .test table tbody tr:nth-child(n+7) {
    display: none;
}
#showAll:checked + .test table tbody tr {
    display: block;
}
#showAll:checked ~ ::after,
#showAll:checked ~ .btn {
    display: none;
}
@media screen and (min-width: 1024px) {
    #showAll:checked + .test table tbody tr {
        display: table-row;
    }
}

#byty {
    background: #FFF;
    padding: 30px;
    text-align: center;
    position: relative;
}
#byty table {
    background: #FFF;
    margin-bottom: 40px;
    text-align: initial;
    color: #19323f;
}
#byty thead tr:first-child th {
    border-bottom: 1px solid #f1f2ec;
    background: #FFF;
    font-weight: 600;
    position: sticky;
    top: 60px;
    z-index: 1;
}
#byty td, #byty th {
    font-size: 13px;
}
#byty td:first-of-type, #byty th:first-of-type {
    padding-left: 0;
}
#byty td:last-of-type, #byty th:last-of-type {
    padding-right: 0;
    text-align: right;
}
#byty th {
    border: 0;
    padding: 9px 14px 10px;
    vertical-align: top;
    word-break: normal;
}
#byty th em {
    font-style: normal;
}
#byty td {
    border-bottom: 1px solid #f1f2ec;
    background: none;
    padding: 8px 14px 9px;
}
#byty td:before {
    content: "";
    width: calc(100% + 20px);
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: -10px;
    z-index: -1;
}
#byty td a {
    color: inherit;
}
#byty td img {
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#byty .phase td {
    background: rgba(184, 188, 164, 0.025);
    pointer-events: none;
}
#byty .sold td {
    pointer-events: none;
    color: rgba(25, 50, 63, 0.3);
}
#byty .sold td img {
    opacity: 0;
}
#byty .form-control {
    border: 1px solid #f1f2ec;
    font-size: 14px;
}

@media screen and (min-width: 768px) {
    #byty {
        padding: 40px;
    }
    .t-byty tbody tr:hover td, .t-byty tbody tr.hover td {
        cursor: pointer;
        position: relative;
        z-index: 1;
    }
    .t-byty tbody tr:hover td:before, .t-byty tbody tr.hover td:before {
        background: #b8bca4;
    }
    .t-byty tbody tr:hover td a, .t-byty tbody tr.hover td a {
        color: inherit;
        -webkit-transition: none;
        transition: none;
    }
}
@media screen and (min-width: 1024px) {
    .t-byty .t-byty__size-unit {
        display: none;
    }
}
@media screen and (min-width: 1200px) {
    .hp #byty .test {
        position: relative;
    }
    #byty {
        padding-bottom: 75px;
    }
    #byty thead tr:first-child th {
        top: 116px;
    }
}
@media screen and (min-width: 1300px) {
    #byty {
        padding: 40px 90px 100px;
    }
    #byty .test {
        max-width: 1300px;
        margin: auto;
    }
    #byty .test table {
        table-layout: fixed;
    }
    #byty th, #byty td {
        font-size: 14px;
    }
    #byty th:first-of-type, #byty td:first-of-type {
        width: 250px;
    }
}
@media screen and (min-width: 1600px) {
    #byty {
        padding: 40px 120px 150px;
    }
    #byty th, #byty td {
        padding: 14px 10px;
        font-size: 16px;
    }
}
@media screen and (min-width: 1920px) {
    #byty {
        padding: 40px 145px 198px;
    }
    #byty th, #byty td {
        padding: 19.5px 10px;
        font-size: 1rem;
    }
}
/* ------ */
/* CENIK - MOBILE CSS */
.t-byty {
    border-collapse: inherit;
    border-spacing: 0;
    width: 100%;
    clear: both;
    margin: 0 0 16px;
    empty-cells: show;
}
.t-byty th, .t-byty td {
    padding: 10px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.t-byty th {
    font-weight: 300;
}

.t-byty__actions {
    text-align: right;
    font-size: 0;
    white-space: nowrap;
}

.t-byty__price {
    white-space: nowrap;
}

@media (max-width: 1019px) {
    #byty table {
        text-align: inherit;
    }
    #byty td {
        border: 0;
        background: none !important;
        font-size: 16px;
    }
    #byty td:last-of-type {
        text-align: center !important;
    }
    .t-byty__head {
        display: none;
    }
    .t-byty__body {
        display: block;
    }
    .t-byty__item {
        border-bottom: 1px solid #f1f2ec;
        background: #FFF;
        margin: 0;
        position: relative;
        display: block;
    }
    .t-byty__name {
        display: block;
        padding: 0;
        font-weight: bold;
        font-size: 22px;
    }
    .t-byty__name a {
        color: inherit !important;
    }
    .t-byty__name + td {
        font-weight: bold;
    }
    .t-byty__cell {
        display: inline-block;
        padding: 15px !important;
        font-size: 15px;
        margin: 0 0 0 0;
    }
    .t-byty__cell-hidden {
        display: none;
    }
    .t-byty__price {
        display: block;
        font-weight: bold;
        font-size: 1rem !important;
    }
    .t-byty__state {
        padding: 0;
        position: absolute;
        top: 4px;
        right: 0;
        text-transform: uppercase;
        font-size: 19px;
    }
    .t-byty__actions {
        padding: 0;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .t-byty__actions .btn {
        display: block;
    }
    .t-byty__actions .btn + .btn {
        margin-top: 5px;
    }
}
@media screen and (min-width: 1300px) {
    .t-byty {
        margin-bottom: 0;
    }
}
/* ------ */
/* DETAIL */
body.detail main {
    overflow: hidden;
}

#detail {
    overflow: hidden;
}
#detail:before {
    background: #FFF;
    width: 100%;
    height: 45px;
    position: absolute;
    top: 0;
    z-index: 0;
}
#detail .grid {
    grid-template-columns: 60% 40%;
}
#detail .grid .grid-item {
    background: #f1f2ec;
    padding: 0 30px 30px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#detail .grid .grid-item:nth-of-type(3) {
    grid-column: 2;
    padding-bottom: 0;
}
#detail .grid .grid-item:nth-of-type(4) {
    background: #FFF;
    grid-column: 1;
    grid-row: 2;
    padding-top: 30px;
    position: relative;
}
#detail h1 {
    background: #FFF;
    width: 100vw;
    margin: 0 0 11px -30px;
    padding: 0 30px 10px;
    position: relative;
    z-index: 1;
}
#detail h1 span {
    display: block;
}
#detail h2 {
    margin: 0;
    line-height: 1.2;
    letter-spacing: 2px;
    font-size: 20px;
    font-size: 1.1111111111rem;
}
#detail .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    position: relative;
    z-index: 1;
}
#detail .controls .arrow {
    border-radius: 50%;
    background: #b8bca4;
    width: 30px;
    height: 30px;
    position: relative;
}
#detail .controls .arrow:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#detail .controls .arrow:before {
    width: 0;
    height: 0;
    border-top: 5.5px solid transparent;
    border-bottom: 5.5px solid transparent;
    border-right: 7px solid #FFF;
}
#detail .controls .arrow.next {
    -webkit-transform: scale(-1);
            transform: scale(-1);
}
#detail .controls .arrow:hover, #detail .controls .arrow:focus {
    background: #19323f;
}
#detail .controls .link {
    margin: 4px 10px 0;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 14px;
    color: #19323f;
}
#detail .text-block {
    padding-bottom: 30px;
    font-weight: 600;
}
#detail .text-block p {
    line-height: 1.8;
}
#detail .text-block p:first-of-type {
    line-height: 1.5;
    font-size: 20px;
}
#detail .text-block .btn {
    margin-top: 25px;
}
#detail .details {
    position: relative;
}
#detail .details:before {
    content: "";
    background: #FFF;
    width: 200%;
    height: 300%;
    position: absolute;
    top: 0;
    left: -50%;
    z-index: 0;
}
#detail .table {
    border-bottom: 1px solid #f1f2ec;
    margin-bottom: 0;
    font-size: 16px;
    font-size: 0.8888888889rem;
    position: relative;
}
#detail .table tr:first-of-type {
    display: none;
}
#detail .table td {
    border-top: 1px solid #f1f2ec;
    border-bottom: 0;
    background: none;
    padding: 14.5px 12px;
    color: #19323f;
}
#detail .table td:last-of-type {
    text-align: right;
}
#detail .lightgallery {
    background: #b8bca4;
    margin: 0 -30px;
    padding: 1px 30px;
    position: relative;
}
#detail .lightgallery .strelka {
    background: #b8bca4;
    width: 40px;
    position: absolute !important;
    top: 30px;
    left: 30px;
}
#detail img.main-img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 100vh;
    margin: 90px auto 30px;
}
#detail img.house,
#detail img.floor {
    display: block;
    max-width: 100%;
    height: 140px;
    -o-object-fit: contain;
       object-fit: contain;
    margin: 0 auto;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
@media screen and (min-width: 568px) {
    #detail img.house,
    #detail img.floor {
        height: 200px;
    }
}
@media screen and (min-width: 667px) {
    #detail .grid {
        display: grid;
    }
    #detail .grid .grid-item:nth-of-type(3) {
        grid-column: span 2;
        grid-row: 2;
    }
    #detail .grid .grid-item:nth-of-type(4) {
        grid-column: span 2;
        grid-row: 3;
    }
    #detail .controls {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: unset;
            -ms-flex-pack: unset;
                justify-content: unset;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        margin-top: 16px;
    }
    #detail .controls .arrow {
        width: 55px;
        height: 55px;
        position: absolute;
        top: 0;
        right: 0;
    }
    #detail .controls .arrow.prev {
        right: 68px;
    }
    #detail .controls .link {
        margin: 75px 0 0;
    }
    #detail .lightgallery {
        padding: 50px 90px;
    }
    #detail img.main-img {
        margin: 30px auto;
    }
}
@media screen and (min-width: 768px) {
    #detail {
        margin-bottom: 30px;
    }
    #detail .controls .link {
        font-size: 17px;
    }
    #detail .text-block p:first-of-type {
        font-size: 22px;
    }
    #detail .anim h1 span, #detail .anim h2,
    #detail .anim .controls {
        opacity: 0;
    }
    #detail .animated h1 span, #detail .animated h2,
    #detail .animated .controls {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
    }
    #detail .text-block.anim,
    #detail .lightgallery.anim,
    #detail .table.anim,
    #detail .row.anim {
        opacity: 0;
    }
    #detail .text-block.animated,
    #detail .lightgallery.animated,
    #detail .table.animated,
    #detail .row.animated {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
    }
}
@media screen and (min-width: 992px) {
    #detail .grid .grid-item {
        padding: 0 40px 40px;
    }
    #detail .grid .grid-item:nth-of-type(4) {
        padding: 40px 0;
    }
    #detail h1 {
        margin-left: -40px;
    }
    #detail .lightgallery {
        min-height: 44vw;
        margin: 0 0 50px;
        place-content: center;
        place-items: center;
    }
    #detail .lightgallery .strelka {
        width: 55px;
    }
    #detail img.main-img {
        margin: 0;
    }
    #detail img.floor,
    #detail img.house {
        height: 165px;
    }
}
@media screen and (min-width: 1150px) {
    #detail {
        margin-bottom: 50px;
    }
    #detail .grid .grid-item:nth-of-type(3) {
        grid-column: 2;
    }
    #detail .grid .grid-item:nth-of-type(4) {
        background: #b8bca4;
        grid-column: 1;
        grid-row: 2;
        padding: 0;
    }
    #detail .grid .grid-item:nth-of-type(4) * {
        position: relative;
        z-index: 2;
    }
    #detail .text-block {
        padding: 45px 0;
    }
    #detail .lightgallery {
        margin-bottom: 0;
    }
    #detail .row {
        background: #FFF;
        margin: 0;
    }
    #detail .col {
        padding: 50px 0;
    }
}
@media screen and (min-width: 1180px) {
    #detail {
        margin-bottom: 100px;
    }
    #detail:before {
        content: "";
    }
    #detail h1 {
        background: none;
    }
    #detail .controls .link {
        margin-top: 102px;
    }
    #detail .animated .controls,
    #detail .text-block.animated {
        -webkit-animation: fadeInLeft 1s 0.25s forwards;
                animation: fadeInLeft 1s 0.25s forwards;
    }
    #detail .lightgallery.animated {
        -webkit-animation: fadeInRight 1s 0.25s forwards;
                animation: fadeInRight 1s 0.25s forwards;
    }
    #detail .row.anim {
        opacity: 1;
    }
    #detail .row.anim .col {
        opacity: 0;
    }
    #detail .row.animated {
        -webkit-animation: none;
                animation: none;
    }
    #detail .row.animated .col:nth-child(1) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.15s;
                animation-delay: 0.15s;
    }
    #detail .row.animated .col:nth-child(2) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.3s;
                animation-delay: 0.3s;
    }
    #detail .details:before {
        width: 200vw;
        left: auto;
        right: -20vw;
        z-index: 1;
    }
    #detail .details * {
        position: relative;
        z-index: 2;
    }
}
@media screen and (min-width: 1280px) {
    #detail .text-block {
        padding: 66px 0;
    }
    #detail .details {
        padding-top: 50px;
    }
    #detail .lightgallery {
        margin-bottom: 90px;
    }
}
@media screen and (min-width: 1300px) {
    #detail .grid .grid-item:nth-of-type(1) {
        padding-left: 90px;
    }
    #detail .grid .grid-item:nth-of-type(2) {
        padding-right: 90px;
    }
    #detail .text-block {
        padding-left: 50px;
        padding-right: 50px;
    }
    #detail img.main-img {
        max-height: 783px;
    }
    #detail img.house,
    #detail img.floor {
        height: 200px;
    }
}
@media screen and (min-width: 1600px) {
    #detail .grid .grid-item:nth-of-type(1) {
        padding: 0 144px 60px;
    }
    #detail .grid .grid-item:nth-of-type(3) {
        padding-left: 125px;
        padding-right: 125px;
    }
    #detail h2 {
        font-size: 40px;
        font-size: 2.2222222222rem;
    }
    #detail .text-block {
        padding: 61px 0 100px;
    }
    #detail .text-block .btn {
        margin-top: 47px;
    }
    #detail .table {
        font-size: 1rem;
    }
    #detail .lightgallery {
        padding: 98px 140px 90px;
    }
    #detail .lightgallery + .row {
        --bs-gutter-x: 0;
        padding: 0 75px;
    }
    #detail .lightgallery .strelka {
        width: 71px;
        top: 45px;
    }
    #detail img.house,
    #detail img.floor {
        height: 250px;
    }
}
@media screen and (min-width: 1920px) {
    #detail {
        margin-bottom: 150px;
    }
    #detail:before {
        height: 55px;
    }
    #detail .grid .grid-item:nth-of-type(1) {
        padding-bottom: 90px;
    }
    #detail .text-block {
        padding-bottom: 193px;
    }
    #detail .text-block p:first-of-type {
        font-size: 26px;
    }
    #detail .controls {
        margin-top: 27px;
    }
    #detail img.house {
        height: 300px;
    }
    #detail img.floor {
        height: 320px;
    }
}
@media screen and (min-width: 2560px) {
    #detail img.main-img {
        max-width: 40vw;
        max-height: 70vh;
        margin-left: auto;
        margin-right: auto;
    }
}

/* ------ */
.list-files {
    margin: 0;
    padding: 40px 0 30px;
    list-style: none;
    font-weight: 600;
    font-size: 15px;
    font-size: 0.8333333333rem;
}
.list-files li {
    background: url("../img/icons/file.svg") 0 2px/auto 32px no-repeat;
    min-height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 15px;
    padding: 0 15px 0 45px;
    position: relative;
}
.list-files a {
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    color: #19323f;
    position: relative;
}
.list-files a:hover {
    color: #19323f;
}
@media screen and (min-width: 576px) {
    .list-files {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .list-files li {
        width: 33.333%;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .list-files a {
        max-width: 140px;
    }
}
@media screen and (min-width: 768px) {
    .list-files.anim li {
        opacity: 0;
    }
    .list-files.animated li:nth-child(1) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.15s;
                animation-delay: 0.15s;
    }
    .list-files.animated li:nth-child(2) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.3s;
                animation-delay: 0.3s;
    }
    .list-files.animated li:nth-child(3) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.45s;
                animation-delay: 0.45s;
    }
}
@media screen and (min-width: 1150px) {
    .list-files {
        font-size: 11px;
        font-size: 0.6111111111rem;
    }
    .list-files li {
        padding-left: 35px;
        padding-right: 0;
    }
}
@media screen and (min-width: 1280px) {
    .list-files {
        font-size: 12px;
        font-size: 0.6666666667rem;
    }
}
@media screen and (min-width: 1300px) {
    .list-files li {
        background-size: auto 25px;
        padding-left: 30px;
        padding-right: 10px;
    }
}
@media screen and (min-width: 1600px) {
    .list-files {
        font-size: 13px;
        font-size: 0.7222222222rem;
    }
}
@media screen and (min-width: 1920px) {
    .list-files {
        margin-bottom: 10px;
        font-size: 15px;
        font-size: 0.8333333333rem;
    }
    .list-files li {
        background-size: auto 32px;
        padding-left: 45px;
    }
}

/* ------ */
.lg-outer .lg-image {
    max-height: 100% !important;
}

/* ------ */
.control {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin: 0 15px 25px;
    padding: 2px 0 0;
    text-decoration: none !important;
    letter-spacing: 1px;
    font-weight: 600;
    color: #19323f !important;
    cursor: pointer;
    position: relative;
}
.control:after {
    content: "";
    background: #b8bca4;
    width: 0;
    height: 3px;
    position: absolute;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.control:after {
    bottom: -10px;
    left: 0;
}
.control.active:after, .control:hover:after {
    width: 100%;
}
@media screen and (min-width: 576px) {
    .control {
        margin: 2px 20px 25px 0;
    }
}
@media screen and (min-width: 1024px) {
    .control {
        margin-right: 30px;
    }
}

/* GALERIE */
#galerie {
    padding: 0 30px;
    position: relative;
}
.hp #galerie {
    margin-bottom: 60px;
}
#galerie .container-fluid {
    padding: 30px 0 0;
}
#galerie .col:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: wrap column;
            flex-flow: wrap column;
}
#galerie h2 {
    margin-bottom: 30px;
}
#galerie .controls-row {
    margin-top: 4px;
}
#galerie .controls-row .nav {
    margin: 0 0 13px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#galerie .test-holder {
    background: #FFF;
    height: 350px;
    max-height: calc(100vh - 60px);
    margin: 0 -30px;
    position: relative;
    clear: both;
    overflow: hidden;
}
#galerie .swiper-container {
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: visible;
}
#galerie .swiper-v .swiper-slide {
    height: 350px !important;
    max-height: calc(100vh - 60px);
}
#galerie .swiper-h .swiper-slide {
    width: auto;
    height: 100% !important;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#galerie .swiper-h .swiper-slide > div,
#galerie .swiper-h .swiper-slide > a {
    height: 100%;
    display: block;
}
#galerie .swiper-h .swiper-slide img {
    width: 100%;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
@media screen and (min-width: 576px) {
    #galerie .col:nth-child(2) {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
    #galerie .controls-row {
        float: right;
    }
}
@media screen and (min-width: 768px) {
    #galerie .container-fluid {
        padding: 40px 0 0;
    }
}
@media screen and (min-width: 992px) {
    #galerie {
        padding: 0 40px;
    }
    #galerie .test-holder {
        height: 400px;
        margin: 0 -40px;
    }
    #galerie .swiper-v .swiper-slide {
        height: 400px !important;
    }
}
@media screen and (min-width: 1180px) {
    #galerie {
        padding-top: 26px;
    }
    #galerie .test-holder {
        height: 475px;
    }
    #galerie .swiper-v .swiper-slide {
        height: 475px !important;
    }
}
@media screen and (min-width: 1300px) {
    #galerie .container-fluid {
        padding: 100px 60px 0;
    }
    #galerie .control {
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 1600px) {
    #galerie .container-fluid {
        padding: 100px 80px 0;
    }
    #galerie h2 {
        margin-bottom: 57px;
    }
    #galerie .test-holder {
        height: 616px;
    }
    #galerie .swiper-v .swiper-slide {
        height: 616px !important;
    }
}
@media screen and (min-width: 1920px) {
    #galerie .container-fluid {
        padding: 100px 105px 0;
    }
}
@media screen and (min-width: 2560px) {
    #galerie .test-holder {
        height: 800px;
    }
    #galerie .swiper-v .swiper-slide {
        height: 800px !important;
    }
}

/* ------ */
/* FINANCOVANI */
#financovani {
    background: #FFF;
}
#financovani h2 {
    max-width: 500px;
    margin-bottom: 30px;
    padding: 0 30px;
    position: relative;
}
#financovani .holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
}
#financovani .text-block {
    background: #f1f2ec;
    padding: 30px;
}
#financovani p:last-of-type {
    margin-bottom: 0;
}
#financovani .img-wrapper {
    background: #ede8e4;
    width: 100%;
    position: relative;
    overflow: hidden;
}
#financovani .img-wrapper img {
    max-width: 100%;
    min-height: 250px;
    max-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-animation: loopScale 40s infinite ease-in-out;
            animation: loopScale 40s infinite ease-in-out;
}
#financovani .postup {
    background: #FFF;
    padding: 30px;
    position: relative;
}
#financovani .postup .col {
    margin-bottom: 40px;
}
#financovani .postup h2 {
    padding: 0;
}
#financovani .postup h3 {
    margin-bottom: 20px;
}
#financovani .key {
    --margin: 0 0 30px;
    background: #b8bca4;
    margin: var(--margin);
    padding: 30px;
    font-size: 20px;
}
#financovani .key h2 {
    margin-left: 0;
    padding: 0;
    color: #FFF;
}
#financovani .key p {
    margin-bottom: 15px;
    line-height: 1.35;
}
#financovani .key a {
    color: inherit;
}
@media screen and (min-width: 480px) {
    #financovani .key {
        --margin: 0 30px 60px;
        border-radius: 20px;
    }
}
@media screen and (min-width: 576px) {
    #financovani .postup .col {
        padding-right: 40px;
    }
}
@media screen and (min-width: 720px) {
    #financovani .postup h3 {
        min-height: 50px;
    }
}
@media screen and (min-width: 768px) {
    #financovani .anim {
        opacity: 0;
    }
    #financovani .animated {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
    }
    #financovani .postup.anim .col {
        opacity: 0;
    }
    #financovani .postup.animated .col:nth-child(1) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.15s;
                animation-delay: 0.15s;
    }
    #financovani .postup.animated .col:nth-child(2) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.3s;
                animation-delay: 0.3s;
    }
    #financovani .postup.animated .col:nth-child(3) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.45s;
                animation-delay: 0.45s;
    }
    #financovani .postup.animated .col:nth-child(4) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.6s;
                animation-delay: 0.6s;
    }
    #financovani .postup.animated .col:nth-child(5) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.75s;
                animation-delay: 0.75s;
    }
    #financovani .postup.animated .col:nth-child(6) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 0.9s;
                animation-delay: 0.9s;
    }
    #financovani .postup.animated .col:nth-child(7) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 1.05s;
                animation-delay: 1.05s;
    }
    #financovani .postup.animated .col:nth-child(8) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 1.2s;
                animation-delay: 1.2s;
    }
    #financovani .postup.animated .col:nth-child(9) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 1.35s;
                animation-delay: 1.35s;
    }
    #financovani .postup.animated .col:nth-child(10) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 1.5s;
                animation-delay: 1.5s;
    }
    #financovani .postup.animated .col:nth-child(11) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 1.65s;
                animation-delay: 1.65s;
    }
    #financovani .postup.animated .col:nth-child(12) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 1.8s;
                animation-delay: 1.8s;
    }
    #financovani .postup.animated .col:nth-child(13) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 1.95s;
                animation-delay: 1.95s;
    }
    #financovani .postup.animated .col:nth-child(14) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 2.1s;
                animation-delay: 2.1s;
    }
    #financovani .postup.animated .col:nth-child(15) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 2.25s;
                animation-delay: 2.25s;
    }
    #financovani .postup.animated .col:nth-child(16) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 2.4s;
                animation-delay: 2.4s;
    }
    #financovani .postup.animated .col:nth-child(17) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 2.55s;
                animation-delay: 2.55s;
    }
    #financovani .postup.animated .col:nth-child(18) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 2.7s;
                animation-delay: 2.7s;
    }
    #financovani .postup.animated .col:nth-child(19) {
        -webkit-animation: fadeInUp 1s 0.25s forwards;
                animation: fadeInUp 1s 0.25s forwards;
        -webkit-animation-delay: 2.85s;
                animation-delay: 2.85s;
    }
    #financovani .key {
        --margin: 0 40px 60px;
    }
}
@media screen and (min-width: 992px) {
    #financovani h2 {
        margin-left: 40px;
        padding: 0;
    }
    #financovani .text-block {
        padding: 40px;
    }
    #financovani .postup {
        padding: 50px 40px;
    }
    #financovani .postup h2 {
        margin-left: 0;
    }
}
@media screen and (min-width: 1180px) {
    #financovani > h2 {
        margin-bottom: -28px;
        z-index: 1;
    }
    #financovani .text-block {
        max-width: 60%;
        padding: 45px 40px;
    }
    #financovani .text-block.animated {
        -webkit-animation: fadeInLeft 1s 0.25s forwards;
                animation: fadeInLeft 1s 0.25s forwards;
    }
    #financovani .holder {
        padding: 92px 0;
    }
    #financovani .img-wrapper {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    #financovani .img-wrapper img {
        height: inherit;
    }
    #financovani .postup {
        padding-top: 75px;
    }
    #financovani .postup h3 {
        min-height: 90px;
    }
    #financovani .key {
        padding: 40px 60px;
    }
    #financovani .key h2 {
        margin-bottom: 40px;
    }
}
@media screen and (min-width: 1300px) {
    #financovani > h2 {
        max-width: 40%;
        margin-bottom: -30px;
        margin-left: 90px;
    }
    #financovani .text-block {
        padding: 90px;
    }
    #financovani .postup {
        padding: 100px 60px 62px;
    }
    #financovani .postup h2 {
        margin-bottom: 60px;
        margin-left: 30px;
    }
    #financovani .postup .col {
        margin-bottom: 0;
        padding: 0 30px;
    }
    #financovani .key {
        --margin: 50px 90px 90px;
    }
}
@media screen and (min-width: 1600px) {
    #financovani > h2 {
        max-width: 600px;
        margin-bottom: -36px;
        margin-left: 115px;
    }
    #financovani .text-block {
        padding: 97px 100px;
    }
    #financovani .postup {
        padding: 100px 55px 62px;
    }
    #financovani .postup .col {
        padding: 0 60px;
    }
    #financovani .postup h2 {
        max-width: none;
        margin-left: 60px;
        padding: 0;
    }
    #financovani .postup h3 {
        min-height: 100px;
    }
    #financovani .key {
        --margin: 50px 115px 90px;
    }
    #financovani .key h2 {
        font-size: 75px;
        font-size: 4.1666666667rem;
    }
}
@media screen and (min-width: 1920px) {
    #financovani > h2 {
        margin-bottom: -46px;
        margin-left: 148px;
    }
    #financovani .text-block {
        max-width: 50%;
        padding: 97px 148px 134px;
    }
    #financovani .postup {
        padding: 150px 90px 62px;
    }
    #financovani .key {
        --margin: 50px 150px 120px;
    }
}
@media screen and (min-width: 2560px) {
    #financovani .img-wrapper img {
        width: 100vw;
    }
}

/* ------ */
/* PROJEKTY */
#projekty {
    margin-bottom: 50px;
    text-align: center;
}
#projekty h2 {
    margin-bottom: 20px;
}
#projekty p {
    max-width: 700px;
    margin: auto;
}
#projekty .grid {
    margin: 52px 0 55px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 27px;
}
#projekty .wrapper {
    background: #ede8e4;
    aspect-ratio: 1/1;
    margin-bottom: 14px;
    overflow: hidden;
}
#projekty .wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
#projekty .title {
    color: #19323f;
}
@media screen and (min-width: 768px) {
    #projekty h2 {
        font-size: 54px;
        font-size: 3rem;
    }
    #projekty p {
        font-size: 24px;
        font-size: 1.3333333333rem;
    }
    #projekty .grid {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (min-width: 992px) {
    #projekty .container {
        max-width: 1170px;
    }
}
@media screen and (min-width: 1300px) {
    #projekty {
        margin-bottom: 167px;
    }
}

/* ------ */
/* CONTACT */
#contact-form {
    color: #FFF;
}
#contact-form .flash.info {
    margin-bottom: 20px;
    font-weight: bold;
}
#contact-form a {
    text-decoration: underline;
    color: inherit;
    cursor: pointer;
}
#contact-form label:not(.ccheck) {
    display: none;
}
#contact-form p small {
    display: block;
    line-height: 1.1;
    font-size: 14px;
    font-size: 0.7777777778rem;
}
#contact-form .btn {
    background: #FFF;
    color: #b8bca4 !important;
}
#contact-form .btn:hover {
    background: #19323f !important;
}
#contact-form .ccheck {
    margin: -8px 0 36px;
    text-align: left;
}
#contact-form .gdpr_info {
    margin: -10px 0 30px;
    font-size: 14px;
    font-size: 0.7777777778rem;
}
@media screen and (min-width: 1300px) {
    #contact-form .form-control {
        margin-bottom: 32px;
    }
    #contact-form textarea {
        min-height: 77px;
    }
    #contact-form .ccheck {
        margin-bottom: 48px;
    }
}

/* ------ */
#login {
    margin-top: 100px;
    margin-bottom: 100px;
    text-align: center;
}
#login .content {
    -webkit-box-shadow: 0 0 0px 3px #f1f2ec;
            box-shadow: 0 0 0px 3px #f1f2ec;
    border: 1px solid #19323f;
    border-width: 14px 13px;
    background: #FFF;
    margin: 0 auto;
    padding: 30px;
}
#login table {
    border: 0;
    width: 100%;
}
#login label {
    padding-right: 10px;
}
@media screen and (min-width: 667px) {
    #login .content {
        padding: 60px;
    }
}

/* ------ */
/* FOOTER */
#footer {
    border-top: 1px solid #FFF;
    background: #b8bca4;
    position: relative;
    z-index: 8;
    overflow: hidden;
}
#footer .col {
    position: relative;
}
#footer .col-left a:hover {
    text-decoration: none;
}
#footer .col-right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
#footer .text-block {
    padding: 30px;
}
#footer .text-block .row {
    margin-bottom: 30px;
}
#footer address {
    margin: 16px 15px 26px 0;
}
#footer address span:last-of-type {
    display: none;
}
#footer .link {
    display: block;
    margin-bottom: 5px;
    letter-spacing: 1px;
    line-height: 1.34;
    font-weight: 600;
    font-size: 24px;
    font-size: 1.3333333333rem;
    color: inherit;
}
#footer .link:hover, #footer .link:focus {
    color: #FFF;
}
#footer .social {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
#footer .social a {
    margin-right: 25px;
}
#footer .social a:hover svg {
    fill: #19323f;
}
#footer .social a svg {
    width: 36px;
    height: 36px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#footer [data-toggle] {
    text-transform: lowercase;
}
#footer .img-pill {
    border-radius: 200px;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    aspect-ratio: 1/1;
    display: none;
}
#footer .newsletter form {
    margin-top: 35px;
}
#footer .newsletter .input-group {
    position: relative;
}
#footer .newsletter .form-control {
    margin-bottom: 31px;
    padding-bottom: 6px;
    padding-right: 35px;
}
#footer .newsletter .btn {
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 40px;
    height: 30px;
    min-height: auto;
    padding: 0;
    line-height: 1;
    position: absolute;
    top: 0;
    right: -16px;
}
#footer .newsletter .btn .svg {
    width: 7px;
    height: 11px;
    fill: #19323f;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#footer .newsletter .btn:hover .svg {
    fill: #19323f;
}
#footer .newsletter small {
    display: block;
    line-height: 1.25;
    font-size: 14px;
    font-size: 0.7777777778rem;
    color: #FFF;
}
#footer .newsletter small a {
    text-decoration: underline;
    color: inherit;
}
#footer .logo-psn {
    display: inline-block;
    width: 80px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
#footer .logo-psn img {
    width: 100%;
}
@media screen and (min-width: 576px) {
    #footer .text-block {
        padding-top: 40px;
    }
    #footer .text-block .row {
        margin-bottom: 50px;
    }
    #footer .social {
        margin-bottom: 0;
    }
    #footer .img-pill {
        display: block;
    }
}
@media screen and (min-width: 768px) {
    #footer .social a {
        margin-right: 12px;
    }
    #footer .logo-psn {
        width: 100px;
    }
}
@media screen and (min-width: 992px) {
    #footer {
        padding: 0 40px;
    }
    #footer > .row {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    #footer .col-left .text-block {
        padding-left: 0;
    }
    #footer .col-right {
        max-width: 516px;
    }
    #footer .col-right .text-block {
        padding-right: 0;
    }
    #footer .text-block {
        padding: 40px;
    }
    #footer .link {
        font-size: 30px;
        font-size: 1.6666666667rem;
    }
    #footer .social a {
        margin-right: 25px;
    }
    #footer .newsletter {
        margin-top: 75px;
    }
}
@media screen and (min-width: 1200px) {
    #footer address {
        margin: 20px 0 26px;
    }
    #footer .link {
        margin-bottom: -2px;
    }
}
@media screen and (min-width: 1300px) {
    #footer .col-left .text-block {
        padding-left: 50px;
    }
    #footer .col-right {
        margin-right: 50px;
    }
    #footer .col-right .text-block {
        padding-left: 0;
    }
    #footer .text-block {
        padding: 90px;
    }
    #footer .text-block .row {
        margin-bottom: 100px;
    }
    #footer address {
        margin: 30px 0;
    }
    #footer .newsletter {
        margin-top: 105px;
    }
}
@media screen and (min-width: 1600px) {
    #footer .col-left .text-block {
        padding-left: 75px;
    }
    #footer .col-right {
        margin-right: 110px;
    }
    #footer .text-block {
        padding: 100px 75px;
    }
    #footer .text-block .row {
        margin-bottom: 182px;
    }
    #footer .text-block p {
        max-width: 700px;
    }
    #footer .link {
        font-size: 40px;
        font-size: 2.2222222222rem;
    }
    #footer .newsletter {
        max-width: 413px;
        margin-top: 159px;
    }
    #footer .newsletter small {
        padding-right: 30px;
    }
}
@media screen and (min-width: 1920px) {
    #footer .col-left .text-block {
        padding: 179px 0 115px 110px;
    }
    #footer .col-right .text-block {
        padding: 174px 0 172px;
    }
    #footer address {
        margin: 35px 0 51px;
    }
    #footer .link {
        font-size: 47px;
        font-size: 2.6111111111rem;
    }
    #footer .img-pill {
        width: 326px;
    }
}
@media screen and (min-width: 2560px) {
    #footer .text-block p {
        max-width: none;
    }
}

/* ------ */
/* popup - banner */
#popup-banner {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}
#popup-banner a {
    display: inline-block;
    position: relative;
    cursor: pointer;
}
#popup-banner img {
    max-width: 100%;
    max-height: 100vh;
    width: auto;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
}

#popup-banner-image-wrapper {
    display: inline-block;
    text-align: center;
    position: relative;
}

#popup-banner-close-button {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 32px;
    height: 32px;
    opacity: 0.75;
    line-height: 34px;
    text-align: center;
    font-size: 3.5rem;
    color: #FFF;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    cursor: pointer;
}
#popup-banner-close-button:hover {
    opacity: 1;
}

/* ----------- */
/* 404 */
#error {
    margin-bottom: 60px;
    padding-top: 60px;
    text-align: center;
    color: #FFF;
}
#error .error-no {
    display: block;
    margin-bottom: 15px;
    font-size: 60px;
}
#error a {
    color: #FFF;
}

/* ------ */
/* ------ */
main {
    position: relative;
    overflow: hidden;
}

section {
    position: relative;
}

/* ------ */
/* ZREKNUTI ODPOVEDNOSTI */
.modal-content {
    color: #19323f;
}

.modal-title {
    font-size: 1.25rem;
}

/* ------ */
.open-in-dialog {
    background: url("../img/open-in-dialog.svg");
    background-size: cover;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-top: 3px;
    margin-left: 8px;
    vertical-align: top;
}

.no-scroll {
    overflow: hidden;
}

/* ------ */
.line-through {
    text-decoration: line-through;
}

.action-price {
    color: red;
}

@media (min-width: 1280px) {
    .action-price {
        font-size: 1.2rem;
    }
}
.property-row.sold td {
    cursor: default !important;
}

/* ------ */
/*# sourceMappingURL=style.css.map */