body .dropdown{z-index:1200}body .dropdown dd,body .dropdown dt{font-size:16px;color:#262b33}body .dropdown dt.download:hover{background-color:transparent;cursor:default}.album{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;width:100%;margin-bottom:24px;padding:24px 42px;border-radius:8px;background-color:#ebf2ff}.album .thumbnail{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:189px;max-width:189px;margin-right:42px;padding-top:189px}.album .thumbnail:before,.album .thumbnail:after{position:absolute;top:50%;content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%);border:1px solid #d6d6d6;border-left:none;border-radius:0 2px 2px 0;background-color:#e5e5e5}.album .thumbnail:before{right:-6px;width:6px;height:88.1%;opacity:0.72}.album .thumbnail:after{right:-10px;width:4px;height:76.2%;opacity:0.45}.album .thumbnail img{position:absolute;top:0;left:0;overflow:hidden;width:100%;border-radius:4px;background:#edeff2;-o-object-fit:cover;object-fit:cover}.album .other-info{padding-top:8px;width:calc(100% - 189px - 45px)}.album .other-info h1{font-size:1.5rem;margin-bottom:16px}.album .other-info .hymns-category,.album .other-info .hymns-stat{font-size:0.875rem;margin-bottom:10px;color:#6a6e73}.album .other-info .hymns-category span,.album .other-info .hymns-stat span{display:inline-block;margin-right:18px}.album .other-info .hymns-stat{color:#919499}.album .other-info a{color:#fff}.album .other-info a:hover{text-decoration:none}.album .other-info i{padding-right:3px;padding-left:0;-webkit-transform:translateY(1px) scale(1.9);transform:translateY(1px) scale(1.9);-webkit-transform-origin:center;transform-origin:center}.album .phone{width:100%;margin-top:24px}.album .phone .btn{text-align:center;text-decoration:none;padding:12px 16px}.album .phone .btn i{padding-top:2px;padding-right:6px;padding-left:0;-webkit-transform:scale(2.3);transform:scale(2.3);-webkit-transform-origin:center;transform-origin:center}@media (max-width: 575.98px){.album{padding:0;border-radius:0;background-color:transparent}.album .thumbnail{position:relative;width:120px;height:120px;margin-right:27px;padding-top:120px}.album .other-info{-ms-flex-preferred-size:calc(100% - 147px);flex-basis:calc(100% - 147px);padding-top:0;width:calc(100% - 120px - 30px)}.album .other-info h1{margin-bottom:8px}}@media (max-width: 575.98px){body.latin .album .other-info h1{font-size:18px}}.playlist{margin-bottom:48px;background:#fff}.playlist .song-item{height:64px;padding:8px 0;position:relative;border-radius:4px;cursor:pointer;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.playlist .song-item .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.playlist .song-item .top .left{width:calc(100% - 80px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.playlist .song-item .top .left a.title-box{width:calc(100% - 48px);display:block;display:-webkit-box;max-height:51.2px;line-height:24px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.playlist .song-item .top .left a.title-box .title{width:100%}.playlist .song-item .top .left .num-box{width:48px;-ms-flex-negative:0;flex-shrink:0;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.playlist .song-item .top .left .num-box .num{display:block;margin-top:2px;color:#919499}.playlist .song-item .top .left .title-box{line-height:1.5em;font-size:16px;color:#262b33;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.playlist .song-item .top .left .title-box .category{margin-top:4px;font-size:12px;line-height:1em;opacity:0.8}.playlist .song-item .top .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80px}.playlist .song-item .top .right .icon-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.playlist .song-item .top .right .icon-box a{color:#919499}.playlist .song-item .top .right .icon-box .icon-children{display:none}.playlist .song-item .top .right .icon-box .btn-icon{color:#919499;background:transparent}.playlist .song-item .top .right .icon-box .btn-icon i{background:transparent;text-align:center}.playlist .song-item .top .right .icon-box .btn-icon:not(.disabled) i:hover{color:#2483f2}.playlist .song-item .top .right .icon-box .hover-icon{display:none}.playlist .song-item .top .right .icon-box .invisible-icon{opacity:0 !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important}.playlist .song-item .top .right .duration{padding-right:8px;line-height:1em;font-size:12px;color:#919499;border-left:1px solid #919499;padding-left:8px}.playlist .song-item .bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.playlist .song-item::after{content:"";position:absolute;bottom:0;left:48px;right:0px;height:1px;background:rgba(0,0,0,0.1)}.playlist .song-item .lyric{width:100%;padding:16px;padding-bottom:8px;padding-left:40px}.playlist .song-item mark{background:transparent;color:#c00}.playlist .song-item:hover{background:#f1f4f9}.playlist .song-item:hover .right .icon-box .hover-icon{display:block}.sidebar-box{-webkit-box-flex:0;-ms-flex:0 0 31.333333%;flex:0 0 31.333333%;max-width:31.333333%;padding-left:24px}.panel-aside{margin-top:32px}.panel-aside:first-of-type{margin-top:0}.panel-aside:last-of-type{margin-bottom:48px}.panel-aside .app-desc{font-size:1.125rem;width:100%;margin-bottom:16px;padding:10px 0;text-align:center}.panel-aside .app-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.panel-aside .app-image img{max-width:100%;max-height:100%}.panel-aside .app-image .app{width:30%}.panel-aside .app-image .qr-code{width:30%}.panel-aside .app-image .play-store{width:40%;margin:0 16px}.panel-aside .app-image .play-store a{display:block}.panel-aside .app-image .play-store a:first-of-type{margin-bottom:14px;margin-bottom:17px\0}body[site_type="gospel"] .album{background-color:transparent}body[site_type="gospel"] .album .other-info i{font-size:13px;padding-right:5px}body[site_type="gospel"] .btn.btn-icon,body[site_type="gospel"] button{margin-bottom:0}body[site_type="gospel"] .btn.btn-icon i,body[site_type="gospel"] button i{-webkit-box-shadow:none;box-shadow:none}body[site_type="gospel"] .playlist{margin-bottom:0}body[site_type="gospel"] .playlist .song-item:nth-last-of-type(1):after{display:none}body[site_type="gospel"] .playlist .song-item .top .right .icon-box .btn-icon{padding:0}@media (min-width: 1200px){body[site_type="gospel"] .col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%}body[site_type="gospel"] .sidebar-box{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}}@media (max-width: 1199.98px){body[site_type="gospel"] .album .phone .btn i{font-size:14px}}@media (max-width: 575.98px){body[site_type="gospel"] .album{padding-top:0}}html[lang="my-MM"] body.latin .playlist .song-item{height:74px}html[lang="my-MM"] body.latin .playlist .song-item .top .left a.title-box{max-height:56.2px;line-height:1.8}html[dir="rtl"] .album .thumbnail{margin-right:0px;margin-left:42px}html[dir="rtl"] .album .thumbnail:before,html[dir="rtl"] .album .thumbnail:after{border-radius:2px 0 0 2px}html[dir="rtl"] .album .thumbnail:before{right:auto;left:-6px;width:6px;height:88.1%;opacity:0.72}html[dir="rtl"] .album .thumbnail:after{right:auto;left:-10px;width:4px;height:76.2%;opacity:0.45}html[dir="rtl"] .album .other-info .hymns-category span,html[dir="rtl"] .album .other-info .hymns-stat span{display:inline-block;margin-right:auto;margin-left:18px}html[dir="rtl"] .album .other-info i{padding-right:0px;padding-left:5px}html[dir="rtl"] .album .phone .btn i{padding-right:0;padding-left:6px}@media (max-width: 575.98px){html[dir="rtl"] .other-info{-ms-flex-preferred-size:calc(100% - 162px);flex-basis:calc(100% - 162px)}}html[dir="rtl"] .sidebar-box{padding-right:24px;padding-left:8px}

.dropdown{display:none;position:absolute;top:0;left:0;z-index:1000;width:auto;min-width:168px;padding:6px 0;border-radius:8px;-webkit-transform-origin:left top;transform-origin:left top;opacity:0;background-color:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3);box-shadow:0 2px 5px rgba(0,0,0,0.3);will-change:transform;cursor:pointer}.dropdown.fixed{position:fixed}.dropdown i{color:#2483f2;font-size:24px;background:none !important}.dropdown i:hover,.dropdown i:active{background:none !important}.dropdown i.dd-left{margin-right:8px}.dropdown i.dd-right{margin-left:8px}.dropdown dl{list-style:none;margin-bottom:0}.dropdown dd,.dropdown dt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0;height:48px;line-height:48px;padding:0 16px;-webkit-transition:background 0.1s ease-in-out;transition:background 0.1s ease-in-out}.dropdown dd:hover,.dropdown dt:hover{background-color:rgba(5,80,191,0.05)}.dropdown dd.active,.dropdown dt.active{background-color:rgba(5,80,191,0.05)}.dropdown dd.active a,.dropdown dt.active a{color:#2483f2}.dropdown dd label,.dropdown dt label{margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dropdown dd label i,.dropdown dt label i{margin-left:4px}.dropdown dd label .radio+span::before,.dropdown dd label .radio+span::after,.dropdown dt label .radio+span::before,.dropdown dt label .radio+span::after{margin:auto 2px;bottom:0}.dropdown dd a,.dropdown dt a{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:color 0.15s ease-in-out;transition:color 0.15s ease-in-out}.dropdown dd span,.dropdown dt span{font-family:-apple-system, Segoe UI, Helvetica, Arial, sans-serif,
 "Microsoft YaHei", "ST Heiti";white-space:nowrap}.dropdown dd span.zawgyi,.dropdown dt span.zawgyi{font-family:Zawgyi-One, "Proxima Nova", Helvetica, Arial, sans-serif !important}.dropdown dt{position:relative;font-weight:normal}.dropdown dt:before{content:"";position:absolute;top:0;left:16px;width:calc(100% - 32px);height:1px;background-color:rgba(0,0,0,0.06)}.dropdown dt:first-of-type::before{display:none}.dropdown dd{padding:0 16px 0 52px}.dropdown dd i{margin-left:8px}.dropdown.no-line dt::before{display:none}html[lang="ko-KR"] .dropdown dd span,html[lang="ko-KR"] .dropdown dt span{font-family:"Noto Sans KR", "NanumBarunGothic", sans-serif}html[lang="ja"] .dropdown dd span,html[lang="ja"] .dropdown dt span{font-family:"Noto Sans JP", sans-serif}html[dir="rtl"] .dropdown i.dd-left{margin-right:0;margin-left:8px}html[dir="rtl"] .dropdown dd{padding:0 52px 0 16px;-webkit-margin-start:0;margin-inline-start:0}html[dir="rtl"] .dropdown dd i{margin-left:0;margin-right:8px}

.modal{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;width:100vw;height:100%;top:0;left:0;right:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:-9999;opacity:0;display:none}.modal .modal-dialog{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.modal .modal-box{background-color:#fff;border-radius:8px;z-index:99999;opacity:1;will-change:opacity;overflow:hidden;-webkit-box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);width:100%;max-width:80%;max-height:80vh}.modal .modal-box .modal-header{height:44px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:99;background:#fff;position:relative}.modal .modal-box .modal-header button{padding:0;border:0;background:transparent;position:absolute;right:1px;outline:none}.modal .modal-box .modal-header button i{font-size:30px;display:block;padding:8px;cursor:pointer}.modal .modal-box .modal-body{padding:0 44px 0 24px;overflow-y:auto;overflow-x:hidden;margin-right:-20px}.modal-bg{background-color:rgba(0,0,0,0.5);position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999;will-change:opacity;opacity:0;-webkit-transition:opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.modal-video-share .modal-box{width:560px !important;min-width:288px !important;height:231px}.modal-video-share .modal-box .modal-header .modal-title{line-height:26px;font-size:18px;color:#4e535c;padding:0 10px}.modal-video-share .modal-box .modal-body{max-height:calc(100% - 88px) !important}.modal-change-lang .modal-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.3);box-shadow:0 2px 6px rgba(0,0,0,0.3);max-width:65%;padding:44px 56px 44px 80px}.modal-change-lang .modal-box .modal-header{padding-bottom:26px;border-bottom:1px solid rgba(0,0,0,0.1)}.modal-mb-show .modal-box{max-width:560px;width:calc(100% - 76px)}.modal-mb-show .modal-box .modal-body{max-height:calc(40vh - 44px)}html[dir="rtl"] .modal .modal-box .modal-header .modal-header-close{left:1px !important;right:unset !important}