@import url(//fonts.googleapis.com/css?family=Zain:400,500,700,400italic|Material+Icons);@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);@import url(https://fonts.googleapis.com/css2?family=Zain&display=swap);*{box-sizing:border-box}body{margin:0;padding:0;background-color:#f5f5f5;font-family:Zain,Tahoma,monospace;color:#333}body .app{position:relative;width:100%;height:100vh!important;overflow:hidden;overflow-y:auto}body .card{transition:transform .3s ease-in-out}body .card:hover{transform:translateY(-5px)}body .slide-fade-enter-active{transition:all .3s ease}body .slide-fade-leave-active{transition:all .3s}body .slide-fade-enter,body .slide-fade-leave-to{transform:translateY(10px);opacity:0}body .no_login_msg{margin-top:25px;padding:25px;text-align:center;background-color:#fff}body .page_wraper{padding:2rem;transition:.5s;transition-delay:.2s}body .page_wraper.collapsed{margin-right:20%}body .page_wraper ul{height:500px}@media screen and (max-width:991px){body .page_wraper.collapsed{margin-right:30%}}@media screen and (max-width:767px){body .page_wraper.collapsed{margin-right:0}}@media screen and (max-width:480px){body .page_wraper{padding:2rem 0}}body .player_container{padding-top:40%}@media screen and (max-width:991px){body .player_container{padding-top:75px;padding-bottom:3em}}@media screen and (max-width:480px){body .player_container{padding-bottom:1.5rem}}body .player_container .reloading_player{min-height:170px;text-align:center}body .player_container .reloading_player img{max-width:100%;max-height:200px}body .player_container .info_card{margin-top:3rem;font-size:.8rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;direction:rtl}@media screen and (max-width:480px){body .player_container .info_card{margin-top:1.5rem}}body .material-tooltip{background-color:#000}body input:not([type]):focus:not([readonly]),body input[type=email]:not(.browser-default):focus:not([readonly]),body input[type=password]:not(.browser-default):focus:not([readonly]),body input[type=tel]:not(.browser-default):focus:not([readonly]),body input[type=text]:not(.browser-default):focus:not([readonly]),body textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #0969cc;box-shadow:0 1px 0 0 #0969cc}@media screen and (max-width:480px){body input:not([type]):focus:not([readonly]),body input[type=email]:not(.browser-default):focus:not([readonly]),body input[type=password]:not(.browser-default):focus:not([readonly]),body input[type=tel]:not(.browser-default):focus:not([readonly]),body input[type=text]:not(.browser-default):focus:not([readonly]),body textarea.materialize-textarea:focus:not([readonly]){box-shadow:none!important}}body input:not([type]).no-validation,body input[type=email]:not(.browser-default).no-validation,body input[type=password]:not(.browser-default).no-validation,body input[type=tel]:not(.browser-default).no-validation,body input[type=text]:not(.browser-default).no-validation,body textarea.materialize-textarea.no-validation{border-bottom:1px solid red!important;box-shadow:0 1px 0 0 red!important}@media screen and (max-width:480px){body input:not([type]).no-validation,body input[type=email]:not(.browser-default).no-validation,body input[type=password]:not(.browser-default).no-validation,body input[type=tel]:not(.browser-default).no-validation,body input[type=text]:not(.browser-default).no-validation,body textarea.materialize-textarea.no-validation{box-shadow:none!important}}body input:not([type]):focus:not([readonly])+label,body input[type=email]:not(.browser-default):focus:not([readonly])+label,body input[type=password]:not(.browser-default):focus:not([readonly])+label,body input[type=tel]:not(.browser-default):focus:not([readonly])+label,body input[type=text]:not(.browser-default):focus:not([readonly])+label,body textarea.materialize-textarea:focus:not([readonly])+label{color:#0969cc}body input.validate+label{z-index:-1}body .input-field{margin-bottom:0}body .row .col{width:100%}body .blue-text{color:#0969cc!important}body button:focus{background-color:#043bd1}body .btn_login,body .btn_style{min-width:160px;display:flex;justify-content:flex-end;align-items:center;background:#0969cc;color:#fff;border:none;padding:8px 10px;border-radius:40px;font-weight:600;letter-spacing:.5px;transition:.4s;cursor:pointer;margin-bottom:1rem}body .btn_login:not(.router-link-active):hover,body .btn_style:not(.router-link-active):hover{background-color:#3184e9;box-shadow:5px 3px 20px hsla(0,0%,78%,.45)}body .btn_login:not(.router-link-active):hover .btn_icon svg,body .btn_style:not(.router-link-active):hover .btn_icon svg{-webkit-animation:slide .4s ease-in-out .2s;animation:slide .4s ease-in-out .2s}@-webkit-keyframes slide{0%{transform:translateX(25px)}to{transform:translateX(0)}}@keyframes slide{0%{transform:translateX(25px)}to{transform:translateX(0)}}body .btn_login .btn_icon,body .btn_style .btn_icon{background-color:#fff;width:25px;height:25px;display:inline-block;margin-left:10px;border-radius:50%;display:flex;justify-content:center;align-items:center;overflow:hidden}body .btn_login .btn_icon svg,body .btn_style .btn_icon svg{width:18px;transition:.3s}body .btn_login .btn_icon svg circle,body .btn_login .btn_icon svg line,body .btn_login .btn_icon svg path,body .btn_login .btn_icon svg polyline,body .btn_style .btn_icon svg circle,body .btn_style .btn_icon svg line,body .btn_style .btn_icon svg path,body .btn_style .btn_icon svg polyline{stroke:#0969cc}body .btn_style.router-link-active{background-color:#3184e9;box-shadow:5px 3px 20px hsla(0,0%,78%,.45);opacity:.8}body .btn_style.router-link-active svg circle,body .btn_style.router-link-active svg line,body .btn_style.router-link-active svg path,body .btn_style.router-link-active svg polyline{stroke:#3184e9}body .btn_login{min-width:160px;background-color:#fff;color:#0969cc;box-shadow:5px 3px 20px hsla(0,0%,78%,.45)}body .btn_login:focus,body .btn_login:hover{background-color:#0969cc!important;color:#fff}body .btn_login .btn_icon{background-color:#0969cc}body .btn_login .btn_icon svg circle,body .btn_login .btn_icon svg line,body .btn_login .btn_icon svg path,body .btn_login .btn_icon svg polyline{stroke:#fff}body .dropdown-content{box-shadow:5px 3px 20px hsla(0,0%,78%,.45);text-align:center}body .dropdown-content li{text-align:center}body nav ul a:hover{background:#f5f5f5}body .plyr{position:relative;border-radius:20px;box-shadow:5px 3px 20px hsla(0,0%,78%,.45)}body .plyr--full-ui input[type=range]{color:#3184e9}body .plyr--audio .plyr__control.plyr__tab-focus,body .plyr--audio .plyr__control:hover,body .plyr--audio .plyr__control[aria-expanded=true],body .plyr__control.plyr__control--pressed{background:#3184e9!important;box-shadow:none;color:#fff!important}body .plyr--audio .plyr__menu__container{z-index:99999}body .plyr--audio .plyr__controls{height:200px;align-items:center;padding-top:1rem}body .plyr--audio .plyr__control[data-plyr=mute],body .plyr--audio .plyr__control[data-plyr=play]{border-radius:50%;background-color:#fff;color:#0969cc;box-shadow:0 5px 10px hsla(0,0%,78%,.45);padding:10px}body .plyr--audio .plyr__control[data-plyr=mute]:hover,body .plyr--audio .plyr__control[data-plyr=play]:hover{background-color:#0969cc;color:#fff}body .plyr__controls>.plyr__controls__item.plyr__menu,body .plyr__controls>.plyr__controls__item.plyr__volume,body .plyr__controls>button.plyr__control{position:absolute}body .plyr__controls>button.plyr__control{bottom:15%;left:2rem}body .plyr__controls>.plyr__controls__item.plyr__volume{bottom:15%;left:50%;transform:translateX(-50%)}body .plyr__controls>.plyr__controls__item.plyr__menu{bottom:15%;right:2rem}body .toast{background-color:#2f363d!important}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}body.dark{background-color:#24292e;color:#fff}body.dark .blue-text{color:#fff!important}body.dark button:focus{background-color:#24292e}body.dark .dropdown-content{box-shadow:5px 3px 20px rgba(0,0,0,.45);background-color:#2f363d}body.dark nav ul a:hover{background:#24292e}body.dark .btn_login,body.dark .btn_style{background:#2f363d;color:#fff;border:2px solid #24292e}body.dark .btn_login:not(.router-link-active):hover,body.dark .btn_style:not(.router-link-active):hover{background-color:#24292e;box-shadow:none}body.dark .btn_login .btn_icon,body.dark .btn_style .btn_icon{background-color:#24292e}body.dark .btn_login .btn_icon svg circle,body.dark .btn_login .btn_icon svg line,body.dark .btn_login .btn_icon svg path,body.dark .btn_login .btn_icon svg polyline,body.dark .btn_style .btn_icon svg circle,body.dark .btn_style .btn_icon svg line,body.dark .btn_style .btn_icon svg path,body.dark .btn_style .btn_icon svg polyline{stroke:#fff}body.dark .btn_style.router-link-active{background-color:#24292e;box-shadow:none}body.dark .btn_style.router-link-active svg circle,body.dark .btn_style.router-link-active svg line,body.dark .btn_style.router-link-active svg path,body.dark .btn_style.router-link-active svg polyline{stroke:#fff}body.dark .btn_login{box-shadow:none}body.dark .btn_login:focus,body.dark .btn_login:hover{background-color:#24292e!important}body.dark .plyr{box-shadow:5px 3px 20px rgba(0,0,0,.15)!important}body.dark .plyr--audio .plyr__controls{background:#2f363d;color:#fff}body.dark .plyr--full-ui input[type=range]{color:#24292e}body.dark .plyr--audio .plyr__control[data-plyr=mute],body.dark .plyr--audio .plyr__control[data-plyr=play]{background-color:#24292e;color:#fff;box-shadow:none!important;padding:10px}body.dark .plyr--audio .plyr__control.plyr__tab-focus,body.dark .plyr--audio .plyr__control:hover,body.dark .plyr--audio .plyr__control[aria-expanded=true],body.dark .plyr__control.plyr__control--pressed{background:transparent!important}body.dark input{color:#fff!important}body.dark input:not([type]):focus:not([readonly]),body.dark input[type=email]:not(.browser-default):focus:not([readonly]),body.dark input[type=password]:not(.browser-default):focus:not([readonly]),body.dark input[type=tel]:not(.browser-default):focus:not([readonly]),body.dark input[type=text]:not(.browser-default):focus:not([readonly]),body.dark textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #fff;box-shadow:none!important}body.dark input:not([type]).no-validation,body.dark input[type=email]:not(.browser-default).no-validation,body.dark input[type=password]:not(.browser-default).no-validation,body.dark input[type=tel]:not(.browser-default).no-validation,body.dark input[type=text]:not(.browser-default).no-validation,body.dark textarea.materialize-textarea.no-validation{border-bottom:1px solid red!important;box-shadow:none!important}body.dark input:not([type]):focus:not([readonly])+label,body.dark input[type=email]:not(.browser-default):focus:not([readonly])+label,body.dark input[type=password]:not(.browser-default):focus:not([readonly])+label,body.dark input[type=tel]:not(.browser-default):focus:not([readonly])+label,body.dark input[type=text]:not(.browser-default):focus:not([readonly])+label,body.dark textarea.materialize-textarea:focus:not([readonly])+label{color:#fff}body.dark .no_login_msg{background-color:#2f363d}body.dark .toast{background-color:#ffab40!important}body.rtl{direction:rtl;text-align:right}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:99999999;display:flex;justify-content:center;align-items:center}.preloader .socket{width:200px;height:200px;position:absolute;left:50%;margin-left:-100px;top:50%;margin-top:-100px}.preloader .hex-brick{background:#0969cc;width:30px;height:17px;position:absolute;top:5px;animation-name:fade;animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-name:fade;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite}.preloader .h2{transform:rotate(60deg);-webkit-transform:rotate(60deg)}.preloader .h3{transform:rotate(-60deg);-webkit-transform:rotate(-60deg)}.preloader .gel{height:30px;width:30px;transition:all .3s;-webkit-transition:all .3s;position:absolute;top:50%;left:50%}.preloader .center-gel{margin-left:-15px;margin-top:-15px;animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-name:pulse;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite}.preloader .c1{margin-left:-47px;margin-top:-15px}.preloader .c2{margin-left:-31px;margin-top:-43px}.preloader .c3{margin-left:1px;margin-top:-43px}.preloader .c4{margin-left:17px;margin-top:-15px}.preloader .c5{margin-left:-31px;margin-top:13px}.preloader .c6{margin-left:1px;margin-top:13px}.preloader .c7{margin-left:-63px;margin-top:-43px}.preloader .c8{margin-left:33px;margin-top:-43px}.preloader .c9{margin-left:-15px;margin-top:41px}.preloader .c10{margin-left:-63px;margin-top:13px}.preloader .c11{margin-left:33px;margin-top:13px}.preloader .c12{margin-left:-15px;margin-top:-71px}.preloader .c13{margin-left:-47px;margin-top:-71px}.preloader .c14{margin-left:17px;margin-top:-71px}.preloader .c15{margin-left:-47px;margin-top:41px}.preloader .c16{margin-left:17px;margin-top:41px}.preloader .c17{margin-left:-79px;margin-top:-15px}.preloader .c18{margin-left:49px;margin-top:-15px}.preloader .c19{margin-left:-63px;margin-top:-99px}.preloader .c20{margin-left:33px;margin-top:-99px}.preloader .c21{margin-left:1px;margin-top:-99px}.preloader .c22{margin-left:-31px;margin-top:-99px}.preloader .c23{margin-left:-63px;margin-top:69px}.preloader .c24{margin-left:33px;margin-top:69px}.preloader .c25{margin-left:1px;margin-top:69px}.preloader .c26{margin-left:-31px;margin-top:69px}.preloader .c27{margin-left:-79px;margin-top:-15px}.preloader .c28{margin-left:-95px;margin-top:-43px}.preloader .c29{margin-left:-95px;margin-top:13px}.preloader .c30{margin-left:49px;margin-top:41px}.preloader .c31{margin-left:-79px;margin-top:-71px}.preloader .c32{margin-left:-111px;margin-top:-15px}.preloader .c33{margin-left:65px;margin-top:-43px}.preloader .c34{margin-left:65px;margin-top:13px}.preloader .c35{margin-left:-79px;margin-top:41px}.preloader .c36{margin-left:49px;margin-top:-71px}.preloader .c37{margin-left:81px;margin-top:-15px}.preloader .r1{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.2s;animation-delay:.2s}.preloader .r1,.preloader .r2{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:2s;animation-duration:2s}.preloader .r2{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.4s;animation-delay:.4s}.preloader .r3{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.6s;animation-delay:.6s}.preloader .r1>.hex-brick,.preloader .r3{-webkit-animation-duration:2s;animation-duration:2s}.preloader .r1>.hex-brick{-webkit-animation-name:fade;animation-name:fade;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.2s;animation-delay:.2s}.preloader .r2>.hex-brick{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.4s;animation-delay:.4s}.preloader .r2>.hex-brick,.preloader .r3>.hex-brick{-webkit-animation-name:fade;animation-name:fade;-webkit-animation-duration:2s;animation-duration:2s}.preloader .r3>.hex-brick{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.6s;animation-delay:.6s}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(.01)}to{transform:scale(1)}}@keyframes fade{0%{background:#0969cc}50%{background:#90bbbf}to{background:#0969cc}}@-webkit-keyframes pulse{0%{transform:scale(1)}50%{transform:scale(.01)}to{transform:scale(1)}}@-webkit-keyframes fade{0%{background:#0969cc}50%{background:#389ca6}to{background:#0969cc}}body.dark .preloader{background-color:#24292e}body.dark .preloader .hex-brick{background:#2f363d}body.dark .preloader .r1>.hex-brick{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.2s;animation-delay:.2s}body.dark .preloader .r1>.hex-brick,body.dark .preloader .r2>.hex-brick{-webkit-animation-name:fade_dark;animation-name:fade_dark;-webkit-animation-duration:2s;animation-duration:2s}body.dark .preloader .r2>.hex-brick{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.4s;animation-delay:.4s}body.dark .preloader .r3>.hex-brick{-webkit-animation-name:fade_dark;animation-name:fade_dark;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes fade_dark{0%{background:#2f363d}50%{background:#90bbbf}to{background:#2f363d}}@keyframes fade_dark{0%{background:#2f363d}50%{background:#90bbbf}to{background:#2f363d}}.timeline-wrapper{margin-bottom:25px}.timeline-item{background:#f5f5f5;border-bottom:1px solid #f2f2f2;padding:25px;margin:0 auto}@-webkit-keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.animated-background{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeHolderShimmer;animation-name:placeHolderShimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:#fff;background:linear-gradient(90deg,#eee 8%,#ddd 18%,#eee 33%);background-size:800px 104px;height:40px;position:relative}.background-masker{background:#f5f5f5;position:absolute}.background-masker.header-bottom,.background-masker.header-top,.background-masker.subheader-bottom{top:0;left:40px;right:0;height:10px}.background-masker.header-left,.background-masker.header-right,.background-masker.subheader-left,.background-masker.subheader-right{top:10px;left:40px;height:8px;width:10px}.background-masker.header-bottom{top:18px;height:6px}.background-masker.subheader-left,.background-masker.subheader-right{top:24px;height:6px}.background-masker.header-right,.background-masker.subheader-right{width:auto;left:300px;right:0}.background-masker.subheader-right{left:230px}.background-masker.subheader-bottom{top:30px;height:10px}.background-masker.content-first-end,.background-masker.content-second-end,.background-masker.content-second-line,.background-masker.content-third-end,.background-masker.content-third-line,.background-masker.content-top{top:40px;left:0;right:0;height:6px}.background-masker.content-top{height:20px}.background-masker.content-first-end,.background-masker.content-second-end,.background-masker.content-third-end{width:auto;left:380px;right:0;top:60px;height:8px}.background-masker.content-second-line{top:68px}.background-masker.content-second-end{left:420px;top:74px}.background-masker.content-third-line{top:82px}.background-masker.content-third-end{left:300px;top:88px}body.dark .timeline-item{background:#24292e;border-bottom:1px solid #24292e}body.dark .animated-background{background:#24292e;background:linear-gradient(90deg,#2f363d 8%,#24292e 18%,#2f363d 33%);background-size:800px 104px}body.dark .background-masker{background:#24292e}.search_form{background-color:#fff;padding-top:.5rem;border-radius:5px;position:sticky;top:70px;box-shadow:5px 3px 20px hsla(0,0%,78%,.45);z-index:99}.search_form input[type=search]{padding:0 2rem;width:80%;margin-left:auto;margin-right:auto;border-bottom:none;border-bottom:1px solid transparent!important}.search_form input[type=search]:focus{background-color:transparent!important;border-bottom:1px solid #0969cc!important}@media screen and (max-width:480px){.search_form{top:63px}.search_form input[type=search]{padding:0 3rem;width:70%}}body.dark .search_form{background-color:#2f363d;box-shadow:5px 3px 20px rgba(0,0,0,.15)!important}body.dark .search_form input[type=search]{border-bottom:1px solid transparent!important;color:#ffab40}body.dark .search_form input[type=search]:focus{background-color:transparent!important;border-bottom:1px solid transparent!important;color:#fff}body.dark .search_form .input-field input[type=search]:focus:not(.browser-default)+label i,body.dark .search_form .input-field input[type=search]:focus:not(.browser-default)~.material-icons,body.dark .search_form .input-field input[type=search]:focus:not(.browser-default)~.mdi-navigation-close{color:#fff}.navbar_container{padding:0 20px;box-shadow:none;border-bottom:1px solid #f2f2f2;box-shadow:0 3.5px 10px hsla(0,0%,78%,.45);position:sticky;top:0;z-index:100}.navbar_container .brand-logo{left:auto;transform:none}body.dark .navbar_container{background-color:#2f363d!important;border-bottom:1px solid #292929;box-shadow:5px 3px 20px rgba(0,0,0,.15)}body.rtl .navbar_container{direction:ltr!important;text-align:left}.fixed-sidebar{position:fixed;right:-100%;top:0;width:20%;height:100%;overflow:hidden;overflow-y:auto;background-color:#fff;padding:7rem 2rem 2rem;z-index:1;box-shadow:inset 3px 0 5px hsla(0,0%,78%,.45);transition:.5s ease-in-out;z-index:99}.fixed-sidebar.menu{right:0}.fixed-sidebar .menu_wraper{display:flex;justify-content:space-around;align-items:center;flex-direction:column}.fixed-sidebar .profile_controls{margin-top:1rem;padding-top:2rem;border-top:1px solid #ddd}@media screen and (max-width:991px){.fixed-sidebar{width:30%}}@media screen and (max-width:767px){.fixed-sidebar{width:50%;right:0}.fixed-sidebar.menu{right:-100%}}@media screen and (max-width:480px){.fixed-sidebar{width:75%}}.fixed-sidebar .footer{position:absolute;bottom:0;left:4px;width:calc(100% - 3px);height:55px;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;flex-direction:column}.dropdown-content{min-width:50px;max-width:50px;overflow:hidden}.dropdown-content li>a{display:flex;justify-content:center;align-items:center}.dropdown-content li>a i{margin:5px}body.dark .fixed-sidebar{background-color:#2f363d;box-shadow:inset 3px 0 5px rgba(0,0,0,.25)}body.dark .fixed-sidebar .profile_controls{border-top:1px solid #24292e}body.dark .fixed-sidebar .profile_controls .card{box-shadow:none}body.dark .fixed-sidebar .profile_controls .card-content{background-color:#24292e}body.dark .fixed-sidebar .profile_controls .divider{background-color:#292929}body.dark .fixed-sidebar .profile_controls .dropdown-trigger i.blue{background-color:#2f363d!important}body.dark .fixed-sidebar .profile_controls .dropdown-content li.active,body.dark .fixed-sidebar .profile_controls .dropdown-content li:hover{background-color:#24292e}body.dark .fixed-sidebar .footer{background-color:#24292e;left:4px;width:100%}body.rtl .fixed-sidebar{direction:ltr!important}.order-1{order:1}.order-1,.order-2{transition:order 3s}.order-2{order:2}.card_container{transition:.5s ease-in-out}.card{width:100%;direction:rtl;box-shadow:5px 3px 20px hsla(0,0%,78%,.45);border-radius:10px}.card.horizontal{display:flex;margin-right:1rem;margin-left:1rem}.card .card-image{position:relative;display:flex;justify-content:center;align-items:center;width:25%;background-color:#0969cc;border:none;cursor:pointer;transition:.5s}.card .card-image svg{transition:.4s;transition-delay:.3s;position:relative;z-index:2}.card .card-image svg polygon{stroke:#fff}.card .card-image:hover{background-color:#fff;box-shadow:inset 3px 0 5px hsla(0,0%,78%,.45)}.card .card-image:hover svg{transform:scale(1.5)}.card .card-image:hover svg polygon{stroke:#0969cc}.card .card-content{padding:10px;text-align:right}.card .details{display:flex;justify-content:center;align-items:center;margin:15px 5px;width:100%;color:#707070;font-size:.9rem}.card .details span{margin:0 3px}.card .read_icon{width:1.5rem;margin:0 5px}.card .read_icon path{stroke:#0969cc}.card .card-action{display:flex;justify-content:center;align-items:center}.card.active{background-color:#fff}.card.active .card-image{background:#0969cc;background:linear-gradient(105deg,rgba(9,105,204,.066),#fff);opacity:.8}.card.active .card-image svg{transform:rotate(180deg);border:1px solid #0969cc;padding:2px 3px}.card.active .card-image svg polygon{stroke:#0969cc}.card.active .card-image:hover{box-shadow:none;cursor:progress}.card.active .card-image:hover svg polygon{stroke:#0969cc}.card.active .playing_ui{position:absolute;top:0;left:0;width:100%;height:100%}.card.active .playing_ui span{position:absolute;display:inline-block;background-color:#0969cc;width:2px;bottom:0;margin:0 5px}.card.active .playing_ui span:first-child{left:5%;height:20px}.card.active .playing_ui span:nth-child(2){left:15%;height:10px}.card.active .playing_ui span:nth-child(3){left:25%;height:20px}.card.active .playing_ui span:nth-child(4){left:35%;height:8px}.card.active .playing_ui span:nth-child(5){left:45%;height:25px}.card.active .playing_ui span:nth-child(6){left:55%;height:15px}.card.active .playing_ui span:nth-child(7){left:65%;height:10px}.card.active .playing_ui span:nth-child(8){left:75%;height:25px}.card .btn_card{position:relative;z-index:3;background-color:#fff;width:3rem;height:3rem;box-shadow:5px 3px 20px hsla(0,0%,78%,.45);display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;margin:0 5px}.card .btn_card svg{transition:.4s}.card .btn_card svg line,.card .btn_card svg path,.card .btn_card svg polyline{stroke:#ffab40}.card .btn_card:hover{box-shadow:none}.card .btn_card:hover svg{transform:scale(1.2)}body.dark .card{background-color:#2f363d;box-shadow:5px 3px 20px rgba(0,0,0,.15)}body.dark .card .card-image{background-color:#24292e}body.dark .card .card-image svg{transition:.4s;transition-delay:.3s;position:relative;z-index:2}body.dark .card .card-image:hover{background-color:#2f363d;box-shadow:inset 5px 3px 20px rgba(0,0,0,.15)}body.dark .card .card-image:hover svg{transform:scale(1.5)}body.dark .card .card-image:hover svg polygon{stroke:#ddd}body.dark .card .details{color:#ccc}body.dark .card.active .card-image{background:transparent}body.dark .card.active .card-image svg{transform:rotate(180deg);border:1px solid #ffab40}body.dark .card.active .card-image svg polygon,body.dark .card.active .card-image:hover svg polygon{stroke:#ffab40}body.dark .card.active .playing_ui span{background-color:#ffab40}body.dark .card .btn_card{background-color:#24292e;box-shadow:none!important}body.dark .card .btn_card svg line,body.dark .card .btn_card svg path,body.dark .card .btn_card svg polyline{stroke:#ffab40}body.dark .card .btn_card:hover{background-color:#2f363d}body.dark .card .btn_card:hover svg{transform:scale(1.2)}.modal{top:50%!important;transform:translateY(-50%)!important;max-height:80%!important;background-color:#fff}.modal .row{margin-bottom:.5rem}.modal .modal-overlay{background:#fff;opacity:.8!important}.modal .modal-title{margin-bottom:25px}.modal .modal-content{padding:24px 24px 10px 24px}.modal .modal-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;background-color:#f5f5f5}.modal .modal-footer .helper-text{margin:5px 15px}.modal .btn_login_modal{position:relative;min-width:auto;width:25%;padding-top:13px;padding-bottom:13px;justify-content:center;margin:25px auto 0}@media screen and (max-width:767px){.modal .btn_login_modal{width:45%;padding-top:10px;padding-bottom:10px;margin:15px auto 0}}@media screen and (max-width:480px){.modal{width:95%;max-height:97%!important}.modal .modal-title,.modal .row{margin-bottom:0}.modal .modal-content{padding:10px 15px}}.modal .progress{position:absolute;bottom:-14px;width:80%;background-color:#0969cc}.modal .progress .indeterminate{background-color:#fff}.progress{position:absolute;bottom:-14px;width:80%;background-color:#0969cc}.progress .indeterminate{background-color:#fff}body.dark .modal{background-color:#24292e}body.dark .modal .modal-overlay{background:#000;opacity:.8!important}body.dark .modal .modal-footer{background-color:#2f363d}body.dark .modal .progress{background-color:#fff}body.dark .modal .progress .indeterminate{background-color:#2f363d}body.rtl .modal{direction:ltr!important}body.rtl .modal label{direction:rtl}body.rtl .modal input{text-align:right}.player_fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;padding:2rem;background:hsla(0,0%,100%,.8);display:flex;justify-content:center;align-items:center;-webkit-animation:fullScreen .5s ease-in-out;animation:fullScreen .5s ease-in-out;background:url(/img/land.4b7c4392.jpg) no-repeat 50%;background-size:cover}@-webkit-keyframes fullScreen{0%{opacity:0}to{opacity:1}}@keyframes fullScreen{0%{opacity:0}to{opacity:1}}.player_fullscreen .player{max-width:500px;-webkit-animation:full .5s ease-in-out;animation:full .5s ease-in-out}@-webkit-keyframes full{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes full{0%{transform:scale(0)}to{transform:scale(1)}}@media screen and (max-width:480px){.player_fullscreen{padding:1rem}}.player{width:100%;position:sticky;top:150px;transition:.6s}.player .player_cover{height:150px;background:url(/img/quran.dfe836d1.jpg) no-repeat 50%;background-size:cover;position:absolute;top:-85px;width:100%;left:0;border-radius:20px 20px 0 0;z-index:2;box-shadow:0 -3px 20px hsla(0,0%,78%,.45)}.player .player_cover .fullScreen{position:absolute;top:10%;right:5%;z-index:9;cursor:pointer}.player .player_cover .fullScreen svg path{stroke:#fff}.player .player_cover img{width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px 20px 0 0}.player .player_cover .track_title{position:absolute;top:104%;left:0;width:100%;height:auto;z-index:22;text-align:center}body.dark .player_fullscreen{background:#24292e;background:url(/img/dark_bg.aff92910.jpg) no-repeat 50%;background-size:cover}body.dark .player .player_cover{background:url(/img/qq.55c7a4c3.jpg) no-repeat 50%;background-size:cover;box-shadow:none!important}body .plyr__controls>.plyr__controls__item.plyr__volume{width:150px}.footer{position:fixed;bottom:0;left:5%;width:90%;height:130px;background-color:hsla(0,0%,44%,.2);z-index:10;border-radius:10px 10px 0 0;padding:5px 15px;overflow:hidden;display:flex;justify-content:center;align-items:center}@media screen and (max-width:700px){.footer{height:90px}}@media screen and (max-width:480px){.footer{left:0;width:100%;padding:15px 5px}}.footer.slideUp:after{opacity:0;visibility:hidden}.footer .row{transition:transform .4s;-webkit-animation:slideUp .4s ease-in-out;animation:slideUp .4s ease-in-out}.footer.slideUp .row{display:none}.footer .col{padding:15px 50px;text-align:center}.footer .col.saying{text-align:center;padding:35px 70px 15px 50px}@media screen and (max-width:700px){.footer .col.saying{display:none}}.footer q{font-size:1.5rem;font-family:Zain,cursive;padding:0 25px}.footer label{color:#7b7b7b;font-size:1.2rem;display:block;text-align:right;padding-right:25px}.footer .social-media{padding:40px 50px;text-align:center}@media screen and (max-width:1100px){.footer .social-media{padding:10px 30px}}@media screen and (max-width:700px){.footer .social-media{width:100%!important}}@media screen and (max-width:525px){.footer .social-media{padding:15px}}@media screen and (max-width:480px){.footer .social-media{padding:5px}}.footer .social-media .btn-floating{margin:0 10px}@media screen and (max-width:480px){.footer .social-media .btn-floating{margin:0 5px}}.footer .social-media .btn-floating svg{margin-bottom:-10px}.footer .social-media .btn-floating i{font-size:2.3rem}.footer .menu_links{display:none;justify-content:center;transition:transform .4s}.footer .menu_links .btn-floating{border:1px solid #707070}.footer .menu_links a{margin:10px 25px}.footer .menu_links svg{margin-bottom:-10px;padding:3px}@media screen and (max-width:700px){.footer .menu_links a{margin:10px 5px}}.footer.slideUp .menu_links{-webkit-animation:slideUp .4s ease-in-out;animation:slideUp .4s ease-in-out;display:flex}@-webkit-keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}body.rtl .footer .col.saying{padding-top:35px}body.rtl .footer q{font-family:inherit}.live,.reciter_container{display:flex;justify-content:center;flex-wrap:wrap}.slide-fade-enter-active{transition:all .3s ease}.slide-fade-leave-active{transition:all .3s}.slide-fade-enter,.slide-fade-leave-to{transform:translateY(10px);opacity:0}.data_container{display:flex;flex-wrap:wrap}.reciter_details{justify-content:center;flex-wrap:wrap;margin:2rem auto;width:90%}.reciter_details,.reciter_details>div{display:flex;align-items:center;text-align:center}.reciter_details>div{margin:.5rem;padding:10px 15px;border-radius:20px;box-shadow:5px 3px 20px hsla(0,0%,78%,.45);background-color:#fff;color:#ffab40;justify-content:space-between}.reciter_details>div svg{margin-left:5px}body.dark .reciter_details>div{box-shadow:5px 3px 20px rgba(0,0,0,.15);background-color:#2f363d}body.rtl .reciter_details>div{direction:ltr}