/*
CTC Separate Stylesheet
Updated: 2024-12-27 05:54:18
*/

.scroll-down:not(.scroll-to-top) img {
    rotate: 180deg;
}

.scroll-down img {
    cursor: pointer;
    transition: all .3s ease-in-out;
}

/* .scroll-down {
    animation: scroll-down 3s ease-in-out infinite;
    cursor: pointer;
} */

@keyframes scroll-down {
    0% {
        transform: translateY(-30px) translateX(-50%);
    }

    50% {
        transform: translateY(-55px) translateX(-50%);
    }

    100% {
        transform: translateY(-30px) translateX(-50%);
    }
}

/* .custom-scrollbar {
    position: fixed;
    right: 20px;
    top: 20px;
    width: 8px;
    height: calc(100vh - 40px);
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    z-index: 1000;
}

.scroll-thumb {
    width: 100%;
    height: 30%;
    background: rgba(128, 128, 128, 0.6);
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    top: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: background 0.3s;
}

.scroll-thumb:hover {
    background: rgba(128, 128, 128, 0.8);
} */

/* .scroll-down img {
    height: 58px !important;
    filter: invert(0);
} */

.section-zone-dot {
    cursor: pointer;
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    animation: rotate 1s linear infinite;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.iframe-container {
    position: relative;
    width: 100%;
    height: 100vh;
}

.iframe-container iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.img-overlay:has(img) *:has(>img):before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    background-color: #0000004D;
    transition: all .3s ease-in-out;
    z-index: 2;
}

.img-overlay:has(img) *:has(>img):hover:before {
    background-color: transparent;
}

.img-overlay:has(img) *:has(>img)>img {
    transition: all .3s ease-in-out;
    z-index: 1;
}

.img-overlay:has(img) *:has(>img):hover>img {
    scale: 1.1;
}

.img-overlay:has(img) *:has(>img) {
    overflow: hidden;
}

.list-contact .elementor-icon-list-item a {
    height: 38px;
    width: 38px !important;
    background: url(/wp-content/uploads/2024/12/zaraguza.cz_gold_paper_flat_background_-v_6.1_08e1f5c8-6655-4bb3-ac43-52656d192389-1-1.png) no-repeat center;
    background-size: cover;
    justify-content: center;
    align-items: center !important;
    opacity: .5;
    transition: all .3s ease-in-out;
}

.list-contact .elementor-icon-list-item a:hover {
    opacity: 1;
}

.menu-popup .menu-item a.elementor-item {
    outline: none;
    position: relative;
}

.menu-popup .menu-item:not(:last-child) a.elementor-item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    width: 240px;
    height: 1px;
    opacity: 1 !important;
}

.open-menu {
    cursor: pointer;
}

.form-subscribe input {
    padding-left: 0 !important;
}

.form-subscribe input::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}

.form-subscribe .elementor-field-group.elementor-field-type-submit {
    margin-top: 49px;
}

.form-subscribe .elementor-field-group.elementor-field-type-submit span.elementor-button-icon {
    margin-bottom: -4px;
}

.grid-category .e-child:not(:first-child) .img-overlay:has(img) *:has(>img):before {
    background: linear-gradient(0deg, rgba(126, 99, 52, 0.9) 0%, rgba(228, 179, 94, 0.9) 100%);
    opacity: 1;
    transition: all .3s ease-in-out;
}

.grid-category .e-child:not(:first-child) .img-overlay:has(img) *:has(>img):hover:before {
    background: transparent;
    opacity: 0;
    transition: all .3s ease-in-out;
    transition-behavior: allow-discrete;
}

.grid-category .e-child:not(:first-child) .elementor-widget-heading {
    pointer-events: none;
}

.grid-category .e-child:not(:first-child):hover .elementor-widget-heading .elementor-heading-title {
    transition: all .3s ease-in-out;
    text-shadow: 1px 1px var(--e-global-color-secondary), -1px -1px var(--e-global-color-secondary), -1px 1px var(--e-global-color-secondary), 1px -1px var(--e-global-color-secondary);
}

.bt-readmore .elementor-button:hover {
    border-color: var(--e-global-color-219853c) !important;
    background-color: var(--e-global-color-219853c) !important;
    color: var(--e-global-color-primary) !important;
}

.bt-readmore.bt-readmore-bg .elementor-button:hover .elementor-button-icon path {
    fill: var(--e-global-color-secondary) !important;
}

.bt-readmore .elementor-button .elementor-button-icon svg,
.bt-readmore .elementor-button .elementor-button-icon path {
    transition: all .3s;
}

.bt-readmore .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(5px);
}

.bt-readmore .elementor-button:hover .elementor-button-icon svg path {
    fill: var(--e-global-color-primary) !important;
}

.bt-readmore.bt-readmore-bg .elementor-button:hover {
    color: var(--e-global-color-secondary) !important;
    border-color: var(--e-global-color-219853c) !important;
    background-color: var(--e-global-color-219853c) !important;
}

/* .slide-scroll-box {
    overflow: visible !important;
    display: flex;
}

.slide-scroll-box .scroll-box {
    flex-direction: row;
    flex-wrap: nowrap !important;
    animation: scrolling-left linear 60s infinite;
    animation-delay: calc(60s* -1);
    display: flex;
    justify-content: flex-start;
}

.slide-scroll-box .scroll-box:nth-child(2) {
    animation-name: scrolling2-left;
    animation-delay: calc(60s / -2);
}

.scroll-box-img.scroll-box-left .slide-scroll-box .scroll-box {
    animation-name: scrolling;
}

.scroll-box-img.scroll-box-left .slide-scroll-box .scroll-box:nth-child(2) {
    animation-name: scrolling2;
}

.scroll-box-img {
    overflow: hidden;
} */

.title-page {
    position: absolute !important;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
}

.slide-scroll-box .swiper-wrapper {
    transition-timing-function: linear !important;
}

.slide-scroll-box .scroll-box .item-box {
    width: 300px;
    /* padding: 0 13.5px; */
}

.slide-scroll-box .scroll-box .item-box .item-box-image {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 10px;
}

.slide-scroll-box .scroll-box .item-box .item-box-image img {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    object-position: 50% 50%;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

.slide-scroll-box .scroll-box .item-box .item-box-content {
    display: flex;
    color: var(--e-global-color-primary);
    align-items: baseline;
}

.slide-scroll-box .scroll-box .item-box .item-box-content .item-minute {
    font-size: 35px;
    font-weight: 700;
    line-height: 43.75px;
    text-align: left;
    width: 60px;
}

.slide-scroll-box .scroll-box .item-box .item-box-content .item-location {
    font-size: 13px;
    font-weight: 500;
    line-height: 25px;
    text-align: left;
    margin: 0;
    text-transform: uppercase;
}

.slide-scroll-box .scroll-box .item-box .item-box-image:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    background-color: #00000066;
    z-index: 1;
    transition: all .3s ease-in-out;
}

.slide-scroll-box .scroll-box .item-box:hover .item-box-image:before {
    background-color: transparent;
}

.slide-scroll-box .scroll-box .item-box:hover .item-box-image img {
    transform: scale(1.1);
}

@keyframes scrolling {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes scrolling2 {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-200%);
    }
}

@keyframes scrolling-left {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes scrolling2-left {
    0% {
        transform: translateX(-200%);
    }

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

.list-distance {
    list-style: none;
    padding-left: 0;
    display: grid;
}

.list-distance li {
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
}

.list-distance li span {
    width: 70px;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
}

.box-image-map .red-area {
    top: 39.9%;
    left: 51.15%;
    width: 1.8%;
}

.html-box-image-map {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.box-image-map>img {
    position: absolute;
}

.box-image-map .line-dash {
    top: 45%;
    left: 52.3%;
    width: 4.7%;
}

.box-image-map .logo-map {
    top: 43%;
    left: 56%;
    width: 5.2%;
}

.box-image-map .square-1,
.box-image-map .square-2,
.box-image-map .square-3 {
    top: 9.5%;
    left: 19%;
    width: 66.5%;
    pointer-events: none;
}

.box-image-map .square-2 {
    scale: 0.75;
}

.box-image-map .square-3 {
    scale: 0.5;
}

.box-image-map .square-1,
.box-image-map .square-3 {
    animation: spin 90s linear infinite;
}

.box-image-map .square-2 {
    animation: spin2 90s linear infinite;
}

.box-image-map .red-area {
    animation: opacity 1s linear infinite;
}

.box-image-map .logo-map {
    animation: opacity2 1s linear infinite;
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin2 {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes opacity {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacity2 {
    0% {
        scale: 1;
    }

    50% {
        scale: 1.1;
    }

    100% {
        scale: 1;
    }
}

.section-collapse>.e-child:not(.active) .elementor-widget-image,
.section-collapse>.e-child.active .elementor-widget-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-position: 50% 50%;
    object-fit: cover;
}

.section-collapse>.e-child:not(.active) .elementor-widget-image img,
.section-collapse>.e-child.active .elementor-widget-image img {
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
    object-fit: cover;
}

.section-collapse>.e-child:not(.active) .elementor-widget-image>div:before,
.section-collapse>.e-child.active .elementor-widget-image>div:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #D4AD65;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .8;
    transition: opacity 0.5s ease;
}

.section-collapse>.e-child.active .elementor-widget-image>div:before {
    opacity: 0;
}

.section-collapse>.e-child .slide-transform-custom {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.section-collapse>.e-child .slide-transform-custom .elementor-image-carousel-wrapper {
    height: 100%;
}

.section-collapse>.e-child .slide-transform-custom figure.swiper-slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-position: 50% 50%;
    object-fit: cover;
}

.section-collapse>.e-child .slide-transform-custom figure.swiper-slide-inner img {
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
    object-fit: cover;
}

.section-collapse>.e-child:not(.active) .slide-transform-custom .elementor-image-carousel-wrapper {
    pointer-events: none;
}

.section-collapse>.e-child:not(.active) .slide-transform-custom .elementor-image-carousel-wrapper .elementor-swiper-button {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.section-collapse>.e-child .slide-transform-custom .elementor-image-carousel-wrapper .elementor-swiper-button {
    opacity: 1;
}

.section-collapse>.e-child .slide-transform-custom:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #D4AD65;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .8;
    transition: opacity 0.5s ease;
    z-index: 2;
    pointer-events: none;
}

.section-collapse>.e-child.active .slide-transform-custom:before {
    opacity: 0;
}

.slide-number .swiper-slide>.e-child>.e-con-inner>.e-child {
    transition: all .3s ease-in-out;
}

.slide-number .swiper-slide>.e-child>.e-con-inner>.e-child:hover {
    scale: 1.3;
}

.sc-image {
    overflow: hidden;
}

.sc-image .elementor-widget-image:not(.img-bg) {
    position: absolute;
    transition: all .3s ease;
}

.sc-image .elementor-widget-image:not(.img-bg):hover {
    scale: 1.1;
}

.sc-image .img-logo {
    width: 39.3%;
    right: 3.5%;
    top: 11.3%;
    z-index: 1;
}

.sc-image .img-villa {
    left: 0;
    bottom: 0;
    width: 42.95%;
    height: 59.55%;
    z-index: 2;
}

.sc-image .img-villa img {
    width: 110%;
    height: 153%;
    left: 0%;
    top: -28%;
    position: absolute;
    object-position: 79% 66%;
    object-fit: cover;
}

.sc-image .img-villa .elementor-widget-container {
    position: relative;
    overflow: hidden;
    padding-top: 63.8%;
    background-position: 50% 50%;
    background-size: cover;
}

.sc-image .img-tree-right {
    z-index: 3;
    width: 75%;
    bottom: -36%;
    right: -46.5%;
    transform: rotateY(-180deg);
}

.sc-image .img-tree-center {
    z-index: 4;
    width: 65%;
    top: 43.28%;
    left: 23%;
    transform: rotateY(-180deg);
}

.sc-image .img-dad {
    z-index: 5;
    width: 26.3%;
    bottom: 0;
    right: 11.46%;
}

.sc-image .img-mom {
    z-index: 6;
    bottom: -20.5%;
    right: 36.12%;
    width: 24.35%;
    transform: rotateY(-180deg);
}

.sc-image .img-girl {
    z-index: 7;
    width: 18.65%;
    bottom: -11%;
    right: 26.78%;
}

.sc-image .img-boy {
    z-index: 8;
    width: 24.97%;
    bottom: -9%;
    left: 26.6%;
    transform: rotateY(-180deg);
}

.sc-image .img-title-1 {
    z-index: 9;
    width: 30%;
    left: 12.83%;
    top: 16.08%;
}

.sc-image .img-title-2 {
    z-index: 10;
    width: 25.8%;
    left: 14.68%;
    top: 23.87%;
}

.sc-video-360:has(iframe):before,
.sc-video-360-2:has(iframe):before {
    display: none;
}

.list-iframe,
.list-iframe-2 {
    position: absolute;
    right: 0;
    top: 5%;
    list-style: none;
    background: url(/wp-content/uploads/2024/12/zaraguza.cz_gold_paper_flat_background_-v_6.1_08e1f5c8-6655-4bb3-ac43-52656d192389-1.png) no-repeat center;
    background-size: cover;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 15px;
    opacity: .3;
    transition: all .3s ease-in-out;
    z-index: 2;
}

.list-iframe li,
.list-iframe-2 li {
    cursor: pointer;
    padding: 5px 0;
}

.list-iframe:hover,
.list-iframe-2:hover {
    opacity: 1;
    box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
}

.list-iframe li:not(:last-child),
.list-iframe-2 li:not(:last-child) {
    border-bottom: 1px solid #ffffff54;
}

.show-360 {
    cursor: pointer;
}

.area-select {
    width: 37.9%;
    height: 31.3%;
    position: absolute;
    right: 3%;
    bottom: 15.7%;
    clip-path: polygon(26% 2%, 100% 62%, 78% 100%, 0% 31%);
    cursor: pointer;
    pointer-events: all;
    transition: all .3s ease-in-out;
}

.area-select:hover {
    background-color: #ffffff3d;
}

.elementor-element.elementor-element-c21da22.elementor-widget__width-inherit.elementor-absolute.elementor-widget.elementor-widget-html {
    pointer-events: none;
}

.area-select.area-select-2 {
    right: 34.8%;
    bottom: 38%;
    width: 31%;
    height: 23%;
    clip-path: polygon(31% 0%, 100% 65%, 76% 100%, 3% 23%);
}

.area-select.area-select-3 {
    right: 57.4%;
    bottom: 56%;
    width: 24%;
    height: 16%;
    clip-path: polygon(37% 0%, 100% 65%, 65% 100%, 2% 28%);
}

.area-select.area-select-4 {
    right: 73.4%;
    bottom: 67%;
    width: 21%;
    height: 14%;
    clip-path: polygon(39% 0%, 100% 63%, 60% 91%, 7% 27%);
}

@media screen and (max-width: 1024px) {
    .list-distance {
        grid-template-columns: 1fr 1fr;
        max-width: 700px;
        padding: 0 20px;
        margin: 0 auto;
        gap: 20px;
    }

    .list-distance li span {
        width: 50px;
    }

    .list-distance li,
    .list-distance li span {
        line-height: 20px;
    }
}

@media screen and (max-width: 767px) {
    .slide-scroll-box .scroll-box .item-box .item-box-content .item-minute {
        font-size: 28px;
        width: 50px;
    }

    .list-distance li {
        font-size: 12px;
    }

    .list-distance {
        gap: 10px 15px;
    }

    .list-distance li span {
        font-size: 15px;
        width: 30px;
    }
}

@media screen and (max-width: 375px) {
    .list-distance li {
        font-size: 10px;
    }
}

@media screen and (max-width: 320px) {
    .list-distance {
        gap: 5px 15px;
    }

    .list-distance li {
        font-size: 9px;
    }

    .list-distance li span {
        font-size: 12px;
        width: 22px;
    }
}