html{
    height: 100%;
    overflow-x: hidden;
}

.curtains{
    width: 100%;
}

.curtains>li{
    -webkit-transform:translateZ(0);
    background: white;
    position: fixed;
    display:block;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    z-index:1;
}
.curtains>li.hidden{display:none;}
.curtains>li:first-child{z-index:2;}

.eltdf-uncovering-section-on-page:not(.eltdf-header-bottom) {
    .eltdf-page-header {
        @include eltdfTransition(top .6s ease);
        position: fixed;
        top: 0;
        left: 0;
    }
    &.eltdf-header-top-enabled {
        .eltdf-top-bar {
            @include eltdfTransition(top .6s ease);
            position: fixed;
            top: -45px;
            left: 0;
        }
        &:not(.eltdf-sticky-header-appear) {
            .eltdf-top-bar {
                top: 0;
            }
            .eltdf-page-header {
                top: 45px;
            }
        }
    }
}

.eltdf-uncovering-section-on-page footer {
    display: none;
}

.eltdf-uncovering-sections {
    @include eltdfTransition(opacity 0.3s ease-out);
    opacity: 0;
    ul, li {
        margin: 0;
        padding: 0;
    }

    &.eltdf-loaded {
        opacity: 1;
    }

    .eltdf-uss-item {
        display: inline-block;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        overflow: hidden;
        will-change: transform;

        .eltdf-uss-image-holder {
            position: absolute;
            top: -5%;
            left: 0;
            width: 100%;
            height: 125%;
            will-change: transform;
            background-position: center;
            background-size: cover;
        }

        &.eltdf-uss-item-va-top {

            .eltdf-uss-item-inner {
                vertical-align: top;
            }
        }

        &.eltdf-uss-item-va-bottom {

            .eltdf-uss-item-inner {
                vertical-align: bottom;
            }
        }

        &.eltdf-uss-item-ha-left {

            .eltdf-uss-item-inner {
                text-align: left;
            }
        }

        &.eltdf-uss-item-ha-center {

            .eltdf-uss-item-inner {
                text-align: center;
            }
        }

        &.eltdf-uss-item-ha-right {

            .eltdf-uss-item-inner {
                text-align: right;
            }
        }

        &.eltdf-uss-item-has-link {

            .eltdf-uss-item-inner {

                a {
                    position: relative;
                }
            }
        }

        .eltdf-uss-item-outer {
            @include eltdfTableLayout();
        }

        .eltdf-uss-item-inner {
            @include eltdfTableCellLayout();
            padding: 5%;
            box-sizing: border-box;

            a {
                position: relative;
            }
        }

        .eltdf-uss-item-link {
            @include eltdfAbsoluteHolderLayout();
            z-index: 1;
        }
    }
}

.eltdf-fss-shadow {
    background: #323134;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 19;
    opacity: 0;
    pointer-events: none;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}