*,*::before,*::after{box-sizing:border-box}*{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}html,body{margin:0;width:100%;height:100%;overflow:hidden;background-color:#000}body{font-family:"Almarai",sans-serif}body>svg{background:rgba(0,0,0,0) !important}body.pending::after{content:"";position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:999999}input,button{font-family:"Almarai",sans-serif}button{cursor:pointer}#wrapper{position:fixed;top:0px;left:0px;width:100%;height:100%}#progress{position:absolute;width:100%;height:4px;z-index:3000}.rtl{direction:rtl}#bar{background-color:#ffcd2c;height:100%;transition:width .1s ease}#bar.hide{opacity:0;transition:opacity 1s ease}#container{width:100%;height:100%;position:absolute;top:0px;left:0px}#desc-container{max-width:500px;max-height:500px;min-width:200px;min-height:250px;background:#fff;color:#000;border-radius:3px;overflow:auto;-webkit-overflow-scrolling:touch}#desc-container>iframe{border:none;width:100%}.title{font-size:1.5em;text-align:center;padding:5px}.text{padding:0 20px 20px 20px}#lightbox{position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:9999999;display:none}#lightbox.active{display:block}#allow_btn{position:absolute;top:50%;left:50%;background:#dc0000;cursor:pointer;color:#fff;font-weight:bold;padding:10px 30px;border:none;border-radius:8px;transform:translate3d(-50%, -50%, 0)}#copy_right{position:fixed;z-index:100;bottom:20px;left:10px}#copy_right img{vertical-align:middle;height:20px}#copy_right span{display:inline-block;width:2px;height:20px;background:#fff;vertical-align:middle;margin:0px 5px}@media screen and (min-width: 1300px){#copy_right{left:20px}#copy_right img{height:auto}#copy_right span{margin:0px 10px}}.lighbox{position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.3490196078);z-index:5;backdrop-filter:blur(10px)}#welcome_box{position:absolute;top:50%;left:50%;width:90%;height:55%;min-height:480px;max-width:350px;transform:translate3d(-50%, -50%, 0);line-height:0px;transition:all .75s cubic-bezier(0.75, -0.5, 0, 1.75)}#welcome_box *{transition:all .75s cubic-bezier(0.75, -0.5, 0, 1.75)}#welcome_box>svg{width:320px;height:196px;transition-delay:.2s;opacity:0;transform:translateY(50px)}#welcome_box #slides_holder{opacity:0}#welcome_box .custom_bg{opacity:0;transform:translateY(50px)}#welcome_box.active #slides_holder{opacity:1}#welcome_box.active .dots{opacity:1}#welcome_box.active #logo{top:0%;max-width:65px}#welcome_box.active>svg{transform:translateY(0px);opacity:1}#welcome_box.active .custom_bg{transform:translateY(0px);opacity:1}.custom_bg{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 30px 100%, 0% calc(100% - 30px));background:rgba(0,0,0,.722);width:100%;height:100%;transition-delay:.2s;transform:translateY(0px);border:2px solid #fff}.custom_bg:before{content:"";position:absolute;width:60px;height:6px;background:#fff;bottom:10px;left:-17px;transform:rotate(45deg)}#logo{width:25%;height:auto;max-width:140px;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}@media screen and (min-width: 1200px){#welcome_box>svg{width:600px;height:367px}#welcome_box{max-width:600px;height:500px}}@media screen and (min-width: 1300px){#welcome_box>svg{width:900px;height:550px}#welcome_box.active #logo{max-width:100px}#welcome_box{max-width:900px;height:556px}}@media screen and (orientation: landscape)and (max-width: 1200px){#welcome_box{min-height:392px;max-width:540px;transform:translate3d(-50%, -50%, 0) scale(0.75)}.gl_body{transform:scale(0.6)}}body.story_mode #arrows_holder{display:none !important}body.start #arrows_holder{display:block}#arrows_holder{position:fixed;z-index:100;text-align:center;bottom:40px;left:50%;transform:translateX(-50%);padding:20px;width:250px;display:none;opacity:0;pointer-events:none}#arrows_holder.active{display:block;opacity:1;pointer-events:inherit}body.inner #arrows_holder{display:block}.arr_btn{width:30px;height:30px;background:rgba(0,0,0,.4509803922);display:inline-block;position:relative;border:1px solid #787878;margin:3px;border-radius:3px;box-shadow:0px 0px 10px rgba(0,0,0,.2705882353);vertical-align:top;display:inline-flex;justify-content:center;align-items:center}.arr_btn.top{transform:rotate(180deg)}.arr_btn.left{transform:rotate(90deg)}.arr_btn.right{transform:rotate(-90deg)}.arr_btn svg{width:100%;height:100%;fill:#fff}.arr_btn.zoom_out,.arr_btn.zoom_in{padding:0px}.arr_btn.zoom_out svg,.arr_btn.zoom_in svg{width:60%;height:60%}@media screen and (min-width: 1200px){#arrows_holder{width:auto;bottom:0;opacity:1;display:none;pointer-events:inherit}}@media screen and (min-width: 1300px){.arr_btn{width:40px;height:40px;padding:6px}.arr_btn.zoom_out,.arr_btn.zoom_in{padding:5px}}body[data-lang=ar] p{direction:rtl}#slides_holder{position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;color:#fff;line-height:1.8;font-size:18px}.slide{opacity:0;transform:translateY(-40%);position:absolute;top:50%;left:0px;width:100%;padding:0px 35px 0px 15px;pointer-events:none}.slide>div:first-of-type{width:75%;margin:0px auto}.slide.active{pointer-events:inherit;opacity:1;transform:translateY(-50%)}.slide h2{text-transform:uppercase;font-size:15px}.slide h2 i{display:inline-block;width:10px;height:10px;background:#fff;border-radius:5px;margin:0px 10px}.slide p{font-size:12px}.slide .door img{width:60px;height:auto}.control_slide p{margin:0px}.control_slide p:first-of-type{margin-top:10px}.langs{margin-top:10px}.langs .lang_btn{background:rgba(0,0,0,0);color:#fff;margin:0px 5px;border:none;text-align:center;font-size:11px;vertical-align:top;padding:10px 0px}.langs .lang_btn img{border:1px solid #fff;display:block;margin:0px auto 7px}.langs .lang_btn.active,.langs .lang_btn:hover{border:1px solid #dfb014 !important}.mouse_anim svg{display:inline-block;width:30px;height:30px;fill:#fff}.mouse_anim svg.fdirection{transform:rotate(90deg)}.mouse_anim svg.swipe,.mouse_anim svg.mousee{width:40px;height:40px}.mouse_anim svg.mousee{display:none}.mouse_anim svg.ldirection{transform:rotate(-90deg)}.dir{background:#000;border:1px solid #ccc;float:right;color:#fff;padding:6px 20px}.dir:hover{border:1px solid #dfb014}.dir svg{width:20px;height:20px;fill:#fff;vertical-align:middle;margin:0px 0px 0px 20px}.dir.prev svg{transform:rotate(180deg);margin:0px 30px 0px 0px}.dir.prev{float:left}.useage{margin-bottom:10px}.useage>div{width:100%;display:inline-block;vertical-align:middle}.mode{background:#000;border:1px solid #ccc;color:#fff;padding:15px 20px;font-size:15px;display:flex;justify-content:space-between;align-items:center;margin:0px auto 12px;width:240px;text-align:left;font-weight:bold}.mode:active,.mode.active,.mode:hover{border:1px solid #dfb014}.mode>span{display:inline-block;vertical-align:middle}.mode b{display:block}.mode b+span{font-size:11px;font-weight:normal}.mode svg{width:20px;height:20px;fill:#fff;vertical-align:middle;float:right}.mode_div{padding:65px 0px}.dots{position:absolute;top:50%;right:20px;transform:translateY(-50%);opacity:0}.dot{width:3px;height:5px;background:#fff;display:block;margin:10px 0px}.dot.active{height:20px}.dirs{width:calc(100% + 20px)}.mode_title{margin-bottom:20px;font-weight:bold}@media screen and (min-width: 1200px){#welcome_box.active #logo{max-width:95px}.dir svg{margin:0px 0px 0px 30px}}@media screen and (min-width: 1300px){.slide{padding:0px 126px 0px 50px}.slide>div:first-of-type{width:100%}.slide h2{font-size:30px}.slide h2 i{margin:0px 40px}.slide p{font-size:19px;margin:10px 0px}.slide .door img{width:auto}.dirs{width:calc(100% + 70px)}.dir{padding:9px 29px;font-size:17px}.useage{margin-bottom:40px}.useage>div{width:48%}.mouse_anim svg{width:40px;height:50px}.mouse_anim svg.mousee{display:inline-block;width:60px;height:60px}.mouse_anim svg.swipe{display:none}.dot{width:5px;height:10px;margin:30px 0px}.dot.active{height:40px}.dots{right:50px}.langs{margin-top:60px}.langs .lang_btn{border:1px solid #777 !important;font-size:15px;direction:rtl;padding:15px 30px;margin:0px 28px}.langs .lang_btn img{display:inline-block;vertical-align:middle;margin:0px 0px 0px 16px}.langs .lang_btn span{display:inline-block;vertical-align:middle}.langs .lang_btn.active{border:2px solid #dfb014 !important}.mode{width:340px;font-size:20px;padding:20px 40px;margin:0px auto 22px}.mode b+span{font-size:13px}.mode svg{width:30px;height:30px}.slide[data-index="0"] p{margin-bottom:40px}}body.story_mode .radar{top:15px}.radar{position:fixed;z-index:1000;top:84px;right:10px;background:rgba(0,0,0,.3411764706);padding:20px;display:none;transform:scale(0.4);transform-origin:top right}body.inner .radar,body.start .radar{display:block}body[data-room="1"] #radar_icon{bottom:26px}body[data-room="2"] #radar_icon{bottom:62px}body[data-room="3"] #radar_icon{bottom:97px}body[data-room="4"] #radar_icon{bottom:132px}body[data-room="5"] #radar_icon{bottom:132px;left:55px}body[data-room="6"] #radar_icon{bottom:97px;left:55px}#radar_icon{display:inline-block;position:absolute;width:32px;height:34px;bottom:-15px;left:23px;border-radius:50%;overflow:hidden}#radar_icon::before{width:0;height:0;border-style:solid;border-width:0 20px 20px 20px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(255,235,0,.6784313725) rgba(0,0,0,0);content:"";display:inline-block;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);margin-top:7px}#radar_icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);width:5px;height:5px;border-radius:3px;background:#ffea00}@media screen and (min-width: 1200px){.radar{top:20px;right:20px;transform:scale(0.8)}}body[data-lang=en] .item{direction:ltr}body[data-lang=en] .item .poly.playbtn{left:auto;right:-78px}#popup_item{position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.2235294118);z-index:10;visibility:hidden}#popup_item.active{visibility:visible}#popup_item.active .item{opacity:1;transform:translate3d(-50%, -50%, 0) perspective(900px) rotateX(0deg) scale(0.35)}.item{direction:rtl;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -43%, 0) perspective(900px) rotateX(-62deg) scale(0.5);font-size:18px;font-weight:bold;line-height:0;transition:all .5s ease-out;transition-delay:.5;opacity:0}#item_img{display:inline-block}#item_img img{height:500px}#item_img+div{display:inline-block;vertical-align:top;padding:100px 20px 20px;line-height:1.8;width:71%;height:100%;width:calc(100% - 370px)}.item h2{font-size:30px}.item>div{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 2% 100%, 0% 95%);background:#fff;box-shadow:0px 0px 10px;width:900px;height:500px}.playbtn.playmode svg{display:none}#item_sound_btn[data-mode=play] svg{display:none}#item_sound_btn[data-mode=play]:before{content:"";width:0;height:0;border-style:solid;border-width:7px 0 7px 14px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%, -50%);margin-left:3%}#item_sound_btn[data-mode=pause] svg{display:none}#item_sound_btn[data-mode=pause]::before,#item_sound_btn[data-mode=pause]::after{content:"";width:4px;height:10px;position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%, -50%);margin-left:3%;background:#fff}#item_sound_btn[data-mode=pause]::before{margin-left:-4px}#item_sound_btn[data-mode=pause]::after{margin-left:4px}#close_popup{position:absolute;top:-28px;right:-41px;z-index:2;cursor:pointer}#audio_progress{position:absolute;top:0px;left:0px;width:0px;height:100%;background:#ffdd2c;mix-blend-mode:color}#item_sound_holder{position:relative}.poly.playbtn i{background:#000}span.poly.playbtn{position:absolute;left:-78px;top:-2px;cursor:pointer}@media screen and (min-width: 1200px){#popup_item.active .item{transform:translate3d(-50%, -50%, 0) perspective(900px) rotateX(0deg) scale(1)}}body[data-lang=en] .flayer>div{float:left;direction:ltr}body[data-lang=en] .flayer b{padding:0px 10px}body.story_mode .card_holder{pointer-events:none}.card_holder{position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.5019607843);z-index:9999;visibility:hidden}.card_holder.active{visibility:visible}.card_holder.active .card{transform:translate(-50%, -50%) scale(0.3);opacity:1;box-shadow:0px 0px 33px 9px #000}.card_holder.active .card .flayer{transition-delay:.8s;opacity:1}.card_holder.active .card .close_card{transition-delay:.8s;opacity:1}.card_holder.active .card .card_part.first{transform:rotateY(-180deg) translateX(-1px);transition-delay:0s}.card_holder.active .card .card_part.second{transform:rotateY(180deg) translateX(1px);transition-delay:.2s}.card{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.1);width:343px;height:540px;background:#fff;z-index:50;perspective:2000px;box-shadow:inset 0px 0px 20px 10px #e9e9e9;transition:all .3s ease-in-out;opacity:0}.card .close_card{position:absolute;z-index:30;right:-100%;top:-16px}.card .close_card img{width:56px;height:auto;margin-right:-1px;object-fit:contain}.card_part{position:absolute;top:0px;left:0px;width:100%;height:100%;transform-style:preserve-3d;transition:.8s all ease-out}.card_part.first{transform-origin:left;transform:rotateY(0deg) translateX(1px);z-index:2;transition-delay:.2s}.card_part.first .card_back{box-shadow:inset 0px 0px 20px 10px #e9e9e9}.card_part .card_front{background:url(../../assets/images/card.jpg) no-repeat;background-size:cover}.card_part.second{transform-origin:right;transform:rotateY(0deg) translateX(1px);z-index:1;transition-delay:0s}.card_part.second .card_back{box-shadow:inset 0px 0px 20px 10px #e9e9e9}.card_face{position:absolute;top:0px;left:0px;background:#fff;width:100%;height:100%;font-size:50px;text-align:center;padding-top:80%;backface-visibility:hidden}.card_face.card_back{transform:rotateY(180deg)}#audio_canvas{width:100%;height:40px;margin:10px auto;overflow:hidden}@media screen and (min-width: 1200px){.card_holder{transform:scale(1)}.card_holder.active .card{transform:translate(-50%, -50%) scale(1)}}body[data-lang=ar] .toggle_lang_btn>span:nth-of-type(1),body[data-lang=ar] .toggle_lang_btn img:nth-of-type(1){display:none}body[data-lang=en] .toggle_lang_btn span:nth-of-type(2),body[data-lang=en] .toggle_lang_btn img:nth-of-type(2){display:none}body.story_mode #submenu,body.story_mode #top_bar{display:none !important}body.start #submenu{display:flex}body.story_mode #museum_toolbar{display:none !important}#museum_toolbar{position:fixed;z-index:10;right:0px;bottom:0px;padding:10px;display:none}#museum_toolbar.show{display:block}.tool_btn svg{width:20px;height:20px;fill:#fff}.tool_btn{cursor:pointer;margin:0px 10px}.black_btn{background:#000 !important;display:inline-block;color:#fff;font-size:12px;border-radius:3px;box-shadow:0px 0px 5px #000;text-align:center;overflow:hidden;position:relative}.black_btn svg{width:15px;height:15px;vertical-align:middle;fill:#fff}#museum_toolbar>span{float:right;cursor:pointer;margin:0px 0px 0px 10px;vertical-align:top;background:rgba(0,0,0,.4901960784);width:40px;height:40px;display:inline-flex;justify-content:center;align-items:center}#rotate_btn{display:none !important}#setting_btn{display:none !important}#sound_btn{background:rgba(0,0,0,.4901960784);width:40px;height:40px;display:inline-flex;justify-content:center;align-items:center}#sound_btn svg{width:24px;height:24px;fill:rgba(0,0,0,0);stroke:#fff}#sound_btn svg:nth-of-type(1){display:none}#sound_btn svg:nth-of-type(2){display:inline-flex}#sound_btn.off svg:nth-of-type(1){display:inline-flex}#sound_btn.off svg:nth-of-type(2){display:none}#show_arrows .arr_btn{width:14px;height:14px;margin:0px;background:rgba(0,0,0,0);box-shadow:none;padding:0px !important}#show_arrows{flex-direction:column;width:63px !important}#show_card{padding:6px 16px 5px;display:none !important;margin-left:19px !important}#show_card svg{margin-left:5px;vertical-align:middle}#vr_btn{width:50px;display:none !important}#mode_toggle{position:fixed;z-index:1000;top:15px;left:15px;background:rgba(0,0,0,0.3411764706);padding:10px;cursor:pointer;display:none}#mode_toggle.show{display:block}#mode_toggle svg{width:22px;height:22px;fill:#fff;display:inline-block;vertical-align:middle}#mode_toggle span{display:inline-block;width:27px;height:12px;border:1px solid #ffc714;border-radius:9px;vertical-align:middle;position:relative;line-height:0}#mode_toggle span:before{content:"";display:inline-block;width:12px;height:12px;background:#ffc714;border-radius:50%;position:absolute;top:-1px}#mode_toggle svg:nth-of-type(2){fill:#ffc714}#mode_toggle span:before{right:0px}#mode_toggle.active svg:nth-of-type(2){fill:#fff}#mode_toggle.active svg:nth-of-type(1){fill:#ffc714}#mode_toggle.active span:before{right:auto;left:0px}#top_bar{position:fixed;top:0px;left:0px;width:100%;height:70px;background:rgba(0,0,0,.3411764706);z-index:10;transform:translateY(-100%);transition:all .5s ease-out}#top_bar.active{transform:translateY(0%)}#toggle_menu{position:absolute;top:10px;right:10px;width:31px;height:36px;display:inline-block;cursor:pointer}#toggle_menu i,#toggle_menu i:before,#toggle_menu i:after{display:inline-block;width:84%;height:4px;background:#fff;border-radius:20px;position:relative}#toggle_menu i:before,#toggle_menu i:after{content:"";position:absolute;top:-9px;right:0px;width:128%}#toggle_menu i:after{top:9px;width:55%}#toggle_menu i{transform:translateY(8px);display:inline-block}#vrbtn{position:absolute;right:63px;top:7px;width:86px;height:auto;cursor:pointer}.vrpopup{position:fixed;top:0px;left:0px;width:100%;height:100%;display:none;justify-content:center;align-items:center;z-index:999999;background:rgba(0,0,0,.3490196078)}.vrpopup.active{display:flex}.vrpopup_body{line-height:0px;width:80%;position:relative}.vrpopup_body img{width:100%;height:auto}.vrpopup h2{position:absolute;left:50%;top:15%;font-size:14px;z-index:2;color:#fff;width:68%;transform:translateX(-50%);line-height:1.5;text-align:center}.vrpopup_btn{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);width:80%;display:flex;justify-content:space-between}.vrpopup_btn button{cursor:pointer;font-size:12px;width:81px;height:35px;color:#ccc;background:#000;border:1px solid #ccc;font-weight:bold}.vrpopup_btn button:hover{border-color:#fff;color:#fff}.vrpopup_close{position:absolute;z-index:2;width:13%;height:8%;top:2%;right:3%;cursor:pointer}#submenu{position:fixed;flex-direction:column;top:0px;left:0px;width:100%;background:rgba(0,0,0,.8588235294);z-index:9999;transform:translateY(-100%);transition:all .5s ease-out}#submenu.active{transform:translateY(0%)}.submenu_btns{display:flex;justify-content:space-between;padding:15px}.submenu_btns button{background:#1b1a1a;color:#fff;border:none;padding:13px 20px 12px;min-width:135px}.submenu_btns button svg{height:15px;width:15px;fill:#fff;vertical-align:middle;margin-left:8px}.submenu_btns button img{height:20px;width:20px;margin-left:8px;vertical-align:middle;background:#012169}.submenu_header{color:#fff;padding:20px 20px 0px;display:flex;justify-content:space-between;align-items:center;font-weight:bold}.close_submenu{width:30px;height:30px;position:relative}.close_submenu:before,.close_submenu:after{content:"";width:20px;height:4px;background:#fff;position:absolute;display:inherit;cursor:pointer;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg)}.close_submenu:after{transform:translate(-50%, -50%) rotate(-45deg)}.submenu_share svg{width:15px;height:15px;fill:#fff;vertical-align:middle}.submenu_share{color:#fff;text-align:center;padding:0px 13px 15px}.subshare_btn{width:30px;height:30px;border:none;border-radius:50%;padding:6px;margin:0px 2px;cursor:pointer;display:inline-block}.subshare_btn svg{width:100%;height:100%;fill:#fff}.subshare_btn.facebook{background:#166bda}.subshare_btn.twitter{background:#1977f3}.subshare_txt{margin-left:13px}@media screen and (min-width: 1200px){#top_bar{display:none}#show_card{display:block !important}#vr_btn{display:block}#museum_toolbar{padding:30px}#mode_toggle{left:auto;right:20px;top:183px}#mode_toggle span{width:34px;margin:0px 8px}#museum_toolbar>span{width:auto;height:auto;background:rgba(0,0,0,0);margin-left:15px}#rotate_btn{display:block !important}#show_arrows{display:none !important}#submenu{transform:translateX(0px);width:auto;right:275px;left:auto;top:auto;bottom:29px;background:rgba(0,0,0,0);display:none;flex-direction:row}.submenu_header{display:none}.submenu_btns{padding:0px}.flayer_btn{display:none}.toggle_lang_btn{padding:0px !important;background:rgba(0,0,0,0) !important;min-width:auto !important;line-height:0}.submenu_share{padding:0px;margin-left:10px}.toggle_lang_btn span{display:none}.toggle_lang_btn img{width:30px !important;height:30px !important;border-radius:50%}}body[data-lang=ar] .animated_arrow_body.moveto1 span::before{content:"الغرفة التالية"}body[data-lang=ar] .animated_arrow_body.moveto0 span::before{content:"الغرفة السابقة"}body[data-lang=ar][data-room="0"] .animated_arrow_body.moveto1 span::before{content:"دخول"}body[data-lang=ar][data-room="1"] .animated_arrow_body.moveto0 span::before{content:"خروج"}body[data-lang=ar][data-room="2"] .animated_arrow_body.moveto0 span::before{content:"الاستقبال"}body[data-lang=en] .animated_arrow_body.moveto1 span::before{content:"Next Room"}body[data-lang=en] .animated_arrow_body.moveto0 span::before{content:"Previous Room"}body[data-lang=en][data-room="0"] .animated_arrow_body.moveto1 span::before{content:"Enter"}body[data-lang=en][data-room="1"] .animated_arrow_body.moveto0 span::before{content:"Exit"}body[data-lang=en][data-room="2"] .animated_arrow_body.moveto0 span::before{content:"Reception"}body.story_mode .stage_icon{display:none !important}body[data-vr-mode="1"] .stage_info_icon{display:none !important}.animated_arrow_holder{display:inline-block;width:1px;height:1px;position:absolute;pointer-events:none}.animated_arrow_body{position:absolute;transform:rotate(180deg) translate(27px, 25%) perspective(500px) rotateX(304deg);top:0px;left:0px;width:56px;height:90px}.animated_arrow_body.dir1{transform:rotate(180deg) translate(27px, 25%) perspective(500px) rotateX(304deg) rotateY(1deg) rotateZ(344deg)}.animated_arrow_body.dir2{transform:rotate(180deg) translate(27px, 25%) perspective(500px) rotateX(304deg) rotateY(1deg) rotateZ(43deg)}.animated_arrow_body span{color:#fff;display:inline-block;transform:scale(-1) translateY(64px);text-align:center;width:100%;font-size:20px;font-weight:bold}.animated_arrow_body span::before{display:inline-block;content:"";width:130%}.dom{position:absolute;top:0px;left:0px;margin-left:-20px;width:60px;height:60px}.dom svg{width:100%;height:100%;fill:#fff}.dom.bounce{animation:bounce 2s ease-out infinite}.chevron{position:absolute;width:3.5rem;height:.8rem;opacity:0;transform:scale(0.3);animation:move-chevron 3s ease-out infinite}.chevron:first-child{animation:move-chevron 3s ease-out 1s infinite}.chevron:nth-child(2){animation:move-chevron 3s ease-out 2s infinite}.chevron:before,.chevron:after{content:"";position:absolute;top:0;height:100%;width:50%;background:#fff}.chevron:before{left:0;transform:skewY(30deg)}.chevron:after{right:0;width:50%;transform:skewY(-30deg)}#youtube_video{width:450px;height:350px;background-color:#000}#youtube_video iframe{width:100%;height:100%;transform:perspective(500px) rotateX(6deg) translateZ(25px)}.stage_icon{width:35px;height:35px;background:#000;border-radius:50%;border:2px solid #fff;padding:9px;cursor:pointer}.stage_icon svg{width:100%;height:100%;fill:#fff;stroke:#fff}.stage_icon.active{background:#ffdd2c}.poly{width:65px;height:65px;display:inline-block;line-height:0;text-align:center}.poly>span{width:90%;height:100%;background:#fff;display:inline-block;padding:1px;clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)}.poly i{display:inline-block;width:100%;height:100%;background:#ccc;clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);position:relative}.poly svg{width:40%;height:40%;fill:rgba(0,0,0,0);stroke:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.poly img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:148%}@keyframes move-chevron{25%{opacity:1}33.3%{opacity:1;transform:translateY(3.8rem)}66.6%{opacity:1;transform:translateY(5.2rem)}100%{opacity:0;transform:translateY(8rem) scale(0.5)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.marker{position:absolute;z-index:2;top:0px;left:0px;background:#fff;padding:4px 10px;opacity:0;transform:translate3d(-50%, calc(-100% + 50px), 0);transition:opacity .3s,transform .3s;pointer-events:none}.marker.active{opacity:1;transform:translate3d(-50%, calc(-100% - 25px), 0)}.badge{position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.3137254902);z-index:2;opacity:0;transition:all .5s ease-out}.badge .badge_logo{display:inline-block;position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%, -50%) scale(0.2);transition:all .5s cubic-bezier(0.75, -0.5, 0, 1.75);transition-delay:.4s}.badge .badge_logo:before{content:"";position:absolute;display:inline-block;background:url(../../assets/images/badges/background-lights.png) no-repeat;width:804px;height:824px;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;transition:all .5s ease-out;animation:rotate 20s linear infinite forwards}.badge .badge_logo img{position:relative;z-index:3}.badge.active{opacity:1}.badge.active .badge_logo{transform:translate(-50%, -50%) scale(1);opacity:1}@keyframes rotate{100%{transform:translate(-50%, -50%) rotate(360deg)}}body.inner .user_widget{display:block}#setting_page{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:99999;background:#000;color:#fff;padding:70px 20px 20px}.stg_close{position:fixed;top:10px;right:10px;width:40px;height:40px;cursor:pointer}.stg_close:before,.stg_close:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg);width:20px;height:3px;background:#fff}.stg_close:before{transform:translate(-50%, -50%) rotate(-45deg)}.stg_user{background:#0d0d0d;padding:10px;position:relative}.stg_user h2{margin:0px;font-size:14px}.stg_user span{display:inline-block;vertical-align:top}.stg_user h3{margin:0px;font-size:14px;color:#ffc714}.stg_user img{width:50px;height:50px;border-radius:5px;margin-right:11px}.stg_user button{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0);color:#fff;border:none}.stg_user button svg{width:17px;height:17px;fill:#fff;stroke:#fff;vertical-align:middle}.stg_score{text-align:center;margin:20px 0px}.stg_score>div{display:inline-block;font-size:10px;color:#7b7b7b;padding:0px 10px;font-weight:bold}.stg_score div span:first-of-type{font-size:15px}.stg_score span{display:block}.stg_score b{font-size:20px;color:#fff}.stg_score>div:nth-of-type(2){border-left:1px solid #ffc714;border-right:1px solid #ffc714}.stg_body{background:#0d0d0d;padding:30px 10px;border-radius:5px;position:relative;margin-top:70px}.stg_leaderboard{direction:rtl}.stg_all tr:first-of-type{font-size:12px;color:#7b7b7b}.stg_all tr:first-of-type td{padding:4px 4px 15px}.stg_all img{width:30px;height:30px;border-radius:4px}.stg_all{width:100%;border-collapse:collapse}.stg_all tr{font-size:13px}.stg_all span{display:inline-block;vertical-align:top;padding:5px}.stg_all tr td:nth-of-type(2){text-align:right}.stg_all tr td{text-align:center;padding:4px}.stg_all tr:nth-of-type(2){border:1px solid #ffc714;position:relative}.stg_all tr:nth-of-type(2):after{content:"";position:absolute;top:50%;right:-44px;width:91px;height:93px;transform:translateY(-50%) scale(0.6);background:url(../../assets/images/badges/icon.png) no-repeat}.stg_all tr:nth-of-type(2n){background:#151515}.stg_mine img{width:30px;height:30px;border-radius:4px}.stg_mine{width:100%;border-collapse:collapse;color:#ffc714;font-weight:bold;border-top:1px solid #ffc714;margin-top:10px}.stg_mine tr{font-size:13px}.stg_mine span{display:inline-block;vertical-align:top;padding:5px}.stg_mine tr td:nth-of-type(2){text-align:right}.stg_mine tr td{text-align:center;padding:4px}.stg_mine tr td:first-of-type{width:41px}.stg_tabs{text-align:center;font-size:12px;position:absolute;top:-30px;left:0px;width:100%;z-index:2;cursor:pointer}.stg_tab{padding:10px;color:#7b7b7b;font-weight:bold;background:#000;border-bottom:3px solid #7b7b7b;margin:0px 25px;position:relative;display:inline-block}.stg_tab.active{border-color:#ffc714;color:#ffc714}.stg_tab.active:before{z-index:-1;content:"";position:absolute;top:55%;left:50%;width:80%;height:50%;transform:translateX(-50%);box-shadow:0px 0px 13px #ffc714}.stg_quiz_score{direction:rtl}.stg_quiz_score h2{font-size:15px}.stg_quiz_bar>div{overflow:auto;border:1px solid #ffc714;border-radius:10px}.stg_quiz_bar{position:relative;white-space:nowrap}.coin{position:absolute;z-index:2;width:40px;height:auto;right:-26px;top:4px}.stg_scroll_progress{position:relative;padding:11px}.stg_scroll_progress>i{position:absolute;right:0px;top:0px;width:67px;height:100%;background:#ffcd2c;background:-moz-linear-gradient(0deg, rgb(255, 205, 44) 0%, rgb(255, 199, 20) 100%);background:-webkit-linear-gradient(0deg, rgb(255, 205, 44) 0%, rgb(255, 199, 20) 100%);background:linear-gradient(0deg, rgb(255, 205, 44) 0%, rgb(255, 199, 20) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcd2c",endColorstr="#ffc714",GradientType=1);border-radius:10px}.stg_quiz_bar>div .poly{width:30px;height:30px;margin:0px 38px;vertical-align:middle}.stg_quiz_bar>div .poly i{background:#626262;background:-moz-linear-gradient(0deg, rgb(98, 98, 98) 37%, rgb(63, 63, 63) 68%);background:-webkit-linear-gradient(0deg, rgb(98, 98, 98) 37%, rgb(63, 63, 63) 68%);background:linear-gradient(0deg, rgb(98, 98, 98) 37%, rgb(63, 63, 63) 68%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#626262",endColorstr="#3f3f3f",GradientType=1)}.stg_quiz_bar>div .poly.active{width:40px;height:40px}.stg_quiz_bar>div .poly.active i{background:#ffcd2c;background:-moz-linear-gradient(0deg, rgb(255, 205, 44) 0%, rgb(255, 199, 20) 100%);background:-webkit-linear-gradient(0deg, rgb(255, 205, 44) 0%, rgb(255, 199, 20) 100%);background:linear-gradient(0deg, rgb(255, 205, 44) 0%, rgb(255, 199, 20) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcd2c",endColorstr="#ffc714",GradientType=1)}.stg_quiz_bar>div .poly.active svg{stroke:#000;width:50%;height:50%}.stg_badge_bar .poly i{background:#191919;background:-moz-linear-gradient(0deg, rgb(25, 25, 25) 46%, rgb(13, 13, 13) 50%);background:-webkit-linear-gradient(0deg, rgb(25, 25, 25) 46%, rgb(13, 13, 13) 50%);background:linear-gradient(0deg, rgb(25, 25, 25) 46%, rgb(13, 13, 13) 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#191919",endColorstr="#0d0d0d",GradientType=1)}.stg_badge_bar .poly.active span{background:rgba(0,0,0,0);padding:0px}.stg_badge_bar .poly{width:50px;height:50px;margin:0px 0px 10px}.stg_badge_bar .poly span{background:#515151}.user_widget{width:190px;position:fixed;top:10px;left:10px;color:#fff;border-radius:5px;overflow:hidden;z-index:999;display:none}.user_widget img{width:30px;height:30px}.user_widget h2,.user_widget h3{font-size:12px}.user_widget .stg_user{background:rgba(0,0,0,.8117647059)}.stg_user_progress{background:rgba(0,0,0,.5490196078);padding:6px 10px}.stg_user_progress>div{display:inline-block;width:92%;height:15px;background:#000;border:1px solid #ffc714;line-height:0;vertical-align:middle}.stgu_bar{display:inline-block;width:30%;height:100%;background:#ffc714}.stg_user_progress>i{display:inline-block;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);vertical-align:middle}@media screen and (min-width: 1200px){.stg_user{background:rgba(0,0,0,0);display:inline-block;width:321px;padding:0px}.stg_header{background:#0d0d0d;display:flex;justify-content:space-between;align-items:center;padding:15px}.stg_score{margin:0px;display:inline-block}.stg_score>div{font-size:13px;padding:0px 25px}.stg_user button{top:0px;right:0px}.stg_user h2{font-size:18px}.stg_user h3{font-size:18px}.stg_score div span:first-of-type{font-size:18px}.stg_score b{font-size:36px;line-height:1}.stg_tab{font-size:20px}.stg_body{margin-top:125px}.stg_tabs{top:-43px}.stg_quiz_score h2{font-size:18px}.stg_scroll_progress{padding:22px}img.coin{width:66px;right:-37px}.stg_badge_bar .poly{width:80px;height:80px}.stg_all tr:first-of-type{font-size:20px}.stg_all tr{font-size:20px;font-weight:bold}.stg_all tr td{padding:20px}.stg_all{width:80%;margin:0px auto}.stg_all tr:nth-of-type(2):after{transform:translateY(-50%) scale(1)}.stg_mine{width:80%;margin:0px auto}.stg_mine tr{font-size:20px}.stg_mine tr td{padding:20px}.stg_mine tr td:first-of-type{width:146px}.stg_container{width:90%;margin:0px auto}}.flayer{position:absolute;top:0px;left:-100%;width:300%;height:100%;z-index:4;background:#fff;direction:rtl;opacity:0;transition:all .5s ease-out}.flayer>div{width:33.333%;height:100%;float:right;background:#f0f0f0;background:-moz-linear-gradient(90deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 100%);background:-webkit-linear-gradient(90deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 100%);background:linear-gradient(90deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);padding:35px 36px 0px}.flayer h2{margin:0px;font-size:27px}.flayer p{line-height:1.6;font-weight:bold;font-size:14px}.flayer ul{margin:20px 0px 0px;padding:0px;list-style:none}.flayer .poly{width:35px;height:35px;vertical-align:middle}.flayer li{padding:10px;font-size:18px;margin-bottom:10px}.flayer b{display:inline-block;padding:0px 20px}.flayer .poly i{background:#000;color:#fff;font-size:19px;line-height:1;font-style:normal;font-weight:bold;display:flex;justify-content:center;align-items:center}.flayer_map{margin:10px auto;display:block;width:190px}.flayer_logo{margin:170px auto 0px;display:block}.bvover h3,.bvover h4{margin:0px;font-size:14px}.bvover h4{font-weight:normal}.bvover{margin-bottom:17px}body[data-lang=en] .share_btns .share_btns{direction:rtl}body[data-lang=en] .gl_title{direction:ltr}body[data-lang=en] .gl_title svg{margin-right:10px;margin-left:0px}.global_lightbox{position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:9999999;justify-content:center;align-items:center;display:none}.global_lightbox.active{display:flex}.global_lightbox.sharemode .share_walloffame{display:block}.global_lightbox.sharemode .upload_btns{display:none}.gl_body{width:90%;max-width:500px;min-height:390px;position:relative;padding:2px;display:flex;flex-direction:column}.gl_body .custom_bg{position:absolute;top:0px;left:0px;z-index:1}.gl_content{position:relative;z-index:2;height:89%;display:flex;align-items:center;justify-content:center;flex:1}.share_walloffame{padding:20px;display:none}.upload_btns{text-align:center}.upload_btns .upload_btn{background:rgba(0,0,0,0);border:2px solid #4d4d4d;width:116px;height:116px;margin:0px 10px;font-size:12px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.upload_btns .upload_btn svg{width:20px;height:20px;fill:#838383}.upload_btns .upload_btn span{display:block;color:#838383;margin-top:10px;font-weight:bold}.gl_title{text-align:center;color:#fdc714;position:relative;z-index:2;direction:rtl;padding:15px 0px 18px;background:#1b1b1b;background:linear-gradient(to left, #272727, #131313)}.gl_title svg{width:20px;height:20px;fill:#fdc714;vertical-align:middle;margin-left:10px}.share_image{border:2px solid #fdc714;line-height:0px;box-shadow:0px 0px 32px 1px rgba(253,199,20,.4705882353);position:relative}.share_image img{width:100%;height:100%}.share_aux button{margin:0px 5px}.download_btn,.edit_btn{background:rgba(0,0,0,0);border:1px solid #4d4d4d;color:#838383;padding:10px 0px 12px;text-align:center;width:165px;font-size:14px}.download_btn span,.edit_btn span{display:inline-block}.download_btn svg,.edit_btn svg{margin-right:4px}.share_btns{padding:20px 0px;text-align:center}.share_btns svg{width:12px;height:12px;fill:#ccc;vertical-align:middle}.share_social{display:inline-block;color:#fff;font-size:11px;width:100%;margin-top:20px;text-align:center}.share_btn{display:inline-block;background:#1977f3;cursor:pointer;margin:0px 2px;direction:rtl}.share_btn span{display:inline-block;padding:9px 10px 11px}.share_btn i{display:inline-block;height:32px;background:#166bda;vertical-align:top;padding:8px}.share_btn.twitter{background:#55acef}.share_btn.twitter i{background:#4c9ad7}.share_item_icon svg{width:100%;height:100%;fill:#fff}.share_item_icon{width:40px;height:40px;border:none;border-radius:50%;padding:10px;margin-left:10px;cursor:pointer}.share_item_icon.facebook{background:#166bda}.share_item_icon.twitter{background:#1977f3}.gl_close{position:absolute;top:-28px;right:-41px;z-index:3;cursor:pointer}.poly.profile_poly{position:absolute;top:57.8%;left:50.6%;transform:translate(-50%, -50%);width:22%;height:39.6%}.poly.profile_poly>span{padding:0px}#camera_holder{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:9999;display:none}#camera_holder.active{display:block}#camera_holder.shot canvas{display:block}#camera_holder.shot #snapshot_btn{display:none}#camera_holder video,#camera_holder canvas{width:100%;height:100%;position:absolute;top:0px;left:0px}#camera_holder canvas{z-index:2;display:none}#snapshot_btn{width:100px;height:100px;border-radius:50%;background-color:#db163d;border:5px solid #92112a;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);cursor:pointer;z-index:10}@media screen and (min-width: 1300px){.share_walloffame{padding:20px 114px}.gl_title{padding:29px 0px 35px;font-size:20px}.gl_title svg{width:30px;height:30px}.gl_content{height:83%}.gl_body{max-width:900px;min-height:590px}.share_btns{padding:0px;display:flex;justify-content:space-between;padding:17px 0px 0px}.share_btns svg{width:15px;height:15px}.share_aux .edit_btn{width:95px}.share_btn{margin:0px 5px 0px 0px}.share_btn span{padding:10px 0px 14px;width:103px}.share_btn i{height:41px;padding:8px 14px}.share_social{width:auto;font-size:15px;margin:0px}.upload_btns .upload_btn{width:160px;height:160px;margin:0px 61px}.upload_btns .upload_btn svg{width:30px;height:30px}}body[data-lang=ar] #room_title{direction:rtl}body[data-lang=ar] .seen_total{direction:rtl}body.story_mode #seen_info{display:none}#room_title{position:fixed;left:50%;top:0px;transform:translate(-50%, -100%);background:#ffc714;width:90%;z-index:9999;color:#000;font-weight:bold;text-align:center;border-radius:9px;transition:all .5s ease-out}#room_title.active{top:10px;transform:translate(-50%, 0%)}#room_title.active.expand{transform:translateY(-50%) translateX(0%)}#room_title_info{padding:0px 4px}#room_title_info:before,#room_title_info:after{content:'"'}#room_title:before{content:"";position:absolute;left:50%;transform:translate(-50%, 0%);width:97%;background:#ffd81a;height:50%;top:5px;border-radius:5px}div#room_title img{display:inline-block;width:50px;vertical-align:middle}#room_title>div{position:relative}.room_title_body{display:inline-block;vertical-align:middle}#seen_info{position:fixed;top:50%;left:0px;width:71px;min-height:400px;z-index:10;background:rgba(0,0,0,.4588235294);border:1px solid #ffc714;transform:translateY(-50%) translateX(-140%);border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:20% 50%;border-bottom-right-radius:20% 50%;display:flex;justify-content:center;align-items:center;transition:all .5s ease-out}#seen_info.active{transform:translateY(-50%) translateX(-100%)}#seen_info.expand{transform:translateY(-50%) translateX(0%)}#seen_info .d{display:none}.seen_list .poly{width:30px;height:30px;display:flex;margin:2px 0px}.seen_list .poly.active>span{background:#ffc714}.seen_list .poly i{background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10px}.seen_total{color:#fff;display:inline-block;padding:10px 0px;font-size:10px;text-align:center}.seen_total i{display:inline-block;padding:2px;font-style:normal}#seen_current{color:#ffc714}.seen_total b{display:block}.seen_list{display:flex;flex-direction:column;align-items:center}#seen_info>div{transform:translateX(-5px)}#close_seen{position:absolute;display:flex;justify-content:center;align-items:center;width:30px;height:50px;right:-30px;background:#ffc714;cursor:pointer}#close_seen:before{content:"";display:inline-block;width:9px;height:9px;border-left:2px solid #000;border-bottom:2px solid #000;transform:rotate(-135deg)}@media screen and (min-width: 1200px){#room_title{width:50%;max-width:497px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:50% 20%;border-bottom-right-radius:50% 20%}#room_title.active{top:0px}#room_title:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:50% 20%;border-bottom-right-radius:50% 20%}#seen_info .m{display:none}#seen_info .d{display:inline-block}#seen_info{top:0px;left:50%;transform:translateY(-160%) translateX(-50%);min-height:auto;min-width:496px;border-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:50% 20%;border-bottom-right-radius:50% 20%;padding:27px 0px 10px}#seen_info.active{transform:translateY(-100%) translateX(-50%)}#seen_info.expand{transform:translateY(0%) translateX(-50%);top:38px}.seen_list{flex-direction:row}#close_seen{right:auto;left:50%;width:50px;height:30px;bottom:-30px;transform:translateX(-50%)}#close_seen:before{transform:rotate(-45deg)}#seen_info>div{transform:translateX(0px);display:flex;flex-direction:column}.seen_list .poly{width:37px;height:37px;margin:3px 3px 10px}.seen_total{padding:0px}}