/* style ARTISTA - MUSIC TREE */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:trasparent }


/* MIA CLASSE BLOCK PER TITOLI FOOTER */
.myblock { display:block; padding:10px; background-color:#10c4db; color:#333333; border:0px; text-decoration: none; font-weight:bold}

/* Tasti STORES e TESTI */
a.ts-stores { display:block; padding:10px; background-color:#CCCCCC; border:0px; font-size:16px; text-decoration: none; font-weight:bold; color:#666666 }
a.ts-stores:hover, a.ts-stores:focus, a.ts-stores:active { text-decoration: none; color:#FFFFFF; font-weight:bold; background-color:#544E7D }
.arrow-stores { float:right; padding:0 0 0 0 }



/* AGGIUNTO COLOR PER IL FONT DI BASE */
body { line-height:1; color:#666666 }


/* MIO PADDING PER IMG COLLABORAZIONI ED LABEL*/
.img_pad { border:0; padding:5px }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block }

nav ul { list-style:none }

blockquote,q { quotes:none }

blockquote:before,blockquote:after,q:before,q:after { content:'';content:none }

a { margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent }

ins { background-color:#ff9;color:#000;text-decoration:none }

mark { background-color:#ff9;color:#000;font-style:italic;font-weight:bold }

del { text-decoration:line-through }

abbr[title],dfn[title] { border-bottom:1px dotted;cursor:help }

table { border-collapse:collapse; border-spacing:0 }

hr { display:block;height:1px;border:0;padding:0 }

input,select { vertical-align:middle }

.clearfix:after { visibility:hidden;display:block;font-size:0;content:' ';clear:both;height:0 }

* html .clearfix { zoom:1 }

*:first-child+html .clearfix { zoom:1 }


.Wallop { position:relative; overflow:hidden; background:#333 }
.Wallop-item { visibility:hidden; position:absolute; top:0; left:0; width:100% }
.Wallop-item--current { visibility:visible; position:relative }
.Wallop-caption { z-index:100; position:absolute; bottom:20px; width:70%; margin:0 15%; color:#fff; text-align:center; text-shadow:0px 0px 5px #000 }
.Wallop-caption h1,.Wallop-caption h2 { color:#fff }
.Wallop-arrow { width:30px; position:absolute; z-index:10; top:50%; left:20px }
.Wallop-arrow .arrow { top:-10px; left:0; width:30px; height:30px; display:inline-block; cursor:pointer; background-size:40px 40px; text-indent:-9999px; -webkit-transform:rotate(180deg); transform:rotate(180deg) }
.Wallop-arrow.Wallop-buttonNext { right:20px; left:auto }
.Wallop-arrow.Wallop-buttonNext .arrow { -webkit-transform:rotate(0deg); transform:rotate(0deg) }
.Wallop--slide .Wallop-item--showPrevious {
-webkit-animation:slideFromLeft 350ms 10ms linear both; -moz-animation:slideFromLeft 350ms 10ms linear both; -ms-animation:slideFromLeft 350ms 10ms linear both; animation:slideFromLeft 350ms 10ms linear both }
.Wallop--slide .Wallop-item--showNext {
-webkit-animation:slideFromRight 350ms 10ms linear both; -moz-animation:slideFromRight 350ms 10ms linear both; -ms-animation:slideFromRight 350ms 10ms linear both; animation:slideFromRight 350ms 10ms linear both }
.Wallop--slide .Wallop-item--hidePrevious, .Wallop--slide .Wallop-item--hideNext { visibility:visible }
.Wallop--slide .Wallop-item--hidePrevious {
-webkit-animation:slideToLeft 350ms 10ms linear both; -moz-animation:slideToLeft 350ms 10ms linear both; -ms-animation:slideToLeft 350ms 10ms linear both; animation:slideToLeft 350ms 10ms linear both }
.Wallop--slide .Wallop-item--hideNext {
-webkit-animation:slideToRight 350ms 10ms linear both; -moz-animation:slideToRight 350ms 10ms linear both; -ms-animation:slideToRight 350ms 10ms linear both; animation:slideToRight 350ms 10ms linear both }


@-webkit-keyframes slideFromLeft {
0%{-webkit-transform:translate3d(-100%, 0, 0);
-moz-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
} @-moz-keyframes slideFromLeft {
0%{-webkit-transform:translate3d(-100%, 0, 0);
-moz-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
} @-ms-keyframes slideFromLeft {
0%{-webkit-transform:translate3d(-100%, 0, 0);
-moz-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
} @keyframes slideFromLeft {
0%{-webkit-transform:translate3d(-100%, 0, 0);
-moz-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
} @-webkit-keyframes slideFromRight { 0%{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
} @-moz-keyframes slideFromRight { 0%{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
} @-ms-keyframes slideFromRight { 0%{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
} @keyframes slideFromRight { 0%{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
} @-webkit-keyframes slideToLeft {
99%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)
}
} @-moz-keyframes slideToLeft { 99%{opacity:1 }
100% { opacity:0;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0) }
} @-ms-keyframes slideToLeft { 99%{opacity:1 }
100% { opacity:0;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0) }
} @keyframes slideToLeft { 99%{opacity:1 }
100% { opacity:0;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0) }
} @-webkit-keyframes slideToRight { 99%{opacity:1 }
100% { opacity:0;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
} @-moz-keyframes slideToRight { 99%{opacity:1 }
100% { opacity:0;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
} @-ms-keyframes slideToRight { 99%{opacity:1 }
100% { opacity:0;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
} @keyframes slideToRight { 99%{opacity:1 }
100% { opacity:0;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0) }
}


body { font-size:16px;line-height:1.6;font-family:'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif }
.gigantic { font-size:110px;line-height:1.09;letter-spacing:-2px }
.huge,h1 { letter-spacing:-1px;font-size:48px;line-height:1.05 }
.large,h2 { font-size:32px;line-height:1.14 }
.bigger,h3 { font-size:26px;line-height:1.38 }
.big,h4 { font-size:22px;line-height:1.38 }
.normal,h5 { font-size:18px;line-height:1.38 }
.small,h6,small { font-size:14px;line-height:1.2 }

/* Testo */
.gigantic,.huge,.large,.bigger,.big,h1,h2,h3,h4,h5,h6 { color:#333333; margin-bottom:0px }

/* Colore link */
a,.link-color { color:#CC0000; text-decoration:none; font-weight:normal }

/* Colore link hover */
a:focus,a:hover { color:#CC0000; text-decoration:underline; font-weight:normal }

/* Testo con bordo colorato */
.font_border_color { color: #C78A30; /* Se non lo supporta indico un colore differente */ -webkit-text-fill-color: #C78A30; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #FFFFFF;
/* metto anche l'ombra */ text-shadow:0px 0px 3px #000000}




/* Colore Bottone */
.button { font-size:14px; color:#FFFFFF; background:#999999; text-transform:uppercase; font-weight:bold; border:none; border-radius:4px; padding:12px 25px; text-decoration:none; cursor:pointer;display:inline-block;text-shadow:none }

/* Colore Bottone hover */
.button:hover { background:#544E7D; text-decoration:none; color:#FFFFFF; font-weight:bold; }



/* BOTTONE PER SLIDE */
.new_button { font-size:14px; color:#FFFFFF; background:#DA247C; text-transform:uppercase; font-weight:bold; border:none; border-radius:4px; padding:12px 25px; text-decoration:none; cursor:pointer;display:inline-block;text-shadow:none }

/* BOTTONE PER SLIDE HOVER */
.new_button:hover { background:#FFFFFF; text-decoration:none; color:#544E7D; font-weight:bold; }




p { margin-bottom:20px }
.text-center { text-align:center }
.text-right { text-align:right }
.text-left { text-align:left }
.img-res { width:100%;height:auto;margin-bottom:20px;vertical-align:middle }
.margin-top { margin-top:40px }
.margin-bottom { margin-bottom:40px }
.no-margin { margin:0;padding:0 }
.animate { -webkit-transition:all 0.4s;-moz-transition:all 0.4;transition:all 0.4s }
blockquote { font-weight:200;font-size:14px;font-style:italic;margin:0.25em 0;padding:0 30px;line-height:1.45;position:relative;color:#383838;border-left:5px solid #999999 }

ul { list-style:circle inside;margin-bottom:40px }
ol { list-style:decimal inside;margin-bottom:40px }
ol,ul { padding-left:0;margin-top:0 }
ul ul,ul ol,ol ol,ol ul { margin:20px 0 20px 40px }
li { margin-bottom:10px }

/* MODIFICATO */
table { margin-bottom:0px }
th,td { padding:0px; text-align:left;border-bottom:0px }
table { margin-bottom:0px }
th,td { padding:0px; text-align:left; border-bottom:0px }
hr { margin-top:0px; margin-bottom:0px; border-width:0; border-top:0px }
hr.spacer { border-top:1px solid transparent }

/* ORIGINALE
table { margin-bottom:0px }
th,td { padding:12px 15px;text-align:left;border-bottom:1px solid #e1e1e1 }
table { margin-bottom:40px }
th,td { padding:12px 15px;text-align:left;border-bottom:0px }
hr { margin-top:20px;margin-bottom:40px;border-width:0;border-top:1px solid #e1e1e1 }
hr.spacer { border-top:1px solid transparent }

 */



@media (max-width: 767px){

.gigantic { font-size:74px }
} input[type='email'],input[type='number'],input[type='search'],input[type='text'],input[type='tel'],input[type='url'],input[type='password'],textarea,select { height:38px;padding:6px 10px;background-color:#fcfcfc;border:1px solid #d1d1d1;border-radius:4px;box-shadow:none;box-sizing:border-box;width:100 }
input[type='email'],input[type='number'],input[type='search'],input[type='text'],input[type='tel'],input[type='url'],input[type='password'],textarea { -webkit-appearance:none;-moz-appearance:none;appearance:none }
textarea { min-height:65px;padding-top:6px;padding-bottom:6px }
input[type='email']:focus,input[type='number']:focus,input[type='search']:focus,input[type='text']:focus,input[type='tel']:focus,input[type='url']:focus,input[type='password']:focus,textarea:focus,select:focus {border:1px solid #33c3f0;outline:0 }
label,legend { display:block;margin:12px 0 10px 0;font-weight:bold }
fieldset { padding:0;border-width:0 }
input[type='checkbox'],input[type='radio'] { display:inline }
label>.label-body { display:inline-block;margin-left:10px;font-weight:normal }
*,*:after,*:before { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box }

.cover { background:#eee;padding:70px 0;margin-bottom:20px }
.grid { margin:0 auto;max-width:1250px; padding:40px 20px 40px 20px }
.grid.full { max-width:100% }
.grid.no-col { padding:40px;background:none }
.no-pad,.no-pad [class*='col-'] { padding:0 }
.grid:after { content:'';display:table;clear:both }
[class*='col-'] { float:left;padding:0 20px;position:relative }
.col-1-1,.col-2-2,.col-3-3,.col-4-4,.col-5-5,.col-8-8 { width:100% }
.col-1-2,.col-2-4,.col-4-8 { width:50% }
.col-1-3 { width:33.33% }
.col-2-3 { width:66.66% }
.col-1-4,.col-2-8 { width:25% }
.col-3-4,.col-6-8 { width:75% }
.col-1-5 { width:20% }
.col-2-5 { width:40% }
.col-3-5 { width:60% }
.col-4-5 { width:80% }
.col-1-8 { width:12.5% }
.col-3-8 { width:37.5% }
.col-5-8 { width:62.5% }
.col-7-8 { width:87.5% }
.push-1-2,.push-2-4,.push-4-8 { left:50% }
.push-1-3 { left:33.33% }
.push-2-3 { left:66.66% }
.push-1-4,.push-2-8 { left:25% }
.push-3-4 { left:75% }
.push-1-5 { left:20% }
.push-2-5 { left:40% }
.push-3-5 { left:60% }
.push-4-5 { left:80% }
.push-1-8 { left:12.5% }
.push-3-8 { left:37.5% }
.push-5-8 { left:62.5% }
.push-6-8 { left:75% }
.push-7-8 { left:87.5% }
.pull-1-2,.pull-2-4,.pull-4-8 { right:50% }
.pull-1-3 { right:33.33% }
.pull-2-3 { right:66.66% }
.pull-1-4,.pull-2-8 { right:25% }
.pull-3-4 { right:75% }
.pull-1-5 { right:20% }
.pull-2-5 { right:40% }
.pull-3-5 { right:60% }
.pull-4-5 { right:80% }
.pull-1-8 { right:12.5% }
.pull-3-8 { right:37.5% }
.pull-5-8 { right:62.5% }
.pull-6-8 { right:75% }
.pull-7-8 { right:87.5% }

@media (max-width: 991px){

[class*='tab-'] { left:0;right:0 }
[class*='col-'] { margin-bottom:20px }
.tab-100 { width:100% }
.tab-75 { width:75% }
.tab-66 { width:66.66% }
.tab-50 { width:50% }
.tab-33 { width:33.33% }
.tab-25 { width:25% }
.tab-push-75 { left:75% }
.tab-push-66 { left:66.66% }
.tab-push-50 { left:50% }
.tab-push-33 { left:33.33% }
.tab-push-25 { left:25% }

}


@media (max-width: 767px){
	
.grid { padding:20px 10px 20px 10px }
.grid.no-col { padding:20px }
[class*='col-'] { padding:0 10px }
.sma-100,[class*='col-'] { width:100%;left:0;right:0 }
.sma-75 { width:75% }
.sma-66 { width:66.66% }
.sma-50 { width:50% }
.sma-33 { width:33.33% }
.sma-25 { width:25% }
.sma-push-75 { left:75% }
.sma-push-66 { left:66.66% }
.sma-push-50 { left:50% }
.sma-push-33 { left:33.33% }
.sma-push-25 { left:25% }
}


/* mia classe nascondi smartphone */
@media (max-width: 768px){
.nascondi_smartphone { display:none }
}

/* mia classe nascondi desktop */
@media (min-width: 767px) {
.nascondi_desktop { display:none }

}




/* MENU E HEADER */
/* ============= */

/* Social Icone - padding: sopra, destra, sotto, sinistra*/
.social_icone { padding:16px 0 0 15px; margin:0px; border:0px }

/* Aggiunto background */
.nav-header { background:#000000; float:left; margin:0; padding:0px }
.logo { float:left;padding:13px 0 0 40px; font-weight:bold; font-size:25px }
.no-pad-menu { padding:0px; margin-bottom:0px; background:#000000 !important }

/* TOLTO border-top:5px solid #D6900D; per linea colorata in alto */
.nav-wrap { display:inline-block; width:100%; background:#000000; float:left }

/* colore link */
.nav-wrap a { line-height:0px; font-size:14px; font-weight:bold; text-decoration:none; color:#FFFFFF; display:block }
.nav-wrap ul { list-style:none; position:relative; text-align:left; margin:0 }
.nav-wrap li { float:left; margin:0; position:relative }
.nav-wrap ul:after { clear:both }
.nav-wrap ul:before,.nav-wrap ul:after { content:' '; display:table }
.nav-wrap nav { position:relative; text-align:center; float:right }
ul.primary,ul.dropdown-menu { -webkit-transition:max-height 0.3s;-moz-transition:max-height 0.3s;transition:max-height 0.3s }
ul.primary li a { background:#000000; display:block; padding:30px 25px}
ul.primary li:hover a { background:#DA247C; color:#000000 }
ul.primary li:hover>a { color:#FFFFFF }
ul.primary li a:hover { color:#FFFFFF }

/* link current */
ul.primary li.current { display:block;padding:22px 30px; background:#DA247C; color:#FFFFFF }

ul.dropdown-menu { position:absolute;z-index:250;min-width:250px;display:none;box-shadow:0 7px 12px rgba(0,0,0,0.175) }
ul.dropdown-menu li { float:none;margin:0 }
.arrow { width:16px;height:16px;display:inline-block;top:27px;right:18px;position:absolute;background:url(arrow.svg) center center;background-size:22px 22px;-webkit-transform:rotate(90deg);transform:rotate(90deg) }
.select .arrow { -webkit-transform:rotate(90deg);transform:rotate(90deg) }
ul.primary ul.dropdown-menu li a { border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #eee;color:#FFFFFF;padding:20px 10px }
ul.primary ul.dropdown-menu li a:hover { color:#FFFFFF; background:#000000 }
ul.primary li:hover ul { display:block }




@media (min-width: 768px) {
.arrow { top:22px;right:6px;background-size:18px 18px }
}



@media (max-width: 767px) {

/* Social Icone - padding: sopra, destra, sotto, sinistra*/
.social_icone { padding:16px 0 20px 15px; margin:0px; border:0px }

.logo { background:#000000; padding-left:15px; padding-bottom:15px; padding-top:18px }
.nav-header,.nav-wrap nav { width:100% }
.nav-wrap { width:100%;margin-top:0 }
.nav-wrap li { float:none }
.nav-wrap .primary { max-height:0;overflow:hidden }
.nav-wrap .dropdown-menu { max-height:0;overflow:hidden }
.tog { background:transparent; width:69px;height:69px;position:relative;float:right }
.tog span { display:block;width:36px;height:3px;border-radius:2px;position:absolute;top:36px;right:20px;background:#fff }
.tog span:first-child { -webkit-transform:translateY(-11px);transform:translateY(-11px) }
.tog span.span-middle { -webkit-transform:translateY(11px);transform:translateY(11px) }
.tog.x span:first-child { -webkit-transform:rotate(45deg);transform:rotate(45deg) }
.tog.x span.span-middle { opacity:0 }
.tog.x span:last-child,.tog.x span.span-middle { -webkit-transform:rotate(-45deg);transform:rotate(-45deg) }
.nav-wrap .primary.open,.nav-wrap .dropdown-menu.open { max-height:500px;overflow:scroll;-webkit-overflow-scrolling:touch }

/* codice aggiunta height per iphone */
.nav-wrap .dropdown-menu.open{max-height:5000px}

ul.primary li a { padding:20px }

/* link current */
ul.primary li.current { display:block;padding:20px 40px; background:#DA247C; color:#FFFFFF }

.nav-wrap ul.primary li:hover a { background:#DA247C; color:#FFFFFF }
.nav-wrap ul.primary li a.select { background:#DA247C;color:#fff }
.nav-wrap ul.primary li:hover ul { display:block;background:#121212;color:#fff }
.nav-wrap ul.dropdown-menu { display:block;position:static;box-shadow:none;width:100%;border-bottom:none }
.nav-wrap ul.primary ul.dropdown-menu li a { background:#111;border:none;color:#DA247C; padding:15px 25px }
.nav-wrap ul.primary ul.dropdown-menu li a:hover { color:#FFFFFF }
.arrow { -webkit-transform:rotate(0deg);transform:rotate(0deg) }
.arrow { top:11px;right:10px;background-size:18px 18px }
.no-pad-menu { padding:0}

}