/** BXSLIDER **/

.bx-wrapper {
	position: relative;
	margin: 5px auto;
	padding: 0;
	*zoom: 1;
	text-align: center;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../img/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

#narcisooList {
    color: #FFF;
	height: 400px;
}



.narcisoBox {
	color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;

}

.canzone-link-buy{
   margin-top: 20px;   
   margin-left: -7px;
}

.canzone-link-buy a{
   color: #fff;   
}
.canzone-link-buy a:hover{
   color: #bba37b;
}

.narcisoBox img {
	width: 100%;
	height: 100%;

}

.narcisoBox h4 {
	width: 100%;
	height: 100%;
    
    cursor: pointer;
}
    /*
    -webkit-transition: all 1000ms;
    -moz-transition: all 1000ms;
    -ms-transition: all 1000ms;
    -o-transition: all 1000ms;
    transition: all 1000ms;
    */

/** PAGINE **/
#bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin-bottom: 15px;
	
}
a.bx-pager-link {
	font-size: 14px;
	color: #ccc;
	padding: 5px 10px;
	margin: 0 10px;
	text-decoration:none;
}



/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-controls-direction {
	position: relative;
}

.bx-wrapper .bx-prev {
	left: 0px;
	background: url(../img/arrows.png) no-repeat 0 0;
}

.bx-wrapper .bx-next {
	right: 0px;
	background: url(../img/arrows.png) no-repeat -34px 0;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -34px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	/*top: 50%;*/
	top: -16px;
	outline: 0;
	width: 32px;
	height: 62px;
	text-indent: -9999px;
	z-index: 499;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

.narcisoBox h4{
   font-size: 3.3em;
   font-family: 'OpenSans-Light';
   color: #FFF;
}
.narcisoBox p{
   margin-top: 10px;
   font-size: 2.0em;
   font-family: 'OpenSans-Bold';
   line-height: 1.1;
   color: #FFF;
   font-size:
}

.album-row-box-button {
   margin-top:20px;
   margin-bottom:20px;
   margin-right: -30px;
}

.album-row-box-button a{
   margin-right:5px;
}
.album-row-box-button a:last{
   margin-right:-5px;
}  


.big-hashtag{   
   font-size: 7em;
   color: #bba37b;
   font-family: 'OpenSans-Light';
   text-transform:uppercase;
   line-height: 1.5em;
}

.box-instagram{
   background-color: #fff;
   padding:5px;
   margin-bottom:20px;
}
.head-box-instagram {
   color: #44759c;
   font-size: 0.8em;
}

.like-box-instagram {
   color: #44759c;
   font-size: 0.8em;
}

.head-box-instagram img{
   height: 25px;
   width: 25px;
   padding:2px;
}
.image-box-instagram{
 
}

.template-b-text{
   min-height: 310px;
}

.bx-viewport{
   height: 500px; 
}

#bx-controls   {
     text-align: center;
}
   
@media(max-width: 965px){
  .template-b-text{
      min-height: 100px;
   } 
   #bx-controls   {
     text-align: left;
}
}

@media(max-height: 900px){
   
   .bx-wrapper{
      margin: 0px auto;
   }
   .discoBox{
      padding-top: 20px;
   }
   
 .discoBox img {
      margin-left: 15%;
      width: 70%;
      height: 100%;
   }
   
   .bx-viewport{
      height: 400px; 
   }
}

@media(max-height: 700px){
   
   .bx-wrapper{
      margin: 0px auto;
   }
   .discoBox{
      padding-top: 20px;
   }
   
 .discoBox img {
      margin-left: 15%;
      width: 50%;
      height: 100%;
   }
   
   .bx-viewport{
      height: 350px; 
   }
}
/*
.btn-template-b {
   position: absolute;
   width: 100%;
   bottom: 38px;
}*/


#bx-controls
{

height: 35px;
/*width: 80%;
margin: auto;*/
overflow-y: hidden;
overflow-x: hidden}

#bx-pager
{
float: left;
height: 35px;
/*width: 100%;*/
margin: auto;
overflow-y: hidden;
overflow-x: hidden}


.bx-next-btn{
   position: absolute;
   top: -16px;
   outline: 0;
   width: 32px;
   height: 62px;
   text-indent: -9999px;
   z-index: 499;
   right: 0px;
   background: url(../img/arrows.png) no-repeat -34px 0;
   cursor:pointer;
}
.bx-prev-btn{
   cursor:pointer;
   position: absolute;
   top: -16px;
   outline: 0;
   width: 32px;
   height: 62px;
   text-indent: -9999px;
   z-index: 499; 
   left: 0px;
   background: url(../img/arrows.png) no-repeat 0 0;
}