@import url("https://fonts.googleapis.com/css?family=Changa:400,700&display=swap");*,*::after,*::before{margin:0;padding:0;box-sizing:border-box}body{font-family:"Changa", sans-serif;background-color:#000;background-image:url(./assets/stars.png);background-position:center;background-attachment:fixed;background-size:cover}::-moz-selection{background-color:#fff;color:#000;text-shadow:none}::selection{background-color:#fff;color:#000;text-shadow:none}.player-holder{width:100%;height:100vh;position:relative;transition:all 0.3s}.player-holder::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:240px;height:70px;transition:all 0.3s;background-image:url(./assets/menu-shadow.png);background-position:top center;background-size:contain;background-repeat:no-repeat;opacity:0.5}@media only screen and (max-height: 700px){.players-holder::after{background-image:url(./assets/pin.png);background-size:70%}}.play-holder{position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);z-index:500}.play-holder::before{content:"";position:absolute;top:29%;left:50%;transform:translate(-50%);width:300px;height:440px;border-radius:50%;transform:translate(-50%, -50%);background-image:url(./assets/speakers-back.png);background-position:center;background-size:contain;background-repeat:no-repeat}.play-holder::after{content:"";position:absolute;top:-27%;left:50%;transform:translate(-50%);width:200px;height:200px;border-radius:50%;transform:translate(-50%, -50%);background-image:url(./assets/logo-back.png);background-position:center;background-size:contain;background-repeat:no-repeat;z-index:-1}.sun__logo{position:relative;width:220px;height:220px;background-image:url(./assets/sun.png);background-position:center;background-repeat:no-repeat;background-size:cover;filter:drop-shadow(0 0 2px #000);-webkit-animation:spin 60s infinite;animation:spin 60s infinite}@supports (-ms-ime-align: auto){.sun__logo{-webkit-animation:none;animation:none}}.navigation__checkbox{display:none}.navigation__button{height:40px;width:40px;position:fixed;top:15px;right:50%;transform:translateX(50%);border-radius:50%;border:1px solid rgba(192,192,192,0.65);background-color:rgba(0,0,0,0.7);z-index:2000;text-align:center;cursor:pointer;display:flex;justify-content:center;align-items:center}.navigation__nav{position:fixed;top:0;left:0;z-index:1500;opacity:0;width:100%;height:0;transition:all 0.8s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(-100vh);background-position:center;background-attachment:fixed;background-size:cover}.navigation__list{margin-top:13vh;list-style:none;text-align:center;width:295px;height:295px;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;background-color:#000;border-radius:50%;padding:60px;background-image:url(./assets/menu-back.png);border:1px solid silver;background-position:center;background-size:cover;background-repeat:no-repeat}.navigation__list--item{width:55px;display:flex;align-items:center;justify-content:center}.navigation__list--item-strech{width:100%}.navigation__link:link,.navigation__link:visited{display:inline-block;transition:all 0.3s}.navigation__checkbox:checked ~ .navigation__checkbox::before{opacity:1}.navigation__checkbox:checked ~ .navigation__nav{opacity:1;height:100%;transform:translateY(0vh)}.navigation__checkbox:checked ~ .navigation__button{border:1px solid white}.navigation__icon{position:absolute}.navigation__icon,.navigation__icon::before,.navigation__icon::after{width:20px;height:1px;background-color:rgba(192,192,192,0.65);display:inline-block}.navigation__icon::before,.navigation__icon::after{content:"";position:absolute;left:0;transition:all 0.3s}.navigation__icon::before{top:-6px}.navigation__icon::after{top:6px}.navigation__button:hover .navigation__icon::before{top:-7px}.navigation__button:hover .navigation__icon::after{top:8px}.navigation__checkbox:checked+.navigation__button .navigation__icon{background-color:transparent}.navigation__checkbox:checked+.navigation__button .navigation__icon::before{top:0;transform:rotate(135deg)}.navigation__checkbox:checked+.navigation__button .navigation__icon::after{top:0;transform:rotate(-135deg)}.icon{width:28px;height:28px;text-decoration:none;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 0 5px #000);position:relative}.icon:hover{filter:drop-shadow(0)}.icon-fb{background-image:url(./assets/SVG/facebook2.svg)}.icon-inst{background-image:url(./assets/SVG/instagram.svg);transform:translateY(-15px)}.icon-twiiter{background-image:url(./assets/SVG/twitter.svg)}.icon-yt{background-image:url(./assets/SVG/youtube.svg)}.icon-mix{background-image:url(./assets/SVG/mixcloud.svg);height:34px;width:34px}.icon-sound{background-image:url(./assets/SVG/soundcloud2.svg);transform:translateY(15px)}@media only screen and (max-height: 670px){.icon{width:35px;height:35px}.icon-mix{height:40px}}.portal-link{font-size:120%;display:block;width:100%;font-family:"Changa", sans-serif;letter-spacing:2px;color:white;text-decoration:none;filter:drop-shadow(1px 2px 4px black)}#rj-player{position:absolute;top:calc(50% + 80px);left:50%;transform:translate(-50%, -50%);margin-top:145px;width:100%}.rj-info{text-decoration:none;font-family:"Changa", sans-serif;width:100%;position:relative;display:flex;flex-direction:column}.rjp-trackinfo-container{display:block;width:100%;text-align:center}.rjp-label{color:#fff;display:inline-block;font-size:100%;text-align:center;font-weight:400;position:relative;z-index:1500;background-color:rgba(0,0,0,0.7)}.rjp-info{color:orange;display:block;font-family:"Changa", sans-serif;font-size:110%;text-align:center;padding:0 10px}.rjp-player-container{display:flex;width:100%;align-items:center;position:relative}.jp-no-solution{color:#fff;font-size:80%}.jp-buttons-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:900;display:flex;align-items:center;justify-content:center}.jp-play{width:70px;height:70px;border-radius:50%;display:inline-block;position:relative}.jp-pause{width:70px;height:70px;border-radius:50%;display:inline-block;position:relative}.jp-play::before,.jp-pause::before,.jp-play::after,.jp-pause::after{content:"";position:absolute;top:0;left:0;width:70px;height:70px;border-radius:50%;border:5px solid rgba(255,213,0,0.7);filter:blur(0);transform-origin:50%;z-index:-1}.jp-play:hover::before,.jp-pause:hover::before,.jp-play:hover::after,.jp-pause:hover::after{border-color:transparent;filter:blur(2px);transform:scale(5);transition:1000ms transform ease, 2100ms blur ease, 900ms border-color ease}.jp-play:hover::after,.jp-pause:hover::after{transition-delay:100ms}.icon-play{background-image:url("https://sunradio.rs/assets/SVG/play2.svg");background-size:cover;background-repeat:no-repeat;width:100%;height:100%;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5));display:block}.icon-pause{background-image:url("https://sunradio.rs/assets/SVG/pause.svg");background-size:cover;background-repeat:no-repeat;width:100%;height:100%;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5));display:block}.jp-controls{position:relative;display:flex;z-index:999}.jp-mute{background-image:url(./assets/SVG/volume-medium.svg);background-size:80%;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5))}.jp-unmute{background-image:url(./assets/SVG/volume-mute.svg);background-size:80%;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5))}#rj-player .rjp-player-container .jp-mute,#rj-player .rjp-player-container .jp-unmute{display:block;width:40px;height:40px;z-index:150;transition:0.2s}#rj-player .rjp-player-container .jp-mute:hover,#rj-player .rjp-player-container .jp-unmute:hover{background-color:rgba(0,0,0,0.3);border-top-left-radius:50%;border-bottom-left-radius:50%}#rj-player .rjp-player-container .jp-mute:active,#rj-player .rjp-player-container .jp-unmute:active,#rj-player .rjp-player-container .jp-mute:focus,#rj-player .rjp-player-container .jp-unmute:focus{text-decoration:none}#rj-player .rjp-player-container .jp-volume-bar-wrapper{display:none;background:rgba(0,0,0,0.2);padding:10px 20px 10px 20px;z-index:9}#rj-player .rjp-player-container .jp-mute:hover ~ .jp-volume-bar-wrapper,#rj-player .rjp-player-container .jp-unmute:hover ~ .jp-volume-bar-wrapper,#rj-player .rjp-player-container .jp-volume-bar-wrapper:hover{display:block}#rj-player .rjp-player-container .jp-volume-bar{background:#000;width:200px;height:10px}#rj-player .rjp-player-container .jp-volume-bar-value{background:#fff;height:10px}.jp-play.player-loading,.jp-pause.player-loading{background-image:url("https://sunradio.rs/assets/player-loading.gif");background-position:center;background-repeat:no-repeat;background-size:cover}@media only screen and (max-width: 979px){.jp-play,.jp-pause{width:60px;height:60px}.jp-play::before,.jp-pause::before,.jp-play::after,.jp-pause::after{width:60px;height:60px}}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}@keyframes spin{100%{transform:rotate(360deg)}}.pulse{border:1px solid #ffe668;background:transparent;border-radius:60px;height:60px;width:60px;-webkit-animation:pulse 8s cubic-bezier(0.51, 0.35, 0.82, 0.44);animation:pulse 8s cubic-bezier(0.51, 0.35, 0.82, 0.44);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:0 0 15px 10px rgba(251,237,189,0.342);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;opacity:0}@-webkit-keyframes pulse{0%{transform:translate(-50%, -50%) scale(0);opacity:0}10%{transform:translate(-50%, -50%) scale(0.5);opacity:0.1}15%{transform:translate(-50%, -50%) scale(1.2);opacity:0.5}25%{transform:translate(-50%, -50%) scale(2.6);opacity:0.3}45%{transform:translate(-50%, -50%) scale(4.7);opacity:0}100%{transform:translate(-50%, -50%) scale(5.7);opacity:0}}@keyframes pulse{0%{transform:translate(-50%, -50%) scale(0);opacity:0}10%{transform:translate(-50%, -50%) scale(0.5);opacity:0.1}15%{transform:translate(-50%, -50%) scale(1.2);opacity:0.5}25%{transform:translate(-50%, -50%) scale(2.6);opacity:0.3}45%{transform:translate(-50%, -50%) scale(4.7);opacity:0}100%{transform:translate(-50%, -50%) scale(5.7);opacity:0}}