:root{--primary:#207b25;--accent:#e5af2f;--accent-light-1:#fbce43;--accent-light-2:#fedc63;--white:rgb(255,255,255);--white-1:rgba(255,255,255,.87);--white-2:rgba(255,255,255,.54);--white-3:rgba(255,255,255,.38);--white-4:rgba(255,255,255,.24);--white-5:rgba(255,255,255,.12);--white-6:rgba(255,255,255,.04);--black:rgb(0,0,0);--black-1:rgba(0,0,0,.87);--black-2:rgba(0,0,0,.54);--black-3:rgba(0,0,0,.38);--black-4:rgba(0,0,0,.24);--black-5:rgba(0,0,0,.12);--black-6:rgba(0,0,0,.04);--ripple-dark:rgba(255,255,255,.38);--ripple-light:rgba(0,0,0,.08);--text:#006341;--header:#004F34;--footer-1:rgb(35 85 104);--footer-2:#2d2926}:root{--shadow-1:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.20);--shadow-2:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.20);--shadow-3:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12),0 1px 8px 0 rgba(0,0,0,.20);--shadow-4:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.20);--shadow-6:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.20);--shadow-8:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.20);--shadow-9:0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12),0 5px 6px -3px rgba(0,0,0,.20);--shadow-12:0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12),0 7px 8px -4px rgba(0,0,0,.20);--shadow-16:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.20);--shadow-24:0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.20)}.shadow-1{box-shadow:var(--shadow-1)}.shadow-2{box-shadow:var(--shadow-2)}.shadow-3{box-shadow:var(--shadow-3)}.shadow-4{box-shadow:var(--shadow-4)}.shadow-6{box-shadow:var(--shadow-6)}.shadow-8{box-shadow:var(--shadow-8)}.shadow-9{box-shadow:var(--shadow-9)}.shadow-12{box-shadow:var(--shadow-12)}.shadow-16{box-shadow:var(--shadow-16)}.shadow-24{box-shadow:var(--shadow-24)}.bg-black-4{background-color:var(--black-4)!important}.bg-black-5{background-color:var(--black-5)!important}.bg-black-6{background-color:var(--black-6)!important}.bg-header{color:var(--white)!important;background-color:var(--header)!important}.bg-footer-1{color:var(--white)!important;background-color:var(--footer-1)!important}.bg-footer-2{color:var(--white)!important;background-color:var(--footer-2)!important}[contenteditable]:focus{outline:none}input::-moz-focus-inner,button::-moz-focus-inner{border:0}input[type=text]::-ms-clear,input[type=password]::-ms-clear,input[type=number]::-ms-clear{display:none}input[type=range]::-ms-tooltip{display:none}a{color:inherit;text-decoration:none}@font-face{font-family:'Roboto';font-display:swap;src:local('Roboto-Light'),url('/fonts/roboto/Roboto-Light.woff2') format('woff2');font-weight:300;unicode-range:U+000-5FF}@font-face{font-family:'Roboto';font-display:swap;src:local('Roboto-Regular'),url('/fonts/roboto/Roboto-Regular.woff2') format('woff2');font-weight:400;unicode-range:U+000-5FF}@font-face{font-family:'Roboto';font-display:swap;src:local('Roboto-Medium'),url('/fonts/roboto/Roboto-Medium.woff2') format('woff2');font-weight:500;unicode-range:U+000-5FF}@font-face{font-family:'Roboto';font-display:swap;src:local('Uthman'),url('/fonts/uthman/uthman-regular.woff2') format('woff2');font-weight:400;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:'LPMQ';font-display:swap;src:local('LPMQ'),url('/fonts/lpmq/LPMQIsepMisbah.woff2') format('woff2');font-weight:400;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}.ayah,.surah,.arabic{direction:rtl;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'liga';font-size:1.75rem;line-height:3.25rem;font-weight:400}@font-face{font-family:'Icon';font-display:swap;src:url('/fonts/icon-web/icon.woff2') format('woff2');font-weight:normal;font-style:normal}@font-face{font-family:'Menu';font-display:swap;src:url('/fonts/icon-web/icn.woff2?v1a') format('woff2');font-weight:normal;font-style:normal}[class^='icon-']::before,[class*=' icon-']::before{font-family:'Icon';display:inline-block;text-decoration:inherit;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'liga';font-size:1.5rem;color:inherit;line-height:inherit}[class^='icon-'][class*='fs-']::before,[class*=' icon-'][class*='fs-']::before{font-size:inherit}.icon-abacus:before{content:'\e800'}.icon-address:before{content:'\e801'}.icon-albums:before{content:'\e802'}.icon-angklung:before{content:'\e803'}.icon-arrow-down:before{content:'\e804'}.icon-arrow-first:before{content:'\e805'}.icon-arrow-last:before{content:'\e806'}.icon-arrow-left:before{content:'\e807'}.icon-arrow-right:before{content:'\e808'}.icon-arrow-turn-left:before{content:'\e809'}.icon-arrow-turn-right:before{content:'\e80a'}.icon-arrow-up:before{content:'\e80b'}.icon-attach:before{content:'\e80c'}.icon-blog:before{content:'\e80d'}.icon-borobudur:before{content:'\e80e'}.icon-buddhist:before{content:'\e80f'}.icon-building:before{content:'\e810'}.icon-calendar:before{content:'\e811'}.icon-camera:before{content:'\e812'}.icon-cancel:before{content:'\e813'}.icon-cash:before{content:'\e814'}.icon-cellphone:before{content:'\e815'}.icon-chart-bar:before{content:'\e816'}.icon-chart-combo:before{content:'\e817'}.icon-chart-pie:before{content:'\e818'}.icon-check:before{content:'\e819'}.icon-cinema:before{content:'\e81a'}.icon-clock:before{content:'\e81b'}.icon-code:before{content:'\e81c'}.icon-coffee:before{content:'\e81d'}.icon-comment:before{content:'\e81e'}.icon-copyright:before{content:'\e81f'}.icon-crescent-city:before{content:'\e820'}.icon-cross:before{content:'\e821'}.icon-crowd:before{content:'\e822'}.icon-dna:before{content:'\e823'}.icon-email:before{content:'\e824'}.icon-eye:before{content:'\e825'}.icon-facebook:before{content:'\e826'}.icon-first:before{content:'\e827'}.icon-formula:before{content:'\e828'}.icon-gallery:before{content:'\e829'}.icon-geography:before{content:'\e82a'}.icon-globe:before{content:'\e82b'}.icon-googleplus:before{content:'\e82c'}.icon-group:before{content:'\e82d'}.icon-heart:before{content:'\e82e'}.icon-hierarchy:before{content:'\e82f'}.icon-history:before{content:'\e830'}.icon-home:before{content:'\e831'}.icon-image:before{content:'\e832'}.icon-instagram:before{content:'\e833'}.icon-kaaba:before{content:'\e834'}.icon-last:before{content:'\e835'}.icon-law:before{content:'\e836'}.icon-link:before{content:'\e837'}.icon-mail:before{content:'\e838'}.icon-marker:before{content:'\e839'}.icon-marker-place:before{content:'\e83a'}.icon-member:before{content:'\e83b'}.icon-menu:before{content:'\e83c'}.icon-menu-app:before{content:'\e83d'}.icon-menu-vert:before{content:'\e83e'}.icon-microscope:before{content:'\e83f'}.icon-molecule:before{content:'\e840'}.icon-more:before{content:'\e841'}.icon-mosque:before{content:'\e842'}.icon-movie:before{content:'\e843'}.icon-muscle:before{content:'\e844'}.icon-om:before{content:'\e845'}.icon-pause:before{content:'\e846'}.icon-phone:before{content:'\e847'}.icon-physics:before{content:'\e848'}.icon-play:before{content:'\e849'}.icon-playlist:before{content:'\e84a'}.icon-psychology:before{content:'\e84b'}.icon-quran:before{content:'\e84c'}.icon-ramadan:before{content:'\e84d'}.icon-refresh:before{content:'\e84e'}.icon-reload:before{content:'\e84f'}.icon-reset:before{content:'\e850'}.icon-rss:before{content:'\e851'}.icon-sandclock:before{content:'\e852'}.icon-search:before{content:'\e853'}.icon-settings:before{content:'\e854'}.icon-share:before{content:'\e855'}.icon-shop:before{content:'\e856'}.icon-sort:before{content:'\e857'}.icon-sort-asc:before{content:'\e858'}.icon-sort-asc-alpha:before{content:'\e859'}.icon-sort-asc-num:before{content:'\e85a'}.icon-sort-desc:before{content:'\e85b'}.icon-sort-desc-alpha:before{content:'\e85c'}.icon-sort-desc-num:before{content:'\e85d'}.icon-square-root:before{content:'\e85e'}.icon-star:before{content:'\e85f'}.icon-target:before{content:'\e860'}.icon-test-tube:before{content:'\e861'}.icon-tune:before{content:'\e862'}.icon-twitter:before{content:'\e863'}.icon-user:before{content:'\e864'}.icon-video:before{content:'\e865'}.icon-whatsapp:before{content:'\e866'}.icon-xylophone:before{content:'\e867'}.icon-yinyang:before{content:'\e868'}.icon-youtube:before{content:'\e869'}[class^='icn-']::before,[class*=' icn-']::before{font-family:'Menu';display:inline-block;text-decoration:inherit;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'liga';font-size:1.5rem;color:inherit;line-height:inherit}[class^='icn-'][class*='fs-']::before,[class*=' icn-'][class*='fs-']::before{font-size:inherit}.icn-administrator:before{content:'\e800'}.icn-administrator-fill:before{content:'\e801'}.icn-blog:before{content:'\e802'}.icn-blog-fill:before{content:'\e803'}.icn-briefcase:before{content:'\e804'}.icn-briefcase-fill:before{content:'\e805'}.icn-building:before{content:'\e806'}.icn-building-fill:before{content:'\e807'}.icn-chart-pie:before{content:'\e808'}.icn-chart-pie-fill:before{content:'\e809'}.icn-cinema:before{content:'\e80a'}.icn-cinema-fill:before{content:'\e80b'}.icn-class:before{content:'\e80c'}.icn-class-fill:before{content:'\e80d'}.icn-course:before{content:'\e80e'}.icn-course-fill:before{content:'\e80f'}.icn-curriculum:before{content:'\e810'}.icn-curriculum-fill:before{content:'\e811'}.icn-eye:before{content:'\e812'}.icn-eye-fill:before{content:'\e813'}.icn-goal:before{content:'\e814'}.icn-goal-fill:before{content:'\e815'}.icn-hierarchy:before{content:'\e816'}.icn-hierarchy-fill:before{content:'\e817'}.icn-history:before{content:'\e818'}.icn-history-fill:before{content:'\e819'}.icn-report-card:before{content:'\e81a'}.icn-report-card-fill:before{content:'\e81b'}.icn-sandclock:before{content:'\e81c'}.icn-sandclock-fill:before{content:'\e81d'}.icn-search:before{content:'\e81e'}.icn-search-contact:before{content:'\e81f'}.icn-search-contact-fill:before{content:'\e820'}.icn-search-fill:before{content:'\e821'}.icn-student:before{content:'\e822'}.icn-student-add:before{content:'\e823'}.icn-student-add-fill:before{content:'\e824'}.icn-student-fill:before{content:'\e825'}.icn-target:before{content:'\e826'}.icn-target-fill:before{content:'\e827'}.icn-teacher:before{content:'\e828'}.icn-teacher-fill:before{content:'\e829'}.icn-web-app:before{content:'\e82a'}.icn-web-app-fill:before{content:'\e82b'}.icn-quran:before{content:'\e8cf'}.icn-quran-fill:before{content:'\e8d0'}.icn-mosque:before{content:'\e8d1'}.icn-mosque-fill:before{content:'\e8d2'}.icn-pass-fail:before{content:'\e8d3'}.icn-pass-fail-fill:before{content:'\e8d4'}.icn-resume-web:before{content:'\e8d5'}.icn-resume-web-fill:before{content:'\e8d6'}.order-sm-1{-webkit-order:1;order:1}.order-sm-2{-webkit-order:2;order:2}.hide,.hide-sm{display:none!important}.avatar{position:relative;width:40px;height:40px;border-radius:50%;object-fit:contain;overflow:hidden;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex:0 0 auto;flex:0 0 auto}.avatar>i{font-size:1.75rem;color:var(--black-1);line-height:2.5rem}.avatar>svg{width:auto;height:auto;max-height:100%}.avatar>img{width:100%;height:auto;-webkit-align-self:flex-start;align-self:flex-start}.avatar>span{color:var(--black);font-size:1.75rem;font-weight:300;line-height:1}.avatar:empty{background-color:lightgrey}.avatar:empty::before{position:absolute;top:50%;left:50%;font-family:'Icon';font-size:32px;line-height:1;content:'\e864';color:var(--black-2);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.avatar.xxl:empty::before{font-size:112px}.avatar.xl:empty::before{font-size:80px}.avatar.lg:empty::before{font-size:56px}.avatar.md:empty::before{font-size:40px}.avatar.sm:empty::before{font-size:24px}.avatar.xs:empty::before{font-size:16px}.avatar.xxl{width:128px;height:128px}.avatar.xxl>i,.avatar.xxl>span{font-size:6rem;line-height:8rem}.avatar.xl{width:96px;height:96px}.avatar.xl>i,.avatar.xl>span{font-size:5rem;line-height:6rem}.avatar.lg{width:64px;height:64px}.avatar.lg>i,.avatar.lg>span{font-size:3rem;line-height:4rem}.avatar.md{width:48px;height:48px}.avatar.md>i,.avatar.md>span{font-size:2rem;line-height:3rem}.avatar.sm{width:32px;height:32px}.avatar.sm>i,.avatar.sm>span{font-size:1.5rem;line-height:2rem}.avatar.xs{width:24px;height:24px}.avatar.xs>i,.avatar.xs>span{font-size:1rem;line-height:1.5rem}.photo{position:relative;height:40px;width:30px;border-radius:4px;object-fit:contain;overflow:hidden;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex:0 0 auto;flex:0 0 auto}.photo>svg{width:auto;height:auto;max-height:100%}.photo>img{width:100%;height:auto;-webkit-align-self:flex-start;align-self:flex-start}.photo:empty{background-color:lightgrey}.photo:empty::before{position:absolute;top:50%;left:50%;font-family:'Icon';font-size:32px;line-height:1;content:'\e864';color:var(--black-2);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.photo.xxl:empty::before{font-size:112px}.photo.xl:empty::before{font-size:80px}.photo.lg:empty::before{font-size:56px}.photo.md:empty::before{font-size:40px}.photo.sm:empty::before{font-size:24px}.photo.xs:empty::before{font-size:16px}.photo.xxl{height:128px;width:96px}.photo.xl{height:96px;width:72px}.photo.lg{height:64px;width:48px}.photo.md{height:48px;width:36px}.photo.sm{height:32px;width:24px}.photo.xs{height:24px;width:18px}.clock{position:relative;margin:0;padding:0;width:2rem;height:2rem}.clock-face{position:relative;width:100%;height:100%;border-radius:50%}.clock-face::before{position:absolute;content:'';top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid black}.clock-hour,.clock-minute,.clock-second,.clock-dot{position:absolute;top:0;right:0;bottom:0;left:0}.clock-dot{z-index:3}.clock-dot::before{position:absolute;content:'';height:6%;width:6%;top:50%;left:50%;border-radius:50%;background-color:black;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.clock-second ~ .clock-dot::after{position:absolute;content:'';height:3%;width:3%;top:50%;left:50%;border-radius:50%;background-color:red;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.clock-hour{z-index:1}.clock-hour>.hour{position:absolute;height:25%;width:3%;top:25%;left:48.5%;border-radius:85%/10%;background-color:black;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.clock-minute{z-index:2}.clock-minute>.minute{position:absolute;height:40%;width:2%;top:10%;left:49%;border-radius:150%/10%;background-color:black;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.clock-second{z-index:3}.clock-second>.second{position:absolute;height:35%;width:1%;top:15%;left:49.5%;border-radius:200%/10%;background-color:red;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.clock:not(.static) .clock-second{-webkit-animation:clock_rotate 60s infinite linear;animation:clock_rotate 60s infinite linear}.clock:not(.static) .clock-minute{-webkit-animation:clock_rotate 3600s infinite linear;animation:clock_rotate 3600s infinite linear}.clock:not(.static) .clock-hour{-webkit-animation:clock_rotate 43200s infinite linear;animation:clock_rotate 43200s infinite linear}@-webkit-keyframes clock_rotate{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes clock_rotate{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}[data-ripple]{overflow:hidden;-webkit-tap-highlight-color:transparent}.ripple{position:absolute;width:2px;height:2px;border-radius:50%;background-color:var(--ripple-light);-webkit-animation:rippleWave 0.75s ease-in-out;animation:rippleWave 0.75s ease-in-out}@-webkit-keyframes rippleWave{0%{-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(var(--scale));transform:scale(var(--scale))}}@keyframes rippleWave{0%{-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(var(--scale));transform:scale(var(--scale))}}[data-ripple="dark"] .ripple{background-color:var(--ripple-dark)}.tooltip{position:fixed;opacity:0;margin:0;padding:.5rem 1rem;font-size:.75rem;line-height:1rem;white-space:pre;background-color:var(--black-1);color:var(--white);border-radius:.25rem;box-shadow:var(--shadow-8);z-index:20;-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.0,.0,.2,1),opacity 0.15s cubic-bezier(0.0,.0,.2,1);transition:transform 0.15s cubic-bezier(0.0,.0,.2,1),opacity 0.15s cubic-bezier(0.0,.0,.2,1);-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top center;transform-origin:top center}.tooltip.visible{opacity:1;-webkit-transition:-webkit-transform 0.075s cubic-bezier(0.4,.0,1,1),opacity 0.075s cubic-bezier(0.4,.0,1,1);transition:transform 0.075s cubic-bezier(0.4,.0,1,1),opacity 0.075s cubic-bezier(0.4,.0,1,1);-webkit-transform:scale(1);transform:scale(1)}.tooltip.top{-webkit-transform-origin:bottom center;transform-origin:bottom center}.tooltip.left{-webkit-transform-origin:right center;transform-origin:right center}.tooltip.right{-webkit-transform-origin:left center;transform-origin:left center}.tooltip-shadow{position:fixed;visibility:hidden;margin:0;padding:.5rem 1rem;font-size:.75rem;line-height:1rem;white-space:pre;text-align:center}button{position:relative;cursor:pointer;margin:0;padding:0;height:2.25rem;min-width:2.25rem;border-radius:.25rem;background-color:transparent;border:none;outline:none;-webkit-tap-highlight-color:transparent;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex:0 0 auto;flex:0 0 auto}button>span{position:relative;margin-left:1rem;margin-right:1rem;color:var(--black-1);font-size:.875rem;font-weight:500;line-height:2.25rem;text-align:center;text-transform:uppercase}button>i + span{margin-left:.5rem}button>i,button>span{z-index:3}button.round{width:2.25rem;border-radius:50%}button>img,button>svg{position:relative;width:1.5rem;height:auto;max-height:1.5rem;z-index:3}button.white>span,button.white>i::before{color:var(--white-1)}button.white>svg>path{fill:var(--white-1)}button.ellipse,button.ellipse::before{border-radius:1.125rem}button.xs{height:1.5rem;min-width:1.5rem}button.xs.round{height:1.5rem;width:1.5rem}button.xs>span:not(.badge){margin:0 0.5rem;font-size:.75rem;line-height:1}button.xs>i::before{font-size:.825rem;line-height:1}button.xs>img,button.xs>svg{width:.825rem;max-height:.825rem}button.sm{height:2rem;min-width:2rem}button.sm.round{height:2rem;width:2rem}button.sm>span:not(.badge){margin:0 0.75rem;font-size:.8125rem;line-height:1}button.sm>i::before{font-size:1.15rem;line-height:1}button.sm>img,button.sm>svg{width:1.15rem;max-height:1.15rem}button:disabled{cursor:default;background-color:var(--black-5);border:none;box-shadow:none;pointer-events:none}button:disabled span{color:var(--black-3)}button:disabled i::before{color:var(--black-4)}button.fab{position:relative;min-width:56px;height:56px;border-radius:28px;z-index:4;-webkit-transition:-webkit-transform 0.25s linear,box-shadow 0.1s linear;transition:transform 0.25s linear,box-shadow 0.1s linear;-webkit-transform-origin:center center;transform-origin:center center}button.fab:not(:disabled){background-color:var(--accent);background-image:radial-gradient(var(--accent-light-1),var(--accent));box-shadow:var(--shadow-6)}button.fab:not(:disabled) i,button.fab:not(:disabled) span{color:var(--black)}button.fab i{margin:0 1rem}button.fab>span:not(:only-child){display:none}button.fab>i:not(.badge) + span:not(.badge){margin-left:0}button.fab>span:last-child{margin-right:1.5rem}button.fab>span:only-child{margin:0 1rem}button.fab::before{border-radius:28px}button.fab:not(:disabled):hover{box-shadow:var(--shadow-12)}button.fab:not(:disabled):active{box-shadow:var(--shadow-6)}.fab.mini{width:40px;height:40px;min-width:40px;border-radius:20px}.fab.mini::before{border-radius:20px}button.fab.mini i{margin:0 0.5rem}.fab-group{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-align-items:center;align-items:center}.fab-group .fab{z-index:0}.fab-group .fab.mini{position:absolute;bottom:.5rem;left:.5rem;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transform:scale(0);transform:scale(0)}.fab-group .fab.mini:nth-child(2){z-index:-1}.fab-group .fab.mini:nth-child(3){z-index:-2}.fab-group .fab.mini:nth-child(4){z-index:-3}.fab-group .fab.mini:nth-child(5){z-index:-4}.fab-group.active .fab.mini:nth-child(2){-webkit-transform:scale(1) translateY(calc(-100% - 1.5rem));transform:scale(1) translateY(calc(-100% - 1.5rem))}.fab-group.active .fab.mini:nth-child(3){-webkit-transform:scale(1) translateY(calc(-200% - 2rem));transform:scale(1) translateY(calc(-200% - 2rem))}.fab-group.active .fab.mini:nth-child(4){-webkit-transform:scale(1) translateY(calc(-300% - 2.5rem));transform:scale(1) translateY(calc(-300% - 2.5rem))}.fab-group.active .fab.mini:nth-child(5){-webkit-transform:scale(1) translateY(calc(-400% - 3rem));transform:scale(1) translateY(calc(-400% - 3rem))}.drop-menu{position:absolute;opacity:0;top:100%;left:calc(50% - 5rem);margin:0;padding:.5rem 0;width:10rem;background-color:var(--white);border-radius:.25rem;box-shadow:var(--shadow-8);z-index:20;-webkit-transition:-webkit-transform 0.15s ease-out,opacity 0.15s ease-out;transition:transform 0.15s ease-out,opacity 0.15s ease-out;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center top;transform-origin:center top;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.drop-menu.active{opacity:1;-webkit-transform:none;transform:none;-webkit-transition:-webkit-transform 0.15s ease-out,opacity 0.15s ease-out;transition:transform 0.15s ease-out,opacity 0.15s ease-out}.drop-menu li{position:relative;cursor:pointer;margin:0;padding:0 1rem;height:3rem;outline-style:none;box-shadow:none;border-color:transparent;-webkit-tap-highlight-color:transparent;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex:1 0 auto;flex:1 0 auto}.drop-menu li.divider{position:relative;height:0;width:100%;border-bottom:1px solid var(--black-5)}.drop-menu li>span,.drop-menu li>a{position:relative;height:3rem;font-size:.875rem;line-height:3rem;color:var(--black-1);white-space:nowrap;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex:1 0 auto;flex:1 0 auto}.drop-menu li>a>i + span{margin-left:1rem}.drop-menu li.active{cursor:default;background-color:var(--black-6)}.drop-menu li.active a{cursor:default}.drop-menu li.active,.drop-menu li.active>i,.drop-menu li.active>span{font-weight:500}.drop-menu li.disabled,.drop-menu li.disabled>i,.drop-menu li.disabled>span{cursor:unset;font-weight:400;color:var(--black-4)}.drop-menu li:not(.divider):not(.active):not(.disabled):hover{background-color:var(--black-5)}article{position:relative;margin:0;padding:0;width:100%;min-height:8rem;background-color:var(--white);border-radius:.25rem;border:1px solid var(--black-5);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}article>.article-image{position:relative;width:40%;overflow:hidden;display:-webkit-flex;display:flex}article>.article-image>img{position:absolute;top:50%;left:50%;height:100%;width:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center;z-index:0}article>.article-image.article-loading,article.video>.video-thumbnail.video-loading{height:8rem;background-color:lightgrey;background-image:linear-gradient(to right,lightgrey 10%,darkgray 18%,lightgrey 33%);background-size:400% 100%;background-repeat:no-repeat;-webkit-animation:loadingBG 1.75s infinite;animation:loadingBG 1.75s infinite}article>.article-image.article-loading img,article.video>.video-thumbnail.video-loading img{display:none}@-webkit-keyframes articleLoading{from{background-position:0% 0}to{background-position:400% 0}}@keyframes articleLoading{from{background-position:0% 0}to{background-position:400% 0}}@-webkit-keyframes loadingBG{0%{background-position:-468px 0}100%{background-position:468px 0}}@keyframes loadingBG{0%{background-position:-468px 0}100%{background-position:468px 0}}article>.article-image.article-noimage,article.video>.video-thumbnail.video-novideo{height:8rem;background-color:lightgrey}article>.article-image.article-noimage::before,article.video>.video-thumbnail.video-novideo::before{position:absolute;top:50%;left:50%;font-family:'Icon';font-size:64px;line-height:1;color:var(--black-2);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}article>.article-image.article-noimage::before{content:'\e812'}article.video>.video-thumbnail.video-novideo::before{content:'\e865'}article>.article-image .date{position:absolute;top:.25rem;left:.25rem;padding:.25rem 0.5rem;font-size:.75rem;background-color:var(--black-1);color:var(--white);border-radius:.25rem;z-index:1;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}article>.article-image .date>span + span{margin-left:.25rem}article>.article-image .user{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;overflow:hidden;z-index:1;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}article>.article-content{position:relative;width:60%;overflow:hidden;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}article>.article-content .user{position:relative;display:none;margin:0;padding:.5rem;width:100%;overflow:hidden;z-index:1;-webkit-flex-direction:row;flex-direction:row}article>.article-content .user .avatar{width:32px;height:32px}article>.article-content .user .avatar>i,article>.article-content .user .avatar>span{font-size:1.5rem;line-height:2rem}article>.article-content .user .avatar:empty::before{font-size:24px}article>.article-content .user .user-info{position:relative;margin-left:.5rem;padding:0;width:calc(100% - (32px + 0.5rem));display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}article>.article-content .user .user-info>span:first-child{position:relative;margin:0;padding:0;width:100%;font-size:.875rem;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}article>.article-content .user .user-info>span:last-child:not(:only-child){font-size:.75rem;color:var(--black-2)}article>.article-content .title{position:relative;margin:0;padding:.5rem;width:100%;color:var(--text);font-size:.875rem;font-weight:500;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}article>.article-content .info{position:relative;margin:auto 0 0.5rem 0;padding:0 0.5rem;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end}article>.article-content .info i{font-size:.75rem;line-height:1}article>.article-content .info i::before,article>.article-content .info span{font-size:.75rem;color:var(--black-2)}article>.article-content .info>span + i{margin-left:1rem}article>.article-content .info>i + span{margin-left:.25rem}article.video{min-height:6rem;-webkit-tap-highlight-color:transparent}article.video .video-thumbnail{position:relative;width:8rem;overflow:hidden;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}article.video .video-thumbnail>img{position:relative;width:100%;height:auto;z-index:0}article.video .video-thumbnail .date{position:absolute;top:.25rem;left:.25rem;padding:.25rem 0.5rem;font-size:.75rem;background-color:var(--black-1);color:var(--white);border-radius:.25rem;z-index:1;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}article.video .video-thumbnail .date>span + span{margin-left:.25rem}article.video .video-thumbnail .time{position:absolute;bottom:.25rem;left:.25rem;padding:.25rem 0.5rem;font-size:.75rem;background-color:var(--black-1);color:var(--white);border-radius:.25rem;z-index:1;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}article.video .video-content{position:relative;width:calc(100% - 8rem);overflow:hidden;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}article.video .video-content .title{position:relative;margin:0;padding:.5rem;width:100%;color:var(--text);font-size:.875rem;font-weight:500;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}article.video .video-content .info{position:relative;margin:auto 0 0.5rem 0;padding:0 0.5rem;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end}article.video .video-content .info i{font-size:.75rem;line-height:1}article.video .video-content .info i::before,article.video .video-content .info span{font-size:.75rem;color:var(--black-2)}article.video .video-content .info>span + i{margin-left:1rem}article.video .video-content .info>i + span{margin-left:.25rem}.content-wrapper{position:relative;display:grid;grid-template-columns:1fr;grid-gap:1rem;margin:0;padding:0;width:100%}.content-wrapper>div:last-child:not(.content-sidebar){margin-top:.5rem}.masonry,.masonry-full{position:relative;margin:0;padding:0;width:100%;display:-webkit-flex;display:flex}.masonry-full:first-child{margin-top:2rem}.masonry-col{position:relative;margin:0;padding:0;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}.masonry-2,.masonry-3,.masonry-4{display:none}.masonry article,.masonry-full article{margin-bottom:1rem}.rotate{-webkit-transition:-webkit-transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out}.rotate-90{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.rotate-180{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.collapsible{position:relative;max-height:0;-webkit-transition:max-height 0.15s ease-in-out;transition:max-height 0.15s ease-in-out;overflow:hidden}.collapsible.collapse{max-height:100vh}.slider{position:relative;margin:0;padding:0 0.75rem;height:auto;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;align-items:flex-start}.slider>button{position:absolute;top:calc(50% - 18px);min-width:0;width:36px;-webkit-transform:scale(0.7);transform:scale(0.7);-webkit-transform-origin:center center;transform-origin:center center;background-color:var(--footer-2);box-shadow:var(--shadow-2);z-index:2}.slider>button i::before{color:var(--white)}.slider>button:disabled i::before{color:var(--white-3)}.slider>.slider-prev{left:0}.slider>.slider-next{right:0}.slider .slider-container{position:relative;margin:0;padding:0;height:auto;width:100%;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;z-index:1;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;align-items:flex-start}.slider .slider-container::-webkit-scrollbar{height:0}.slider .slider-container>*{position:relative;margin:.5rem 0.5rem 1rem 0.5rem;-webkit-flex:0 0 auto;flex:0 0 auto}.slider .slider-container>*:hover{cursor:pointer;box-shadow:var(--shadow-3);-webkit-transition:box-shadow 150ms linear;transition:box-shadow 150ms linear}.slider .slider-container>*:not(:disabled):active{box-shadow:var(--shadow-1)}.profile{position:relative;margin:0;padding:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.profile .info{position:relative;margin:0;padding:.25rem 0.5rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.profile .name{font-size:1rem;font-weight:500}.profile .id{font-size:.875rem}.timeline{position:relative;margin:0;padding:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.timeline li{position:relative;margin:0 0 2rem 0;padding:0 0 0 2rem;outline-style:none;box-shadow:none;border-color:transparent;-webkit-tap-highlight-color:transparent;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.timeline li:not(:last-child)::after{position:absolute;content:'';top:2rem;left:calc(0.5rem - 2px);height:calc(100% + 1rem);width:4px;background-image:linear-gradient(to bottom,var(--header) 10%,lightgrey 60%)}.timeline li .t-header{position:relative;margin:0;padding:0;height:3rem;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.timeline li .t-header span{cursor:pointer;padding:.5rem 1rem;font-size:1.25rem;font-weight:300;border-radius:.25rem;color:var(--white);background-color:var(--text)}.timeline li .t-header::before{position:absolute;content:'';top:1rem;left:-2rem;width:1rem;height:1rem;border-radius:50%;background-color:var(--text);box-shadow:var(--shadow-1)}.timeline li .t-content{position:relative;margin:0;padding:0;max-height:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;-webkit-transition:max-height 0.15s ease-in-out;transition:max-height 0.15s ease-in-out}.timeline li.collapse .t-content{max-height:100vh}.vertical-gallery{position:relative;margin:0;padding:0;width:100%;height:32rem;overflow:hidden;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.vg-item{position:relative;margin:0;padding:0;width:100%;height:6rem;max-height:6rem;overflow:hidden;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-transition:max-height 0.25s linear;transition:max-height 0.25s linear}.vg-item:not(:first-child){border-top:1px solid var(--white)}.vg-item img{position:absolute;top:50%;left:0;width:100%;height:auto;z-index:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-filter:grayscale(1);filter:grayscale(1)}.vg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--black-2);z-index:1}.vg-year{position:absolute;top:1rem;left:1rem;color:var(--white);font-size:2rem;font-weight:300;z-index:3}.vg-icon{position:absolute;display:none;top:calc(25% + 4rem);left:calc(50% - 1.5rem);width:3rem;height:3rem;z-index:3}.vg-icon svg path{fill:var(--white)}.vg-title{position:absolute;top:1rem;right:1rem;color:var(--white);font-size:1.25rem;font-weight:300;line-height:2rem;z-index:3}.vg-desc{position:absolute;top:4rem;right:1rem;width:calc(100% - 2rem);padding:.5rem 0;color:var(--white);font-size:.875rem;line-height:1.5rem;font-weight:300;text-align:right;-webkit-transition:-webkit-transform 0.25s linear;transition:transform 0.25s linear;-webkit-transform:translateY(16rem);transform:translateY(16rem);z-index:2}.vg-item.active{height:10rem;max-height:10rem}.vg-item.active .vg-desc{-webkit-transform:none;transform:none}*{box-sizing:border-box}form,button,input,select,textarea{font-family:inherit;outline:none}html,body{position:relative;margin:0;padding:0;width:100%;height:100%;font-family:'Roboto',Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'liga';font-size:1rem;font-weight:400;background-color:var(--white)}aside{position:fixed;margin:0;padding:0;top:0;bottom:0;right:0;width:20rem;max-width:calc(100% - 56px);color:var(--white);background-color:var(--text);box-shadow:var(--shadow-8);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,.0,1,1); transition:transform 0.25s cubic-bezier(0.4,.0,1,1);-webkit-transform:translateX(calc(100% + 2rem));transform:translateX(calc(100% + 2rem));z-index:6}aside.active{-webkit-transform:none;transform:none;-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.0,.0,.2,1); transition:transform 0.25s cubic-bezier(0.0,.0,.2,1)}aside .header{position:relative;margin:0;padding:0 1rem;width:100%;height:3rem;background-color:var(--header);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}aside .footer{position:relative;margin:0;padding:0 1rem;width:100%;height:3rem;background-color:var(--header);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}aside .footer input{position:relative;padding:0;font-size:1rem;font-weight:500;color:var(--white-1);background-color:transparent;border:none;box-shadow:none;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex:1 0 auto;flex:1 0 auto}aside .content{position:relative;margin:0;padding:0;width:100%;height:calc(100% - 6rem);overflow-x:hidden;overflow-y:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}aside .content .nav-menu,aside .content .sub-menu{position:relative;margin:0;padding:0;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}aside .content .sub-menu{max-height:0;-webkit-transition:max-height 0.25s ease;transition:max-height 0.25s ease;overflow:hidden}aside .content .sub-menu.active{max-height:100vh}aside .content .nav-menu>li{position:relative;margin:0;padding:0;outline-style:none;box-shadow:none;border-color:transparent;-webkit-tap-highlight-color:transparent;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}aside .content .nav-menu>li>div,aside .content .sub-menu>li,aside .content .sub-menu>li a{position:relative;cursor:pointer;margin:0;padding:0 1rem;height:3rem;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}aside .content .sub-menu>li{padding:0 1rem 0 2rem}aside .content .sub-menu>li>a i + span{margin-left:1rem}aside .content .nav-menu>li>div.sub-header::before{position:absolute;right:1rem;top:1rem;font-family:'Icon';font-size:1rem;content:'\e804';color:var(--white-2);-webkit-transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease}aside .content .nav-menu>li>div.sub-header.active::before{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}aside .content .nav-menu>li:not(:first-child)>div{border-top:1px solid var(--white-5)}.scrim{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--black-2);-webkit-transition:opacity 0.2s;transition:opacity 0.2s;opacity:0;-webkit-transform:scale(0);transform:scale(0);z-index:5}.scrim.active{opacity:1;-webkit-transform:none;transform:none}body>header{position:fixed;top:0;left:0;margin:0;padding:0 1rem;width:100%;height:3.5rem;color:var(--white-1);background-color:#006341;z-index:4;-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.4,.0,1,1); transition:transform 0.15s cubic-bezier(0.4,.0,1,1);box-shadow:var(--shadow-4);-webkit-transform:translateY(calc(-100% - 1rem));transform:translateY(calc(-100% - 1rem));display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-user-select:none;user-select:none}body>header.active{-webkit-transform:none;transform:none}body>header>.org{margin-right:auto}.org{position:relative;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.org img,.org svg{position:relative;height:2.5rem;width:auto}.org .title{position:relative;height:100%;margin-left:.5rem}.org .title>span{position:relative;display:none}.org .title>div{position:relative;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.org .title>div>span:first-child{font-size:.875rem}.org .title>div>span:last-child{font-size:.75rem}body>main{position:relative;margin:0;padding:0;width:100%;min-height:calc(100% - 3rem);background-color:#FAFAFA;z-index:1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;flex:1 0 auto}main>nav{height:3.5rem;padding:0 1rem;color:var(--white-1);background-color:var(--header);z-index:5;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}main>nav.float{position:absolute;width:100%;background-color:transparent}main>nav>.org{margin-right:auto}main>nav .drop-menu{background-color:var(--black-2)}main>nav.fixed-nav .drop-menu{background-color:var(--black-1)}main>nav .drop-menu li.divider{border-color:var(--white-5)}main>nav .drop-menu li>span,main>nav .drop-menu li>a{color:var(--white-1)}main>nav .drop-menu li.active{background-color:var(--white-6)}main>nav .drop-menu li.disabled,main>nav .drop-menu li.disabled>i,main>nav .drop-menu li.disabled>span{color:var(--white-4)}main>nav .drop-menu li:not(.divider):not(.active):not(.disabled):hover{background-color:var(--white-5)}body>footer{position:relative;margin:0;padding:0 1rem;width:100%;min-height:3rem;color:var(--white-1);background-color:var(--footer-1);z-index:1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}body>footer .upper-footer{position:relative;margin:0;padding:0;width:100%;min-height:3rem;z-index:1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-user-select:none;user-select:none}body>footer .upper-footer>div:first-child{position:relative;padding:1rem 0;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}body>footer .upper-footer>div:last-child{position:relative;padding:1rem 0;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}body>footer .caption{position:relative;margin:0;padding:0;width:100%;font-size:.875rem;font-weight:500;text-transform:uppercase;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-flex:0 0 auto;flex:0 0 auto}body>footer .lower-footer{position:relative;margin:0;padding:0;width:100%;border-top:1px solid var(--white-5);z-index:1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-user-select:none;user-select:none}body>footer .lower-footer>div{position:relative;margin:0;padding:.25rem 0;font-size:.75rem;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}body>footer .lower-footer>div span{font-size:.75rem}body>footer .lower-footer>div i::before{font-size:.75rem}body>footer .lower-footer>div>i + span,body>footer .lower-footer>div>span + i{margin-left:.25rem}body>footer .ornament{position:absolute;bottom:0;left:0;right:0;height:100%;z-index:0;overflow:hidden}body>footer .ornament img,body>footer .ornament svg{position:absolute}body>footer .ornament .bottom-left{bottom:-2rem;left:-2rem;width:10rem;z-index:1}body>footer .ornament .bottom-left.big{bottom:-4rem;left:-4rem;width:14rem;z-index:0;opacity:.5}body>footer .ornament .center-right{display:none;top:50%;right:0;width:10rem;z-index:1;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}body>footer .ornament .center-right.big{width:14rem;z-index:0;opacity:.5}.page-tools{position:fixed;bottom:1rem;right:1rem;width:56px;z-index:4}.page-tools .page-share{position:absolute;bottom:0;z-index:2;-webkit-transition:bottom 0.25s linear;transition:bottom 0.25s linear}.page-tools.active .page-share{bottom:calc(56px + 1rem)}.page-tools .page-btt{position:absolute;bottom:0;z-index:1;-webkit-transition:-webkit-transform 0.25s linear;transition:transform 0.25s linear;-webkit-transform:scale(0);transform:scale(0)}.page-tools.active .page-btt{-webkit-transform:none;transform:none}.page-tools.hidden .fab{-webkit-transform:scale(0);transform:scale(0)}.page-tools.hidden .fab-group.active .fab.mini:nth-child(2){-webkit-transform:scale(0) translateY(calc(-100% - 1.5rem));transform:scale(0) translateY(calc(-100% - 1.5rem))}.page-tools.hidden .fab-group.active .fab.mini:nth-child(3){-webkit-transform:scale(0) translateY(calc(-200% - 2rem));transform:scale(0) translateY(calc(-200% - 2rem))}.page-tools.hidden .fab-group.active .fab.mini:nth-child(4){-webkit-transform:scale(0) translateY(calc(-300% - 2.5rem));transform:scale(0) translateY(calc(-300% - 2.5rem))}.page-tools.hidden .fab-group.active .fab.mini:nth-child(5){-webkit-transform:scale(0) translateY(calc(-400% - 3rem));transform:scale(0) translateY(calc(-400% - 3rem))}.social{position:relative;margin:0;padding:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.social li{position:relative;cursor:pointer;margin:0;padding:0;outline-style:none;box-shadow:none;border-color:transparent;-webkit-tap-highlight-color:transparent;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.social li:not(:first-child){margin-left:1rem}.social li svg,.social li img{position:relative;width:1.5rem;height:auto}footer .social li svg path{fill:var(--white-1)}.social li i::before{position:relative;font-size:1.5rem;color:var(--white-2)}.social li:hover i::before{color:var(--white-1)}.contact{position:relative;margin:0 1rem;padding:0;font-size:.875rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.contact li{position:relative;cursor:default;margin:0;padding:0;outline-style:none;box-shadow:none;border-color:transparent;-webkit-tap-highlight-color:transparent;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.contact li + li{margin-top:1rem}.contact li>i{position:absolute;left:0;top:0}.contact li>i::before{font-size:1.25rem}.contact li>div,.contact li>span{position:relative;margin-left:1.75rem;width:calc(100% - 1.75rem)}.contact li>div{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.contact li>div>span{line-height:1.5rem}.contact li>span{height:1.25rem;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.contact li>span>i::before{font-size:.75rem}.links{position:relative;margin:1rem 0;padding:0;font-size:.875rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.links li{position:relative;cursor:default;margin:0;padding:0 0 0 1.5rem;height:1.5rem;outline-style:none;box-shadow:none;border-color:transparent;-webkit-tap-highlight-color:transparent;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.links li::before{position:absolute;top:.25rem;left:0;font-family:'Icon';content:'\e837';font-size:1rem}main>section{position:relative;padding:0 1rem;width:100%;display:-webkit-flex;display:flex}section.stripe{color:rgb(56,47,45);background-color:rgb(240,240,240);border-top:3px solid #FFFFFF;border-bottom:3px solid #FFFFFF}.carousel{position:relative;padding:0;background-color:var(--header);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.carousel .swiper-container,.carousel .swiper-wrapper,.carousel .swiper-slide{position:relative;z-index:inherit}.page-more{position:relative;margin:0 0 1rem 0;padding:0;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.page-more button{background-color:var(--text)}.page-more button span,.page-more button i::before{color:var(--white)}.page-more button i{margin-left:.5rem}.top-menu{position:relative;margin:0;padding:0;display:none;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.top-menu li{position:relative;cursor:pointer;margin:0;padding:0 1rem;height:3rem;outline-style:none;box-shadow:none;border-color:transparent;-webkit-tap-highlight-color:transparent;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex:1 0 auto;flex:1 0 auto}.top-menu li .drop-button{font-size:.875rem;text-transform:uppercase}.top-search{position:relative;display:none;height:3rem;max-width:3rem;width:3rem;margin-left:.5rem;background-color:transparent;overflow:hidden;-webkit-transition:max-width 0.5s ease;transition:max-width 0.5s ease;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.top-search.active{max-width:100vw;width:15rem;-webkit-transition:max-width 0.5s ease;transition:max-width 0.5s ease}.top-search button{position:absolute;right:.5rem;top:.5rem;border-radius:50%}.top-search button:hover{background-color:var(--white-5)}.top-search input{position:relative;padding:.5rem 0;max-width:0;width:0;font-size:1rem;font-weight:500;color:var(--white-1);background-color:transparent;border-top:none;border-left:none;border-right:none;border-bottom:1px solid var(--white-3);box-shadow:none;z-index:2;-webkit-transition:max-width 0.25s ease;transition:max-width 0.25s ease;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row}.top-search.active input{max-width:100vw;width:calc(100% - 3rem)}.top-home{position:relative;height:2.25rem;min-width:2.25rem;border-radius:50%;background-color:transparent;overflow:hidden;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.top-home:hover{background-color:var(--white-5)}.top-link{position:relative;margin:0;padding:0;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.top-link li,.top-link a{position:relative;cursor:pointer;margin:0;padding:0;height:6rem;width:25%;outline-style:none;box-shadow:none;border-color:transparent;-webkit-tap-highlight-color:transparent;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.top-link a{width:100%}.top-link li .icon{position:relative;width:2rem;height:2rem}.top-link li .icon>svg{position:relative;width:100%;height:auto;max-height:100%}.top-link li .icon>svg path{fill:var(--white-2)}.top-link li .icon>[class^='icn-'],.top-link li .icon>[class*=' icn-']{position:absolute;top:0;left:0;width:100%;height:100%}.top-link li .icon>[class^='icn-']::before,.top-link li .icon>[class*=' icn-']::before{font-size:2rem}.top-link li .icon>[class^='icn-']:first-child,.top-link li .icon>[class*=' icn-']:first-child{opacity:1}.top-link li .icon>[class^='icn-']:first-child::before,.top-link li .icon>[class*=' icn-']:first-child::before{color:var(--white-3)}.top-link li .icon>[class^='icn-']:last-child,.top-link li .icon>[class*=' icn-']:last-child{opacity:0}.top-link li .icon>[class^='icn-']:last-child::before,.top-link li .icon>[class*=' icn-']:last-child::before{color:var(--white-1)}.top-link li .info{position:relative;margin:0;padding:.25rem 0;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-user-select:none; -moz-user-select:none;-ms-user-select:none;user-select:none}.top-link li .info .title{position:relative;font-size:.875rem;color:var(--white-1)}.top-link li .info .desc{position:relative;display:none}.qotd{padding-bottom:1rem;border-radius:0 0 0.25rem 0.25rem;border:1px solid var(--black-5);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.qotd .ayah{position:relative;margin:0 0.5rem;padding:0 0.5rem 1rem 0.5rem}.qotd .surah{position:relative;margin:0 0.5rem;padding:.5rem;font-size:.875rem;line-height:1rem}.qotd .trans{position:relative;margin:0;padding:0;width:100%;height:40px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.qotd .trans span{padding:.5rem;font-size:.875rem;line-height:1rem}.qotd .trans button:nth-child(2){margin-left:auto}.qotd .trans button:last-child{margin-left:.5rem;margin-right:.5rem}.qotd .trans-id,.qotd .trans-en{position:relative;margin:0;padding:0;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.qotd .trans-id span,.qotd .trans-en span{position:relative;margin:0;padding:.5rem 1rem;width:100%;font-size:.875rem;border-top:1px dashed var(--black-5)}.qotd-controls{height:3rem;background-color:var(--footer-2);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.qotd-controls button{height:2rem;min-width:2rem;border-radius:0;border-top:1px solid var(--white-5);border-left:1px solid var(--white-5);border-bottom:1px solid var(--white-5)}.qotd-controls button:first-child{padding-right:.5rem;width:2.5rem;border-radius:1.125rem 0 0 1.125rem;-webkit-justify-content:flex-end;justify-content:flex-end}.qotd-controls button:last-child{padding-left:.5rem;width:2.5rem;border-radius:0 1.125rem 1.125rem 0;border-right:1px solid var(--white-5);-webkit-justify-content:flex-start;justify-content:flex-start}.qotd-controls button>i::before{color:var(--white-1);font-size:1.15rem;line-height:1}.qotd-controls button:disabled{background-color:transparent}.qotd-controls button:disabled i::before{color:var(--white-4)}.shalat{position:relative;margin:0;padding:0;border-radius:0 0 0.25rem 0.25rem;border-bottom:1px solid var(--black-5);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.shalat li{position:relative;margin:0;padding:0 0.5rem;height:2rem;font-size:.875rem;outline-style:none;box-shadow:none;border-color:transparent;-webkit-tap-highlight-color:transparent;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex:1 0 auto;flex:1 0 auto;-webkit-user-select:none; -moz-user-select:none;-ms-user-select:none;user-select:none}.shalat li.days{min-height:3rem;direction:rtl;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'liga';font-size:1.25rem;line-height:2.5rem;color:var(--white);background-color:var(--footer-2)}.shalat li.days>span + span{margin-right:.5rem}.shalat li.days .ar-date-md{display:none}.shalat li.clock-container{padding:0;height:3rem;background-color:var(--footer-2);-webkit-justify-content:center;justify-content:center}.shalat li .clock + .clock{margin-left:1rem}.shalat li .clock-face::before{border-color:var(--white)}.shalat li .clock-dot::before,.shalat li .clock-hour>.hour,.shalat li .clock-minute>.minute{background-color:var(--white)}.shalat li.clock-info{padding:0;height:2rem;font-size:.825rem;color:var(--white);background-color:var(--footer-2);-webkit-justify-content:center;justify-content:center}.shalat li:not(.days){border-top:1px dashed var(--black-5);border-left:1px solid var(--black-5);border-right:1px solid var(--black-5)}.shalat li:not(.days)>span:first-child{width:calc(100% - 3rem)}.shalat li:not(.days)>span:last-child{width:3rem;text-align:right}.shalat li.collapsible:not(.collapse){border:none}section.content{padding-bottom:2rem; display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}section.content .caption{position:relative;margin:0 0 1rem 0;padding:.5rem;width:100%;height:3rem;border-radius:.25rem;font-size:.875rem;font-weight:500;text-transform:uppercase;color:var(--white-1);background-color:var(--header);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-flex:0 0 auto;flex:0 0 auto}section.content .caption:not(:first-child){margin-top:1rem}section.content .caption.mb-n{margin-bottom:0}section.content .caption span{-webkit-user-select:none; -moz-user-select:none;-ms-user-select:none;user-select:none}section.content .caption>span + button{margin-left:auto}section.content .caption>i{margin-right:.25rem}section.content .caption>i::before{color:var(--white-2)}section.content .caption.caption-bg{color:var(--white);border-radius:.25rem 0.25rem 0 0;background-color:var(--footer-1)}section.content .caption.caption-bg button>i::before{color:var(--white)}section.content .caption.caption-bg>i::before{color:var(--white-3)}body>footer .caption.caption-links,footer .links{display:none}.hadith-container{padding-top:2rem;padding-bottom:2rem;color:var(--white-1);background-color:var(--footer-2)}.hadith-container div:not(:first-child){margin-top:1rem;width:100%;line-height:1.5rem}.hadith-container .arabic{font-size:1.25rem;line-height:2.5rem}.blog-header{position:relative;margin:0;padding:0;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.blog-image{position:relative;margin:0;padding:0;width:100%}.blog-image img{width:100%;height:auto}.blog-title{position:relative;margin:1rem 0;padding:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.blog-title span{font-size:1.5rem}.blog-date{position:relative;margin:0;padding:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.blog-date span{font-size:.875rem}.blog-author{position:relative;margin:0;padding:0;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.blog-author .avatar{width:2rem;height:2rem;margin-right:.5rem}.blog-author .avatar>i,.blog-author .avatar>span{font-size:1.5rem;line-height:2rem}.blog-author >:nth-child(2){position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.blog-author >:nth-child(2) >:nth-child(1){font-size:1rem;font-weight:500}.blog-author >:nth-child(2) >:nth-child(2){font-size:.75rem}.blog-content{position:relative;margin:1rem 0;padding:0 0 1rem 0;font-size:1rem;line-height:1.5rem;border-bottom:1px solid var(--black-5);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.video-list{position:relative;display:grid;grid-template-columns:1fr;grid-gap:1rem;margin:0;padding:0;width:100%}.video-list li{position:relative;margin:0;padding:0;width:100%;min-height:6rem;background-color:var(--white);border-radius:.25rem;border:1px solid var(--black-5);outline-style:none;box-shadow:none;-webkit-tap-highlight-color:transparent;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.video-list>li .video-thumbnail{position:relative;width:8rem;overflow:hidden;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.video-list>li .video-thumbnail>img{position:relative;width:100%;height:auto;z-index:0}.video-list>li .video-thumbnail .date{position:absolute;top:.25rem;left:.25rem;padding:.25rem 0.5rem;font-size:.75rem;background-color:var(--black-1);color:var(--white);border-radius:.25rem;z-index:1;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.video-list>li .video-thumbnail .date>span + span{margin-left:.25rem}.video-list>li .video-thumbnail .time{position:absolute;bottom:.25rem;left:.25rem;padding:.25rem 0.5rem;font-size:.75rem;background-color:var(--black-1);color:var(--white);border-radius:.25rem;z-index:1;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.video-list>li .video-content{position:relative;width:calc(100% - 8rem);overflow:hidden;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.video-list>li .video-content .title{position:relative;margin:0;padding:.5rem;width:100%;color:var(--text);font-size:.875rem;font-weight:500;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.video-list>li .video-content .info{position:relative;margin:auto 0 0.5rem 0;padding:0 0.5rem;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end}.video-list>li .video-content .info i{font-size:.75rem;line-height:1}.video-list>li .video-content .info i::before,.video-list>li .video-content .info span{font-size:.75rem;color:var(--black-2)}.video-list>li .video-content .info>span + i{margin-left:1rem}.video-list>li .video-content .info>i + span{margin-left:.25rem}.video-sidebar{position:relative;margin:0;padding:.5rem;width:100%;background-color:var(--black-5)}.video-sidebar li,.video-sidebar li a{position:relative;margin:0;padding:0;width:100%;outline-style:none;box-shadow:none;-webkit-tap-highlight-color:transparent;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.video-sidebar li:not(:first-child){padding-top:.5rem}.video-sidebar li:not(:last-child){margin-bottom:.5rem}.video-sidebar li a .thumbnail{position:relative;width:35%;height:4rem;overflow:hidden}.video-sidebar li a .thumbnail img{position:absolute;top:50%;left:50%;height:100%;width:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-sidebar li>div:not(.thumbnail),.video-sidebar li a>div:not(.thumbnail){position:relative;margin-left:.5rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.video-sidebar li>div>span:last-child,.video-sidebar li a>div>span:last-child{position:relative;font-size:.75rem;color:var(--black-1)}.video-container{position:relative;width:100%}.video-container.video-full{margin:1rem 0;padding-bottom:56.25%}video,.video-js{width:100%;height:auto}.video-container.video-full video,.video-container.video-full .video-js{max-height:calc(100vh - 4rem);width:auto}.video-poster{position:absolute;display:none;top:0;left:0;right:0;bottom:0;z-index:2}.video-poster img{position:relative;width:100%;height:100%}.video-container.is-paused .video-poster,.video-container.is-ended .video-poster{display:block}.video-overlay{position:absolute;cursor:pointer;display:none;top:0;left:0;right:0;bottom:0;background-color:var(--black-3);z-index:3}.video-overlay::after{position:absolute;top:calc(50% - 1.5rem);left:calc(50% - 1.5rem);font-family:'Icon';font-size:3rem;color:var(--white);z-index:1}.video-overlay.video-paused::after{content:'\e849'}.video-overlay.video-ended::after{content:'\e850'}.video-container.is-paused .video-paused{display:block}.video-container.is-ended .video-ended{display:block}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.video-js .vjs-control-bar{height:40px}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal{-webkit-align-items:center;align-items:center}.video-js .vjs-time-control{line-height:40px}.video-js .vjs-play-progress{background-color:var(--text)}.video-js button{height:auto;min-width:0;border-radius:0}.video-js button span{position:initial;margin:0;color:inherit;font-size:inherit;line-height:inherit}.vjs-button>.vjs-icon-placeholder:before{font-size:1.5rem}.video-js .vjs-big-play-button{top:50%;left:50%;width:4rem;height:4rem;font-size:3rem;line-height:4rem;border-radius:50%;border:none;background-color:var(--text);opacity:.75;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-js:hover .vjs-big-play-button{background-color:var(--text);opacity:1}.video-title{font-size:1.25rem;line-height:2rem;font-weight:500}.video-info{position:relative;margin:.5rem 0;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.video-info>div{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.video-info>div:first-child{font-size:.875rem}.video-info>div:first-child i::before{font-size:1rem}.video-info>div:first-child>* + *{margin-left:1rem}.video-info>div:first-child>*>i + span{margin-left:.5rem}.video-view{font-size:.875rem}.video-view i::before{font-size:1rem}.video-view i + span{margin-left:.5rem}.video-info button{border:1px solid var(--black-4)}.video-info button + button{margin-left:.5rem}.video-info button>span{display:none}.video-desc{position:relative;margin:1rem 0;padding:3rem 0 1rem 0;width:100%;border-top:1px solid var(--black-5);border-bottom:1px solid var(--black-5)}.video-desc::before{position:absolute;top:1.5rem;left:0;content:'Deskripsi';font-size:.75rem;text-transform:uppercase;color:var(--black-2)}.banner{position:relative;margin:1rem 0;display:-webkit-flex;display:flex}.banner img{position:relative;height:4rem;width:100%}.banner .banner-title{position:absolute;top:0;left:0;width:60%;height:100%;padding-left:1rem;z-index:1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.banner .banner-title .title{position:relative;color:var(--white);text-transform:uppercase}.banner .banner-title .subtitle{position:relative;margin-top:.25rem;color:var(--white);text-transform:uppercase;font-size:18px}.banner .banner-title .title-lg,.banner .banner-title .subtitle-lg{display:none}.banner .banner-button{position:absolute;top:0;right:0;width:40%;height:100%;padding-right:1rem;z-index:1;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end}.banner .banner-button span{position:relative;padding:.5rem 1rem;color:var(--white);text-transform:uppercase;border-radius:4px;border:1px solid var(--white)}@media (hover:hover){.top-menu>li:hover>.drop-menu{opacity:1;-webkit-transform:none;transform:none;-webkit-transition:-webkit-transform 0.15s ease-out,opacity 0.15s ease-out;transition:transform 0.15s ease-out,opacity 0.15s ease-out}article{cursor:pointer;-webkit-transition:box-shadow 0.15s ease;transition:box-shadow 0.15s ease}article:hover{box-shadow:var(--shadow-6)}.video-list li{cursor:pointer;-webkit-transition:box-shadow 0.15s ease;transition:box-shadow 0.15s ease}.video-list li:hover{box-shadow:var(--shadow-6)}.slider>button{-webkit-transition:-webkit-transform 0.15s ease;transition:transform 0.15s ease}.slider:hover>button{-webkit-transform:none;transform:none}}@media (hover:hover) and (min-width:768px){}@media screen and (min-width:768px){aside,.scrim{display:none}.content-wrapper{grid-template-columns:70% auto}.content-wrapper>div:last-child:not(.content-sidebar){margin-top:1rem}.sticky-wrapper{position:-webkit-sticky;position:sticky;top:3.5rem}.shalat li .clock + .clock{margin-left:.5rem}.shalat li.days .ar-date,.shalat li.days .ar-month,.shalat li.days .ar-year{display:none}.shalat li.days .ar-date-md{display:inline-block}.swiper-pagination-bullet{width:1.5rem}.order-md-1{-webkit-order:1;order:1}.order-md-2{-webkit-order:2;order:2}article{min-height:0;-webkit-flex-direction:column;flex-direction:column}article>.article-image,article.video>.video-thumbnail{width:100%}article>.article-image>img,article.video>.video-thumbnail>img{position:relative;top:0;left:0;width:100%;height:auto;-webkit-transform:none;transform:none}article.video .video-thumbnail .time{left:auto;right:.25rem}article>.article-image .date{padding:.25rem 0.5rem 0.5rem 0.5rem;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}article>.article-image .date>span + span{margin-left:0}article>.article-image .date>span:first-child{font-size:1.25rem;font-weight:500}article>.article-image .date>span:nth-child(2){font-size:.875rem;text-transform:uppercase}article>.article-image .date>span:nth-child(3){color:var(--white-2);font-weight:300}article>.article-content,article.video>.video-content{width:100%}article>.article-content .user{display:-webkit-flex;display:flex}article>.article-content .title,article.video>.video-content .title{margin-bottom:1rem;font-size:1rem;line-height:1.5rem}.masonry-col{width:calc(50% - 1rem)}.masonry-2{display:-webkit-flex;display:flex;margin-left:1rem}.video-list{grid-template-columns:repeat(2,1fr)}.video-list li{min-height:0;-webkit-flex-direction:column;flex-direction:column}.video-list>li .video-thumbnail,.video-list>li .video-content{width:100%}.video-list>li .video-thumbnail .time{left:auto;right:.25rem}.video-list>li .video-content .title{margin-bottom:1rem;font-size:1rem;line-height:1.5rem}.video-js .vjs-big-play-button{width:5rem;height:5rem;font-size:4rem;line-height:5rem}.video-info button>i{margin-left:.5rem}.video-info button>span{display:inline-block}.profile .photo{height:60px;width:45px}.profile .info{padding:.5rem 1rem}.profile .name{font-size:1.25rem}.org .title>div{display:none}.org .title>span{height:100%;font-size:1.25rem;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.top-menu{display:-webkit-flex;display:flex}.btn-mobile-nav{display:none}.top-search{display:-webkit-flex;display:flex}body>footer .upper-footer{-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;align-items:flex-start}body>footer .upper-footer>div:first-child{width:60%}body>footer .upper-footer>div:last-child{width:40%}body>footer .lower-footer{-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}body>footer .lower-footer>div{height:3rem;padding:0}body>footer .ornament .center-right{display:block}body>footer .caption.caption-links,footer .links{display:-webkit-flex;display:flex}.social{-webkit-justify-content:flex-start;justify-content:flex-start}.page-tools{bottom:1.5rem;right:1.5rem}.vg-item{height:10rem;max-height:10rem}.vg-item.active{height:14rem;max-height:14rem}.vg-year{font-size:3rem}.vg-title{font-size:1.5rem}.vg-desc{width:calc(75% - 2rem)}.banner img{width:100%;height:auto}}@media screen and (min-width:1024px){.hide-lg{display:none!important}.shalat li .clock + .clock{margin-left:1rem}.shalat li.days .ar-date,.shalat li.days .ar-month,.shalat li.days .ar-year{display:inline-block}.shalat li.days .ar-date-md{display:none}body>footer .upper-footer>div:first-child{width:70%}body>footer .upper-footer>div:last-child{width:30%}.video-list{grid-template-columns:repeat(3,1fr)}.masonry-full .masonry-col{width:calc((100% - 2rem) / 3)}.masonry-full .masonry-3{display:-webkit-flex;display:flex;margin-left:1rem}.slider{padding:0 1rem}.slider>button{-webkit-transform:scale(0.89);transform:scale(0.89)}.vertical-gallery{-webkit-flex-direction:row;flex-direction:row}.vg-item{cursor:pointer;width:25%;height:100%;max-height:100%}.vg-item:not(:first-child){border-top:none;border-left:1px solid var(--white)}.vg-item.active{height:100%;max-height:100%}.vg-item img{top:0;left:50%;height:100%;width:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.vg-icon{display:block}.vg-title{top:25%;left:1rem;width:calc(100% - 2rem);text-align:center;font-size:2rem;font-weight:300;-webkit-transition:-webkit-transform 0.25s linear;transition:transform 0.25s linear;-webkit-transform:translateY(8rem);transform:translateY(8rem)}.vg-desc{top:50%;left:0;width:100%;padding:1rem;font-size:1rem;line-height:1.5rem;font-weight:300;text-align:center;-webkit-transition:-webkit-transform 0.25s linear;transition:transform 0.25s linear;-webkit-transform:translateY(16rem);transform:translateY(16rem);z-index:2}.vg-item.active .vg-title,.vg-item.active .vg-desc{-webkit-transform:none;transform:none}.blog-title span{font-size:1.75rem}.blog-date span{font-size:1rem}.blog-content{font-size:1.125rem;line-height:1.75rem}}@media screen and (min-width:1200px){.content-wrapper{grid-template-columns:75% auto}.masonry .masonry-col{width:calc((100% - 2rem) / 3)}.masonry .masonry-3{display:-webkit-flex;display:flex;margin-left:1rem}.masonry-full .masonry-col{width:calc((100% - 3rem) / 4)}.masonry-full .masonry-4{display:-webkit-flex;display:flex;margin-left:1rem}.video-list{grid-template-columns:repeat(4,1fr)}.video-js .vjs-big-play-button{width:6rem;height:6rem;font-size:5rem;line-height:6rem}body>header,body>footer{padding-left:calc((100% - 1200px) / 2);padding-right:calc((100% - 1200px) / 2)}.org .title>div{display:none}main>nav,main>section,.top-banner{padding-left:calc((100% - 1200px) / 2);padding-right:calc((100% - 1200px) / 2)}.swiper-pagination-bullet{width:2rem}.blog-title span{font-size:2rem}.blog-date span{font-size:1rem}.blog-content{font-size:1.25rem;line-height:2rem}.banner .banner-button{padding-right:3rem}.banner .banner-title .title,.banner .banner-title .subtitle{display:none}.banner .banner-title .title-lg{position:relative;display:block;margin-top:1rem;color:var(--white);text-transform:uppercase;font-size:20px;font-weight:500}.banner .banner-title .subtitle-lg{position:relative;display:block;margin-top:auto;margin-bottom:1rem;color:var(--white);text-transform:uppercase;font-size:24px;font-weight:500}}main>nav:not(.fixed-nav){background-color:transparent}main>nav.fixed-nav{position:fixed;width:100%;box-shadow:var(--shadow-4)}main>nav.fixed-nav + *{margin-top:3.5rem}.page-header{position:relative;margin-top:-3.5rem;padding-top:3.5rem;width:100%;height:calc(33vh + 3.5rem);color:var(--white);background:url('/images/patterns/patt03.svg') top left/3rem repeat,radial-gradient(circle at center center,var(--text),var(--header) 100%);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;user-select:none}.page-header h1{font-size:2rem;font-weight:300;text-shadow:0px 0px 6px rgba(255,255,255,.7)}.page-header [class^='icn-']::before,.page-header [class*=' icn-']::before{font-size:3rem;text-shadow:0px 0px 4px rgba(255,255,255,.7)}.page-sub-header{position:relative;margin:1.5rem 0 0.5rem 0;padding:0;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.page-sub-header i{margin-right:1rem;font-size:2rem}.page-sub-header i::before{font-size:2rem;color:var(--text)}.page-sub-header h2{margin:0;font-size:1.5rem;font-weight:300;text-transform:uppercase}.sub-content{position:relative;padding:0;width:100%;font-size:1rem;font-weight:400;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.sub-content p{margin:0 0 1rem 0;font-size:inherit}.sub-line{position:relative;margin-top:2rem;margin-bottom:1rem;width:100%;border-bottom:1px solid var(--black-5)}.construction{position:relative;width:100%;height:calc(100vh - (33vh + 3.5rem));padding-top:1rem;padding-bottom:1rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;user-select:none}.construction img,.construction svg{height:8rem}@media screen and (min-width:768px){.page-header{-webkit-flex-direction:row;flex-direction:row}.page-header [class^='icn-']::before,.page-header [class*=' icn-']::before{margin-right:1rem;font-size:3.5rem}}@media screen and (min-width:1024px){.sub-header i{font-size:2.5rem}.sub-header i::before{font-size:2.5rem}.sub-header h2{font-size:1.8rem}}@media screen and (min-width:1200px){.page-header h1{font-size:2.5rem}}.stat-info{position:relative;padding-bottom:1rem;width:100%;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center; justify-content:center; -webkit-flex:0 0 auto;flex:0 0 auto;-webkit-flex-wrap:wrap;flex-wrap:wrap}.stat-info i,.stat-info i::before{font-size:1rem}.stat-info i{margin-right:.5rem}.stat-info span{font-size:.875rem}.chart-container{position:relative;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.chart{position:relative;margin:2rem 0 0 0;width:20rem;border-radius:.25rem;border:1px solid var(--black-5);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.chart-header{position:relative;margin:0;padding:0;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.chart-title{position:relative;margin:0;padding:0;width:100%;height:3rem;font-size:1.15rem;font-weight:300;color:var(--white);background-color:var(--header);border-radius:.25rem 0.25rem 0 0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.chart-desc{position:relative;margin:0;padding:.5rem;width:100%;font-size:.875rem;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.chart canvas{position:relative;width:20rem;height:16rem}.chart-legend{position:relative;padding-bottom:1rem;width:100%;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center; justify-content:center; -webkit-flex:0 0 auto;flex:0 0 auto;-webkit-flex-wrap:wrap;flex-wrap:wrap}.chart-legend .chart-item{position:relative;--item-color:#000000;height:1.5rem;overflow:hidden;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start; justify-content:flex-start; -webkit-flex:0 0 auto;flex:0 0 auto}.chart-item>input[type=checkbox]{cursor:pointer;position:absolute;display:inline-block;top:.25rem;left:0;margin:0;width:1rem;height:1rem;opacity:0;z-index:3}.chart-item>label{cursor:pointer;margin-left:1.25rem;margin-right:.5rem;font-size:.875rem;color:var(--black-2);z-index:1}.chart-item>input[type=checkbox]:checked ~ label{color:var(--black-1)}.chart-item>span{position:absolute;display:inline-block;top:.25rem;left:0;margin:0;width:1rem;height:1rem;z-index:0}.chart-item>span::after{position:absolute;content:'';margin:0;padding:0;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--black-2);z-index:1;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center; justify-content:center}.chart-item>input[type=checkbox]:checked ~ span::after{background-color:var(--item-color)}@media screen and (min-width:768px){.chart-container{-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center}.chart-container .chart + .chart{margin-left:1rem}.chart{width:14rem}.chart.chart-single{width:41rem}.chart.chart-single canvas{width:41rem}}@media screen and (min-width:1024px){.chart-container .chart + .chart{margin-left:2rem}.chart{width:18rem}.chart.chart-single{width:42rem}.chart.chart-single canvas{width:42rem}}@media screen and (min-width:1200px){.chart-container .chart + .chart{margin-left:3rem}.chart.chart-single{width:43rem}.chart.chart-single canvas{width:43rem}}