/* Basic */

body {
    background-color: #efedeb;
    font-family: 'Montserrat', sans-serif;
}

.content-box {
    background-color: white;
    border-radius: 22px;
    padding: 32px;
    box-shadow: 0px 0px 20px #efebe6;
    z-index: 555;
}

.container {
    max-width: 1100px;
}

.btn {
    border-radius: 22px;
    padding: 8px 16px;
    font-size: 14px;
}

.btn-blue {
    background-color: #0074ac;
    color: white;
    border-color: #0074ac;
}

.btn-blue:hover {
    background-color: #0191d7;
    color: white;
    border-color: #0191d7;
}

.btn-blue:checked+.btn, .btn-blue.active, .btn-blue.show, .btn-blue:first-child:active, :not(.btn-blue)+.btn:active {
    background-color: #0074ac;
    color: white;
    border-color: #0074ac;
}

.color-white {
    color: white;
}

.content h2 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 37px;
}

.content p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 1rem;
}

.content {
    color: #413d39
}





/* Carousel */


#main-bg {
    position: relative;
    background-image: url(../img/airstream-background.jpg);
    background-size: cover;
    background-color: black;
    background-position: 80% 0%;
}

#main-bg .container {
    position: relative;
    z-index: 2;
}

#main-bg::before {
    content: ' ';
    width: 100%;
    height: 390px;
    background-color: #efedeb;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 0;
    clip-path: polygon(100% 100%, 0% 100%, 0.00% 21.86%, 1.00% 22.15%, 2.00% 22.50%, 3.00% 22.93%, 4.00% 23.42%, 5.00% 23.98%, 6.00% 24.61%, 7.00% 25.30%, 8.00% 26.05%, 9.00% 26.86%, 10.00% 27.73%, 11.00% 28.66%, 12.00% 29.64%, 13.00% 30.68%, 14.00% 31.76%, 15.00% 32.89%, 16.00% 34.06%, 17.00% 35.27%, 18.00% 36.52%, 19.00% 37.80%, 20.00% 39.11%, 21.00% 40.45%, 22.00% 41.82%, 23.00% 43.20%, 24.00% 44.61%, 25.00% 46.02%, 26.00% 47.45%, 27.00% 48.88%, 28.00% 50.32%, 29.00% 51.75%, 30.00% 53.18%, 31.00% 54.61%, 32.00% 56.02%, 33.00% 57.41%, 34.00% 58.79%, 35.00% 60.15%, 36.00% 61.48%, 37.00% 62.78%, 38.00% 64.04%, 39.00% 65.28%, 40.00% 66.47%, 41.00% 67.62%, 42.00% 68.73%, 43.00% 69.79%, 44.00% 70.80%, 45.00% 71.76%, 46.00% 72.66%, 47.00% 73.51%, 48.00% 74.29%, 49.00% 75.02%, 50.00% 75.68%, 51.00% 76.28%, 52.00% 76.81%, 53.00% 77.27%, 54.00% 77.66%, 55.00% 77.99%, 56.00% 78.24%, 57.00% 78.42%, 58.00% 78.53%, 59.00% 78.57%, 60.00% 78.54%, 61.00% 78.43%, 62.00% 78.25%, 63.00% 78.00%, 64.00% 77.68%, 65.00% 77.29%, 66.00% 76.83%, 67.00% 76.31%, 68.00% 75.71%, 69.00% 75.06%, 70.00% 74.34%, 71.00% 73.55%, 72.00% 72.71%, 73.00% 71.81%, 74.00% 70.85%, 75.00% 69.85%, 76.00% 68.79%, 77.00% 67.68%, 78.00% 66.53%, 79.00% 65.34%, 80.00% 64.11%, 81.00% 62.85%, 82.00% 61.55%, 83.00% 60.22%, 84.00% 58.87%, 85.00% 57.49%, 86.00% 56.10%, 87.00% 54.69%, 88.00% 53.26%, 89.00% 51.83%, 90.00% 50.40%, 91.00% 48.96%, 92.00% 47.53%, 93.00% 46.10%, 94.00% 44.69%, 95.00% 43.28%, 96.00% 41.89%, 97.00% 40.53%, 98.00% 39.19%, 99.00% 37.87%, 100.00% 36.59%);
}

#main-bg::after {
    content: ' ';
    width: 100%;
    height: 100px;
    left: 0;
    top: 0;
    position: absolute;
    background: #141311;
    background: linear-gradient(180deg, #141311 0%, rgba(0, 0, 0, 0) 50%);
}

.main-text h1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 45px;
}

.main-text h2 {
    font-size: 12px;
    text-transform: uppercase;

}

.main-text p {
    font-size: 14px;
}




/* menu */
#menu .menu li a:hover {
    color: #0074ac;
}

#menu .menu li a {
    padding: 0px 12px;
    color: white;
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
}

#menu .menu-logo span p {
    display: inline-block;
    font-weight: 200;
    padding: 0px 2px;
}

#menu .menu-logo {
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

#menu .menu li {
    display: inline-block;
}

#menu {
    background-color: #141311;
    z-index: 500;
    position: relative;
}

#menu .menu-lang-search li {
    display: inline-block;
    padding: 0px 2px;
    list-style: none;
}

#menu .menu {
    margin: 0;
}

#menu .menu-logo a {
    color: white;
}

#menu .menu li a:hover span {
    border-bottom: 3px solid #0074ac;
    padding-bottom: 17px;
}

.copyright .col-sm-12.col-md-6:first-child {
    width: 30%;
}
.copyright .col-sm-12.col-md-6:last-child {
    width: 70%;
    text-align: right;
}


@media (max-width: 767px) {
    .bg-single-page::before {
        display: none;
    }

    #bg-single-page {
        padding: 0;
    }


    #menu .menu nav .menu-menu-1-container ul {
        list-style: none;
        flex: none;
    }

    #menu .menu nav .menu-menu-1-container {
        display: inline-flex;
        align-items: center;
    }

    #menu .menu nav {
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }

    .menu {
        order: 3;
    }

    .menu-logo {
        order: 1;
    }

    .menu-lang-search {
        order: 2;
    }

    #menu {
        padding-bottom: 20px !important;
    }

    .bg-single-page {
        max-height: initial !important;
        padding-bottom: 0 !important;
    }

    .bg-single-page img {
        width: auto !important;
    }

    #bg-single-page {
        padding-bottom: 0 !important;
    }
    .copyright .col-sm-12.col-md-6:first-child {
        width: 100% !important;
    }
    .copyright .col-sm-12.col-md-6:last-child {
        width: 100% !important;
        text-align: center;
    }
    .copyright .col-sm-12.col-md-6:last-child .menu {
        padding-left: 0;
    }
}



/* modal */

#searchmodal .modal-header {
    border: 0;
}

#searchmodal .modal-content {
    background: transparent;
    border: 0;
}

#searchmodal {
    top: 10%;
    background: #000000c4;
}

#searchmodal .modal-header .btn-close {
    background-color: white;
    opacity: 1;
    border-radius: 22px;
}

.modal-body #search form label {
    width: 80%;
}

.modal-body #search form label input {
    width: 100%;
    border-radius: 22px;
    border: 0;
    padding: 10px 14px;
    font-size: 14px;
}

.modal-body #search form input[type=submit] {
    border-radius: 22px;
    padding: 10px 14px;
    font-size: 14px;
    background-color: #0191d7;
    color: white;
}



/* CTA */



.fast-cta {
    background-color: white;
    border-radius: 22px;
    box-shadow: 0px 0px 20px #00000017;
}

.fast-cta p {
    margin: 0;
}

.fast-cta:hover a {
    color: white;
}

.fast-cta a {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #413d39;
}

.fast-cta:hover {
    background: rgb(65, 61, 57);
    background: linear-gradient(0deg, rgba(65, 61, 57, 1) 0%, rgba(87, 81, 76, 1) 100%);
}


.fast-cta:hover .cta-icon-buy {
    background-position: 0px 64px;
}

.cta-icon-buy {
    width: 64px;
    height: 64px;
    background-image: url('../img/buy-icon.png');
}

.fast-cta:hover .cta-icon-rent {
    background-position: 0px 64px;
}

.cta-icon-rent {
    width: 76px;
    height: 64px;
    background-image: url('../img/rent-icon.png');
}

.fast-cta:hover .cta-icon-renovation {
    background-position: 0px 64px;
}

.cta-icon-renovation {
    width: 62px;
    height: 64px;
    background-image: url('../img/renovation-icon.png');
}




/* timeline */

.timeline .video {
    border-radius: 22px;
    overflow: hidden;
    margin: 0 auto;
    max-width: 95%;
    margin-top: 2.5%;
    max-height: 250px;
}

.timeline .video iframe {
    max-height: 250px !important;
}

.timeline p {
    font-weight: 600;
    text-align: center;
    padding: 18px 40px;
    margin: 0;
}

.timeline {
    list-style: none;
    padding: 10px 0;
    position: relative;
    font-weight: 300;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background: #ffffff;
    left: 50%;
    margin-left: -1.5px;
}

.timeline>li {
    margin-bottom: 20px;
    position: relative;
    width: 50%;
    float: left;
    clear: left;
}

.timeline>li:before, .timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li:before, .timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li>.timeline-panel {
    width: calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    float: left;
    background: #ffffff;
    position: relative;
    border-radius: 22px;
    box-shadow: 0px 0px 20px #e1e0df;
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #dcdcdc;
    border-right: 0 solid #dcdcdc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline>li.timeline-inverted {
    float: right;
    clear: right;
}

.timeline>li:nth-child(2) {
    margin-top: 60px;
}

.no-float {
    float: none !important;
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline>li {
        margin-bottom: 0px;
        position: relative;
        width: 100%;
        float: left;
        clear: left;
    }

    ul.timeline>li>.timeline-panel {
        width: calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: -webkit-calc(100% - 65px);
    }

    ul.timeline>li>.timeline-panel {
        float: right;
    }

    ul.timeline>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    ul.timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }

    .timeline>li.timeline-inverted {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}



/* ubytovani */
#ubytovani {
    margin-top: 250px;
    position: relative;
}

.ubytovani-background {
    background-image: url(../img/shape-airstream.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 160px 0px;
    max-width: 610px;
    width: 100%;
    height: 840px;
    position: absolute;
    right: 0;
    top: -300px;
    overflow: hidden;
    z-index: -1;
}


@media (max-width: 1300px) {
    .ubytovani-background {
        opacity: 0.1
    }
}


.ubytovani-background img {
    top: 25%;
    position: absolute;

    animation-name: my-animation;
    animation-duration: 2s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}


@keyframes my-animation {
    from {
        left: 0%
    }

    to {
        left: 15%;
    }
}








/* blog */


.blog .blog-post .news-image img {
    width: 100%;
    height: auto;
    border-radius: 22px;
}

.blog .blog-post {
    background-color: white;
    border-radius: 22px;
    box-shadow: 0px 0px 20px #e1e0df;
}

.blog .blog-post .news-text a {
    font-weight: 700;
    text-align: center;
    margin: 0;
    color: #413d39;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    #blog {
        margin-top: 80px;
    }

    .blog {
        padding: 50px;
    }

    #footer {
        text-align: center;
    }
}

time.news-time {
    font-size: 11px;
    font-weight: 500;
    color: #bdbdbd;
    margin-top: 10px;
    display: block;
}

/* footer */
#footer {
    background-repeat: no-repeat;
    position: relative;
    background-image: url(../img/footer-bg-image.jpg);
    background-color: #211f1c;
    background-size: cover;
}

#footer::before {
    content: ' ';
    width: 100%;
    height: 250px;
    background-color: #efedeb;
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 0;
    clip-path: polygon(100% 0%, 0% 0%, 0.00% 35.93%, 1.00% 36.07%, 2.00% 36.25%, 3.00% 36.46%, 4.00% 36.71%, 5.00% 36.99%, 6.00% 37.30%, 7.00% 37.65%, 8.00% 38.02%, 9.00% 38.43%, 10.00% 38.87%, 11.00% 39.33%, 12.00% 39.82%, 13.00% 40.34%, 14.00% 40.88%, 15.00% 41.44%, 16.00% 42.03%, 17.00% 42.63%, 18.00% 43.26%, 19.00% 43.90%, 20.00% 44.56%, 21.00% 45.23%, 22.00% 45.91%, 23.00% 46.60%, 24.00% 47.30%, 25.00% 48.01%, 26.00% 48.73%, 27.00% 49.44%, 28.00% 50.16%, 29.00% 50.88%, 30.00% 51.59%, 31.00% 52.30%, 32.00% 53.01%, 33.00% 53.71%, 34.00% 54.40%, 35.00% 55.07%, 36.00% 55.74%, 37.00% 56.39%, 38.00% 57.02%, 39.00% 57.64%, 40.00% 58.23%, 41.00% 58.81%, 42.00% 59.36%, 43.00% 59.89%, 44.00% 60.40%, 45.00% 60.88%, 46.00% 61.33%, 47.00% 61.75%, 48.00% 62.15%, 49.00% 62.51%, 50.00% 62.84%, 51.00% 63.14%, 52.00% 63.40%, 53.00% 63.63%, 54.00% 63.83%, 55.00% 63.99%, 56.00% 64.12%, 57.00% 64.21%, 58.00% 64.27%, 59.00% 64.29%, 60.00% 64.27%, 61.00% 64.22%, 62.00% 64.13%, 63.00% 64.00%, 64.00% 63.84%, 65.00% 63.65%, 66.00% 63.42%, 67.00% 63.15%, 68.00% 62.86%, 69.00% 62.53%, 70.00% 62.17%, 71.00% 61.78%, 72.00% 61.35%, 73.00% 60.90%, 74.00% 60.43%, 75.00% 59.92%, 76.00% 59.39%, 77.00% 58.84%, 78.00% 58.27%, 79.00% 57.67%, 80.00% 57.06%, 81.00% 56.42%, 82.00% 55.77%, 83.00% 55.11%, 84.00% 54.43%, 85.00% 53.75%, 86.00% 53.05%, 87.00% 52.34%, 88.00% 51.63%, 89.00% 50.92%, 90.00% 50.20%, 91.00% 49.48%, 92.00% 48.76%, 93.00% 48.05%, 94.00% 47.34%, 95.00% 46.64%, 96.00% 45.95%, 97.00% 45.26%, 98.00% 44.59%, 99.00% 43.94%, 100.00% 43.29%);
}

#footer-form .footer-form form {
    background-color: white;
    padding: 30px 0px 10px 0px;
    border-radius: 32px;
}

.footer-form form input[type=tel], .footer-form form input[type=email], .footer-form form input[type=text] {
    background-color: #413d39;
    padding: 10px 10px 10px 16px;
    border-radius: 22px;
    margin: 4px 0px;
    border: 0;
    color: white;
    width: 80%;
    font-size: 13px;
}

.footer-form form input[type=submit] {
    border-radius: 18px;
    padding: 8px 16px;
    font-size: 14px;
    background-color: #0074ac;
    color: white;
    border: 0;
}

.footer-form form span.wpcf7-list-item label {
    background-color: #0074ac;
    padding: 8px 12px;
    border-radius: 22px;
    color: white;
    font-size: 13px;
}

.footer-form form span.wpcf7-list-item label input[type=radio] {
    opacity: 0;
    accent-color: #0074ac;
    margin-top: -10px;
}

.footer-form form span.wpcf7-list-item label input[type=radio]:checked {
    opacity: 1;
}

#footer::after {
    content: ' ';
    width: 100%;
    height: 125px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #211f1c;
    background: linear-gradient(0deg, #211f1c 0%, rgba(87, 81, 76, 0) 100%);
}

#footer .content {
    position: relative;
    z-index: 500;
}

/* copyright */
.copyright {
    color: white;
}

.copyright li {
    display: inline-block;
}

.copyright li a {
    padding: 0px 12px;
    color: white;
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
}








/* single page */

.bg-single-page::before {
    content: ' ';
    width: 100%;
    height: 220px;
    background-color: #efedeb;
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 1;
    opacity: 1;
    clip-path: polygon(100% 100%, 0% 100%, 0.00% 69.56%, 2.00% 66.43%, 4.00% 63.32%, 6.00% 60.32%, 8.00% 57.54%, 10.00% 55.09%, 12.00% 53.05%, 14.00% 51.49%, 16.00% 50.47%, 18.00% 50.02%, 20.00% 50.16%, 22.00% 50.89%, 24.00% 52.18%, 26.00% 53.97%, 28.00% 56.22%, 30.00% 58.84%, 32.00% 61.74%, 34.00% 64.81%, 36.00% 67.95%, 38.00% 71.04%, 40.00% 73.97%, 42.00% 76.65%, 44.00% 78.97%, 46.00% 80.86%, 48.00% 82.25%, 50.00% 83.08%, 52.00% 83.33%, 54.00% 82.99%, 56.00% 82.08%, 58.00% 80.61%, 60.00% 78.66%, 62.00% 76.27%, 64.00% 73.55%, 66.00% 70.59%, 68.00% 67.48%, 70.00% 64.35%, 72.00% 61.30%, 74.00% 58.43%, 76.00% 55.86%, 78.00% 53.68%, 80.00% 51.95%, 82.00% 50.75%, 84.00% 50.10%, 86.00% 50.05%, 88.00% 50.58%, 90.00% 51.69%, 92.00% 53.32%, 94.00% 55.43%, 96.00% 57.93%, 98.00% 60.75%, 100.00% 63.77%);
}

.bg-single-page img {
    width: 100%;
    opacity: 0.1;
}

.bg-single-page {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    background-color: #141311;
}

.single-page-headline {
    position: relative;
    z-index: 500;
    max-width: 800px;
}

.single-page-headline h1 {
    font-size: 51px;
    font-weight: 700;
}

#bg-single-page {
    padding-bottom: 100px;
}

.single-page-headline .page-breadcrumbs a {
    color: grey;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
}

.single-page-headline .page-breadcrumbs {
    font-size: 12px;
    color: grey;
}

.single-page-headline .page-description p {
    font-size: 13px;
}

.single-page-headline .page-created, .single-page-headline .page-edited {
    font-size: 11px;
    text-transform: uppercase;
}





/* search result */
header.search-result h2 a {
    color: #413d39;
    font-size: 21px;
    text-decoration: none;
}

header.search-result h2 {
    line-height: 20px;
    text-align: center;
    margin: 10px;
}


header.search-result {
    background-color: white;
    margin: 20px 0px;
    padding: 22px;
    border-radius: 22px;
    position: relative;
    z-index: 500;
}



.gallery-menu .gallery-header {
    display: inline-flex;
    align-items: center;
    padding: 0;
    height: 70px;
}

.gallery-menu {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    width: 100%;
    background-color: white;
    border-radius: 22px;
}

.gallery-menu .accordion-header {
    display: inline-block;
}

.gallery-menu .gallery-header h4 button {
    background-color: transparent;
    box-shadow: none;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    color: #413d39;
}

.gallery-menu .gallery-header h4 button::after {
    display: none;
}

.gallery-menu .gallery-header h4 button:hover {
    box-shadow: 0px 2px 0px #0074ac;
}

.ngg-gallery-thumbnail-box img {
    border-radius: 22px;
}

.gallery-result .accordion-body .ngg-gallery-thumbnail-box {
    display: inline-block;
    padding: 0.4em;
}

.accordion-item {
    border: 0 !important;
}