@media only screen  and (min-width:0)  and (max-width:979px) {
    


/****** HTML STYLES *****/



#top_darker_block { display:none; }
#bgvideoblock { display:none; }

#top_logo_block { display:none; }
#logo { width: 54px; height: 54px; position: fixed; top: -120px; left: calc(50% - 27px); z-index: 100; background: url('images/logo.svg') center top no-repeat; background-size: contain; }

#top_txt_block { width: 40vw; left: 2.1vw; top: 2.1vw; position: fixed; z-index: 90; color: #211E1F; font-size: 12px; line-height: 18px; text-align: left; }

#top_menu_btn { width: 36px; height: 24px; top: 2.1vw; right: 2.1vw; position: fixed; z-index: 100; background: url('images/menu_btn.svg') center top no-repeat; background-size: contain; cursor: pointer; }

#top_scroll_ico { display: none; width: 72px; height: 54px; margin-top: calc(2.1vw + 64px + 100px); position: absolute; z-index: 100; top: calc(100% - 2.1vw - 64px); left: calc(50% - 60px); color: #A29C9D; leading-trim: both; text-edge: cap; font-size: 12px; line-height: 14px; box-sizing: border-box; padding-top: 15px; background: url('images/top_scroll_ico.png') left 34px top no-repeat; background-size: 20px 20px; text-align: left; }

#top_nav_btn { display: none; width: 28px; height: 28px; bottom: 0; right: 0; position: fixed; z-index: 60; background: url('images/nav_btn.svg') right bottom no-repeat; background-size: contain; }



#screen_fake_block { width: 100vw; height: 4000vh; position: relative; }



/***** MENU ****/

#horizontalalert_block { display: block; width: 100vw; height: 100vh; position: fixed; z-index: 1000; top: 0; left: 0; background: rgba(36, 34, 35, 0.80) url('images/horizontalalert_block.png') center center no-repeat; background-size: 66px 78px; }

#top_menu_block::-webkit-scrollbar { display: none; }
#top_menu_block { display: none; width: 286px; height: 100vh; max-height: 100vh; overflow: hidden; text-align: right; position: fixed; top: 0; right: 0; z-index: 100; background: #3F3F3F; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; }
#top_menu_xclose { width: 36px; height: 24px; top: 2.1vw; right: 2.1vw; position: absolute; z-index: 102; background: url('images/menu_btn.svg') center top no-repeat; background-size: contain; cursor: pointer; }

#top_menu_cont { width: calc(100% - 2.1vw); min-height: 260px; position: relative; margin-top: 72px; margin-right: 2.1vw; margin-bottom: 18px; }
.top_menu_item { display: block; text-align: right; leading-trim: both; text-edge: cap; font-family: "TT Commons"; font-size: 18px; line-height: 36px; cursor: pointer; }
#top_menu_item_agency { }
#top_menu_item_pros { }
#top_menu_item_posts { }
#top_menu_item_contact { }

#top_menu_txt_block { width: calc(100% - 2.1vw); text-align: right; position: relative; margin-right: 2.1vw; margin-bottom: 54px; }
#top_menu_txt_1 { margin-bottom: 18px; leading-trim: both; text-edge: cap; font-size: 22px; line-height: 28px; }
#top_menu_txt_1 span { font-size: 18px; line-height: 28px; }
#top_menu_txt_2 { margin-bottom: 18px; leading-trim: both; text-edge: cap; font-size: 22px; line-height: 28px; }
#top_menu_txt_2 span { font-size: 18px; line-height: 28px; }
#top_menu_soc { height: 36px; }
.top_menu_soc { width: 36px; height: 36px; float: right; margin-left: 18px; }
#top_menu_soc_yt { background: url('images/top_menu_soc_yt.png') center center no-repeat; background-size: contain; }
#top_menu_soc_tg { background: url('images/top_menu_soc_tg.png') center center no-repeat; background-size: contain; }
#top_menu_soc_wa  { background: url('images/top_menu_soc_wa.png') center center no-repeat; background-size: contain; }

#goup_btn { display:none; }
#top_nav_block { display:none; }
#top_nav_block_line1 { display:none; }
.top_nav_block_line1_item { display:none; }
#top_nav_block_line2 { }
.top_nav_block_line2_item { display:none; }


/*** CASE DETAILS ****/

#screen_casesdetails_block { display: none; width: 100vw; height: 100vh; max-height: 100vh; overflow: hidden; position: fixed; top: 0; right: 0; z-index: 200; background: #3F3F3F; -ms-overflow-style: none; scrollbar-width: none; text-align: left; }
#screen_casesdetails_block_xclose { width: 36px; height: 36px; position: absolute; top: 24px; right: 24px; z-index: 222; background: url('images/screen_casesdetails_block_xclose.png') center center no-repeat; background-size: contain; cursor: pointer; }
#screen_casesdetails_block_info { display: block; width: 100vw; height: 150px; min-height: 74px; overflow: hidden; position: fixed; bottom: 0; left: 0; z-index: 210; background: #393839; -ms-overflow-style: none; scrollbar-width: none; overflow-y: auto; }
#screen_casesdetails_block_header { width: 31.2vw; float: left; font-size: 18px; line-height: 24px; margin: 2.8vw 4.6vw 2.8vw 2vw;  }
#screen_casesdetails_block_logo { width: 15.6vw; height: 84px; margin: 60px 3.1vw; float: left; }
#screen_casesdetails_block_txt { width: 56.4vw; float: right; margin: 24px 3.75vw 24px 0; font-size: 12px; line-height: 18px; }
#screen_casesdetails_block_fullvideo { position: absolute; top: 36px; left: 25%; z-index: 202; width: 50%; height: calc(100% - 100px); }
#screen_casesdetails_block_fullvideo_cont { position: absolute; top: 0; left: 0; z-index: 204; width: 100%; height: 100%; }
#screen_casesdetails_block_fullvideo_cont_video { width: 100%; height: 100%; }
#screen_casesdetails_block_fullimg { display: none; position: absolute; top: 72px; left: 0; z-index: 202; width: 100%; height: calc(100% - 174px); } 
#screen_casesdetails_block_fullimg_pic { position: absolute; top: 0; left: 0; z-index: 204; width: 100%; height: 100%; object-fit: contain; }



/*** preloader ****/

#screen_preloader_block { width: 100vw; height: 100vh; background: #fff; position: fixed; top: 0; left: 0; z-index: 500; }

#screen_preloader_block_0d { width: 200px; height: 300px; position: absolute; top: calc(50% - 150px); left: calc(50% - 280px); leading-trim: both; text-edge: cap; font-size: 300px; line-height: 470px; text-transform: uppercase; text-align: right; }
#screen_preloader_block_1d { width: 200px; height: 300px; position: absolute; top: 100vh; left: calc(50% - 280px); leading-trim: both; text-edge: cap; font-size: 300px; line-height: 470px; text-transform: uppercase; text-align: right; }
#screen_preloader_block_2d { width: 200px; height: 300px; position: absolute; top: 100vh; left: calc(50% - 280px); leading-trim: both; text-edge: cap; font-size: 300px; line-height: 470px; text-transform: uppercase; text-align: right; }
#screen_preloader_block_3d { width: 200px; height: 300px; position: absolute; top: 100vh; left: calc(50% - 280px); leading-trim: both; text-edge: cap; font-size: 300px; line-height: 470px; text-transform: uppercase; text-align: right; }
#screen_preloader_block_4d { width: 200px; height: 300px; position: absolute; top: 100vh; left: calc(50% - 280px); leading-trim: both; text-edge: cap; font-size: 300px; line-height: 470px; text-transform: uppercase; text-align: right; }
#screen_preloader_block_5d { width: 200px; height: 300px; position: absolute; top: 100vh; left: calc(50% - 280px); leading-trim: both; text-edge: cap; font-size: 300px; line-height: 470px; text-transform: uppercase; text-align: right; }
#screen_preloader_block_6d { width: 200px; height: 300px; position: absolute; top: 100vh; left: calc(50% - 280px); leading-trim: both; text-edge: cap; font-size: 300px; line-height: 470px; text-transform: uppercase; text-align: right; }
#screen_preloader_block_7d { width: 200px; height: 300px; position: absolute; top: 100vh; left: calc(50% - 280px); leading-trim: both; text-edge: cap; font-size: 300px; line-height: 470px; text-transform: uppercase; text-align: right; }
#screen_preloader_block_8d { width: 200px; height: 300px; position: absolute; top: 100vh; left: calc(50% - 280px); leading-trim: both; text-edge: cap; font-size: 300px; line-height: 470px; text-transform: uppercase; text-align: right; }
#screen_preloader_block_9d { width: 200px; height: 300px; position: absolute; top: 100vh; left: calc(50% - 280px); leading-trim: both; text-edge: cap; font-size: 300px; line-height: 470px; text-transform: uppercase; text-align: right; }
#screen_preloader_block_10d { width: 250px; height: 300px; position: absolute; top: 100vh; left: calc(50% - 330px); leading-trim: both; text-edge: cap; font-size: 300px; line-height: 470px; text-transform: uppercase; text-align: right; }
#screen_preloader_block_0 { width: 140px; height: 300px; position: absolute; top: calc(50% - 150px); left: calc(50% - 70px); background: url('images/screen_preloader_block_0.png') bottom center no-repeat; background-size: contain; }
#screen_preloader_block_p { width: 200px; height: 300px; position: absolute; top: calc(50% - 150px); left: calc(50% + 80px); leading-trim: both; text-edge: cap; font-size: 300px; line-height: 470px; text-transform: uppercase; }



/*** inmovement ****/

#screen_inmovement_block { display: none; width: 100vw; height: 100vh; background: #fff; position: fixed; top: 0; left: 0; z-index: 10; }

#screen_inmovement_block_bglines { width: 400vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 10; pointer-events: none; }
#screen_cases_block_bglines { width: 400vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 10; pointer-events: none; }
#screen_timeline_block_bglines { width: 400vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 10; pointer-events: none; }
#screen_challenge_block_bglines { width: 400vw; height: 100vh; position: fixed; top: 0; left: 102vw; z-index: 80; pointer-events: none; }


#screen_inmovement_block_bglines_video { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 10; }
.screen_inmovement_block_bglines_item { position: absolute; z-index: 10; }

.screen_inmovement_block_bglines_item_1 { width: 127px; height: 2px; background: #A29C9D; left: 7vw; top: 30vh; }
.screen_inmovement_block_bglines_item_2 { width: 127px; height: 2px; background: #A29C9D; left: 79vw; top: 23vh; }
.screen_inmovement_block_bglines_item_3 { width: 127px; height: 2px; background: #A29C9D; left: 15.3vw; top: 69vh; }
.screen_inmovement_block_bglines_item_4 { width: 127px; height: 2px; background: #A29C9D; left: 25.5vw; top: 47vh; }
.screen_inmovement_block_bglines_item_5 { width: 127px; height: 2px; background: #A29C9D; left: 68vw; top: 40vh; }
.screen_inmovement_block_bglines_item_6 { width: 35px; height: 2px; background: #E74056; left: 55.4vw; top: 20vh; }
.screen_inmovement_block_bglines_item_7 { width: 24px; height: 2px; background: #E74056; left: 93vw; top: 58vh; }
.screen_inmovement_block_bglines_item_8 { width: 27px; height: 2px; background: #E74056; left: 10vw; top: 41vh; }
.screen_inmovement_block_bglines_item_9 { width: 107px; height: 2px; background: #A29C9D; left: 88vw; top: 30vh; }
.screen_inmovement_block_bglines_item_10 { width: 45px; height: 2px; background: #E74056; left: 45.4vw; top: 80vh; }

.screen_inmovement_block_bglines_item_11 { width: 127px; height: 2px; background: #A29C9D; left: 107vw; top: 30vh; }
.screen_inmovement_block_bglines_item_12 { width: 127px; height: 2px; background: #A29C9D; left: 179vw; top: 23vh; }
.screen_inmovement_block_bglines_item_13 { width: 127px; height: 2px; background: #A29C9D; left: 115.3vw; top: 69vh; }
.screen_inmovement_block_bglines_item_14 { width: 127px; height: 2px; background: #A29C9D; left: 125.5vw; top: 47vh; }
.screen_inmovement_block_bglines_item_15 { width: 127px; height: 2px; background: #A29C9D; left: 168vw; top: 40vh; }
.screen_inmovement_block_bglines_item_16 { width: 35px; height: 2px; background: #E74056; left: 155.4vw; top: 20vh; }
.screen_inmovement_block_bglines_item_17 { width: 24px; height: 2px; background: #E74056; left: 193vw; top: 58vh; }
.screen_inmovement_block_bglines_item_18 { width: 27px; height: 2px; background: #E74056; left: 110vw; top: 41vh; }
.screen_inmovement_block_bglines_item_19 { width: 107px; height: 2px; background: #A29C9D; left: 188vw; top: 30vh; }
.screen_inmovement_block_bglines_item_20 { width: 45px; height: 2px; background: #E74056; left: 145.4vw; top: 80vh; }

.screen_inmovement_block_bglines_item_21 { width: 127px; height: 2px; background: #A29C9D; left: 207vw; top: 30vh; }
.screen_inmovement_block_bglines_item_22 { width: 127px; height: 2px; background: #A29C9D; left: 279vw; top: 23vh; }
.screen_inmovement_block_bglines_item_23 { width: 127px; height: 2px; background: #A29C9D; left: 215.3vw; top: 69vh; }
.screen_inmovement_block_bglines_item_24 { width: 127px; height: 2px; background: #A29C9D; left: 225.5vw; top: 47vh; }
.screen_inmovement_block_bglines_item_25 { width: 127px; height: 2px; background: #A29C9D; left: 268vw; top: 40vh; }
.screen_inmovement_block_bglines_item_26 { width: 35px; height: 2px; background: #E74056; left: 255.4vw; top: 20vh; }
.screen_inmovement_block_bglines_item_27 { width: 24px; height: 2px; background: #E74056; left: 293vw; top: 58vh; }
.screen_inmovement_block_bglines_item_28 { width: 27px; height: 2px; background: #E74056; left: 210vw; top: 41vh; }
.screen_inmovement_block_bglines_item_29 { width: 107px; height: 2px; background: #A29C9D; left: 288vw; top: 30vh; }
.screen_inmovement_block_bglines_item_30 { width: 45px; height: 2px; background: #E74056; left: 245.4vw; top: 80vh; }

.screen_inmovement_block_bglines_item_31 { width: 127px; height: 2px; background: #A29C9D; left: 307vw; top: 30vh; }
.screen_inmovement_block_bglines_item_32 { width: 127px; height: 2px; background: #A29C9D; left: 379vw; top: 23vh; }
.screen_inmovement_block_bglines_item_33 { width: 127px; height: 2px; background: #A29C9D; left: 315.3vw; top: 69vh; }
.screen_inmovement_block_bglines_item_34 { width: 127px; height: 2px; background: #A29C9D; left: 325.5vw; top: 47vh; }
.screen_inmovement_block_bglines_item_35 { width: 127px; height: 2px; background: #A29C9D; left: 368vw; top: 40vh; }
.screen_inmovement_block_bglines_item_36 { width: 35px; height: 2px; background: #E74056; left: 355.4vw; top: 20vh; }
.screen_inmovement_block_bglines_item_37 { width: 24px; height: 2px; background: #E74056; left: 393vw; top: 58vh; }
.screen_inmovement_block_bglines_item_38 { width: 27px; height: 2px; background: #E74056; left: 310vw; top: 41vh; }
.screen_inmovement_block_bglines_item_39 { width: 107px; height: 2px; background: #A29C9D; left: 388vw; top: 30vh; }
.screen_inmovement_block_bglines_item_40 { width: 45px; height: 2px; background: #E74056; left: 345.4vw; top: 80vh; }





#screen_power_block_bglines { width: 100vw; height: 400vh; position: absolute; top: 0; left: 0; z-index: 10; pointer-events: none; }
.screen_power_block_bglines_item { position: absolute; z-index: 10; }

.screen_power_block_bglines_item_1 { width: 127px; height: 2px; background: #A29C9D; left: 7vw; top: 30vh; }
.screen_power_block_bglines_item_2 { width: 127px; height: 2px; background: #A29C9D; left: 79vw; top: 23vh; }
.screen_power_block_bglines_item_3 { width: 127px; height: 2px; background: #A29C9D; left: 15.3vw; top: 69vh; }
.screen_power_block_bglines_item_4 { width: 127px; height: 2px; background: #A29C9D; left: 25.5vw; top: 47vh; }
.screen_power_block_bglines_item_5 { width: 127px; height: 2px; background: #A29C9D; left: 68vw; top: 40vh; }
.screen_power_block_bglines_item_6 { width: 35px; height: 2px; background: #E74056; left: 55.4vw; top: 20vh; }
.screen_power_block_bglines_item_7 { width: 24px; height: 2px; background: #E74056; left: 93vw; top: 58vh; }
.screen_power_block_bglines_item_8 { width: 27px; height: 2px; background: #E74056; left: 10vw; top: 41vh; }
.screen_power_block_bglines_item_9 { width: 107px; height: 2px; background: #A29C9D; left: 88vw; top: 30vh; }
.screen_power_block_bglines_item_10 { width: 45px; height: 2px; background: #E74056; left: 45.4vw; top: 80vh; }

.screen_power_block_bglines_item_11 { width: 127px; height: 2px; background: #A29C9D; left: 7vw; top: 130vh; }
.screen_power_block_bglines_item_12 { width: 127px; height: 2px; background: #A29C9D; left: 79vw; top: 123vh; }
.screen_power_block_bglines_item_13 { width: 127px; height: 2px; background: #A29C9D; left: 15.3vw; top: 169vh; }
.screen_power_block_bglines_item_14 { width: 127px; height: 2px; background: #A29C9D; left: 25.5vw; top: 147vh; }
.screen_power_block_bglines_item_15 { width: 127px; height: 2px; background: #A29C9D; left: 68vw; top: 140vh; }
.screen_power_block_bglines_item_16 { width: 35px; height: 2px; background: #E74056; left: 55.4vw; top: 120vh; }
.screen_power_block_bglines_item_17 { width: 24px; height: 2px; background: #E74056; left: 93vw; top: 158vh; }
.screen_power_block_bglines_item_18 { width: 27px; height: 2px; background: #E74056; left: 10vw; top: 141vh; }
.screen_power_block_bglines_item_19 { width: 107px; height: 2px; background: #A29C9D; left: 88vw; top: 130vh; }
.screen_power_block_bglines_item_20 { width: 45px; height: 2px; background: #E74056; left: 45.4vw; top: 180vh; }

.screen_power_block_bglines_item_21 { width: 127px; height: 2px; background: #A29C9D; left: 7vw; top: 230vh; }
.screen_power_block_bglines_item_22 { width: 127px; height: 2px; background: #A29C9D; left: 79vw; top: 223vh; }
.screen_power_block_bglines_item_23 { width: 127px; height: 2px; background: #A29C9D; left: 15.3vw; top: 269vh; }
.screen_power_block_bglines_item_24 { width: 127px; height: 2px; background: #A29C9D; left: 25.5vw; top: 247vh; }
.screen_power_block_bglines_item_25 { width: 127px; height: 2px; background: #A29C9D; left: 68vw; top: 240vh; }
.screen_power_block_bglines_item_26 { width: 35px; height: 2px; background: #E74056; left: 55.4vw; top: 220vh; }
.screen_power_block_bglines_item_27 { width: 24px; height: 2px; background: #E74056; left: 93vw; top: 258vh; }
.screen_power_block_bglines_item_28 { width: 27px; height: 2px; background: #E74056; left: 10vw; top: 241vh; }
.screen_power_block_bglines_item_29 { width: 107px; height: 2px; background: #A29C9D; left: 88vw; top: 230vh; }
.screen_power_block_bglines_item_30 { width: 45px; height: 2px; background: #E74056; left: 45.4vw; top: 280vh; }

.screen_power_block_bglines_item_31 { width: 127px; height: 2px; background: #A29C9D; left: 7vw; top: 330vh; }
.screen_power_block_bglines_item_32 { width: 127px; height: 2px; background: #A29C9D; left: 79vw; top: 323vh; }
.screen_power_block_bglines_item_33 { width: 127px; height: 2px; background: #A29C9D; left: 15.3vw; top: 369vh; }
.screen_power_block_bglines_item_34 { width: 127px; height: 2px; background: #A29C9D; left: 25.5vw; top: 347vh; }
.screen_power_block_bglines_item_35 { width: 127px; height: 2px; background: #A29C9D; left: 68vw; top: 340vh; }
.screen_power_block_bglines_item_36 { width: 35px; height: 2px; background: #E74056; left: 55.4vw; top: 320vh; }
.screen_power_block_bglines_item_37 { width: 24px; height: 2px; background: #E74056; left: 93vw; top: 358vh; }
.screen_power_block_bglines_item_38 { width: 27px; height: 2px; background: #E74056; left: 10vw; top: 341vh; }
.screen_power_block_bglines_item_39 { width: 107px; height: 2px; background: #A29C9D; left: 88vw; top: 330vh; }
.screen_power_block_bglines_item_40 { width: 45px; height: 2px; background: #E74056; left: 45.4vw; top: 380vh; }


#screen_inmovement_block_20y { width: 600px; height: 130px; position: absolute; left: 102vw; top: calc(50% - 90px); z-index: 14; background: url('images/screen_inmovement_block_20y.svg') top center no-repeat; background-size: contain; }
#screen_inmovement_block_inmove { width: 600px; color: #211F1F; font-size: 54px; line-height: 100px; position: absolute; top: calc(50% + 10px); left: 102vw; z-index: 14; text-align: left; }

#screen_inmovement_block_logos { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 12; }
.screen_inmovement_block_logos_item { width: 136px; height: 90px; position: absolute; top: 40%; left: 102vw; background: url('img2/rzd_logo.png') center center no-repeat; background-size: contain; opacity: 0.5; }

#screen_inmovement_block_logos_item_1 { top: 10%; background: url('img2/screen_inmovement_block_logos_item_1.png') center center no-repeat; background-size: contain; }
#screen_inmovement_block_logos_item_2 { top: 60%; background: url('img2/screen_inmovement_block_logos_item_2.png') center center no-repeat; background-size: contain; }
#screen_inmovement_block_logos_item_3 { top: 20%; background: url('img2/screen_inmovement_block_logos_item_3.png') center center no-repeat; background-size: contain; }
#screen_inmovement_block_logos_item_4 { top: 90%; background: url('img2/screen_inmovement_block_logos_item_4.png') center center no-repeat; background-size: contain; }
#screen_inmovement_block_logos_item_5 { top: 80%; background: url('img2/screen_inmovement_block_logos_item_5.png') center center no-repeat; background-size: contain; }
#screen_inmovement_block_logos_item_6 { top: 50%; background: url('img2/screen_inmovement_block_logos_item_6.png') center center no-repeat; background-size: contain; }
#screen_inmovement_block_logos_item_7 { top: 60%; background: url('img2/screen_inmovement_block_logos_item_7.png') center center no-repeat; background-size: contain; }
#screen_inmovement_block_logos_item_8 { top: 40%; background: url('img2/screen_inmovement_block_logos_item_8.png') center center no-repeat; background-size: contain; }
#screen_inmovement_block_logos_item_9 { top: 80%; background: url('img2/screen_inmovement_block_logos_item_9.png') center center no-repeat; background-size: contain; }
#screen_inmovement_block_logos_item_10 { top: 9%; background: url('img2/screen_inmovement_block_logos_item_10.png') center center no-repeat; background-size: contain; }

#screen_inmovement_block_art { color: rgba(162, 156, 157, 0.10); font-size: 72px; line-height: 200px; text-transform: uppercase; position: absolute; top: 20%; left: 102vw; z-index: 15; }
#screen_inmovement_block_created { color: rgba(162, 156, 157, 0.50); font-size: 90px; line-height: 200px; text-transform: uppercase; position: absolute; top: 50%; left: 100vw; z-index: 15; }
#screen_inmovement_block_growed { width: 800px; height: 150px; background: url('images/screen_inmovement_block_growed.png') center left no-repeat; background-size: contain; position: absolute; top: calc(50% - 110px); left: 102vw; z-index: 15; }
#screen_inmovement_block_became { width: 1000px; height: 150px; background: url('images/screen_inmovement_block_became.png') center left no-repeat; background-size: contain; position: absolute; top:  calc(50% - 110px); left: 102vw; z-index: 15; }
#screen_inmovement_block_howwe { color: #211E1F; font-size: 48px; line-height: 64px; text-transform: uppercase; position: absolute; top: calc(50% - 32px); left: 102vw; z-index: 15; }



/*** timeline ****/

#screen_timeline_block { width: 100vw; height: 100vh; background: url('images/screen_challenge_block_bg.png') center center no-repeat; background-size: cover; position: fixed; top: 0; left: 100vw; z-index: 20; }

.screen_timeline_block_item { width: 100vw; height: 100vh; position: absolute; top: 0; left: 100vw; z-index: 20; text-align: left; }
.screen_timeline_block_year { font-size: 150px; }

#screen_timeline_block_2005 { left: 100vw; width: 80vw; }

#screen_timeline_block_2005_date1 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 60%; left: 8vw; z-index: 23; }
#screen_timeline_block_2005_txt1 { width: 20vw; font-size: 12px; line-height: 18px; position: absolute; top: calc(60% + 48px); left: 12vw; z-index: 24; }
#screen_timeline_block_2005_img1a { width: 150px; height: 150px; background: url('img2/screen_timeline_block_2005_img1a.png') center left no-repeat; background-size: contain; position: absolute; top: 25%; left: 2vw; z-index: 21; }
#screen_timeline_block_2005_txt2 { width: 30vw; font-size: 12px; line-height: 18px; position: absolute; top: 63%; left: 48vw; z-index: 23; }
#screen_timeline_block_2005_img2a { width: 100px; height: 200px; background: url('img2/screen_timeline_block_2005_img2a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 62vw; z-index: 21; opacity: 0.5; }

#screen_timeline_block_2007 { left: 180vw; width: 60vw; }
#screen_timeline_block_2007_txt1 { width: 40vw; font-size: 12px; line-height: 18px; position: absolute; top: 70%; left: 12vw; z-index: 24; }
#screen_timeline_block_2007_img1a { width: 200px; height: 100px; background: url('img2/screen_timeline_block_2007_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 60%; left: 02vw; z-index: 21; opacity: 0.3; }

#screen_timeline_block_2008 { left: 240vw; width: 60vw; }
#screen_timeline_block_2008_txt1 { width: 40vw; font-size: 12px; line-height: 18px; position: absolute; top: 65%; left: 0; z-index: 24; }
#screen_timeline_block_2008_img1a { width: 200px; height: 100px; background: url('img2/screen_timeline_block_2008_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 32vw; z-index: 21; opacity: 0.7; }

#screen_timeline_block_2010 { left: 300vw; width: 60vw; }
#screen_timeline_block_2010_txt1 { width: 20vw; font-size: 12px; line-height: 18px; position: absolute; top: 70%; left: 22vw; z-index: 24; }
#screen_timeline_block_2010_img1a { width: 400px; height: 200px; background: url('img2/screen_timeline_block_2010_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 02vw; z-index: 21; opacity: 0.8; }
#screen_timeline_block_2010_img1b { width: 300px; height: 300px; background: url('img2/screen_timeline_block_2010_img1b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 20%; left: 42vw; z-index: 21; opacity: 0.5; }

#screen_timeline_block_2011 { left: 360vw; width: 60vw; }
#screen_timeline_block_2011_date1 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 25%; left: 10vw; z-index: 23; }
#screen_timeline_block_2011_txt1 { width: 35vw; font-size: 12px; line-height: 18px; position: absolute; top: 65%; left: 22vw; z-index: 24; }
#screen_timeline_block_2011_img1a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2011_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 12vw; z-index: 21; opacity: 0.6; }
#screen_timeline_block_2011_img1b { width: 100px; height: 200px; background: url('img2/screen_timeline_block_2011_img1b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 20%; left: 42vw; z-index: 21; opacity: 0.3; }

#screen_timeline_block_2013 { left: 420vw; width: 80vw; }
#screen_timeline_block_2013_date1 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 65%; left: 10vw; z-index: 23; }
#screen_timeline_block_2013_txt1 { width: 20vw; font-size: 12px; line-height: 18px; position: absolute; top: calc(65% + 54px); left: 12vw; z-index: 24; }
#screen_timeline_block_2013_img1a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2013_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 40%; left: 8vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2013_date2 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 23%; left: 55vw; z-index: 23; }
#screen_timeline_block_2013_txt2 { width: 35vw; font-size: 12px; line-height: 18px; position: absolute; top: 60%; left: 40vw; z-index: 23; }
#screen_timeline_block_2013_img2a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2013_img2a.jpg') top left no-repeat; background-size: contain; position: absolute; top: 10%; left: 42vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2013_img2b { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2013_img2b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 50%; left: 62vw; z-index: 21; opacity: 0.3; }

#screen_timeline_block_2014 { left: 500vw; width: 80vw; }
#screen_timeline_block_2014_txt1 { width: 20vw; font-size: 12px; line-height: 18px; position: absolute; top: 59%; left: 12vw; z-index: 24; }
#screen_timeline_block_2014_img1a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2014_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 02vw; z-index: 21; opacity: 0.8; }
#screen_timeline_block_2014_img1b { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2014_img1b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 22vw; z-index: 21; opacity: 0; }
#screen_timeline_block_2014_img1c { width: 300px; height: 500px; background: url('img2/screen_timeline_block_2014_img1c.jpg') center left no-repeat; background-size: contain; position: absolute; top: 50%; left: 62vw; z-index: 21; opacity: 0; }
#screen_timeline_block_2014_img1d { width: 300px; height: 500px; background: url('img2/screen_timeline_block_2014_img1d.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 42vw; z-index: 21; opacity: 0.8; }

#screen_timeline_block_2015 { left: 580vw; width: 100vw; }
#screen_timeline_block_2015_date1 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 25%; left: 10vw; z-index: 23; }
#screen_timeline_block_2015_txt1 { width: 20vw; font-size: 12px; line-height: 18px; position: absolute; top: 35%; left: 12vw; z-index: 24; }
#screen_timeline_block_2015_img1a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2015_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 40%; left: 02vw; z-index: 21; }
#screen_timeline_block_2015_date2 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 65%; left: 20vw; z-index: 23; }
#screen_timeline_block_2015_txt2 { width: 35vw; font-size: 12px; line-height: 18px; position: absolute; top: 75%; left: 28vw; z-index: 23; }
#screen_timeline_block_2015_img2a { width: 200px; height: 400px; background: url('img2/screen_timeline_block_2015_img2a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 30%; left: 42vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2015_date3 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 25%; left: 80vw; z-index: 23; }
#screen_timeline_block_2015_txt3 { width: 35vw; font-size: 12px; line-height: 18px; position: absolute; top: 60%; left: 65vw; z-index: 23; }
#screen_timeline_block_2015_img3a { width: 300px; height: 500px; background: url('img2/screen_timeline_block_2015_img3a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 72vw; z-index: 21; opacity: 0; }
#screen_timeline_block_2015_img3b { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2015_img3b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 67vw; z-index: 21; opacity: 0.4; }
#screen_timeline_block_2015_img3c { width: 150px; height: 150px; background: url('img2/screen_timeline_block_2015_img3c.jpg') center left no-repeat; background-size: contain; position: absolute; top: 80%; left: 75vw; z-index: 21; opacity: 0; }


#screen_timeline_block_2016 { left: 680vw; width: 60vw; }
#screen_timeline_block_2016_date1 { width: 35vw; font-size: 24px; line-height: 36px; position: absolute; top: 70%; left: 10vw; z-index: 23; }
#screen_timeline_block_2016_txt1 { width: 30vw; font-size: 12px; line-height: 18px; position: absolute; top: calc(70% + 48px); left: 12vw; z-index: 24; }
#screen_timeline_block_2016_img1a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2016_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 40%; left: 02vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2016_img1b { width: 100px; height: 200px; background: url('img2/screen_timeline_block_2016_img1b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 42vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2016_img1c { width: 300px; height: 500px; background: url('img2/screen_timeline_block_2016_img1c.jpg') center left no-repeat; background-size: contain; position: absolute; top: 50%; left: 62vw; z-index: 21; opacity: 0; }

#screen_timeline_block_2018 { left: 740vw; width: 200vw; }
#screen_timeline_block_2018_date1 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 25%; left: 10vw; z-index: 23; }
#screen_timeline_block_2018_txt1 { width: 30vw; font-size: 12px; line-height: 18px; position: absolute; top: 40%; left: 12vw; z-index: 24; }
#screen_timeline_block_2018_img1a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2018_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 0%; left: 2vw; z-index: 21; opacity: 0.2; }
#screen_timeline_block_2018_img1b { display: none; width: 200px; height: 200px; background: url('img2/screen_timeline_block_2018_img1b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 30%; left: 14vw; z-index: 21; opacity: 0.5; }
#screen_timeline_block_2018_img1c { display: none; width: 200px; height: 200px; background: url('img2/screen_timeline_block_2018_img1c.jpg') center left no-repeat; background-size: contain; position: absolute; top: 30%; left: 22vw; z-index: 21; opacity: 0.5; }
#screen_timeline_block_2018_img1d { width: 200px; height: 100px; background: url('img2/screen_timeline_block_2018_img1d.jpg') center left no-repeat; background-size: contain; position: absolute; top: 50%; left: 0vw; z-index: 21; opacity: 0.5; }
#screen_timeline_block_2018_img1e { width: 400px; height: 100px; background: url('img2/screen_timeline_block_2018_img1e.jpg') center left no-repeat; background-size: contain; position: absolute; top: 66%; left: 28vw; z-index: 21; opacity: 0.5; }
#screen_timeline_block_2018_date2 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 65%; left: 50vw; z-index: 23; }
#screen_timeline_block_2018_txt2 { width: 30vw; font-size: 12px; line-height: 18px; position: absolute; top: 30%; left: 52vw; z-index: 24; }
#screen_timeline_block_2018_img2a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2018_img2a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 70%; left: 82vw; z-index: 21; opacity: 0; }
#screen_timeline_block_2018_img2b { width: 300px; height: 300px; background: url('img2/screen_timeline_block_2018_img2b.jpg') top left no-repeat; background-size: contain; position: absolute; top: 50%; left: 62vw; z-index: 21; opacity: 0.5; }
#screen_timeline_block_2018_img2c { width: 300px; height: 300px; background: url('img2/screen_timeline_block_2018_img2c.jpg') center left no-repeat; background-size: contain; position: absolute; top: 60%; left: 62vw; z-index: 21; opacity: 0; }
#screen_timeline_block_2018_date3 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 25%; left: 120vw; z-index: 23; }
#screen_timeline_block_2018_txt3 { width: 35vw; font-size: 12px; line-height: 18px; position: absolute; top: 40%; left: 122vw; z-index: 24; }
#screen_timeline_block_2018_img3a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2018_img3a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 5%; left: 122vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2018_img3b { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2018_img3b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 56%; left: 112vw; z-index: 21; opacity: 0.8; }
#screen_timeline_block_2018_date4 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 25%; left: 170vw; z-index: 23; }
#screen_timeline_block_2018_txt4 { width: 20vw; font-size: 12px; line-height: 18px; position: absolute; top: 50%; left: 162vw; z-index: 24; }
#screen_timeline_block_2018_img4a { width: 150px; height: 200px; background: url('img2/screen_timeline_block_2018_img4a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 0%; left: 172vw; z-index: 21; opacity: 0.2; }
#screen_timeline_block_2018_img4b { width: 100px; height: 200px; background: url('img2/screen_timeline_block_2018_img4b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 60%; left: 172vw; z-index: 21; opacity: 0.5; }
#screen_timeline_block_2018_img4c { width: 300px; height: 500px; background: url('img2/screen_timeline_block_2018_img4c.jpg') top left no-repeat; background-size: contain; position: absolute; top: 70%; left: 142vw; z-index: 21; opacity: 0; }


#screen_timeline_block_2019 { left: 940vw; width: 200vw; }
#screen_timeline_block_2019_date1 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 45%; left: 10vw; z-index: 23; }
#screen_timeline_block_2019_txt1 { width: 25vw; font-size: 12px; line-height: 18px; position: absolute; top: 55%; left: 12vw; z-index: 24; }
#screen_timeline_block_2019_img1a { width: 200px; height: 100px; background: url('img2/screen_timeline_block_2019_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 15%; left: 6vw; z-index: 21; opacity: 0.6; }
#screen_timeline_block_2019_img1b { width: 200px; height: 150px; background: url('img2/screen_timeline_block_2019_img1b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 60%; left: 44vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2019_date2 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 20%; left: 40vw; z-index: 23; }
#screen_timeline_block_2019_txt2 { width: 35vw; font-size: 12px; line-height: 18px; position: absolute; top: 30%; left: 42vw; z-index: 24; }
#screen_timeline_block_2019_img2a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2019_img2a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 72vw; z-index: 21; opacity: 0.5; }
#screen_timeline_block_2019_date3 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 65%; left: 65vw; z-index: 23; }
#screen_timeline_block_2019_txt3 { width: 45vw; font-size: 12px; line-height: 18px; position: absolute; top: 65%; left: 82vw; z-index: 24; }
#screen_timeline_block_2019_img3a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2019_img3a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 112vw; z-index: 21; opacity: 0.8; }
#screen_timeline_block_2019_img3b { width: 200px; height: 150px; background: url('img2/screen_timeline_block_2019_img3b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 70%; left: 52vw; z-index: 21; opacity: 0; }
#screen_timeline_block_2019_date4 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 25%; left: 135vw; z-index: 23; }
#screen_timeline_block_2019_txt4 { width: 30vw; font-size: 12px; line-height: 18px; position: absolute; top: 40%; left: 130vw; z-index: 24; }
#screen_timeline_block_2019_img4a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2019_img4a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 56%; left: 136vw; z-index: 21; opacity: 0.5; }
#screen_timeline_block_2019_img4b { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2019_img4b.jpg') top left no-repeat; background-size: contain; position: absolute; top: 10%; left: 132vw; z-index: 21; opacity: 0.2; }
#screen_timeline_block_2019_img4c { width: 300px; height: 500px; background: url('img2/screen_timeline_block_2019_img4c.jpg') center left no-repeat; background-size: contain; position: absolute; top: 40%; left: 122vw; z-index: 21; opacity: 0; }
#screen_timeline_block_2019_date5 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 45%; left: 170vw; z-index: 23; }
#screen_timeline_block_2019_txt5 { width: 25vw; font-size: 12px; line-height: 18px; position: absolute; top: 60%; left: 166vw; z-index: 24; }
#screen_timeline_block_2019_img5a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2019_img5a.jpg') center left no-repeat; background-size: contain; position: absolute; top:20%; left: 182vw; z-index: 21; opacity: 0.3; }

#screen_timeline_block_2020 { left: 1140vw; width: 60vw; }
#screen_timeline_block_2020_txt1 { width: 20vw; font-size: 12px; line-height: 18px; position: absolute; top: 70%; left: 12vw; z-index: 24; }
#screen_timeline_block_2020_img1a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2020_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 0%; left: 02vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2020_img1b { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2020_img1b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 40%; left: 40vw; z-index: 21; opacity: 0.6; }


#screen_timeline_block_2021 { left: 1200vw; width: 200vw; }
#screen_timeline_block_2021_date1 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 25%; left: 10vw; z-index: 23; }
#screen_timeline_block_2021_txt1 { width: 35vw; font-size: 12px; line-height: 18px; position: absolute; top: 50%; left: 12vw; z-index: 24; }
#screen_timeline_block_2021_img1a { width: 100px; height: 200px; background: url('img2/screen_timeline_block_2021_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 2vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2021_img1b { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2021_img1b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 70%; left: 14vw; z-index: 21; opacity: 0; }
#screen_timeline_block_2021_img1c { width: 200px; height: 150px; background: url('img2/screen_timeline_block_2021_img1c.jpg') center left no-repeat; background-size: contain; position: absolute; top: 60%; left: 24vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2021_date2 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 35%; left: 50vw; z-index: 23; }
#screen_timeline_block_2021_txt2 { width: 30vw; font-size: 12px; line-height: 18px; position: absolute; top: 55%; left: 52vw; z-index: 24; }
#screen_timeline_block_2021_img2a { width: 150px; height: 200px; background: url('img2/screen_timeline_block_2021_img2a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 20%; left: 65vw; z-index: 21; opacity: 0.6; }
#screen_timeline_block_2021_date3 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 65%; left: 90vw; z-index: 23; }
#screen_timeline_block_2021_txt3 { width: 30vw; font-size: 12px; line-height: 18px; position: absolute; top: 75%; left: 92vw; z-index: 24; }
#screen_timeline_block_2021_img3a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2021_img3a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 3%; left: 100vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2021_img3b { width: 150px; height: 200px; background: url('img2/screen_timeline_block_2021_img3b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 60%; left: 112vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2021_img3c { width: 200px; height: 300px; background: url('img2/screen_timeline_block_2021_img3c.jpg') center left no-repeat; background-size: contain; position: absolute; top: 60%; left: 79vw; z-index: 21; opacity: 0; }
#screen_timeline_block_2021_date4 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 25%; left: 140vw; z-index: 23; }
#screen_timeline_block_2021_txt4 { width: 20vw; font-size: 12px; line-height: 18px; position: absolute; top: 35%; left: 132vw; z-index: 24; }
#screen_timeline_block_2021_img4a { width: 200px; height: 150px; background: url('img2/screen_timeline_block_2021_img4a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 13%; left: 152vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2021_date5 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 75%; left: 170vw; z-index: 23; }
#screen_timeline_block_2021_txt5 { width: 25vw; font-size: 12px; line-height: 18px; position: absolute; top: 55%; left: 172vw; z-index: 24; }
#screen_timeline_block_2021_img5a { width: 250px; height: 250px; background: url('img2/screen_timeline_block_2021_img5a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 182vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2021_img5b { width: 150px; height: 150px; background: url('img2/screen_timeline_block_2021_img5b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 63%; left: 156vw; z-index: 21; opacity: 0.5; }
#screen_timeline_block_2021_img5c { width: 300px; height: 400px; background: url('img2/screen_timeline_block_2021_img5c.jpg') center left no-repeat; background-size: contain; position: absolute; top: 50%; left: 166vw; z-index: 21; opacity: 0; }


#screen_timeline_block_2022 { left: 1400vw; width: 120vw; }
#screen_timeline_block_2022_date1 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 25%; left: 10vw; z-index: 23; }
#screen_timeline_block_2022_txt1 { width: 30vw; font-size: 12px; line-height: 18px; position: absolute; top: 35%; left: 12vw; z-index: 24; }
#screen_timeline_block_2022_img1a { width: 200px; height: 150px; background: url('img2/screen_timeline_block_2022_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 40%; left: 02vw; z-index: 21; opacity: 0.5; }
#screen_timeline_block_2022_img1b { width: 300px; height: 300px; background: url('img2/screen_timeline_block_2022_img1b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 65%; left: 17vw; z-index: 21; opacity: 0; }
#screen_timeline_block_2022_img1c { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2022_img1c.jpg') center left no-repeat; background-size: contain; position: absolute; top: 60%; left: 35vw; z-index: 21; opacity: 0; }
#screen_timeline_block_2022_img1d { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2022_img1d.jpg') center left no-repeat; background-size: contain; position: absolute; top: 5%; left: 40vw; z-index: 21; opacity: 0.6; }
#screen_timeline_block_2022_date2 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 65%; left: 40vw; z-index: 23; }
#screen_timeline_block_2022_txt2 { width: 30vw; font-size: 12px; line-height: 18px; position: absolute; top: 65%; left: 64vw; z-index: 23; }
#screen_timeline_block_2022_img2a { width: 300px; height: 200px; background: url('img2/screen_timeline_block_2022_img2a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 50%; left: 52vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2022_img2b { width: 300px; height: 300px; background: url('img2/screen_timeline_block_2022_img2b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 70%; left: 72vw; z-index: 21; opacity: 0; }
#screen_timeline_block_2022_date3 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 15%; left: 86vw; z-index: 23; }
#screen_timeline_block_2022_txt3 { width: 25vw; font-size: 12px; line-height: 18px; position: absolute; top: 30%; left: 88vw; z-index: 23; }
#screen_timeline_block_2022_img3a { width: 300px; height: 350px; background: url('img2/screen_timeline_block_2022_img3a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 96vw; z-index: 21; opacity: 0.4; }

#screen_timeline_block_2023 { left: 1520vw; width: 80vw; }
#screen_timeline_block_2023_date1 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 55%; left: 10vw; z-index: 23; }
#screen_timeline_block_2023_txt1 { width: 20vw; font-size: 12px; line-height: 18px; position: absolute; top: 65%; left: 12vw; z-index: 24; }
#screen_timeline_block_2023_img1a { width: 150px; height: 200px; background: url('img2/screen_timeline_block_2023_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 08vw; z-index: 21; opacity: 0.5; }
#screen_timeline_block_2023_date2 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 20%; left: 55vw; z-index: 23; }
#screen_timeline_block_2023_txt2 { width: 25vw; font-size: 12px; line-height: 18px; position: absolute; top: 60%; left: 58vw; z-index: 23; }
#screen_timeline_block_2023_img2a { width: 300px; height: 200px; background: url('img2/screen_timeline_block_2023_img2a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 2%; left: 62vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2023_img2b { width: 300px; height: 500px; background: url('img2/screen_timeline_block_2023_img2b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 47%; left: 42vw; z-index: 21; opacity: 0; }

#screen_timeline_block_2024 { left: 1600vw; width: 140vw; }
#screen_timeline_block_2024_date1 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 15%; left: 10vw; z-index: 23; }
#screen_timeline_block_2024_txt1 { width: 35vw; font-size: 12px; line-height: 18px; position: absolute; top: 25%; left: 12vw; z-index: 24; }
#screen_timeline_block_2024_img1a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2024_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 30%; left: 2vw; z-index: 21; opacity: 0; }
#screen_timeline_block_2024_img1b { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2024_img1b.jpg') center left no-repeat; background-size: contain; position: absolute; top: 65%; left: 14vw; z-index: 21; opacity: 0; }
#screen_timeline_block_2024_img1c { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2024_img1c.jpg') center left no-repeat; background-size: contain; position: absolute; top: 50%; left: 2vw; z-index: 21; opacity: 0.5; }
#screen_timeline_block_2024_date2 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 65%; left: 60vw; z-index: 23; }
#screen_timeline_block_2024_txt2 { width: 30vw; font-size: 12px; line-height: 18px; position: absolute; top: 75%; left: 62vw; z-index: 24; }
#screen_timeline_block_2024_img2a { width: 200px; height: 180px; background: url('img2/screen_timeline_block_2024_img2a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 55%; left: 42vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2024_date3 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 5%; left: 90vw; z-index: 23; }
#screen_timeline_block_2024_txt3 { width: 20vw; font-size: 12px; line-height: 18px; position: absolute; top: 15%; left: 92vw; z-index: 24; }
#screen_timeline_block_2024_img3a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2024_img3a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 0%; left: 106vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_2024_date4 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 45%; left: 118vw; z-index: 23; }
#screen_timeline_block_2024_txt4 { width: 20vw; font-size: 12px; line-height: 18px; position: absolute; top: 55%; left: 118vw; z-index: 24; }
#screen_timeline_block_2024_img4a { width: 200px; height: 200px; background: url('img2/screen_timeline_block_2024_img4a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 55%; left: 107vw; z-index: 21; opacity: 0.5; }

#screen_timeline_block_2025 { left: 1740vw; width: 60vw; }
#screen_timeline_block_2025_txt1 { width: 30vw; font-size: 12px; line-height: 18px; position: absolute; top: 65%; left: 18vw; z-index: 24; }
#screen_timeline_block_2025_img1a { width: 600px; height: 200px; background: url('img2/screen_timeline_block_2025_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 0; z-index: 21; opacity: 0.4; }

#screen_timeline_block_today { left: 1800vw; }
#screen_timeline_block_today_txt1 { width: 30vw; font-size: 12px; line-height: 18px; position: absolute; top: calc(50% + 76px); left: 10vw; z-index: 23; }
#screen_timeline_block_today_date1 { width: 30vw; font-size: 24px; line-height: 36px; position: absolute; top: 67%; left: 60vw; z-index: 24; }
#screen_timeline_block_today_date1 span { }
#screen_timeline_block_today_img1a { width: 300px; height: 200px; background: url('img2/screen_timeline_block_today_img1a.jpg') center left no-repeat; background-size: contain; position: absolute; top: 10%; left: 2vw; z-index: 21; opacity: 0.2; }
#screen_timeline_block_today_img1b { width: 200px; height: 200px; background: url('img2/screen_timeline_block_today_img1b.jpg') center left no-repeat; background-size: contain; position: absolute; top: calc(90% - 160px);; left: 42vw; z-index: 21; opacity: 0; }
#screen_timeline_block_today_img1c { width: 200px; height: 200px; background: url('img2/screen_timeline_block_today_img1c.jpg') center left no-repeat; background-size: contain; position: absolute; top: 0%; left: 62vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_today_img1d { width: 150px; height: 200px; background: url('img2/screen_timeline_block_today_img1d.jpg') center left no-repeat; background-size: contain; position: absolute; top: 50%; left: 42vw; z-index: 21; opacity: 0.3; }
#screen_timeline_block_today_img1e { width: 300px; height: 500px; background: url('img2/screen_timeline_block_today_img1e.jpg') center left no-repeat; background-size: contain; position: absolute; top: 40%; left: 92vw; z-index: 21; opacity: 0; }


/*** cases ****/

#screen_cases_block { width: 100vw; height: 100vh; background: #fff; position: fixed; top: 0; left: 100vw; z-index: 30; }

#screen_cases_block_header1 { width: 200px; height: 200px; position: absolute; left: calc(50% - 285px); top: calc(50% - 140px); z-index: 14; background: url('images/screen_cases_block_header1.png') left center no-repeat; background-size: contain; pointer-events: none; }
#screen_cases_block_header2 { width: 800px; height: 300px; position: absolute; left: calc(50% - 250px); top: calc(50% + 40px); z-index: 14; text-align: left;  color: #B5B0B1; font-size: 150px; line-height: 180px; text-transform: uppercase; pointer-events: none; }
#screen_cases_block_bgheader { width: 200vw; height: 100vh; position: absolute; left:0; top: 0; z-index: 10; background: url('images/screen_cases_block_bgheader.png') left center no-repeat; background-size: contain;  pointer-events: none; }

.screen_cases_block_item { width: 400px; height: 520px; position: absolute; left:20%; top: 30%; z-index: 10; background: url('img2/screen_cases_block_item.jpg') center center no-repeat; background-size: contain; cursor: pointer; }
.screen_cases_block_item .screen_cases_block_header { display: none; }
.screen_cases_block_item .screen_cases_block_txt { display: none; }

#screen_cases_block_item_1 { width: 200px; height: 220px; left:20%; top: 30%; background: url('img2/screen_cases_block_item_1.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_2 { width: 250px; height: 200px; left:50%; top: 50%; background: url('img2/screen_cases_block_item_2.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_3 { width: 200px; height: 200px; left:20%; top: 10%; background: url('img2/screen_cases_block_item_3.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_4 { width: 400px; height: 200px; left:90%; top: 5%; background: url('img2/screen_cases_block_item_4.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_5 { width: 200px; height: 180px; left:70%; top: 50%; background: url('img2/screen_cases_block_item_5.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_6 { width: 200px; height: 200px; left:40%; top: 10%; background: url('img2/screen_cases_block_item_6.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_7 { width: 200px; height: 220px; left:70%; top: 0%; background: url('img2/screen_cases_block_item_7.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_8 { width: 180px; height: 220px; left:40%; top: 40%; background: url('img2/screen_cases_block_item_8.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_9 { width: 180px; height: 120px; left:100%; top: 60%; background: url('img2/screen_cases_block_item_9.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_10 { width: 350px; height: 150px; left:10%; top: 50%; background: url('img2/screen_cases_block_item_10.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_11 { width: 150px; height: 100px; left:0%; top: 20%; background: url('img2/screen_cases_block_item_11.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_12 { width: 200px; height: 150px; left:70%; top: 15%; background: url('img2/screen_cases_block_item_12.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_13 { width: 100px; height: 200px; left:50%; top: 30%; background: url('img2/screen_cases_block_item_13.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_14 { width: 200px; height: 320px; left:70%; top: 40%; background: url('img2/screen_cases_block_item_14.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_15 { width: 100px; height: 120px; left:50%; top: 20%; background: url('img2/screen_cases_block_item_15.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_16 { width: 250px; height: 150px; left:20%; top: 60%; background: url('img2/screen_cases_block_item_16b.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_17 { width: 100px; height: 200px; left:10%; top: 60%; background: url('img2/screen_cases_block_item_17.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_18 { width: 250px; height: 220px; left:84%; top: 3%; background: url('img2/screen_cases_block_item_18.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_19 { width: 150px; height: 300px; left:60%; top: 0; background: url('img2/screen_cases_block_item_19.jpg') center center no-repeat; background-size: contain; }
#screen_cases_block_item_20 { width: 200px; height: 200px; left:90%; top: 10%; background: url('img2/screen_cases_block_item_20.jpg') center center no-repeat; background-size: contain; }


/*** power ****/

#screen_power_block { width: 100vw; height: 100vh; background: #fff; position: fixed; top: 0; left: 100vw; z-index: 40; }

#screen_power_block_header1 { width: 1200px; height: 300px; position: absolute; left: calc(50% - 700px); top: calc(50% - 200px); z-index: 14; text-align: center; font-size: 100px; line-height: 400px; text-transform: uppercase; }
#screen_power_block_header2 { width: 800px; height: 300px; position: absolute; left: calc(50% - 300px); top: calc(50% + 20px); z-index: 14; text-align: center; color: #B5B0B1; font-size: 100px; line-height: 130px; text-transform: uppercase; }
#screen_power_block_2header {width: 1400px; height: 500px; position: absolute; left: calc(50% - 700px); top: calc(50% - 200px); z-index: 14; text-align: center; color: #B5B0B1; font-size: 100px; line-height: 500px; text-transform: uppercase; }

#screen_power_block_ico_1 { width: 60px; height: 230px; background: url('images/screen_power_block_event_ico.png') bottom center no-repeat; background-size: contain; position: absolute; top: calc(50% - 275px); left: calc(50% - 340px); z-index: 63; }
#screen_power_block_ico_2 { width: 50px; height: 230px; background: url('images/screen_power_block_design_ico.png') bottom center no-repeat; background-size: contain; position: absolute; top: calc(50% - 275px); left: calc(50% - 240px); z-index: 63; }
#screen_power_block_ico_3 { width: 60px; height: 230px; background: url('images/screen_power_block_video_ico.png') bottom center no-repeat; background-size: contain; position: absolute; top: calc(50% - 275px); left: calc(50% - 145px); z-index: 63; }
#screen_power_block_ico_4 { width: 60px; height: 230px; background: url('images/screen_power_block_vr_ico.png') bottom center no-repeat; background-size: contain; position: absolute; top: calc(50% - 275px); left: calc(50% - 50px); z-index: 63; }
#screen_power_block_ico_5 { width: 60px; height: 230px; background: url('images/screen_power_block_expo_ico.png') bottom center no-repeat; background-size: contain; position: absolute; top: calc(50% - 275px); left: calc(50% + 55px); z-index: 63; }
#screen_power_block_ico_6 { width: 60px; height: 230px; background: url('images/screen_power_block_digital_ico.png') bottom center no-repeat; background-size: contain; position: absolute; top: calc(50% - 275px); left: calc(50% + 145px); z-index: 63; }
#screen_power_block_ico_7 { width: 60px; height: 230px; background: url('images/screen_power_block_magic_ico.png') bottom center no-repeat; background-size: contain; position: absolute; top: calc(50% - 275px); left: calc(50% + 240px); z-index: 63; }


#screen_power_block_event { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 44; }
#screen_power_block_event_ico { width: 230px; height: 350px; background: url('images/screen_power_block_event_ico.png') center center no-repeat; background-size: contain; position: absolute; top: calc(50% - 275px); left: calc(50% - 200px); z-index: 63; }
#screen_power_block_event_header { width: 500px; height: 160px; color: #211E1F; font-size: 60px; line-height: 160px; text-transform: uppercase; position: absolute; top: calc(50% - 175px); left: 4vw; z-index: 64; text-align: left; }
#screen_power_block_event_txt { width: 400px; color: #B5B0B1; font-size: 24px; line-height: 36px; position: absolute; top: calc(50% + 30px); right: 4vw; z-index: 64; text-align: left; }

#screen_power_block_design { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 44; }
#screen_power_block_design_ico { width: 130px; height: 350px; background: url('images/screen_power_block_design_ico.png') center center no-repeat; background-size: contain; position: absolute; top: calc(50% - 275px); left: calc(50% - 160px); z-index: 63; }
#screen_power_block_design_header { width: 500px; height: 160px; color: #211E1F; font-size: 60px; line-height: 160px; text-transform: uppercase; position: absolute; top: calc(50% - 175px); left: 4vw; z-index: 64; text-align: left; }
#screen_power_block_design_txt { width: 400px; color: #B5B0B1; font-size: 24px; line-height: 36px; position: absolute; top: calc(50% + 30px); right: 4vw; z-index: 64; text-align: left; }

#screen_power_block_video { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 44; }
#screen_power_block_video_ico { width: 180px; height: 350px; background: url('images/screen_power_block_video_ico.png') center center no-repeat; background-size: contain; position: absolute; top: calc(50% - 275px); left: calc(50% - 200px); z-index: 63; }
#screen_power_block_video_header { width: 500px; height: 160px; color: #211E1F; font-size: 60px; line-height: 160px; text-transform: uppercase; position: absolute; top: calc(50% - 175px); left: 4vw; z-index: 64; text-align: left; }
#screen_power_block_video_txt { width: 400px; color: #B5B0B1; font-size: 24px; line-height: 36px; position: absolute; top: calc(50% + 30px); right: 4vw; z-index: 64; text-align: left; }

#screen_power_block_vr { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 44; }
#screen_power_block_vr_ico { width: 180px; height: 350px; background: url('images/screen_power_block_vr_ico.png') center center no-repeat; background-size: contain; position: absolute; top: calc(50% - 285px); left: calc(50% - 200px); z-index: 63; }
#screen_power_block_vr_header { width: 500px; height: 160px; color: #211E1F; font-size: 60px; line-height: 160px; text-transform: uppercase; position: absolute; top: calc(50% - 175px); left: 4vw; z-index: 64; text-align: left; }
#screen_power_block_vr_txt { width: 400px; color: #B5B0B1; font-size: 24px; line-height: 36px; position: absolute; top: calc(50% + 30px); right: 4vw; z-index: 64; text-align: left; }

#screen_power_block_expo { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 44; }
#screen_power_block_expo_ico { width: 150px; height: 350px; background: url('images/screen_power_block_expo_ico.png') center center no-repeat; background-size: contain; position: absolute; top: calc(50% - 265px); left: calc(50% - 200px); z-index: 63; }
#screen_power_block_expo_header { width: 500px; height: 160px; color: #211E1F; font-size: 60px; line-height: 160px; text-transform: uppercase; position: absolute; top: calc(50% - 175px); left: 4vw; z-index: 64; text-align: left; }
#screen_power_block_expo_txt { width: 400px; color: #B5B0B1; font-size: 24px; line-height: 36px; position: absolute; top: calc(50% + 30px); right: 4vw; z-index: 64; text-align: left; }

#screen_power_block_digital { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 44; }
#screen_power_block_digital_ico { width: 200px; height: 350px; background: url('images/screen_power_block_digital_ico.png') center center no-repeat; background-size: contain; position: absolute; top: calc(50% - 255px); left: calc(50% - 200px); z-index: 63; }
#screen_power_block_digital_header { width: 500px; height: 160px; color: #211E1F; font-size: 60px; line-height: 160px; text-transform: uppercase; position: absolute; top: calc(50% - 175px); left: 4vw; z-index: 64; text-align: left; }
#screen_power_block_digital_txt { width: 400px; color: #B5B0B1; font-size: 24px; line-height: 36px; position: absolute; top: calc(50% + 30px); right: 4vw; z-index: 64; text-align: left; }

#screen_power_block_magic { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 44; }
#screen_power_block_magic_ico { width: 180px; height: 350px; background: url('images/screen_power_block_magic_ico.png') center center no-repeat; background-size: contain; position: absolute; top: calc(50% - 275px); left: calc(50% - 190px); z-index: 63; }
#screen_power_block_magic_header { width: 500px; height: 160px; color: #211E1F; font-size: 60px; line-height: 160px; text-transform: uppercase; position: absolute; top: calc(50% - 175px); left: 4vw; z-index: 64; text-align: left; }
#screen_power_block_magic_txt { width: 400px; color: #B5B0B1; font-size: 24px; line-height: 36px; position: absolute; top: calc(50% + 30px); right: 4vw; z-index: 64; text-align: left; }

#screen_power_block_thanks { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 45; }
#screen_power_block_thanks_header { width: 1400px; height: 300px; position: absolute; left: calc(50% - 700px); top: calc(50% - 200px); z-index: 14; text-align: center; font-size: 100px; line-height: 300px; text-transform: uppercase; }
#screen_power_block_thanks_txt { color: #211F1F; font-size: 72px; line-height: 100px; position: absolute; top: calc(50% - 20px); left: calc(50% - 208px); z-index: 14; }



/*** feedback ****/

#screen_feedback_block { display: none; width: 100vw; height: 100vh; background: #fff; position: fixed; top: 0; left: 100vw; z-index: 50; }



/*** challenge ****/

#screen_challenge_block { width: 100vw; height: 100vh; background: url('images/screen_challenge_block_bg.png') center center no-repeat; background-size: cover; position: fixed; top: 0; left: 100vw; z-index: 60; }

#screen_challenge_block_header { width: 1400px; height: 300px; font-size: 100px; line-height: 300px; text-transform: uppercase; position: absolute; top: calc(50% - 220px); left: calc(50% - 700px); z-index: 62; }
#screen_challenge_block_logo { display: none; width: 320px; height: 150px; background: url('images/screen_challenge_block_logo.png') center center no-repeat; background-size: contain; position: absolute; top: calc(50% - 75px); left: calc(50% - 160px); z-index: 63; }
#screen_challenge_block_txt { width: 600px; height: auto; font-size: 24px; line-height: 36px; position: absolute; top: calc(50% - 32px); left: calc(50% - 300px); z-index: 64; text-align: center; }
#screen_challenge_block_txt2 { display: none; width: 400px; height: 60px; color: #777; font-size: 18px; line-height: 28px; position: absolute; top: calc(50% + 95px); left: calc(50% + 360px); z-index: 65; text-align: left; }
#screen_challenge_block_comments { display: none; width: 400px; height: 120px; color: #777; font-size: 18px; line-height: 28px; position: absolute; top: calc(50% + 95px); left: calc(50% + 360px); z-index: 65; text-align: left; }
#screen_challenge_block_comments_header { display: none; font-size: 48px; line-height: 60px; }

#screen_challenge_block_win { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 68; }
#screen_challenge_block_win_header { width: 1400px; height: 300px; font-size: 300px; line-height: 300px; text-transform: uppercase; position: absolute; top: calc(50% - 200px); left: calc(50% - 700px); z-index: 62; text-align: centert; }
#screen_challenge_block_win_sale { width: 600px; height: 80px; position: absolute; top: calc(50% + 40px); left: calc(50% - 300px); z-index: 69; background: url('images/screen_challenge_block_win_sale.png') center center no-repeat; background-size: contain; }

#screen_challenge_block_m { width: 45px; height: 85px; background: url('images/screen_challenge_block_m.png') center center no-repeat; background-size: contain; position: absolute; top: calc(50% + 75px); left: calc(50% - 390px); z-index: 68; }
#screen_challenge_block_o { width: 45px; height: 105px; background: url('images/screen_challenge_block_o.png') center center no-repeat; background-size: contain; position: absolute; top: calc(50% + 75px); left: calc(50% - 300px); z-index: 68; }
#screen_challenge_block_t { width: 45px; height: 115px; background: url('images/screen_challenge_block_t.png') center center no-repeat; background-size: contain; position: absolute; top: calc(50% + 75px); left: calc(50% - 200px); z-index: 68; }
#screen_challenge_block_i { width: 45px; height: 115px; background: url('images/screen_challenge_block_i.png') center center no-repeat; background-size: contain; position: absolute; top: calc(50% + 75px); left: calc(50% - 100px); z-index: 68; }
#screen_challenge_block_v { width: 45px; height: 125px; background: url('images/screen_challenge_block_v.png') center center no-repeat; background-size: contain; position: absolute; top: calc(50% + 75px); left: calc(50% - 0px); z-index: 68; }
#screen_challenge_block_e { width: 45px; height: 150px; background: url('images/screen_challenge_block_e.png') center center no-repeat; background-size: contain; position: absolute; top: calc(50% + 75px); left: calc(50% + 100px); z-index: 68; }

#screen_challenge_block_promocode { width: 332px; height: 60px; border: 1px dashed #FFF; position: absolute; top: calc(50% + 100px); left: calc(50% - 166px); z-index: 69; }
#screen_challenge_block_promocode_txt { width: 332px; height: 60px; text-align: center; color: #DED9DA; font-size: 30px; line-height: 66px; }
#screen_challenge_block_promocode_copy { width: 24px; height: 24px; position: absolute; top: 18px; right: 18px; z-index: 69; background: url('images/screen_challenge_block_promocode_copy.png') center center no-repeat; background-size: contain; cursor: pointer; }



/*** next20 ****/


#screen_next20_block_header1 { top: calc(50% - 80px); left: calc(50% - 330px); }
#screen_next20_block_header2 { top: calc(50% + 30px); left: calc(50% - 200px); }
#screen_next20_block_txt1 { left: calc(50% + 90px); font-size: 48px; }
#screen_next20_block_txt2 { left: calc(50% - 390px); font-size: 48px; }


/*
*/

.ismob { display: block; }
.mob_only { display: none; }
.nomob { display: block; }

}