/** Import Reset CSS **/
.timeline {
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: rgb(239, 239, 239);
}

@import url("reset.css");



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

}

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

}

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

}

@font-face { 
    font-family:'SubTitle';
    src: url('font/compressed/trump_gothic_west_bold.ttf');
    font-weight: normal;
    font-style: normal;
  font-display: swap;
    

}



/**GlobalStyles**/
html{height: 100%;overflow: none;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{width:100%;height:100%;font-family: "Text", Arial, Verdana, Helvetica, sans-serif;font-size:13px;padding:0;background-repeat:no-repeat;margin:0px;}
::selection{background:#000;color:#FFF;}
::-moz-selection{background:#000;color:#FFF;}
a{color:#cf043d;text-decoration:none;; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
a:hover{color:#00B2E0;}

header {
    float: left;
    width: 100%;
}




.upper-title button[type="button"]{
background-color: #0895EE;
border: 0px none;
color: #FFF;
padding: 1px;
cursor: pointer;
font-family: "Subtitle",Arial,Verdana,Helvetica,sans-serif;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 1px;
min-width: 90px;
min-height: 30px;
margin:1px;
}
.upper-title button[type="button"]:hover{
background-color: #096eae;

}

/**LAYOUTSTYLES<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/

/**Containers**/
.container{width:100% !important;line-height:22px;height:100% !important;position:relative;margin:auto !important;padding:0px !important;float:left; background-color:#E8EBF1; overflow-x: hidden;}
.darkbg{background-color:#000; border-bottom: 1px solid #333; box-shadow: 2px 2px 5px #000; z-index: 50;}
/**.darkbg{background-color:#CF043D;}**/
.coverbg{max-width:1000px;background-color:#FFFFFF;}
.darkbg2{max-width:1000px;background-color:#FFFFFF;}	
.lightbluebg{background-color:#e60544;}
.bg3{max-width:1000px;background-color:#FFFFFF;}


#language-selector{float: left;
width: 100%;
height:23px;
padding:0px;
background-color: #000;
color:#666;
overflow:hidden;
font-weight:bold;
}


#language-selector a:link{color:#fff}
#language-selector a:visited{color:#fff}

#language-select{ font-weight:bold; }
#_lang{ font-weight: bold;
background-color: #CF043D;
border: 1px solid #620625;
color: #fff;}



.scrolltotop {
    width:48px;
    height:48px;
    position:fixed;
    bottom:20px;
    right:20px;
    display:none;
    text-indent:-1000px;
    opacity:0.9;
    background: url('../../images/arrow-up.png') no-repeat;
	z-index: 100;
	
	
}




/**MenuTOP**/
#menu{width:400px;float:right;height:50px;}				
.container#menucont{width:80%;max-width:980px;padding:3px0;margin:0auto;height:60px;}			
.container#menucont img{display:block;width:100%;height:100%;}	
.container#menucont.menuselect{display:none;font-family:inherit;}
.container#menucont ul{float:left;}
.container#menucont ul li{display:inline;}
.container#menucont ul li a{float:left;padding:0 15px;font-weight:bold;font-size:13px;text-decoration:none;color:#CCF5FF;font-family:"primaria", Arial, Verdana, Helvetica, sans-serif}
.container #menucont ul li a:hover,.container #menucont ul li.active a{color:#FFF;}


#pane2{display:inline}
.flap2 {
    color: #FFF;
    background-color: #111;
    height: 48px;
	width:48px;
	display:none;
}

.menu-mobile{background-image:url(../images/menu-mobile.png);background-repeat:no-repeat;background-size:contain; height:30px; width:30px;    margin: auto;}	
.menu-mobile img{width:100%; height:auto}	

@media screen and (max-width:580px)
{
	
	#pane2{display:none}
	
.flap2 {
    color: #FFF;
    background-color: #000;
    height: 30px;
	width:100%;
	display:table;
	text-align:center;
}	
	
}

/**Header**/
#headercont{background-color:#000;width:100%;margin-left:0px;height:auto;position:relative;padding-bottom:0px;padding-top:5px;color:#FFFFFF; border-top:1px solid #333; float:left}
#language{float:left; width:200px; color:#FFFFFF; background-color: #990000; font-size:18px; }
#language a:link{float:left; width:200px; color:#FFFFFF; background-color: #990000; font-size:18px; }
#language a:visited{float:left; width:200px; color:#FFFFFF; background-color: #990000; font-size:18px; }

/**Main-------------------------------------------------------**/
/**Center-------------------------------------------------------**/ 
#page-hp .container #maincont{text-align:center;width:100% !important;height:100%;margin:auto !important;position:relative;padding:0px !important;background-color:#e8ebf1;}
#page .container #maincont{text-align:center;width:100% !important;height:100%;margin:auto;position:relative;padding:0px;background-color:#F1F3F6;}
.maincenter{text-align:center; font-size:17px; margin: 10px auto 0px auto; width: 1300px; height: auto; overflow: hidden;}
.maincenter h1{font-size:24px; font-weight: bold;font-family: "TitleExtraBold", Arial, Verdana, Helvetica, sans-serif;font-size:26px; line-height: 32px;}
#chart_box{width:500px; height:auto; float:left}

/**Left-------------------------------------------------------**/
#mainleft{color:#000;width:70%;height:100%;margin:auto;padding:0px;float:left;text-align:left;position:relative;overflow:hidden;background-color:#e8ebf1;}
#mainleft_header{background-color:#e8ebf1;color:#000;margin-top:0px;padding:0px;padding-left:2%;padding-right:2%;text-align:center;margin:auto;position:relative;overflow:hidden;width:96%}
#mainleft_header img{height:100%;width:100%;}
.mainleft_text{position:relative;margin-top:5px;margin-bottom:10px;padding-top:10px;float:left;padding-left:2%;padding-right:2%; width:96%}
.mainleft_text h1{font-size:24px; font-weight: bold;font-family: "TitleExtraBold", Arial, Verdana, Helvetica, sans-serif;font-size:26px; line-height: 26px;}	
.mainleft_text h2{font-size:18px; font-weight: bold;font-family: "TitleBold", Arial, Verdana, Helvetica, sans-serif; line-height: 26px;}		
/**Right-------------------------------------------------------**/
#mainright{float:right;background-color:#f1f3f6;width:30%;padding:0px;height:auto;min-height: 1400px; }
#maincenter {
    color: #000;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0px;
    text-align: left;
    position: relative;
    overflow: hidden;
    background-color: #e8ebf1;
	max-width:1200px;
}

/**Footer---------------------------------------------**/		
.container #footercont{width:100% !important;margin:0 auto !important;font-size:11px;text-align:right;padding:15px000;color:#fff;background-color:#000000}
.clearfix:before,
.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/**pre Footer---------------------------------------------**/

.pre-footer{width: 100%;
padding: 10px 25px 10px 25px;
margin: auto;
float: left;
box-sizing:border-box;}
@media screen and (max-width:580px){
.pre-footer{padding: 10px 10px 10px 10px;}
}

/** ORDER BY IN HOMEPAGE------------------------------------------------------ **/
.row_orderby{text-align:right;width:300px;height:15px;position:relative;padding-top:0px; margin-bottom:10px;float:right;}
.row_orderby .col{width:auto;float:right;}






/** ARTST RESULTS PAGE------------------------------------------------------ **/
.alphabetical-list{text-align:left;width:95%;height:auto;margin:auto;position:relative; margin-top:20px; margin-bottom:0px; padding:0px; font-family: "TitleBold", Arial, Verdana, Helvetica, sans-serif;font-size:15px;}
.alphabetical-list .active{text-align:left;width:90%;height:30px;margin:auto;position:relative; margin-top:20px; margin-bottom:0px; padding:0px; font-family: "TitleBold", Arial, Verdana, Helvetica, sans-serif;font-size:20px; color:#FF0000}
/** Best result------------------------------------------------------ **/
.best-result_cont{text-align:left;width:100%;height:auto;position:relative; margin-left:0px; right:0px; margin-top:5px; padding:0px; float:left}
.best-result_cont .title{text-align:left;height:auto;margin-bottom:0px; padding:0px; font-family: "TitleBold", Arial, Verdana, Helvetica, sans-serif;font-size:20px;}
.best-result_box{text-align:left;width:100%;height:auto;position:relative; margin-top:5px; margin-bottom:20px; background-color:#FFFFFF;padding:0px}
.best-result_box .leftcont{width:30%;height:auto;float:left; background-color:#000000 ;position:relative;}
.best-result_box .rightcont{width:60%;height:auto;float:left; padding:5px;position:relative; background-color:#FFFFFF}
.best-result_box img{width:100%;height:100%;position:relative;}
.best-result_box .text{width:auto; text-align:left; margin-top:10px}
.best-result_box .title{width:auto; text-align:left;font-family: "TitleExtraBold", Arial, Verdana, Helvetica, sans-serif;font-size:26px;}
.best-result_box .button{width:100px; height:35px; background-color:#FF0033; text-align:center; line-height:15px;color:#fff;font-family: "TitleExtraBold", Arial, Verdana, Helvetica, sans-serif;font-size:14px; float:left; margin-top:20px}
/** More result------------------------------------------------------ **/
.more-results_cont{text-align:right;width:100%;height:auto;margin:auto;position:relative; margin-top:5px; margin-bottom:5px;padding:0px; float:left; margin-left:0px}
.more-results_cont .title{text-align:left;height:auto;margin-bottom:0px; padding:0px; font-family: "TitleBold", Arial, Verdana, Helvetica, sans-serif;font-size:20px;}
.more-results_box{margin:auto;position:relative; margin-top:0px; margin-bottom:0px;float:left;padding:0px; height:auto; width:14.2%; box-sizing: border-box; border:3px solid transparent}
.more-results_box .title{text-align:left;height:auto;margin-bottom:0px; padding:0px; font-family: "TitleBold", Arial, Verdana, Helvetica, sans-serif;font-size:20px;}
.more-results_box img{  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;}
.more-results_box .title{width:auto; text-align:left;font-family: "TitleBold", Arial, Verdana, Helvetica, sans-serif;font-size:12px; line-height:12px; padding:2px 2px 20px 2px; height:20px}
.more-results_box a:link{color:#000}
.more-results_box a:visited{color:#000}
.more-results_box a:hover{color:#ff0033}
ul#yw0.pages{
    width: 100%;
    text-align: left;
    font-family: "TitleBold",Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 12px;
    padding: 2px;
    position: relative;
    float: left;
}
ul#yw0 li{padding:2px}
ul#yw0 li.page{float: left;}
ul#yw0 li.previous{float: left;}
ul#yw0 li.first{float: left;}
ul#yw0 li.last{float: left;}
ul#yw0 li.next{float: left;}
ul#yw0 li.selected{float: left;}
ul#yw0 li.hidden{display:none}
footer li{height:12px; padding:2px}


/** ARTIST PERSONAL PAGE------------------------------------------------------ **/
/** Gallery------------------------------------------------------ **/
.artist-gallery_cont{text-align:right;width:90%;height:auto;margin:auto;position:relative; margin-top:5px; margin-bottom:5px; padding:0px}
.artist-gallery_cont .title{text-align:left;height:30px;margin-bottom:0px; padding:0px; font-family: "TitleBold", Arial, Verdana, Helvetica, sans-serif;font-size:20px;}
.artist-gallery_box{width:120px;height:120px;margin:auto;position:relative; margin-top:0px; margin-bottom:50px; margin-right:5px;float:left;background-color: #fff;padding:0px}
.artist-gallery_box img{width:100%;height:100%;position:relative;}
.artist-gallery_box .title{width:auto; text-align:left;font-family: "TitleBold", Arial, Verdana, Helvetica, sans-serif;font-size:12px; line-height:12px; padding:2px}
/** Biografy------------------------------------------------------ **/
.artist-bio_cont{text-align:right;width:100%;height:auto;margin:auto;position:relative;padding:0px;margin-top:5px; margin-bottom:5px;}
.text_bio{text-align:left;font-family:"Text",Arial,Helvetica,sans-serif; font-size:12px; margin-bottom:5px}
.artist-bio_cont .title{text-align:left;height:30px;margin-bottom:0px; padding:0px; }
.artist-bio_cont .title h1{font-family: "TitleBold", Arial, Verdana, Helvetica, sans-serif;font-size:20px;}
.artist-bio_cont .text{width:auto; text-align:left; margin-top:10px;font-weight:normal}
.artist-bio_cont .text_continue-reading-at{width:auto; text-align:left; margin-top:10px;font-size:12px;}
.artist-bio_cont .text_continue-reading-at a:link{color:#333}
.artist-bio_cont .text_continue-reading-at a:hover{color:#000}
/** info------------------------------------------------------ **/
.artist-info_cont{text-align:right;width:90%;height:auto;margin:auto;position:relative; margin-top:5px; margin-bottom:5px; background-color:#FFFFFF;padding:0px}
.artist-info_cont .title{text-align:left;height:30px;margin-bottom:0px; padding:0px; font-family: "TitleBold", Arial, Verdana, Helvetica, sans-serif;font-size:20px;}
.artist-info_cont .text{width:auto; text-align:left; margin-top:10px}
/** discography------------------------------------------------------ **/
.discography{position: relative;
margin-top: 20px;
margin-bottom: 100px;
padding-top: 10px;
width:100%;
float: left;
padding-left: 0px;}
.discography_box {margin-bottom:10px; border-bottom: 1px solid #c8c8ca; padding-bottom:5px; width:100%}
.discography_title {
    margin-bottom: 10px;
    width: 100%;
    color: #333;
    font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;
    font-size: 22px;
    padding-top: 4px;
    padding-bottom: 4px;
    box-sizing: border-box;
    border-bottom: 2px solid #333;
    letter-spacing: 1px;
}
.discography_text { font-size:16px; margin-bottom:5px;}
.discography_image {width:80px; height:80px}
.discography_image img{width:100%}
.discography .title{text-align:left;height:30px;margin-bottom:0px; padding:0px; font-family: "TitleBold", Arial, Verdana, Helvetica, sans-serif;font-size:20px;}
.discography .text{width:auto; text-align:left; margin-top:10px}
/** info------------------------------------------------------ **/
.twitter
{float: left;
text-align: left;
padding: 10px;
font-size: 12px;
line-height: 15px;
margin-top: -20px;
width:90%;
}
.twitter_box
{margin-top:5px; margin-bottom:7px; border-bottom: 1px solid #fff; background-color:#e2e6ef; padding:5px;border-top: 1px solid #fff;}
.twitter_box p
{margin-top:0px; margin-bottom:7px}

.twitter_box a:link
{color:#666; word-wrap:break-word}

.twitter_box a:hover
{color:#0895ee}


.instagram-fr {
    float: left;
    text-align: left;
    padding: 10px;
    font-size: 12px;
    line-height: 15px;
    margin-top: 0px;
    width: 90%;
}


/**MODERN DISPLAY ALL PLAYLISTS**/

/* Namespace per non sovrascrivere nulla */
.modern-playlists {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    padding: 20px; /* tolto lo sfondo bianco */
}

.modern-playlists .family-block {
    margin-bottom: 40px;
    clear: both;
}

.modern-playlists .family-title {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 15px 0;
    color: #111;
    border-left: 5px solid #e50914; /* barretta rossa */
    padding-left: 12px;
    text-align: left;
}

.modern-playlists .playlist-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 15px;
}

.modern-playlists .playlist-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.modern-playlists .playlist-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

.modern-playlists .playlist-thumb {
    width: 100%;
    aspect-ratio: 4/3; /* immagini più basse */
    overflow: hidden;
}

.modern-playlists .playlist-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.modern-playlists .playlist-card:hover .playlist-thumb img {
    transform: scale(1.05);
}

.modern-playlists .playlist-name {
    padding: 12px;
    font-size: 0.95rem;
    font-weight: 400; /* più leggero, non strong */
    color: #333;
    text-align: center;
    background: #fff; /* tutto bianco */
}


/**AMAZON STILI<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/

.more-results_box iframe .amzn-ad-logo-holder {
  display: none !important;

}

.more-results_box iframe{
float:left;
}

/**CSSMODULES<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/


.app-connection-box{width:100%; height:auto; font-size:14px;float: left;}
.app-image-box {width:30%; height:auto; float:left}
.app-image-box img{width:80%; height:auto}
.app-text-box {width: 70%;
height: 50px;
float: left;
display: table-cell !important;
vertical-align: middle !important;
line-height: 15px;
font-size: 15px;
text-align: center;
padding-top: 5px;}

.form-connection-box{width:100%; float:left}
.form-image-box {width:100%; height:auto; float:left}
.form-image-box img{width:60%; height:auto}
.form-text-box {width: 100%;height: auto;float: left;padding-top: 5px;padding-bottom: 20px;font-size: 13px;}
@media screen and (max-width:580px)
{.form-image-box img{width:100%; height:auto}}

/** tags -----------------------------------------------------**/
.bv_maincont{float:left;width:auto;padding:0px;height:auto;margin:auto;position:relative;margin-top:20px;margin-left:30px}
.boxview {float:left;margin:0px;padding:0px;width:240px;height:auto;display:inline;}
.boxview ul{text-decoration:none;}
.boxview li{display:block}
.boxview img{width:240px; height:240px;  z-index:2}			
.boxview .text{z-index:1;width:220px;height:165px;position:absolute;background:#000000;filter:alpha(opacity=70);
-moz-opacity:.70;opacity:.70;color:#FFFFFF;margin-top:0px;font-size:15px;line-height:18px;padding-left:10px;padding-right:10px;text-align:left;color:#cccccc; padding-top:75px;font-family:"TitleBold",Arial,Verdana,Helvetica,sans-serif;}
.boxview .tag{height:20px;z-index:10;position:absolute;background:#e60544;color:#fff;margin-top:20px;font-family:"TitleExtraBold",Arial,Verdana,Helvetica,sans-serif;font-size:15px;padding:5px}
/** genres-----------------------------------------------------**/
.bv_maincont2{float:left;width:auto;padding:0px;height:auto;margin:auto;position:relative;margin-top:20px;margin-left:30px}
.boxview2 {float:left;margin:0px;padding:0px;width:134px;height:auto;display:inline;}
.boxview2 ul{text-decoration:none;}
.boxview2 li{display:block}
.boxview2 img{width:132px; height:132px;  z-index:2}			
.boxview2 .text{width:236px;height:76px;z-index:10;position:absolute;background:#000000;filter:alpha(opacity=70);
-moz-opacity:.70;opacity:.70;color:#FFFFFF;margin-top:160px;font-size:12px;line-height:15px;padding:2px;text-align:left;color:#cccccc}	
.boxview2 .tag{height:20px;z-index:10;position:absolute;background:#e60544;color:#fff;margin-top:20px;font-family:"TitleExtraBold",Arial,Verdana,Helvetica,sans-serif;font-size:15px;padding:5px}
/**  playlists and chart-----------------------------------------------------**/
.bv_maincont3{float:left;width:auto;padding:0px;height:auto;margin:auto;position:relative;margin-top:20px;margin-left:30px}
.boxview3 {float:left;margin:0px;padding:0px;width:240px;height:auto;display:inline;}
.boxview3 ul{text-decoration:none;}
.boxview3 li{display:block}
.boxview3 img{width:240px; height:240px;  z-index:2}			
.boxview3 .text{z-index:1;width:220px;height:165px;position:absolute;background:#000000;filter:alpha(opacity=70);
-moz-opacity:.70;opacity:.70;color:#FFFFFF;margin-top:0px;font-size:12px;line-height:16px;padding-left:10px;padding-right:10px;text-align:left;color:#cccccc; padding-top:75px;font-family:"TitleBold",Arial,Verdana,Helvetica,sans-serif;}
.boxview3 .tag{z-index:3;text-align:left;max-width:200px;height:auto;position:absolute;background:#0895ee;color:#fff;margin-top:20px;font-family:"TitleExtraBold",Arial,Verdana,Helvetica,sans-serif;font-size:14px;padding:5px; line-height:16px;}

/**  chart-----------------------------------------------------**/
.bv_maincont4{float:left;width:auto;padding:0px;height:auto;margin:auto;position:relative;margin-top:20px;margin-left:30px}
.boxview4 {float:left;margin:0px;padding:0px;width:240px;height:auto;display:inline;}
.boxview4 ul{text-decoration:none;}
.boxview4 li{display:block}
.boxview4 img{width:240px; height:240px;  z-index:2}			
.boxview4 .text{z-index:1;width:220px;height:165px;position:absolute;background:#000000;filter:alpha(opacity=70);
-moz-opacity:.70;opacity:.70;color:#FFFFFF;margin-top:0px;font-size:12px;line-height:16px;padding-left:10px;padding-right:10px;text-align:left;color:#cccccc; padding-top:75px;font-family:"TitleBold",Arial,Verdana,Helvetica,sans-serif;}
.boxview4 .tag-orange{z-index:3;text-align:left;max-width:200px;height:auto;position:absolute;background:#ff6600;color:#fff;margin-top:20px;font-family:"TitleExtraBold",Arial,Verdana,Helvetica,sans-serif;font-size:14px;padding:5px; line-height:16px;}
.boxview4 .tag-violet{z-index:3;text-align:left;max-width:200px;height:auto;position:absolute;background:#be00d2;color:#fff;margin-top:20px;font-family:"TitleExtraBold",Arial,Verdana,Helvetica,sans-serif;font-size:14px;padding:5px; line-height:16px;}






/**CSSMODULES<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/

/** suggested link-----------------------------------------------------**/
.suggested_cont{box-sizing: border-box;float:left;width:98%;padding:0px;height:auto;position:relative;margin: 20px auto auto 0px;border-left:solid transparent 10px;}
.suggested_title{float:left;height:auto;width:100%; text-align:left; padding-top:10px;padding-bottom:3px; border-bottom:#666 solid 1px; font-size:22px;font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase;  letter-spacing:1px;}
ul.suggested {text-decoration:none; list-style: none; 	padding: 0; margin: 10px 0px 0px 0px; float:left;width:100%}
ul.suggested li{ float:left; background-color:#999999; margin-right:5px; margin-bottom:20px; padding:0px}
ul.suggested li a{width:70px; height:70px;background-color:#999999;display: block; }
ul.suggested img{width: 100%; height: auto;  z-index:2}	

/** BLOCCO VIDEO -------------------------------------------------- **/
/** headervideo -------------------------------------------------- **/
#headervideo_cont {
  width: 65%;
  max-width: 1100px;
  margin: 10px auto;              /* centrato */
  position: relative;
  border: #CCCCCC solid 4px;
  border-radius: 8px;             /* angoli arrotondati */
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2); /* ombra */
}
#headervideo_cont:after {
  content: '';
  display: block;
  padding-top: 56.25%;            /* 16:9 classico */
}
#headervideo {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  display: flex;                  /* centro eventuali contenuti */
  align-items: center;
  justify-content: center;
  color: #fff;
}
#headervideo iframe,
#headervideo video {
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}

#headervideo h1 {
  position: absolute;             /* titolo sopra il video */
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  font-size: 26px;
  font-weight: 400;
  text-align: center;
}
#headervideo h1 a {
  font-family: "Orienta", Arial, Helvetica, sans-serif;
  color: #FFF;
  font-size: 35px;
  letter-spacing: -2px;
  text-decoration: none;
}
#headervideo h1 a:hover { color: #0CF; }

/** headertext-playlist ------------------------------------------ **/
#headertext-playlist {
  width: 100%;
  float: left;
  margin-top: 20px;
  padding: 10px;
  box-sizing: border-box;
  text-align: justify;
}
.title_associated-bands {
  margin-top: 10px;
  font-family: "Text", Arial, Verdana, Helvetica, sans-serif;
  letter-spacing: 1px;
  font-size: 13px;
}
.text_associated-bands .tab {
  font-family: "Text", Arial, Verdana, Helvetica, sans-serif;
  float: left;
  padding: 5px;
  background-color: #ccc;
  margin: 3px 3px 0 0;
  font-size: 12px;
}
.text_associated-genres {
  width: 100%;
  float: left;
  box-sizing: border-box;
  border: 1px solid #666;
  min-height: 30px;
  margin: 0 auto 3px;
  position: relative;
}
.text_associated-genres .tab,
.text_associated-genres .tab_first {
  font-family: "Text", Arial, Verdana, Helvetica, sans-serif;
  float: left;
  padding: 2px;
  margin: 3px 3px 0 2px;
  font-size: 12px;
  font-weight: normal;
  background-color: transparent;
  color: #666;
}
.text_associated-genres .tab_first { font-weight: bold; }

.internal-menu, .internal-menu_tab { display: none; }

/** headertitle -------------------------------------------------- **/
#headertitle {
  width: auto;
  max-width: 600px;
  margin: 20px auto 10px auto;
  padding: 0 15px;
  position: relative;
  font-size: 30px;
  font-family: "TitleExtraBold", Arial, Helvetica, sans-serif;
  color: #000;
  line-height: 30px;
  text-align: center;             /* centrato */
}
#headertitle h1 {
  font-size: 30px;
  font-family: "TitleExtraBold", Arial, Helvetica, sans-serif;
  line-height: 30px;
}

/** headerbutton ------------------------------------------------- **/
#headerbutton { width:100%; float:left; margin-top: 5px; }
.twitter-share-button,
.fb-share-button { float:left; margin-right:5px; }

/** headertext --------------------------------------------------- **/
#headertext {
  width: 32%;
  max-width: 600px;
  margin: 10px auto;
  float: right;
  position: relative;
  text-align: justify;
  font-family: "TitleNormal", Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  color: #666;
  line-height: 18px;
}




/**mod_artist-----------------------------------------------------**/
#mod_artist-box{width:810px; height:400px; float:left; background-color:#FFFFFF; background-image:url(../images/hp-band-image.jpg)}
#mod_artist-box .rightcont{width:390px; height:400px; float:left;  padding:10px}
#mod_artist-box .title1{width:390px; height:auto; font-family:"TitleExtraBold",Arial,Verdana,Helvetica,sans-serif;font-size:50px; padding-top:10px;  line-height:20px}
#mod_artist-box .title2{width:390px; height:auto; font-family:"TitleExtraBold",Arial,Verdana,Helvetica,sans-serif;font-size:30px; padding-top:5px; line-height:30px}
#mod_artist-box .text{width:390px; height:auto;  margin-top:20px}
#mod_artist-box .search{width:390px; height:100px; margin-top:20px}
#mod_artist-box .search-title{width:auto; height:auto; padding-bottom:3px; text-align:left; font-size:15px; padding: 0 15px 0 15px;}
#mod_artist-box .search-button{width:80px; height:35px;background-color: #FF0000; float:right }
#mod_artist-box .search_input {
    border: medium hidden;
    background-repeat: no-repeat;
    height: 29px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    font-size: 20px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    background-color: #999;
    text-decoration: none;
    background-position: center bottom;
    color: #FFF;
    width: 90%;
background-image: none;
}
#mod_artist-box .search-text{width:290px; height:35px; float:left; background-color: #999999}
#mod_artist-box .leftcont{width:400px; height:400px; float:right; }


/**mod_text-box-----------------------------------------------------**/
#mod_text-box{width:550px; height:380px; float:left; text-align:left; background-color:#FFFFFF; padding:10px;padding-right:250px; line-height:25px; background-image:url(../images/sf_mod_text-box.jpg)}
#mod_text-box .title1{ text-align:left; width:390x; height:auto; font-family:"TitleExtraBold",Arial,Verdana,Helvetica,sans-serif;font-size:25px; padding-top:10px;  line-height:20px; height:20px; margin-bottom:15px}

/**INTERNAL SEARCH-----------------------------------------------------**/
.internalcenter-search{width:100%; float: left; }
.internalcenter-search .search-category-box {
    z-index: 2;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    position: relative;
    float: left;
    background-color: #000;
	box-sizing:border-box;
}


/**mod_mainsearch2-----------------------------------------------------**/
#mainsearch2_cont{width:100%;height:40px;margin:auto;position:relative;margin-bottom:10px;margin-top:0px;float:left; border-top:#666 solid 1px; border-bottom:#666 solid 1px;  }
#mod_mainsearch2{height:30px;width:100%;margin:auto;color:#000;font-size:18px;font-family: "secondaria", Arial, Verdana, Helvetica, sans-serif;position:relative;}
#mod_mainsearch2 .search_box{padding-left:5px;padding-right:0px;padding-bottom:3px;padding-top:3px;height:20px; text-align:left; float:right}
#mod_mainsearch2 .search_text2 {
    float: right;
    width: auto;
    font-family: "Subtitle",Arial,Verdana,Helvetica,sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-right: 10px;
    padding-top: 2px;
	line-height: 30px;
    font-size: 20px;
	color: #999;
}
#mod_mainsearch2 .header-form {
    float: right;
    width: 200px !important;
    padding-top: 2px;
	width:40%;
}
#mod_mainsearch2 .search_input2 {
    background-color: #edecec;
    text-decoration: none;
    border: thin solid #b3b2b2;
    float: left;
    width: 68%;
}
#mod_mainsearch2 .search_button2{background-color:#999999;text-decoration:none;border:#CCCCCC 0px solid ;margin-left:0px;float:right; width:25% !important;font-family:  "Subtitle",Arial,Verdana,Helvetica,sans-serif; letter-spacing: 1px; cursor: pointer; line-height:17px; font-size: 15px; height:30px}
#mod_mainsearch2 .search_button2:hover{background-color:#9a012c;color:#fff}

/**ADVADVADVADVADVADVADVADVADVADVADVADVADVADVADVADVADVADVADVADVADVADVADVADVADVADVADV-----------------------------------------------------**/	
/**adv-banner-leaderboard-----------------------------------------------------**/				
.mod_banner1{width:100%;height:200px;float:right;padding:5px;font-size:13px;font-weight:bold;}
.mod_banner1 img{width:100%;height:100%;}
/**adv-banner-rectangle-----------------------------------------------------**/
.adv-space-right{width:450px;height:570px; float:right;}
.adv-space-right .title{width:450px;height:30px;font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase; font-size:30px; text-align:left; padding-top:10px}
.adv-space-right .cont{width:450px;height:530px; font-family: "TitleExtraBold", Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase; font-size:25px;  background-color:#fff}
.adv-space-right2{width:450px;height:400px; float:right; background-color:#666699}



/**mod_playCOVER-----------------------------------------------------**/				
.mod_playCOVER{width:50%;height:auto;padding:0px;font-size:13px;float:left;font-weight:bold;max-width:400px;margin-left:10px;margin-top:10px;margin-bottom:10px}
.mod_playCOVER img{width:100%;height: auto;z-index:2}
.mod_playCOVER .tag{height:20px;z-index:10;position:absolute;background:#e60544;color:#fff;margin-top:20px;font-family:"secondaria",Arial,Verdana,Helvetica,sans-serif;font-size:20px;padding:5px}


/**mod_playlists-----------------------------------------------------**/
.mod_playlists{box-sizing: border-box;width:100%;margin:0auto;font-size:13px;font-weight:bold;float:left;border-left:solid transparent 10px; overflow:hidden}
.mod_playlists ul{margin:0auto;text-decoration:none;padding:0px;text-align:left}
.mod_playlists li{color:#fff;width:auto;height:50px;border-bottom:1px solid #666;text-decoration:none;display:block;padding-bottom:0px;padding-top:0px}
.mod_playlists .item{float:left;padding-left:5px;}
.mod_playlists .item_ img{float:left}
.mod_playlists a{color:#000;text-decoration:none;}
.mod_playlists a:hover{color: #cf043d;}
.mod_playlists H3{color:#000;font-size:20px;font-family: "TitleBold", Arial, Verdana, Helvetica, sans-serif;margin-bottom:5px;}
.mod_playlists .header{width:auto;height:26px;background-repeat:no-repeat;background-color:#0895ee;color:#fff;text-align:left;padding:0px;margin:0px;overflow:hidden;}	
.mod_playlists .title{display:inline-block;height:26px;width:auto;background-color:#0895ee;text-align:left;background-image:url(../images/icon-playlist.gif);background-repeat:no-repeat;padding-left:30px;padding-right:10px;}
.mod_playlists .title h2{font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;letter-spacing:0px;font-size:22px;font-weight:bold;margin:0px;color:#fff;text-transform:uppercase; padding-top:2px; letter-spacing:1px;}
.mod_playlists .cont{width:auto;text-align:left;margin:0auto;padding-left:0px;padding-right:5px;color:#fff;padding-bottom:10px;}	
.mod_playlists img{}	
.mod_playlists .palinsesto{border-bottom: #CCCCCC thin solid ;}	
.mod_playlists .myplaylist{padding-left: 10px; background-position: left;background-image:url(../images/icon-arrow2.gif);background-repeat:no-repeat;}	
.mod_playlists .myplaylistrandom{padding-left: 10px; background-position: left;background-image:url(../images/icon-arrow2.gif);background-repeat:no-repeat;}	
.stars-caption{ font-size:10px }
.point-preference-active{background-image:url(../images/point-preference-active.png);background-repeat:no-repeat;float: left;width:8px; height:8px;margin-right:4px;

}
.point-preference-passive{background-image:url(../images/point-preference-passive.png);background-repeat:no-repeat;float: left;width:8px; height:8px;margin-right:4px;

}
.point-preference{ height:8px;background-image:url(../images/point-preference-passive.png);background-repeat:no-repeat;float: right;
margin-right: 10px;
margin-top: 7px;
margin-bottom: 7px;}
	
/**mod_contlist-----------------------------------------------------**/
#mod_contlist{position:relative;width:100%;color:#fff;overflow:hidden}
#mod_contlist .header{width:auto;height:26px;background-repeat:repeat;background-color:#a5a7ab;color:#fff;text-align:left;padding:0px;}
#mod_contlist .title{display:inline-block;height:26px;width:auto;background-color: #a5a7ab;text-align:left;background-image:url(../images/icon-songs.gif);background-repeat:no-repeat;
padding-left:30px;padding-right:10px;}
#mod_contlist .title h2{font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;letter-spacing:0px;font-size:22px;font-weight:bold;margin:0px;color:#fff;text-transform:uppercase; padding-top:2px; letter-spacing:1px;}	
#mod_contlist .cont{width:auto;text-align:left;margin:0auto;padding-left:0px;padding-right:0px;color:#fff;}	
#mainlist{width:100%;text-align:left;min-height:100px;margin:0auto;padding-left:5px;padding-right:0px;background-color:#e8ebf1;color:#fff;box-sizing: border-box;}	


/**SPECIAL_CONTENTS-----------------------------------------------------**/
.special_header{width:105%;height:24px;background-repeat:repeat;background-color:#b9bbbe;color:#fff;text-align:left;padding:0px; margin-left:-20px; padding-left:20px; font-size:22px;font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase; padding-top:2px; letter-spacing:1px;}

.special_box {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    background-color: #fff;
    float: left;
	padding: 15px;
box-sizing: border-box;
text-align: justify;

}
.special_box2 {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    background-color: #fff;
    float: left;
box-sizing: border-box;
text-align: justify;

}


/**BLOG BOX-----------------------------------------------------**/

.news_container {
    max-width: 800px;
    margin: 50px auto;
    padding: 30px;
    background-color: #f5f5f5; /* grigio chiaro */
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.news_date {
    text-align: right;
    font-size: 0.9em;
    color: #999;
    margin-bottom: 10px;
}

.news_band_title h1 {
    font-size: 1.6em;
    font-weight: bold;
    color: #000; /* nero */
    margin: 0 0 10px 0;
}

.news_band_title h1 a {
    color: #c00; /* rosso */
    text-decoration: none;
    transition: color 0.3s ease;
}

.news_band_title h1 a:hover {
    color: #a00;
    text-decoration: underline;
}

.news_main_title h2 {
    font-size: 1.4em;
    color: #333; /* grigio scuro */
    margin: 0 0 20px 0;
    font-weight: 600;
}

.news_text {
    font-size: 1.1em;
    line-height: 1.6;
    color: #111; /* quasi nero */
}

.news_link {
    display: inline-block;
    margin-top: 15px;
    color: #c00;
    font-weight: bold;
    text-decoration: underline;
}

.news_link:hover {
    color: #a00;
    text-decoration: none;
}

.blog_titlepage{font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;letter-spacing:0px;font-size:25px;font-weight:normal;margin:0px;color:#000;text-transform:uppercase; padding-top:2px; letter-spacing:1px;}

.blog_tags {
    font-size: 0.95em;
    color: #555;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}


ul.suggested_blog {text-decoration:none; list-style: none; width:80%;padding: 0; margin-top:10px;float:left;margin-left:10px}
ul.suggested_blog li{width:100%; height:auto; float:left; margin-right:5px; margin-bottom:0px; padding:0px}
ul.suggested_blog li a{display: block; }
ul.suggested_blog img{width: 100%; height: auto;  z-index:2; margin-bottom:20px}	


.blogger_title{width:90%; text-align:left; font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;font-size:30px; margin-left:5px; margin-bottom:15px}
.blogger{width:90%; text-align:left; margin-left:5px; border-top:1px solid #666; margin-bottom: 20px ; padding:5px;}
.bloggerCOVER{width:100px; height:auto }
.bloggerCOVER img{width:100%; height:auto}
.blogger_name {font-family: "TitleExtraBold", Arial, Verdana, Helvetica, sans-serif;font-size:14px;}


.blog_box{text-align:left;width:100%;height:auto;position:relative; margin-top:5px; margin-bottom:20px; background-color:#FFFFFF;padding:0px;     float: left;}
.blog_box .leftcont{width:20%;height:auto;float:left;  ;position:relative;}
.blog_box .rightcont{width:70%;height:auto;float:left; padding:5px;position:relative; background-color:#FFFFFF}
.blog_box  .date{font-size:12px;font-weight:bold;margin:0px;color:#999;}
.blog_box .author{font-size:10px;font-weight:normal;margin:0px;color:#333;}
.blog_box .text{width:auto; text-align:left; margin-top:10px}
.blog_box .title{width:auto; text-align:left;font-family: "TitleExtraBold", Arial, Verdana, Helvetica, sans-serif;font-size:26px;}
.blog_box .button{width:100px; height:35px; background-color:#FF0033; text-align:center; line-height:15px;color:#fff;font-family: "TitleExtraBold", Arial, Verdana, Helvetica, sans-serif;font-size:14px; float:left; margin-top:20px}
.blog-iconbox{background-image: url(../images/blog-icon.png);
    height: 30px;
    background-repeat: no-repeat;
    float: right;
    width: 80px;
}
.BlogHeader{width: 100%; height: 30px;float: left;}
.BlogBox {margin-top:20px; margin-bottom:20px; margin-left:0px; margin-right: 0px; width:100%;  background-color:#fff;  float:left; }
.BlogTitle {width:auto; text-align:left;font-family: "TitleExtraBold", Arial, Verdana, Helvetica, sans-serif;font-size:26px; padding-left:15px; padding-right:15px; }
.BlogAuthor{font-size:10px;font-weight:normal;margin:0px;color:#333; padding-left:15px; padding-right:15px}
.BlogDate{font-size:12px;font-weight:bold;margin:0px;color:#999;  padding-left:15px; padding-right:15px; padding-top:10px; width: auto; float: left;
}
.BlogText{width:auto; text-align:left; margin-top:10px; margin-bottom:10px; padding-left:15px; padding-right:15px; padding-bottom:15px}
.fb-comments{display:none}
.fb_iframe_widget{display:none}

#full{display:visible}
#mobile{display:none}
.last-concert_box {
width: 95%;
padding: 1%;
background-color: #FFF;
border-bottom: 4px solid #666;
border-top: 4px solid #666;
float: left;
margin-left: 10px;
margin-bottom: 10px;
text-align: left;}

.last-concert_box  .date{font-size:15px; font-family: "Text", Arial, Verdana, Helvetica, sans-serif;font-weight:normal; border-top:1px solid #999; color:#000}
.last-concert_box  .time{font-size:10px;}
.last-concert_box  .type{font-weight:normal;font-size:20px;font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase; letter-spacing:1px;color:#666;}
.last-concert_box  .name{font-size:16px;line-height:22px;font-family: "Text", Arial, Verdana, Helvetica, sans-serif; color:#000;margin-top:-3px; font-weight:bold }
.last-concert_box  .place{font-size:14px; font-weight:normal;font-family: "Text", Arial, Verdana, Helvetica, sans-serif;border-bottom:1px solid #999;margin-bottom:5px; color:#666;}
.last-concert_box  .concert_uri{font-size:10px;float:left; width:50%; height:30px}
.last-concert_box  .concert_button{background-color:#FF0033; height:30px; border:0px; color:#fff; font-size:12px;font-family: "TitleExtraBold", Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase;line-height:12px; cursor:pointer}
.last-concert_box  .button{ width:100%; height:30px; }
.last-concert_box  .concert_button:hover{ background-color:#666}
.last-concert_box  .link_concerts{float:left; width:100%; height:20px; font-size:13px}
.last-concert_box  .link_concerts a:link{font-size:12px}
.last-concert_box  .sklogo{float:left; width:115px;background-image:url(../images/SK_logosmall.gif);background-repeat:no-repeat;height:30px; background-position:right; }
.last-concert_box  .sklogo img{width:100%; height:auto}
.last-concert_box  a:link{font-size:10px;font-weight:normal}

.concert_list {width:100%;float:left}
.concert_box {width:98%; padding:1%; background-color:#fff; margin-bottom:4px; float:left}
.concert_box  .date{font-size:15px; font-weight:normal}
.concert_box  .time{font-size:10px;}
.concert_box  .type{font-size:20px;font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase; letter-spacing:1px;color:#666;}
.concert_box  .name{font-size:16px;line-height:22px;font-family: "Text", Arial, Verdana, Helvetica, sans-serif; color:#000;margin-top:-3px; font-weight:bold}
.concert_box  .place{font-size:14px; font-weight:normal;font-family: "Text", Arial, Verdana, Helvetica, sans-serif;margin-bottom:5px;}
.concert_box  .concert_uri{font-size:10px;float:left; width:50%; height:30px}
.concert_box  .concert_button{background-color:#FF0033; height:30px; border:0px; color:#fff; font-size:12px;font-family: "TitleExtraBold", Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase;line-height:12px; cursor:pointer}
.concert_box  .concert_button:hover{ background-color:#666}
.concert_box  a:link{font-size:10px;font-weight:normal}
.concert_box  .sklogo{float:right; width:50%;background-image:url(../images/sk_marchionero.gif);background-repeat:no-repeat;height:37px; background-position:right; }


.button-personal-pl{width:60px; height:60px;background-image:url(../images/icon-personal-pl.png);float: left;
margin-bottom: 8px; margin-left:4px;}


/**CHARTHP----------------------------------------------------**/

.charthp { padding-bottom:5px;background-image:url(../images/sfondo-chart.gif);background-repeat:no-repeat; border-top: 2px solid #000; border-bottom:1px solid #666; float: left; }
.chart-tab{padding: 0px !important; margin: 0px !important}
.charthp-listcenter{height:auto !important; margin-top:-25px;}
.ch-right{float:right; width:25px;  height: 23px; color:#fff; background-image:url(../images/bt-next.png);                 -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;}
.ch-right img{width:100%; height:auto}
.ch-right-text{float:right; margin-right:10px}
.ch-left{float:left; width:25px;  height: 23px; color:#fff; background-image:url(../images/bt-prev.png);                 -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;}
.ch-left img{width:100%; height:auto}
.ch-left-text{float:left; margin-left:10px}
.charthp-titlebox{padding-bottom: 5px;float:left; width:80%; color:#000; text-align:left; font-size:25px;font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase; letter-spacing:1px;}

.charthp-box{float:left; height:auto; width:10%; box-sizing: border-box; border:2px solid transparent}
.charthp-header{height:30px; width:100%; color:#000; text-align:center}
.charthp-img{float:left; height:110px; width:100%; background-color:#666}
.charthp-img img{width:100%; height:110px;}
.charthp-title{    margin-top: 0px;
    word-wrap: break-word;
    font-size: 12px;
    line-height: 14px;
    color: #666;
    font-family: "Text",Arial,Verdana,Helvetica,sans-serif;
    font-weight: normal;
    height: auto;
    min-height: 60px;
    float: left;
width: 98%;
padding: 1%;
background-image:url(../images/sf-title-chart.png);
border-bottom: 5px solid #999;


}
.charthp-title a{color:#000}
.charthp-title a:hover{color:#0895ee}
.charthp-number{background-image:url(../images/bollo-chart.png); background-repeat: no-repeat; height:auto; color:#fff; font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase; letter-spacing:1px;background-position: center; height: 35px; line-height: 35px;margin-bottom: 3px;}
.charthp-footer{height:23px}


/**PODCAST----------------------------------------------------**/

.podcast { padding-bottom:5px; border-top: 2px solid #000; border-bottom:1px solid #666; float: left; width:100% }
.podcast-tab{padding: 0px !important; margin: 0px !important}
.podcast-listcenter{height:auto !important; margin-top:-25px;}
.podcast-titlebox{padding-bottom: 5px;float:left; width:80%; color:#000; text-align:left; font-size:25px;font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase; letter-spacing:1px;}

.podcast-box{float:left; height:auto; width:10%; box-sizing: border-box; border:2px solid transparent}
.podcast-header{height:0px; width:100%; color:#000; text-align:center}
.podcast-img{float:left; height:110px; width:100%; background-color:#666}
.podcast-img img{width:100%; height:110px;}
.podcast-title{    margin-top: 0px;
    word-wrap: break-word;
    font-size: 12px;
    line-height: 14px;
    color: #666;
    font-family: "Text",Arial,Verdana,Helvetica,sans-serif;
    font-weight: normal;
    height: auto;
    min-height: 60px;
    float: left;
width: 98%;
padding: 1%;
background-image:url(../images/sf-title-chart.png);
border-bottom: 5px solid #999;


}
.podcast-title a{color:#000}
.podcast-title a:hover{color:#0895ee}
.podcast-number{background-image:url(../images/bollo-chart.png); background-repeat: no-repeat; height:auto; color:#fff; font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase; letter-spacing:1px;background-position: center; height: 35px; line-height: 35px;margin-bottom: 3px;}
.podcast-footer{height:23px}

.SYM-form{
	width:100%;
}
.SYM-block {width:100%;padding: 10px 0px 50px 0px;}
.SYM-title{width:100%;font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;     font-size: 25px;letter-spacing:1px;color:#0895EE;}
.SYM-title-contact{width:100%;font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;     font-size: 22px;letter-spacing:1px;color:#666;}
.SYM-block .tab_4r{width:25%;box-sizing:border-box;float:left; border-right: 10px solid transparent;}
.SYM-block .tab_3r{width:33.33%;box-sizing:border-box;float:left; border-right: 10px solid transparent;}
.SYM-block .tab_2r{width:50%;box-sizing:border-box;float:left; border-right: 10px solid transparent;}
.SYM-block .tab-lang{width:20%; box-sizing:border-box;float:left;border-right: 10px solid transparent; }
.SYM-block .tab-text{width:50%; box-sizing:border-box;float:left;border-right: 10px solid transparent;}
.SYM-block .tab-thumb{width:30%; box-sizing:border-box;float:left;border-right: 10px solid transparent;}
.SYM-block .tab-song{width:100%; padding-bottom:10px;}
.SYM-block .title{font-size: 12px;
font-family: "TitleBold",Arial,Verdana,Helvetica,sans-serif;
line-height: 16px;
padding-bottom: 5px;
}
.SYM-block .block-input-text input[type="text" i]{
	width:100%;box-sizing: border-box;
}

.SYM-space
{
height:1px;
background-color:#666;
	
}

.embed_box {float: left;
width: 100%;}

.donation-box {padding: 5px;
border: 10px solid #cc0;
margin-top: 5px;}
.donation-box input{border: 1px solid #ddd;}
.donation-box .blogger_title{margin-left: 0px;}


.adw-hp-right .adw-row{    background-color: #fff;
    padding: 5px;    margin-bottom: 5px;     border: 1px solid #6666668c;}
.adw-hp-right .adw-title{
    padding-bottom: 5px;
    font-weight: bold;
}
.adw-hp-right .adw-link{  font-weight: 700;border-top: 1px solid #ccc;}
.adw-hp-right .adw-link a{  padding-left:5px; padding-right:5px; font-size: 12px;}


/**News box internal page----------------------------------------------------**/
.artist-news-aside h2{font-size: 2em;
margin-bottom: 5px;
font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1px; }
.artist-news-aside{padding: 10px; }
.artist-news-aside .news-row{    background-color: #fff;
    padding: 5px;    margin-bottom: 5px;     border: 1px solid #6666668c;}
.artist-news-aside .news-title{
    padding-bottom: 5px;
    font-weight: bold;
}
.artist-news-aside .news-link{  font-weight: 700;border-top: 1px solid #ccc;}
.artist-news-aside .news-link a{  padding-left:5px; padding-right:5px; font-size: 12px;}

/**SUBMIT PAGE BAND----------------------------------------------------**/

.info-band-submits TABLE{
background-color: red;
}

	.artist-social-links img{
		width:30px !important;
		height:auto !important;
	}
		.artist-social-links{
		float:left;
		margin-bottom:5px;
	}
.youtube-player-playlist li{

    height: auto !important;

}
/**ResponsiveMagic**/

/**1340!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!**/
@media screen and (min-width:1340px)
{
	
}


/**TABLET!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!**/
@media screen and (max-width:830px)
{
/**headervideo-----------------------------------------------------**/
	#headervideo_cont {
	 width: 90%;display: inline-block;position: relative;;margin-bottom:10px;margin-top:10px;margin-right:10px;max-width:600px;float:left;border:#CCCCCC solid 4px;}		
	#headervideo_cont:after {
		padding-top: 66.25%;
		display: block;
		content: '';
	}
	#headervideo {
		position: absolute;
		top: 0; bottom: 0; right: 0; left: 0;
		background-color: blue;
		color: white;
	}
		
#headervideo h1{font-size:26px;font-weight:400;padding-top:26px;}			
#headervideo h1 a{font-family:"Orienta",Arial,Helvetica,sans-serif;color:#FFF;font-size:35px;letter-spacing:-2px;}				
#headervideo h1 a:hover{color:#0CF;}
/**headertext-----------------------------------------------------**/
#headertext{width:100%;height:auto;margin:auto;position:relative;margin-bottom:10px;margin-top:5px;max-width:600px;float:left;font-family: "TitleBold", Arial, Verdana, Helvetica, sans-serif;font-size:16px;text-align:left;font-weight: bold; color:#666; padding-right:5px}	
/**headertitle-----------------------------------------------------**/
#headertitle{width: auto;height: auto;margin:auto;position:relative;margin-bottom:10px;margin-top:20px;max-width:600px; font-size:30px;
 font-family: "TitleExtraBold", Arial, Helvetica, sans-serif; color:#000;text-align:left;line-height: 30px; }	
 }
/**player_toolbar-----------------------------------------------------**/
/** #player_toolbar{width:100%;height:auto;margin:auto;position:relative;margin-bottom:10px;margin-top:0px;max-width:900px;float:left;height:30px; display:none} **/





/**SMARTPHONE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!**/
@media screen and (max-width:580px)
{
#full{display:none}
#mobile{display:block;
width:98%; padding:1%; background-color:#fff;  border-bottom:4px solid #666; border-top:4px solid #666; margin-top:10px; margin-left:0px; margin-bottom: 0px;

}




#language-selector{float:left; margin-top: 0px;width: 100%; color:#fff; overflow:hidden; padding:0px}
#language-selector a:link{color:#fff}
#language-selector a:visited{color:#fff}
#language-select{ font-weight:bold; }
#_lang{ font-weight: bold;
background-color: #CF043D;
border: 1px solid #620625;
color: #fff;}
#_lang:link{ border:0px}



#logo{padding:0px;margin:auto; float:none;}
#mainmenu{background-color:#000;font-family:Arial, Verdana, Helvetica, sans-serif;text-transform: lowercase;letter-spacing:0px; text-align:center; font-size:9px; height:auto }
#mainmenu ul{margin:0px; padding-top:10px; padding-bottom:10px}
#mainmenu ul li{display: inline;}
#mainmenu ul li a{color: #000;background-color:transparent;font-size:12px;font-weight:bold;text-decoration:none;}
#mainmenu ul li a:hover, #mainmenu ul li.active a{color: #00000;background-color:#EFF4FA;text-decoration:none;}



/**LAYOUTSTYLES<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/**Containers**/
.container{width:100% !important;line-height:22px;height:100%;position:relative;margin:auto !important;padding:0px !important;}
.darkbg{background-color:#000;}
.coverbg{max-width:480px;background-color:#FFFFFF;}
.darkbg2{max-width:480px;background-color:#FFFFFF;}	
.lightbluebg{background-color:#e60544;}
.bg3{max-width:480px;background-color:#FFFFFF;}

/**Header**/
#headercont{background-color:#000;width:100%;margin-left:0px;height:auto;text-align:center;position:relative;padding-bottom:0px;padding-top:0px;color:#FFFFFF}

/**Main-------------------------------------------------------**/
#mainleft{color:#000;width:100%;background-color:#e8ebf1;height:100%;margin:auto;padding:0px;float:left;text-align:left;position:relative;overflow:hidden}
#mainleft_header{color:#000;margin-top:0px;padding:0px;padding-left:0%;padding-right:0%;text-align:center;margin:auto;position:relative;overflow:hidden;
background-position:right;height: auto; width:100%; background-color: #000;}
#mainright{float:left;background-color:#fff;width:100%;padding:0px;height:auto;min-height: auto; }


/** suggested link-----------------------------------------------------**/
.suggested_cont{float:left;width:100%;padding:0px;height:auto;position:relative; margin:10px auto auto 0px; overflow:hidden; border-left:0px}
.suggested_title{float:left;height:auto;width:100%; text-align:left; padding-top:10px;padding-bottom:3px; padding-left:5px; border-bottom:#666 solid 1px; font-size:22px;font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;text-transform:uppercase;  letter-spacing:1px;}
ul.suggested {    text-decoration: none;
    list-style: none;
    padding: 0;
    margin: 0px 0px 0px 0px;
    float: left;
    width: 100%;
    border: solid 5px transparent;
    box-sizing: border-box;}
ul.suggested li{     float: left;
    background-color: transparent;
    /* margin-right: 0px; */
    /* margin-bottom: 0px; */
    padding: 0px !important;
    width: 20% !important;
    box-sizing: border-box !important;
    border: solid 2px transparent !important;
    margin: 0px !important;
    position: relative;}
ul.suggested li a{width:auto; height:auto;background-color:#999999;display: block; }
ul.suggested img{width: 100%; height: auto;  z-index:2}	

/**mod_playlists-----------------------------------------------------**/
.mod_playlists{width:100%;margin:0auto;font-size:13px;font-weight:bold;float:left;margin-left:0px; border-left:0px}
.mod_playlists .cont{width:auto;text-align:left;margin:0auto;padding-left:0px;padding-right:5px;padding-left:5px;color:#fff;padding-bottom:10px;}	




/** ORDER BY IN HOMEPAGE------------------------------------------------------ **/
.row_orderby{text-align:right;width:300px;height:15px;position:relative;padding-top:0px; margin-bottom:20px;float:right; margin-top:10px}
.row_orderby .col{width:auto;float:right;}



/** NEWS ------------------------------------------------------ **/
.blog_box .leftcont {
    width: 100% !important;
    height: auto;
    float: unset  !important;
    position: relative;
}
.mainleft_text h2 {
    font-size: 30px  !important;
    line-height: 35px  !important;
}
ul.suggested_blog {
width: 100%  !important;
    margin-left: 0 !important;
margin-top: 0px  !important;
margin-bottom: 0 !important;
}
ul.suggested_blog img {

    margin-bottom: 0px  !important;
}
.blog_box .rightcont {
    width: 100%   !important;
    box-sizing: border-box   !important;
}






/**CSSMODULES<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/**headervideo-----------------------------------------------------**/
	#headervideo_cont {
	 position: relative;
margin-bottom: 15px;
margin-top: 10px;
float: left;
border: 0px solid #CCC !important;
max-width: 100%;
display: inline-block;
width: 100%;
height: 100%;}		
	#headervideo_cont:after {
		padding-top: 66.25%;
		display: block;
		content: '';
	}
	#headervideo {
		position: absolute;
		top: 0; bottom: 0; right: 0; left: 0;
		background-color:#000;
		color: white;
	}
.youtube-player-object {

    border: 0px solid #282828 !important;

}
#headervideo h1{font-size:26px;font-weight:400;padding-top:26px;}			
#headervideo h1 a{font-family:"Orienta",Arial,Helvetica,sans-serif;color:#FFF;font-size:35px;letter-spacing:-2px;}				
#headervideo h1 a:hover{color:#0CF;}
/**headertext-----------------------------------------------------**/
#headertext{    width: 100%;
    height: auto;
    margin: auto;
    position: relative;
    margin-bottom: 0px;
    margin-top: 0px;
    max-width: 600px;
    float: left;
    font-family: "Orienta",Arial,Helvetica,sans-serif;
    color: #fff;
    font-size: 13px;
    text-align: left;
    padding: 0px 5px 0px 5px;
    box-sizing: border-box;}	
/**headertitle-----------------------------------------------------**/
#headertitle{width: auto;height: auto;margin:auto;position:relative;margin-bottom:10px;margin-top:10px;max-width:600px;
 font-family: "TitleBold", Arial, Helvetica, sans-serif; font-size:25px;color:#fff;text-align:left; font-size: 26px; line-height: 26px; }	
 #headertitle h1{color:#fff;margin-bottom: 10px;}	
/**player_toolbar-----------------------------------------------------**/
/**#player_toolbar{width:100%;background-color:#999999;height:20px;margin:auto;position:relative;margin-bottom:10px;margin-top:0px;max-width:900px;float:left;height:30px}**/		

 #headerbutton{}	
.embed_box{display:none}
/**MenuTOP**/
#menulogo{width:200px;height:50px;margin:auto;float:left;}
#menu{width:400px;float:right;height:50px;}				
.container#menucont{width:80%;max-width:980px;padding:3px0;margin:0auto;height:60px;}			
.container#menucont img{display:block;width:100%;height:100%;}	
.container#menucont.menuselect{display:none;font-family:inherit;}

.container#menucont ul{float:left;}
.container#menucontul li{display:inline;}
.container#menucontullia{float:left;padding:015px;font-weight:bold;font-size:13px;text-decoration:none;color:#CCF5FF;font-family:"primaria", Arial, Verdana, Helvetica, sans-serif}
.container#menucontullia:hover,.container#menucontulli.activea{color:#FFF;}

/**#page_hp{margin-top: 0px;margin-bottom: 0px;background: white;width:100%;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -200px; width:100%}
.maincenter{display: none}**/


.coverbg{max-width:1000px;background-color:#FFFFFF;}


/**Header**/
#headercont{background-color:#000;width:100%;margin-left:0px;position:relative;padding-bottom:0px;padding-top:5px;color:#FFFFFF;height: 80px;}





/**mod_mainsearch2-----------------------------------------------------**/
#mainsearch2_cont{width:100%;height:30px;margin:auto;position:relative;margin-bottom:10px;margin-top:0px;max-width:1200px;float:left;height:auto; border-top:#666 solid 1px; border-bottom:#666 solid 1px;  }
#mod_mainsearch2{height:30px;width:100%;max-width:1000px;margin:auto;color:#000;font-size:18px;font-family: "secondaria", Arial, Verdana, Helvetica, sans-serif;position:relative;}
#mod_mainsearch2 .search_box{width:100%; padding-left:5px;padding-right:5px;padding-bottom:3px;padding-top:3px;height:auto; text-align:left}
#mod_mainsearch2 .search_text2 {
    float: right;
    width: 50%;
    font-size: 18px;
    font-family: "Subtitle",Arial,Verdana,Helvetica,sans-serif;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 32px;
    text-align: right;
}
#mod_mainsearch2 .header-form {
    float: right;
    width: 50% !important;
    padding-top: 2px;
}
#mod_mainsearch2 .search_input2 {

    text-decoration: none;
    float: right;
	width:65%;
}
#mod_mainsearch2 .search_button2{width:25%; background-color:#999999;text-decoration:none;border:#CCCCCC 0px solid ;margin-left:0px;float:right; font-size:14px; line-height:10px}

.charthp { padding-bottom: 5px;
    background-image: none;
    border-top: 1px solid #666;
    border-bottom: 5px solid #d7d8da;
    padding-bottom: 50px;}
.charthp-box{float: left;
    height: auto;
    width: 50%;
    box-sizing: border-box;
    border: 5px solid transparent;
    text-align: center;
	min-height: 270px;

}
.charthp-titlebox {
    padding: 5px;
    float: left;
    width: 100%;
    color: #000;
    text-align: left;
    font-size: 25px;
    font-family: "Subtitle", Arial, Verdana, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-sizing: border-box;
	background-color: #000;
    color: #fff;
	min-height: 50px;
}
.charthp-title{    margin-top: 3px;
    word-wrap: break-word;
    font-size: 12px;
    line-height: 14px;
    color: #666;
    font-family: "Text",Arial,Verdana,Helvetica,sans-serif;
    font-weight: normal;
    height: auto;
    background-color: rgb(255, 255, 255);
    min-height: 40px;
    float: left;
width: 98%;
padding: 1%;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    border-bottom: 0px solid #999;
  filter: alpha(opacity=50); 

  opacity: 0.5;
}
.charthp-img{    float: none;
    height: 150px;
    width: 150px;
    background-color: #666;
    overflow: hidden;
    position: relative;
    border-radius: 100px;
    margin: auto;}
.charthp-img img{width:200%; height:350px;     position: sticky;
    margin-top: -80px;
    margin-left: -80px;}


/**mod_playCOVER-----------------------------------------------------**/				
.mod_playCOVER{display:none;width:50%;height:auto;padding:0px;font-size:13px;float:left;font-weight:bold;max-width:400px;margin-left:10px;margin-top:10px;margin-bottom:10px}
.mod_playCOVER img{width:100%;height: auto;z-index:2}
.mod_playCOVER .tag{height:20px;z-index:10;position:absolute;background:#e60544;color:#fff;margin-top:20px;font-family:"secondaria",Arial,Verdana,Helvetica,sans-serif;font-size:20px;padding:5px}


/** More result------------------------------------------------------ **/
.more-results_cont{text-align:right;width:100%;height:auto;margin:auto;position:relative; margin-top:5px; margin-bottom:5px;padding:0px; float:left; margin-left:0px}
.more-results_box .title{text-align:left;height:40px;margin-bottom:0px; padding:0px; font-family: "TitleBold", Arial, Verdana, Helvetica, sans-serif;font-size:10px;}
.more-results_box{margin:auto;position:relative; margin-top:0px; margin-bottom:10px;float:left;padding:0px; height:auto; width:50%; box-sizing: border-box; border:3px solid transparent}



.text_associated-bands .tab {
    font-family: "Text", Arial, Verdana, Helvetica, sans-serif;
    float: left;
    height: auto;
    width: auto;
    padding: 5px;
    background-color: #333;
    margin-right: 3px;
    margin-top: 3px;
    font-size: 12px;
}
.internal-menu{display:block; width:100%; float:left; }
.internal-menu_tab{width: 33.33333%;
float: left;
text-transform: uppercase;
line-height: 12px;
cursor: pointer;
font-family: "Subtitle",Arial,Verdana,Helvetica,sans-serif;
letter-spacing: 1px;
font-size: 16px;
text-align: center;
height: 30px;
padding: 3px;
box-sizing: border-box;
background-color: #666;
line-height: 23px;
border: 1px solid #000;
font-weight: normal;
color:#fff;
display:block;


}
.internal-menu_tab:hover{
background-color: #0895EE;



}
.embed_box {display:none}

}





.languageLink1:link
{
	text-decoration: none;
	color: #757575;
	font-weight: bold;
}

.languageLink2:link
{
	text-decoration: none;
	color: #757575;
	font-weight: bold;
}

.languageLink3:link
{
	text-decoration: none;
	color: #757575;
	font-weight: bold;
}

.tt-wrapper{
	padding: 0;
	width: 435px;
	height: 100%;
	margin: 80px auto 30px auto;
}
.tt-wrapper li{
	float: left;
		z-index:50;
}
.tt-wrapper li a{
	display: block;
	width: 68px;
	height: 70px;
	outline: none;
	position: relative;
}
.tt-wrapper li .tt-gplus{
    background-position: 0px 0px;
}
.tt-wrapper li .tt-twitter{
    background-position: -68px 0px;
}
.tt-wrapper li .tt-dribbble{
    background-position: -136px 0px;
}
.tt-wrapper li .tt-facebook{
    background-position: -204px 0px;
}
.tt-wrapper li .tt-linkedin{
    background-position: -272px 0px;
}
.tt-wrapper li .tt-forrst{
    background-position: -340px 0px;
}
.tt-wrapper li a span{
z-index:50;
	width: 100px;
	height: auto;
	line-height: 20px;
	padding: 10px;
	left: 50%;
	margin-left: -64px;
	font-weight: 800;	
	font-size: 14px;
	text-align: center;
	border: 4px solid #fff;
	background: rgba(255,255,255,1);
	text-indent: 0px;
	border-radius: 5px;
	position: absolute;
	bottom: 70px;
	opacity: 0;
	visibility: visible;
	pointer-events: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-transform: translate(35px) rotate(25deg) scale(1.5);
	-moz-transform: translate(35px) rotate(25deg) scale(1.5);
	-o-transform: translate(35px) rotate(25deg) scale(1.5);
	-ms-transform: translate(35px) rotate(25deg) scale(1.5);
	transform: translate(35px) rotate(25deg) scale(1.5);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.tt-wrapper li a span:before,
.tt-wrapper li a span:after{
	content: '';
		z-index:50;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}
.tt-wrapper li a span:after{
	bottom: -14px;
	margin-left: -10px;
	border-top: 10px solid #fff;
}
.tt-wrapper li a:hover span{
	visibility: visible;
	opacity: 0.9;
	-webkit-transform: translate(0px) rotate(0deg) scale(1);
	-moz-transform: translate(0px) rotate(0deg) scale(1);
	-o-transform: translate(0px) rotate(0deg) scale(1);
	-ms-transform: translate(0px) rotate(0deg) scale(1);
	transform: translate(0px) rotate(0deg) scale(1);
	z-index:50;
}




@media screen and (max-width:580px)
{
.image-box{
z-index:1; position:absolute; width:100%;
}


html{height: 100%;overflow:auto;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}

.parallax {
  perspective: 500px;
height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.parallax__layer {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax__layer--base {
transform: translateZ(0);
position:absolute;
top:200px;
}
.preview-tab-playlist .image{
height:auto !important;
}
.parallax__layer--back {
transform: translateZ(+50px);
  margin-top: -60px !important;
}




/**YOUTUBE---------------------------------------------------**/
.youtube-player-toolbar li {
    cursor: pointer;
    float: left !important;
    list-style: none outside none;
    margin: 2px;
    padding: 4px 0;
	height:30px !important;
	    border-color: #000 !important;
    border-bottom: 0px solid #666666 !important;
    width: 16.6% !important;
    box-sizing: border-box !important;
    margin: 0px !important;
    border-radius: unset !important;
    background-color: #333!important;
    background-image: unset !important;
}

.ui-icon {
    width: 16px !important;
    height: 16px !important;
    background-image: none !important;
}
.ui-icon-seek-prev {
    background-position: center !important;
    background-image: url(../images/pl-icon_prev.png) !important;
    width: 100% !important;
    height: 100% !important;
    background-repeat: no-repeat !important;
    display: block !important;
    background-size: contain;
    margin: auto !important;
	opacity: 0.4;
}
.ui-icon-seek-next {
    background-position: center !important;
    background-image: url(../images/pl-icon_next.png) !important;
    width: 100% !important;
    height: 100% !important;
    background-repeat: no-repeat !important;
    display: block !important;
    background-size: contain;
    margin: auto !important;
	opacity: 0.4;
}
.ui-icon-play {
    background-position: center !important;
    background-image: url(../images/pl-icon_play.png) !important;
    width: 100% !important;
    height: 100% !important;
    background-repeat: no-repeat !important;
    display: block !important;
    background-size: contain;
    margin: auto !important;
	opacity: 0.4;
}
.ui-icon-shuffle {
    background-position: center !important;
    background-image: url(../images/pl-icon_shuffle.png) !important;
    width: 100% !important;
    height: 100% !important;
    background-repeat: no-repeat !important;
    display: block !important;
    background-size: contain;
    margin: auto !important;
	opacity: 0.4;
}
.ui-icon-refresh {
    background-position: center !important;
    background-image: url(../images/pl-icon_refresh.png) !important;
    width: 100% !important;
    height: 100% !important;
    background-repeat: no-repeat !important;
    display: block !important;
    background-size: contain;
    margin: auto !important;
	opacity: 0.4;
}
.ui-icon-script {
    background-position: center !important;
    background-image: url(../images/pl-icon_script.png) !important;
    width: 100% !important;
    height: 100% !important;
    background-repeat: no-repeat !important;
    display: block !important;
    background-size: contain;
    margin: auto !important;
	opacity: 0.4;
}

.ui-icon-pause{
    background-position: center !important;
    background-image: url(../images/pl-icon_pause.png) !important;
    width: 100% !important;
    height: 100% !important;
    background-repeat: no-repeat !important;
    display: block !important;
    background-size: contain;
    margin: auto !important;
	opacity: 0.4;
}
.youtube-player-toolbar .ui-state-active {
	border: 0px solid #cccccc !important;
    padding-left: 0px !important;
	 background-image: url(../images/sf-player-active.png) !important;
	 background-repeat: repeat !important;
}

}