.story {
    max-height: 270px;
    overflow: hidden;
    position:relative;
    transition:all 0.5s;
}

.story_full {
    max-height: 1500px !important;
}

.story .read_more {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    position: absolute;
    bottom: 0px;
    padding: 40px 0;
    width: 100%;
    text-align: center;
    transition:all 0.5s;
}

.story_full .read_more {
    display:none;
}


.story .read_more .button {
    cursor:pointer;
    font-family: Hind Vadodara;
    border: 2Px solid #d0d0d0;
    border-radius: 25px;
    padding: 5px 11px;
    color: #555;
    font-size: 13px;
    z-index:3;
    background :#fff;
    position:relative;
    transition:all 0.5s;
}

.portlet-design-1 {
    height: 270px;
    position:relative;
}

.portlet-design-1  .title {
    position: absolute;
    top: -999px;
    bottom: -999px;
    left: -999px;
    right: -999px;
    margin: auto;
    width: 200px;
    height: 20px;
    font-size: 40px;
    text-align: center;
    font-family: Montserrat;
    color: #ffffffab;
}

.porlet-white-header {
    background: url(https://bd23a0.claudeassets.com/20260520043937im_/https://www.nextwab.com/site-images/cloud-3.png) center bottom;
    min-height: 240px;
    position: relative;
    overflow: hidden;
    -webkit-animation: 60s linear 0s infinite move_cloud_background;
    animation: 60s linear 0s infinite move_cloud_background;
    z-index:2;
    margin-bottom: -3px;
}

.porlet-white-footer {
    background: url(https://befd42.claudeassets.com/20260520043937im_/https://www.nextwab.com/site-images/cloud-4.png) center top;
    min-height: 110px;
    position: relative;
    overflow: hidden;
    -webkit-animation: 60s linear 0s infinite move_cloud_background;
    animation: 60s linear 0s infinite move_cloud_background;
    z-index:2;
}

.porlet-white {
    z-index:2;
    position:relative;
    background:#FFF;
    min-height:800px;
    text-align:center;
    padding:10px;
    color:#333;
}

.porlet-white h2, .porlet-white h6 {
    color: #526577;
    margin-top: 20px;
    Font-Family: Varela Round !important;
    font-weight: 100;
    font-size: 36px;
}

.porlet-white .text-content {
    width:1000px;
    margin:30px auto;
    text-align:left;

}


@-webkit-keyframes move_cloud_background { 
    0% { background-position-x: 0px} 
    100% { background-position-x: 512px} 
}


.porlet-white-wrapper {
    margin-left: -25px;
    margin-right: -25px;
}

.planet_cloud_1 path  {
    -webkit-animation: 3s linear 0s infinite planet_cloud_1_animation;
    animation: 3s linear 0s infinite planet_cloud_1_animation;    
    opacity:0
}

.planet_cloud_2 path  {
    -webkit-animation: 4s linear 0s infinite planet_cloud_1_animation;
    animation: 4s linear 0s infinite planet_cloud_1_animation;    
    opacity:0
}

.planet_lines path:nth-child(1) , .planet_lines path:nth-child(2) , .planet_lines path:nth-child(3){
    -webkit-animation: 6s linear 0s infinite planet_cloud_1_animation;
    animation: 6s linear 0s infinite planet_cloud_1_animation;    
    opacity:0
}


.server_button_1{
    -webkit-animation: 1s linear 0s infinite planet_cloud_1_animation;
    animation: 1s linear 0s infinite planet_cloud_1_animation;    
    opacity:0
}
.server_button_2{
    -webkit-animation: 0.6s linear 0s infinite planet_cloud_1_animation;
    animation: 0.6s linear 0s infinite planet_cloud_1_animation;    
    opacity:0
}
.server_button_3{
    -webkit-animation: 0.4s linear 0s infinite planet_cloud_1_animation;
    animation: 0.4s linear 0s infinite planet_cloud_1_animation;    
    opacity:0
}
.server_button_4{
    -webkit-animation: 6s ease-in 0s infinite planet_cloud_2_animation;
    animation: 4s  ease-in-out 0s infinite planet_cloud_2_animation;    
    opacity:0.3
}


@-webkit-keyframes planet_cloud_1_animation { 
    0% { opacity:0} 
    50% { opacity:1} 
    75% { opacity:1} 
    99% { opacity:0} 
}

@-webkit-keyframes planet_cloud_2_animation { 
    0% { opacity:0.3} 
    33% { opacity:1} 
    66% { opacity:1} 
    99% { opacity:0.3} 
}

.portlet-design-1-content {
    color: #FFF;

    font-family: Montserrat !important;
    position: absolute;
    top: 170px;
    left: 26vw;
}

.portlet-design-1-content .h2{
    color: #FFF;
    font-size: 30px;   
    display:block; 
    font-family: Montserrat !important;
}

.portlet-design-1-content .h4{
    color: #FFF;
    font-size: 20px;   
    display:block; 
    font-family: Montserrat !important;
}


.porlet-white .title {
    color: #526577;
    font-family: Varela Round;
    margin-top: 0px;
    font-size: 20px;
    font-weight: 100;
}

.porlet-white a {
    color: #215C99;
}

.porlet-white b {
    font-weight: 700;
    color: #333;
}

.porlet-white .little-block {
    color:#7D7D7D;
    margin-top:35px;
}
.porlet-white .little-block .lb-title {
    color:#333;
}
.porlet-white .little-block .button_checked {
    top: 39px;
    left: 170px;
}


.layer-1 {
    background:url(https://ba8613.claudeassets.com/20260520043937im_/https://www.nextwab.com/style/images/rocket-bg.png);
    -webkit-animation: 6s linear 0s infinite bg-move-top-left;
    animation: 6s  linear 0s infinite bg-move-top-left;
    border-radius:20px;   
}



.layer-2 {
    margin-bottom:100px;
    background:url(https://ae1b6a.claudeassets.com/20260520043937im_/https://www.nextwab.com/style/images/sign-bg.png);
    -webkit-animation: 6s linear 0s infinite bg-move-bottom;
    animation: 6s  linear 0s infinite bg-move-bottom;
}

.layer-3 {
    margin-bottom:100px;
    background:url(https://e4a3eb.claudeassets.com/20260520043937im_/https://www.nextwab.com/style/images/heart-bg.png);
    -webkit-animation: 6s linear 0s infinite bg-move-bottom;
    animation: 6s  linear 0s infinite bg-move-bottom;
}

.layer-4 {
    margin-bottom:100px;
    background:url(https://4f3108.claudeassets.com/20260520043937im_/https://www.nextwab.com/style/images/cloud-grey-bg.png);
    -webkit-animation: 12s linear 0s infinite bg-move-top;
    animation: 6s  linear 0s infinite bg-move-top;
}

.layer-4 .svg-layer{
    height:256px;
}
.layer-4 svg{

    animation: 0.1s  linear 0s infinite meteor_svg;
}

@-webkit-keyframes meteor_svg { 
    0% {margin-left:0px;margin-top:0px}
    20% {margin-left:3px}
    45% {margin-top:3px}
    60% {margin-left:-3px}
    80% {margin-left:-3px}
    100% {margin-left:0px;margin-top:0px}
}


.layer-2 .svg-layer {
    margin-top: 110px;
    margin-bottom: 30px;
    border-radius:20px;   
    position:relative;

}

.svg_contenair {
    position:relative;  
    overflow:hidden;
}
.svg_contenair .tach {
    position:relative;

    z-index:2;    
}



@-webkit-keyframes bg-move-top-left { 

    0% {background-position-y: 0px;}
    100% {background-position-y: -128px;background-position-x: 128px;}

}
@-webkit-keyframes bg-move-bottom { 

    0% {background-position-y: 0px;}
    100% {background-position-y: 128px;}

}

@-webkit-keyframes bg-move-top { 

    0% {background-position-y: 0px;}
    100% {background-position-y: -128px;}

}

.tach_arrow  {
    -webkit-animation: 1s linear 0s infinite tach_arrow;
    animation: 1s  linear 0s infinite tach_arrow; 
    transform-origin:32px 40px;
}

@-webkit-keyframes tach_arrow { 
    0% {transform:rotate(45deg)}
    10% {transform:rotate(95deg)}
    15% {transform:rotate(90deg)}
    20% {transform:rotate(95deg)}
    100% {transform:rotate(45deg)}
}

.summary_layer {
    display: inline-block;
    margin-right: 15px;
    font-size: 15px;
    margin-bottom: 20px;
    padding: 7px 10px;
    font-family: Varela Round;
    border-radius: 4px;
    font-weight: 100;
    background: #F7F7F7;
}

.summary_layer img{
    vertical-align: -4px;
}

.body_space .sky {
    position:fixed;
    top:0px;
    left:0px;
    z-index:-2;
    filter:blur(1.5px)
}

.body_space .sky_layer {
    background: url(https://267193.claudeassets.com/20260520043937im_/https://www.nextwab.com/style/images/sky-layer.png) center bottom;
    position:fixed;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    z-index:-1;
    -webkit-animation: 10s ease-in-out 0s infinite sky_layer_background;
    animation: 10s ease-in-out 0s infinite sky_layer_background;
}

@-webkit-keyframes sky_layer_background { 
    0% { background-position-y: 0px} 
    70% { background-position-y: 500px} 
    100% { background-position-y: 512px} 
}

.space_light{

    background: -moz-radial-gradient(center, ellipse cover,  rgba(234,117,28,0.7) 0%, rgba(125,185,232,0) 70%);
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(234,117,28,0.7) 0%,rgba(125,185,232,0) 70%);
    background: radial-gradient(ellipse at center,  rgba(234,117,28,0.7) 0%,rgba(125,185,232,0) 70%);

    width: 195vw;
    height: 200vh;
    top: -120vh;
    position: absolute;
    left: -100vw;    
    animation: 12s  ease-in-out 0s infinite space_light;
	z-index: -1;
}


@-webkit-keyframes space_light { 
    0% { opacity:1 } 
    20% { opacity:0.2 } 
    100% {opacity:1 } 
}


/* Rocket */
.space_rocket_contenair{
    position: absolute;
    height: 2000px;
    width: 300px;
    overflow:hidden;
    z-index: 2;
}

.space_rocket {
    top: -300px;
    opacity:0;
    width:256px;
    height:256px;
    position:absolute;

    animation: 7s  linear 0s infinite space_rocket;
}

@-webkit-keyframes space_rocket { 
    0% { top: 1500px; opacity : 0;} 
    1% { top: 1500px; opacity : 1;} 
    50% { top: 200px;opacity : 1;} 
    55% { top: -50px; opacity : 0;} 
    99% { top: 1500px; opacity : 0;} 
}


.space_rocket svg{
    position:absolute;
}

.rocket_flam {
    width:100%;
    height:2000px;
}




/* Meteor  */

.meteor { position:relative;

}

.meteor svg{ position:relative;
             z-index:2
}

.meteor .flam {
    height: 75px;
    width: 160px;
    position: absolute;
    transform: rotate(-45deg);
    left: -999px;
    right: -999px;
    margin: auto;
    z-index: 1;
    top: 97px;
    padding-left: 50px;

}

.meteor .flam_bar:nth-child(1) {
    animation: 0.8s  ease-in 0s infinite meteor_flam;
}
.meteor .flam_bar:nth-child(2) {
    animation: 0.6s  ease-in 0s infinite meteor_flam;
}
.meteor .flam_bar:nth-child(3) {
    animation: 0.7s  ease-in 0s infinite meteor_flam;
}
.meteor .flam_bar:nth-child(4) {
    animation: 0.8s  ease-in 0s infinite meteor_flam;
}
.meteor .flam_bar:nth-child(5) {
    animation: 0.9s  ease-in 0s infinite meteor_flam;
}


@-webkit-keyframes meteor_flam { 

    0% { width:100% } 
    70% { width:40%} 
    100% { width:100% }  
}


.meteor .flam_bar
{
    background: -moz-linear-gradient(left,  rgba(206,41,41,1) 0%, rgba(219,160,43,0.8) 42%, rgba(239,217,47,0.68) 67%, rgba(243,216,48,0.66) 72%, rgba(244,215,48,0.61) 74%, rgba(242,219,48,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(206,41,41,1) 0%,rgba(219,160,43,0.8) 42%,rgba(239,217,47,0.68) 67%,rgba(243,216,48,0.66) 72%,rgba(244,215,48,0.61) 74%,rgba(242,219,48,0) 100%);
    background: linear-gradient(to right,  rgba(206,41,41,1) 0%,rgba(219,160,43,0.8) 42%,rgba(239,217,47,0.68) 67%,rgba(243,216,48,0.66) 72%,rgba(244,215,48,0.61) 74%,rgba(242,219,48,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce2929', endColorstr='#00f2db30',GradientType=1 );

    height: 14px;
    border-radius: 8px;

}



.typewriter::before {
    content:'';
    display:inline-block;
    animation: 20s linear 0s infinite typewriter_animation;
    overflow:hidden;
    vertical-align: -6px;

    white-space: nowrap;
    max-width:0%;
}

.typewriter::after {
    content: "";
    border-left: 2px solid #515151;
    height: 22px;
    display: inline-block;
    vertical-align: -4px;
    margin-left: 2px;
    opacity:0;
    max-width:0%;
    animation: 0.5s linear 0s infinite typewriter_cursor;
}

@-webkit-keyframes typewriter_cursor {
    0% {  opacity:0;} 
    49% {  opacity:0;} 
    50% { opacity:1; } 
    99% { opacity:1; } 
}


@-webkit-keyframes typewriter_animation { 
    0% {   content:'Comment Nextwab est arrivé sur terre'; max-width:0%;} 
    10% {  content:'Comment Nextwab est arrivé sur terre'; max-width:100%; } 
    15% {  content:'Comment Nextwab est arrivé sur terre'; max-width:0%; } 


    20% {  content:'L\'emmergence de Nextwab'; max-width:0%;} 
    30% {  content:'L\'emmergence de Nextwab'; max-width:100%; } 
    35% {  content:'L\'emmergence de Nextwab';max-width:0%; } 


    40% {  content:'Le big bang de Nextwab'; max-width:0%;} 
    50% {  content:'Le big bang de Nextwab';max-width:100%; } 
    55% {  content:'Le big bang de Nextwab';max-width:0%;} 


    60% {  content:'Nextwab, the origin'; max-width:0%;} 
    70% {  content:'Nextwab, the origin';max-width:100%; } 
    75% {  content:'Nextwab, the origin';max-width:0%; }


    80% {  content:'Appelez ça comme vous voulez, on vous aime ! ;)';max-width:0%; }             
    90% {  content:'Appelez ça comme vous voulez, on vous aime ! ;)';max-width:100%; } 
    95% {  content:'Appelez ça comme vous voulez, on vous aime ! ;)';max-width:0%; }
}


@media (max-width:1100px) {
    .porlet-white .text-content {
        width:calc(100vw - 60px);
    }

    .portlet-special-2 {
        margin-left: -20px;
        margin-right: -20px;
    }
}

@media (max-width:550px) {
    .porlet-white .title {
        font-size: 15px;
    }

    .porlet-white h2, .porlet-white h6 {
        font-size: 26px;
    }
}

@media (max-width:550px) {
    .block-presentation {
        width:calc(100vw - 90px) !important;
    }
}
/*
     FILE ARCHIVED ON 22:12:42 Dec 21, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:38:51 Nov 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.677
  exclusion.robots: 0.058
  exclusion.robots.policy: 0.043
  esindex: 0.01
  cdx.remote: 43.03
  LoadShardBlock: 336.112 (3)
  PetaboxLoader3.datanode: 147.076 (4)
  PetaboxLoader3.resolve: 121.62 (2)
  load_resource: 179.205
*/