@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap);
*,::before,::after{box-sizing:border-box}h1,h2,h3,h4,p,ol{margin:0}ul{margin:0;padding:0}ul>li{list-style:none}label,input{display:block}input:focus,textarea:focus{outline:none}input[type=text],textarea{font-family:inherit;user-select:none}a{text-decoration:none;background:transparent}a:hover,a:active,a:focus{outline:none;user-select:none}button{font-family:inherit;border:none;background-color:transparent;user-select:none;padding:0}button:hover,button:active,button:focus{outline:none}button:disabled,button[disabled]{pointer-events:none;opacity:.6}img{display:block}body{font-family:"Open Sans",sans-serif;margin:0;font-size:1rem;color:#595959;text-rendering:optimizeLegibility}.btn{display:inline-block;padding:10px 30px;background-color:#d9a407;color:#f7f7f7;text-transform:uppercase;font-size:15px;font-weight:300;letter-spacing:1px;cursor:pointer;-webkit-transition:.3s ease;transition:.3s ease}.btn:hover,.btn:active{background-color:#091025}@media screen and (max-width: 520px){.btn{padding:10px 20px}}.block-wrp{padding:80px 15px}.block-cnt{max-width:1120px;margin:0 auto;padding:70px 0;display:flex;flex-wrap:wrap}.block-2,.block-3,.block-4,.block-5{padding:0 15px}.block-1{flex:1 0 100%;max-width:100%}.block-2{flex:1 0 50%;max-width:50%}.block-3{flex:1 0 33.33%;max-width:33.33%}.block-4{flex:1 0 25%;max-width:25%}.block-5{flex:0 0 20%;max-width:20%}.title-section{font-family:"Merriweather",serif;position:relative;text-align:center;font-size:30px;font-weight:700;letter-spacing:.7px}.title-section:before{position:absolute;content:"";background-color:#d9a407;width:70px;height:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-11px}.title-section.light{color:#f2f2f2}.title-section.dark{color:#101c42}.img-fl{width:100%;height:auto}.banner{width:100%;background-color:#0b162d;background-position:center;background-repeat:no-repeat;background-size:cover}.hero .hero-container{max-width:1120px;height:100%;margin:0 auto;padding-top:90px;display:flex;justify-content:center;align-items:center}.hero .hero-container .hero-text{font-family:"Merriweather",serif}.hero .hero-container .hero-text h3{font-weight:400;letter-spacing:.7px}.hero.page{height:385px}.hero.page .hero-container .hero-inner{text-align:center}.hero.page .hero-container .hero-inner .hero-text h3{font-size:45px;color:#f2f2f2}@media screen and (max-width: 991px){.block-5,.block-4,.block-3{flex:1 0 50%;max-width:50%}.title-section{font-size:28px}.banner{background-size:auto}.banner .hero-container{padding-top:80px}}@media screen and (max-width: 740px){.block-3{flex:1 0 70%;max-width:70%}}@media screen and (max-width: 520px){.block-wrp{padding:80px 15px 60px}.block-cnt{padding-top:60px;padding-bottom:0}.block-5,.block-4,.block-3,.block-2{flex:1 0 100%;max-width:100%}.title-section{font-size:26px}.banner.page{height:265px}.banner .hero-container{padding-top:70px}.banner .hero-container .hero-text h3{font-size:40px}}.select{position:relative;background-color:transparent;max-width:180px;margin:0 auto;font-size:18px}.select .selected{width:100%;position:relative;padding-top:10px;padding-bottom:10px;padding-right:8px;color:#f2f2f2;font-size:18px;cursor:pointer}.select .selected:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='white' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'%3E%3C/path%3E%3C/svg%3E");position:absolute;top:40%;right:0;-webkit-transform:translateY(-30%);transform:translateY(-30%);width:14px;line-height:0;-webkit-transition:transform .3s ease-out;transition:transform .3s ease-out}.select.show .selected::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.select.show .select-body{display:block}.select .select-body{display:none;width:100%;position:absolute;background-color:#eaeffa;padding:10px 0;color:#101c42;box-shadow:0 0 4px rgba(0,0,0,.6)}.select .select-body li{padding:10px 8px;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.select .select-body li:hover{color:#d9a407}.nav-player{background-color:#0a1429;position:fixed;top:0;right:0;z-index:99;width:100%;text-align:center}.player{position:relative;width:100%;height:100vh;padding-top:80px;background-color:#112347}.player .title-station{margin-top:15px;color:#ccc;font-size:18px;text-align:center;font-weight:400;letter-spacing:.7px}.player .player-container{max-width:260px;margin:0 auto;padding:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center}.player .player-container .player-body{position:relative;z-index:5;width:230px;height:230px;margin-bottom:15px;background:#eaeffa;border-radius:50%;box-shadow:0px 3px 8px rgba(77,77,77,.16)}.player .player-container .player-body .player-timer{position:absolute;top:14%;left:50%;font-size:15px;letter-spacing:.7px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.player .player-container .player-body .play-control{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100px;height:100px;background-color:#dee6f7;border:1px solid #cedaf3;border-radius:50%;cursor:pointer}.player .player-container .player-body .play-control i{color:#101c42;font-size:40px;-webkit-transition:font-size .3s ease;transition:font-size .3s ease}.player .player-container .player-body .play-control:hover i,.player .player-container .player-body .play-control:active i{font-size:45px}.player .player-container .volume-controls{width:100%;display:flex;justify-content:space-between;background-color:#eaeffa;border-radius:30px}.player .player-container .volume-controls .volume-icon{padding:6px 8px 6px 10px;color:#101c42;font-size:26px;cursor:pointer}.player .player-container .volume-controls .volume-icon i{-webkit-transition:transform .3s ease;transition:transform .3s ease}.player .player-container .volume-controls .volume-icon:hover i,.player .player-container .volume-controls .volume-icon:active i{-webkit-transform:scale(1.12);transform:scale(1.12)}.player .player-container .volume-controls .volume-level{padding:12px 6px;font-size:15px}input[type=range]{-webkit-appearance:none;background-color:transparent;width:100%}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-runnable-track{background:#ccc}input[type=range]::-webkit-slider-runnable-track{width:100%;height:1px;background:#cedaf3;border:none;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:24px;width:24px;border-radius:50%;background:#d9a407;margin-top:-12px;cursor:pointer}input[type=range]{background-color:transparent;width:100%}input[type=range]::-moz-range-track{width:100%;height:1px;background:#cedaf3;border:none;border-radius:3px}input[type=range]::-moz-range-thumb{border:none;width:24px;height:24px;border-radius:50%;background:#d9a407;cursor:pointer}input[type=range]::-moz-range-progress{height:3px;color:#101c42}input[type=range]::-moz-focusring{outline:1px solid #fff;outline-offset:-1px}input[type=range]:focus::-moz-range-track{background:#ccc}input[type=range]::-ms-track{width:100%;height:1px;background:#cedaf3;color:transparent;border:none;border-radius:3px}input[type=range]::-ms-thumb{border:none;width:24px;height:24px;border-radius:50%;background:#d9a407;cursor:pointer}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#cedaf3;border:none;border-radius:3px}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#cedaf3}