@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,600;0,800;1,300&display=swap";html{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-size:16px;line-height:24px;background:#fff;position:relative}@media only screen and (max-width: 1200px){html{font-size:14px;line-height:22px}}body{position:relative;margin:0;padding:0;font-family:Open Sans,sans-serif;width:100vw;height:100vh;overflow:hidden}*{-webkit-box-sizing:border-box;box-sizing:border-box}h1{font-family:Open Sans,sans-serif;font-weight:600;font-size:2.5rem;line-height:3rem;margin:2rem 0}h2{font-family:Open Sans,sans-serif;font-weight:800;font-size:1.8rem;line-height:2rem;margin:1.5rem 0}p{font-size:1rem;margin:2rem 0}strong{font-weight:800}button.btn_main,a.btn_main{text-decoration:none;display:inline-block;font-family:Open Sans,sans-serif;font-weight:600;font-size:1rem;line-height:1rem;margin:1rem 0;padding:1rem 3rem;background:#000;border-radius:50px;border:3px solid #000;color:#fff;cursor:pointer}button.btn_small,a.btn_small{text-decoration:none;display:inline-block;font-family:Open Sans,sans-serif;font-weight:600;font-size:1rem;line-height:1rem;margin:1rem 0;padding:.6rem 2rem;background:#000;border-radius:50px;border:3px solid #000;color:#fff;cursor:pointer}button.btn_orange,a.btn_orange{background:#FF8500;border:3px solid #FF8500;color:#fff}button.btn_orange:hover,a.btn_orange:hover{background:#fff;border:3px solid #FF8500;color:#ff8500;-webkit-box-shadow:0px 0px 10px #FF8500;box-shadow:0 0 10px #ff8500}a.sublink{font-family:Open Sans,sans-serif;font-weight:600;font-size:1rem;line-height:1rem}@media only screen and (max-width: 1325px){h1{font-size:1.5rem;line-height:2rem;margin:1.5rem 0}h2{font-size:1.5rem;line-height:1.8rem}p{font-size:1rem;margin:1.5rem 0}button.btn_main,a.btn_main{font-size:1rem;line-height:1.2rem;margin:1rem 0;padding:.5rem 3rem}button.btn_small,a.btn_small{font-size:1rem;line-height:1.2rem}}#home_background{z-index:1;position:absolute;top:0;left:0;width:100vw;height:100vh;background:#fff 50% 50% repeat-x;background-size:500%;object-fit:cover;-webkit-animation:homeBg 60s linear infinite;animation:homeBg 60s linear infinite;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}@-webkit-keyframes homeBg{0%{background-position:45% 50%}50%{background-position:55% 50%}to{background-position:45% 50%}}@keyframes homeBg{0%{background-position:45% 50%}50%{background-position:55% 50%}to{background-position:45% 50%}}#home_background.hidden{opacity:0}#home{z-index:10;position:absolute;top:0;left:0;width:100vw;height:100vh}#home.hidden{pointer-events:none}#home:before,#home:after{content:"";position:absolute;display:block;width:30vw;height:100%;-webkit-transition:all .4s ease;transition:all .4s ease}#home:before{top:0;left:0;background:url(/power-fi/img/home_top.svg) top left no-repeat;background-size:contain}#home:after{right:0;bottom:0;background:url(/power-fi/img/home_bottom.svg) bottom right no-repeat;background-size:contain}#home.hidden:before{left:-30vw}#home.hidden:after{right:-30vw}.home_popup{position:absolute;z-index:10;top:50%;left:25vw;width:50vw;padding:50px;color:#fff;text-align:center;background:-webkit-gradient(linear,left top,left bottom,from(rgba(49,75,85,.9)),to(rgba(10,15,17,.9)));background:linear-gradient(to bottom,rgba(49,75,85,.9),rgba(10,15,17,.9));border:1px solid #5D93A8;border-radius:50px;-webkit-transform:scale(1) translateY(-50%);transform:scale(1) translateY(-50%);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transition:all .6s ease;transition:all .6s ease}#home.hidden .home_popup{-webkit-transform:scale(0) translateY(-50%);transform:scale(0) translateY(-50%);opacity:0}.home_icon{display:inline-block;width:90px;height:90px;border-radius:50%;background:#fff url(/power-fi/img/icons/netatmo_icon.png) center no-repeat;background-size:35%}@media only screen and (max-width: 1200px){.home_popup{width:70vw;left:15vw}}@media only screen and (max-width: 768px){#home_background{background-size:1000%}.home_popup{width:90vw;left:5vw;padding:20px}#home:before,#home:after{width:50vw;height:100%;-webkit-transition:all .4s ease;transition:all .4s ease}#home.hidden:before{left:-50vw}#home.hidden:after{right:-50vw}}#loader{display:block;z-index:15;width:60px;height:60px;position:absolute;top:calc(50% - 30px);left:calc(50% - 30px);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;background:url(/power-fi/img/icons/netatmo_icon.png) center no-repeat;background-size:35%}#loader.hidden{-webkit-transform:scale(0);transform:scale(0)}#loader:after{content:" ";display:block;position:absolute;width:100%;height:100%;top:-3px;left:-5px;border-radius:50%;border:5px solid #fff;border-color:#FF8500 transparent #FF8500 transparent;-webkit-animation:loader 1s linear infinite;animation:loader 1s linear infinite;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:1}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#container{z-index:5;position:absolute;top:0;left:0;width:100vw;height:100vh}#three_container{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%}#menu_rooms{z-index:20;position:absolute;top:0;left:0;width:100%;text-align:center;-webkit-transition:-webkit-transform .6s ease;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}#menu_rooms.hidden{-webkit-transform:translateY(-100%);transform:translateY(-100%)}@media only screen and (max-width: 768px){#menu_rooms{position:fixed;top:unset;left:0;bottom:0;width:100%;padding:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}#menu_rooms:after{position:absolute;display:block;content:"";width:277px;height:56px;background:#fff;top:0;left:50%;border-radius:50px;-webkit-transform:translateX(-50%);transform:translate(-50%)}#menu_rooms.hidden{-webkit-transform:translateX(-50%) translateY(100%);transform:translate(-50%) translateY(100%)}}#menu_rooms button{position:relative;display:inline-block;width:50px;height:50px;border-radius:50px;margin:4vh 10px 0;border:2px solid #314B55;background:#314B55;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}#menu_rooms button:hover{border:2px solid #FF8500;background:#314B55;-webkit-box-shadow:0px 0px 10px #FF8500;box-shadow:0 0 10px #ff8500}#menu_rooms button span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:100%}#menu_rooms button:hover span{background-size:110%}#menu_rooms button font{display:block;position:absolute;bottom:-10px;left:50%;-webkit-transform:translateX(-50%) translateY(0%) scale(0);transform:translate(-50%) translateY(0) scale(0);background:#314B55;color:#fff;font-family:Open Sans,sans-serif;font-weight:600;font-size:1rem;line-height:1rem;white-space:nowrap;padding:.5rem 1.5rem .6rem;border-radius:50px;opacity:0;-webkit-transition:all .2s ease;transition:all .2s ease}#menu_rooms button:hover font{opacity:1;-webkit-transform:translateX(-50%) translateY(100%) scale(1);transform:translate(-50%) translateY(100%) scale(1)}#menu_rooms button.active{border:2px solid #FF8500;background:#FF8500;cursor:default}#menu_rooms button.active font{background:#FF8500}@media only screen and (max-width: 768px){#menu_rooms button{z-index:10;width:36px;height:36px;margin:10px 2px 4vh}#menu_rooms button font{display:none}}#info_bubble:before{content:"";position:absolute;display:block;top:-12px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #314B55}#info_bubble{position:absolute;max-width:30vw;min-width:20vw;background:-webkit-gradient(linear,left top,left bottom,from(#314B55),to(#0A0F11));background:linear-gradient(to bottom,#314B55,#0A0F11);padding:15px 25px;border-radius:10px;text-align:center;color:#fff;font-style:italic;opacity:0;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform:translateX(-50%) translateY(calc(100% + 100px)) scale(0);transform:translate(-50%) translateY(calc(100% + 100px)) scale(0);-webkit-transition:opacity .2s ease,-webkit-transform .4s cubic-bezier(.53,1.65,.605,.995);transition:opacity .2s ease,-webkit-transform .4s cubic-bezier(.53,1.65,.605,.995);transition:transform .4s cubic-bezier(.53,1.65,.605,.995),opacity .2s ease;transition:transform .4s cubic-bezier(.53,1.65,.605,.995),opacity .2s ease,-webkit-transform .4s cubic-bezier(.53,1.65,.605,.995)}@media only screen and (max-width: 768px){#info_bubble{display:none}}#info_bubble.showed{opacity:1;-webkit-transform:translateX(-50%) translateY(calc(100% + 100px)) scale(1);transform:translate(-50%) translateY(calc(100% + 100px)) scale(1)}#info_bubble span{display:block;text-align:center;font-family:Open Sans,sans-serif;font-weight:800;font-size:1.2rem;line-height:1.5rem;margin:0 0 .5rem;font-style:normal}#obj_infos{z-index:25;position:absolute;top:0;right:0;width:50%;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(#314B55),to(#0A0F11));background:linear-gradient(to bottom,#314B55,#0A0F11);-webkit-transform:translateX(100%);transform:translate(100%);-webkit-transition:all .6s ease;transition:all .6s ease;text-align:center;color:#fff}#obj_infos.showed{-webkit-transform:translateX(0%);transform:translate(0)}@media only screen and (max-width: 768px){#obj_infos{top:0;right:0;width:100%;height:140%;-webkit-transform:translateY(110%);transform:translateY(110%)}#obj_infos.showed{-webkit-transform:translateY(43%);transform:translateY(43%)}#obj_infos.full{-webkit-transform:translateY(-28.5%);transform:translateY(-28.5%)}}#obj_infos.dragging{-webkit-transition:none;transition:none}#obj_close{z-index:10;position:absolute;top:20px;left:20px;display:block;width:40px;height:40px;border:none;background:url(/power-fi/img/icons/close.svg) center no-repeat;background-size:80%;color:transparent;cursor:pointer;padding:0}#obj_close:hover{opacity:.8}#obj_mobile_drag{z-index:10;position:absolute;top:-25px;left:calc(50% - 25px);display:none;width:50px;height:50px;border:none;background:#fff;border-radius:50px;color:transparent;cursor:pointer;padding:0}@media only screen and (max-width: 768px){#obj_mobile_drag{display:block;background:#fff url(/power-fi/img/icons/side_arrow_top.svg) center no-repeat;background-size:50%}#obj_mobile_drag.close{top:40vh;width:70px;height:35px;border-radius:0 0 15px 15px;left:calc(50% - 35px);background:#fff url(/power-fi/img/icons/close_blue.svg) center no-repeat;background-size:25%}}#obj_mobile_info{position:relative;display:none;text-align:center;color:#fff;font-style:italic;height:40vh;background:-webkit-gradient(linear,left top,left bottom,from(#314B55),to(rgba(10,15,17,.7)));background:linear-gradient(to bottom,#314B55,rgba(10,15,17,.7))}#obj_mobile_info>div{padding:5vh 25px;position:absolute;top:50%;width:100%;left:0;line-height:1.3em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#obj_mobile_info span{display:block;text-align:center;font-family:Open Sans,sans-serif;font-weight:800;font-size:1.4rem;line-height:1.5rem;margin:0 0 .5rem;font-style:normal}@media only screen and (max-width: 768px){#obj_close{display:none}#obj_mobile_info{display:block}}#list_container{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.3)));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.3))}#obj_list{position:relative;width:100%;height:18vh;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#list_notice{padding-bottom:15px;margin:0;font-style:italic}#obj_list button{display:block;width:13vh;height:13vh;border:1px solid #FF8500;border-radius:50%;background-color:#ffffff80;background-position:center;background-size:100%;background-repeat:no-repeat;color:transparent;cursor:pointer;opacity:.6;-webkit-transform:scale(.7);transform:scale(.7);-webkit-transition:all .2s ease;transition:all .2s ease}#obj_list button.active{-webkit-transform:scale(1);transform:scale(1);pointer-events:none;cursor:default;opacity:1}#obj_list button:hover{-webkit-transform:scale(.8);transform:scale(.8);opacity:1;-webkit-box-shadow:0px 0px 10px #FF8500;box-shadow:0 0 10px #ff8500}#obj_list button.active{-webkit-transform:scale(1);transform:scale(1)}@media only screen and (max-width: 768px){#obj_list{display:none}}.obj_infos_center{position:absolute;width:100%;left:0;top:calc(50% + 8vh);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.obj_infos_left{position:absolute;width:60%;padding:0 50px;left:0;top:calc(50% + 8vh);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#obj_info h2{color:#ff8500}.obj_infos_left ul{padding:0;text-align:left}.obj_infos_left li{position:relative;padding:10px 0 10px 40px;list-style-type:none;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.obj_infos_left li:hover{text-shadow:0 0 5px #fff}.obj_infos_left li:before{content:"";position:absolute;display:block;top:13px;left:0;width:20px;height:20px;border-radius:20px;background:#fff;-webkit-transition:all .2s ease;transition:all .2s ease}.obj_infos_left li:hover:before{-webkit-box-shadow:0 0 5px #FF8500;box-shadow:0 0 5px #ff8500}.obj_infos_left li.active:before{background:#FF8500}.obj_infos_right{position:absolute;height:53vh;left:28vw;width:30.6vh;top:calc(50% + 8vh);-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden}.obj_infos_right img{height:53vh;display:block;float:left}.obj_infos_right img:nth-child(2){padding:0 2px}#obj_slides_img{height:100%;-webkit-transition:all .4s ease;transition:all .4s ease}#obj_buttons{color:#fff}#obj_buttons a{display:inline-block}#obj_buttons a.sublink{color:#fff;font-size:.8em}#obj_buttons p{margin:0}@media only screen and (max-width: 768px){.obj_infos_left{position:absolute;width:100%;padding:0 20px;left:0;top:65%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#obj_slides_list{width:50%;min-height:240px}.obj_infos_left li{font-size:.9em;line-height:1.2em}.obj_infos_right{height:200px;left:unset;right:20px;width:115px;top:65%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.obj_infos_right img{height:100%}#obj_info h2{display:none}}#side_logo{position:absolute;top:0;left:0;width:20vw;height:12vh;z-index:50;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}@media only screen and (max-width: 768px){#side_logo{display:none}}#side_logo.hidden{-webkit-transform:translateX(-20vw);transform:translate(-20vw)}#side_logo button{position:relative;display:block;width:70%;margin:4vh auto;border:none;text-align:center;background:transparent;color:#fff;cursor:pointer;text-decoration:underline;background:url(/power-fi/img/icons/netatmo_logo.svg) center no-repeat;background-size:contain;height:3vh}@media only screen and (max-width: 1200px){#side_logo{width:30vw}#side_logo.hidden{-webkit-transform:translateX(-30vw);transform:translate(-30vw)}}#side_menu{position:absolute;top:0;left:0;width:20vw;height:100vh;z-index:40;background:-webkit-gradient(linear,left top,left bottom,from(rgba(49,75,85,.9)),to(rgba(10,15,17,.9)));background:linear-gradient(to bottom,rgba(49,75,85,.9),rgba(10,15,17,.9));text-align:center;-webkit-transform:translateX(-20vw);transform:translate(-20vw);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}#side_menu .side_toggle{display:block;position:absolute;right:-2.5vw;top:45vh;width:2.5vw;height:10vh;cursor:pointer;background:#1E2E34 url(/power-fi/img/icons/side_arrow_right.svg) center no-repeat;background-size:35%;opacity:1;border-radius:0 10px 10px 0;border:none}#side_menu.showed .side_toggle{opacity:.9;background:#1E2E34 url(/power-fi/img/icons/side_arrow_left.svg) center no-repeat;background-size:35%}@media only screen and (min-width: 768px){#side_menu:hover .side_toggle{opacity:.9;background:#1E2E34 url(/power-fi/img/icons/side_arrow_left.svg) center no-repeat;background-size:35%}#side_menu:hover{-webkit-transform:translateX(0vw);transform:translate(0)}}#side_menu.showed{-webkit-transform:translateX(0vw);transform:translate(0)}#side_menu.hidden{-webkit-transform:translateX(-25vw);transform:translate(-25vw)}@media only screen and (max-width: 1700px){#side_menu{width:30vw;-webkit-transform:translateX(-30vw);transform:translate(-30vw)}#side_menu.hidden{-webkit-transform:translateX(-35vw);transform:translate(-35vw)}}@media only screen and (min-width: 768px) and (max-width: 1100px){#side_menu{width:40vw;-webkit-transform:translateX(-40vw);transform:translate(-40vw)}#side_menu.hidden{-webkit-transform:translateX(-45vw);transform:translate(-45vw)}}@media only screen and (max-width: 768px){#side_menu{width:calc(100vw - 90px);background:-webkit-gradient(linear,left top,left bottom,from(rgba(86,114,126,.95)),to(rgba(10,15,17,.95)));background:linear-gradient(to bottom,rgba(86,114,126,.95),rgba(10,15,17,.95));-webkit-transform:translateX(-100%);transform:translate(-100%)}#side_menu.showed{-webkit-transform:translateX(0vw);transform:translate(0)}#side_menu.hidden{-webkit-transform:translateX(-100vw);transform:translate(-100vw)}#side_menu .side_toggle{right:-70px;top:20px;width:50px;height:50px;background:#FFF url(/power-fi/img/icons/burger.svg) center no-repeat;background-size:50%;opacity:1;border-radius:50px}#side_menu.showed .side_toggle{opacity:.9;background:#1E2E34 url(/power-fi/img/icons/close.svg) center no-repeat;background-size:50%}}.side_logo{position:absolute;top:0;left:0;width:100%;height:12vh;z-index:50;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.side_logo button{position:relative;display:block;width:70%;margin:4vh auto;border:none;text-align:center;background:transparent;color:#fff;cursor:pointer;text-decoration:underline;background:url(/power-fi/img/icons/netatmo_logo.svg) center no-repeat;background-size:contain;height:3vh}@media only screen and (min-width: 769px){.side_logo{display:none}}#side_select{position:relative;width:100%;height:5vh;margin-top:12vh;z-index:5}#side_select>div{position:relative;width:80%;margin:0 auto;height:6vh}#side_select #side_selected{position:relative;width:100%;margin:0 auto;height:5vh;z-index:10}#side_select #side_selected:after{display:block;content:"";position:absolute;width:0;height:0;right:15px;top:calc(50% - 3px);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;pointer-events:none}#side_select #side_selected button{display:block;position:relative;width:100%;height:5vh;border:2px solid #fff;border-radius:50px;background:transparent;cursor:pointer;font-family:Open Sans,sans-serif;font-weight:600;font-size:1rem;line-height:4.5vh;white-space:nowrap;color:#fff}#side_select #side_selected button:hover{-webkit-box-shadow:0 0 10px rgba(255,255,255,.5);box-shadow:0 0 10px #ffffff80}#side_select #side_dropdown{position:absolute;width:100%;top:0vh;padding-top:5vh;border-radius:2.5vh;border:1px solid #fff;left:0;background:rgba(49,75,85,1);overflow:hidden}#side_select #side_dropdown button{display:block;position:relative;width:100%;height:5vh;border:none;border-bottom:1px solid rgba(255,255,255,.4);background:transparent;cursor:pointer;font-family:Open Sans,sans-serif;font-weight:600;font-size:.8rem;line-height:4.5vh;white-space:nowrap;color:#fff}#side_select #side_dropdown button:last-child{border:none}#side_select #side_dropdown button:hover{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,.2)));background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.2))}#side_select #side_dropdown button span,#side_select #side_selected button span{display:block;position:absolute;width:5vh;height:5vh;top:-2px;left:1px;background-size:80%;background-repeat:no-repeat;background-position:center}#side_select #side_dropdown button span{background-size:60%}@media only screen and (max-width: 768px){#side_select{height:50px}#side_select>div{height:50px}#side_select #side_selected{height:50px}#side_select #side_selected button{height:50px;font-size:1rem}#side_select #side_dropdown{padding-top:50px;border-radius:25px}#side_select #side_dropdown button{height:50px;font-size:1rem}#side_select #side_dropdown button span,#side_select #side_selected button span{height:50px;width:50px;top:-2px;left:1px}}#side_list{position:relative;width:100%;height:69vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:left;-ms-flex-align:left;align-items:left;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#side_list button{position:relative;display:block;width:100%;border:none;text-align:left;background:transparent;padding:2vh 2vh 2vh 15vh;font-family:Open Sans,sans-serif;font-weight:800;font-size:1rem;line-height:1.2rem;color:#fff;cursor:pointer}#side_list button:hover{text-shadow:0 0 10px rgba(255,255,255,1);-webkit-box-shadow:0 0 10px rgba(255,255,255,.5);box-shadow:0 0 10px #ffffff80}#side_list button img{width:14vh;position:absolute;top:50%;left:.5vh;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#start_tuto{position:absolute;width:100%;top:0;left:0;height:100%;pointer-events:none}#start_tuto>div{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) scale(0);transform:translate(-50%) translateY(-50%) scale(0);text-align:center;-webkit-transition:all .8s ease;transition:all .8s ease;opacity:0}#start_tuto.showed>div{-webkit-transform:translateX(-50%) translateY(-50%) scale(1);transform:translate(-50%) translateY(-50%) scale(1);opacity:1}#start_tuto img{width:60vw;max-width:50vh}#start_tuto p{display:inline-block;padding:10px 20px;background:#fff;border-radius:25px;width:80vw;max-width:500px;font-weight:600;color:#314b55}#start_tuto .tuto_mobile{display:none}@media only screen and (max-width: 768px){#start_tuto .tuto_desk{display:none}#start_tuto .tuto_mobile{display:block}#start_tuto img{width:80vw;max-width:50vh}}