.ngparatilesnap {
    width: 100%;
}

.ngparatilesnap .ngparatilesnap-container {
    height: calc(100vh - var(--ngparatilesnap-gutter));
    padding: var(--ngparatilesnap-gutter) var(--ngparatilesnap-gutter) 0 var(--ngparatilesnap-gutter);
    box-sizing: border-box;
}



@media (min-width: 1024px) {
    .ngparatilesnap-two>.ngparatilesnap-sticky-desktop,
    .ngparatilesnap-three>.ngparatilesnap-sticky-desktop,
    .ngparatilesnap-onebytwo>.ngparatilesnap-sticky-desktop,
    .ngparatilesnap-twobyone>.ngparatilesnap-sticky-desktop,
    .ngparatilesnap-twobytwo>.ngparatilesnap-sticky-desktop
    {
        display: flex;
        column-gap: var(--ngparatilesnap-gutter);
    }

    .ngparatilesnap-two>.ngparatilesnap-sticky-desktop>.ngparatilesnap-sticky-mobile,
    .ngparatilesnap-onebytwo>.ngparatilesnap-sticky-desktop>.ngparatilesnap-sticky-mobile,
    .ngparatilesnap-twobyone>.ngparatilesnap-sticky-desktop>.ngparatilesnap-sticky-mobile
    {
        width: 50%;
    }

    .ngparatilesnap>.ngparatilesnap-sticky-desktop>.ngparatilesnap-splitcontainer {
        width: 50%;
        display: flex;
        flex-flow: column;
        row-gap: var(--ngparatilesnap-gutter);
        height: calc(100vh -  var(--ngparatilesnap-gutter));
        box-sizing: border-box;
    }

    .ngparatilesnap>.ngparatilesnap-sticky-desktop>.ngparatilesnap-splitcontainer>.ngparatilesnap-sticky-mobile
    {
        width: 100%;
        height: calc(50% -  var(--ngparatilesnap-gutter) / 2);
    }

    .ngparatilesnap>.ngparatilesnap-sticky-desktop>.ngparatilesnap-splitcontainer>.ngparatilesnap-sticky-mobile>.ngparatilesnap-container
    {
        width: 100%;
        height: 100%;
    }

    .ngparatilesnap-onebytwo>.ngparatilesnap-sticky-desktop>.ngparatilesnap-splitcontainer>.ngparatilesnap-sticky-mobile:first-child>.ngparatilesnap-container,
    .ngparatilesnap-twobytwo>.ngparatilesnap-sticky-desktop>.ngparatilesnap-splitcontainer:last-child>.ngparatilesnap-sticky-mobile:first-child>.ngparatilesnap-container {
        padding-left: 0;
        padding-bottom: 0;
    }

    .ngparatilesnap-twobyone>.ngparatilesnap-sticky-desktop>.ngparatilesnap-splitcontainer>.ngparatilesnap-sticky-mobile:first-child>.ngparatilesnap-container,
    .ngparatilesnap-twobytwo>.ngparatilesnap-sticky-desktop>.ngparatilesnap-splitcontainer:first-child>.ngparatilesnap-sticky-mobile:first-child>.ngparatilesnap-container {
        padding-right: 0;
        padding-bottom: 0;
    }

    .ngparatilesnap-onebytwo>.ngparatilesnap-sticky-desktop>.ngparatilesnap-splitcontainer>.ngparatilesnap-sticky-mobile:last-child>.ngparatilesnap-container,
    .ngparatilesnap-twobytwo>.ngparatilesnap-sticky-desktop>.ngparatilesnap-splitcontainer:last-child>.ngparatilesnap-sticky-mobile:last-child>.ngparatilesnap-container {
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .ngparatilesnap-twobyone>.ngparatilesnap-sticky-desktop>.ngparatilesnap-splitcontainer>.ngparatilesnap-sticky-mobile:last-child>.ngparatilesnap-container,
    .ngparatilesnap-twobytwo>.ngparatilesnap-sticky-desktop>.ngparatilesnap-splitcontainer:first-child>.ngparatilesnap-sticky-mobile:last-child>.ngparatilesnap-container {
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }


    .ngparatilesnap-three>.ngparatilesnap-sticky-desktop>.ngparatilesnap-sticky-mobile {
        width: 33.33%;
    }

    .ngparatilesnap-two>.ngparatilesnap-sticky-desktop>.ngparatilesnap-sticky-mobile:first-child>.ngparatilesnap-container,
    .ngparatilesnap-three>.ngparatilesnap-sticky-desktop>.ngparatilesnap-sticky-mobile:first-child>.ngparatilesnap-container,
    .ngparatilesnap-onebytwo>.ngparatilesnap-sticky-desktop>.ngparatilesnap-sticky-mobile>.ngparatilesnap-container,
    .ngparatilesnap-twobyone>.ngparatilesnap-sticky-desktop>.ngparatilesnap-splitcontainer>.ngparatilesnap-container,
    .ngparatilesnap-twobytwo>.ngparatilesnap-sticky-desktop>.ngparatilesnap-splitcontainer:first-child>.ngparatilesnap-container
    {
        padding-right: 0;
    }

    .ngparatilesnap-two>.ngparatilesnap-sticky-desktop>.ngparatilesnap-sticky-mobile:last-child>.ngparatilesnap-container,
    .ngparatilesnap-three>.ngparatilesnap-sticky-desktop>.ngparatilesnap-sticky-mobile:last-child>.ngparatilesnap-container,
    .ngparatilesnap-onebytwo>.ngparatilesnap-sticky-desktop>.ngparatilesnap-splitcontainer>.ngparatilesnap-container,
    .ngparatilesnap-twobyone>.ngparatilesnap-sticky-desktop>.ngparatilesnap-sticky-mobile>.ngparatilesnap-container,
    .ngparatilesnap-twobytwo>.ngparatilesnap-sticky-desktop>.ngparatilesnap-splitcontainer:last-child>.ngparatilesnap-container {
        padding-left: 0;
    }

    .ngparatilesnap-three>.ngparatilesnap-sticky-desktop>.ngparatilesnap-sticky-mobile:nth-child(2)>.ngparatilesnap-container {
        padding-left: 0;
        padding-right: 0;
    }

    .ngparatilesnap-snap  {
        height: 130vh !important;
    }

    .ngparatilesnap-snap>.ngparatilesnap-sticky-desktop {
        position: sticky;
        top: 0;
    }


}

.ngparatilesnap .ngparatilesnap-container>figure {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: var(--ngparatilesnap-roundedcorners);
    box-shadow: var(--ngparatilesnap-shadow);
    overflow: hidden;
    position: relative;
}

.ngparatilesnap .ngparatilesnap-container>figure img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: 4s transform ease-in-out;
    background-color: #000000;
}

.ngparatilesnap .ngparatilesnap-container>figure video {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.ngparatilesnap .ngparatilesnap-container>figure img.ngparatilesnap-animate-active {
    transform: scale(1.1,1.1);
}

.ngparatilesnap .ngparatilesnap-container>figure>figcaption {
    position: absolute;
    width: calc( var(--ngparatilesnap-captionwidth) - 2 * var(--ngparatilesnap-padding) );
}

.ngparatilesnap .ngparatilesnap-container>figure>figcaption.ngparatilesnap-animate {
    opacity: 0;
}

@keyframes ngparatilesnap-animate {
    0% { opacity: 0 }
    25% { opacity: 0 }
    100% { opacity: 1 }
}

.ngparatilesnap .ngparatilesnap-container>figure>figcaption.ngparatilesnap-animate-active {
    animation-name: ngparatilesnap-animate;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.ngparatilesnap .ngparatilesnap-container>figure>div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

}

.ngparatilesnap .ngparatilesnap-container>figure.ngparatilesnap-caption-bottomleft>figcaption {
    left: var(--ngparatilesnap-padding);
    bottom: var(--ngparatilesnap-padding);
}

.ngparatilesnap .ngparatilesnap-container>figure.ngparatilesnap-caption-bottomleft>.ngparatilesnapfadedark,
.ngparatilesnap .ngparatilesnap-container>figure.ngparatilesnap-caption-bottomright>.ngparatilesnapfadedark {
    background: linear-gradient(180deg, rgba(0,0,0,0.0), rgba(0,0,0,0.5));
}

.ngparatilesnap .ngparatilesnap-container>figure.ngparatilesnap-caption-topleft>.ngparatilesnapfadedark,
.ngparatilesnap .ngparatilesnap-container>figure.ngparatilesnap-caption-topright>.ngparatilesnapfadedark {
    background: linear-gradient(0deg, rgba(0,0,0,0.0), rgba(0,0,0,0.5));
}

.ngparatilesnap .ngparatilesnap-container>figure.ngparatilesnap-caption-bottomleft>.ngparatilesnapfadebright,
.ngparatilesnap .ngparatilesnap-container>figure.ngparatilesnap-caption-bottomright>.ngparatilesnapfadebright {
    background: linear-gradient(180deg, rgba(255,255,255,.0), rgba(255,255,255,0.5));
}

.ngparatilesnap .ngparatilesnap-container>figure.ngparatilesnap-caption-topleft>.ngparatilesnapfadebright,
.ngparatilesnap .ngparatilesnap-container>figure.ngparatilesnap-caption-topright>.ngparatilesnapfadebright {
    background: linear-gradient(0deg, rgba(255,255,255,0.0), rgba(255,255,255,0.5));
}


.ngparatilesnap .ngparatilesnap-container>figure.ngparatilesnap-caption-bottomright>figcaption {
    right: var(--ngparatilesnap-padding);
    bottom: var(--ngparatilesnap-padding);
}

.ngparatilesnap .ngparatilesnap-container>figure.ngparatilesnap-caption-topleft>figcaption {
    left: var(--ngparatilesnap-padding);
    top: var(--ngparatilesnap-padding);
}

.ngparatilesnap .ngparatilesnap-container>figure.ngparatilesnap-caption-topright>figcaption {
    right: var(--ngparatilesnap-padding);
    top: var(--ngparatilesnap-padding);
}

.ngparatilesnap .ngparatilesnap-container>figure>figcaption>*:first-child {
    margin-top: 0;
}

.ngparatilesnap .ngparatilesnap-container>figure>figcaption>*:last-child {
    margin-bottom: 0;
}

.ngparatilesnap .ngparatilesnap-container>figure>figcaption>h3 {
    color: var(--ngparatilesnap-caption-color);
    font-size: var(--ngparatilesnap-caption-font-size);
    font-weight: var(--ngparatilesnap-caption-font-weight);
    text-transform: var(--ngparatilesnap-caption-text-transform);
}

.ngparatilesnap .ngparatilesnap-container>figure>figcaption>p
{
    color: var(--ngparatilesnap-summary-color);
    font-size: var(--ngparatilesnap-summary-font-size);
    font-weight: var(--ngparatilesnap-summary-font-weight);
    text-transform: var(--ngparatilesnap-summary-text-transform);
}

.ngparatilesnap .ngparatilesnap-container>figure>figcaption>p a,
.ngparatilesnap .ngparatilesnap-container>figure>figcaption>p a:hover {
    color: var(--ngparatilesnap-summary-color);
    font-weight: var(--ngparatilesnap-summary-font-weight);
    text-decoration: underline;
}

.ngparatilesnap .ngparatilesnap-container>figure>figcaption>a {
    display: inline-block;
    border-radius: calc(var(--ngparatilesnap-roundedcorners) / 3);
    background-color: var(--ngparatilesnap-link-background-color);
    border: var(--ngparatilesnap-link-border);
    padding: 10px 14px;
    color: var(--ngparatilesnap-link-color);
    font-size: var(--ngparatilesnap-link-font-size);
    font-weight: var(--ngparatilesnap-link-font-weight);
    text-transform: var(--ngparatilesnap-link-text-transform);
    text-decoration: none;
    margin-top: 14px;
}

.ngparatilesnap .ngparatilesnap-container>figure>figcaption>a:hover {
    opacity: 0.8;
}

@media (max-width: 1023px) {
    .ngparatilesnap .ngparatilesnap-container>figure>figcaption {
        position: absolute;
        width: calc(100% - 2 * var(--ngparatilesnap-padding));
    }

    .ngparatilesnap-snap .ngparatilesnap-sticky-mobile {
        height: 130vh !important;
    }

    .ngparatilesnap-snap .ngparatilesnap-sticky-mobile>.ngparatilesnap-container {
        position: sticky;
        top: 0;
    }

}