body {
  background: #fff;
  cursor:url(../img/hand.png), auto;
}


@font-face {
    font-family: 'nobel-Bold';
    src: url('../nobel/nobel-bold-webfont.eot');
    src: url('../nobel/nobel-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../nobel/nobel-bold-webfont.woff') format('woff2'),
         url('../nobel/nobel-bold-webfont.woff') format('woff'),
         url('../nobel/nobel-bold-webfont.ttf') format('truetype'),
         url('../nobel/nobel-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nobel-Regular';
    src: url('../nobel/nobel-regular-webfont.eot');
    src: url('../nobel/nobel-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('../nobel/nobel-regular-webfont.woff') format('woff2'),
         url('../nobel/nobel-regular-webfont.woff') format('woff'),
         url('../nobel/nobel-regular-webfont.ttf') format('truetype'),
         url('../nobel/nobel-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'nobel-Regular';
    src: url('../nobel/nobel-Regular.otf'); 
    
    }


@font-face {
    font-family: 'nobel-Bold';
    src: url('../nobel/nobel-Bold.otf'); 
    }

.column.small-centered {
margin-left: auto;
margin-right: auto;
text-align:center;
float: none !important; }

.column.small-centered:last-child, .columns.small-centered:last-child {
	text-align:center;
}

hr {
border: solid #fff;
border-width: 1px 0 0;
}   

.top-bar {
background:#fff;	
position: absolute;
width:100%;

}

.top-bar .name h1 a small-12{
width:30%;	
}

.top-bar-section ul li {
	background:#fff;	
}

.top-bar-section li:not(.has-form) a:not(.button) {

	background:#fff;	
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
	background:#fff;	
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
	border-right: solid 1px #ffb6c1;
	
}

.top-bar-section ul li:hover:not(.has-form) > a  {
        background: #ffb6c1;
        color: white; }

a {
	color: #000;
	
}
a:hover, a:focus {
    color: #000;
    text-decoration:line-through;
    cursor:url(../img/hand_a.png), auto; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-family: 'nobel-Regular', sans-serif;
	color: #000;
	font-size:15px;
	letter-spacing:.5px;	
}

h6 {
	margin-top: 0px;
}


h6 small{
	padding-right: 30px;
}

h6 img{
	margin-right: 22px;
	margin-top:-5px;
}

.menuspace {
padding-right:30px;	
	}
	
.description {
max-width: 100%;
width:318px;
}

h3 {
	font-family: 'nobel-bold', sans-serif;
	color: #000;
	font-size:1.7em;	
}

h2 {
	font-family: 'nobel-Regular', sans-serif;
	color: #000;
	font-size:1.1em;	
}

h5 {
	font-family: 'nobel-Regular', sans-serif;
	color: #000;
	font-size:1.1em;
	margin-bottom:-10px;	
}

h1 {
	font-family: 'nobel-Regular', sans-serif;
	color: #000;
	padding: 10px;
	font-size:1.2em;	
}


h4 {
	font-family: 'nobel-Regular', sans-serif;
	color: #000;
	font-size:1.1em;			
}

.small-12 {
	text-align: center;
}
    
      

#gurline {
	 margin-top:-5px;
	 margin-bottom:20px;
	 z-index:100;
}

#line {
	 margin-top:-6px;
	 margin-bottom: 17px;
	 z-index:100;
}


#shh {
	 padding-top: 6px;
	 z-index:0;
	 width:96%;
	 margin: auto;
	 position:absolute;
}


#player_back {
	 	 z-index:0;
	 width:96%;
	 margin: auto;
	 position:absolute;
}


#head {

  max-width:1240px;
  width:100%;
  z-index: 1;
  margin-bottom:-24px;
}
        
.footer_front {
text-align:left;
	
}


.artist {
padding-bottom: 20px;	
padding-top: 20px;
}

.ellie {
padding-bottom: 20px;	
padding-top: 25px;
}


.swick {
padding-top:20px;	
}

#upper_right {
	padding-right:15px;
	position: absolute;
	top: 0;
	right: 0%;
	font-family: nobel-Regular;
	font-size: 14px;
}


.footer_shh {
font-family: nobel-Regular;
font-size: 15px;

}


.footer_front {
text-align:left;
font-family: nobel-Regular;
font-size: 12px;
color:#000;
letter-spacing:1px;
}


.landing {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-image:url('../img/secret.png');
    background-position: center;
    background-size:cover;
    background-repeat: no-repeat;
    overflow: hidden;
	top:0;
	left:0;
 }
 

.landing img { max-width:100px; height:auto; outline:0 !important; border:0 !important;}

.preloader {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9997;
    background: #fff;
	top:0;
	clear:both;
	left:0;
	text-align:center;
 }
 
.preloader img { width:70px; height:auto; margin-top:25%; outline:0 !important; border:0 !important;}
 

.center_menu {
padding-left:48px;
}

.menu {
	z-index:9998;
	background-color:#fff;
	}

@media screen and (max-width: 685px) and (min-width: 100px){

.center_menu {
padding-left:15px;
}

#head{
	margin-bottom:0px;
}
.menuspace {
padding-right:10px;	
	}
.centro{
padding-left:52px;
}

}


.flip3D{
	width:303px;
	height: 343px;
	max-width:100%;
	padding-top: 20px;
	padding-bottom:20px;
	margin: 0 auto;
	position: relative;
}

.flip3D > .front{
	position: absolute;
	-webkit-transform: perspective( 800px ) rotateY( 0deg );
	transform: perspective( 800px ) rotateY( 0deg );
	background: #fc0; 
	max-width: 100%; 
	height: auto;
	border-radius: 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden !important;
	transition: -webkit-transform .9s linear 0s;
	transition: transform .9s linear 0s;
	font-family: sans-serif;
	z-index: 999;
}
.flip3D > .back{
	position: absolute;
	-webkit-transform: perspective( 800px ) rotateY( 180deg );
	transform: perspective( 800px ) rotateY( 180deg );
	background: #f5f5f5; 
	height: 303px;
	max-width: 100%; 
	border-radius: 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -webkit-transform .9s linear 0s;
	transition: transform .9s linear 0s;
	font-family: sans-serif;
}
.flip3D:hover > .front{
	-webkit-transform: perspective( 800px ) rotateY( -180deg );
	transform: perspective( 800px ) rotateY( -180deg );
}
.flip3D:hover > .back{
	-webkit-transform: perspective( 800px ) rotateY( 0deg );
	transform: perspective( 800px ) rotateY( 0deg );
}

#perro {
  cursor:url(../img/lie.gif), auto;
}

#scissors {
  cursor:url(../img/scissors.gif), auto;
}