/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 02/11/2019, 18:20:28
    Author     : lu-ca
*/
/*    font-family: 'Bowlby One SC', cursive;

    font-family: 'Sedgwick Ave Display', cursive;*/
.alpha-logo-menu {
    padding: 10px;
}
.alpha-logo-menu img {
 border-radius: 10px;
     margin: 15px 30px; 
   
}
.tab-pane{
    display: none;
}
.tab-pane.active{
    display: block !important;
}

.backInit{
    position: fixed;
    top:0;
    bottom: 0;
    width:100%;
    background-image:linear-gradient(to left,rgba(39,46,113,0.65),rgba(43,4,75,0.35),rgba(73,8,100,0.68)), url(https://s3.pixers.pics/pixers/700/FO/67/45/02/75/700_FO67450275_92e1c985df8ab393a78d0b9bb4d3019f.jpg);
    background-repeat: no-repeat;background-size: cover; background-position: center; 
    z-index: 999;
    text-align: center;
}
.backInit img{
    height: 120px;
    padding: 10px;
}
.applogo{
    width: 200px;
    margin: 20px auto;
}
.radio-background3{
    position: fixed;
    top:0;
    bottom: 0;
    width:100%;
    z-index: 0;
}
.radio-fade{
    display: block;
    position: fixed;
    top:0;
    bottom: 0;
    width:100%;
    z-index: 0;
    background-image:linear-gradient(to left,rgba(43,49,107,0.65),rgba(43,4,75,0.35),rgba(73,8,100,0.68));
   
}
.alpha-logo-menu { 
    padding: 10px 0;
    background:#222;
}
.alpha-logo-menu img{
    width: 150px; 
    /*margin: auto;*/
}

.alpha-nav{
    background:#35353a;
    border-right:4px solid #789;
    position: fixed;
    left:-250px;
    z-index: 99;
    top:0;
    bottom: 0; 
    height: 100%;
    width:250px;
}
.alpha-nav .nav-link{ 
    color:#FFF;
    border-radius: 0;
}
.alpha-nav .nav-link:hover{
    background:#16182b;
    color:#FFF;
}
.alpha-nav .nav-link.active{
    background:#16182b;
    color:#FFF;
}
.alpha-nav span{
     
}
.alpha-nav .copy{
    position: absolute;
    bottom: 10px; left:10px;
}
.alpha-nav .menu-title {
    padding: 10px; border-bottom: 1px solid #181a39;
    display: flex; 
    justify-content:space-between ;
}
.alpha-nav-menu {
    position: absolute;
    top:8px; left:10px;
    cursor: pointer;
}
.alpha-content{
    background: transparent !important;;
    position: absolute; 
    top:0;
    bottom: 0;
    right:0;   left:0;  
    z-index: 1;
}
.player-alpha{
    background: transparent !important;
}
.alpha-content.left{
/*     left:250px; */
}
.alpha-content >.tab-pane{ 
    background: #272830;
    min-height: 100%;
}
.center-player{
    margin: 2% auto;
    text-align: center;
    height: 200px;max-width:400px;    
}
.center-player img{
    animation-iteration-count: infinite;
    animation-name: fadein; 
    animation-duration: 5s;
    margin: 5% auto;    
    height: 200px;width:200px;   
}
@media (max-width:768px){
    .center-player{
    margin: 2% auto;
    text-align: center;
    height: 150px;max-width:400px;    
}
    .center-player img{
    animation-iteration-count: infinite;
    animation-name: fadein; 
    animation-duration: 5s;
    margin: 5% auto;    
    height: 140px;width:140px;   
}
}
.radio_texto span{
    z-index: 2;
    position: relative; 
    display: block;
    text-align: center;
    color:#444;
}
.radio_texto .musica_atual{
    font-family: 'gothambb', cursive; 
    font-size: 1.5em; 
    color:#FFF;
}
.radio-controls{
    position: absolute;
    bottom: 0;
    height: 200px;
    right:0;
    left:0;
    width: 100%;
    display: block;
}
  
.controls .onplayer{
   padding: 10px;
    width:140px;
    height: 140px;
}

.controls {  
    background: rgba(32,2,32,0.61);
    width:180px;padding: 0px;
    height: 180px;
    border-radius: 100%;  
    overflow: hidden;
    margin: auto;
    position: relative;
} 
.controls .dial {      
    width:160px; 
    height: 160px;
    border-radius: 100%;  
    overflow: hidden;
    margin: auto;
    z-index: 0;
    position: absolute;
} 
.controls .btn-acao-radio{
    position: absolute;
    top:60px;
    left:67px;
}
.controls .btn-acao-radio:hover{
    filter:drop-shadow(0px 0px 10px #000);
}
#visualizer_wrapper{ 
    position: absolute;
    bottom:0;   
    height: 400px;
    width:100%;
    left:0;right:0; 
    overflow: hidden;
}
#visualizer_wrapper #mono-L{
    display: block !important;
    position: absolute;  
    /*filter:drop-shadow(4px 4px 4px #108aeb);*/
    transform: rotatey(180deg); 
     right:50%;
    bottom:80px;
}
#visualizer_wrapper #mono-R{
    /*filter:drop-shadow(3px 4px 3px #be13f3);*/
    display: block !important;
    position: absolute;  
    left:50%;
    bottom:80px;
}

.modalads{
    position: fixed;    
    top:0;left:0;right: 0; bottom: 0;    
    background-image: linear-gradient(to right,rgba(37,49,166,0.7),rgba(19,13,13,0.9));      
    z-index: 1000;    
    overflow: auto; 
    text-align: center;
}
.modalads img {
    max-height: 40%;
    max-width: 80%;
}
.modalads .closeads{
    background: #bf3e3e;
    color:#FFF;
    position: absolute;
    right:20px;
    padding: 13px;
    z-index: 1;  
    top:20px;
    display: none;
    width:50px; height: 50px;
    border-radius: 100%;
}
.modalads .adscount{
    background: #000;
    padding: 13px;
    z-index: 1;
    position: absolute;
    left:20px;
    top:20px;
    width:50px; height: 50px;
    border-radius: 100%;
}
.card-parceiro{
    overflow: hidden !important; 
    min-height: 250px !important; 
    position: relative !important;    ;    
}
.card-parceiro img{
    position: absolute; left:0; bottom: 0; right:0; top:0;  width:100%;
}
.card-parceiro:hover img{
    transition: 0.6s;
    transform: scale(1.1);   
}
.card-parceiro .title-parceiro{
    position: absolute;
    bottom: 0; left:0; right:0;
    background: linear-gradient(to top,rgb(0,0,0)20%,rgba(15,15,15,0.14)95%); 
    padding: 15px;    
}
.card-parceiro .title-parceiro a{
   color:#FFF;    
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadein {
  0%   {box-shadow:0px 0px 500px 100px #f12412;   }
  25%  {box-shadow:0px 0px 500px 100px #f112e2;  }
  50%  {box-shadow:0px 0px 500px 100px #43ce55; }
  75%  {box-shadow:0px 0px 500px 100px #12e5f1;  }
  100% {box-shadow:0px 0px 500px 100px #e7f112; }
}

/* Standard syntax */
@keyframes fadein {
  0%   {box-shadow:0px 0px 500px 100px #f12412;   }
  25%  {box-shadow:0px 0px 500px 100px #f112e2;  }
  50%  {box-shadow:0px 0px 500px 100px #43ce55; }
  75%  {box-shadow:0px 0px 500px 100px #12e5f1;  }
  100% {box-shadow:0px 0px 500px 100px #e7f112; }
}