html,body,div,span,object,iframe,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
*,:before,:after{-webkit-box-sizing:inherit;box-sizing:inherit;outline:0}

* {margin:0; padding:0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

:root{
--orange:#8badf9;
--darkblue:#000632;
--scrollerTime:60s;
}


html{scroll-behavior: smooth;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:10px;font-display:swap;font-family:'Arial', serif;outline:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:kern 1;font-feature-settings:kern 1;-webkit-font-kerning:normal;font-kerning:normal;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

img {max-width: 100%;line-height: 1;margin: 0;border: none}

@font-face{font-family:'Gotham Rounded GR';
  src:url(../font/GothamRoundedGR-Bold.woff2) format("woff2"),
      url(../font/GothamRoundedGR-Bold.woff) format("woff");
  font-weight:700;font-style:normal;font-display:swap
}
@font-face{
  font-family:'Gotham Rounded GR Book';
  src:url(../font/GothamRoundedGR-Book.woff2) format("woff2"),
      url(../font/GothamRoundedGR-Book.woff) format("woff");
  font-weight:400;font-style:normal;font-display:swap
}

.gotham{font-family:'Gotham Rounded GR Book';}

.z-index-1{z-index:1}

.normal-font{font-weight:normal}
.bold-font{font-weight:bold}
.is-size-normal{font-size:18px}

.line-height,
.line-height-1{line-height: 1}

.pure-white{color:#FFFFFF}
.dark-blue{color:var(--darkblue)}
.orange-color{color:var(--orange)}

.left-header-fixed{padding:3rem 3rem 2rem;width:275px;border-right:3px solid var(--orange);background: transparent linear-gradient(360deg, #00215B 0%, #26459F 100%) 0% 0% no-repeat padding-box;position:fixed;top:0;bottom:0;left:0;z-index:2}

.menu-flex {height: 100%;display: flex;flex-direction: column;justify-content: space-between}
.myradio {overflow-x: clip;min-height:680px;font-family: 'Play', sans-serif;background: radial-gradient(#26459F 0%,#00215B 100%)}

.wrap-header{text-align:center}
.wrap-header .main-logo{width:100%;height:70px;}
.wrap-header .main-logo svg{width:100%;height:100%}
/* .wrap-header svg {margin: 10px auto} */

.page-template-cms,
.single.myradio,
.error404.myradio,
.tag.myradio,
.category.myradio{background:#F3F3F3 !important}

#radiolive{left:275px;position:fixed;bottom:0;right:0;height:110px;background: #26459F 0% 0% no-repeat padding-box;box-shadow: 0px -3px 6px #00000029;opacity: 1;z-index:99}
  
.main-site{position:relative;margin-left:275px;margin-bottom: 110px;padding:0 2.5%}



.wrap-marquee {
    position: fixed;
    bottom: 110px;
    left: 275px;
    right: 0;
    background-color: var(--orange);
    font-size: 3rem;
    font-weight: bold;
    color: #FFF;
    z-index: 1;
} 
.marquee-container {
    height: 50px;
    overflow: hidden;
    line-height: 50px;
}
 .marquee-container .marquee {
	 top: 0;
	 left: 100%;
	 width: auto;
	 overflow: hidden;
	 position: absolute;
	 white-space: nowrap;
	 animation: marquee 30s linear infinite;
}
 .marquee-container .marquee2 {
	 animation-delay: 10s;
}

 .marquee-container .marquee3 {
	 animation-delay: 20s;
}


@media screen and (max-width:1023px) {
  .marquee-container .marquee{animation: marquee 20s linear infinite;}
  .marquee-container .marquee2,
  .marquee-container .marquee3 {display:none!important}
}

 @keyframes marquee {
	 0% {
		 left: 100%;
	}
	 100% {
		 left: -100%;
	}
}

.wrap-ticker {
    position: fixed;
    bottom: 110px;
    left: 275px;
    background-color: var(--orange);
    height: 30px;
    z-index: 1;
    width: 100%;
}


.rectangle{
  right:80px;
  position:fixed;
  top:0;
  padding-top:7rem;
  bottom:0;
  width:40%;
  opacity:0.3
}

.home .rectangle{opacity:1}

.error404  .rectangle,
.page-template-cms .rectangle,
.single.myradio .rectangle,
.category.myradio .rectangle,
.tag.myradio .rectangle{display:none}

.menu-wrap {width: 80%;margin: 0 auto}

.menu-wrap .menu-item {display: inline-block;margin:0 0 1.8rem;position:relative;margin-left:10px}
.menu-wrap .menu-item:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: -5px;
    height: 2px;
    background: var(--orange);
    transition: all 0.3s ease;
}
.menu-wrap .menu-item.active-menu:after,
.menu-wrap .menu-item:hover:after {width:100%}
.menu-wrap .menu-item a {color: #FFF;text-decoration: none}

.text-decoration-none{text-decoration:none}
.uppercase{text-transform:uppercase}
.animate-element{transition:all 0.3s ease}


.thumb-holder {overflow:hidden;line-height: 0;padding-bottom: 56.25%;height: 0;position: relative}
.thumb-holder .imagefit {position: absolute;left: 0;top: 0}


.imagefit{
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center 5%;
    object-position: center 5%;
    width: 100%;
    max-width: none;
    height: 100%;
}


.social-footer {
    margin: 15px auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}.social-footer .slink {
    margin: 0 8px;
}
.social-footer .slink img {
    height: 20px;
    width: auto;
}
.social-footer .slink:hover {transform: scale(1.2)}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap:12px;
    align-items: center;
    font-size: 14px;
    white-space: nowrap;
    justify-content: center;
    margin-top: 3rem;
}
.footer-links a {color: #FFF;text-decoration: none;font-size:11px}
.footer-links a:hover {color: var(--orange);text-decoration:underline}


@media screen and (min-width:1499px) {
  #radiolive{left:305px}
  .menu-wrap .menu-item{margin-bottom:2.5rem}
  .left-header-fixed{width:305px}
  .main-site{margin-left:305px}
  .wrap-ticker{left:305px}
  .wrap-marquee{left:305px}
}

.stars-wall {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
}


     


/* C0NTACT*/
#contact-form {
    max-width: 625px;
    width: 100%;
    margin: 0 auto;
    color: #FFF;
    font-size: 14px;
}#contact-form a {
    color: #FFF;
    font-size: 14px;
}
#contact-form .contact-form__field label {display: none}
#contact-form .contact-form__field select, #contact-form .contact-form__field input, #contact-form .contact-form__field textarea {
    border: 1px solid #FFF;
    background-color: transparent;
    width: 100%;
    border-radius: 5px;
    margin-bottom:5px;
    padding: 10px;
    line-height: 1;
    color: #FFF;
    font-size: 18px;
    font-family: 'Play';
    text-transform:uppercase;
}
.contact-form__field {
    margin-bottom: 20px;
}
#contact-form .contact-form__field *::placeholder {color:#FFF;opacity: 1}
#contact-form .contact-form__field *:-ms-input-placeholder {color:#FFF}
#contact-form .contact-form__field *::-ms-input-placeholder {color:#FFF}
#contact-form .contact-form__field textarea {max-height: 160px}
#contact-form button {
    background-color: var(--orange);
    border: none;
    width: 100%;
    max-width: 140px;
    float: right;
    color: #FFF;
    font-family: 'Play';
    text-transform: uppercase;
    line-height: 1;
    height: 45px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}
#contact-form button:disabled {
    opacity: 0.8;
    cursor: inherit;
}

@media screen and (max-width:1023px) {
.myradio {padding-bottom: 130px;padding-top:140px}
#radiolive {left:0}
.main-logo {max-width:180px;margin: 0 auto}
.mobile-sticky {position: fixed;left:0;right:0;top: 0;padding:14px 20px 7.5px;z-index:9}
.page-template-cms .mobile-sticky,
.single.myradio .mobile-sticky,
.error404.myradio .mobile-sticky,
.category.myradio  .mobile-sticky{background:radial-gradient(#26459F 0%,#00215B 100%)}
  
.mobile-sticky.wrapper-sticky {background: radial-gradient(#26459F 0%,#00215B 100%)!important;box-shadow: 0px 3px 6px #00000029;}
.mobile-sticky.wrapper-sticky .main-logo {max-width: 80px}
.mobile-sticky.wrapper-sticky .radio-label {opacity: 0;height: 0;overflow: hidden}
  
.mobile-sticky svg {max-width: 100%;margin-top: 10px}
.radiolive {left: 0}
.left-header-fixed {display: none}
.main-site {margin:20px 0 0;padding: 0}
.rectangle {width:90%;right: 0}
.home .rectangle{opacity:0.3}
#burger-mennu {
    position: absolute;
    width: 28px;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 20px;
}
#burger-mennu span {
    height: 4px;
    background-color: #FFF;
    display: block;
    border-radius: 10px;
} 
#burger-mennu span:nth-child(2) {
    margin: 4px 0;
}
  
.open-burger {
    overflow: hidden;
}

#BurgerMenu {
    height: 0;
    overflow: hidden;
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    z-index: 9;
    opacity: 0;
    display: none;
    background-color: #26459F;
    z-index: 999;
    padding:20px 0 20px;
}
.open-burger #BurgerMenu {
    height: auto;
    min-height:100vh;
    opacity: 1;
    display: block;
    overflow-y: auto;
}
#BurgerMenu .menu-flex .menu-item {
    margin-left:0;
    margin-bottom:1.5rem;
    /* font-size:2.8rem!important; */
    text-align: center;
    display: block;
}#BurgerMenu .menu-footer {
    padding-top:2rem;
    margin-left:40px;
    margin-right:40px;
    margin-top: 0rem;
    border-top: 1px solid var(--orange);
}
#close-button {
    position: absolute;
    top: 7%;
    width:28px;
    left: 20px;
}
#close-button svg{width:100%;height:auto}  
#BurgerMenu .wrap-header {
    text-align: center;
    margin-bottom: 3rem;
}
#BurgerMenu .wrap-header .main-logo{
    width:160px;
}
#BurgerMenu .menu-flex{
    min-height: 90vh;
}
  
  
.menu-wrap .menu-item.active-menu:after,  
.menu-wrap .menu-item:after{display:none}
.menu-wrap .menu-item.active-menu a{color:var(--orange)}
  
.social-footer{margin-top:10px;margin-bottom:0}
.footer-links{margin-top:2rem}  
}


@media screen and (min-width:1100px) {
.show-desk {max-height: 250px;overflow-y: auto}
.scroll-s::-webkit-scrollbar{width:3px}
.scroll-s::-webkit-scrollbar-track{-webkit-box-shadow:none;box-shadow:none;border-radius:0}
.scroll-s::-webkit-scrollbar-thumb{border-radius:15px;background-color:#FFFFFF;-webkit-box-shadow:none;box-shadow:none}
.scroll-s{scrollbar-color:#fff;scrollbar-width:thin}
}




body.myradio {
    background: #0F2799;
    background: radial-gradient(circle, #2242D6 0%, #0F2799 50%);
    background-attachment: fixed;
    background-size: cover;
    line-height: 1.5;
    -webkit-font-smoothing: subpixel-antialiased;
  }
  .audiowrapper{
    background: linear-gradient(42deg, #ededed26, #ededed1a 143%), #0F2799;
  }
  .left-header-fixed{
    border-right-color: #8badf9;
    background: linear-gradient(42deg, #ededed26, #ededed1a 143%), #0F2799;
  }
  .page-template-cms, .single.myradio, .error404.myradio, .tag.myradio, .category.myradio{
    background: #000632;
  }

  .volume-bar button{z-index:2;position:relative}
  div#volumerange{z-index:1}
  div#volumerange.visible:after{background:linear-gradient(42deg, #ededed26, #ededed1a 143%), #000632;}
  input[type=range].styled-slider::-webkit-slider-thumb {
    background: #8badf9;
  }
  input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
    background: linear-gradient(#8badf9,#8badf9) 0/var(--sx) 100% no-repeat, #00215b;
  }
  .menu-wrap .menu-item:after{
    background:#8badf9;
  }

  .show-placeholder{
    line-height: 0;
    padding-bottom: 56.25%;
    height: 0;
    position: relative;
  }
  .show-placeholder img{
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }