html {
    text-shadow: 1px 1px 0px rgb(158, 158, 158);
}
body {
    margin: 0px;
    padding: 0px 10px 10px 10px;
    background-image: url("rback.jpg");
    background-size: 100% auto;
    background-attachment: fixed;
    background-position: top center;
    background-repeat-x: no-repeat;
    background-repeat-y: repeat;
    background-color: black;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-arrow-color: gold;
    scrollbar-highlight-color: gray;
    scrollbar-base-color: gold;
}
.login {
background-image: none;
text-align: center;
}

.noback {
    margin: 0px;
    padding: 0px;
    background-image: none;
}
.clear {
float:none;
width:100%;height:0;
}
.myheart {
width: 100%;
height: 1px;
/*position: relative;
bottom: -3.0%;
transition: 1s;
z-index: 999;*/
}
.stladr {
height: 100%;
width: 1px;
/*background-color: green;*/
box-shadow: 0px 0px 5px white;
left: 98%;
position: absolute;
top: 0px;
transition: 7s;
}
.subsol {
position: relative;
bottom: 0px;
z-index: 999;
background-image: url('glas1.png'),url('25.png');
text-shadow: 0px 0px 5px black;
color: gold;
}

.subsol a {color: white;}

form {
background-color: rgb(202, 202, 202);
padding: 1%;
overflow: hidden;
}

#invideo_tit {width:98%;}
#invideo_time, #new_or_not, #invideo_start {width: 50px;}
#gt_bt {width: 100px;float: right;} #ok_bt {width: 98%;margin-top:20px;}

h1 {
    margin-top: 0px;
    background-image: url('underline.png');
    background-position: bottom center;
    /*max-width: 50%;*/
    background-repeat: no-repeat;
    background-size: 200% 7px;
}

.table {
width: 320px;
height: 320px;
border: 1px solid black;
}
.ball {
float: left;
width: 10px;
height: 10px;
background: rgb(232, 232, 232);
border-radius: 25px;
}
.rgbnum {float: left;}
.rgbbut {float: left;}
#testcol {width: 63px; height: 63px;}
#backcol {width: 63px; height: 63px;}

.result {width: 32px; height: 32px; border: 1px solid black;float: left;}

.central {
width: 98%; margin:auto;text-align:center;
text-shadow: none;
}

.verificat {
width: 115px;
height: 115px;
margin: auto;
overflow: hidden;
position: fixed;
z-index: 99;
}
#mixupdate {zoom: 1.5;}
#t1 {
background-image: url('/25.png'), url('underline.png');
border-radius: 0 25px 0 0;
padding-left: 1%;
background-position: center center, bottom center;
background-repeat: repeat, no-repeat;
background-size: 10px 10px, 200% 7px;
font-size: 22px;
text-shadow: 1px 0 0 black,0 1px 0 black,-1px 0 0 black,0 -1px 0 black;
color: gold;
}
.t1 td {
    border: solid 1px black;
    max-width: 250px;
    min-width: 30px;
    overflow: hidden;
    word-wrap: break-word;
    padding-left: 7px;
    padding-right: 3px;
    box-shadow: 1px 2px 5px black;
    background-color: ghostwhite;
text-align: left;
}

.t1 {
    background-color: rgb(248, 248, 255);
    margin: 25px auto;
    border-radius: 0px 125px 0px 0px;
    box-shadow: 2px -7px 2px rgb(236, 2, 2);
    border-bottom: solid 1px rgb(202, 202, 206);
    padding-bottom: 25px;
    background-image: url('dnstool.png');
    background-repeat: no-repeat;
    background-position: bottom right;
}

.form_res {
    overflow: hidden;
    margin: 25px auto;
    text-align: center;
}

.breadcrumb {
    overflow: hidden;
    padding: 5px 270px 5px 0px;
    /*box-shadow: 0px 1px black;
    border-radius: 0px 0px 50px 0px;
    background-image: url('banner-menu-ziacum.png');
    background-repeat-y: no-repeat;
    background-repeat-x: repeat;
    background-position: top right;
background-size: 5px 100%;*/
}

.meniuri {
    color: white;
    background-color: #335F5F;
    border: 0px;
    box-shadow: 2px 2px 5px white;
    border-radius: 5px;
padding: 5px;
float: left;
margin-left: 0.4%;
margin-bottom: 0.4%;

}

.breadcrumb .meniuri a {
color: rgb(222, 222, 222);
text-decoration: none;
font-size: 0.7cm;
}

.breadcrumb .meniuri a:hover {
color: white;
text-shadow: 0px 0px 5px white;
}

.good {
background-color: rgb(161, 218, 165);
    border: solid rgb(244,244,244);
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 7px;
    border-right-width: 7px;
    margin: 0px 5px;
    box-shadow: 1px 1px 5px black;
    border-radius: 3px;
}

.notgood {
background-color: rgb(220, 171, 171);
    border: solid rgb(244,244,244);
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 7px;
    border-right-width: 7px;
    margin: 0px 5px;
    box-shadow: 1px 1px 5px black;
    border-radius: 3px;
}

.redline {
width: 100%;
height: 3px;
background-color:rgb(127,0,0);
}

.bottomtext1 {
margin: auto; 
overflow: hidden;
border: 1px solid black;
padding: 5px;
}

.lumia640 {
background-color: rgb(0,0,0);
    border: solid 1px black;
    width: 288.8px;
    height: 565.2px;
    zoom: 0.94;
    border-radius: 25px;
margin-left: 10%;
    box-shadow: 3px 3px 7px black;
}

.screen640 {
    width: 94%;
    height: 80%;
    background-color: black;
    overflow: hidden;
    margin: auto;
    margin-top: 22%;
}

.player1 {

}

.player2 {

}

#player1 {
width: 96%;
    border-left: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(0,0,0);
    border-right: 1px solid rgb(100,100,100);
    border-bottom: 1px solid rgb(100,100,100);
}

#player2 {
width: 100%;
    /*border-left: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(0,0,0);
    border-right: 1px solid rgb(100,100,100);
    border-bottom: 1px solid rgb(100,100,100);*/

}
.tvborder1 {
background-color: rgb(50, 50, 50);
    background-image: url('back1.png');
text-align: center;
float: left;
width: 49.25%;
padding: 0.5%;
padding-right: 0.25%;
height: 350px;
resize: both;
transition: 10s;
}
.tvborder2 {
text-align: center;
width: 100%;
height: 405px;
resize: both;
overflow: auto;float:right;margin-bottom: 10px;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
}
.elapsed_line {
width: 58%;
height: 50%;
margin: auto;
    border-radius: 100% 100% 100% 100%;
    border-bottom: 1px solid orangered;
    box-shadow: 0px 5px 7px orangered;
border-right: 3px solid red;
border-left: 3px solid red;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
}
.mixnow {
width: 90%;
height: 98%;
float: none;
z-index: 99;
/*background-color: rgb(51, 156, 36);*/
margin: auto;
text-align: center;
font-size: 0.4cm;
color: white;
transition: 1s;
background-image: url('25.png');
border-radius: 100% 100% 100% 100%;
/*box-shadow: 0px 5px 10px lightgreen;*/
/*overflow: hidden;*/
vertical-align: middle;
position: relative;
border-left: 1px dashed lightgreen;
border-right: 1px dashed lightblue;
}
.buttons {
width: 99%;
height: 115px;
float: left;
z-index: 98;
background-color: #222222;
    border-top: 5px solid black;
padding-left: 0.5%;
padding-right: 0.5%;
padding-bottom: 1%;
    background-image: url('back2.png'), url('hgrad.png');
    padding-top: 0.25%;
    overflow: hidden;
    border-bottom: 5px solid black;
    background-size: 10px 10px, 10px 100%;
}

.settings button {
background-color: rgb(67, 129, 142);
color: whitesmoke;
}
#hys, #lis, #src {
border-radius: 0px 10px 0px 10px;
}
#mobbut, #hdbut, #lhysbut {
border-radius: 10px 0px 10px 0px;
}

.mixtext {
color: white;
font-size: 0.4cm;
overflow: hidden;
}

.cueing {
width: 100%;
overflow: hidden;
margin-top: 0.2%;
height: 24.8%;
}

.cueing button {
height: 100%;
width: 20%;
color: white;
background-color: black;
    border-top: 1px solid rgb(75, 75, 75);
    border-left: 1px solid rgb(75,75,75);
    border-bottom: 1px solid rgb(25,25,25);
    border-right: 1px solid rgb(25,25,25);
/*vertical-align: text-bottom;*/
}
.cueing input {
    /*height: 20px;*/
    /*vertical-align: text-bottom;*/
width: 50%;
}
.leftcue {
float: left;
width: 32%;
height: 100%;
}

.rightcue {
float: right;
width: 100%;
height: 100%;
}
.mixedvideos {
width: 100%;
border: none;
height: 450px;
}
.vid_1, #mobbut, #hdbut {display:none;}
.mixedvideos p {
margin: 2px;
}
.mixate {
    margin: 2px;
    /*background-color: rgb(200, 200, 200);*/
    padding: 2px;
font-size: 125%;
background-image: url('underline2.png');
background-size: 10px 100%;
overflow: hidden;
}

.mixate button {margin-left: 1%;width: 100%;}
.player_but {
width: 12%;
    height: 50%;
    /*border-top: 1px solid rgb(75, 75, 75);
    border-left: 1px solid rgb(75,75,75);
    border-bottom: 1px solid rgb(25,25,25);
    border-right: 1px solid rgb(25,25,25);*/
}
.left_pause, .left_play, .left_rev, .left_avance {
float: left;
margin-left: 2px;
}

.right_pause, .right_play, .right_avance, .right_rev {
float: right;
margin-right: 2px;
}

.left_rev, .right_rev {
background-image: url('lav.png');
    background-size: 100% 100%;
}

.left_avance, .right_avance {
background-image: url('rav.png');
    background-size: 100% 100%;
}

.left_pause, .right_pause {
background-image: url('pause.png');
    background-size: 100% 100%;
}

.left_play, .right_play {
background-image: url('play.png');
    background-size: 100% 100%;
}

.ceas {
    margin: auto;
    float: none;
    text-align: center;
    position: fixed;
    top: 0px;
    right: 2%;
    padding-top: 0.05%;
    font-family: monospace;
}
.ceasul {
    position: fixed;
    right: 46%;
    top: 0px;
    padding:10px;
    overflow: hidden;
    color: gold;
    font-family:monospace;
    text-shadow:0 1px 0px black, 1px 0 0px black,0 -1px 0px black,-1px 0 0px black, 3px 3px 15px #737373;
    /*background-image:url('/25.png');*/
    text-align: center;
}
#showlocaltime {
text-align: center;
font-size: 0.7cm;
color: darkorange;
}

#newmixes {
width: 100%;
border: none;
max-height: 500px;
overflow: hidden;
}

.istoric {
    float: left;
    width: 100%;
    padding-top: 0.1%;
}

.history2 {
max-height: 450px;
overflow: hidden;
    float: left;
    width: 100%;
    padding-top: 0.1%;zoom: 1.25;
}
.history3 {
max-height: 450px;
overflow-x: hidden;
overflow-y: scroll;
float: left;
width: 100%;
padding-top: 0.1%;
zoom: 1.25;
}

.mixate_text {
float: left;text-align:right;width: 64%;
}

.mixate_bt {float: left;font-size: 135%;margin: 5px;}

#mobileonoff, #hdonoff, #lhysstat {
width: 10px;
}

.settings {
text-align: center;
width: 100%;
padding-top: 0.2%;
height: 24%;
overflow: hidden;
}
.buton2 {
width: 20.0%;
height: 100%;
border: none;
margin: 0;
padding: 0;
float: left;
text-align: center;
}

#mobileonoff, #hdonoff {
border: none;
border-radius: 100%;
width: 14px;
height: 14px;
float: right;
margin-right: 5%;
}

.buton3 {
width: 20%;
height: 100%;
border: none;
margin: 0;
padding: 0;
float: left;
text-align: center;
}

#vid1, #vid2 {
width: 96%;
height: 100%;
}


.vsearch {
width: 100%;
overflow: hidden;
height: 450px;
}

.info_curent {
position: absolute;
display: none;
    width: 99%;
    overflow: hidden;
    background-color: rgb(22,22,22);
background-image: url('trback1.png');
    z-index: 999;
    color: lightgray;
text-align: center;
font-size: 0.3cm;
transition: 3s;
}

.p1speed {
width: 5%;
height: 100%;
float: left;
}

.p2speed {
width: 9%;
height: 100%;
float: right;
margin-right: 2%;
}

.p1speed, .p2speed {
    background-image: url('speed.png');
    background-position: center center;
    background-size: 100% 100%;
}

.leftcuebtn {
float: left;
}

.rightcuebtn {
float: right;
}

.sp025 {
background-color: darkgreen;
}

.sp050 {
background-color: green;
}

.sp100 {
background-color: lightgreen;
}

.sp150 {
background-color: orange;
}

.sp200 {
background-color: red;
}

.txcaut {
width: 75%;
text-align: right;
}

.txbuton {
width: 24%;
}

.balon {
    /*border: 1px solid black;*/
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: rgb(0, 0, 0);
    overflow: hidden;
float: left;
margin-right: 2px;
display: none;
}

.led {
    width: 0px;
    height: 0px;
    position: relative;
    top: 50%;
    left: 50%;
    border-radius: 100%;

}

.verd {
    box-shadow: 0px 0px 15px 50px lightgreen;
    
    background-color: lightgreen;
}

.galb {
    box-shadow: 0px 0px 15px 50px yellow;
    
    background-color: yellow;
}

.oran {
    box-shadow: 0px 0px 15px 50px orange;
    
    background-color: orange;
}

.rosu {
    box-shadow: 0px 0px 15px 50px red;
        background-color: red;
}

.l0 {transition: 0.1s;}
.l1 {transition: 0.2s;}
.l2 {transition: 0.3s;}
.l3 {transition: 0.4s;}
.l4 {transition: 0.5s;}
.l5 {transition: 0.6s;}
.l6 {transition: 0.7s;}
.l7 {transition: 0.8s;}
.l8 {transition: 0.9s;}
.l9 {transition: 1s;}

.mixedvideos, .notransparent, .vsearch form, .history3, .history2 {background-color: rgb(182, 212, 232);}

.utile {
overflow: hidden;
width: 99%;
padding-left: 0.5%;
padding-right: 0.5%;
background-color: black;
padding-bottom: 0.7%;
}

#lvol, #rvol, #instrumentmix {
position:relative;
}

#lvol, #rvol {
width: 10%;
height: 50%;
text-align: center;
border-bottom-left-radius: 10%;
border-bottom-right-radius: 10%;
}

.obtur1 {
background-color: black;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
top: -170%;
left: 0;
border-radius: 0 0 90% 90%;
overflow: hidden;
}
#carusel {
width: 98%;
background-color: rgba(0,0,0,0.2);
padding-left: 1%;
padding-right: 1%;
padding-top: 1%;
overflow: hidden;
min-height: 430px;
/*perspective-origin: 50% 50%;
perspective: 250px;
background-image: url('board.png');
background-size: 5px 100%;*/
}
.pro-motor {
display: none;
background-size: auto 140%;
background-color: rgba(0,0,0,0.2);
width: 24.25%;
font-size: 150%;
background-position: center center;
background-repeat: no-repeat;
float: left;
height: 156px;
margin-left: 0.3%;
margin-right: 0.3%;
margin-bottom: 0.5%;
box-shadow: 0px 3px 0px 0px rgb(255, 215, 0), 4px 4px 12px 1px rgb(0, 0, 0);

}
.pro-titlu {
color: rgba(0, 253, 255,0.9);
text-align: center;
text-shadow: 0 2px 0 black,0 -2px 0 black,2px 0 0 black,-2px 0 0 black, 1px 1px 4px black;
padding-top: 2%;
height: 96%;
overflow: hidden;
background-color: rgba(0,0,0,0.4);
}
.pro-id {
display:none;
/*height: 20%;
background-color: rgb(52, 97, 107);
text-align: center;
border-radius: 20% 100% 100% 20%;
position: relative;
z-index: 2;
width: 40%;
margin: auto;
box-shadow: 2px 0px 4px rgb(212, 135, 22);
background-image: url('play.png');
background-size: 100% 150%;
background-repeat: no-repeat;
background-position: center center;*/
}

.cadru_radio {
width: 100%;
height: 100%;
overflow: hidden;
}

.radio-frame {
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
display: none;
z-index: 0;
}

.acum {
    width: 52%;
    height: 330px;
    overflow: hidden;
    /*background-color: black;*/
float: left;
    }

.acum img {
height: 410px;
float: left;
margin-top: -40px;
margin-left: -62px;
}

.acum p {
font-size: 130%;
color: whitesmoke;
width: 20%;
text-align: center;
margin-top: 38px;
position: absolute;
margin-left: 30%;
background-image: url('25.png');
}

.banner {width:270px;margin-right:0;position:absolute;top:0px;right:0px;display:none;height: 20px;}
.litera {overflow: hidden;min-width: 1px;padding: 1%;text-align: center;width: 4%;position: absolute;top: 0px;left: 10%;transition: 2s;}
.extensie {width: 12%;}


#board {
    width: 400px;
    height: 400px;
    margin: auto;
    perspective-origin: 50% 50%;
    perspective: 400px;
transition: 10s;
margin-bottom: -150px;
z-index: 99;
position: relative;
}
#placa {
width: 400px;
height: 400px;
transition: 10s;
}
.formular1 {
width: 100%;
float:right;
overflow:hidden;
margin-top:415px;
}
#cover {
width: 76%;
height: 76%;
background-position: center center;
background-size: 100% auto;
overflow: hidden;
border-radius: 50%;
border: 5px dotted gold;
transition: 60s;
margin: auto;
box-shadow: 0px 0px 3px 10px orangered;
}
.radio-mobile {
    width: 100%;
    height: 70%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: bottom center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url('25.png');
    transition: 2s;
    z-index: 98;
}

.urmeazaaltul {
    position: fixed;
    padding: 10px;
    text-shadow: 0px 0px 3px black;
    color: gold;
    right: 0;
    top: 40%;
    display: none;
    /*background-image: url('25.png');*/
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left center;
}

.pltit {
    overflow: hidden;
    position: fixed;
    left: -100%;
    top: 0%;
    transition: 6s;color:gold;text-shadow: 0px 0px 2px black;
    padding: 10px;letter-spacing: 1.5px;
    border-radius: 0px 5px 5px 0px;
    width:60%;
    text-align: center;
    text-shadow: 0 0 3px black,0 0 3px black,0 0 3px black,0 0 3px black,0 0 3px black,0 0 3px black,0 0 3px black,3px 3px 3px black;
    background-image: url('https://developers.google.com/youtube/images/YouTube-logo-full_color.png');
    background-position: left center;
    background-size: 10% auto;
    background-repeat: no-repeat;
z-index: 99;
}

.pltit a {
color: #E0EBEF;
text-decoration: none;
}


#top, #new10 {
    width: 99%;
    background-color: gold;
    overflow: hidden;
    max-height: 254px;
    overflow-y: auto;
    color: rgba(255, 249, 199, 1);
    text-shadow: 0px 1px 0px black, 1px 0px 0px black, 0px -1px 0px black, -1px 0px 0px black, 0px 0px 6px black;
margin-bottom: 10px;
border: 4px gold;
border-style: inset;
}

#new10 {
border: 4px rgba(21, 21, 21, 0.65);
border-style: inset;
transition: 10s;
transition-timing-function: linear;
}

#top h1, #top h2, #top h3, #top h4, #top h5, #top h6, #new10 h1, #new10 h2, #new10 h3, #new10 h4, #new10 h5, #new10 h6 {
text-align:center;
margin: 0.2%;
}

#top p {
padding: 1%;
text-indent: 2%;
text-align: justify;
}

.intop {
backgound-color: (100,100,100);
width: 98%;
margin-left: 1%;
border-bottom: 1px solid white;
overflow: hidden;
}


.tpnr {    width: 4%;
    float: left; text-align: right; margin-right:1%;}
.toptit {
    width: 75%;
    float: left;
}

.toprating {
    width: 20%;
    float: left;
text-align: center;
}

.radio-progres {
position: fixed;
width: 100%;
height: 3px;
bottom: 0;
left: 0;
}

#bara {
height: 100%;
background-image: url('/br1.png');
width:30%;
}

.myradio {transition:2s;
/*box-shadow: 0 0 0px 7px #0f0f0f, 0px 0px 15px 7px #000000;*/
margin-left: 1.8%;
width: 96.5%;
}
.radio-code {
width: 48%;
float: right;
text-align: center;
color: white;
/*background-color: black;*/
}

#fullscreen {
width: 48%;
float: right;
/*background-color: black;*/
text-align: center;
overflow: hidden;
}
.radio_under {
clear: both;
overflow: hidden;
margin-top: 1%;
background-color: rgba(0, 0, 0, 0.9);
background-image: url(/zizi.png),url(gold-large-barr.png);
background-repeat: no-repeat,no-repeat;
background-size: auto 50%, 100% auto;
background-position: 99% 96%,center center;
box-shadow: 0px 0px 15px 0px black;
position: relative;
}

.controale {
    height: 10%;
    width: 100%;
    top: 10%;
    left: 0;
    color: white;
    border: 0;
    position: fixed;
    z-index: 98;
    background-image: url('/zizi.png');
    background-repeat: no-repeat;
    background-size: auto 50%;
    background-position: 98% center;
}

.controale button {
    height: 90%;
    float: left;
    padding-left: 1%;
    padding-right: 1%;
    background-image: url('/25.png');
    background-color: transparent;
    color: white;
    border: 0;
    overflow: hidden;
    margin-left: 0.5%;
    text-shadow: 0 1px 0px black, 1px 0 0px black,0 -1px 0px black,-1px 0 0px black, 3px 3px 15px #737373;
    box-shadow: 0px 0px 10px 0 black;
    border-radius: 10px;font-size: 75%;
}
#onscmen {
border-radius: 0;
color: gold;
margin-left: -0.5%;
}
#radioON {
    position: fixed;
    top: 10%;
    left: 10%;
    overflow: hidden;
    text-align: center;
    /*font-size: 200%;*/
    z-index: 99;
    width: 80%;
    /*height: 48%;*/
    color: white;
}

/*#radioON button {width: 100%;height: 100%;background-color: transparent;
    border: 0; color: white;}*/
#radioON div {width: 100%;height: 100%;background-color: transparent;
    border: 0; color: white;}
#istoricTop {background-color: black;
margin-top: -10px;
color: white;height:30px;}
#istoricTop a {
color: white;
}
.upplayer {
box-shadow: 0 0 0 10px gold, 5px 5px 10px 10px black;
padding-bottom: 50px;
background-color: gold;
}

#thecue {
transition: 3s;
background-color: black;
box-shadow: 0px 0px 40px -4px black;
width: 18%;
height: 10px;
overflow: hidden;
float: right;
margin-right: 1%;
}

.radiocue {
width: 100%;
float:left;
overflow: hidden;
height: 100%;
padding-top: 5px;
}

.radiocue img {
    width: 110%;
margin-left: -5%;
}

::-webkit-scrollbar {
display: none;
    width: 5px; height: 5px;
    background-color: rgba(255,255,255,0.5);
}

::-webkit-scrollbar-button {
    display: block;
    color: black;
    background-color: rgba(255,0,0,0.5);
    height: 3px;
}

::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(158, 158, 158, 0);
}

::-webkit-scrollbar-thumb {
   background-color: rgba(0,255,17,0.50);
   border-radius: 100px;
   display: block;
}

::-webkit-scrollbar-corner {
}


.gshare {
    border: 0;
    width: 520px;
    height: 520px;
    overflow: hidden;
}

#googleshare {
position: fixed;z-index: 98;
top:25%;
left:5%;
min-width:20%;
min-height:9%;
}

.cuetitle {
color: black;
text-align: center;
padding: 0 2%;
margin: 0;
font-size: 150%;
margin-bottom: 3px;
text-shadow: 1px 1px 0px gold;
}

.fsocial {width:100%;overflow:hidden;}

#fpage {
width: 100%;
overflow: hidden;
margin-top: 2%;
background-color: transparent;
padding: 0;
text-align: center;
}

.qrow {
    width: 100%;
    overflow: hidden;
}

.c1, .c2, .c3, .c4, .c5 {
    float: left;
    overflow: hidden;
    margin-right: 5px;
}

.c2 {width: 10%;} .c3 {width: 60%;}

.infostat {
    overflow: hidden;
    width: 100%;
    background-color: black;
    position: fixed;
    top: 0;
}
#myname,  #theheart, #theheartstat {float: left;overflow: hidden;margin-right:1%;}
.vborder {width:5%;height:100%;float:left;background-image:url('border1.png');background-size: 100% auto;}
.lboredr {}
.rborder {}
.titlucurent {
    color: #ffffff;
    overflow: hidden;
    padding: 1%;
    text-shadow: 0 0 1px black,0 0 1px black,0 0 1px black,5px 5px 10px black,5px 5px 10px black,5px 5px 10px black;
}
.coloana_stanga {
overflow: hidden;
/*max-width: 1120px;*/
float: left;
width: 80%;
/*min-width: 480px;*/
padding-top: 15px;
}
.coloana_dreapta {
float: left;
overflow: hidden;
padding-top: 10px;
width:18%;
margin-left: 1%;
}
.coloana_dreapta a {
text-decoration: none;
}
.future_artist {
background-color: #f3f3f3;
margin-bottom: 3px;
width: 96%;
margin-left:2%;
border-bottom: 1px solid black;
}
.future_artist_nou {
background-color: gold;
margin-bottom: 3px;
width: 98%;
margin-left:1%;
border-bottom: 1px solid black;
}