body,html{max-width:100%;box-sizing:border-box;overflow-x:hidden}body.scroll-hidden,html.scroll-hidden{overflow-y:hidden}*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none}body{z-index:0;position:relative}.contact,.feature,.home,.imams,footer,header{font-family:PingFangTC-Semibold,PingFangTC}*,:after,:before{box-sizing:inherit}a{text-decoration:none;cursor:pointer}ul{list-style-type:none}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-header{width:100%;z-index:99;background-color:#0e4130;transition:background .1s ease-in;position:fixed;top:0;left:0}.page-header .nav-wrap{padding:20px 0 24px;width:100%;max-width:1260px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:20px;position:relative;color:hsla(0,0%,100%,.5)}.page-header .nav-wrap .mobile-menu{display:none}.page-header .nav-wrap .logo,.page-header .nav-wrap .logo img{width:188px;height:44px}.page-header .nav-wrap .lang{margin-right:0;width:180px;white-space:nowrap;height:28px;color:#fff;border:1px solid #02a16e;border-radius:12px;text-align:center;color:#02a16e}.page-header .nav-wrap .lang .lang-display{border-radius:5px;cursor:pointer}.page-header .nav-wrap .lang .lang-mobile-display{display:none}.page-header .nav-wrap .lang ul{display:none;background:rgba(0,0,0,.74);z-index:10;border-radius:15px}.page-header .nav-wrap .lang ul a{display:block;color:#fff;padding:2px 0;white-space:nowrap}.page-header .nav-wrap .lang ul a.lang-active{color:#02a16e}.page-header .nav-wrap .lang.lang-open ul{display:block}.page-header.ar .nav-wrap .lang{margin-left:0;margin-right:90px}@media screen and (max-width:1024px){.page-header .nav-wrap{height:11.46667vw;padding:1.6vw 4.8vw 1.06667vw 3.2vw;display:block}.page-header .nav-wrap .logo{position:absolute;right:50%;transform:translateX(50%)}.page-header .nav-wrap .logo,.page-header .nav-wrap .logo img{width:38.66667vw;height:8.93333vw}.page-header .nav-wrap .lang{display:block;position:absolute;top:3.2vw;right:4.53333vw;border:none;text-align:center}.page-header .nav-wrap .lang .lang-display{display:none}.page-header .nav-wrap .lang .lang-mobile-display{position:absolute;padding:.53333vw;top:0;right:0;color:#fff;display:block;font-size:3.2vw;font-family:HelveticaNeue-Medium,HelveticaNeue;font-weight:500;border-radius:1.06667vw;border:1px solid #fff}.page-header .nav-wrap .lang ul{height:0;overflow:hidden;z-index:10}.page-header .nav-wrap .lang ul a{display:block;color:#fff}.page-header .nav-wrap .lang.lang-open ul{position:absolute;top:7.46667vw;right:0;width:42.4vw;background:rgba(0,0,0,.74);border-radius:1.06667vw;overflow-y:hidden;height:auto;padding:0 5.33333vw}.page-header .nav-wrap .lang.lang-open ul a{margin:0;font-size:3.73333vw;font-family:SFProDisplay-Regular,SFProDisplay;font-weight:400;color:#fff;line-height:5.06667vw;padding:2vw 0}.page-header .nav-wrap .lang.lang-open ul a.lang-active{color:#02a16e}.page-header .nav-wrap .mobile-menu{width:5.2vw;height:100%;display:inline-block;position:absolute;left:4.53333vw;top:3.2vw;color:#fff}.page-header .nav-wrap .mobile-menu .menu{transition:.3s;cursor:pointer}.page-header .nav-wrap .mobile-menu .menu .bar{height:.53333vw;width:5.33333vw;display:block;margin:1.06667vw auto;background-color:#fff;border-radius:1.06667vw;transition:.4s}.page-header .nav-wrap .mobile-menu .menu .bar:first-of-type{margin-top:.53333vw;animation:rotateR 1.5s cubic-bezier(.5,.2,.2,1)}.page-header .nav-wrap .mobile-menu .menu .bar:nth-of-type(2){animation:fade 1.5s cubic-bezier(.1,.8,.1,1)}.page-header .nav-wrap .mobile-menu .menu .bar:nth-of-type(3){animation:rotateL 1.5s cubic-bezier(.5,.2,.2,1)}.page-header .nav-wrap .mobile-menu.open .bar:first-of-type{transform:translateY(6.5px) rotate(45deg)}.page-header .nav-wrap .mobile-menu.open .bar:nth-of-type(2){opacity:0}.page-header .nav-wrap .mobile-menu.open .bar:nth-of-type(3){transform:translateY(-6.5px) rotate(-45deg)}.page-header .nav-wrap .mobile-menu :first-child{margin-top:0}.page-header.ar .nav-wrap .lang{margin-right:0}}footer{background:#02a16e;z-index:9}footer,footer .footer-wrap{width:100%;position:relative}footer .footer-wrap{max-width:1200px;margin:0 auto;text-align:center;padding:12px 0}footer .logo{display:block;margin:0 auto}footer .logo,footer .logo img{width:188px;height:44px}footer .best-muslim-prayer,footer .copyright,footer .text{font-size:18px;font-weight:400;padding-bottom:14px;text-align:center;color:hsla(0,0%,100%,.39)}footer .best-muslim-prayer a,footer .copyright a,footer .text a{color:hsla(0,0%,100%,.39)}footer .text a{margin:0 33px}footer .text a:hover{color:#fff}footer .icon{position:absolute;right:0;bottom:13px}footer .icon .icon-email,footer .icon .icon-facebook{font-size:30px;color:hsla(0,0%,100%,.5);margin-left:14px}footer .icon .icon-email:hover,footer .icon .icon-facebook:hover{color:#fff}@media screen and (max-width:1024px){footer .footer-wrap{padding:5.6vw 0 3.73333vw}footer .logo{display:block}footer .logo,footer .logo img{width:38.66667vw;height:8.93333vw}footer .icon{margin-top:3.2vw;position:relative;bottom:auto;right:auto}footer .icon .icon-email,footer .icon .icon-facebook{font-size:6.4vw;margin-left:8vw}footer .icon .icon-facebook{margin-left:0}footer .best-muslim-prayer,footer .copyright,footer .text{font-size:3.73333vw;padding-bottom:3.73333vw;text-align:center}footer .text a{margin:0 4.53333vw}footer.ar .logo,footer.ar .logo img{width:26.66667vw;height:9.33333vw}}body{background:url(/webpack/img/head_bg.png) 0 86px/100vw 700px no-repeat,#f4f8f9;overflow:hidden}.home .home-content{width:100%;margin:0 auto;display:flex;padding-top:144px;padding-left:42px}.home .home-app{max-width:585px}.home .home-app .title{width:516px;font-size:45px;font-family:Helvetica-Bold,Helvetica;font-weight:700;color:#fff}.home .home-app .desc{margin-top:34px;width:448px;height:52px;font-size:19px;font-family:PingFangTC-Semibold,PingFangTC;font-weight:600;color:#ee6}.home .home-app .download{display:flex;margin-top:48px}.home .home-app .download a{width:194px}.home .home-app .download img{width:100%}.home .home-app .gp{margin-right:37px}.home .home-app .appstore,.home .home-app .appstore img,.home .home-app .gp,.home .home-app .gp img{width:194px;height:56px}.home .home-phone{position:relative;margin-left:182px;margin-top:8px}.home .home-phone .phone-img{width:284px;height:566px}.home .home-phone .phone-shadow{display:block;height:26px;width:322px;background:url(/webpack/img/phone_shadow.png) no-repeat;background-size:100% 100%;background-position:50%;position:absolute;bottom:-6px;left:-19px;z-index:-1}.home-download-mobile{margin-top:7.46667vw;display:none;justify-content:space-between}.home-download-mobile img{width:43.73333vw;height:14.93333vw}.home.ar .home-bg{transform:scaleX(-1)}.home.ar .home-phone{margin-left:0;margin-right:182px}.home.ar .gp{margin-right:0;margin-left:37px}.home.ar .home-content{padding-left:0;padding-right:42px}@media screen and (max-width:1680px){.home .home-content{padding-top:150px}.home .home-bg{height:810px}.home.ar .home-phone{margin-left:0;margin-right:0}.home .home-phone{width:236px;margin-left:0}}@media screen and (max-width:1000px){.home .home-content{padding-top:130px}.home .home-bg{height:720px}.home .home-app .title{font-size:38px}}@media screen and (max-width:768px){body{background:url(/webpack/img/head_bg_mobile.png) no-repeat;background-size:100% 77.6vw;background-position-y:11.46667vw}.home{padding:0 4vw}.home .home-content{padding-top:6.66667vw;padding-left:0}.home .home-bg{height:95.2vw;background-image:url(/webpack/img/head_bg_mobile.png)}.home .home-app{max-width:44.53333vw}.home .home-app .title{font-size:5.6vw;width:auto;height:auto}.home .home-app .desc{margin-top:3.46667vw;font-size:3.73333vw;width:auto;height:auto}.home .home-app .download{display:none}.home .home-phone{width:41.46667vw;height:82.66667vw;margin-left:5.86667vw;margin-top:0;margin-right:0}.home .home-phone .phone-img{width:41.33333vw;height:82.4vw}.home .home-phone .phone-shadow{display:none}.home-download-mobile{display:flex}.home.ar .home-phone{margin-left:0;margin-right:5.86667vw}.home.ar .home-content{padding-right:0}}.feature{position:relative}.feature-bg{width:100%;height:718px;background-image:url(/webpack/img/feature_bkg.png);background-size:contain;background-repeat:no-repeat;position:absolute;top:-100px;left:0;z-index:-1}.feature.ar .feature-bg{transform:scaleX(-1)}.feature-content{width:100%;max-width:1200px;margin:70px auto 0}.feature-content h2{font-size:50px;font-weight:600;color:#000;display:flex;justify-content:center;margin-bottom:60px}.feature-list{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.feature-list li{width:49%;height:475px;background-size:100% 100%;background-repeat:no-repeat;margin-bottom:108px}.feature-list li>div{width:272px}.feature .pray>div{background-image:url(/webpack/img/home_prayer_bkg.png);background-size:272px 475px}.feature .pray .feature-title{text-shadow:0 0 0 #1d7357}.feature .holy>div{background-image:url(/webpack/img/holy_bkg.png);background-size:272px 475px}.feature .holy .feature-title{text-shadow:0 0 0 #5b2b17}.feature .qibla>div{background-image:url(/webpack/img/qibla_bkg.png);background-size:272px 475px}.feature .qibla .feature-title{text-shadow:0 0 0 #0a4387}.feature .news>div{background-image:url(/webpack/img/news_bkg.png);background-size:272px 475px}.feature .news .feature-title{text-shadow:0 0 0 #046443}.feature-title{font-size:24px;color:#fff;font-weight:700}.feature-desc{color:#fff;font-size:14px;margin:15px auto 11px;text-align:center;min-height:32px;max-width:90%}.feature-img{display:flex;align-items:center;flex-direction:column;width:272px;height:475px;margin:0 auto;padding-top:38px}.feature-img img{width:272px;height:424px}@media screen and (max-width:1024px){.feature-bg{height:192.26667vw;background-image:url(/webpack/img/feature_bkg_mobile.png);top:0}.feature-content{margin:5.33333vw auto 0}.feature-content h2{font-size:6.93333vw;margin-bottom:6.13333vw}.feature-list li{width:42.53333vw;height:74.26667vw;margin-bottom:18.93333vw}.feature-list li>div{width:42.53333vw}.feature-title{font-size:3.73333vw}.feature-desc{font-size:2.13333vw;margin:2.4vw auto 2.13333vw;min-height:4.8vw}.feature-img{width:40.53333vw;height:66.26667vw;margin:0 auto;padding-top:5.06667vw}.feature .holy .feature-img,.feature .news .feature-img,.feature .pray .feature-img,.feature .qibla .feature-img{background-size:40.53333vw 66.26667vw}}@media screen and (max-width:768px){.feature-list li{width:auto;width:42.53333vw;height:74.26667vw;margin-bottom:18.93333vw}.feature-list li>div{width:42.53333vw}.feature-list .feature-img img{width:40.66667vw;height:66.26667vw}}.main{display:flex;max-width:1260px;margin:88px auto 0;z-index:1;position:relative}.main.ar .aside .menu a.active:before{content:url(/img/location.png);width:5px;height:5px;position:absolute;right:10px;top:16px}.main .aside{width:254px;background-color:#fff;position:fixed;top:88px;height:100%;z-index:10}.main .aside,.main .aside .menu a{font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#0a0a0a;line-height:22px}.main .aside .menu a{display:block;padding-top:14px;padding-bottom:14px;padding-left:30px;position:relative}.main .aside .menu a.active{color:#02a16e;background:rgba(14,175,106,.12)}.main .aside .menu a.active:before{content:url(/img/location.png);width:5px;height:5px;position:absolute;left:10px;top:16px}.main .content{margin-left:254px}.main.ar .content{margin-left:0;margin-right:254px}.main.ar .aside{width:254px}.main.ar .aside .menu a{padding-right:30px}@media screen and (max-width:1024px){.main{margin-top:11.46667vw}.main .aside{display:none}.main .aside.open{display:block;position:fixed;top:11.73333vw;left:0;width:100%;height:100%;color:red}.main.ar .content{margin-right:0}.main.ar .aside{display:none}.main.ar .aside.open{display:block;position:fixed;top:11.46667vw;left:0;width:100%;height:100%;color:red}.main .content{margin-left:0;width:100%}}.home{position:relative}.home .home-bg{display:none}.home .home-content{padding-top:13.33333vw}.home .lang{position:absolute;top:2.13333vw;left:3.46667vw}.home .lang .ar,.home .lang .en{display:inline-flex;justify-content:center;padding:1px 6px;font-weight:600;color:hsla(0,0%,100%,.5)}.home .lang .ar:hover,.home .lang .en:hover{color:#fff}.home .lang .gap{padding:0 3px;color:#fff}.home .lang .active{color:#fff;border-radius:5px;border:1px solid #fff}.home .logo{position:absolute;top:2.13333vw;right:3.46667vw;width:32.53333vw;height:7.6vw}.home .logo img{width:100%}.home-app{margin-top:-10.66667vw}.btn{display:flex;align-items:center;justify-content:center;background-image:url(/webpack/img/landing_btn.png);font-family:GeezaPro-Bold,GeezaPro;font-weight:700;color:#9e6200}.btn,.btn .icon{background-repeat:no-repeat;background-size:100% 100%}.btn .icon{background-image:url(/webpack/img/landing_icon.png)}.btn.top{width:43.73333vw;height:12.26667vw;margin-top:5.33333vw;font-size:5.33333vw}.btn.top .icon{margin-left:2.4vw;width:6.4vw;height:6.4vw}.btn.bottom{position:fixed;bottom:5.6vw;width:95.2vw;height:17.06667vw;font-size:6.4vw;left:50%;transform:translateX(-50%);background-image:url(/webpack/img/landing_btn2.png)}.btn.bottom .icon{margin-left:4.26667vw;width:6.4vw;height:6.4vw}.feature{margin-bottom:22.66667vw}.menu-wrap{display:none!important}footer{z-index:-1}