@font-face{font-family:Lobster;font-weight:900;}body{background-color:#FFFFFF;color:#333;font-family:'Sofia',sans-serif;font-size:13px;margin:0px;padding:0px;max-height:100%}

a:link,a:visited{color:#337AB7;text-decoration:none}
a:hover,a:focus{font-weight:bold;}
input[type=text]{background-color:#ffffff;
color:#3B5998;
font-weight:bold;
font-family:'Courier New';
font-size:5;
padding:5px;
border:1px solid ;
border-radius:4px;
margin:0 auto;
z-index:1;}
input[type=submit]{background-color:#FFFFFF;color:#3B5998;font-family:'Sofia',sans-serif;font-size:13px;padding:5px;border:1px solid #337AB7;border-radius:3px;cursor:pointer;transition:background-color .5s;}
input[type=submit]:hover{background-color:#337AB7;color:#FFF;transition:background-color .5s;
}
you {
  width: 20px;
  height: 6px;
  padding: 10px 10px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-family:'Courier New',sans-sarif;
font-weight:bold;
  font-size: 13px;
  resize: none;
}
textarea {
  width: 23px;
  height: 8px;
  padding: 10px 10px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-family:'Courier New',sans-sarif;
font-weight:bold;
  font-size: 13px;
  resize: none;
}
.tabs{background-color:#FFFFFF;margin:2px;padding-right:6px;padding-left:6px;padding-top:8px;padding-bottom:8px;border:1px solid #D5D5D5;border-radius:3px;}
.tabs a:hover{text-decoration:underline!important;}
.content{background-color:#FFFFFF;margin:2px;padding-right:6px;padding-left:6px;padding-top:10px;padding-bottom:10px;border:1px solid #D5D5D5;border-radius:3px;}
.artwork-img{background-color:#FFFFFF;padding:5px;margin:2px;margin-bottom:12px;border-width:1px;border-style:solid;border-color:#D5D5D5;}
.img{width:90px;height:60px;}
.search{background-color:#FFFFFF;margin-top:40px;margin:2px;padding-right:6px;padding-left:6px;padding-top:10px;padding-bottom:10px;border-radius:3px;border:1px solid #D5D5D5;}
.ads_banners{background-color:#FFFFFF;border:1px solid #D5D5D5;margin:2px;padding:5px 1px 5px 1px;text-decoration:none;border-radius:3px;}
.ads_banners img{vertical-align:middle;}
.ads_texts{margin:3px;text-align:center;}

.iconite {
  width: 12px;
  height: 12px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  border: 2px solid #eee;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);  
}
.avat {
  width: 18px;
  height: 18px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);  
}



.hyper{text-transform:uppercase;
}
.head{
background-color:#663399;color:#FFF;
font-family:'Courier New',sans-sarif;
font-weight:bold;
font-size:13px;
padding-right:6px;padding-left:10px;
padding-top:8px;
padding-bottom:8px;
}
.live{
font-family:'Courier New',sans-sarif;
font-weight:bold;
font-size:13px;
padding-right:6px;padding-left:10px;
padding-top:8px;
padding-bottom:8px;

}

.warn_aspect {
text-align: center;
color: #000000;
text-shadow: 0 1px 0 rgba(0,0,0,0.1); 
}
.triangle-right.left{
margin-left:40px;
background:white;
border: 1px solid #FF8C00;
}
.triangle-right:after{
content:"";
position:absolute;
bottom:-20px; 
left:50px; 
border-width:20px 0 0 20px; 
border-style:solid;
border-color:#F2F2F2 transparent; 

display:block; 
width:0;
}
.triangle-right.left:after{
top:16px; 
left:-40px; 
bottom:auto;
border-width:25px 40px 0 0; 
border-color:transparent white; 
}
.xblinkx{
color:#EEEEEE;
font-size:12px;
font-weight:bold;
background-color:green;
border-radius:5px;
padding:1px 3px;
animation:xb 1s linear infinite;
}
@keyframes xb{50%{opacity:0.3;}}
.xblinkx2{
animation:xbx 1s linear infinite;
}
@keyframes xbx{20%{opacity:0.6;}}
.element { animation: pulse 5s infinite; } @keyframes pulse { 0% { background-color: #001F3F; } 100% { background-color: #FF4136; } }
.line111_sub {
border-top: 1px dotted #CCCCCC;
font-size: 12px;
margin-top: 3px;
padding-top: 2px; }
.title{background-color:#00ff66;padding-right:6px;padding-left:10px;padding-top:8px;padding-bottom:8px;}
.line{background-color:#FFFFFF;color:#003366;display:block;padding-right:5px;padding-left:5px;padding-top:7px;padding-bottom:5px;margin:2px;border-radius:3px;border:1px solid #ff0066}
.banner{background-color:#99ccff;color:#0066ff;display:block;padding-right:5px;padding-left:5px;padding-top:7px;padding-bottom:5px;margin:2px;border-radius:3px;border:1px solid #6699ff}
.videos_list:hover{background:url(/images/download.png) no-repeat right center;background-color:#F5F5F5;margin:2px;border-radius:3px;}
.musics_list{background:url(/images/li_arrow.png) no-repeat right center;background-color:#FFFFFF;display:block;padding-right:5px;padding-left:5px;padding-top:7px;padding-bottom:5px;margin:2px;border-radius:3px;border:1px solid #D5D5D5}.musics_list:hover{background:url(/images/download.png) no-repeat right center;background-color:#F5F5F5;margin:2px;border-radius:3px;}.pagenavi{background-color:#FFFFFF;margin:2px;padding-right:6px;padding-left:6px;padding-top:10px;padding-bottom:10px;border-radius:3px;border:1px solid #D5D5D5;}.page_item{display:inline-block;background-color:#9E9E9E;color:#FFF!important;padding:4px 8px;margin:2px;text-decoration:none!important;cursor:pointer;border-radius:2px;}.page_item:hover{background-color:#818181;font-weight:bold;}.footer{background-color:#222222;color:#FFF;font-family:'Caviar Dreams Bold',sans-serif;font-size:13px;font-weight:bold;padding-left:5px;padding-top:7px;padding-bottom:5px;}.fa-youtube-fixed{width:25px;background-color:#DD4B39;float:left;font-size:20px;padding-top:5px;}
.fa-soundcloud-fixed{width:25px;float:right;font-size:20px;background:#FF3A00; padding-top:5px;}.nav-bar{background-color:#222222;color:#FFF;font-size:18px;font-family:'Lobster',sans-serif;height:40px;}.headline{color:#FFF;max-width:100%;position:fixed;top:0;z-index:999;width:100%;height:40px;opacity:0.9}.headline a{color:#FFF;}.nav-bar a{display:inline-block;padding:10px;}.nav-bar a img{height:20px;}.nav-bar a.fr:hover{background-color:#f6f6f6;}.nav-bar a.back{padding:10px 5px;}.nav-bar  a.fr{border-left:1px solid #FFFFFF;}.nav-bar  img{vertical-align:middle;}.nav-bar  a.fl{border-right:1px solid #FFFFFF;}.menu{background-color:#FFFFFF;margin:2px;padding:6px;border:1px solid #D5D5D5;border-radius:3px;}.new-button-fixed{margin-left:2px;margin-right:2px;margin-top:2px;}.new-button,.span{background-color:#FFFFFF;color:#000;margin-right:2px;border:1px solid #DF9226;border-radius:2px;font-family:'Arial',sans-serif;font-size:11px;display:inline-block;font-weight:bold;padding:2px 3px;text-align:center;}.label{color:#FFF;font-size:85%;border-radius:.25em;padding:3px;}a.label:focus,a.label:hover{color:#FFF;text-decoration:none;cursor:pointer}.label:empty{display:none}.label-primary{background-color:#337ab7}.label-primary:focus,.label-primary:hover{background-color:#286090}.otable {background-color:#FFFFFF;margin:2px;padding-right:3px;padding-left:3px;padding-top:6px;padding-bottom:6px;border:1px solid #D5D5D5;border-radius:3px;}.otable td:link{color:#FFF;}

@media (hover: hover) {
  .widget-live--mini:hover .widget-live__indicator {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    -webkit-box-shadow: inset 0 0 0 0.8px rgba(255, 255, 255, 0.8);
            box-shadow: inset 0 0 0 0.8px rgba(255, 255, 255, 0.8);
  }


.widget-live__indicator {
  width: 16px;
  height: 16px;
  background-color: transparent;
  border-radius: 50%;
  position: relative;
  margin: 0 12px 0 2px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8);
}

.widget-live__indicator::before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  background-color: #FFF;
  border-radius: 50%;
  -webkit-animation-name: marcaj--live__dot__1;
          animation-name: marcaj--live__dot__1;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.widget-live__indicator::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  border-radius: 50%;
  -webkit-animation-name: marcaj--live__dot__2;
          animation-name: marcaj--live__dot__2;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.player__indicator-live .widget-live__indicator {
  -webkit-box-shadow: inset 0 0 0 1px rgba(108, 182, 68, 0.8);
          box-shadow: inset 0 0 0 1px rgba(108, 182, 68, 0.8);
}
.player__indicator-live .widget-live__indicator::before {
  background-color: #6CB644;
}
.player__indicator-live .widget-live__indicator::after {
  background-color: #6CB644;
}