/* Colors: http://www.flatuicolorpicker.com/all */
/* 1140.css */
/* CSS Resets */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}
article,aside,iframe,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}
a img{border:0}
figure{position:relative}
figure img{width:100%}
/* The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
.container{padding-left:20px;padding-right:20px;}
.row{width:100%;max-width:1140px;min-width:755px;margin:0 auto;}
.fullrow{width:100%;position:relative;}
/* Columns */
.col-12{width:94%;padding:1.2rem 3%;position:relative;}
.fourcol{margin-right:3.75%;float:left;min-height:1px;}
.fourcol+.fourcol+.fourcol{margin-right:0}
/*.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol{margin-right:3.8%;float:left;min-height:1px;}
.row .onecol{width:4.85%;}
.row .twocol{width:13.45%;}
.row .threecol{width:22.05%;}
*/.row .fourcol, .fourcol{width:30.75%;}*/
.row .fivecol{width:39.45%;}
.row .sixcol{width:48%;}
.row .sevencol{width:56.75%;}
.row .eightcol, .eightcol{width:65.4%;}
.row .ninecol{width:74.05%;}
.row .tencol{width:82.7%;}
.row .elevencol{width:91.35%;}
.row .twelvecol{width:100%;float:left;}
.last{margin-right:0px;}*/
img, object, embed{max-width:100%;}
img{	height:auto;}
/* Smaller screens */
@media only screen and (max-width:1023px){body{font-size:0.8em;line-height:1.5em;}}
/* Mobile */
@media handheld, only screen and (max-width:767px){
	body{font-size:16px;-webkit-text-size-adjust:none;}
	.row, body, .container{width:100%;min-width:0;margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;}
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol{width:auto;float:none;margin-left:0px;margin-right:0px;padding-left:20px;padding-right:20px;}
}

/*Styles*/
body {font-family:'Droid Serif',Georgia,serif;font-size:13px;color:#0E0C0D;background:#F2F1EF;position:relative}
footer{background:#333;clear:both;text-align:center;}
a ,#footer-more a{color:#006699;text-decoration:none;}
footer a{color:#DDD;}
/*#loading {margin:auto;display:block;position:absolute;top:0;right:0;bottom:0;left:0;}*/
#loading {z-index:3;position:fixed;margin-top: -16px;margin-left: -16px;}
#header{background:rgba(51,51,51,8);position:relative;z-index:30;box-shadow:0 0 5px rgba(0,0,0,0.75)}
#header > .col-12{padding-top:0;padding-bottom:0;/*padding-right:1%;width: 96%;*/}
/*#header .row {margin:0 auto;padding:0.6em 0 0 17px;width:970px;}*/
/*.row {width:986px;margin:1em auto;padding:0;}*/
.odd{background:#F6F6F1 !important}
.artist {text-transform:capitalize;}
.centered {position: fixed;top:50%;left:50%;}
#header .adsense-banner{width:59.5%;display:inline-block;vertical-align:middle}
#header dl {font-size:.923em;display:inline-block;/*width:600px;*/max-width:100%;color:#FFF;width:44.4%;vertical-align:middle;padding:1em 0 0}
#header dl dt {font-size:2.7em;display:inline-block;line-height:0.8em;margin-right:.9rem;}
#header dl dt a {color:#FFF;}
#header dl dd {display:inline-block;vertical-align:bottom;margin-bottom:0.2em;line-height:0.8em;font-size:0.9em;}
#header #site-description {font-weight:bold;line-height:1.2em;}
dl dd p {margin:0;}
#index-input {}
.artist-link {cursor:pointer;}
ul {}
/*form#search{float: right;max-width: 400px;width: 30%;}*/
form#search{/*margin-top:.8em;margin-bottom:.8em;*/display:inline-block;vertical-align:top;width:55.3%}
.home form#search{float:none;margin:0;width:40%;max-width:100%;vertical-align:middle}
#index-input{background:#FFF;min-width:60%;float:right;}
#search-box {background:#505050;overflow:hidden;text-align:left;position:relative;min-width: 60%;}
#search-input {border:none;border-bottom:.2em solid #FFF;background:#505050;padding:1.1em;color:#fff;width:100%;padding-left:1em;padding-right:4em;box-sizing: border-box;}
#buscar-btn {z-index: 999;width:4em;/*background:#FCFCFC;*/background:transparent;text-indent:-9999px;border:none;font-family:'Droid Serif',Georgia,serif;color:#006699;padding:1.1em;text-transform:lowercase;position:absolute;top:0;right:0}
#buscar-btn:hover {cursor:pointer;}
form#search .material-icons{vertical-align:middle;position:absolute;top:0;right:0;padding:.5em .6em;color: #FFF;}
form.row {padding:1em 0 2em;}
#artist-header{background:rgba(54,215,183,0.8);/*position:fixed;bottom:0;z-index:9*/}
#artist-header span.header-nav{margin:.4em .8em 0 0;padding-bottom:.4em;display:inline-block;}
#artist-header span.header-nav#influences-button{border-bottom:.2em solid #F7CA18;}
#artist-header span.header-nav + span.header-nav{}
#artist-header div.col-12.main{padding-top:0;padding-bottom:0;}
#artist-header img.main{display:inline-block;vertical-align:bottom;margin-right:1em;max-width:9.1rem;}
#artist-header h1 {display:inline-block;font-size:1.4em;font-weight:400;color:rgba(51,51,51,8);position:relative;z-index:9;}
/*h1.arrow{background:url('../img/triangle-mark.png') no-repeat 100% 50%;}*/
#artist-header h1 span.artist {font-size:2.8em;color:#FFF;font-style:normal;display:block;line-height:1em}
#artist-summary{background:#FAFAFA}
h2 {font-size:1.7em;font-weight:bold;color:#555;margin-top:0;text-transform:capitalize;display:inline-block;margin-right:0.3em;}
h3{padding-top:1em;font-size:1.2rem}
#content{position:relative;max-width:100%;/*background:#F2F2F2 url(../img/bckg.gif) repeat-y 0;box-shadow:0 4px 8px #222;*/}

p.intro {text-align:right;width:22.5em;padding:0.8em;float:right;position:relative;z-index:999;background:#FBFBFB;color:#444;border-bottom:4px solid rgba(54,215,183,0.95);box-shadow: -3px 3px 6px rgba(50, 50, 50, 0.5);}
p.intro em {color:red;margin-bottom:1em;display:block;}
#nav h3.rotate {width:10em;padding-top:1em;/*transform-origin:100% 0;*/transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);position:absolute;top:5em;left:-4.5em;text-align:right;}
/*#nav h3.rotate.bottom{top:auto;bottom:5.4em;}*/
#nav h3.empty {}
.influences-list-container .col-12{min-height:6rem;}
.influences-list {max-width:44%;position:relative;min-height:5em;}
.influences-list li {list-style:none;display:inline-block;background:#FBFBFB;margin:2px 2px 0 0;position:relative;}
.influences-list li:hover, .influences-list li.selected {background-color:#F7CA18;transition: background-color 0.3s;}
.influences-list li.selected {display:block;/*width:111%;box-shadow:inset 3px 0 0.2em #BBB;border:1px solid #CCC;margin-left: -20px;padding-bottom: 0.5em;padding-left: 18px;padding-top: 0.5em;font-size:1.3em;position:relative;z-index:9;border-right:none;*/}
.influences-list li:hover a, .influences-list li.selected a{color:#FFF;}
.influences-list li:hover a:after, .influences-list li.selected a:after {content:'»';position:absolute;right:0.1em;padding-left:0.45em;padding-right:0.2em;}
.influences-list .spotify-playlist-button {display:none;padding-left:1.7em;padding-right:1.2em;background:#555 url(../img/Spotify_Logo_RGB_Green.png) no-repeat 0.8em 1.1em;background-size: 16px 16px;}
.influences-list .spotify-playlist-button a {color:#EEE;}
.influences-list a {/*color:#666666;*/text-decoration:none;display:block;padding:1em}
.influences-list li:hover .spotify-playlist-button a:after {content:none;}
.similar{display:block;padding:0;margin:1rem 0;background:#F3f2e9;overflow:hidden;position:relative;}
.similar span.wrap{display:inline-block;/*max-height:64px;*//*max-height:150px;*/overflow:hidden;vertical-align:middle;/*new*/width:100%;}
.similar img{margin-right:1rem;display:block;/*new*/width:100%}
.similar #similar-name{/*width:10em;*/max-width:100%;display:inline-block;vertical-align:middle;font-size:1rem;/*new*/padding:1rem;text-align:center;width:100%}

/*
.weight-10,.weight-9{font-size:1.5em}
.weight-8{font-size:1.2em}
.weight-7{font-size:1em}
.weight-6,.weight-5{font-size:0.9em}
.weight-4,.weight-3{font-size:0.85em}
.weight-2,.weight-1{font-size:0.75em}
.influences-list li{background:none;}
.influences-list {text-align:center;}
*/

#nav{vertical-align:top;display:inline-block;/*padding:1em 0 1em 0;*/}
#profile {z-index:10;display:none;margin:0;/*width:650px;*/width:51%;position:absolute;background:rgba(251,251,251,1);top:1em;left:46%;box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.5);/*border:5px solid rgba(120,120,120,4);*/}
#profile .snippet{padding:.75rem;}
#profile h2 {font-weight:normal;vertical-align:middle;line-height:1em;}
#tracklist {}
#profile #more-info{cursor:pointer;}
#profile div.additional-info {/*display:none;*/font-family:Oswald,Arial;font-size:12px;color:#444;clear:both;border-top: 1px solid #EEE;margin-bottom:1em;}
#profile div.additional-info div+div {border-top: 1px solid #EEE;margin-top:1em;}
#profile div.additional-info ul {list-style:none;}
#profile div.additional-info a.arrow:before, #profile span#more-info:before, #profile a.influencer-influences:before{content:'» ';}
#profile span {font-family:Arial,sans-serif;color:#999;vertical-align: middle;}
#profile span#more-info.on:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
#profile span#more-info {color:#006699;text-decoration:none;font-family:Georgia;border-left:1px solid #CCC;float:right;padding-left:1em;margin-bottom:1em;font-size:14px;}
#profile span.short-info {vertical-align:middle;display:inline-block;font-size:1.2em;font-size:.88em;padding-top:.2em;display:none !important;}
#profile span.short-info .material-icons {font-size:1.2em;vertical-align:middle;}
#profile span#place {text-transform: uppercase;padding-right:.5em}
#place::before{}
span#active span {/*background: #EEE9E9;*/margin:0.1em;/*padding:0.18em 0.35em;*/}
#profile div.additional-info .discography div {width:45%;display:inline-block;vertical-align:top;border:none;margin-top:0;}
#followers li {display:inline-block;padding:0 0.5em 0 0;margin:0.2em 0;}
#followers li+li {border-left:1px solid #CCC;padding:0 0.5em;}
	
small {font-family:arial,sans-serif;font-size:11px;color:#868686;}
span.report{color:#DDD;cursor:pointer;}

#profile span#song-title{color:#FDFDFD;float:left;margin:5px;opacity:0.9;font-weight:bold;}
#profile span.buy {cursor:pointer;/*background:#83EE31;*/background:#3EC61F;color:#EEE;border-radius:2px;padding:0.4em 1em;margin-right:10px;margin-top:-0.4em;opacity:0.9;}
#profile span.buy:hover {color:#FFF;background:#3EC61F;opacity:1;}
#profile .discography li span.buy {margin-left:1em;padding:0 0.5em;border-radius:3px;font-size:0.9em;}
#switch-player{position:absolute;top:0;right:.75rem;line-height: 1.1em;background:#F7F7F7;text-shadow:none;font-size:.85em;}
#switch-player span.switch-button{padding:1.5em 1.5em 1.5em 2.5em;display:block;cursor:pointer;}
#switch-player span.switch-button.hidden{display:none;}
#switch-player span#switch-player-spotify{background:url("../img/Spotify_Logo_RGB_Green.png") no-repeat 0.8em 1.45em;background-size: 16px 16px;}
#switch-player span#switch-player-youtube{background:url("https://www.youtube.com/favicon.ico") no-repeat 0.8em 1.45em;}

#share-bar {position:fixed;left:-0.9em;top:80px;z-index:9999;}#share-bar:hover,#share-bar:active,#share-bar:focus{left:0;}
#share-bar span.share-teaser{text-align:center;padding:0.45em;display:block;background:rgba(68,108,179,0.9);color:#FFF;text-transform:uppercase;font-family:Oswald,Arial;font-weight:bold;cursor:pointer}
#sidebar {position:relative;margin:auto;} #sidebar .widget {position:absolute;left:-85px;top:14px;}
#share-bar a {display:inline-block;overflow:hidden;text-indent:30px;width:25px;height:28px;background:url('../img/social-icons.png') no-repeat 0 -54px;}
#share-bar a#tw {margin-left:10px;background-position:0 0;}
#share-bar a#tw:hover {background-position:0 -27px;}
#share-bar a#fb:hover {background-position:0 -81px;}

.home #header{box-shadow:none;}
.home #header > .col-12, .home .col-12{width:60%;margin:1em auto;padding:1em 0;max-width: 40.5em;}
.home #header dl,.home #header form#search{width:100%}
.home #header dl{text-align:left;vertical-align:middle;padding:.4em .4em 1em .4em;font-size:1.2em;}
#content-home{max-width:100%;;min-width:0;margin: -3.2em auto;padding-top:0;font-size:1.1em}

#subscription{
/*background:#F89406;*/
background:#66CC99;
color:#FFF;font-size:1rem}
#subscription h2{color:#FFF;padding:1em 0;}
#subscription p{color:#FFF;display:inline}
#subscription a{}
#subscription #subscription-explained{display:block;font-size:0.9rem;max-width:400px;margin:auto;text-align:center}
#subscription #subscription-explained span#price{display:block;padding:1em;font-size:1.5rem;text-align:center;font-weight:bold;}
#subscription span.button{margin:1em auto;display:block;max-width:20em;background:#F7CA18;box-shadow: -3px 3px 6px rgba(50, 50, 50, 0.5);border-radius:3px;}
#subscription span.button a{padding:1em;margin:1em auto;display:block;}

#footer-more, #a-shop{padding: 2em 3% 4em;text-align: left;box-sizing: border-box;background:#DFDFDF}
#ad-more-widget{width:65.5%;display:inline-block;text-align:right;}
#ad-more-widget img,#ad-more-widget a {max-width:100%;display:inline-block;}
footer h2{display:block;}
.footer-widget{padding: 2em 0;overflow:hidden;}
/*footer a{color:#A2DED0}*/

.warning{position:relative;background: none repeat scroll 0% 0% #D91E18;color:#FFF;padding:1em 1em 1em 3em;}
.warning:before{content: "!";z-index:2;left:1.4em;margin-top:-8px;font-size:14px;font-weight:bold;color:#000;position:absolute;top:54%;}
.warning:after {z-index:1;border-width:0px 12px 20px;border-style:solid;border-color:#F7CA18 transparent;margin-top:-10px;background: none repeat scroll 0% 0% transparent;content: "";position: absolute;top: 51%;left:0.8em;}
.warning-content{margin-bottom:3em;}
.warning.fixed{position:fixed;bottom:0;z-index:999;width:100%;}

.buy-modal{position:relative;z-index:99999999999999;background:#FDFDFD;box-shadow:inset 0px 0px 10px #CCC;padding:1em;border-radius:5px;border:1px solid #CCC;box-shadow:0px 3px 5px #333;}
.buy-modal h2{padding-bottom: 0.5em;}
.buy-modal #platform-options {padding:1em;}
.buy-modal #platform-options li {cursor:pointer;}

/*YouTube Player*/
.player, #player{margin-top:0;position:relative;margin-bottom:0;}
.player.spotify{margin:2em 0;height:380px;background:#333;box-shadow: 0px 2px 2px #666666;}
.browse{position:absolute;bottom:0px;height:61px;font-size:30px;font-weight:bold;z-index:999;padding:0.1em;padding-top:27px;background:#FFF;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;cursor:pointer;}
.browse:hover{opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;}
.disabled{display:none;}
.right{right:0;}
.left{left:0;}
.youtube-player{font-size:86%;position:relative;}
.youtube-player-video {background: #000000;box-shadow: 0px 2px 2px #666666;}
.youtube-player-toolbar{margin:0 0 0 -0.7%;float:none;background:#222;border:none;border-radius:0;padding:5px;position:relative;z-index:9999;overflow:hidden;box-shadow: 0px 2px 2px rgba(0,0,0,0.6);width:100%;}
.youtube-player-toolbar li.youtube-player-time{float:right;font-weight:normal;font-size:10px;line-height:28px;margin:0pt 5px 0pt 0pt;padding:0;display:none;cursor:default;}
.youtube-player-object{border:1px solid #282828;}
.youtube-player-toolbar li{cursor:pointer;float:left;list-style:none outside none;margin:2px;padding:4px 0;}
.youtube-player-toolbar li span.ui-icon{float:left;margin:0 4px;}
.youtube-player-playlist-container{position:relative;display:none;overflow:hidden;height:90px;}
ol.youtube-player-playlist{width:20000em;position:absolute;}
.youtube-player-playlist{list-style:decimal;overflow:auto;padding:0;width:100%;height:90px;background:#000;}
.youtube-player-playlist li{overflow-x:hidden;border:0;cursor:pointer;text-decoration:none;list-style-type:decimal;padding:2px 4px 2px;white-space:nowrap;font-size:12px;}
.youtube-player-playlist .youtube-player-thumb{float:left;height:90px;width:121px;list-style:none;overflow:hidden;border:none;background:#111;opacity: 0.4;}
.youtube-player-playlist .ui-state-default:hover{opacity:1;}
.youtube-player-playlist .youtube-player-thumb img{height:90px;width:124px;}
.youtube-player-playlist  .ui-state-active, .youtube-player-playlist  .selected{opacity:1;}

/* New Player */
.youtube-player-playlist li span span{display:none;}

.fullrow.adsense,.fullrow.adsense div{width:auto;height:auto;}
.fullrow.adsense{padding:0 3%}
.message{position: fixed;top: 0px;left: 0px;background: none repeat scroll 0% 0% rgba(242, 121, 53, 0.9);color:#FFF;width: 100%;z-index: 999;padding: 0.5em 5em;}

#ui .button{cursor:pointer;}
#header #collapsed-search{display:none;}

/* Adaptive banners */
.adsense.col-43 div.col-12{width:234px;height:auto}
@media handheld, only screen and (min-width:336px){
	.adsense.col-43 div.col-12{width:100%;height:auto;}
}
@media handheld, only screen and (min-width:489px){
	.adsense.col-43 div.col-12{max-width:468px;height:auto}
}
@media handheld, only screen and (min-width:801px){
	.adsense.col-43 div.col-12{width:320px;}
}
@media handheld, only screen and (min-width:1090px){
	.adsense.col-43 div.col-12{width:468px;}
}
@media handheld, only screen and (min-width:1694px){
	.adsense.col-43 div.col-12{width:728px;}
}
@media handheld, only screen and (min-width:2256px){
	.adsense.col-43 div.col-12{width:970px;}
}
/* End Adaptive banners */

@media handheld, only screen and (max-width:900px){
	form#search{float:none !important;width:43.5%;}
	#nav h3.rotate{left:-10.99%;}
	#header dl{width:56%}
	#index-input{width:100%}
}

@media handheld, only screen and (max-width:800px){
	body{font-size:13px;overflow-x:hidden;}
		
	#profile{left:105%;width:100%;box-sizing:border-box;}
	#profile #ui{display:inline-block;vertical-align:top;}
	.influences-list{max-width:100%;}
	#nav h3.rotate{padding:.6em;transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);position:relative;left:auto;top:0;text-align:left;}
	#nav h3.rotate.bottom{bottom:0;}
	#artist-header h1{font-size:1.3em}
	.similar span.wrap {max-width:35%;margin-right:5%;}
	.similar #similar-name{max-width:60%;}
}

@media handheld, only screen and (max-width:600px){
	.similar span.wrap {display:inline}
	.similar img {width:100%;margin:0}
	.similar #similar-name {padding:1em;width:100%;text-align:center;box-sizing:border-box;}
	#footer-more{padding:2em;}
	#header{font-size:0.9em}
	#header dl {display:block;max-width:100%;color:#FFF;width:100%;vertical-align:middle;padding:0.5em 0;margin-right:0;box-sizing:border-box}
	#header dl dt {font-size:2.4em;}
	#header dl dd {margin-bottom:0.3em;}
	#header .adsense-banner{width:100%;height:auto;display:block;padding-bottom:1em;vertical-align:middle}
	form#search{display:none;width:100%;}
	#header #collapsed-search{display:block;color:#FFF;position:absolute;top:0;right:0;padding:.37em;cursor:pointer}
	.home #header #collapsed-search{display:none;}
	.home form#search{display:block;width:100%}
	/*.followMeBar {background: #999;padding: 10px 20px;position: relative;z-index: 1;color: #fff;}
	.followMeBar.fixed {position: fixed;top: 0;width: 100%;box-sizing: border-box;z-index: 0;}
	.followMeBar.fixed.absolute {position: absolute;}*/
	/*http://codepen.io/chrissp26/pen/gBrdo*/
	#artist-header{position:;z-index:9;bottom:0}
	#artist-header h1{margin-bottom:0;line-height:1.4em}
	#artist-header img.main{max-height:7.3rem;}
	#header > .col-12{width:95%;padding:0.2rem 2.5%;position:relative;}
	.home #header > .col-12{width:95%;padding:1rem 2.5%;position:relative;}
	.home #header > .col-12, .home .col-12{width:auto}
	.col-12{padding: 1.5% 3%;}
}

@media handheld, only screen and (max-width:500px){
	/*#header > .col-12{width:95%;padding:0.2rem 2.5%;position:relative;}*/
	.fourcol{width:100%}
	#header dl dt {font-size:1.3rem;margin-right:.1rem;}
	.home #header dl dt {font-size:2.1rem;margin-right:.3rem;}
	form#search{margin-top:.5em;margin-bottom:.5em;}
	#ad-more-widget{width:100%;display:block;}
	#artist-header div.col-12.main{padding:0;width:100%;}
	#artist-header img.main{max-width:23%;margin-right:1.1%;}
	#artist-header h1{font-size:1em;width:74.6%;}
	#artist-header h1 span.artist{font-size:2em;}
	#similar-artists .fourcol{width:100%;}
	#similar-artists .fourcol .similar{}
	.similar #similar-name{position:absolute;bottom:0px;background:rgba(243, 242, 233, 0.84);width:100%;max-width:100%;}
	.similar span.wrap{max-width:100%;margin:0}
	#switch-player{right:0;}
	#switch-player span.switch-button{text-indent: -9999px;}
	#switch-player span.switch-button{padding: 1.2em 1.5em;}
	#profile .snippet{padding:.75rem .4rem}
	#profile span.short-info{display:block;text-align:center;}
	h3{font-size:1rem;}
	.fullrow.adsense{padding:0;}
}