

/*
@font-face {
    font-family: HelveticaNeue-Thin;
    src: url('../font/HelveticaNeue-Thin.eot');
	src: local('☺'), url('../font/HelveticaNeue-Thin.woff') format('woff'), url('../font/HelveticaNeue-Thin.ttf') format('truetype'), url('../font/HelveticaNeue-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
    font-family: 'HelveticaNeue-Thin';
    src: url('../font/opensans-light-webfont.eot');
    src: url('../font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-light-webfont.woff2') format('woff2'),
         url('../font/opensans-light-webfont.woff') format('woff'),
         url('../font/opensans-light-webfont.ttf') format('truetype'),
         url('../font/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
@font-face {
    font-family: OpenSans-Bold;
    src: url(../font/OpenSans-Bold.ttf);
}
@font-face {
    font-family: OpenSans-Semibold;
    src: url(../font/OpenSans-Semibold.ttf);
}
@font-face {
    font-family: OpenSans-Regular;
    src: url(../font/OpenSans-Regular.ttf);
}
@font-face {
    font-family: OpenSans-Light;
    src: url(../font/OpenSans-Light.ttf);
}
@font-face {
    font-family: OpenSans-LightItalic;
    src: url(../font/OpenSans-LightItalic.ttf);
}

*/

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('../font/opensans-semibold-webfont.eot');
    src: url('../font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-semibold-webfont.woff2') format('woff2'),
         url('../font/opensans-semibold-webfont.woff') format('woff'),
         url('../font/opensans-semibold-webfont.ttf') format('truetype'),
         url('../font/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




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

}




@font-face {
    font-family: 'OpenSans-Light';
    src: url('../font/opensans-light-webfont.eot');
    src: url('../font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-light-webfont.woff2') format('woff2'),
         url('../font/opensans-light-webfont.woff') format('woff'),
         url('../font/opensans-light-webfont.ttf') format('truetype'),
         url('../font/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




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

}




@font-face {
    font-family: 'OpenSans-LightItalic';
    src: url('../font/opensans-lightitalic-webfont.eot');
    src: url('../font/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('../font/opensans-lightitalic-webfont.woff') format('woff'),
         url('../font/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('../font/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

.body-section{
   margin-top:-30px;
}

.font-gold{
   font-family: HelveticaNeue-Thin;
   color: #bba37b;
}
.font-grey{
   font-family: HelveticaNeue-Thin;
   color: #8b8b8b;
}

.font-big-light{
   font-family: OpenSans-Light;
   font-size: 22pt;
   line-height: 1.2em;   
}
.font-small-gold{
   font-size:14pt;
   font-family: OpenSans-Bold;
   color: #bba37b;
   line-height: 1.2em;   
}
.font-normal{
   font-size:16pt;
   font-family: OpenSans-Regular;   
   line-height: 1.2em;   
}
.font-bold{
   font-size:16pt;
   font-family: OpenSans-Bold;
   line-height: 1.5em;   
}
.font-small-italic{
   font-family: OpenSans-LightItalic;
   font-size: 11pt;
   line-height: 1em; 
   word-wrap: break-word;
}
p.font-small-italic{
   line-height: 1em; 
    margin: 0 0 5px;
}

.border-bottom-gold{
   border-bottom: 1px solid #bba37b;
}

.bg-white{
   background-color: #fff;
   padding:45px;
}
.bg-white-small{
   margin-top:20px;
   background-color: #fff;
   padding:25px;
   padding-left:45px;
   padding-right:45px;
}
.col-no-padding{
   padding-left: 0px;
   padding-right: 0px;
}
hr{
   color: #bba37b;
}
.left{
   float:left;
}
.right{
   float:right;
}

.margin-row{
   margin-top:67px;  
}
.color-gold {
   color: #bba37b;
}
.color-white{
   color: #fff;
}

a{
   color: #bba37b;
   font-weight:500;
}
a:hover{
   color: #bba37b;
   font-weight:500;
}

a:visited{
   text-decoration:none;
   color: #bba37b;
}

html { line-height:1; }

body {
	background-color: #000;	
	line-height:1.5em;
	font-family:OpenSans-Regular;
	word-wrap:break-word;
	overflow:hidden;
	margin-left:30px;
}

p{
   word-wrap:break-word;
}

.ml-small{
   margin-left: 10px;
}
.mt-large{
     margin-top: 60px;
}
.mt-medium{
    margin-top: 40px;
}
.mt-small{
   margin-top: 20px;
}
.mb-large{
   margin-bottom: 60px;
}

#wrapper {
	width: 100%;	
	height: 100vh;
	position: relative;
	overflow: hidden;
}

.btn-close{
   display:block;
   width:40px;
   float:right;
}

.btn-gold{   
   padding: 20px;
   border: 5px solid #bba37b;
   font-family: OpenSans-Bold;  
   font-size: 1.3em;
   color: #000;
   text-decoration: none;
   cursor:pointer;
   background: #fff;   
}
.btn-gold-xs{
   padding: 5px;
   color: #000;
   text-transform:uppercase;
   line-height: 1.5em;
   border: 5px solid #bba37b;
   font-family: OpenSans-Bold;  
   font-size: 1.5em;
   /*color: #000;*/
   text-decoration: none;
   cursor:pointer;
   background: #fff; 
   font-weight:700; 
}

a.btn-gold{
   padding: 20px;
   
   text-transform:uppercase;
   line-height: 1.5em;
   border: 5px solid #bba37b;
   font-family: OpenSans-Bold;  
   font-size: 1.2em;
   /*color: #000;*/
   text-decoration: none;
   cursor:pointer;
   background: #fff; 
   font-weight:500; 
}
a.btn-light{
   padding-top: 7px;
   padding-bottom: 7px;
   font-weight:500;
   text-decoration: none;
}

.btn-gold:hover {
   color: #fff;
   text-decoration: none;
   background-color: #bba37b;
}

.btn-gold-close{
   content:url('../img/B_close_0.svg');
   *content:url('../img/B_close_0.png');
   cursor:pointer;
   text-decoration: none;
}
.btn-gold-close:hover {
   content:url('../img/B_close_1.svg');
   *content:url('../img/B_close_1.png');
}


.btn-gold-open{
   content:url('../img/B_expand_0.png');
   cursor:pointer;
   text-decoration: none;
}
.btn-gold-open.hover{
   content:url('../img/B_expand_1.png');
}


.btn-gold-open:hover{
   content:url('../img/B_expand_1.png');
}

.btn-gold-close::before{
   content:url('../img/B_close_0.svg');
   *content:url('../img/B_close_0.png');
   cursor:pointer;
   text-decoration: none;
}
.btn-gold-close:hover::before {
   content:url('../img/B_close_1.svg');
    
   *content:url('../img/B_close_1.png');
   
}
.btn-gold-close.hover {
   content:url('../img/B_close_1.svg');
    
   *content:url('../img/B_close_1.png');
   
}
.btn-gold-open::before{
   content:url('../img/B_expand_0.png');
   
   cursor:pointer;
   text-decoration: none;
}
.btn-gold-open:hover::before{
   content:url('../img/B_expand_1.png');
}
.icon-filter{
   margin-left:7px;
   cursor:pointer;
}



.img-crop.img-crop-top{
  position: absolute;
  top:0px;
  height: auto;
width: 100%;
  left: 100%
  -webkit-transform: translate(0%,0%);
      -ms-transform: translate(0%,0%);
          transform: translate(0%,0%);
  
}
.img-crop.img-crop-bottom{
   position: absolute;
  bottom:0px;
  height: auto;
width: 100%;
  left: 100%
  -webkit-transform: translate(0%,0%);
      -ms-transform: translate(0%,0%);
          transform: translate(0%,0%);
}
.img-crop.img-crop-center{
     position: absolute;
  left: 50%;
  top: 50%;
 height: auto;
width: 100%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.img-crop.img-crop-None{
     position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}


.btn-light{   
   padding: 7px;  
   /*padding-left: 13px;
   padding-right: 13px; */
}

.btn-small{
   font-size: 1em;
}

.full-screen {
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
}

/** SECTIONS **/
.single-page{
   overflow: auto;	
}
.scrollable {
   background-color: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: auto;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center fixed;		
}

.section > .body-page, .body-page {
  margin-top: 90px;
  margin-bottom: 170px;
  
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.social-button a{
   margin-right: 10px;  
}

/*END GENERAL*/

/*TOP MENU*/
.bg-gradient-black{
   background: -moz-linear-gradient(top,  rgba(30,30,30,1) 0%, rgba(30,30,30,0) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,1)), color-stop(100%,rgba(30,30,30,0))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(30,30,30,1) 0%,rgba(30,30,30,0) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(30,30,30,1) 0%,rgba(30,30,30,0) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(30,30,30,1) 0%,rgba(30,30,30,0) 100%); /* IE10+ */
   background: linear-gradient(to bottom,  rgba(30,30,30,1) 0%,rgba(30,30,30,0) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

   height: 80px;
}

#menu-top-max > ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   text-align: center;   
   padding-top: 10px;
   display: table;
   width: 100%;
   table-layout: fixed;
   white-space:nowrap;
   width:105%;
   margin-left: -20px;
}

#menu-top-max > ul > li {
   display: table-cell;
   color: #bba37b;
   font-family: OpenSans-Bold;
   text-transform: uppercase;
   font-size: 10pt;     
}

#menu-top-max > ul > li > a{   
   text-align: center;   
   text-decoration: none;
   color: #bba37b;      
   padding-bottom: 14px;
   font-weight: 500;
}

#menu-top-max > ul > li > a:hover{
   color: #fff;
   padding-bottom:14px;
   border-bottom: 6px solid #fff; 
   text-decoration: none;
   font-weight: 500;
}


#menu-top > ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   text-align: center;   
   padding-top: 14px;
   width: 100%;
   white-space:nowrap;
}

#menu-top > ul > li {
   display: inline-block;
   color: #bba37b;
   font-family: OpenSans-Bold;
   text-transform: uppercase;
   font-size: 10pt;    
   margin-left: 40px; 
}

#menut-top > ul > li:first-child {
   margin-left: 0px; 
}

#menu-top > ul > li > a{   
   text-align: center;   
   text-decoration: none;
   color: #bba37b;      
   padding-bottom: 14px;
   font-weight: 500;
}

#menu-top > ul > li > a:hover{
   color: #fff;
   padding-bottom:14px;
   border-bottom: 6px solid #fff; 
   text-decoration: none;
   font-weight: 500;
}


#menu-top-max > ul > li.active > a{
   color: #fff;
   border-bottom: 6px solid #fff; 
}
#menu-top > ul > li.active > a{
   color: #fff;
   border-bottom: 6px solid #fff;   
}

/*END TOP MENU*/

/*SECTION HOME*/
#section-home{
   width: 100%;
   height: 100vh;
   background-image:url('../img/bg_hp_01_p.jpg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position: center;
   overflow: auto;
}

#section-home .center-page{
  padding-bottom:100px;
  position: relative;
  top: 60%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#section-home .body-page{
   height: 100%;
}

#section-home .loghi img{
   margin-left: 20px;
   vertical-align: text-top;
}



#section-home  #title h1 {
   text-transform: uppercase;
   font-size: 6vmax;
   font-family: HelveticaNeue-Thin;
}

#section-home  #title img {
   width: 100%;
   padding-bottom: 35px;
}

#section-home #sub-title h2{
   margin-top: 0px;
   text-transform: uppercase;
   font-family: OpenSans-Bold;
   font-size: 18pt;
   color: #fff;
}

#section-home #sub-title h3{
    text-transform: uppercase;
    font-family: OpenSans-Light;
    color: #fff;
    font-size: 17pt;
    padding-bottom: 90px;
}

#section-home #btn-tour,#btn-tour-small{
   cursor: pointer;
}


/*END SECTION HOME*/

/*SECTION TOUR*/
#section-tour{
   width: 100%;
   height: 100vh;
   background-image:url('../img/bg_hp_02_p.jpg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position: center;
   
}
/*
#section-tour > .body-page{
   margin-top: 97px;
   margin-bottom: 97px;  
}
*/
#section-tour .block-tour{
   background-color: #fff;
   opacity: 0.9;
   min-height: 145px;
   padding: 20px;
   padding-top:35px;
   margin-bottom: 2px;
   line-height: 1;
   word-wrap:initial;
}

#section-tour .block-tour p{
   word-wrap:initial;
}

#section-tour .day-tour{
   /*font-size: 75pt;*/
   font-size: 7.5em;
   
}
.win #section-tour .day-tour{
   /*font-size: 75pt;*/
   font-size: 7.4em;
   
}

#section-tour .day-tour{
   /*font-size: 75pt;*/
   position: relative;
   top: -4px;
   margin-right: 13px;
}

#section-tour .month-tour{
   /*font-size: 28pt;*/
   font-size: 2.8em;
   margin-top: 5px;
   margin-bottom: 7px;
}
#section-tour .year-tour{
   /*font-size: 28pt;*/
   font-size: 2.8em;
   margin-top: 4px;
}

#section-tour .citta-tour{   
   font-family: OpenSans-Bold;
   font-size: 1.8em;
   padding-bottom: 7px;
   margin-top:3px;
}

#section-tour .luogo-tour{   
   font-family: OpenSans-Light;
   font-size: 1.8em;
   padding-bottom: 7px;
}

#section-tour .icon-tour{   
   margin-right: 6px;
   font-size: 1.2em;
   font-family: OpenSans-Regular;
}
#section-tour .biglietti-tour{   
   /*width: 165px;*/
   margin-top: 10px;
   float:right;  
   font-size:1.2em;
   padding:10px;
   padding-bottom: 20px;
   padding-top: 20px;
   text-align:center;
   margin-lefT:10px;
}
#section-tour .biglietti-tour.btn-gold-xs{   
   width: auto;
   margin-top: 0px;
   float:right;  
   font-size:1.5em;
   padding:10px;
   padding-bottom: 5px;
   padding-top: 5px;
   text-align:center;
   margin-lefT:10px;
}

#section-tour .biglietti-tour:visited{
   text-decoration: none;
   color: #000;
}

#section-tour .biglietti-tour:hover {
   color: #fff;
   text-decoration: none;
   background-color: #bba37b;   
}


#map-canvas {
  	width: 100%; 
  	min-height: 145px;
	margin: 0;
	padding: 0;	
}
.data-tour{
   margin-right: 13px;
   width: 315px;
   float:left;
}

/*END SECTION TOUR*/


/*SECTION NEWS*/
#section-news{
   width: 100%;
   height: 100vh;
   background-image:url('../img/bg_hp_03_p.jpg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position: center;
  
}
.news-block-panel{

}
.news-panel{
   margin-left: 15px;
   height: 100%;
} 
.padding-40{
   padding: 40px;
}



#section-news .center{
 
  position: relative;
  top: 50%;
  margin-top: 0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  
}
/*
#section-news > .body-page{
   margin-top: 97px;
   margin-bottom: 97px;
}
*/
#section-news .news-panel{
   background-color: #fff;
   /*width: 28%;*/
  /* padding:10px;*/
   padding-bottom: 30px;
   /*height: 475px;*/
   /*height: 530px;*/
  /* float:left;*/
  /* margin: 15px;*/
   position:relative;
   width: 33vw;
   max-width: 375px;
}

#news-modal .modal-dialog {
width: 90vw;
/*padding-top: 40px;*/
padding-bottom: 30px;
max-width: 1110px;

}
#news-modal .modal-news{
   position:relative;
   overflow-y: auto;
   overflow: auto;
   margin-bottom: 30px;
   z-index: 0;
}

.modal-body{
   padding: 0px;
}
#news-modal .modal-content{
   position: relative;
   background-color: #fff;
   border: none;
    border-radius: 0px; 
   outline: 0;
   /*-webkit-box-shadow: none;
   box-shadow: none;*/
   background-clip: none;
   padding: 50px;
}

#section-news .news-img{
   width: 100%;
}

#myModalPlane{  
  position: absolute;
  top: 50%;
  margin-top: 0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow:hidden;
  border: 0px;
  min-height: 700px;
}

.form-news input[type='text'],.form-news input[type='email'] {
   border: 1px solid #bba37b;
   padding: 10px;
   width: 100%;
}

.form-news textarea{
   border: 1px solid #bba37b;
   padding: 10px;
   width: 100%;
}

div.img-crop{
   width:100%;  
   height:25vw;
   position: relative;
   overflow: hidden;
   background-color: #fff;
   padding: 40px;  
   
   
}

div.img-crop-small{
   max-height: 240px;
   width:100%;
   padding: 0px;  
   clip:rect(150px auto auto 100px) top:-150px left:-100px
}


#section-news .btn-news-show
{
   /*position:absolute;
   /*bottom:20px;
   margin:10px;*/
}
#section-news .news-panel-margin{
   padding-left: 15px;
   padding-right: 15px;
}

#section-news .btn-news-go {
   /*position: relative;*/   
   
}

#section-news  .block-btn-news-go{
   margin-top: 50px;
   margin-bottom: 30px;
}

.col-new-panel{
   margin-bottom: 30px;
      
}

#section-news .news-data{
   margin-top: 20px;
   font-size: 1.2em;
   text-transform: uppercase;
   font-family: OpenSans-Light;
}

#section-news .news-box-text{
   padding-bottom: 70px;
   margin: 10px;
}

#section-news .news-title {
   font-size: 1.5em;
   margin-top: 15px;   
   font-family: OpenSans-Bold;
}
#section-news .news-text{   
   font-size: 1.3em;
   font-family: OpenSans-Regular;
   margin-top: 20px;
}

#section-news  .news-data-full{
   margin-bottom: 15px;
}

#section-news  .news-data-full .news-data {
   float:left;
   font-size: 1em;
}
#section-news  .news-data-full .block-btn-close {
   float:right;
   margin-top: 20px;
}
#section-news  .news-title-full{
   clear:both;
   margin-bottom:40px;
   font-size: 1.5em;
}

#myModalPlane .modal-sm{
   max-width: 550px;
   margin: 0px auto;   
   height: 100%;
}


.content-scroll-news {

    box-sizing: border-box;
    

    /* margin: 10px; */
    max-width: 97%;
    overflow: auto;
    

    /* padding: 20px; */
    position: relative;
}

/*END SECTION NEWS*/



/*SECTION DISCOGRAFIA*/
#section-discografia{
   width: 100%;
   height: 100vh;
   background-image:url('../img/bg_hp_04_p.jpg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position: center;
}

.style-testo-discografia{
   font-family: OpenSans-Regular;   
   line-height: 1.5em;
}

.btn-buy-album{
   cursor: default;  
   margin: 30px 0px 0px 0px; 
}

.btn-buy-album > span,.btn-buy-album > a {    
   margin-right: 20px;   
}
.btn-buy-album > a:last {    
   margin-right: 0px;   
}
.btn-buy-album > a{
   top:-3px;
   position:relative;
}



.btn-buy-album:hover .ico-itunes,.canzone-titolo-link:hover img.ico-itunes, .titolo-canzone:hover .ico-itunes{
   content:url('../img/ico_itunes_white.png');
}

.btn-buy-album:hover .ico-amazon, .canzone-titolo-link:hover img.ico-amazon,.titolo-canzone:hover .ico-amazon{
   content:url('../img/ico_amazon_white.png');
}

.btn-buy-album:hover .ico-google, .canzone-titolo-link:hover img.ico-google,.titolo-canzone:hover .ico-google{
   content:url('../img/ico_google_white.png');
}

.btn-buy-album:hover .ico-spotify, .canzone-titolo-link:hover img.ico-spotify,.titolo-canzone:hover .ico-spotify{
   content:url('../img/ico_spotify_white.png');
}



.ico-itunes{
   margin-top: -4px;
}

.btn-video{
  margin-top:3px;
}
.titolo-canzone,.titolo-canzone-no-hover,.album-crediti>span{
   margin-top: 3px;
   padding:11px;
   font-size:1.8em;
   text-transform: uppercase;
   font-family: OpenSans-Semibold;
}
.album-crediti>span{
   padding:0px;
   padding-top:12px;
}
.album-crediti{
   float:left;
   padding-top:10px;
}
.album-crediti-btn{
   float:right;
}

.style-testo-discografia{
   font-family: OpenSans-Regular;
   font-size:14px;
   margin-top:20px;
}

.titolo-canzone:hover{
   background-color: #bba37b;
   color: #fff;
   font-family: OpenSans-Bold;
   cursor:pointer;
}

.testo-block-btn-close {
   margin-top: 4px;
}
.row-canzone  > div{
   margin-left :0px;
   margin-right: 0px;
} 
.row-canzone {
   padding-top:10px;
   padding-bottom:10px;
}

.img-copertina{
   width:100%;
   margin-bottom:15px;
   -webkit-box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    0px 0px 23px 0px rgba(50, 50, 50, 0.9);
box-shadow:         0px 0px 23px 0px rgba(50, 50, 50, 0.9);
}


.testo-canzone {
   padding:30px;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.video-canzone{
    padding:30px;
}
.album-info{
   padding-left: 60px;
}
.album-info h1{
   padding-top: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-botto: 0px;
   font-family: OpenSans-Bold;
   font-size: 2em;
   text-transform: uppercase;   
}
.album-info h2{
   margin-top: 15px;
   text-transform: uppercase;   
   font-family: OpenSans-Light;   
}

.album-info div {
    margin-top: 35px;
}
.album-info div > h3 {
   font-family: OpenSans-Light;   
}

.canzone-link-buy > a{
   margin-left: 20px;
}

img.img-gallery{
   width: 100%;
  /* cursor:pointer; */
}

.album-crediti{
   
}
/*END SECTION DISCOGRAFIA*/


/* BIOGRAFIA */
#section-biografia{    
   width: 100%;
   height: 100vh;
   background-image:url('../img/bg_hp_05_p.jpg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position: center;
}


.biografia {
   font-family: OpenSans-Regular;
   font-size:18px;
}


img.tumb{
   width: 118px;
   height: 118px;
      -webkit-box-shadow: 0px 0px 23px 0px rgba(50, 50, 50, 0.9);
-moz-box-shadow:    0px 0px 23px 0px rgba(50, 50, 50, 0.9);
box-shadow:         0px 0px 23px 0px rgba(50, 50, 50, 0.9);   
}
/*END BIOGRAFIA*/


/*SOCIAL WALL*/

.aggregation {
	background: #fff;
	padding: $grid-gutter-width;
	margin-bottom: $grid-gutter-width;
	box-shadow: 0 1px 7px 2px rgba(0,0,0,.1);

	& .pin {
		max-width: 270px;
		margin-right: $grid-gutter-width / 2;
		box-shadow: none;
		border: 1px solid #eee;
	}
	& .pin-image {
		max-width: 100%;
		height: auto;
		width: auto;
	}

	& .pin-image-holder {
		width: auto;
		max-height: 270px;
	}
}

.aggregation-header {
	height: 45px;
	line-height: 45px;
	margin-bottom: $grid-gutter-width / 2;
	text-transform: uppercase;
}

.aggregation-time {
	text-transform: none;
	font-size: 10px;
	color: #999;
}

.pin2 {
    display: inline-block;
    background: #fff;
    box-shadow: 0 1px 7px 2px rgba(0,0,0,.1);
    /*margin: 0 0 $grid-gutter-width / 2;*/
    margin-left: 15px;
    margin-right: 15px;
  /*  -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;*/
	margin-bottom: 32px;
	width: 250px;	
}
.pin {
    display: inline-block;
    background: #fff;
    box-shadow: 0 1px 7px 2px rgba(0,0,0,.1);
    /*margin: 0 0 $grid-gutter-width / 2;*/
    margin-left: 15px;
    margin-right: 15px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
	margin-bottom: 32px;
	width: 100%;	
}

.pin-image {
    width: 100%;
}

.pin-image-holder {
   overflow: hidden;
   width: 100%;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.pin-caption {
	padding: $grid-gutter-width / 2 $grid-gutter-width / 2 0 $grid-gutter-width / 2;
	color: $gray;
	font-size: 12px;
	line-height: 17px;
	word-wrap: break-word;
}
.pin-media{
   padding: 10px;
   font-family: OpenSans-Light;
   font-size:11pt;
   word-wrap: break-word;
   width: 90%;
   padding-bottom: 15px;
}
a.pint-message{
   color: #bba37b;
} 


.follow-caption {
  padding: $grid-gutter-width / 2 $grid-gutter-width / 2 $grid-gutter-width / 2 $grid-gutter-width / 2;
  color: $gray;
  font-size: 12px;
  line-height: 17px;
  word-wrap: break-word;
}

.pin-bottom {
	padding: $grid-gutter-width / 2;
}

.pin-attribution {
    border: 1px solid #bba37b;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: block;
	padding: 10px 15px;
	text-transform: uppercase;
	font-family: OpenSans-Bold;
	font-size: 10pt;
}

.pin-ico-social{
   margin-right:10px;
   margin-top: -3px
}

.pin-date{
   font-size: 8pt;
   font-family: OpenSans-Regular;
   margin-left: 8px;
}


@media only screen and (min-width: 1100px){
   .container-pins:not(.profile) {
      -webkit-column-count: 5;
      -moz-column-count: 5;
      column-count: 5;
   }
}
@media only screen and (min-width: 1024px){
.container-pins:not(.profile) {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}}
@media only screen and (min-width: 768px){
.container-pins {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}}
@media only screen and (min-width: 480px){
.container-pins {
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}}

/*END SOCIAL WALL*/


/*FOOTER*/
.bg-black-opacity{
   background-color: #000; 
   opacity: 0.8;
   height: 60px;
}

.footer_space{
   top:7px;  
}

#jp_container .jp-block-title{
     margin-top:10px;
}

#jp_container .progress{
   height: 2px;
   margin-top:7px;   
   background-color: #434343;
}

#jp_container .progress-bar{
   background-color: #bba37b;
}

#jp_container .jp-time{
   float: right;
}


#jp_container .img-album{
   margin-top:5px;
   width:36px;
   height:36px;
}

#jp_container .jp-block-duration{
   top: 20px;
   position: relative;
}

#jp_container .jp-icon{
   position: relative;
   left:10px;
   margin-right:10px;
   top: 12px;
}

.jp-close{
   /*top: -6px;
   position: relative;*/
   cursor:pointer;
}

#footer{
   border-top: 6px solid #fff;
   background-color:  #bba37b;
   min-height: 530px;
   color: #FFFFFF;   
   text-size: 20px;
}

.footer-ico > a {
   margin-right: 20px;
}

.text-top{
   font-size: 27px;
   margin-top: 90px;
   margin-bottom: 20px;
}

.block-btn-social-footer{
   margin-top: 80px;
   margin-bottom: 80px;
}

a.btn-inverted{
   text-decoration:none;
   padding: 20px;
   
   text-transform:uppercase;
   line-height: 1.5em;
   border: 5px solid #FFFFFF;
   font-family: OpenSans-Bold;  
   font-size: 1.2em;
   color: #000;
   text-decoration: none;
   cursor:pointer;
   background: none; 
   font-weight:500; 
   margin-left: 20px;
   margin-top: 40px;
   margin-bottom: 40px;
}   
a.btn-inverted:hover{
   
}
/*END FOOTER */

/*LOGO*/
#section-home .loghi {
margin-bottom: 70px;
z-index: 1000;
padding: 20px;
}


/*GENERAL*/

.no-round-corner{
   -moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}

@media(max-width: 2500px) {
   #section-news .news-panel-height-fix{
      height: 570px;

   }
}
@media(max-width: 1200px) {
   a.btn-inverted {
      font-size: 1em;
      padding: 20px;
      margin-left: 0px;
   }
   .block-btn-social-footer {
      /**margin-top: 20px;*/
      font-size: 1em;
   }
   
   #section-news .news-panel{
    
      width: 50vw;
      max-width: 470px;
   }
    .pin2{
      width: 20%;
      
   }
   body{
      font-size: 13px;
   }
   #section-news .news-panel-height-fix{
      height: 530px;      
   }
}
@media(max-width: 990px){
   
   a.btn-inverted {
      padding: 10px;
      margin-left:0px;
   }
   
   #section-news .news-panel{
    
      width: 50vw;
      max-width: 360px;
    }
    .pin2{
      width: 28%;
      
   }
   body{
      font-size: 11px;
   }
   #section-news .news-panel-height-fix{
      height: 480px;      
   }
}

@media(max-width: 765px){
    #section-news .news-panel{
    
      width: 50vw;
      max-width: 50vw;
    }
    
    .pin2{
      width: 42%;
      
   }
   
   body{
      font-size: 12px;
   }  
   #section-news .news-panel-height-fix{
      height: auto;     
   }
       
   #section-home .loghi img{
     width: 40px;
   }
   #section-home #logo_universal_xs{
      width: 120px;      
   }
  div.img-crop {
    background-color: #fff;
    height: 50vw;
    overflow: hidden;
    padding: 40px;
    position: relative;
    width: 100%;
}
   
   div.img-crop-small {
max-height: 540px; 

}
   .img-crop.img-crop-None {
      position: absolute;
      left: 50%;
      top: 100%;
      height: auto;
      width: 100%;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
   }
}

@media(max-width: 660px){
   a.btn-inverted {
      padding: 10px;
      margin-left:0px;
   }
   
   .footer-ico > a {
      margin-right: 5px;
   }
   
   .pin2{
      width: 89%;
      margin-right: 20px;
   }
   
   .img-tumb{
      width: 100px;
   }
   
   #section-tour .day-tour{
      font-size: 6em;
   }
   
   
   .font-small-italic{
      font-size:11px;
   }
   a.btn-gold{
      font-size: 11px;
   }
   
   
   .btn-gold-xs{
      font-size: 10px;
   }
   
   body{
      font-size: 9px;
      line-height:1.8em;
   }  
   
   #section-home .loghi img{
     width: 30px;
   }
    #section-home #logo_universal_xs{
      width: 90px;      
   }

   #menu-top > ul > li{
      font-size:9px;
      margin-left:5px;
   }
   
   .bg-gradient-black{
      height: 70px;
   }
   
   .album-info{
      padding-left: 0px;
   }
   
   .testo-canzone{
      padding:10px;
      -webkit-column-count:1; /* Chrome, Safari, Opera */
      -moz-column-count: 1; /* Firefox */
      column-count: 1;
   }
   
   #section-home .center-page{
     padding-bottom:100px;
     position: relative;
     top: 20%;
     -webkit-transform: translateY(0%);
     -ms-transform: translateY(0%);
     transform: translateY(0%);
   }

   #section-home #sub-title h3{
      margin-bottom: 20px;
   }
   
   .col-new-panel{
      margin-bottom: 30px;
      /*padding: 30px;*/
   }
   
   div.img-crop{
      width:auto;  
      height:50vh;
      position: relative;
      overflow: hidden;
      background-color: #fff;
      padding: 40px;  
   }
   
   .img-crop.img-crop-None {
      position: absolute;
      left: 50%;
      top: 100%;
      height: auto;
      width: 100%;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
   }
   /*
   .body-page  {
      margin-top: 60px;
      margin-bottom: 60px;
      }
      */
    body.mobile .news-other{
      display:none;
    }
    
    #section-news .news-panel{
    
      width: 100vw;
      max-width: 100vw;
     
    }
    #content-1{
     /* padding-left: 10px;
      padding-right: 10px;*/
    }
    .news-panel{
      margin-left: 0px;
      margin-right:10px;
      
    }
    
    .news-container-block {
      margin-top: 100px;
      margin-bottom: 100px;
    }
   
    
    #section-news .center{
    padding-bottom:100px;
     position: relative;
     top: 0;
     -webkit-transform: translateY(0%);
     -ms-transform: translateY(0%);
     transform: translateY(0%);
    }
    
   div.img-crop {

    height: 35vh;
    
}

}


@media(max-height: 700px){
   #section-home .center-page {
      padding-bottom: 150px;
      position: relative;
      top: 110px;
       -webkit-transform: none; 
      -ms-transform: none;
      transform: none;
   }
   
   #section-home #sub-title h3{
      padding-bottom: 20px;
   }
   
   .loghi{
      position:relative;
   }
}
