@charset "utf-8";
/* CSS Document */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
}
a:link {
    text-decoration: none;
    color: inherit;
}
a:visited {
    color: inherit;
    text-decoration: none;
}
a:hover {
    color: inherit;
    text-decoration: none;
}
a:focus, a:active {
    text-decoration: none;
    color: inherit;
}
/**, ::before, ::after {
    box-sizing: inherit;
}*/
body, html {
	width: 100%;
    height: 100%;
}
body {
    /*background-color: red;*/
    font-family: 'Raleway', Arial, sans-serif;
    color: #514d48;
    font-weight: 400;
	/*background:url( "../img/fixed-bg2.jpg");
	background-repeat:repeat;
	background-position: center;*/
}
/*  clear fix */
.clearFix {
    content: "";
    display: table;
    clear: both;
}
.clearFloat {
    float: none;
    clear: both;
}
.invis {
	visibility: hidden;
	z-index: -1;
	position: absolute;
	text-decoration: none;
	display: none;
}
/*  -----------  */
/* Page Container */
.pgContainer {
    position: relative;
    /* da mio sito */
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    /* da altro sito */
    text-align: center;
    display: block;
    overflow: hidden;
    /* background-color:olive;*/
}
/* ---------------  */
/* Img Bg , uso le sue dimensioni max al ridimensionamento */
.imgBg {
    width: 100%;
    height: auto;
}
/*  --------------  */
/* NavBar box FLEX che contiene tutto il nav menu top */
.navBar {
    position: absolute;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 20px;
    /* max-width: 1900px; serve??  */
    width: auto;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* background-color: red;*/
}
/*  Box FLEX che contiene il Txt menu UL al centro e loro style */
.navTxtLinkFlex {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.navTxtLinkFlex a {
    color: #0C0D0C;/*8c5e35*/
    text-decoration: none;
}
.navTxtLinkFlex li {
    font-size: 20px;
    padding: 0px 10px;
}
.navTxtLinkFlex li a {
    -webkit-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}
.navTxtLinkFlex li a:hover {
    color: #e06969;
}
.Sub {
    background-color: white;
    opacity: 0.5;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease 0s;
    -o-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;
}
.Sub:hover {
    background-color: #8c5e35;
}
.navTxtLinkFlex li.Sub a:hover {
    color: #FFFFFF !important;
}
/*  social icon menu */
.socialIco {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 265px;
    height: 30px;
    /*overflow: hidden;*/
	/*background-color:red;*/
	list-style-type: none;
	
}
.socialIco li{
    padding: 0;
	color: #fff;
	width: 35px;
	height: 30px;
/*background-color:darkolivegreen;*/
	
	/*opacity: 0.2;*/
/*	transition: all 0.8s ease-in-out;*/
	
}
.socialIco a{
	text-indent: -9999px!important;
	display:block;
	width: 35px;
	height: 30px;
	/*background-color: blueviolet;*/
	background-color: transparent;
	background: url( "../img/MnIconSocial03.png") no-repeat 8px 0;
-webkit-transition: -webkit-filter 0.2s ease 0s;
transition: -webkit-filter 0.2s ease 0s;
-o-transition: filter 0.2s ease 0s;
transition: filter 0.2s ease 0s;
transition: filter 0.2s ease 0s, -webkit-filter 0.2s ease 0s;
}
.socialIco a:hover {
	-webkit-filter:invert(100%);
	        filter:invert(70%);
	/*background-position: 8px -31px;*/
}

.socialIco li.spotify a {
	
	background-position: -42px -0px;
}

.socialIco li.youtube a {
	
	background-position: -90px -0px;
}

.socialIco li.instagram a {
	
	background-position: -136px -0px;
}

.socialIco li.applemusic a {
	
	background-position: -187px -0px;
}

.socialIco li.deezer a {
	
	background-position: -234px -0px;
}


/* ---------------------------------------  */
/*   Menu responsive in base ai media query */
.cta {
    height: 25px;
	width:140px;
   text-indent: -9999px!important;
    border: none;
	background-color: transparent;
 background: url( "../img/MnIconSocial03.png") no-repeat -290px -37px;
    cursor: pointer;
   -webkit-transition: -webkit-filter 0.2s ease 0s;
transition: -webkit-filter 0.2s ease 0s;
-o-transition: filter 0.2s ease 0s;
transition: filter 0.2s ease 0s;
transition: filter 0.2s ease 0s, -webkit-filter 0.2s ease 0s;
}
.cta:hover {
	-webkit-filter:invert(100%);
	        filter:invert(70%);
}

.hambrgSbMenu {
    display: none;
}
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: #B6DBF2;   /* oppure F2DAC4  */
    overflow-x: hidden;
    -webkit-transition: width 0.5s ease 0s;
    -o-transition: width 0.5s ease 0s;
    transition: width 0.5s ease 0s;
}
.overlay--active {
  width: 100%;
}

.overlay__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.overlay__content ul {list-style-type: none;}
.overlay a {
  padding: 15px;
	color:#8c5e35;
  font-size: 18px;
  display: block;
  -webkit-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}

.overlay a:hover,  
.overlay a:focus {
  color: #fff;
}
.overlay .close {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  color: #edf0f1;
}
.hh{padding-top:15px;}
/* -----------------------------  */
.speedLinksHd {
    position: absolute;
	max-width:644px;
	height: 89px;
    left: 50%;
    bottom: calc(14px + (30 - 14) * ((100vw - 1280px) / (1920 - 1280))); /* era 35px */
	-ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
   /* background: url( "../img/guidaSpeedLinks.png") no-repeat 0 0;*/
	
  /*background-color:#EFE714;*/
}
.splkTxt{
    color: #260d0d;
font-weight: 500;
	font-size: calc(14px + (30 - 14) * ((100vw - 300px) / (2500 - 300)));
	margin:0;
}
.flexSpedLinks{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	 margin: 3px auto 0;
    padding: 0;
    width: 430px;
    height: 40px;
	color: #260d0d;
    /*overflow: hidden;*/
	/*background-color:red;*/
	list-style-type: none;
}
.headBtn {
	display:block;
    border: solid 2px #260d0d;
    font-size: 30px;
    color: #260d0d;
    border-radius: 7px;
    text-decoration: none;
    width:206px;
    text-transform: uppercase;
    letter-spacing: 3px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.headBtn:hover {
	background-color: #bd67a5;
}
/* ---------------   CHIUDO HEADER ------- */
.blockBox {
    display: block;
    position: relative;
    /* background-color: blueviolet;*/
}
/*   settore  SETTORE  HDN  */
.settore {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin: 50px auto;
    text-align: center;
    /*background-color: blueviolet;*/
    font-family: 'Raleway', Arial, sans-serif;
    color: #514d48;
    font-weight: 500 !important;
    font-size: medium;
    font-size: 36px; /* era 2.25em (base font 16px) */
    letter-spacing: 0.76em; /* sarebbe 12.16px  */
}
/*   -----------------   */
/* -- settore Videos -- */
.schermo img {
    max-width: 100%;
}
.schermo {
    margin-top: 12px;
    margin-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}
.youtube-video {
  aspect-ratio: 16 / 9;
	max-width: 1100px;
  width: 100%;
}
.videoBx h3, .musicBx h3, .newsBx h3 {
    font-weight: 500 !important;
    font-size: medium;
    font-size: 24px; /* era 2.25em (base font 16px) */
    letter-spacing: 0.01em; /* sarebbe 12.16px  */
}
/* -- settore Music listen -- */
.musicScrn {
    margin-top: 12px;
    margin-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
}
.musicScrn img {
    max-width: 100%;
}
.musicStreamIco {
	/*background: red; */  
    max-width: 225px;
	height: 34px;
    color: #FFFFFF;
    margin: 12px auto 24px auto;
    
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */
.musicIco {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 225px;
    height: 34px;
    /*overflow: hidden;*/
	/*background-color:red;*/
	list-style-type: none;
	
}
.musicIco li{
    padding: 0;
	color: #fff;
	width: 35px;
	height: 34px;
/*background-color:darkolivegreen;*/
	
	/*opacity: 0.2;*/
/*	transition: all 0.8s ease-in-out;*/
	
}
.musicIco a{
	text-indent: -9999px!important;
	display:block;
	width: 35px;
	height: 34px;
	/*background-color: blueviolet;*/
	background-color: transparent;
	background: url( "../img/MnIconSocial01.png") no-repeat 8px 0;
-webkit-transition: -webkit-filter 0.2s ease 0s;
transition: -webkit-filter 0.2s ease 0s;
-o-transition: filter 0.2s ease 0s;
transition: filter 0.2s ease 0s;
transition: filter 0.2s ease 0s, -webkit-filter 0.2s ease 0s;
}
.musicIco a:hover {
	filter: brightness(150%);
	/*background-position: 8px -31px;*/
}

.musicIco li.spotify a {
	
	background-position: -290px -0px;
}

.musicIco li.deezer a {
	
	background-position: -351px -0px;
}

.musicIco li.applemusic a {
	
	background-position: -419px -0px;
}

.musicIco li.youtubemusic a {
	
	background-position: -482px -0px;
}




/* YYYYYYYYYYYYYYYYYYYYYYYYYYYY */

.musicBx h3 span {
    color: #fff;
    background-color: #514d48;
    font-size: 18px; /* era 2.25em (base font 16px) */
    letter-spacing: 0.76em; /* sarebbe 12.16px  */
    padding: 0 0 0 12px;
}
.lnk {
    color: #514d48;
    font-weight: 500 !important;
    font-size: 14px !important; /* era 2.25em (base font 16px) */
    letter-spacing: 0.76em; /* sarebbe 12.16px  */
    text-decoration: underline;
}
.lnk:hover {
    background-color: rgba(140, 94, 53, 0.5);
    text-decoration: none;
}
.lnk span, .settore span {
    letter-spacing: 0;
}
.spc {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px 10px 20px;
    border: none;
    border-radius: 20px;
}
/* ---------- */
/* settore Tour date */
.flexcontMainBx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: center;
    /*background-color: DodgerBlue;*/
    border-top: 1px solid rgba(0, 0, 0, .2);
    max-width: 1103px; /* metti la dimensione max che ti serve */
    margin: 0 auto;
    color: #514d48;
    font-weight: 500;
    font-size: 18px;
}
.tourLinkRow :hover {
    background-color: #f1f1f1;
}
.flexcontMainBx li {
    list-style: none;
    /*background-color: #f1f1f1;*/
    min-width: 150px;
    padding: 20px;
    margin: 10px 4px;
}
.flexcontMainBx li:nth-child(1), .flexcontMainBx li:nth-last-child(1) {
    background-color: #f1f1f1;
    border: none;
    border-radius: 8px;
}
/*   -------------  */
/* settore News */
.flexNews {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; /* questo sara column quand necessario */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: center;
        align-content: center;
    text-align: center;
    /* background-color: DodgerBlue;*/
    /*border-top: 1px solid rgba(0,0,0,.2);*/
    max-width: 1103px; /* metti la dimensione max che ti serve */
    margin: 0 auto;
    color: #514d48;
    font-weight: 500;
    font-size: 18px;
}
.flexNews2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; /* questo sara column quand necessario */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    /* background-color: DodgerBlue;*/
    /*border-top: 1px solid rgba(0,0,0,.2);*/
    max-width: 1103px; /* metti la dimensione max che ti serve */
    margin: 0 auto;
    color: #514d48;
    font-weight: 500;
    font-size: 18px;
}
.flexNews > div, .flexNews2 > div {
    /* background-color: #f1f1f1;*/
    /*min-width: 150px;*/
    /*margin: 0 50px;*/
    padding: 20px;
    font-size: 16px;
    text-align: justify;
    width: 50%;
	line-height: 2em;
}
.flexNews > div > img, .flexNews2 > div > img {
    max-width: 100%;
	height: 100%;
width: 100%;
}

.flexNews h4, .flexNews2 h4 {
    font-size: 12px;
    margin-bottom: 20px;
}
/*  -----------   */
/*  Settore Store  */
.storeScrn {
    margin-top: 12px;
    margin-bottom: 24px;
    /*padding-left: 20px ;
	padding-right: 20px ;*/
}
.storeScrn img {
    max-width: 100%;
}
.storeBx h3 span {
    color: #fff;
    background-color: #514d48;
    font-size: 14px; /* era 2.25em (base font 16px) */
    letter-spacing: 0.76em; /* sarebbe 12.16px  */
    padding: 0 0 0 12px;
}
.flexStore {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; /* questo sara column quand necessario */
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /*background-color: DodgerBlue;*/
    /*border-top: 1px solid rgba(0,0,0,.2);*/
    max-width: 1143px; /* metti la dimensione max che ti serve */
    margin: 0 auto;
    color: #514d48;
    font-weight: 500;
    font-size: 18px;
	flex-wrap:wrap;
}
.flexStore > div {
    /* background-color: #f1f1f1;*/
    /*min-width: 150px;*/
    /*margin: 0 50px;*/
    padding: 20px;
    font-size: 16px;
    text-align: center;
}
.article{
	flex: 22%;
}
/*   ------------  */
/*  settore Biography  */
.bioTxtMnBx {
    /*	background-color: aquamarine;*/
    max-width: 1143px;
    /*min-width: 500px;*/
    position: relative;
    display: block;
    /*width:1103px;*/
    margin: 12px auto;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em; /* sarebbe 0.8px  */
    line-height: 2em;
}
.fotoBio {
    margin-top: 12px;
    margin-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
}
.fotoBio img {
    max-width: 100%;
}
.bioTxtMnBx h3 {
    text-align: center !important;
    font-style: italic;
    font-size: 16px;
}
.bioTxtMnBx p {
    text-align: justify; /* For Edge */
    -moz-text-align-last: left; /* For Firefox prior 58.0 */
    text-align-last: left;
}
.influences {
    font-size: 12px;
    line-height: 2em;
}
/* --------- */
/* Subscribe form  */
/*  submit BTN  */
.submitBtn {
    border: solid 2px #fff;
    background-color: #FC0004;
    color: #fff;
    border-radius: 0px;
    text-decoration: none;
    padding: 12px 16px;
    font-size: 12px;
    line-height: 19px;
    text-transform: uppercase;
    letter-spacing: 3px;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.submitBtn:hover {
    border: solid 2px #fff;
    background-color: #ffffff;
    color: #000;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
/*  settore    form input box newsletter subscribe MAIL CHIMP */
#mc_embed_signup .mc-field-group {
    clear: left;
    position: relative;
    width: 96%; /*  contiene l txt dell'input form (label) e il form stesso email   */
    padding-bottom: 8px;
}
#mc_embed_signup .mc-field-group label {
    /* color:green;      influisce sul TXT label   */
    font-size: 0.875em;
    display: block;
    text-align: left;
}
#mc_embed_signup .mc-field-group input {
    display: block; /*   tutto il codice serve x grafica etc del form di input area  */
    border: 2px solid #eeeeee;
    height: 2.475em;
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.5em;
    color: #514d48;
    letter-spacing: .01em;
    width: 100%;
    background-color: #ffffff;
}
#mc_embed_signup .clear {
    clear: both;
}
#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    padding: 20px 0 20px 3%
}
#mc_embed_signup input:focus {
    border-color: #ffffff; /*  colore quando clicchi nell area x immettere la mail */
}
#mc_embed_signup {
    background: #514d48; /*  COLORE SFONDO BOX CHE CONTIENE TUTTO  */
    clear: left;
    max-width: 1103px;
    margin: 0 auto;
    color: #FFFFFF;
}
/*    ---------------------------------     */
/*  Footer  */
.socialIcoMnBx {
	clear: both;
	display:inline-block;
	/*background: red; */ 
    max-width: 300px;
    margin: 38px auto;
    color: #FFFFFF;
}

.socialIcoMnBx li.facebook a {
	
	background-position: 8px -31px;
}
.socialIcoMnBx li.spotify a {
	
	background-position: -42px -31px;
}

.socialIcoMnBx li.youtube a {
	
	background-position: -90px -31px;
}

.socialIcoMnBx li.instagram a {
	
	background-position: -136px -31px;
}

.socialIcoMnBx li.applemusic a {
	
	background-position: -187px -31px;
}

.socialIcoMnBx li.deezer a {
	
	background-position: -234px -31px;
}
.socialIcoMnBx li a:hover {
	filter: brightness(150%);
	
}
/* ----------------   */

/*   MEDIA QUERY */
@media (max-width:1200px) {
	.pgContainer {
	    /*background-color:olive;*/
	}
	.navTxtLinkFlex, .socialIcoTPbx {
	    display: none;
	}
	.hambrgSbMenu {
	    display: initial;
	    flex: 1;
	}
	
	nav {
	    flex-direction: row-reverse!important;
	    justify-content: space-around;
	}
	nav::before {
	    flex: 1;
	    content: '';
	   /* background-color: brown;*/
		height: 25px;
	}
}
@media (max-width:1024px) {
	.pgContainer {
    /*background-color:olive;*/
}
.flexNews > div, .flexNews2 > div {

	line-height: 1.5em;
}
	.article{
	flex: 50%;
}
	
	
}
@media (max-width:920px) {
	.pgContainer {
    /*background-color:olive;*/
}
	.settore{
		margin: 40px auto;
    font-size: 32px; /* era 2.25em (base font 16px) */
	}
	.flexNews > div, .flexNews2 > div {

	line-height: 1.2em;
}
}


@media (max-width:660px) {
	.pgContainer {
    /*background-color:olive;*/
}
	.settore{
		font-size: 26px; /* era 2.25em (base font 16px) */
		
	}
	.musicScrn img {
    max-width: 100%;
		width:400px;
}
	.flexNews, .flexNews2{
		flex-direction: column;
	}
	.flexNews > div, .flexNews2 > div {
    width: 100%;
		line-height: 2em;
}
}


@media (max-width:600px){	
	.article{
	flex: 100%;
}
}


@media (max-width:550px) {
	.pgContainer {
    /*background-color:olive;*/
}
	.settore{
		font-size: 26px; /* era 2.25em (base font 16px) */
		letter-spacing: 0.56em; /* sarebbe 12.16px  */
	}
	.videoBx h3{
		font-size: 18px;
	}
	.musicBx h3 span{
		font-size: 16px;
		letter-spacing: 0.56em;
	}
	.flexcontMainBx{
		flex-direction: column;
	}
	.flexcontMainBx li {
    padding: 12px;
    margin: 0;
}
.flexcontMainBx li:nth-last-child(1) {
    border-radius: 8px 8px 0 0;
}

.flexcontMainBx li:nth-child(1){
  background-color:transparent;
}
}

@media (max-width:480px) {
	.pgContainer {
    /*background-color:olive;*/
}
	.settore{
		font-size: 26px; /* era 2.25em (base font 16px) */
		letter-spacing: 0.26em; /* sarebbe 12.16px  */
	}
}
.cta{
	width:25px;
}

@media (max-width:320px) {
	.pgContainer {
    /*background-color:olive;*/
}
	.settore{
		font-size: 26px; /* era 2.25em (base font 16px) */
		letter-spacing: 0.20em; /* sarebbe 12.16px  */
	}
	.musicBx h3 span{
		font-size: 14px;
		letter-spacing: 0.56em;
	}
	.bioTxtMnBx {
  letter-spacing: 0em;
}
}