/*
**
**
**
**
**
**
**
**
**  ==== ENVIRONMENT BASE
** ========================================
*/
body{
    pointer-events:none !important;
    background-color:#000;
    cursor:none;
}

section{
    position:fixed;z-index:1;
    top:0;bottom:0;left:0;right:0;
    margin:auto;
    width:1600px;height:900px;padding:0;
    background-color:#000;
}

/*
**
**
**
**
**
**
**
**
**  ==== SLIDES BASE
** ========================================
*/

.NE-slide{
    position:absolute;z-index:1;
    top:0;left:0;
    margin:0;
    width:100%;height:100%;padding:0;
    /*background-color:#E8E8EA;*/
    background-repeat:no-repeat;background-size:cover;background-position:center;
    opacity:0;
    overflow:hidden;
    -webkit-transform:translateX(-150px);
    -moz-transform:translateX(-150px);
    transform:translateX(-150px);
    -webkit-transition:all 500ms  ease;
    -moz-transition:all 500ms  ease;
    transition:all 500ms  ease;
}

.NE-slide > canvas{
    position:absolute;z-index:0;
    width:100%;height:100%;
    background-color:transparent;
}

/*
**
**
**
**
**
**
**
**
**  ==== TEXT BODY COMPONENT
** ========================================
*/

.NE-text-component{
    position:absolute;z-index:5;
    top:100px;left:100px;
    margin:0;
    width:auto;min-width:300px;height:auto;padding:0 0 52px 0;
}
.NE-text-component > textarea{
    display:block;
    margin:0 auto;
    width:calc(100% - 130px);height:100%;
    /*min-height:114px;*/
    padding:5px;
    background-color:transparent;
    border:3px solid transparent;
    text-shadow:0 1px 8px rgba(22, 22, 22, 0.32);
    font-size:28px;color:#000;font-weight:400;letter-spacing:0.2px;line-height:110%;
    -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; 
}
.NE-text-component > textarea::-webkit-scrollbar{
    display:none;
}

/*
**
**
**
**
**
**
**
**
**  ==== PHOTO COMPONENT
** ========================================
*/

.NE-photo-component{
    position:absolute;z-index:1;
    top:300px;left:300px;
    margin:0;
    width:400px;min-width:250px;height:auto;padding:0 0 54px 0;
}
.NE-photo-component > img{
    display:block;
    margin:0 auto;
    width:calc(100% - 100px);height:auto;
    -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; 
}
.NE-photo-component > img[src=""]{
    display:none;
}








.NE-slide.active{
    z-index:10;
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    transform:translateX(0);
    /*transform:scale(1);*/
}




.NE-text-component{
    opacity:0;
    -webkit-transform:translate(-150px, 0);
    -moz-transform:translate(-150px, 0);
    transform:translate(-150px, 0);
    -webkit-transition:-webkit-transform 500ms cubic-bezier(0.32, 0.22, 0.08, 1.42), opacity 500ms ease;
    -moz-transition:-moz-transform 500ms cubic-bezier(0.32, 0.22, 0.08, 1.42), opacity 500ms ease;
    transition:transform 500ms cubic-bezier(0.32, 0.22, 0.08, 1.42), opacity 500ms ease;
}
.NE-text-component:nth-child(even){
    -webkit-transform:translate(0, 150px);
    -moz-transform:translate(0, 150px);
    transform:translate(0, 150px);
}
.NE-slide.active > .NE-text-component{
    opacity:1;
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    transform:translate(0, 0);
}




.NE-photo-component{
    opacity:0;
    -webkit-transform:translate(100px, 0);
    -moz-transform:translate(100px, 0);
    transform:translate(100px, 0);
    -webkit-transition:-webkit-transform 500ms cubic-bezier(0.32, 0.22, 0.08, 1.42), opacity 300ms ease;
    -moz-transition:-moz-transform 500ms cubic-bezier(0.32, 0.22, 0.08, 1.42), opacity 300ms ease;
    transition:transform 500ms cubic-bezier(0.32, 0.22, 0.08, 1.42), opacity 300ms ease;
}
.NE-slide.active > .NE-photo-component{
    opacity:1;
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    transform:translate(0, 0);
}






/*
**
**
**
**
**
**
**
**
**  ==== SEQUENTIAL TRANSITION
** ========================================
*/

.NE-sequential-transition:nth-child(1){
    -webkit-transition-delay:500ms !important;
    -moz-transition-delay:500ms !important;
    transition-delay:500ms !important;
}
.NE-sequential-transition:nth-child(2){
    -webkit-transition-delay:600ms !important;
    -moz-transition-delay:600ms !important;
    transition-delay:600ms !important;
}
.NE-sequential-transition:nth-child(3){
    -webkit-transition-delay:700ms !important;
    -moz-transition-delay:700ms !important;
    transition-delay:700ms !important;
}
.NE-sequential-transition:nth-child(4){
    -webkit-transition-delay:1000ms !important;
    -moz-transition-delay:1000ms !important;
    transition-delay:1000ms !important;
}
.NE-sequential-transition:nth-child(5){
    -webkit-transition-delay:1100ms !important;
    -moz-transition-delay:1100ms !important;
    transition-delay:1100ms !important;
}
.NE-sequential-transition:nth-child(6){
    -webkit-transition-delay:1200ms !important;
    -moz-transition-delay:1200ms !important;
    transition-delay:1200ms !important;
}
.NE-sequential-transition:nth-child(7){
    -webkit-transition-delay:1500ms !important;
    -moz-transition-delay:1500ms !important;
    transition-delay:1500ms !important;
}
.NE-sequential-transition:nth-child(8){
    -webkit-transition-delay:1600ms !important;
    -moz-transition-delay:1600ms !important;
    transition-delay:1600ms !important;
}
.NE-sequential-transition:nth-child(9){
    -webkit-transition-delay:1700ms !important;
    -moz-transition-delay:1700ms !important;
    transition-delay:1700ms !important;
}
.NE-sequential-transition:nth-child(10){
    -webkit-transition-delay:1800ms !important;
    -moz-transition-delay:1800ms !important;
    transition-delay:1800ms !important;
}
.NE-sequential-transition:nth-child(n+10){
    -webkit-transition-delay:1900ms !important;
    -moz-transition-delay:1900ms !important;
    transition-delay:1900ms !important;
}