.hymns-cover{padding:10px 0}.hymns-alphabet{border-bottom:2px solid rgba(36,32,33,.1);margin-bottom:50px}.hymns-alphabet span{background-color:rgba(36,32,33,.1);display:inline-block;font-size:20px;font-weight:700;line-height:50px;text-align:center;vertical-align:middle;width:60px}.audio-play{background:#00abe6;border-radius:100%;display:inline-block;font-size:0;height:38px;left:0;position:absolute;top:8px;width:38px}.audio-play:after{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xNjA4Ny45MyAtMTkyNTAuNjY0IDEzLjg2MSAxNy4zMjgiPjxwYXRoIGQ9Ik0xMjggOTZ2MTcuMzI3bDEzLjg2Mi04LjY2NHoiIGRhdGEtbmFtZT0iUGF0aCAyNTAiIHN0eWxlPSJmaWxsOiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjIxNS45MyAtMTkzNDYuNjY0KSIvPjwvc3ZnPg==) no-repeat 50%;content:"";height:15px;left:50%;margin-left:3px;position:absolute;top:50%;transform:translate(-50%,-50%);width:15px}.icon-pause:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xNjAyOCAtMTkyNTAgMTUgMTciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJpY29uLXBhdXNlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY4MjkgLTE5ODYwKSI+PHBhdGggaWQ9IlJlY3RhbmdsZV8xNTY0IiBkPSJNMCAwaDZ2MTdIMHoiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTU2NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAxIDYxMCkiLz48cGF0aCBpZD0iUmVjdGFuZ2xlXzE1NjUiIGQ9Ik0wIDBoNnYxN0gweiIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxNTY1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MTAgNjEwKSIvPjwvZz48L3N2Zz4=);margin-left:0}.progress{background:#e9ecef;height:2px;margin-bottom:-10px;margin-top:11px}.progress-bar{background:#fbb045;height:2px;position:relative;width:0}.progress-bar:after{background-color:#fbb045;border-radius:50%;content:"";height:8px;position:absolute;right:0;top:50%;transform:translateX(50%) translateY(-50%);width:8px}.hymns-section .title-style2{margin-bottom:40px}.hymns-box{margin-bottom:15px;padding:8px 0 8px 50px;position:relative}.hymns-info{font-size:14px;font-weight:400}.hymns-audio{background:url(https://49815921.fs1.hubspotusercontent-na1.net/hubfs/49815921/FR/images/download.svg) no-repeat 0 0;margin-right:8px;padding:3px 0 0 26px}.hymns-audio,.hymns-sheet{color:#00abe6!important;display:inline-block}.hymns-sheet{background:url(https://49815921.fs1.hubspotusercontent-na1.net/hubfs/49815921/FR/images/file.svg) no-repeat 0 0;padding:3px 0 0 24px}.hymns-files{opacity:0;padding-top:5px}.hymns-box:hover .hymns-files,.icon-pause+.hymns-info .hymns-files{opacity:1}.hymns-name{padding-top:9px}@media (min-width:768px){.hymns-list{display:flex;flex-wrap:wrap;margin:0 -15px}.hymns-box{padding:10px 30px 10px 65px;width:33.33%}.audio-play{left:15px;top:10px}}.hymns-section{padding:60px 0}span.fliter-select{align-items:center;background-color:#fff;border:2px solid rgba(0,0,0,.1);border-radius:40px;cursor:pointer;display:flex;height:44px;min-width:200px;padding:0 50px 0 15px;position:relative}.fliter-select:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii05MjUgLTEzOTMwLjUgMTMuODY0IDguNDU0Ij48ZyBzdHlsZT0ib3BhY2l0eTouNSI+PHBhdGggZD0ibTE2LjA1NyAxOC40MiA0LjgyMSA0LjM0IDQuOTI5LTQuMzQgMi4wNTcgMi4wNTctNi45ODYgNi40LTYuODc4LTYuNFoiIHN0eWxlPSJmaWxsOiMyNDIwMjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MzkgLTEzOTQ4LjkyKSIvPjwvZz48L3N2Zz4=) no-repeat;content:"";height:20px;position:absolute;right:20px;top:15px;width:20px}.filter-box{display:flex;justify-content:center;padding-bottom:30px;position:relative}.filter-list{background-color:#fff;border:2px solid rgba(0,0,0,.1);border-radius:5px;display:none;left:50%;list-style:none;margin:0;padding:0;position:absolute;top:41px;transform:translateX(-50%);width:200px}.filter-box ul li{cursor:pointer;padding:8px 10px}.filter-box ul li.active,.filter-box ul li:hover{color:#00abe6}