/* preloader, bullets, scroll down */
.loading .mainarea {
    height: 100%;
    overflow: hidden;
}
.loading .preloader-wrapper {
    background: none;
    display: block;
    z-index: inherit;
}
.loading .screens,
.loading .s1-wrapper {
	height: 100%;
}
.loading .s1-visual-wrapper,
.loading .s1-text-wrapper {
    display: none!important;
}
.loading .footer-wrapper {
    display: none;
}
@media (min-width: 1025px) {
    .js.desktop .bullets-wrapper,
    .js.desktop .scroll-down-wrapper,
    .js.desktop .logo-wrapper,
    .js .s1-visual-wrapper,
    .js .footer-wrapper {
        display: block;
    }
    .loading .bullets-wrapper,
    .loading .scroll-down-wrapper,
    .loading .logo-wrapper {
    	display: none;
    }
}

/* screens */
@media (min-width: 1025px) {
    .js.desktop .mainarea,
    .js.desktop .screens {
        height: 100%;
        overflow: hidden;
    }
    .js.desktop .screen-perspective {
        bottom: 0;
        height: 100%;
        left: 0;
        -webkit-perspective: 1800px;
        -moz-perspective: 1800px;
        -o-perspective: 1800px;
        perspective: 1800px; 
        position: absolute;
        right: 0;
        top: 0;
        -moz-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -o-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        width: 100%;
    }
    .js.desktop .screen {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        height: 100%;
        left: 0;
        -webkit-perspective: 1800px;
        -moz-perspective: 1800px;
        -o-perspective: 1800px;
        perspective: 1800px; 
        position: absolute;
        right: 0;
        top: 0;
        -moz-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    .js.desktop .screen-active {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .js.desktop .screen-top {
        -webkit-transform-origin: center top;
        -moz-transform-origin: center top;
        -ms-transform-origin: center top;
        -o-transform-origin: center top;
        transform-origin: center top;
    }
    .js.desktop .screen-bottom {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

/* screen 3 */
@media (min-width: 1025px) {
	.js.desktop .s3-front-middle {
        padding-bottom: 100px;
    }
}
@media (min-width: 1280px) and (min-height: 700px) { /* eg 1280x800 */
    .js.desktop .s3-back {
		top: 2.5%;
	}
}
@media (min-width: 1440px) and (min-height: 769px) { /* eg 1440x900 */
    .js.desktop .s3-back {
		top: 0;
	}
}
@media (min-width: 1280px) and (min-height: 901px) { /* eg 1280x1024 */
    .js.desktop .s3-back {
		top: 0;
	}
}
@media (min-width: 1600px) {
    .js.desktop .s3-back {
		top: 7.5%;
	}
}
@media (min-width: 1600px) and (min-height: 901px) {
	.js.desktop .s3-back {
		top: 0;
	}
}

/* screen 4 */
.js .video-play {
    display: table;
}

/* screen 5 */
@media (min-width: 1025px) {
    .js.desktop .s5-front-middle {
        padding-bottom: 140px;
    }
}

/* footer */
@media (min-width: 1025px) {
    .js.desktop .footer-wrapper {
        bottom: 0;
        padding-bottom: 0!important;
        position: fixed;
        width: 100%;
        z-index: 98;
    }
    .js.desktop .footer-short {
        height: 41px;
    }
    .js.desktop .footer-short .footer-top {
        border-bottom: 0;
        padding-bottom: 0;
        padding-top: 0;
    }
    .js.desktop .footer-short .footer-top-container {
        height: 41px;
    }
    .js .footer-short .copyrights {
        font-size: 12px;
    }
    .js.desktop .footer-short .copyrights-line-2 {
        display: none;
    }
    .js.desktop .footer-short .social-buttons {
        padding-bottom: 4px;
    }
    .js.desktop .footer-short .footer-bottom {
        display: none;
    }
}
@media (min-width: 1367px) {
    .js .footer-short .copyrights {
        font-size: 13px;
    }
    .js.desktop .footer-short .social-buttons {
        padding-bottom: 8px;
    }
}