.titlu {!font-family: 'Metal Macabre'; font-size: 53px; }

@font-face {
	font-family: 'Metal Macabre';
	src: url('../font/MetalMacabre.eot');
	src: url('../font/MetalMacabre.eot?#iefix') format('embedded-opentype'),
		url('../font/MetalMacabre.woff2') format('woff2'),
		url('../font/MetalMacabre.woff') format('woff'),
		url('../font/MetalMacabre.ttf') format('truetype'),
		url('../font/MetalMacabre.svg#MetalMacabre') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'A Charming Font';
	src: url('../font/ACharmingFont.eot');
	src: url('../font/ACharmingFont.eot?#iefix') format('embedded-opentype'),
		
		url('../font/ACharmingFont.woff') format('woff'),
		url('../font/ACharmingFont.ttf') format('truetype'),
		url('../font/ACharmingFont.svg#ACharmingFont') format('svg');
	font-weight: normal;
	font-style: normal;
}


  .glowing:hover{
    color: #00fff5;
    text-shadow: 0 0 25px #00fff5;
}


.navbar-inverse .navbar-nav > li > a:hover{color: #00fff5;
    text-shadow: 0 0 25px #00fff5;}
	
.navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #00fff5;
    text-shadow: 0 0 25px #00fff5;	
}

.dropdown-menu > li > a:hover{
	    color: #00fff5;
    text-shadow: 0 0 25px #00fff5;
	background-color:#0a0f2d;
}

.wrapper11{width: 960px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 20px 20px 20px 20px;
margin: 0 auto;
background-color: blue;

}

.uldd{padding-left:325px; display:none;}
.uldd :hover{box-shadow: 0 0 70px blue; background-color:blue; color:yellow;}
.uldd ul li{!font-size:30px; width:150px;}

.navbar-collapse  ul li a{font-size:100px;}

.wrapper22{width: 949px;

margin: 0 auto;
background-color: #0a0f2d;
background-image: url("../poze/tribal.png");
-webkit-box-shadow: 0px 0px 27px 14px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 27px 14px rgba(0,0,0,1);
box-shadow: 0px 0px 27px 14px rgba(0,0,0,1) inset;
    !box-shadow: 0 0 40px black inset;
border-radius: 20px 20px 20px 20px;
}

.wrapper3{width: 316px;
margin: 0 auto;
!background-color: #00001a;
float: left;
padding-top:20px;
display: inline-block;
}

.wrapper3A{width: 316px;
margin: 0 auto;
!background-color: #00001a;
!float: right;
padding-top:20px;
display: inline-block;
}

.wrapper3B{width: 316px;
margin: 0 auto;
!background-color: #00001a;
float: right;
padding-top:20px;
display: inline-block;
}

.wrapper4{width: 33.33333333333333%;
height:300px;
margin: 0 auto;
!background-color: #00001a;
float: left;
!background-image: url("../poze/stanga.png");
!background-repeat: no-repeat;
!background-size:100% 100%;}

.wrapper5{width: 33.33333333333333%;
margin: 0 auto;
margin-top:-30px;
!background-color: #00001a;
float: left;
position: relative;
}




body{font-family: 'A Charming Font';
background-color: black;
font-size: 70px; 
text-align: center;
color: white; 

cursor: url(../poze/SC2-cursor-protoss.cur),auto;
}


a{text-decoration:none; }

a:hover{cursor: url(../poze/SC2-cursor.cur),auto;}

.lup{
	padding-right:80px;
}
.lup img:hover{

	transition: all 1s ease;
	transform: translateX(0px) rotate(20deg);
	filter: contrast(3);
}

.lup2{
	padding-left:80px;
}	
.lup2 img:hover{

	transition: all 1s ease;
	transform: translateX(0px) rotate(-20deg);
	filter: contrast(3);
	
}


.lyrics{!font-family: 'A Charming Font'; !font-size: 50px; color:black; 
width:600px;
margin: 0 auto;
background-image: url("../poze/pergament_body.png");
background-repeat: no-repeat;
background-size:110% 200%;
background-position:center center;
}

.lyricsm{!font-family: 'A Charming Font'; font-size: 150px;
margin: 0 auto;
}


.lyrics  a:hover{color: blue;}



.titlu a{
	color: black;
	margin-top: 10px;
	text-shadow: -2px 0px 0px white,
	2px 0px 0px white;
	text-decoration: none;
}

.titlu a:hover{
	text-shadow: -3px 0px 0px red,
	3px 0px 0px red;
	
}

#playlist a:hover{
	color: red;
}


.utubedoru{
!font-family: 'Metal Macabre'; 
!font-size:30px; 
text-align:left;
}

	
.utubedoru2{!font-family: 'Metal Macabre'; !font-size:30px; text-align:right; !padding-right:40px;}


marquee{!font-family: 'Metal Macabre'; !font-size:18px; }

marquee a{color: blue;}

marquee a:hover{
	color: red;	
}
 
@font-face {
    !font-family: 'gooddogregular';
    src: url('../font/GoodDog-webfont.eot');
    src: url('../font/GoodDog-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/GoodDog-webfont.woff') format('woff'),
         url('../font/GoodDog-webfont.ttf') format('truetype'),
         url('../font/GoodDog-webfont.svg#gooddogregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.wrapper6{
	margin-left:-25px;
	color: blue;
	font-size:110px;
}

div.item {
    vertical-align: top;
    !font-size: 30px; 
    text-align: center;
	margin: 0px 0px 0px 0px;
}

.item{
	display: inline-block;
	width: 150px !important;
}


.item:hover{	
transition: all 1s ease;
!transform: translatey(-5px) rotate(0deg);
transform: scale(1.15);
	
}



.caption {
    display: block;
	text-align: center;
	}

#playlist {list-style:none;}

.item a{color: blue; text-decoration: none;}

.item a:hover{
	color: #00fff5;
    text-shadow: 0 0 25px #00fff5;
	text-decoration:none;
}

@keyframes flipInY2 {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
      }
25% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }	  

  50% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

   75% {
   -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  100% {
   -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
}

.obi {
	margin-left:-10px;
}

.obi img{
	  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY2;
          animation-name: flipInY2;
		  
		   -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
		  
		 -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
	
}


.uldd ul{margin:0px; padding:0px; }
ul{list-style-type:none; }
.uldd ul li a{text-decoration:none; color:white;}
.uldd li {float:left; width:135.7px; height:40px; background-color:black; !font-size:20px; line-height:40px; text-align:center; opacity:.8;}

.uldd  ul li a:hover{!background-color:purple;}

.uldd  ul li ul li {display:none; }

.uldd ul li:hover ul li{display:block;}




.my{margin:95px; !font-family: 'Metal Macabre';}
.my ul{margin:0px; padding:0px; }
ul{list-style-type:none; }
.my ul li a{text-decoration:none; color:yellow;}
.my li {float:left; width:135.7px; height:40px; !background-color:#00001a; !font-size:20px; line-height:40px; text-align:center; opacity:.8;}

.my ul :hover{ box-shadow: 0 0 10px blue; border-radius:20px; background-color:blue;}
.my  ul li ul li a :hover{!background-color:purple;}

.my  ul li ul li {display:none;}
.my ul li:hover ul li{display:block;}

.lemn{
!box-shadow: 0px 0px 5px 3px rgba(0,0,0,1); 
}
  
.lemn :hover{
	filter: contrast(1.2);
	!border: solid blue; box-shadow: 0 0 90px blue;
}

 input{
   -webkit-appearance: none;
    transition: .5s;
  }

.evolution:hover{!border: solid blue; box-shadow: 0 0 90px blue;}

.page-scroll{
	 -webkit-transition-property:-webkit-transform;
	 -webkit-transition-duration:2s;
	 -moz-transition-property:-webkit-transform;
	 -moz-transition-duration:2s}
	 
.thumbnaildoc{
	display:block;
	border:2px solid black;
	border-radius:20px;
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,1);
}

.thumbnaildoc2{
	border-radius:20px;
}



.item2{
	!display: inline-block;
	!width: 100px !important;
}



.calendar{
	color:black;
	width: 255px;
	display:none;
}

.eternel ul{
	
}

.eternel @font-face {
	font-family: 'A Charming Font';
	src: url('font/ACharmingFont.eot');
	src: url('font/ACharmingFont.eot?#iefix') format('embedded-opentype'),
		
		url('font/ACharmingFont.woff') format('woff'),
		url('font/ACharmingFont.ttf') format('truetype'),
		url('font/ACharmingFont.svg#ACharmingFont') format('svg');
	
}
.eternel ul li
{
	list-style:none;
	float:left;
!font-family: 'A Charming Font';
	!font-size: 3em;
	color:#00fff5;
	!font-weight: bold;
	font-style:italic;
	!transform: rotateY(90deg);
	transform-origin: left;
	animation: animate 3s infinite;
}

 @keyframes animate
{
	0%
	{
		opacity: 0;
		transform: rotateY(70deg) translateX(-10px);
	}
	50%
	{
		opacity: 1;
		transform: rotateY(0deg) translateX(10px) scale(0.8);
	}
	100%
	{
		opacity: 0;
		transform: rotateY(0deg);
	}

}

 ul li:nth-child(1)
{
	animation-deLay:0s;
}
ul li:nth-child(2)
{
	animation-deLay:.2s;
}
ul li:nth-child(3)
{
	animation-deLay:.4s;
}
ul li:nth-child(4)
{
	animation-deLay:.6s;
}
ul li:nth-child(5)
{
	animation-deLay:.8s;
}
ul li:nth-child(6)
{
	animation-deLay:1s;
}
ul li:nth-child(7)
{
	animation-deLay:1.2s;
}
ul li:nth-child(8)
{
	animation-deLay:1.4s;
}
ul li:nth-child(9)
{
	animation-deLay:1.6s;
}
ul li:nth-child(10)
{
	animation-deLay:1.8s;
}
ul li:nth-child(11)
{
	animation-deLay:2s;
}
ul li:nth-child(12)
{
	animation-deLay:2.2s;
}
ul li:nth-child(13)
{
	animation-deLay:2.4s;
}
ul li:nth-child(14)
{
	animation-deLay:2.6s;
}
ul li:nth-child(15)
{
	animation-deLay:2.8s;
}
ul li:nth-child(16)
{
	animation-deLay:3s;
}
ul li:nth-child(17)
{
	animation-deLay:3.2s;
}
ul li:nth-child(18)
{
	animation-deLay:3.4s;
}
ul li:nth-child(19)
{
	animation-deLay:3.6s;
}

.container_bands{
	padding:0px;	
}

	
.mov{background-color:purple;}
.rosu{background-color:red;}
.verde{background-color:green;}
.negru{background-color:black;}
.gri{background-color:#202020;}
.purple{background-color:#330033;}
.turcoaz{background-color:#173333;}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

 .animate2 {
  position: absolute;
  animation: move2 50s linear infinite;            
 }
 
 @keyframes move {
  0%  {!background-color:blue; left:500px; top:50px;}
  50%  {!background-color:blue; left:500px; top:0px;}
  100%  {!background-color:blue; left:500px; top:50px;}
  
}
.animate {
  position: absolute;
  animation: move 10s linear infinite;            
 }

@keyframes move2 {
  0%   {!background-color:red; left:0px; top:100px;}
  25%  {!background-color:yellow; left:500px; top:0px;}
  33%  {!background-color:yellow; left:500px; top:0px;}
  50%  {!background-color:blue; left:500px; top:200px;}
  75%  {!background-color:green; left:200px; top:200px;}
  100% {!background-color:red; left:0px; top:100px;}
}

.box2{
width: 300px;
text-align:center;
margin: 0 auto;}

.ascuns {
display: none;
}

.ascunsn {
display: block;
}