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

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

}

@font-face {
  font-family: 'brandon_light_italic';
  src: url('fonts/brandon_light_it-webfont.eot');
  src: url('fonts/brandon_light_it-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/brandon_light_it-webfont.svg#brandon_grotesquelight_italic') format('svg'),
    url('fonts/brandon_light_it-webfont.woff2') format('woff2'),
    url('fonts/brandon_light_it-webfont.woff') format('woff'),
    url('fonts/brandon_light_it-webfont.ttf') format('truetype');         
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'brandon_bold';
  src: url('fonts/brandon_bld-webfont.eot');
  src: url('fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg'),
    url('fonts/brandon_bld-webfont.woff2') format('woff2'),
    url('fonts/brandon_bld-webfont.woff') format('woff'),
    url('fonts/brandon_bld-webfont.ttf') format('truetype');         
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'brandon_medium';
  src: url('fonts/brandon_med-webfont.eot');
  src: url('fonts/brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg'),
    url('fonts/brandon_med-webfont.woff2') format('woff2'),
    url('fonts/brandon_med-webfont.woff') format('woff'),
    url('fonts/brandon_med-webfont.ttf') format('truetype');         
  font-weight: normal;
  font-style: normal;

}

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

}

@font-face {
  font-family: 'brandon_MdIt';
  src: url('fonts/brandon_med_it-webfont.eot');
  src: url('fonts/brandon_med_it-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/brandon_med_it-webfont.svg#brandon_grotesqueMdIt') format('svg'),
    url('fonts/brandon_med_it-webfont.woff2') format('woff2'),
    url('fonts/brandon_med_it-webfont.woff') format('woff'),
    url('fonts/brandon_med_it-webfont.ttf') format('truetype');         
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'brandon_thin_italic';
  src: url('fonts/brandon_thin_it-webfont.eot');
  src: url('fonts/brandon_thin_it-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/brandon_thin_it-webfont.svg#brandon_grotesquethin_italic') format('svg'),
    url('fonts/brandon_thin_it-webfont.woff2') format('woff2'),
    url('fonts/brandon_thin_it-webfont.woff') format('woff'),
    url('fonts/brandon_thin_it-webfont.ttf') format('truetype');         
  font-weight: normal;
  font-style: normal;

}

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

}

@font-face {
  font-family: 'brandon_regular';
  src: url('fonts/brandon_reg-webfont.eot');
  src: url('fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg'),
    url('fonts/brandon_reg-webfont.woff2') format('woff2'),
    url('fonts/brandon_reg-webfont.woff') format('woff'),
    url('fonts/brandon_reg-webfont.ttf') format('truetype');         
  font-weight: normal;
  font-style: normal;

}
/****** START CSS RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  color:#111c23;
  font-family:brandon_regularRg,arial,sans-serif;
  overflow-x: hidden;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a{text-decoration: none;}
iframe{
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.fl{float:left;}
.fr{float:right;}

.container{
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  max-width:90vw;
  width:100%;
  margin: 0 auto;
}
.container-inner{	
  max-width:87.5rem;
  width:93%;
  margin: 0 auto;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
}
.popupContainer .container-inner{width:100%;padding:0}
.Grid {display: flex;display: -ms-flexbox; display: -webkit-flexbox;}

.Grid-cell {flex: 1;-ms-flex: 1;-webkit-flex: 1;}
.Grid--gutters {margin-left: -1.5em;}
.Grid--gutters > .Grid-cell {padding-left: 1.5em;}

.Grid--gutters-mar {margin-left: -3%;}
.Grid--gutters-mar > .Grid-cell {padding-left: 3%;}
/* Base classes for all media */

.Grid--1of2 {
  flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  -webkit-flex: 0 0 50%;
}
.Grid--1of3{
  flex: 0 0 33.3333%;
  -ms-flex: 0 0 33.3333%;
  -webkit-flex: 0 0 33.3333%;
}
.Grid--1of4 {
  flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  -webkit-flex: 0 0 25%;
}

/*******************************
END CSS RESET 
*******************************/

/****** START SITE CSS *******/

/*ANIMATION*/
.hidden{
  opacity:0;
}
.visible{
  opacity:1;
}

/**** Sticky Footer ***/
.Site {
  display: flex;
  display: -ms-flexbox; 
  min-height: 100vh;
  flex-direction: column; 
  -ms-flex-direction: column; 
  -webkit-flex-direction: column; 
  background:#ffffff;
}

.Site-content {
  /* flex: 1;  
  -ms-flex:1;
  -webkit-flex: 1;*/
  display:block;
  width:100%;
  margin-top: 0vh !important; 
  position: relative;
}

/****** START HEADER *******/
header.fixed {
  position: fixed;
}
.closeBanner {
  height: 40px;
  position: absolute;
  right: 6%;
  text-indent: -999999px;
  width: 40px;
}

.closeBanner:before {
  background: none repeat scroll 0 0 rgb(0, 0, 0);
  content: "";
  height: 40px;
  position: absolute;
  right: 14px;
  top: 0;
  transform: rotate(45deg);
  width: 1px;
}
.closeBanner:after {
  background: none repeat scroll 0 0 rgb(0, 0, 0);
  content: "";
  height: 40px;
  position: absolute;
  right: 16px;
  top: 0;
  transform: rotate(-45deg);
  width: 1px;
}
.banner-header{
/*  padding: 1.5em 0 0;*/
  position: absolute;
  width: 100%;
  z-index: 1;	
}
.logo a {
  background: url("images/legacy.png") no-repeat scroll left top rgba(0, 0, 0, 0);
  display: block;
    height: 48px;
  text-indent: -999999px;
  width: 101px;
  background-size: 70px;
  margin-top: 19px;
  margin-left: 5px;
  position: relative;
  z-index: 0;
}
.inner-header .logo a{background-position:left -60px;}
.inner-header .container{
  border-bottom: 1px solid #122937;
  padding-bottom: 1.5em;
}

.home-banner-slider:before {
  border-right: 0px solid #ffffff;
  bottom: 0;
  content: "";
  display: flex;
  display: -ms-flexbox; 
  flex: 1 1 0;
  -ms-flex: 1 1 0;
  -webkit-flex: 1 1 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 1%;
}
.homeFixedHead{margin-top:100vh; width:100%;}
.home-banner-slider:after {
  border-right: 0px solid #ffffff;
  content: "";
  display: flex;
  display: -ms-flexbox; 
  flex: 1 1 0;
  -ms-flex: 1 1 0;
  -webkit-flex: 1 1 0;
  height: 102%;
  position: absolute;
  right: 0;
  top: -1%;
}
.home-banner-slider {   
  position: relative;
  flex: 1 1 0;
  -ms-flex: 1 1 0;
  -webkit-flex: 1 1 0;
  display:table;
  width:100%;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  min-height: 440px;
}

.home-banner-slider .borderBig  {
  bottom: -31px !important;
}
/** BANNER ANIMATION **/
.banner-slider{position: relative;transition: all 0.7s;}
.banner-header nav {
  position: absolute;
  right: 0;
  top: 0px;
}
.sticky nav {
  top: 1px;
}
.menu-icon {
  position: relative;
  right: 0;
  text-align: right;
  display: none;
  z-index: 1;
}
.menu-icon a {
  color: white;
  height: 34px;   
  padding: 0 0 0 2em;
  position: relative;
  width: 40px;
  text-decoration:none;
  line-height:25px;
  display: inline-block;
}
.menu-icon a:active{
 
}
.menu-icon a:before {
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  top: -5px;
  width: 18px;
  -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
  box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
}

.inner-header .menu-icon a{color: #111c23;}
.inner-header .menu-icon a:before{
  -webkit-box-shadow: 0 10px 0 1px #111c23, 0 16px 0 1px #111c23, 0 22px 0 1px #111c23;
  box-shadow: 0 10px 0 1px #111c23, 0 16px 0 1px #111c23, 0 22px 0 1px #111c23;
}

nav {
  margin-top: 34px;   
  margin-right: 0.8em;
}

nav li {
  display: inline-block;
  margin: 0 0.4em 0 0;
  padding: 0em 0em 1.4em 0em; 
}
nav li a {
  color: #ffffff;
  font: 90% brandon_medium, arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  padding: 2px 5px;
}
nav li:last-child {margin: 0;}
nav li.Facebook a,
nav li.Twitter a,
nav li.Spotify a{
  display: inline-block;
  height: 18px; width: 15px;
  text-indent: -999999px;
  position: relative;
  top: -3px;
}

nav li.Facebook a{ background: url("images/sprite-img.png") no-repeat -125px -2px; }
nav li.Twitter a{ background: url("images/sprite-img.png") no-repeat -157px -2px; }
nav li.Spotify a{ background: url("images/sprite-img.png") no-repeat -157px -75px; }

.banner-header nav li.Facebook a{ background: url("images/sprite-img.png") no-repeat -125px -50px; }
.banner-header nav li.Twitter a{ background: url("images/sprite-img.png") no-repeat -157px -50px; }
.banner-header nav li.Spotify a{ background: url("images/sprite-img.png") no-repeat -118px -75px; }
.sticky.banner-header nav li.Facebook a{ background: url("images/sprite-img.png") no-repeat -125px -2px; }
.sticky.banner-header nav li.Twitter a{ background: url("images/sprite-img.png") no-repeat -157px -2px; }
.sticky.banner-header nav li.Spotify a{ background: url("images/sprite-img.png") no-repeat -155px -75px; }
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.inner-header .menu li .sub-menu {
  display: none;
  position: absolute;
  width: 250px;
  background: #006690;
  margin-top: 1.6em; 
  opacity: 0;
  -webkit-animation: fadein .5s; /* Safari and Chrome */
    -moz-animation: fadein .5s; /* Firefox */
    -ms-animation: fadein .5s; /* Internet Explorer */
    -o-animation: fadein .5s; /* Opera */
    animation: fadein .5s;
}
.sticky .menu li .sub-menu {
  margin-top: 15px !important;
}
.banner-header .menu li .sub-menu {
  display: none;
  position: absolute;
  width: 250px;
  background: #ffffff;
  margin-top: 27px; 
  opacity: 0;
  -webkit-animation: fadein .5s; /* Safari and Chrome */
    -moz-animation: fadein .5s; /* Firefox */
    -ms-animation: fadein .5s; /* Internet Explorer */
    -o-animation: fadein .5s; /* Opera */
    animation: fadein .5s;
}

.menu li:hover .sub-menu {
  display: block;
  opacity: 1;
  height: auto;
}

.menu li .sub-menu li {
  border-bottom: none;
  margin: 0px;
  padding: 1em;
}

.inner-header .menu li .sub-menu li a {
  color: #fff;
}
.banner-header .menu li .sub-menu li a {
  color: #000;
}

.menu li .sub-menu.show {
  display: block;
  opacity: 1;
  height: auto;
  position: relative;
  width: 100%;
}

/****** END HEADER *******/

/****** FORMS ****/
form {
  
}
form.style1 {
  padding: 2em;
  margin: 0px;
}
form .send{
  cursor: pointer;
  margin-top: 0px;
}
form label {
  display: block;
  color: #3b5d72;
  font-family: "brandon_medium", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
.form_errors {
  padding: 1em;
  border: 2px solid #BF3939;
}
form .form-intro {
  font: 170% brandon_regular,sans-serif;
  text-transform: uppercase;
  margin: 0 0 0.5em 0;
}
#contact_ajax_response {
  color: #BF3939;
  line-height: 1.5em;
}
input[type="text"],input[type="email"],textarea,input[type="file"] {
  border: 1px solid #999;
  width: 300px;
  padding: 10px;
  font-size: 1em;
}
input.error {
  outline: 1px solid red;
}
.pageContent p.errorBox {
  display: none;
  color: red;
  font-family: "brandon_medium", sans-serif;
  font-size: 130%;
}

#thanks {
  padding: 2em;
}
/****** END FORMS ****/

.new-releases-container, footer {background: none repeat scroll 0 0 #ffffff;}
.new-releases-container{display: flex;display: -ms-flexbox; }

.homeBannerContainer {
  min-height: 80px;
  position: relative;
  width: 100%;
  background:#000000;
  overflow: hidden;
}

.banner-background {
  height: auto;
  padding: 2% 5%;
  position: absolute;
  text-align: center;
  width: 90%;
  top:0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.homeBannerContainer .scroll-bottom {
  margin:-1.9em auto;
  display:block;
}
.album-box.artists-ofMonth a span, 
.album-box.artists-ofMonth a {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.position-fixed{position:fixed;}

.margin-wvh, .artisti{
  margin-top:100vh;
  position: relative;
  z-index: 1;
  transition: all 0.7s;
  background: #ffffff;
}

.album-title h4 a {
  color: #ffffff;
  font:100% brandon_MdIt,sans-serif;
  text-transform: uppercase;
  margin: 0 0 0.5em 0;
  text-decoration: none;
  display: block;
}
.home-page-content h3 {
  font: italic 100% didot,sans-serif;
  margin: 0 auto 3em 0;
  text-align: center;
  color: #111c23 ;
}

.album-title > h1 a {
  color: #ffffff;
  font: 250%/1.1 didot,sans-serif;
  text-transform: uppercase;
  margin: 0 auto;
  width: 95%;
  text-decoration: none;
  display: block;
}
.banner-slider figure {
  margin: 0 auto 1em;
  width: 18%;
  padding-top:2em;
}
figure img{width:100%;}
.title-line {
  background: none repeat scroll 0 0 #ffffff;    
  display: inline-flex;
  display: -ms-inline-flexbox;
  height: 1px;
  margin: 0.5em auto 1em;
  width: 10vw;
}
.album-title {margin: 0 0 1em;}
.content-text {
  color: #ffffff;
  font: 100%/1.5 brandon_light,sans-serif;
  margin: 0 0 1em;
}

.scroll-bottom {
  background: url("images/sprite-img.png") no-repeat scroll left top rgba(0, 0, 0, 0);
  display: inline-flex;
  display: -ms-inline-flexbox;
  margin: 1em 0 0;
  height: 23px;
  text-indent: -999999px;
  width: 40px;
  position:relative;
}
.inner-header .menu>li:hover>a {color: #006690;}
.banner-header .menu>li:hover>a {color: #eee;}
.banner-header.sticky  .menu>li:hover>a { color: #000}
.scroll-top {
  background: url("images/sprite-img.png") no-repeat scroll left -29px rgba(0, 0, 0, 0);   
  height: 23px;
  margin: 0 auto;
  text-indent: -999999px;
  width: 40px;
  display:none;
}
.scroll-top.scroolTo {display:block;}
.slider-nav {
  left: 2%;
  position: absolute;
  top: 50%;
  width:96%;
}
.preview {
  background: url("images/sprite-img.png") no-repeat scroll -50px 0 rgba(0, 0, 0, 0);
  height: 37px;
  text-indent: -999999px;
  width: 20px;
}
.next{
  background: url("images/sprite-img.png") no-repeat scroll -89px 0 rgba(0, 0, 0, 0);
  height: 37px;
  text-indent: -999999px;
  width: 20px;
}
.linkHover:hover{background:rgba(255,255,255,0.1);}
.see-all_link:hover{background:rgba(0,0,0,0.1);}
.albumPlayer iframe{width:100%;}
/***** FOOTER ****/
.footer {
  background: none repeat scroll 0 0 #ffffff;
  padding: 4em 0;	
}
.footer-menu li {
  display: inline-block;
  margin-right: 1em;
}
.footer-menu li a {
  color: #3b5d72;
  font: 75% brandon_regular,sans-serif;
  text-decoration: none;
  text-transform: uppercase;
}
.copyright, .copyright a {
  color: #3b5d72;
  font: 90% brandon_regular,sans-serif;	
}
.copyright {text-align: right;}
.position{position: relative;z-index: 10;}
.topPadding{padding-top:5%;}
.homeBannerSlider li {	
  margin-left:100%;
  transition: all 1s;  
  padding-top: 80px;
  padding-bottom: 80px;
}
.banner-background:before {
  background: none repeat scroll 0 0 rgba(11, 25, 34, 0.8);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.homeBannerSlider li.active{margin-left:0;}

.lifeChanging-music {
  background: none repeat scroll 0 0 #ffffff;
  padding: 1.5em 0 5%;
}
.big-title {
  font: 300%/1 didot,sans-serif;
  margin: 0 0 0.3em 0;
  text-align: center;
  text-transform: uppercase;
}
.home-page-content h4 {
  font: 180%/1 brandon_medium,sans-serif;
  margin: 0 0 0.5em;
  text-align: center;
  text-transform: uppercase;
}
.home-page-content h5 {
  font: 120% brandon_medium,sans-serif;
  margin: 0 auto 1.5em;
  text-align: center;
  text-transform: uppercase;
}
.home-page-content p {
  color: #111c23;   
  margin: 0 auto;
  text-align: center;
  width: 60%;
  font: 100%/1.5 brandon_light,sans-serif;
}
.title-line-row {    
  position: relative;
  text-align: center;
}
.title-line-row > a {
  border-bottom: 1px solid #101b22;
  border-top: 1px solid #101b22;
  color: #09131a;
  display: inline-block;
  font: 170%/1 brandon_regular,sans-serif;
  padding: 1em;
  text-decoration: none;
  text-transform: uppercase;
}
.Grid-cell.Grid--cust{flex:0 0 17%;-ms-flex:0 0 17%;-webkit-flex:0 0 17%;}
.leftTitle-line {
  border-top: 1px solid #101b22;
  display: block;
  margin-top: 6%;
  text-indent: -999999px;
}
.titleLinerow{margin:0 0 3em 0;}
.album-box{
  position: relative;
/*  height: 100%;*/
  border-right: 1px solid rgb(231, 231, 231);	
  overflow: hidden;

}

.album-box.single-album a. figure {margin-bottom: 0 !important;}

.album-box > figure {margin: 0 0 2em;}
.album-box > a {
  color: #000000;
  display: block;
  text-align: center;
  text-decoration: none;
  width:100%;

}
.title a {
  font: 180%/1 didot,sans-serif;
  margin: 0 0 0.5em;
  text-align: center;
  display: block;
  text-decoration: none;
  color: #09131a;	
}

.title_bottom_underline {
  background: none repeat scroll 0 0 #cccccc;
  display: inherit;
  height: 1px;
  margin: 0 auto 1em;
  text-align: center;
  width: 4vw;
}
.span-title{
  color: #555555;
  font: 100% brandon_thin_italic,sans-serif;
  text-transform: uppercase;
  margin: 0 auto 1em;
  display: block;
  text-align: center;
  text-decoration: none;
}
.span-title a{color: #555555;}
.album-box_bottom > a {
  border-right: 1px solid #cccccc;
  color: #555555;
  display: inline-block;
  font: 100% brandon_regular,sans-serif;
  padding: 1.5em 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 49%;
}
.album-box_bottom {
  border-top: 1px solid #cccccc;
  margin: 0 auto 0;
  width: 93%;
  display: block;
  min-height:71px;

}
.album-box.single-album{border-left: 1px solid rgb(231, 231, 231);}
.single-album .album-box_bottom.show{
  border: none;
  border-bottom: 1px solid rgb(231, 231, 231);
  width: 100%;	
}
.single-album .album-box_bottom > a{
  padding: 0.4em 0 0.3em;
  margin: 1em 0 0.5em 0;
}
.bottomTotop{
  width: 100%;
  background: #ffffff;
  padding: 1.5em 0 0 0;
  text-align: center;
  position:absolute;	
  top:auto;
  transition: all 0.7s;
  left:0;
  bottom:0;
}

.album-box.artists-ofMonth .album-box_bottom a{color:#ffffff;}

.album-box_bottom > a:last-child{border:none;}

.bottomTotop.stopAnimat{bottom:0 !important;}
.bottomTotop.stopAnimat .album-box_bottom{display:none !important;}*/



/****** SINGLE ARTISTIS ****/

/*
.album-box.artists--album.artists-ofMonth .bottomTotop{ background:#ffffff;}
.album-box.artists--album.artists-ofMonth:hover .bottomTotop{ background:rgb(17, 28, 35);}
.album-box.artists--album.artists-ofMonth .bottomTotop span{ color:#000000;}
.album-box.artists--album.artists-ofMonth .bottomTotop a{ color:#000000;}
.album-box.artists--album.artists-ofMonth:hover .bottomTotop span{ color:#ffffff;}
.album-box.artists--album.artists-ofMonth:hover .bottomTotop a{ color:#ffffff;}
*/


/*.album-box.artists--album.artists-ofMonth .monthOf{ opacity: 0;color:#000000;}
.album-box.artists--album.artists-ofMonth:hover .monthOf{ opacity: 1;top:0;}*/
.album-box.artists--album.artists-ofMonth .bottomTotop span{ color:#ffffff;}
.album-box.artists--album.artists-ofMonth .bottomTotop a{ color:#ffffff;}

/*******SINGLE ARTISTIS ****/

/*.album-slider .slider_list figure {padding-bottom: 6em;}*/
.new-releases_list .Grid-cell:last-child{border-right:1px solid #cccccc;}
.new-releases_list .Grid-cell{
  border:1px solid #cccccc;
  border-right:none;
  flex: 0 0 33.2%;    
  -ms-flex: 0 0 33.2%;    
  -webkit-flex: 0 0 33.2%;    
}
.new-releases_list {margin: 0 0 3em;}
.title-line-row > a.see-all {
  border: 1px solid #101b22;
  font-size: 100%;
  padding: 1.5em;
  display: inherit;
}
.music-player-container {
  background: url("images/section_bg.png") repeat scroll 0 0 #ffffff;
  padding: 5em 0 7.2em;
}
.deluxe-date {display: flex;margin: 0 0 3.5em; display: -ms-flexbox; }
.line{border-top:1px solid #101b22;}
.line {
  border-top: 1px solid #101b22;
  margin-top: 0.7em;
}
.deluxe-date > span {
  display: inline-block;
  flex: 1 1 0;
  -ms-flex: 1 1 0;
  -webkit-flex: 1 1 0;
  font: 100% brandon_regular,sans-serif;    
  text-align: center;
  text-transform: uppercase;
}
.deluxe-Edition > .h4,
.deluxe-Edition > h4{margin:0 0 1em 0; height: 3em;}
.deluxe-Edition > .h4 a,
.deluxe-Edition > h4 a,
.deluxe-Edition > .h4 span,
.deluxe-Edition > h4 span {
  color: #006690;
  display: block;
  font: 100% brandon_regular,sans-serif;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  min-height: 45px;
}
.album-box.single-album figure {margin: 0 !important;}

.deluxe-Edition-text > p {font: 100%/1.5 brandon_light,sans-serif; color:#010101;}
.deluxe-Edition-text{margin:0 0 1em 0;}
.deluxe-Edition-text img{ display: block; margin: 2% 0; }

.social-link {
  margin: 0 0 2em;
  text-align: center;
}
.fb {
  background: url("images/sprite-img.png") no-repeat scroll -125px -5px rgba(0, 0, 0, 0);
  display: inline-block;
  height: 20px;
  text-indent: -999999px;
  width: 20px;
}
.tw {
  background: url("images/sprite-img.png") no-repeat scroll -157px -5px rgba(0, 0, 0, 0);
  display: inline-block;
  height: 20px;
  text-indent: -999999px;
  width: 20px;
}
.menu.slide-menu {
  top: 0em;

}

.menu.slide-menu li {
  display: inline-block
}

.menu.slide-menu li ul{
  position: relative;
  margin: 0px;
  background: none;
}
.menu.slide-menu li ul li {
  text-align: left;
  padding: 0em 1em;
}
.menu.slide-menu li ul li a{
  color: #eee;
  font-size: 13px !important;
}
footer.position{z-index: 15;}
.newsletter-form-container{ background: url("images/newsletter-bg.jpg") no-repeat scroll left top / cover;}
.newsletter-bg {
  background: url("images/section_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding: 3em 0 1em 0;
  text-align: center;
  color: #ffffff;
}
.newsletter-bg .leftTitle-line {border-color: #ffffff;}
.newsletter-bg .title-line-row > a {border-color: #ffffff;color:#ffffff;}
.newsletter-bg .h2,
.newsletter-bg h2 {
  font: 170% brandon_regular,sans-serif;
  text-transform: uppercase;
  margin: 0 0 0.5em 0;
}
.newsletter-bg .section-title > span {font-family: brandon_black,sans-serif;}

.topHeadHeight{margin:86px 0 0 0; position: relative; top: 10px;}
.newsletter-bg .h6,
.newsletter-bg h6 {
  font: 110% brandon_light,sans-serif;    
}
.fullwidth{background: #ffffff;}
form {
  border-bottom: 1px solid #ffffff;
  margin: 2.5em 0 0;
  padding: 0 0 5em;
}
.email {
  margin: 0 auto 2em;
  position: relative;
  width: 40%;
}

.email input {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  color: #ffffff;
  font: 140% brandon_regular,sans-serif;
  height: 35px;
  padding: 0.5em;
  text-align: center;
  width: 100%;
}
.email:before {
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  bottom: 0;
  content: "";
  height: 25px;
  left: 0;
  position: absolute;
  top: auto;
  width: 100%;
}

.button {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #ffffff;
  font: 120%/1 brandon_regular,sans-serif;
  padding: 1.3em 2.5em 1em;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid #FFFFFF;
  display: inline-block;
}

.divider {
  display: flex;
  display: -ms-flexbox; 
  margin:0 0 3em;
  align-items: center;
  -ms-flex-align: center;
  -webkit-flex-align: center;

} 
.section-title {    
  border-bottom: 1px solid #101b22;
  border-top: 1px solid #101b22;
  text-align: center;  
}
.musicGame-form {
  margin: 0;
  padding: 0;
}
.musicGame-form .button{
  border: none;
  color: #555555;
}
.section-title.step.disabled{ opacity: .2; }
.section-title.step.disabled button{ cursor: default; }
.section-title  a, .section-title  span{	
  color: #09131a;
  display: block;
  font: 170%/1 brandon_medium,sans-serif;
  padding: 1em;
  text-decoration: none;
  text-transform: uppercase;	
}

.divider:before, .divider:after {
  background: #fff;
  flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  content: " ";
  display: block;
  height: 1px;
  transition: all 0.4s;
}   
.banner-slider .content-text {
  margin: 0 auto 2em;
  width: 60vw;
}
.banner-slider figure a img {
  min-height: 200px;
  max-width: 250px;
}
/* styles for dark */
.divider.dark .section-title {
  border-color: #000;
}
.divider.dark:before, .divider.dark:after {
  background-color: #000;
}
/* styles for Wight */
.divider.Wight  .section-title span {color: #fff;}
.divider.Wight  .section-title {
  border-color: #fff;  
}
.divider.Wight:before, .divider.Wight:after {
  background-color: #fff;
}

.divider-logo{
  align-items: center;
  display: flex;
  display: -ms-flexbox; 
  position:relative;    
}
.home-banner-slider .container {max-width: 100%;}
.divider-logo:after{
  background: none;
  flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  content: " ";
  display: block;
  height: 4px;
  margin: 3.2em 0 0;
}
.relative{position:relative;}
/** style for full box border**/
.section-title.see-all_link{border: 1px solid #101b22;}
.section-title.see-all_link a{font-size: 100%;padding:1.5em 2em 1.2em;}
.section-title.border-none span {
  font-size: 100%;
  padding: 0 1em;
  font-family: brandon_MdIt;
}
.section-title.border-none{border:none;}

/* styles for Border Big */
.borderBig .section-title > a {
  color: #ffffff;
  font-size: 1em;
  padding: 1.5em 2em;
}
.divider.borderBig  .section-title {border: 1px solid #ffffff;}
.divider.borderBig:before, .divider.borderBig:after {height: 4px;}
.divider.borderBig {margin: 0;overflow: hidden;position:absolute;bottom:-38px;width: 100%;}
.album-box .title {padding: 0 0.5em;display:block;}
.album-box .uscite_title a{
  color: #000000;
  font: bold 1.9em didot,sans-serif;
  padding: 0 0.5em;
}
.uscite_title{display:block;margin:0 0 1em 0;}

/** START INNER PAGE ***/

.innerTitle-banner {
  background: none repeat scroll 0 0 #111c23;
  margin: 0 0 5em;
  padding: 2em;
}
.innerTitle-banner > h1 {
  color: #ffffff;
  font: 400% didot,sans-serif;
  text-align: center;
  text-transform: uppercase;
}
.inner-header.innerPage-head {padding:0 0 0 0; z-index: 50;margin-top: 0vh !important; display: block;}
header {transition: all 0.7s;}
.banner-header li:hover {border-bottom: 5px solid #fff;}
.banner-header.sticky .menu>li:hover {border-bottom: 5px solid #000;} 
.banner-header.sticky .menu>li>ul{background:  #000;} 
.banner-header.sticky .menu>li>ul>li>a{color:  #fff;} 
.banner-header li:hover ul li a {border-bottom: none;} 
.banner-header li ul li:hover a {border-bottom: none;} 
.home .inner-header.innerPage-head {display: none;}
.lifeChanging-music.newReleases-music {padding-top: 0;}

.meterSym{position: relative;}
.meter-icon {
  background: url("images/sprite-img.png") no-repeat scroll -180px 15px #fff;
  border: 1px solid #000;
  display: block;
  height: 30px;
  padding: 1em;
  position: absolute;
  right: 0;
  top: 8px;
  width: 30px;
}

.album-slider {position: relative;}
.album-slider .slider-nav .preview{background-position:-50px -49px;}
.album-slider .slider-nav .next{background-position:-90px -49px;}
.album-slider .slider-nav{
  left: -3%;
  position: absolute;
  top: 50%;
  width: 106%;
  z-index: 10;
}

.release-date {
  color: #757575;
  display: block;
  font: 80%/1.2 brandon_MdIt,sans-serif;
  margin: 0 0 2.5em;
  padding: 0 1em;
  text-align: center;
}
.release-date > span {
  display: block;   
}
.divider-bg {
  background: url("images/section_bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  border-bottom: 1px solid #efefef;
  height: 79px;
  margin: 0 0 3em;
  width: 100%;
}
.previous-issues {
  background: url("images/section_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding: 10em 0 7em;
}
.previous-issues .section-title.see-all_link a{padding: 1.6em 2em 1.5em;}
.previous-issues .time-icon {
  background: url("images/sprite-img.png") no-repeat scroll -196px -3px rgba(0, 0, 0, 0);
  display: inline-block;
  height: 28px;
  margin-bottom: -0.2em;
  padding: 0;
  width: 43px;
}
.innerTitle-banner.news-bage-title {margin: 0 0 2em;}
.sub-menu {
  border-bottom: 1px solid #000000;
  text-align: center;
  width: 100%;
}
.sub-menu li {
  display: inline-block;
  margin: 0 1.5em 0 0;
  padding-bottom: 1.5em;
}
.sub-menu li a, .tag a {
  color: #000000;
  font-size: 90%;
  text-decoration: none;
  text-transform: uppercase;
}
.sub-menu-act {
  border-bottom: 3px solid #000000;
}
.news-listDate {
  display: block;
  font-style: italic;
  margin: 0 0 1.5em;
  text-align: center;
  text-transform: capitalize;
}
.deluxe-Edition > figure {margin: 0 0 1.5em;}
.news-list .deluxe-Edition-text p {text-align: center;}
.loadMore a {
  color: #000000;
  display: block;
  font: 90%/6 brandon_regular,sans-serif;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.divider-bg.loadMore{margin: 0;}
.news-list .Grid {
  flex-flow: row wrap;   
  -webkit-flex-flow: row wrap; /* Safari 6.1+ */ 
  -ms-flex-flow: row wrap; /* Safari 6.1+ */ 
}
.news-list .deluxe-Edition-text {min-height: 100px;}
.news-list .deluxe-Edition > .h4,
.news-list .deluxe-Edition > h4 {min-height: 75px;}
.news-list .Grid-cell {flex: 0 0 30.3333%;-ms-flex: 0 0 30.3333%;-webkit-flex: 0 0 30.3333%;}
.news-list.nospace .Grid-cell {flex: 0 0 33.3333%;-ms-flex: 0 0 33.3333%;-webkit-flex: 0 0 33.3333%;}
.sub-menu li:last-child{margin: 0;}

.artisti_italiani_banner {
  position: fixed;
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  z-index: 1;
  margin: 5.8em 0 0;
  width: 100%;
  top: 0;
}
.artisti_italiani_bannerBG {
  background: url("images/artisti_italiani_banner1.jpg") no-repeat scroll left top / cover rgba(0, 0, 0, 0);
  height: 80.5vh;
  padding: 5vh;
  position: relative;
  top: -3px;
}

.artisti_italiani_bannerBG:before {
  background:rgba(11, 25, 34,.85);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.bannerContent {
  border: 4px solid #ffffff;
  border-bottom:none;
  height: 82vh;
  position: relative;
}

.bannerContent > figure {
  border-radius: 100%;
  height: 300px;
  margin: 7% auto 2.5em;
  overflow: hidden;
  width: 300px;
}
.bannerContent > h1{
  text-align: center;
  width: 50%;
  font: 400%/1 didot,sans-serif;
  text-transform: uppercase;
  margin: 0 auto;
  color: #ffffff;
  word-wrap: break-word;
}
.bannerContent > h1 a{
  color: #ffffff;
}
.bannerContent .divider.borderBig{bottom: -10px;}
.bannerContent .divider.borderBig .scroll-bottom{margin: 0;}
.header_position {
  background: none repeat scroll 0 0 #ffffff;
  position: relative;
  width: 100%;
  z-index: 3;
}
.ultimi_album{padding-top: 3em;}

.video-Icon {
  background: url("images/sprite-img.png") no-repeat scroll -240px top rgba(0, 0, 0, 0);
  height: 45px;
  text-indent: -999999px;
  width: 65px;
}
.photo-Icon {
  background: url("images/sprite-img.png") no-repeat scroll -310px top rgba(0, 0, 0, 0);
  height: 45px;
  text-indent: -999999px;
  width: 65px;
}
.photo-slider {
  position: relative;
}
#videoSlider .wp-video {width: 100% !important;}
.mejs-container.svg.wp-video-shortcode.mejs-video{ width: 100% !important;height: 100%!important;overflow: hidden;}
#videoSlider .next{
  overflow: hidden;
  position: absolute;
  right: 2%;
  top: 45%;
  z-index: 5;
}
#videoSlider .preview{
  overflow: hidden;
  position: absolute;
  left: 2%;
  top: 45%;
  z-index: 5;
}
.photo-slider > ul {
  width: 100%;
}
.photo-slider > ul li{
  position: absolute;
  margin-left: 100%;	
  width: 100%;
  z-index:1;	
  transition: all .4s;
  opacity:0;	
}
.photo-slider li.active{z-index:2;opacity:1;margin-left: 0%;	}
.photo-slider .slider-nav {
  left: 4%;
  margin:0;
  top: 0;
  width: 92%;
  height: 100%;
  z-index: 5;
}
.photo-slider .slider-nav .preview{top:45%;position: absolute; left:0;}
.photo-slider .slider-nav .next{top:45%;position: absolute; right:0;}
.newReleaseAlb {
  background: none repeat scroll 0 0 #ffffff;
  margin: 4.4em 0 2em;
  padding: 6em 0 0;
}
.newReleaseAlb .Grid-cell {
  flex:0 0 33.3333%;
  -ms-flex:0 0 33.3333%;
  -webkit-flex:0 0 33.3333%;
}

.photo-slider li a {
  display: block;
  width: 100%;
}
.photo-slider li img {width: 100%;min-height:210px;}
.videoPlayBox > a {display: block;position: relative;}
.videoPlayBox > a:before{
  position:absolute;
  content: '';
  width: 150px;
  height: 150px;
  left: 20%;
  top: 20%;
  background: url(images/sprite-img.png) no-repeat left -100px;
}

.videoPlayBox > a img {width: 100%;}
.videoPlayBox > a:before {
  background: url("images/sprite-img.png") no-repeat scroll left -100px rgba(0, 0, 0, 0);
  content: "";
  height: 150px;
  left: 40%;
  position: absolute;
  top: 30%;
  width: 150px;
}
.full-size .bannerContent {
  border: 4px solid #ffffff;
  height: auto;
  padding: 15% 0;
}
.artisti_italiani_banner.full-size {
  margin: 0;
  position: relative;
}
.news-list.nospace {border: 1px solid #d7d7d7;border-bottom:none;}
.divider-bg.pageend {
  background-repeat: repeat;
  height: 155px;
  margin: 0;
}

.artists-box {
  display: flex;
  display: -ms-flexbox; 
  height: 100%;    
}
.artists-box > a {   
  position: relative;
  width: 100%;
  text-decoration: none;
  background: #ffffff;
}
.pagename-banner { margin: 0 0 2em;}
.artists-box figure {    
  width: 100%;
}
.monthOf{
  color:#FFFFFF;
  display: block;
  font: 140%/1 brandon_black,sans-serif;
  margin: 0 0 0 0;
  padding: .5em 0;
  background: #111c23;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  /*transition: all 0.7s;*/
  position: absolute;
  top: 0;
}

.artistsDtls {    
  color:#000000;
  padding: 1em 5% 5% 5%;    
  text-align: center;
  width: 90%;
  transition: all 0.7s;
  display: block;
  margin:-5px 0 0 0;
}

a .groupName {
  display: block;
  font: bold 150%/1 didot,sans-serif;
  min-height: 55px;
  padding: 1.3em 0.5em 0;
  color: #000000;
  text-transform: capitalize;
  width: 92%;
  margin: 0 auto .5em;
}

.title_bottom_underline.full {width:0;opacity: 0;transition: all 0.7s;}
.album-box:hover .title_bottom_underline.full {width: 100%;opacity: 1;}

.album-box.artists-ofMonth .title_bottom_underline.full {width: 100%;opacity: 1;}
.album-box.artists-ofMonth{background:#111c23;}
.moreInfo {
  font: 100% brandon_regular,sans-serif;
  text-transform: uppercase;    
  display: block;
  padding: 0 0 1em 0;
  transition: all 0.7s;
}
.moreInfo a{text-decoration: none;color: #000000;}

.artists-ofMonth .bottomTotop{
  background: none repeat scroll 0 0 #111c23;
  position:absolute;
  /*bottom: 0 !important;*/
  padding: 1.7em 0 0;
}

.album-box:hover .bottomTotop{
  bottom: 0 !important;
}
/*.artists-ofMonth:hover .monthOf{top:0;}*/

.artists-ofMonth .groupName{color: #ffffff;}
.artists-ofMonth .moreInfo a{color: #ffffff;}

.news-list.nospace.fliter_list .Grid-cell {flex: 0 0 20%;-ms-flex:0 0 20%; -webkit-flex:0 0 20%;overflow: hidden;}
.news-list.nospace.fliter_list .album-box{border-bottom: 1px solid rgb(231, 231, 231);}
.pagename-banner.catalogo-Page {margin: 0;}

/*******************
AJAX LOADER
*******************/
body.ajaxLoading{ overflow: hidden; width: 100%; height: 100%; }
#ajaxSpinner{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: rgba(255,255,255,.8);
  text-align: center;
  display: none;
}
body.ajaxLoading #ajaxSpinner{ display: block; }
#ajaxSpinner span{
  display: inline-block;
  margin: 10% auto 0;
}

/*******************
END AJAX LOADER
*******************/

.pagename-banner.catalogo-Page .innerTitle-banner.news-bage-title {margin: 0;}

.filter_row {margin: 0 0 1em;}
.filter_bar {border-bottom: 1px solid #000000;}
.filter_bar .Grid-cell {border-right: 1px solid #cccccc;padding: 0.5em 0 0;}
.filter_bar .Grid-cell:last-child {border-right:none;}
.view {font-size: 110%;margin: 0.5em 1em 0 0;}
.filter_bar .sub-menu {
  border: medium none;
  width: auto;
  margin: 0.6em 0 0;
}
.filter_bar .sub-menu li{padding-bottom: 1em;}
.padding-lr{padding: 0 1em;}
.padding-l{padding: 0 0 0 1em;}
.filter_selecter{padding: 0 1em;}
.selecterBox a{text-decoration: none;color: #000000;}
.selecterBox .selected {   
  display: block;
  font-size: 150%;
  margin: -5px 0 0;
  padding: 0 0.8em 0 0;
}
.selecterBox {position: relative;}
ul.fliter li {
  display: block;
  line-height: 1.7;
  width: 100%;
  padding:0 0.5em
}
.selecterBox ul.fliter {
  background: #cccccc;
  display: none;
  position: absolute;
  z-index: 2;
}
.selecterBox.openBox ul.fliter{display: block;}
.selected:before {
  border-color: #000000 transparent transparent;
  border-style: solid;
  border-width: 6px;
  content: "";
  margin: 10px 0 0;
  position: absolute;
  right: 0;
}
.searchBox {
  padding: 0 0 0 1em;
  position: relative;
}
.searchBox form{
  border: none;
  margin: 0;
  padding: 0;
}

.searchBox form input {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  font-size: 100%;
  height: 40px;   
  width: 75%;
  padding: 0 20% 0 5%;
}
.searchBox form .artistSearch_submit {
  background: url("images/sprite-img.png") no-repeat scroll -200px -72px rgba(0, 0, 0, 0);
  height: 35px;
  position: absolute;
  right: 0;
  width: 40px;
  text-indent: -999999px;
  cursor: pointer;
  border: none;
}
.filter_selecter .selecterBox {margin-top: 0.5em;}
.full-size .artisti_italiani_bannerBG {height: auto;}

.music_badge{
  align-items: center;
  -ms-flex-align: center;
  -webkit-flex-align: center;
  display: flex;
  display: -ms-flexbox;
  height: 300px;
  margin: 0 auto;
  position: relative;
  width: 300px;
}
.music_badge span{
  font: 200%/1 brandon_black,sans-serif;
  left: 10%;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 40%;
  width: 80%;
  z-index: 1;
}
.music_badge.bronze span{ color: #8d5106; }
.music_badge.silver span{ color: #6f6f6f; }
.music_badge.gold span{ color: #b39a33; }

.music_badge .social-link{
  position: absolute;
  bottom: -1.5em;
}

.music-box ul {    
  font-size: 110%;
  margin: 0 0 5em 1.8em;
  text-align: left;
  width: 100%;
}
.music-box li {
  padding: 0.25em;
}
.music-box li.first {
  margin-top: 1.5em;
}

.music-box p{
  font: 100%/1.5 brandon_light,sans-serif;
  text-align: justify;
  margin: 0 0 1em 0;
}

.audioDetails {
  display: flex;
  display: -ms-flexbox;
  margin:0 0 0.5em 0;
}
.music-box audio { width: 100%;}
.music-box ul li span{	
  color:#555555;
}
.tracknumber {
  flex: 0 0 25px;
  -ms-flex: 0 0 25px;
  -webkit-flex: 0 0 25px;
  margin: 0 .5em 0 0;
  text-align: right;
  line-height: 1.3;
}

.music-box {
  padding-left: 2em;
  padding-bottom: 2em;
  margin:0 1em 0 0;
}
.music-box ul li span.duration{
  color: #555555;
  font: 90% brandon_medium,sans-serif;
}

.music-box ul li .co-authors {
  font: 83% brandon_MdIt,sans-serif;
  padding-left: 0.5em;
}

.track {
  flex: 1 1 0;
  -ms-flex: 1 1 0;
  -webkit-flex: 1 1 0;
  font: 95% brandon_medium, sans-serif;
}
.track.title {
  display: inline-block;
  font-size: 120%;
  margin: 0;
  text-align: left;
}

.music-box > h2 {
  font: 350% didot,sans-serif;
  margin: 0 0 0.3em;
}
.music-box > .h6,
.music-box > h6 {
  color: rgb(85, 85, 85);
  font: 100% brandon_MdIt,sans-serif;
}
.game-title-content > h2 {   
  margin: 0 0 0.3em;
  text-align: center;
  text-transform: uppercase;
  font: 200% brandon_medium,sans-serif;
}
.contest .game-title-content h2 {
  margin: 0 0 0.3em;

  text-transform: uppercase;
  font: 140% brandon_medium,sans-serif;
}
form#contest {
  box-sizing: border-box;
}

form#contest>*{
  width: 330px;
  margin: 10px auto;
}

.pageContent{margin: 0 auto;width: 80%;}
.pageContent h1, 
.pageContent h2, 
.pageContent h3, 
.pageContent h4, 
.pageContent h5, 
.pageContent h6{ font: 100% brandon_black, sans-serif; }
.pageContent h1{ font-size: 1.75em;}
.pageContent h2{ font-size: 1.5em;}
.pageContent h3{ font-size: 1.375em;}
.pageContent h4{ font-size: 1.25em;}
.pageContent h5{ font-size: 1.125em;}
.pageContent p {
  font: 100% brandon_light,sans-serif; 
  margin: 0 auto 1em;   
}
.pageContent strong, .pageContent b { font: 100% brandon_bold, sans-serif; }
.pageContent strong em, .pageContent b em,
.pageContent em strong, .pageContent em b { font: 100% brandon_bold, sans-serif; font-style: italic; }
.pageContent em, .pageContent i { font: 100% brandon_light_italic, sans-serif; }
.pageContent ul, .pageContent ol {
  font: 100% brandon_light, sans-serif;
  margin: 1em 0 1em 2em;
}

.pageContent ul li{ list-style-type: disc; }
.pageContent ol li{ list-style-type: decimal; }

.pageContent p.tag {
  padding: .5em 0 0 0;
  border-top: 1px dotted #000000;
  margin-top: 1em;
  float: left;
  width: 100%;
}
.game-title-content h4 {
  font-size: 130%;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
  width: 60%;
}
.game-title-content {margin: 0 0 2.5em;}

.step-divider .section-title {
  border: medium none;
  font-size: 300%;
  font-weight: bold;
  padding: 0 1.5em;
}
.steps .section-title.see-all_link a{font-size:150%; padding: 1em 2em;}
.step-names {
  color: #929292;
  text-align: center;
}
.divider.nomargin {margin: 0 0 1em;}
.music-gamePage {margin: 0 0 4em;}
.game-steps {
  margin: 0 auto 3em;
  text-align: center;
  width: 60%;
}
.game-steps > h2 {
  font-size: 120%;
  line-height: 1.3;
  text-transform: uppercase;
  margin: 0 0 3em 0;
}
.step-section {
  margin-right: 3%;
  width: 31.3333%;
}
.step-section > a {
  display: block;
  text-align: center;
  color: #313132;
  text-decoration:none;
}
.stepGroups .step-section:last-child {margin-right: 0;}
.choose {
  border: 3px solid #e4e6e8;
  display: block;
  font: bold 250% brandon_regular,sans-serif;
  height: 50px;
  margin: 0 auto 0.6em;
  padding: 0.3em 0.4em 0.4em;
  text-transform: uppercase;
  width: 50px;
  transition: all 0.4s;
}
.selectStep .choose{border-color:#313132;}
.step-section a.selectStep {color: #313132;}
.step-section a:hover{color:#313132;}
.step-section a:hover .choose{border-color:#313132;}
.step-section .name-choose {font-size: 140%;}
.stepGroups {
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  margin: 0 auto 4em ;
  display: flex;
  display: -ms-flexbox;
}

.slider_list{
  position: relative;    
  overflow: hidden;
}

.slider_list li{
  position:absolute;
  margin-left:100%;
  z-index: 1;
  transition: all 2s;
  width: 100%;
  top:0;     
}

.slider_list li.active{   
  margin-left:0;
  z-index: 4 !important;    
}

/**** START AUDIO *****/
.audioPlayer{
  position: relative;
}
.audioPlayer button{
  background: none;
  border: 1px solid #cccccc;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-indent: -999999px;
  background-repeat: no-repeat;
  position: absolute;
  top: -33px;
  left: -37px;
}
.audioPlayer .playIcon{
  background: url(images/play.png) 0.3em 0.3em no-repeat;
}
.audioPlayer .pauseIcon{
  background: url(images/pause.png) 0.3em 0.3em no-repeat;
  display: none;
}
.audioPlayer .seekbar{
  width: 0;
  height: 3px;
  position: relative;
  display: none;
  background: #555555;
}
.singleNewsPage .game-title-content > h2{margin:0;}
.singleNewsPage .pageContent p{ text-align: justify; }
/**** END AUDIO ****/
.music-player-container span {display: block;}
.music-player-container span img {width:100%;}
.legacypedia{
  background:url(images/bg_legacypedia.jpg) repeat left top;
  width:100%;	
  padding:4.5em 0;
}
.legacypediaAlbum{
  background:#111c23;
  padding:1.2em;
  position: relative;
  width: 97%;
  overflow: hidden;
}
.itunes-album.playMusicBar.rightBox {
  left: 2%;
  width: 92%;
}
.Grid .Grid-cell:last-child .pediaAlbum .itunes-album.playMusicBar.rightBox a:last-child {
  margin-left: 2%;
}
.legacyMicons {
  background: none repeat scroll 0 0 #111c23;
  color: #ffffff;
  font: italic 1.8em/1 didot,sans-serif;
  left: 41%;
  padding: 0em 1em 0.5em;
  position: absolute;
  text-align: center;
  top: 0.6em;
  z-index: 2;

}
.LMicons.divider {
  font: 0.9em brandon_black,sans-serif;
  margin: 0;
}
.LMicons.divider span{padding:0 0.2em;}
.shape{	
  overflow-x: hidden;
  transform: skew(-2deg, 0deg);
  width: 100%;
  margin-right: -2em;
}
.pediaAlbumBG figure{ width:105%;}
.pediaAlbumDetails{transform: skew(2deg, 0deg);}
.legacypediaAlbum .Grid.Grid--full .Grid-cell:first-child .shape{margin-left: -2em;margin-right: 0;}
.legacypediaAlbum .Grid.Grid--full {
  overflow: hidden;
}
.pediaAlbum{
  margin: 0;
  overflow: hidden;
  position: relative;    
  width:105%;
}
.pediaAlbumBG {   
  position: relative;    
  z-index: 1;	
}

.pediaAlbumDetails {
  left: 0;
  padding: 5em 2% 2.5em;
  position: absolute;
  text-align: center;
  top: 0;
  width:96%;
  z-index: 2;
}
.pediaAlbumDetails > h1{text-align: center; margin: 0 0 1.5em;}
.pediaAlbumDetails > h1 a {
  color: #f5ebbb;
  display: block;
  font: 440%/0.8em didot,sans-serif;
  text-align: center;
  text-transform: uppercase;
  width:60%;
  margin: 0 auto;
}

.pediaAlbumDetails > h3 {
  font: italic 250%/1 didot,sans-serif;
  margin: 0 0 0.8em;
}
.pediaAlbumDetails > h3 a{color: #ffffff;}
.pediaAlbumDetails h5 {
  font: italic 110% didot,sans-serif;
  margin: 0 0 1em;
}
.pediaAlbumDetails h5 a{color: #ffffff;}

.legacyAlbumIMG {
  margin: 0 auto 0.5em;
  width: 55%;
}
.itunes-album > a {
  background: none repeat scroll 0 0 #1b282f;
  color: #f5ebbb;
  display: inline-block;
  font: 110%/1 brandon_medium,sans-serif;
  min-width: 21.5%;
  padding: 0.8em;
  text-transform: uppercase;
}
.itunes-album > a:first-child{margin-right:0.5em;}

.musicalJourneys {
  background: url("images/reb.png") no-repeat scroll left top / 100%;   
  left: -2%;
  padding: 0.8em 2%;
  position: absolute;
  text-align: center;    
  width:100%;
  z-index: 4;
  -ms-transform: rotate(-1deg); /* IE 9 */
  -webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
  transform: rotate(-1deg);
  height:270px;
  margin: -11% 0 0 0;
}
.musicalJourneys a{
  -ms-transform: rotate(-1deg); /* IE 9 */
  -webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
  transform: rotate(-1deg);
}
.musicalShape .num{
  display: inline-block;
  color:#006690;
  font:italic 1300%/1.3 didot,sans-serif;
  margin-right: 0.1em;
}
.musicalShape > a {
  display: block;
  overflow: hidden;
  width: 100%;
}

.textGroup {
  display: inline-block;
  text-align: left;
  position: relative;
  top: -1.5em;
}
.mJourneysBig{
  display:block;
  color:#006690;
  font:bold italic 330% didot,sans-serif;
  text-transform: uppercase;
}
.mJourneysBig span{color:#555555;}
.mJourneysSmall{color:#555555;font:italic 250%/1 didot,sans-serif;display:block;}

.playSong > a {
  color: #ffffff;
  font: 210% didot,sans-serif;
}
.playSong {margin: 5em 0 20%;}
.transform {
  transform: skew(-3deg,0deg);
  position: relative;
  overflow-x: hidden;
  width: 90%;	
}
.popupDetails .itunes-album.playMusicBar {
  width: 50%;
}
.shapeBox > figure {   
  overflow: hidden;
  width: 100%;	
  position: relative;
  top: 0.2em
}
.transform .shapeBox figure img{ width: 100%;}
.shapeBox{
  transform: skew(3deg,0deg);
  width: 105%;
}
.transform .content {
  color: #ffffff;
  padding: 2.8em 0 1.5em;
  text-align: center;
  text-transform: uppercase;
  width:100%;
  min-height: 165px;
  position:relative;
}
.transform .content .contentBgColor{position:absolute;top:0;left:0;width:100%;opacity:0.5; height:100%;z-index:-1;}
.Grid .Grid-cell:last-child .pediaAlbum .transform {right: -2.7em;}
.Grid .Grid-cell:first-child .pediaAlbum .transform {left: -1em;}

.Grid .Grid-cell:last-child .pediaAlbum .transform .content {   
  margin-left: -1em;	
}
.transform .content > h2 {
  font: 360%/0.8 didot,sans-serif;
  margin: 0 auto 0.3em;
  width:65%;
}
.transform .content > h2 a, .transform .content > h6 a{color:#ffffff}
.transform .content > h6 {
  font: italic 120% didot,sans-serif;
  margin:0 auto 1em;
  text-transform: lowercase;
}
.itunes-album {
  position: relative;
  z-index: 4;
}
.itunes-album.playMusicBar {
  bottom: 0.9em;
  left:0;
  position: absolute;
  width: 87%;
}

.itunes-album.playMusicBar a {background:#f36300;}
.Grid .Grid-cell:last-child .pediaAlbum .itunes-album.playMusicBar a {background:#b81a5e;margin: 0 0 0.5em 5%;color: #ffffff;}
.itunes-album.playMusicBar > a .musicSym {
  background: url("images/sprite-img.png") no-repeat -360px -88px;
  display: inline-block;
  height: 32px;
  width: 31px;
  margin:0 0.3em -0.5em 0;	
}

.itunes-album.playMusicBar > a .spotifySym {
  background: url("images/sprite-img.png") no-repeat -360px -88px;
  display: inline-block;
  height: 32px;
  width: 33px;
  margin:0 0.3em -0.5em 0;	
}
.itunes-album.playMusicBar > a .spotifySym {
  background: url("images/sprite-img.png") no-repeat -360px -147px; display: inline-block;
  display: inline-block;
  height: 32px;
  width: 33px;
  margin:0 0.3em -0.5em 0;	
}
.playIcon {
  background: url("images/sprite-img.png") no-repeat scroll -340px -205px rgba(0, 0, 0, 0);
  display: inline-block;
  height: 53px;
  margin: 0 0.3em -0.5em;
  width: 58px;
}
/** popup**/

.popupContainer {
  background: rgba(0, 0, 0, 0.95);
  height: 100%;
  position: fixed;
  overflow: scroll;
  top: 0;
  width: 100%;
  z-index: 60;
  display:none;	
  /*transition: all 5s;*/
}
.popupDetails {
  border: 1px solid #565e63;
  margin: 10% auto;
  padding: 2%;
  position: relative;
  width: 75%;

}

.close {
  background: rgba(0, 0, 0, 1);
  display: block;
  height: 60px;
  position: absolute;
  right: -30px;
  top: -26px;
  width: 60px;
  z-index: 6;
  text-indent: -999999px;
}
.close:before {
  background: none repeat scroll 0 0 #808a8f;
  content: "";
  display: block;
  height: 40px;
  left: 1.8em;
  position: absolute;
  top: 0.6em;
  transform: rotate(45deg);
  width: 2px;
}
.close:after {
  background: none repeat scroll 0 0 #808a8f;
  content: "";
  display: block;
  height: 40px;
  left: 1.9em;
  position: absolute;
  top: 0.6em;
  transform: rotate(-45deg);
  width: 2px;
}
.popupDetails > h1 {
  color: #f5ebbb;
  font: 350%/1 didot,sans-serif;
  text-transform: uppercase;
}
.popupDetails > h3 {
  color: #ffffff;
  font: italic 2.2em/1 didot,sans-serif;
  margin: 0 0 1em;
}
.imgDets {
  overflow: hidden;
  float:left;
}
.popupDetails > h6 {
  color: #ffffff;
  font: 1.1em brandon_regular,sans-serif;
  margin: 0 0 1em;
  text-transform: uppercase;
}
.popupDetails p {
  color: #ffffff;
  font: 100%/1.4 brandon_regular,sans-serif;
  margin: 0 0 1.5em;
}

.popupDetails .itunes-album {
  bottom: -1.5em;
  position: absolute;
  text-align: center;
  width: 96%;
}

.popupTitle {
  color: #f36300;
  font: 4.5em/1 didot,sans-serif;
  margin: 0 0 1em;
  text-transform: uppercase;
}
.sliderRow > a {
  color: #465f70;
  display: block;
  font: 120% brandon_medium,sans-serif;
}

.sliderArrow:before {
  border-color: transparent transparent transparent #465f70;
  border-style: solid;
  border-width: 8px 12px;
  content: "";
  height: 0;
  position: absolute;
  top: 5px;
  width: 0;
}
.openSlider .sliderArrow:before{
  border-color: #465f70 transparent transparent transparent;
  border-width: 12px 8px;
  top: 6px;
}
.sliderArrow {
  display: block;
  float: left;
  height: 10px;
  margin: 0 1em 0 0;
  position: relative;
  width: 9px;
  transition: all 0.7s;
}
.sliderRow .left {
  float: left;
  margin: 0 1em 0 0;
}

.trackTitle {
  color: #cccccc;
  font-size: 100%;
  line-height: 1;
}
.sliderRow .right {
  float: right;
}

.sliderRow {
  margin: 0 0 0.5em;
}
.sliderContent {
  background: none repeat scroll 0 0 #1d2d38;
  left: -3.5%;    
  position: relative;
  width: 89%;	
  opacity:0;
  overflow:hidden;
  transition: all 0.7s;
  padding: 2em 9%;
  display:none;
}
.openSlider .sliderContent{opacity:1;display:block;}
.popupDetails li {
  border-bottom: 1px solid #1d2d38;
  margin: 0 0 0.9em;    
}

.popupFooter .itunes-album.playMusicBar {
  bottom: auto;
  left: auto;
  margin: 0 auto;
  position: relative;
  top: -1.8em;
  width: 90%;
}
.popupFooter {
  background: none repeat scroll 0 0 rgba(243, 99, 0, 0.2);
  bottom: -2.6em;
  height: 80px;
  left: -3.4%;
  position: relative;
  width: 106.9%;
}

.popupDetails > ul {
  margin: 0 0 6em;
}
.legacyAlbumIMG img{width:100%;}
.legacyAlbumIMG a{display: block;width: 100%;}
.shapeBox > figure a{display:block;}
.imgDets{
  width:40%;
  display:inline-block;
  margin:0 3% 1em 0;
}
.imgDets img{width:100%;}
span.italic {
  font-style: italic;
  text-transform: lowercase;
  margin-left: -0.3em;
}
.pediaAlbum.shapeBox figure{width:100%;height:auto;}
/** END INNER PAGE ***/


/** START @media Query **/

@media only screen and (min-width : 320px) and (max-width : 480px) {
	body {-webkit-text-size-adjust: none;}
  .banner-slider figure a img {
  min-height: 100px;
}
 #gallery-1 .gallery-item {
    width: 50% !important;
  }
  #gallery-1 .gallery-item img {
    max-width: 90%;
  }
  #gallery-1 br {
    display: none;
  }
  form#contest>*{
  width: 230px;
  }
  form#contest{
  padding: 1em;
  }
  .home-banner-slider .borderBig {
    bottom:  -23px !important
  }
  form#contest input[type="text"],
  form#contest input[type="email"],
  form#contest textarea,
  form#contest input[type="file"] {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}
}

@media (max-width: 1350px){
  nav li a {font-size: 80%;}
  nav li {margin:0 0.3em 0 0;}
  .filter_bar .sub-menu li{margin-right: 1em;}
  .banner-slider figure{width:26%;}
  .game-title-content h4{width: 80%;}
  .game-steps{width: 70%;}
  .title a{font-size:140%;}
  .photo-slider li img {width: 100%;min-height:200px;}	
  .musicalShape .num{font-size:800%}
  .mJourneysBig{font-size:230%}
  .mJourneysSmall{font-size:160%}
  .pediaAlbumDetails > h1 a{font-size:280%}
  .pediaAlbumDetails > h3{font-size:220%}
  .musicalJourneys{margin: -5% 0 0 0;}	

}
@media (max-width: 1200px){	
  .playSong{margin: 5em 0 15%;}
}

@media (max-width: 1024px){
  .pediaAlbum{width: 120%;}
  .logo a {margin-left: 17px;}
  .menu-icon a {top: 1em;}
  .itunes-album.playMusicBar{bottom: -10px;}
  .Grid .Grid-cell:last-child .pediaAlbum .itunes-album.playMusicBar {bottom: 16px;}
  .pediaAlbumDetails{left: -5%;}
  .itunes-album.playMusicBar a{margin-bottom: 0.5em;}	
  .transform{width: 95%;}
  .transform .content > h2{font-size:260%;}
  .playSong{margin: 5em 0 7%;}
  .musicalJourneys{height: 167px;}	
  .title a{font-size:130%;}
  .game-title-content h4{width: 90%;}
  .game-steps{width: 80%;}    
  .banner-header {padding: 0em 0 0;}
  .banner-slider .content-text{ margin: 0 auto 1em;}
  .album-title {margin: 0 0 1em;}
  .borderBig .section-title > a{padding: 1.2em 2em;}
  .divider.borderBig {bottom: -32px;}
  .big-title{font-size: 200%}
  .small-title{font-size: 150%}
  .title{font-size: 160%}
  .lifeChanging-music .content-text{width:85%;}
  .section-title a, .section-title span{font-size: 150%}
  .album-title > h1 a{font-size:250%;}

  .banner-slider .content-text{width: 85vw;}
  .section-title.see-all_link a{padding: 1em 1.5em 0.8em;}
  .email{width:80%;}

  nav li a {font-size: 73%;}
  .bannerContent > figure{margin: 5% auto 2em;}
  .bannerContent > h1{font-size: 350%;}
  .banner-slider figure{width: 35%}
  .artisti_italiani_bannerBG{height: 78vh;}
  .bannerContent{height: 77vh;}
  .closeBanner{right: 4%}
  .closeBanner:before{background:red;}
  .closeBanner:after{background:red;}	
  .newsletter-bg{padding: 4em 0 2em;}	
  .music-box > h2{font-size: 250%;}
  .home-page-content p{width: 80%;}
  .news-list.nospace.fliter_list .Grid-cell{flex: 0 0 33.3333%;-ms-flex: 0 0 33.3333%;-webkit-flex: 0 0 33.3333%;}
/*  .home-banner-slider{height: 77vh;}*/
}

@media (max-width: 999px){
  .inner-header nav li.Facebook a{ background: url("images/sprite-img.png") no-repeat -125px 0px; }
  .inner-header nav li.Twitter a{ background: url("images/sprite-img.png") no-repeat -157px 0px; }
  .inner-header nav li.Spotify a{ background: url("images/sprite-img.png") no-repeat -162px -77px; }
  .banner-header li:hover {border-bottom: 0px solid #fff;}
  .banner-header .menu li .sub-menu {background: none;margin-top: .5em; position: relative;}
  .inner-header .menu li .sub-menu {background: none;margin-top: .5em; position: relative;}
  .inner-header .menu li .sub-menu li a{color: #000;}
  .banner-header .menu li .sub-menu li a{color: #fff;}
  .inner-header .menu li .sub-menu li:hover a{background: none; border: none;}
  .menu li .sub-menu {border-bottom: none;}
  .inner-header.innerPage-head.fixed {position: fixed;padding-bottom: .6em;}
 nav li.Facebook a{ background: url("images/sprite-img.png") no-repeat -125px -50px; }
nav li.Twitter a{ background: url("images/sprite-img.png") no-repeat -157px -53px; }
nav li.Spotify a{ background: url("images/sprite-img.png") no-repeat -125px -78px; }

  .margin-wvh.inner-header.innerPage-head{margin-top: 100vh !important;}
  .news-list .Grid-cell {flex: 0 0 46.6666%;-ms-flex: 0 0 46.6666%;-webkit-flex: 0 0 46.6666%;}
  .news-list.nospace .Grid-cell {flex: 0 0 49%;-ms-flex: 0 0 49%;-webkit-flex: 0 0 49%;}
  .menu-icon {display: block;}
  nav ul.menu {flex-wrap: wrap;-ms-flex-wrap:wrap;padding-left: 3em;-webkit-flex-wrap:wrap;transition: top .5s ease-out;
    top: -1000px;
  height: 100vh;
    overflow-y: scroll;
  overflow-x: hidden;}	
  nav li {margin: 0;width: 100%;display: flex;display: -ms-flexbox;line-height: 2; padding: 0em 0em 0.8em 0em;}
  nav li a {line-height: 2;font-size: 100%;}
  header nav {margin-top: 1em;width: 100%;}	 
  .inner-header .menu{background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);}
  .banner-header .menu{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);}
  .inner-header .menu>li a{color: #000;}
  .inner-header .menu>li:hover a{color: #000;}
  .menu li:first-child {margin-top: 4em;}
  .menu{ width: 100%;
  padding: 1em 1em 1em 1em;
  position: fixed;
  top: 0px;
    left: 0px;
  } 
  
  .active-menu {border-bottom: 2px solid #111c23;}
  .innerTitle-banner.news-bage-title {margin: 1em 0;}
  .news-list.nospace.fliter_list .Grid-cell {flex: 0 0 49%;-ms-flex: 0 0 49%;-webkit-flex: 0 0 49%;}    
  .view { display: block;margin: 0 0 0.5em; width: 100%;}
  .filter_bar .sub-menu {margin: 0;text-align: left;width:100%;}
  .filter_bar .sub-menu li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    margin: 0 0 3px;
    padding: 0.5em 0 2% 0.5em;
    width: 98%;
  }
  .album-box .uscite_title a{font-size:1.5em;}
  .homeBannerContainer .scroll-bottom{display:none;} 
  .home-banner-slider {/*min-height: 80vh*/; top: 14px;} 
}

@media (min-width: 1000px){
  .inner-header .container-inner{ border-bottom: 1px solid #122937;}
  .inner-header.innerPage-head nav .menu>li.current-menu-item  {border-bottom: 5px solid #111c23;}
  .inner-header.innerPage-head nav .menu>li.current_page_parent  {border-bottom: 5px solid #111c23;}
  .inner-header nav li a {color: #111c23;}
  .inner-header nav {margin-top: 2em;}
  .inner-header.innerPage-head nav .menu>li {margin-bottom: 0em;padding-bottom: 1.3em;border-bottom: 5px solid transparent}
   .sticky.inner-header.innerPage-head nav .menu>li {margin-bottom: 0em;padding-bottom: 10px;border-bottom: 5px solid transparent}
  .inner-header.innerPage-head nav .menu>li:hover {border-bottom: 5px solid #006690}
  header.syicky-pre {position: fixed; top: -200px;}
  header.sticky {top: 0px; background: rgba(255,255,255,.9);}
  header.syicky-pre nav {margin-top:20px; position: relative;}
  header.syicky-pre .logo a {height: 24px; background-position: left -35px; height: 37px; background-size: 41px; margin-top: 14px;}
  header.syicky-pre nav .menu li {margin-bottom: 0em;padding-bottom: 10px;border-bottom: 5px solid transparent}
  header.syicky-pre nav .menu li a {color: #111111;}
  header.syicky-pre>.container {border-bottom: 1px solid #122937;}
}



@media (max-width: 960px){
  .itunes-album > a{min-width: 35%;}
  .pediaAlbumDetails{padding-top:7em;}
  .shape{transform: skew(0deg, 0deg);}
  .pediaAlbumDetails{transform: skew(0deg, 0deg);}
  .pediaAlbumBG figure {width: 100%;}
  .Grid .Grid-cell:last-child .pediaAlbum .itunes-album.playMusicBar a{margin:0 0 0.5em 0;}
  .pediaAlbum{width:100%;margin-left: 0;}
  .pediaAlbumDetails{left:0;}
  .news-list.nospace .Grid-cell {flex: 0 0 100%;-ms-flex: 0 0 100%;}
  .game-steps{width: 90%;}
  .game-title-content h4 {width: 100%;}
  .game-steps {width: 100%;}
  .musicalShape .num{font-size: 500%;}
  .mJourneysBig {font-size: 150%;}
  .mJourneysSmall {font-size: 140%;}
  .banner-slider figure{width: 40%}
  .textGroup{top: 0;}
  nav li a{font-size: 100%;width:100%;padding: 4px 0px;margin: 3px 0px;}
  .musicalJourneys {margin: -10% 0 0 0;height: 128px;}

  .Grid .Grid-cell:first-child .pediaAlbum .transform {left: 0;}
  .transform {transform: skew(0deg,0deg);}
  .shapeBox {transform: skew(0deg,0deg);width: 100%;}	
  .itunes-album.playMusicBar{width: 100%;left: 0;bottom: 11px;}
  .itunes-album.playMusicBar.rightBox{width: 100%;left: 0;bottom: 11px;}
  .Grid .Grid-cell:last-child .pediaAlbum .transform {right: 0;}
  .transform{width: 98%;margin: 0 auto;}
  .Grid .Grid-cell:last-child .pediaAlbum .transform .content{margin-left: 0;}
  .legacypediaAlbum .Grid.Grid--full .Grid-cell:first-child .shape{margin-left: 0;margin-right: 0;}
  .banner-slider .content-text {width: 75vw;}
  .big-title {font-size: 150%;}
  .small-title {font-size: 120%;}
  .lifeChanging-music .content-text {width: 95%;}
  .divider{margin: 0 0 2em;}
  .lifeChanging-music{padding-bottom:10%;}
  .title {font-size: 140%;}
  .span-title {font-size:80%;}
  .album-box_bottom > a {border-bottom: 1px solid #cccccc;border-right: medium none;width: 100%;}
    .section-title.border-none span, .deluxe-Edition > .h4 a,
  .section-title.border-none span, .deluxe-Edition > h4 a,  .deluxe-Edition > .h4 span, .deluxe-Edition > h4 span, {font-size: 90%;}
  .deluxe-Edition-text > p{font-size: 85%;}
  .copyright { text-align: left;}    
  .bannerContent > figure {margin: 15% auto 2em;}
  .bannerContent > h1 {width: 85%;}
  .artisti_italiani_bannerBG{height: 80.5vh;}
  .bannerContent {height: 76vh;}
  .meter-icon{height: 20px;width: 23px;background-position: -185px 10px;}

  .slider-nav{top: 55%;}
  .banner-slider figure{padding-top: 1em;}
  .pageContent{width: 90%;}
  .catalogo .Grid-cell {margin: 0 0 3em;}
  .news-list.nospace .Grid-cell {border: 1px solid rgb(215, 215, 215);margin: 0 0 2em;}
  .news-list.nospace{border:none;}
  .Grid--full > .Grid-cell {flex: 0 0 99%;-ms-flex: 0 0 99%;margin-bottom: 2em;}
  .new-releases_list .Grid-cell{border-right:1px solid #cccccc;margin: 0 0 3em;}	
  .album-box_bottom{min-height: 145px;}		
  .Grid{flex-wrap: wrap;-ms-flex-wrap: wrap;}
  .footer .Grid-cell{flex:0 0 100%; -ms-flex:0 0 100%;margin:0 0 2em 0;}
  .Grid--full.Grid--gutters .Grid-cell{flex: 0 0 97%;-ms-flex: 0 0 97%;}
  .newsletter-bg .h6,
  .newsletter-bg h6{margin-bottom:1em}
  .home-page-content p{width:100%;}
  .music-box > h2{font-size: 200%;}
  a .groupName{width: 80%;}

}
@media (max-width: 740px){
  .legacypediaAlbum {width: 92%;padding: 1em 4%;}
  .divider-logo{margin-bottom: -2px;}	
  .news-list.nospace .Grid-cell {flex: 0 0 100%;-ms-flex: 0 0 100%;}
  .legacyAlbumIMG{width:70%;}
  .pediaAlbumBG figure{width: 118%;}
  .pediaAlbumDetails > h1 a{width: 90%;}
  .transform .content{min-height: 160px;}
}

@media (max-width: 680px){
  .pediaAlbumDetails > h3 {font-size: 155%;}
  .legacyMicons{left:0;position: relative;}
  .musicalShape .num {font-size: 300%;}
  .mJourneysBig {font-size: 130%;}
  .musicalShape > a{margin-top:1em;}
  .itunes-album.playMusicBar{width:100%;}
  .mJourneysSmall {font-size: 120%;}
  .photo-slider li img {width: 100%;min-height:160px;}
  .groupName{padding: 0;font-size: 120%;}
  .moreInfo{font-size: 90%;}
  .music-gamePage {margin: 2em 0;}
  .music-box {padding-left: 0;}
  .innerTitle-banner > h1{font-size: 300%;}
  .bannerContent {height: 75vh;}
  .banner-slider figure{width: 60%}
  .Grid--full > .Grid-cell {flex: 0 0 99%;-ms-flex: 0 0 99%;}	
  .Grid--gutters {margin-left:0;}
  .Grid--gutters > .Grid-cell {padding-left:0;}
  .music-player-container .Grid .Grid-cell {margin-bottom:1em;}
  .slider_list .Grid .Grid-cell {margin-bottom:1em;}
  .email {width: 90%;}        
  .album-title{margin: 0;}
  .album-slider .slider-nav{width: 91vw; left: 0;}
  .album-slider .preview, .album-slider .next {background-color: rgba(255, 255, 255, 0.6);padding: 0 0.3em;}
  .news-list .Grid-cell {flex: 0 0 96%;-ms-flex: 0 0 96%;}    
  .news-list .deluxe-Edition > .h4,
  .news-list .deluxe-Edition > h4, .news-list .deluxe-Edition-text {min-height: 10px;}
  .bannerContent > figure {width: 150px;height: 150px; margin: 10% auto 1em;}
  .bannerContent > h1 {font-size: 300%;}
  .artisti_italiani_bannerBG {height: 76.5vh;}
  .pagename-banner {margin: 0 0 1em 0;}
  .ultimi_album {padding-top: 2em;} 
  .news-list.nospace.fliter_list .Grid-cell {flex: 0 0 99%;-ms-flex: 0 0 99%;}
  .oftmonth{font-size: 100%;}
  .filter_bar .Grid--1of2{flex: 0 0 100%;-ms-flex: 0 0 100%;}    
  .filter_bar .Grid-cell {border-bottom: 1px solid rgb(204, 204, 204);border-right: medium none;padding-bottom: 1em;}
  .searchBox > input{padding-left: 0;}

  .meter-icon{display: none;}
  .album-title > h1 a{font-size:170%;}      
  .music-box > h2{font-size:120%;}
  .game-title-content > h2{font-size:150%;}
  a .groupName{width: 90%;}   

}


@media (max-width: 590px){
  .musicalJourneys{margin: -7% 0 0 0;}
  .bannerContent > h1 {font-size: 250%;} 
  .divider-logo:after{margin: 3.2em 1px 0;}
  .album-title > h1 a{font-size:130%;}
  .content-text{font-size:85%;}
  .banner-slider .content-text {margin: 0 auto; width: 73vw;}
  .big-title {font-size: 130%;}
  .section-title a, .section-title span {font-size: 130%;}
  .footer-menu.Grid-cell {flex: 1 1 100%;-ms-flex: 1 1 100%;margin-bottom: 1.5em;}
  .copyright.Grid-cell {flex: 1 1 100%;-ms-flex: 1 1 100%;}
  .borderBig .section-title > a{padding: 1em 2em;}
  .divider.borderBig {bottom: -30px;}
  .innerTitle-banner{padding:1.5em;}
  .sub-menu li{margin: 0 1em 0 0;}
  .sub-menu li a{font-size: 80%;}
  .videoPlayBox > a:before{top: 15%;}
/*  nav ul.menu{padding: 0;}*/
  .innerTitle-banner > h1{font-size: 150%;}  
  .step-section {flex: 0 0 100%;-ms-flex: 0 0 100%;margin: 0 0 4em 0;}
  .stepGroups .step-section:last-child {margin:0;}
  .stepGroups {flex-flow: row wrap; -webkit-flex-flow: row wrap; /* Safari 6.1+ */ }
  .steps .section-title.see-all_link a{padding: 0.7em 1em 0.5em;}  	
  .slider-nav {width: 96.5vw; top: 50%;}
  .meter-icon{display:none;}
  .banner-background {padding: 3% 12%;width: 76%;}
  .transform .content > h2 {font-size: 160%;line-height: 1;width: 90%;}
}

@media (max-width: 414px){  
  .playSong > a{font: 150% didot,sans-serif;}
  .section-title a, .section-title span {font-size: 100%;}   
  .sub-menu li {background:none;display: block;margin: 0 0 1em;padding: 0.5em 0;}
  .sub-menu{margin: 0 auto;width: 85vw;}
  .bannerContent > h1 {font-size: 180%;}
  .artisti_italiani_bannerBG {height: 74.5vh;}
  .moreInfo{font-size: 85%;} 
  .album-title > h1{width: 90%; margin:0 auto;}	
  .pediaAlbumBG figure {width: 132%;}
  .musicalJourneys{transform: rotate(0deg);margin: -15% 0 0 0;height: auto;position: relative;width:96%;padding:1em 2%;left:0;background-size: cover;}
  .musicalShape .num {font-size:250%;float: left;display: block;}
  .textGroup {float: left;display: block;width: 81%;margin-left: 3%;}
  .pediaAlbumDetails{padding-top: 3em;}
  .playSong {margin: 0em 0 10%;}  
  .popupDetails > h1{font-size: 200%}
  .sliderRow > a{font-size: 110%}
  .itunes-album > a{font-size: 100%;}
}
@media (max-width: 384px){  
  .videoPlayBox > a:before {left: 29%;top: 10%;} 
  .pediaAlbumBG figure {width: 150%;}	
  .transform .content{padding: 1em 0 1.5em;}  
  .imgDets{width:90%;}
  .trackTitle{width: 55%;display: inline-block;}
}
@media (max-width: 350px){   
  .itunes-album.playMusicBar{position: relative;}
  .artisti_italiani_bannerBG {height: 70.5vh;}
  .videoPlayBox > a:before {left: 25%;top: 1%;}
  .bannerContent {height: 70vh;}
  .innerTitle-banner > h1 {font-size: 120%;} 
  .home-banner-slider {min-height: 78vh;}  
  .transform .content{min-height: 100px;}	

}





.no-flex {
  flex: none !important;
  -ms-flex: none !important;
  -webkit-flex: none !important;
  width: 100%;
  display: block;
}

.focuson-pic {
  width: 20%;
  float: left;
  margin-right: 3%;
}
.focuson-short-detail {
  width: 58%;
  margin-right: 2%;
  float: left;
  font-family: didot,sans-serif;
}
.focuson-short-detail-single {
  width: 74%;
}
.focuson-short-detail .name {
     display: block;
    font: bold 200%/1 didot,sans-serif;
    min-height: 55px;
    padding: 0.3em 0.5em 0 0;
    text-transform: capitalize;
}

.focuson-short-detail h1,
.focuson-short-detail h2,
.focuson-short-detail h3,
.focuson-short-detail h4,
.focuson-short-detail h5,
.focuson-short-detail h6 {
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 10px;
}

.focuson-short-detail h1 {
  font-size: 200%;
}

.focuson-short-detail h2 {
  font-size: 160%;
}

.focuson-short-detail h3 {
  font-size: 150%;
}

.focuson-short-detail h4 {
  font-size: 140%;
}

.focuson-short-detail h5 {
  font-size: 130%;
}

.focuson-short-detail h6 {
  font-size: 120%;
}

.focuson-short-detail .name a {
    color: #3B5D72;
}

.focuson-short-detail .deluxe-Edition-text p {
  text-align: left;
  font: 100% brandon_regular,sans-serif;
  display: block;
  padding: 0 0 1em 0;
}
.focuson-links {
  width: 15%;
  float: left;
}
.focuson-links-singlefocuson {
  width: 100%;
  margin-top: 10px;
}
.focuson-links h3 {
  margin-bottom: 10px;
}
.focuson-row {
  clear:both;
  width: 100%;
  display: block;
  padding: 7px 0px 24px 0px;
  margin: 10px -10px;
  border-bottom: 1px solid #ccc;
}

.focuson-row .section-title.see-all_link a {
  font-size: 13px;
  margin: 10px 10px;
}

.focus-special-row {
  background-color: #F0F0F0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  padding: 30px 0px 24px 0px;
}
.focus-special-row .focuson-pic {
  position: relative;
}

.focus-special-row .deluxe-Edition {
  position: relative;
}
.focus-special-row .overlay {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: rgba(0, 102, 144, 0.9);
  z-index: 0;
}

.focus-special-row .focus-special-row .deluxe-Edition, .focus-special-row .focuson-short-detail .deluxe-Edition-text p, .focus-special-row .section-title a,  .focus-special-row .section-title.see-all_link, .focus-special-row .focuson-short-detail a {
  color: #fff;
  border-color: #fff;
}

.focus-special-row .focuson-pic {
  width: 320px;
}

.focus-special-row .focuson-links {
  width: auto;
  overflow: hidden;
  text-align: center;
}
.focus-special-row .focuson-pic a:before {
  content: " ";
  display: flex;
  border: 3px solid #fff;
  width: 90%;
  height: 90%;
  position: absolute;
  top: 5%;
  left: 5%;
  box-sizing: border-box;
}

.focus-special-row .focuson-short-detail h4 a {
  font-size: 130%;
}

.focus-special-row h3.section-title.see-all_link {
  width: 180px;
  display: inline-block;
}

.focus-special-row .focuson-short-detail .deluxe-Edition-text p {
  text-transform: uppercase;
}

.focuson-row .section-title.see-all_link a {
  margin: 0;
}


@media (max-width: 1000px) {   
  
.focuson-short-detail {
  width: 60%;
  float: left;
  padding-left: 15px;
}
.focuson-links {
  width: auto;
  float: none;
  clear: both;
  text-align: center;
}
.focus-special-row .deluxe-Edition {
  text-align: center;
}


.focus-special-row .focuson-pic, .focuson-pic {
  width: auto;
  float: none;
  margin: auto;
  max-width: 90%;
}
  
.focus-special-row .focuson-short-detail .deluxe-Edition-text p {
  text-align: center;
}

.section-title.see-all_link {
  display: inline-block;
}

.focuson-row .section-title.see-all_link a {
  padding: 0.6em 1.5em 0.5em;
font-size: 11px;
}


.focus-special-row .focuson-short-detail {
width: auto;
float: none;
}
}

@media (min-width: 400px) and (max-width: 1000px) { 
  .focuson-pic {
    width: 30%;
    float: left;
    margin: 10px;
  }
  
  .focus-special-row .focuson-pic {
    width: auto;
    float: none;
    margin: auto;
  }
  
  .focuson-row-single .focuson-pic {
    width: 100%;
    max-width: 100%;
    margin: 5px;
  }
  
  .focuson-row-single .section-title.see-all_link {
    width: 100%;
  }
  
  .focuson-row-single .focuson-short-detail {
    width: 100%;
    margin: 5px;
    padding-left: 0px;
  }
  
  .focuson-short-detail {
    float: left;
  }
  
  .focuson-short-detail a {
    padding: 10px 0;
  }
  
}

@media (max-width: 400px) {   
  
.focuson-short-detail {
  width: 100%;
}
}



.gioco-banner {
  background:url('images/gioco-banner.png') 100% 100%;
}

.searchBox form input {
	color: #000;
}