@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900);.dos .player-wpr{max-width:428px;min-width:270px;height:428px;background-color:#000;font-family:'Roboto Condensed',Arial,sans-serif;position:relative;margin:0 auto;border-radius:0px 0px 10px 10px;overflow:hidden}.dos .icons{width:32px;height:32px;font-size:14px;color:#fff;line-height:30px;text-align:center;border-radius:50%;position:absolute;top:1px;right:5px;bottom:5px;cursor:pointer;box-shadow:0 1px 9px rgb(0 0 0 / 20%);-moz-box-shadow:0 1px 9px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 9px rgb(0 0 0 / 20%);z-index:499}.dos .fa-whatsapp{right:40px;padding-left:1px;font-size:18px}.nd{display:none}.yd{display:block;color:#fff}.dos .pantalla{background:rgba(0, 0, 0, .8);color:#fff;width:100%;max-width:532px;font-family:sans-serif;min-width:344px;height:478px;position:absolute;z-index:500;margin:0;padding:0}.dos .latido{display:flex;animation:latidos .8s infinite;cursor:pointer;justify-content:center;align-items:center;margin:50% 5%;text-align:center;font-size:x-large;width:90%;top:-50px;text-shadow:0 0 15px #000;position:absolute;font-weight:600}.dos .player-ctr{height:428px;position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:10}.dos .blur{width:100%;height:428px;background-size:cover;position:absolute;top:0;-webkit-filter:blur(20px);-ms-filter:blur(20px);filter:blur(20px);transform:scale(1.15);opacity:0.94;z-index:1}.dos .album-cover-wpr{width:210px;margin:0 auto}.dos .album-cover{width:210px;height:210px;background:url(../img/logo.jpg);background-size:100% 100%;position:relative;margin:22px auto 0 auto;border-radius:5px;-webkit-box-shadow:4px 6px 30px 0px rgba(0,0,0,0.6);-moz-box-shadow:4px 6px 30px 0px rgba(0,0,0,0.6);box-shadow:4px 6px 30px 0px rgba(0,0,0,0.6);z-index:2}.dos .track-info-wpr{max-width:440px;height:40px;box-sizing:border-box;color:rgba(255,255,255,1);font-size:28px;text-align:center;position:relative;margin:0 60px;margin-top:28px;padding-top:3px;border-left:1px solid rgba(255,255,255,.87);border-right:1px solid rgba(255,255,255,.87);overflow:hidden;z-index:4}.dos .track-info-ctr{max-width:280px;position:relative;margin:0 auto;overflow:hidden}.dos .songtitle{color:rgba(255,255,255,.7)}.dos .artist-name{color:rgba(255,255,255,1)}.dos .servertitle{max-width:400px;font-size:14px;color:rgba(255,255,255,.54);text-align:center;position:absolute;left:0;right:0;bottom:108px;margin:0 auto}.dos .listeners{max-width:100px;font-size:14px;color:rgba(255,255,255,.7);position:absolute;top:45px;right:22px}.dos .listeners:before{content:"f0c0";font-size:14px;padding-right:6px;vertical-align:top}.dos .ppBtn{width:64px;height:64px;background-position:center center;position:absolute;bottom:20px;left:0;right:0;margin:0 auto;border:4px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer}.dos .ppBtn:before{content:"";width:58px;height:58px;background-color:rgba(255,255,255,.54);position:absolute;top:-1px;left:-1px;border-radius:50%;transition:background-color ease 0.5s}.dos .ppBtn:hover:before{background-color:rgba(255,255,255,.44)}.dos .play-btn{background:url(../img/play.svg);background-repeat:no-repeat;background-position:center center;background-size:42px 42px;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;transition:background 0.5s}.dos .stop-btn{background:url(../img/pause.svg);background-repeat:no-repeat;background-position:center center;background-size:42px 42px;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;transition:background 0.5s}
.dos .icons-left-wpr {
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 11;
}
.dos .icons-right-wpr {
	text-align: left;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 11;
}
.dos .icons-left {
	width: 24px;
	height: 24px;
	font-size: 24px;
	color: rgba(255,255,255,.92);
	text-align: center;
	margin-right: 28px;
	cursor: pointer;
}
.dos .icons-right {
	width: 24px;
	height: 24px;
	font-size: 24px;
	color: rgba(255,255,255,.92);
	text-align: left;
	margin-left: 28px;
	cursor: pointer;
}
.dos .icons-serverinfo:before {
	content: "\f0c9";
}
.dos .icons-history:before {
	content: "\f1da";
}
.dos .icons-share:before {
	content: "\f1e0";
}
.dos .icons-volume1:before {
	content: "\f026";
}
.dos .icons-volume2:before {
	content: "\f027";
}
.dos .icons-volume3:before {
	content: "\f028";
}
.dos .icons-volumeM {
	display: none;
}
.dos .icons-volumeM:before {
	content: "\f028";
}
.dos .icons-volumeM2:before {
	content: "\f026";
}
.dos .icons-close:before {
	content: "\f00d";
}
.dos .volume-slider{position:absolute;bottom:95px;right:-20px;display:none;z-index:10}.dos input[type=range]{width:90px;height:6px;background:none;padding:6px 0px 6px 0px;transform:rotate(-90deg);transform-origin:bottom;-webkit-appearance:none;cursor:pointer}.dos input[type=range]:focus{outline:none}.dos input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:rgba(255,255,255,.54);margin:0;padding:0;border:0;border-radius:8px;cursor:pointer;animate:0.2s}.dos input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(255,255,255,.54)}.dos input[type=range]::-webkit-slider-thumb{width:16px;height:16px;background:#ccc;margin-top:-5px;border:5px solid #fff;border-radius:50%;cursor:pointer;-webkit-appearance:none}.dos input[type=range]::-moz-range-track{width:100%;height:6px;background:rgba(255,255,255,.54);margin:0;padding:0;border:0;border-radius:8px;cursor:pointer;animate:0.2s}.dos input[type=range]::-moz-range-thumb{width:6px;height:6px;background:#ccc;border:5px solid #fff;border-radius:50%;cursor:pointer}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.dos input[type=range]{width:90px;height:16px;background:none;margin-top:0px;padding:6px 0px 6px 0px;cursor:pointer}}.dos input[type=range]::-ms-tooltip{display:none}.dos input[type=range]::-ms-track{width:100%;height:6px;background:transparent;color:transparent;margin:0;padding:0;border:0;border-color:transparent;cursor:pointer;animate:0.2s}.dos input[type=range]::-ms-fill-lower{background:rgba(255,255,255,.54);border:0;border-radius:8px}.dos input[type=range]::-ms-fill-upper{background:rgba(255,255,255,.54);border:0;border-radius:8px}.dos input[type=range]::-ms-thumb{width:6px;height:6px;background:#ccc;border:5px solid #fff;border-radius:50%;cursor:pointer}.dos input[type=range]:focus::-ms-fill-lower{background:rgba(255,255,255,.54)}.dos input[type=range]:focus::-ms-fill-upper{background:rgba(255,255,255,.54)}.dos .history-wpr{position:absolute;top:0;left:0;right:0;margin:22px auto 0 auto;z-index:5}.dos .history-title{font-size:28px;color:rgba(255,255,255,1);margin:0 22px 15px 22px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.7)}.dos .row-wpr{height:50px;background-color:rgba(255,255,255,.2);position:relative;margin:0 22px 9px 22px;border-radius:5px}.dos .history-cover{width:40px;height:40px;position:absolute;top:6px;left:8px;border-radius:50%}.history-track-info{text-align:left;padding-left:55px;padding-top:5px}.dos .history-songtitle{max-width:300px;font-size:19px;color:rgba(255,255,255,1);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dos .history-artist-name{max-width:300px;font-size:16px;color:rgba(255,255,255,.7);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dos .rowNum{width:38px;height:50px;font-size:42px;color:rgba(255,255,255,.2);text-align:center;position:absolute;top:0;right:0}
.dos .social-share-wpr {
	width: 210px;
	height: 210px;	
	box-sizing: border-box;
	background-color: rgba(0,0,0,.3);
	color: #fff;
	font-size: 18px;
	line-height: 30px;	
	text-align: center;
	position: absolute;
	top: 22px;
	right: 0;
	left: 0;
	margin: 0 auto;
	padding: 40px 0;
	border-radius: 4px;
	overflow: hidden;
	display: none;
	z-index: 11;
}
.dos .social-link {
	width: 38px;
	height: 38px;
	font-size: 24px;
	color: #fff;
	line-height: 38px;
	text-decoration: none;
	margin: 0 4px;
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;
	
}
.dos .social-link-facebook {
	background: #3F51B5;
}
.dos .social-link-facebook:before {
	content: "\f09a";
}
.dos .social-link-twitter {
	background: #2196F3;
}
.dos .social-link-twitter:before {
	content: "\f099";
}
.dos .social-link-whatsapp {
	background: #25D366;
}
.dos .social-link-whatsapp:before {
	content: "\f232";
}
.dos .display{display:block}.dos .nodisplay{display:none}@media only screen and (max-width: 600px){.dos .track-info-wpr{margin:28px 42px 0 42px}.dos .listeners{max-width:100px;font-size:12px;color:rgba(255,255,255,.7);position:absolute;top:32px;right:16px}.dos .listeners:before{content:"f0c0";font-size:12px;padding-right:5px;vertical-align:top}.dos .icons{width:20px;height:20px;font-size:12px;color:#fff;line-height:21px;text-align:center;border-radius:50%;position:absolute;top:1px;right:3px;bottom:5px;cursor:pointer;box-shadow:0 1px 9px rgb(0 0 0 / 20%);-moz-box-shadow:0 1px 9px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 9px rgb(0 0 0 / 20%);z-index:499}.dos .fa-whatsapp{right:30px;padding-left:1px}}.animated{animation-duration:1s;animation-fill-mode:both}.animated.bounceIn{animation-duration: .75s}@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}.marquee{white-space:nowrap;position:relative;transform:translateX(-50%);display:inline-block;left:50%;padding-top:0px;animation:linear infinite;overflow:hidden;text-align:left;animation-duration:10s;animation-name:movement-smooth;animation-direction:normal}.marquee:hover{animation-play-state:paused}.marquee.marquee-speed-custom:before{animation-duration:inherit}.marquee.marquee-speed-normal:before{animation-duration:10s}@keyframes movement-smooth{from{transform:translateX(0%);left:100%}to{transform:translateX(-100%);left:0%}}.marquee.marquee-movement-smooth:before{animation-name:movement-smooth}.marquee.marquee-direction-left:before,.marquee.marquee-direction-normal:before{animation-direction:normal}.ssll{padding:2px 0px 4px;width:100%;max-width:428px;min-width:426px;background:#000;display:block;color:#fff;font-weight:normal;font-size:11px;font-family:arial;text-decoration:none;text-align:center;margin:0px auto;border-radius:10px 10px 0px 0px}.ssll2{padding:2px 0px 4px;width:100%;background:#000;display:block;color:#fff;font-weight:normal;font-size:11px;font-family:arial;text-decoration:none;text-align:center;max-width:400px;margin:0px auto}@media only screen and (max-width: 600px){.ssll{padding:2px 0px 4px;width:100%;max-width:426px;min-width:226px;background:#000;display:block;color:#fff;font-weight:normal;font-size:11px;font-family:arial;text-decoration:none;text-align:center;margin:0px auto}.dos .pantalla{background:rgba(0, 0, 0, .8);color:#fff;width:100%;max-width:532px;font-family:sans-serif;min-width:344px;height:478px;position:absolute;z-index:500;margin:0;padding:0}.dos .latido{display:flex;animation:latidos .8s infinite;cursor:pointer;justify-content:center;align-items:center;margin:50% 5%;text-align:center;font-size:x-large;width:80%;left:10px;top:-10px;text-shadow:0 0 15px #000;position:absolute;font-weight:600}}
.dos .listeners {
	max-width: 100px;
	font-size: 14px;
	color: rgba(255,255,255,.7);
	position: absolute;
	top: 45px;
	right: 22px;
}
.dos .listeners:before {
	content: "\f0c0";
	font-size: 14px;
	padding-right: 6px;
	vertical-align: top;
}