@charset "UTF-8";
/* SCSS Puller */
/*************/
/* SCSS Vars */
/*************/
/* -- fonts */
/* -- colors */
/* -- shapes */
/* -- animations */
/***************/
/* SCSS Mixins */
/***************/
/******************/
/* CSS ANIMATIONS */
/******************/
.appear { animation: animationFrames ease 1.5s; animation-iteration-count: 1; animation-fill-mode: forwards; -webkit-animation: animationFrames ease 1.5s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -moz-animation: animationFrames ease 1.5s; -moz-animation-iteration-count: 1; -moz-animation-fill-mode: forwards; -o-animation: animationFrames ease 1.5s; -o-animation-iteration-count: 1; -o-animation-fill-mode: forwards; -ms-animation: animationFrames ease 1.5s; -ms-animation-iteration-count: 1; -ms-animation-fill-mode: forwards; }

@-webkit-keyframes animationFrames { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes animationFrames { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes animationFrames { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes animationFrames { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes animationFrames { 0% { opacity: 0; }
  100% { opacity: 1; } }

/* -- BONES */
html { height: 100%; }

body { height: 100%; background: #F1F1F1; font-family: 'Helvetica, Arial', sans-serif; font-family: "Open Sans", "Helvetica", "Arial", sans-serif; }

#site { height: 100%; }

#wrap { position: relative; margin: 0 auto; width: 1220px; height: auto; min-height: 100%; background: white; }

.centered { width: 1220px; margin: 0 auto; }

.loader { position: relative; float: left; width: 98%; height: 50px; text-align: center; margin: 0 auto; margin-top: 10px; }

/* -- STATIC */
#static { position: relative; width: 1140px; height: auto; margin: 0 auto; color: #424242; }

#static h2 { padding: 30px 0; }

#static p { font-size: 13px; line-height: 18px; padding-bottom: 30px; }

#static ul { font-size: 13px; margin-bottom: 5px; }

#static ul li { padding: 3px 0; margin-left: 18px; line-height: 18px; }

#static ul ul li { padding: 3px 0; }

#static ul ul li ul { margin-bottom: 5px; margin-left: 9px; }

/* -- FORMS */
input[type=text] { border: 0 none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; vertical-align: middle; }

input[type=text]:focus { outline: none; }

select { border: 0 none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; vertical-align: middle; }

select:focus { outline: none; }

button[type=submit], input[type=submit] { border: 0 none; vertical-align: middle; }

button[type=submit]:focus, input[type=submit]:focus { outline: none; }

/* -- NOTIFICATIONS */
#notifications { position: fixed; width: 1220px; height: auto; left: 50%; margin-left: -610px; top: 55px; z-index: 9999; }

#notifications .bubble { display: block; float: right; width: auto; height: auto; min-height: 35px; color: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; clear: both; margin-bottom: 10px; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); background: #424242; }

#notifications .bubble:before { bottom: 100%; left: 98%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #424242; border-width: 6px; }

#notifications .bubble p { font-size: 11px; font-weight: 600; padding: 8px 5px 8px 13px; line-height: 18px; max-width: 250px; padding-right: 40px; }

#notifications .bubble img { position: absolute; top: 18px; margin-top: -7px; right: 10px; padding: 1px; cursor: pointer; }

#notifications .bubble a.close { opacity: 0.8; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: transparent; }

#notifications .bubble a.close:hover { opacity: 1; }

/* -- ERROR */
#error .errorBanner { width: 100%; height: 600px; border-bottom: 0px solid #0089cb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#error .errorBanner h2 { font-size: 36px; font-weight: 700; color: #0089cb; padding: 20px 0; padding-top: 240px; text-align: center; }

#error .errorBanner h3 { font-size: 18px; font-weight: 400; color: #424242; text-align: center; margin: 0 auto; width: 40%; line-height: 28px; }

#error .errorContent { position: relative; margin: 0 auto; margin-top: 30px; padding-bottom: 60px; width: 1050px; height: auto; }

/* -- COOKIES DISCLAIMER */
#cookieDough { position: relative; top: 0; left: 0; width: 100%; height: auto; text-align: center; background: #0089cb; background: -moz-linear-gradient(top, #0089cb 100%, #0195dc 0%); background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #0089cb), color-stop(0%, #0195dc)); background: -webkit-linear-gradient(top, #0089cb 100%, #0195dc 0%); background: -o-linear-gradient(top, #0089cb 100%, #0195dc 0%); background: -ms-linear-gradient(top, #0089cb 100%, #0195dc 0%); background: linear-gradient(to bottom, #0089cb 100%, #0195dc 0%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0195dc', endColorstr='#0089cb',GradientType=0 ); }

#cookieDough p { display: inline-block; vertical-align: middle; font-size: 12px; padding: 12px 15px 10px 15px; color: white; }

#cookieDough a.close { display: inline-block; vertical-align: middle; opacity: 0.8; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: transparent; padding-top: 4px; }

#cookieDough a.close:hover { opacity: 1; }

#player { position: fixed; bottom: 0; width: 1220px; height: 43px; left: 50%; margin-left: -610px; z-index: 99; }

#player.playerHome { width: 100%; left: 0; margin-left: 0; }

.rad-tracks { position: relative; display: inline-block; vertical-align: top; height: 41px; }

.rad-tracks ul { list-style-type: none; font-size: 12px; border-right: 0px solid #525252; height: 41px; }

.rad-tracks ul { overflow: hidden; position: relative; padding: 0 10px; }

.rad-tracks ul li { padding: 15px 10px; color: white; font-weight: 400; text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 600px; }

.rad-actions { position: relative; float: right; height: 41px; }

.rad-actions ul { list-style-type: none; font-size: 12px; border-left: 1px solid #525252; height: 41px; }

.rad-actions ul { position: relative; padding: 0 5px; }

.rad-actions ul li { float: left; position: relative; display: inline-block; padding: 0 1px; }

.rad-actions ul li a { padding: 30px 0; color: white; font-weight: 400; text-decoration: none; }

.rad-actions ul li.detach { padding-right: 7px; }

.rad-actions ul li.share { border-left: 1px solid #525252; padding-left: 8px; height: 41px; }

.rad-favlist { position: absolute; bottom: 41px; height: 38px; right: 0; width: 100%; max-width: 100%; background: #525252; z-index: 0; border-radius: 3px 3px 0 0; overflow: hidden; z-index: -1; }

.rad-favlist ul { list-style-type: none; font-size: 12px; height: 38px; margin: 0 13px; overflow: hidden; }

.rad-favlist ul li { float: right; position: relative; display: inline-block; padding: 0 5px; }

.rad-favlist ul li a { display: block; height: 38px; }

.rad-favlist ul li a img { border-radius: 3px; margin-top: 6px; }

.rad-favlist ul li a.manageFav { display: block; padding: 7px 10px; height: 13px; margin-top: 5px; font-size: 11px; font-weight: 600; text-decoration: none; color: #bbb; background: #323232; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.rad-favlist ul li a.manageFav:hover { color: white; background: #222222; }

.rad-shareOptions { position: absolute; bottom: 41px; height: 38px; right: 0; width: auto; max-width: 100%; background: #525252; z-index: 0; border-radius: 3px 3px 0 0; overflow: hidden; z-index: -1; }

.rad-shareOptions ul { list-style-type: none; font-size: 12px; height: 38px; overflow: hidden; }

.rad-shareOptions ul li { float: right; position: relative; display: inline-block; padding: 0 5px; }

.rad-shareOptions ul li a { display: block; padding: 5px 10px; height: 13px; margin-top: 6px; font-size: 11px; font-weight: 600; text-decoration: none; color: #aaa; background: #424242; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.rad-shareOptions ul li a img { border-radius: 3px; margin-top: 6px; }

.rad-shareOptions ul li a.fb { background: #3b5998; color: white; }

.rad-shareOptions ul li a.fb:hover { background: #38528a; }

.rad-shareOptions ul li a.tw { background: #55acee; color: white; }

.rad-shareOptions ul li a.tw:hover { background: #4ca4e7; }

.rad-shareOptions ul li a.export { background: #EEE; color: #424242; }

.rad-adsBanner { position: absolute; bottom: 41px; height: 110px; left: 0; width: 100%; max-width: 100%; background: #525252; z-index: 0; border-radius: 3px 3px 0 0; overflow: hidden; z-index: -1; }

.rad-adsBanner p { display: inline-block; vertical-align: top; padding: 51px 50px; font-size: 13px; font-weight: 400; color: #ddd; }

.rad-adsBanner a.close { display: inline-block; vertical-align: top; float: right; margin-top: 4px; }

.rad-adsBanner img { display: inline-block; vertical-align: top; float: right; margin: 10px 18px 10px 10px; }

.rad-adsBannerSquare { position: absolute; bottom: 41px; height: auto; left: 0; width: auto; background: #525252; z-index: 0; border-radius: 3px 3px 0 0; overflow: hidden; z-index: -1; text-align: center; }

.rad-adsBannerSquare p { display: inline-block; vertical-align: top; float: left; padding: 5px 11px; margin-top: 5px; font-size: 12px; font-weight: 400; color: #ddd; }

.rad-adsBannerSquare a.close { display: inline-block; vertical-align: top; float: right; margin-top: 4px; }

.rad-adsBannerSquare img { display: inline-block; vertical-align: top; margin: 5px 10px 10px 10px; }

div.jp-audio, div.jp-audio-stream, div.jp-video { height: 43px; font-size: 13px; color: white; background: #424242; border-bottom: 2px solid #0089cb; border-radius: 3px 3px 0 0; z-index: 9999999; }

div.jp-audio { width: 201px; padding: 20px; }

div.jp-audio-stream { width: 100%; height: 41px; /*padding:20px 20px 10px 20px;*/ }

div.jp-video-270p { width: 480px; }

div.jp-video-360p { width: 640px; }

div.jp-video-full { /* Rules for IE6 (full-screen) */ width: 480px; height: 270px; /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */ position: static !important; position: relative; }

/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
div.jp-video-full div div { z-index: 1000; }

div.jp-video-full div.jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */ overflow: hidden; }

div.jp-video-full div.jp-gui { position: fixed !important; position: static; /* Rules for IE6 (full-screen) */ top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; /* 1 layer above the others. */ }

div.jp-video-full div.jp-interface { position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */ bottom: 0; left: 0; }

div.jp-interface { position: relative; display: inline-block; vertical-align: top; margin-right: -3px; }

div.jp-audio .jp-interface { height: 80px; padding-top: 30px; }

/* @group CONTROLS */
div.jp-controls-holder { clear: both; width: 440px; margin: 0 auto 10px auto; position: relative; overflow: hidden; }

div.jp-interface ul.jp-controls { list-style-type: none; overflow: hidden; }

div.jp-audio ul.jp-controls, div.jp-audio-stream ul.jp-controls { margin: 0 auto; }

div.jp-audio-stream ul.jp-controls { width: 82px; height: 41px; padding: 0 18px; border-right: 1px solid #525252; float: left; position: relative; }

div.jp-video ul.jp-controls { margin: 0 0 0 115px; float: left; display: inline; /* need this to fix IE6 double margin */ }

div.jp-interface ul.jp-controls li { display: inline; float: left; }

div.jp-interface ul.jp-controls a { display: block; overflow: hidden; text-indent: -9999px; height: 41px; margin: 0 1px 2px 0; padding: 0; }

div.jp-type-single .jp-play { background: url("../images/player/playerPlay.png") no-repeat; background-size: 40px 41px; width: 40px; }

div.jp-type-single .jp-pause { background: url("../images/player/playerStop.png") no-repeat; width: 40px; background-size: 40px 41px; }

div.jp-interface ul.jp-controls a.getVolume { background: url("../images/player/playerVolume.png") center center no-repeat; width: 40px; background-size: 20px 20px; }

div.jp-interface ul.jp-controls a.jp-volume-max { background: url("../images/player/playerStop.png") no-repeat; width: 40px; background-size: 40px 41px; }

div.jp-type-single .jp-play:active, div.jp-type-single .jp-pause:active { outline: none; }

/* The right border is normally in the ul background image. */
div.jp-type-single .jp-stop { background: url("../images/player/jplayer.pink.flag.jpg") 0px -80px no-repeat; }

div.jp-type-single .jp-stop:hover { background: url("../images/player/jplayer.pink.flag.jpg") -100px -80px no-repeat; }

/* @end */
/* @group playlist player controls */
div.jp-type-playlist .jp-controls li a { width: 49px; }

div.jp-type-playlist .jp-play { background: url("../images/player/jplayer.pink.flag.jpg") -24px -40px no-repeat; }

div.jp-type-playlist .jp-play:hover { background: url("../images/player/jplayer.pink.flag.jpg") -124px -40px no-repeat; }

div.jp-type-playlist .jp-pause { background: url("../images/player/jplayer.pink.flag.jpg") -24px -120px no-repeat; }

div.jp-type-playlist .jp-pause:hover { background: url("../images/player/jplayer.pink.flag.jpg") -124px -120px no-repeat; }

div.jp-type-playlist .jp-stop { background: url("../images/player/jplayer.pink.flag.jpg") -24px -80px no-repeat; }

div.jp-type-playlist .jp-stop:hover { background: url("../images/player/jplayer.pink.flag.jpg") -124px -80px no-repeat; }

div.jp-type-playlist .jp-previous { background: url("../images/player/jplayer.pink.flag.jpg") -24px -200px no-repeat; }

div.jp-type-playlist .jp-previous:hover { background: url("../images/player/jplayer.pink.flag.jpg") -124px -200px no-repeat; }

div.jp-type-playlist .jp-next { background: url("../images/player/jplayer.pink.flag.jpg") -24px -160px no-repeat; }

div.jp-type-playlist .jp-next:hover { background: url("../images/player/jplayer.pink.flag.jpg") -124px -160px no-repeat; }

/* @end */
/* @end */
/* @group TOGGLES */
ul.jp-toggles { list-style-type: none; padding: 0; margin: 0 auto; overflow: hidden; }

div.jp-audio ul.jp-toggles { width: 55px; }

div.jp-audio .jp-type-single ul.jp-toggles { width: 25px; }

div.jp-video ul.jp-toggles { width: 100px; margin-top: 10px; }

ul.jp-toggles li { display: block; float: right; }

ul.jp-toggles li a { display: block; width: 25px; height: 18px; text-indent: -9999px; line-height: 100%; /* need this for IE6 */ }

.jp-full-screen { background: url("../images/player/jplayer.pink.flag.jpg") 0 -420px no-repeat; margin-left: 20px; }

.jp-full-screen:hover { background: url("../images/player/jplayer.pink.flag.jpg") -30px -420px no-repeat; }

.jp-restore-screen { background: url("../images/player/jplayer.pink.flag.jpg") -60px -420px no-repeat; margin-left: 20px; }

.jp-restore-screen:hover { background: url("../images/player/jplayer.pink.flag.jpg") -90px -420px no-repeat; }

.jp-repeat { background: url("../images/player/jplayer.pink.flag.jpg") 0 -440px no-repeat; }

.jp-repeat:hover { background: url("../images/player/jplayer.pink.flag.jpg") -30px -440px no-repeat; }

.jp-repeat-off { background: url("../images/player/jplayer.pink.flag.jpg") -60px -440px no-repeat; }

.jp-repeat-off:hover { background: url("../images/player/jplayer.pink.flag.jpg") -90px -440px no-repeat; }

.jp-shuffle { background: url("../images/player/jplayer.pink.flag.jpg") 0 -460px no-repeat; margin-left: 5px; }

.jp-shuffle:hover { background: url("../images/player/jplayer.pink.flag.jpg") -30px -460px no-repeat; }

.jp-shuffle-off { background: url("../images/player/jplayer.pink.flag.jpg") -60px -460px no-repeat; margin-left: 5px; }

.jp-shuffle-off:hover { background: url("../images/player/jplayer.pink.flag.jpg") -90px -460px no-repeat; }

/* @end */
/* @group progress bar */
/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg { background: url("../images/player/jplayer.pink.flag.seeking.gif"); }

.jp-progress { background: url("../images/player/jplayer.pink.flag.jpg") 0px -240px no-repeat; width: 197px; height: 13px; padding: 0 2px 2px 2px; margin-bottom: 4px; overflow: hidden; }

div.jp-video .jp-progress { border-top: 1px solid #180a1f; border-bottom: 1px solid #554560; width: 100%; background-image: none; padding: 0; }

.jp-seek-bar { background: url("../images/player/jplayer.pink.flag.jpg") 0px -260px repeat-x; width: 0px; height: 100%; overflow: hidden; cursor: pointer; }

.jp-play-bar { background: url("../images/player/jplayer.pink.flag.jpg") 0px -280px repeat-x; width: 0px; height: 100%; overflow: hidden; }

/* @end */
/* @group volume controls */
div.jp-interface ul.jp-controls a.jp-mute, div.jp-interface ul.jp-controls a.jp-unmute { background: url("../images/player/playerVolume.png") center center no-repeat; background-size: 20px 20px; width: 40px; }

/*
div.jp-audio ul.jp-controls a.jp-mute,
div.jp-audio ul.jp-controls a.jp-unmute,
div.jp-audio-stream ul.jp-controls a.jp-mute,
div.jp-audio-stream ul.jp-controls a.jp-unmute {
	top:-6px;
	left: 0;
}
*/
div.jp-audio ul.jp-controls a.jp-volume-max, div.jp-audio-stream ul.jp-controls a.jp-volume-max { top: -6px; right: 0; }

div.jp-video ul.jp-controls a.jp-mute, div.jp-video ul.jp-controls a.jp-unmute { left: 0; top: 14px; }

div.jp-video ul.jp-controls a.jp-volume-max { left: 84px; top: 14px; }

div.jp-interface ul.jp-controls a.jp-mute:hover { background: url("../images/player/playerVolumeMute.png") center center no-repeat; background-size: 20px 20px; }

div.jp-interface ul.jp-controls a.jp-unmute { background: url("../images/player/playerVolumeMute.png") center center no-repeat; background-size: 20px 20px; }

div.jp-interface ul.jp-controls a.jp-unmute:hover { background: url("../images/player/playerVolume.png") center center no-repeat; background-size: 20px 20px; }

div.jp-interface ul.jp-controls a.jp-volume-max { background: url("../images/player/jplayer.pink.flag.jpg") 0px -350px no-repeat; }

div.jp-interface ul.jp-controls a.jp-volume-max:hover { background: url("../images/player/jplayer.pink.flag.jpg") -25px -350px no-repeat; }

.jp-volume-bar:hover { cursor: pointer; }

div.jp-audio .jp-interface .jp-volume-bar, div.jp-audio-stream .jp-interface .jp-volume-bar { top: 10px; left: 0; display: none; }

div.jp-audio-stream .jp-interface .volumeWrap { position: absolute; width: 900px; height: 41px; left: 119px; top: 0; background: #424242; overflow: hidden; z-index: 99; background: -moz-linear-gradient(left, #424242 0%, #424242 65%, #424242 78%, rgba(66, 66, 66, 0.36) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #424242), color-stop(65%, #424242), color-stop(78%, #424242), color-stop(100%, rgba(66, 66, 66, 0.36))); background: -webkit-linear-gradient(left, #424242 0%, #424242 65%, #424242 78%, rgba(66, 66, 66, 0.36) 100%); background: -o-linear-gradient(left, #424242 0%, #424242 65%, #424242 78%, rgba(66, 66, 66, 0.36) 100%); background: -ms-linear-gradient(left, #424242 0%, #424242 65%, #424242 78%, rgba(66, 66, 66, 0.36) 100%); background: linear-gradient(to right, #424242 0%, #424242 65%, #424242 78%, rgba(66, 66, 66, 0.36) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#5c424242',GradientType=1 ); }

div.jp-audio-stream .jp-interface .volumeWrap .jp-volume-bar { margin-top: 8px; margin-left: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

div.jp-video .jp-volume-bar { top: 5px; left: 0; width: 95px; padding-right: 1px; margin-top: 30px; }

/* --------------------------------------------------------------------------- */
.volume-bar:hover { cursor: pointer; }

div.jp-audio .jp-interface .volume-bar, div.jp-audio-stream .jp-interface .volume-bar { top: 10px; left: 0; display: none; }

div.jp-audio-stream .jp-interface .volumeWrap .volume-bar { margin-top: 8px; margin-left: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

div.jp-video .volume-bar { top: 5px; left: 0; width: 95px; padding-right: 1px; margin-top: 30px; }
/* ---------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------- */
.jp-volume-bar { background: url("../images/player/playerVolumeBG.png") repeat-x; position: absolute; width: 200px; height: 6px; padding: 1px; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.jp-volume-bar:hover { cursor: pointer; }

div.jp-audio .jp-interface .jp-volume-bar, div.jp-audio-stream .jp-interface .jp-volume-bar { top: 10px; left: 0; display: none; }

div.jp-audio-stream .jp-interface .volumeWrap .jp-volume-bar { margin-top: 8px; margin-left: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

div.jp-video .jp-volume-bar { top: 5px; left: 0; width: 95px; padding-right: 1px; margin-top: 30px; }

.jp-volume-bar-value { background: url("../images/player/playerVolumeProgress.png") repeat-x; height: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
/* ---------------------------------------------------------------------------*/


img.down, img.up { position: absolute; top: 13px; opacity: 0.5; display: none; }

img.down { left: 18px; }

img.up { left: 335px; }

/* @end */
/* @group current time and duration */
.jp-current-time, .jp-duration { width: 70px; font-size: .5em; color: #8c7a99; }

.jp-current-time { float: left; }

.jp-duration { float: right; text-align: right; }

.jp-video .jp-current-time { padding-left: 20px; }

.jp-video .jp-duration { padding-right: 20px; }

/* @end */
/* @group playlist */
.jp-details { position: relative; display: inline-block; vertical-align: top; height: 41px; }

.jp-details ul, .jp-playlist ul { list-style-type: none; font-size: 13px; border-right: 1px solid #525252; height: 41px; }

.jp-details ul li img { vertical-align: top; margin-top: 8px; margin-left: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.jp-video .jp-details ul { margin: 0 20px 10px; }

.jp-video .jp-playlist ul { margin: 0 20px; }

.jp-details li, .jp-playlist li { position: relative; overflow: hidden; height: 41px; padding: 0 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.jp-details li a { display: inline-block; padding: 14px 10px 14px 10px; color: white; font-weight: 600; text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 200px; }

.jp-details li:hover { background: #525252; }

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
div.jp-type-playlist div.jp-playlist li:first-child { border-top: none; padding-top: 3px; }

div.jp-type-playlist div.jp-playlist li:last-child { border-bottom: none; padding-bottom: 3px; }

div.jp-type-playlist div.jp-playlist a { color: #fff; text-decoration: none; }

div.jp-type-playlist div.jp-playlist a:hover { color: #e892e9; }

div.jp-type-playlist div.jp-playlist li.jp-playlist-current { background-color: #26102e; margin: 0 -20px; padding: 2px 20px; border-top: 1px solid #26102e; border-bottom: 1px solid #26102e; }

div.jp-type-playlist div.jp-playlist li.jp-playlist-current a { color: #e892e9; }

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float: right; display: inline; text-align: right; margin-left: 10px; font-weight: bold; color: #8C7A99; }

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { color: #E892E9; }

div.jp-type-playlist div.jp-playlist span.jp-free-media { float: right; display: inline; text-align: right; color: #8C7A99; }

div.jp-type-playlist div.jp-playlist span.jp-free-media a { color: #8C7A99; }

div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover { color: #E892E9; }

span.jp-artist { font-size: .8em; color: #8C7A99; }

/* @end */
div.jp-video div.jp-video-play { width: 100%; overflow: hidden; /* Important for nested negative margins to work in modern browsers */ cursor: pointer; }

div.jp-video-270p div.jp-video-play { margin-top: -270px; height: 270px; }

div.jp-video-360p div.jp-video-play { margin-top: -360px; height: 360px; }

div.jp-video-full div.jp-video-play { height: 100%; }

a.jp-video-play-icon { position: relative; display: block; width: 112px; height: 100px; margin-left: -56px; margin-top: -50px; left: 50%; top: 50%; background: url("../images/player/jplayer.pink.flag.video.play.png") 0 0 no-repeat; text-indent: -9999px; }

div.jp-video-play:hover a.jp-video-play-icon { background: url("../images/player/jplayer.pink.flag.video.play.png") 0 -100px no-repeat; }

div.jp-jplayer audio, div.jp-jplayer { width: 0px; height: 0px; }

div.jp-jplayer { background-color: #000000; }

/* @group NO SOLUTION error feedback */
.jp-no-solution { padding: 5px; font-size: .8em; background-color: #3a2a45; border-top: 2px solid #554461; border-left: 2px solid #554461; border-right: 2px solid #180a1f; border-bottom: 2px solid #180a1f; color: #FFF; display: none; }

.jp-no-solution a { color: #FFF; }

.jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; }

a.tooltips span { position: absolute; width: 260%; color: #FFF; background: #424242; height: 30px; line-height: 30px; text-align: center; visibility: hidden; bottom: 48px; opacity: 0; left: 50%; margin-left: -56px; border-radius: 2px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

a.tooltips span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -5px; width: 0; height: 0; border-top: 5px solid #424242; border-right: 5px solid transparent; border-left: 5px solid transparent; }

a:hover.tooltips span { visibility: visible; opacity: 1; bottom: 52px; left: 50%; margin-left: -56px; z-index: 999; }

a.tooltips.fav span { width: 290%; margin-left: -62px; }

a.tooltips.fav span:after { margin-left: -5px; }

a:hover.tooltips.fav span { margin-left: -62px; }

a.tooltips.list span { width: 260%; margin-left: -56px; }

a.tooltips.list span:after { margin-left: -5px; }

a:hover.tooltips.list span { margin-left: -56px; }

a.tooltips.detach span { margin-left: -66px; }

a:hover.tooltips.detach span { margin-left: -66px; }

a.tooltips.share span { width: 300%; margin-left: -118px; }

a.tooltips.share span:after { margin-left: 41px; }

a:hover.tooltips.share span { margin-left: -118px; }

/* @end */
.bubblingG { text-align: center; width: 80px; height: 50px; margin: 0 auto; }

.bubblingG span { display: inline-block; vertical-align: middle; width: 5px; height: 5px; margin: 25px auto; background: #0089cb; -moz-border-radius: 50px; -moz-animation: bubblingG 0.8s infinite alternate; -webkit-border-radius: 50px; -webkit-animation: bubblingG 0.8s infinite alternate; -ms-border-radius: 50px; -ms-animation: bubblingG 0.8s infinite alternate; -o-border-radius: 50px; -o-animation: bubblingG 0.8s infinite alternate; border-radius: 50px; animation: bubblingG 0.8s infinite alternate; }

#bubblingG_1 { -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

#bubblingG_2 { -moz-animation-delay: 0.24s; -webkit-animation-delay: 0.24s; -ms-animation-delay: 0.24s; -o-animation-delay: 0.24s; animation-delay: 0.24s; }

#bubblingG_3 { -moz-animation-delay: 0.48s; -webkit-animation-delay: 0.48s; -ms-animation-delay: 0.48s; -o-animation-delay: 0.48s; animation-delay: 0.48s; }

@-moz-keyframes bubblingG { 0% { width: 5px; height: 5px; background-color: #0089cb; -moz-transform: translateY(0); }
  100% { width: 10px; height: 10px; background-color: #FFFFFF; -moz-transform: translateY(-12px); } }

@-webkit-keyframes bubblingG { 0% { width: 5px; height: 5px; background-color: #0089cb; -webkit-transform: translateY(0); }
  100% { width: 10px; height: 10px; background-color: #FFFFFF; -webkit-transform: translateY(-12px); } }

@-ms-keyframes bubblingG { 0% { width: 5px; height: 5px; background-color: #0089cb; -ms-transform: translateY(0); }
  100% { width: 10px; height: 10px; background-color: #FFFFFF; -ms-transform: translateY(-12px); } }

@-o-keyframes bubblingG { 0% { width: 5px; height: 5px; background-color: #0089cb; -o-transform: translateY(0); }
  100% { width: 10px; height: 10px; background-color: #FFFFFF; -o-transform: translateY(-12px); } }

@keyframes bubblingG { 0% { width: 5px; height: 5px; background-color: #0089cb; transform: translateY(0); }
  100% { width: 10px; height: 10px; background-color: #FFFFFF; transform: translateY(-12px); } }

#header { position: relative; top: 0; left: 0; width: 100%; height: 45px; background: #424242; border-top: 3px solid #0089cb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#header #logo { position: relative; display: inline-block; vertical-align: top; height: 42px; width: 160px; background: #0089cb url("../images/logoRadionomy@2x.png") no-repeat; background-size: 160px 43px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; }

#header #logo:hover { background: #0089cb; background-image: url(../images/logoRadionomy@2x.png); /* fallback */ background-image: url(../images/logoRadionomy@2x.png), -webkit-gradient(linear, left top, left bottom, from(#0089cb), to(#0195dc)); /* Saf4+, Chrome */ background-image: url(../images/logoRadionomy@2x.png), -webkit-linear-gradient(top, #0089cb, #0195dc); /* Chrome 10+, Saf5.1+ */ background-image: url(../images/logoRadionomy@2x.png), -moz-linear-gradient(top, #0089cb, #0195dc); /* FF3.6+ */ background-image: url(../images/logoRadionomy@2x.png), -ms-linear-gradient(top, #0089cb, #0195dc); /* IE10 */ background-image: url(../images/logoRadionomy@2x.png), -o-linear-gradient(top, #0089cb, #0195dc); /* Opera 11.10+ */ background-image: url(../images/logoRadionomy@2x.png), linear-gradient(to bottom, #0089cb, #0195dc); /* W3C */ background-size: 160px 43px; }

#header #logo a { display: block; width: 100%; height: 42px; color: transparent; }

#header ul#navMain { position: relative; display: inline-block; margin-left: 20px; vertical-align: top; height: 42px; width: auto; }

#header ul#navMain li { display: inline-block; list-style-type: none; }

#header ul#navMain li a { display: block; padding: 14.5px 22px; font-size: 13px; font-weight: 600; color: white; text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#header ul#navMain li a:hover { background: #4d4d4d; }

#header #search { position: relative; float: right; width: auto; height: 42px; }

#header #search form#searchQuick { height: 43px; padding: 8px 30px 0 0; }

#header #search form#searchQuick input.searchHeader { vertical-align: middle; width: 240px; height: 25px; padding: 0 40px 0 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#header #search form#searchQuick input.searchHeader:focus { width: 280px; padding: 0 110px 0 10px; }

#header #search form#searchQuick button.searchGo { vertical-align: middle; width: 40px; height: 25px; margin-left: -40px; background: url("../images/icons/icon-headerSearch.png") center center no-repeat; background-size: 25px 25px; color: transparent; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#header #search form#searchQuick button.searchGo:hover { background: url("../images/icons/icon-headerSearchHover.png") center center no-repeat; background-size: 25px 25px; }

#header #search form#searchQuick a.advanced { display: block; visibility: hidden; opacity: 0; position: absolute; margin-top: -21px; right: 63px; font-size: 9px; font-weight: 600; text-transform: uppercase; padding: 4px 5px; background: #656565; color: white; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#header #search form#searchQuick a.advanced:hover { background: #424242; }

#header #search form#searchQuick input.searchHeader:focus ~ a.advanced { visibility: visible; opacity: 1; right: 70px; }

#header #navAccount { position: relative; float: right; width: auto; height: 42px; }

#header #navAccount .navAccountMenu { height: 25px; margin-top: 8px; }

#header #navAccount .navAccountMenu img { display: inline-block; vertical-align: middle; margin-right: 0; border-radius: 2px 0 0 2px; }

#header #navAccount .navAccountMenu ul.active { display: inline-block; vertical-align: middle; list-style-type: none; height: 25px; background: #656565; border-radius: 0 2px 2px 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#header #navAccount .navAccountMenu ul.active:hover { background: #6f6f6f; }

#header #navAccount .navAccountMenu ul.active li { text-align: right; background: url("../images/icons/icon-headerDrop.png") 92% center no-repeat; background-size: 20px 20px; }

#header #navAccount .navAccountMenu ul.active li a { display: block; max-width: 120px; min-width: 50px; padding: 6px 10px 6px 8px; font-size: 13px; color: white; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 15px; }

/*#header #navAccount .navAccountMenu ul.active > li a:after { content: ''; background-image: url('../images/icons/icon-headerDrop.png'); background-repeat: no-repeat; background-size: 10px 10px; position: relative; margin-left: 5px; padding: 0 5px; top: 5px; }*/
#header #navAccount .navAccountMenu ul.active ul.passive { background: #656565; z-index: 9; visibility: hidden; opacity: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; display: none; }

#header #navAccount .navAccountMenu ul.active ul.passive > li a.settings:after { content: ''; background-image: url("../images/icons/icon-headerDrop.png"); background-repeat: no-repeat; background-size: 10px 10px; position: relative; margin-left: 5px; padding: 0 5px; top: 5px; }

#header #navAccount .navAccountMenu ul.active ul.passive > li a.logout:after { content: ''; background-image: url("../images/icons/icon-headerDrop.png"); background-repeat: no-repeat; background-size: 10px 10px; position: relative; margin-left: 5px; padding: 0 5px; top: 5px; }

.dropdown { position: absolute; right: 0; margin-top: 15px; height: auto; width: 150px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background: #424242; z-index: 9; display: none; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3); }

.dropdown:after { content: ''; position: absolute; border-style: solid; border-width: 0 8px 8px; border-color: #424242 transparent; display: block; width: 0; z-index: 1; top: -5px; right: 7px; }

.dropdown ul li { list-style-type: none; text-align: right; font-size: 13px; font-weight: 400; margin: 5px 5px; }

.dropdown ul li a { display: block; padding: 5px 7px; text-decoration: none; color: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.dropdown ul li a:hover { background: #525252; font-weight: 400; }

/*
.dropdown ul li a.settings:after { content: ''; background-size: 12px 12px; background-image: url("../images/icons/icon-headerSettingsWhite.png"); background-repeat: no-repeat; position: relative; padding: 0 13px 0 0; top: 4px; margin-left: 10px; }
.dropdown ul li a.fav:after { content: ''; background-size: 12px 12px; background-image: url("../images/icons/icon-headerFavWhite.png"); background-repeat: no-repeat; position: relative; padding: 0 13px 0 0; top: 4px; margin-left: 10px; }
.dropdown ul li a.rmo:after { content: ''; background-size: 12px 12px; background-image: url("../images/icons/icon-headerRMOWhite.png"); background-repeat: no-repeat; position: relative; padding: 0 13px 0 0; top: 4px; margin-left: 10px; }
.dropdown ul li a.logout:after { content: ''; background-size: 12px 12px; background-image: url("../images/icons/icon-headerLogoutWhite.png"); background-repeat: no-repeat; position: relative; padding: 0 13px 0 0; top: 4px; margin-left: 10px; }
*/
#header #navLogin { position: relative; float: right; width: auto; height: 42px; }

#header #navLogin a { display: inline-block; padding: 6.5px 15px; margin-top: 8px; vertical-align: middle; margin-left: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; color: white; font-weight: 600; font-size: 12px; text-decoration: none; }

#header #navLogin a.signup { background: #0089cb; }

#header #navLogin a.signup:hover { background: #0089cb; background: -moz-linear-gradient(top, #0089cb 0%, #00a2ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089cb), color-stop(100%, #00a2ef)); background: -webkit-linear-gradient(top, #0089cb 0%, #00a2ef 100%); background: -o-linear-gradient(top, #0089cb 0%, #00a2ef 100%); background: -ms-linear-gradient(top, #0089cb 0%, #00a2ef 100%); background: linear-gradient(to bottom, #0089cb 0%, #00a2ef 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089cb', endColorstr='#00a2ef',GradientType=0 ); }

#header #navLogin a.signin { background: rgba(255, 255, 255, 0.4); }

#header #navLogin a.signin:hover { background: rgba(255, 255, 255, 0.5); }

#footer { position: relative; margin: 0 auto; bottom: 0; left: 0; width: 1220px; height: auto; background: #FFF; }

#footer ul { position: relative; list-style-type: none; text-align: center; border-top: 1px solid #ddd; width: 1140px; height: 35px; margin: 0 auto; }

#footer ul li { display: inline-block; padding: 9px 15px 0 0; }

#footer ul li a { padding: 11px 15px; font-size: 11px; color: #ccc; text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#footer ul li a:hover { color: #0089cb; border-top: 1px solid #0089cb; }

#site.withPlayer > #wrapHome > #featuredBackground { bottom: 30px !important; }

#site.withPlayer > #wrapHome > #featuredRadio { bottom: 40px; }

#site.withPlayer > #footerHome { bottom: 43px; }

#site.withPlayer > #footer ul { height: 80px; }

/*#footerHome .switchLang,
#footer .switchLang { position: absolute; top: -75px; background: #333; color: white; @include border-radius($radius); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); }
#footerHome .switchLang ul,
#footer .switchLang ul { width: auto; height: auto; text-align: left; margin-top: 5px; margin-bottom: 5px; border: 0 none; }
#footerHome .switchLang ul li,
#footer .switchLang ul li { display: block; font-size: 12px; padding: 8px 8px 8px 10px; }
#footerHome .switchLang ul li a,
#footer .switchLang ul li a { padding: 5px 12px; text-shadow: none; border: 0 none; @include border-radius($radius); @include transition($fast); }
#footerHome .switchLang ul li a:hover,
#footer .switchLang ul li a:hover { background: #424242; color: $color-white; border-top: 0; }

#footerHome .switchLang:after,
#footer .switchLang:after { top: 100%; left: 50%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #333; border-width: 6px; margin-left: -5px; }*/
#footerHome { position: fixed; bottom: 0; width: 100%; height: auto; }

#footerHome ul.first { list-style-type: none; text-align: center; width: 1140px; margin: 0 auto; height: 35px; }

#footerHome ul.first li { display: inline-block; padding: 8px 15px 0 0; }

#footerHome ul.first li a { padding: 9px 15px; font-size: 11px; font-weight: 600; color: #FFF; text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-shadow: 0 0 3px rgba(0, 0, 0, 0.75); }

#footerHome ul.first li a:hover { color: white; background: rgba(255, 255, 255, 0); text-shadow: 0 0 3px black; border-top: 1px solid white; }

#footer > ul.first.hide > li, #footer > ul.first.hide > div, #footerHome > ul.first.hide > li, #footerHome > ul.first.hide > div { visibility: hidden; opacity: 0; }

#footer > ul.first.hide > li:first-child, #footerHome > ul.first.hide > li:first-child { visibility: visible; opacity: 1; }

#footer > ul.first.show > li > ul.switchLang, #footerHome > ul.first.show > li > ul.switchLang { display: none; }

#footerHome ul.switchLang li:first-child:before { content: ''; position: relative; background: url("../images/icons/icon-arrowWhite.png"); background-repeat: no-repeat; background-size: 14px 14px; padding: 0 40px 0 0; margin-left: -45px; top: 4px; }

#footer ul.switchLang li:first-child:before { content: ''; position: relative; background: url("../images/icons/icon-arrowGrey.png"); background-repeat: no-repeat; background-size: 14px 14px; padding: 0 40px 0 0; margin-left: -20px; top: 5px; }

#footerHome ul.switchLang { position: absolute; top: 0; margin-left: 135px; width: auto; }

#footerHome ul.switchLang li { padding: 8px 15px 10px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#footerHome ul.switchLang li:hover { cursor: pointer; }

#footerHome ul.switchLang li a:hover { padding: 9px 15px 10px 15px; border: 0 none; opacity: 0.7; }

#footerHome ul.switchLang li:last-child a img { vertical-align: bottom; text-align: left; opacity: 0.5; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#footerHome ul.switchLang li:last-child a:hover { opacity: 1; }

#footerHome ul.switchLang li:last-child a img:hover { opacity: 1; }

#footer ul.switchLang { position: absolute; top: 0; margin-left: 100px; width: auto; background: white; border-top: 0; }

#footer ul.switchLang li { padding: 10px 15px 10px 15px; font-weight: 600; }

#footer ul.switchLang li:hover { background: white; cursor: pointer; }

#footer ul.switchLang li a { padding: 9px 15px 10px 15px; color: #ccc; }

#footer ul.switchLang li a:hover { color: #0089cb; border-top: 0; }

#headerHome { position: relative; top: 0; left: 0; width: 100%; height: 45px; border-top: 3px solid #0089cb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 9; }

#headerHome #logo { position: relative; display: inline-block; vertical-align: top; height: 43px; width: 160px; background: url("../images/logoRadionomy@2x.png") no-repeat; background-size: 160px 43px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; }

#headerHome #logo a { display: block; width: 100%; height: 45px; color: transparent; }

#headerHome ul#navMain { position: relative; display: inline-block; margin-left: 20px; vertical-align: top; height: 45px; width: auto; }

#headerHome ul#navMain li { display: inline-block; list-style-type: none; }

#headerHome ul#navMain li a { display: block; padding: 15px 22px; font-size: 14px; font-weight: 600; color: white; text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#headerHome ul#navMain li a:hover { background: rgba(255, 255, 255, 0.2); }

#headerHome ul#navMain li:first-child a { border-radius: 0 0 0 3px; }

#headerHome ul#navMain li:last-child a { border-radius: 0 0 3px 0; }

#headerHome #search { position: relative; float: right; width: auto; height: 42px; }

#headerHome #search form#searchQuick { height: 43px; padding: 8px 30px 0 0; }

#headerHome #search form#searchQuick input.searchHeader { vertical-align: middle; width: 240px; height: 25px; padding: 0 40px 0 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#headerHome #search form#searchQuick input.searchHeader:focus { width: 280px; padding: 0 110px 0 10px; }

#headerHome #search form#searchQuick button.searchGo { vertical-align: middle; width: 40px; height: 25px; margin-left: -40px; background: url("../images/icons/icon-headerSearch.png") center center no-repeat; background-size: 25px 25px; color: transparent; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#headerHome #search form#searchQuick button.searchGo:hover { background: url("../images/icons/icon-headerSearchHover.png") center center no-repeat; background-size: 25px 25px; }

#headerHome #search form#searchQuick a.advanced { display: block; visibility: hidden; opacity: 0; position: absolute; margin-top: -21px; right: 63px; font-size: 9px; font-weight: 600; text-transform: uppercase; padding: 4px 5px; background: #656565; color: white; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#headerHome #search form#searchQuick a.advanced:hover { background: #424242; }

#headerHome #search form#searchQuick input.searchHeader:focus ~ a.advanced { visibility: visible; opacity: 1; right: 70px; }

#headerHome #navAccount { position: relative; float: right; width: auto; height: 45px; }

#headerHome #navAccount .navAccountMenu { height: 25px; margin-top: 8px; }

#headerHome #navAccount .navAccountMenu img { display: inline-block; vertical-align: middle; margin-right: 0; border-radius: 2px 0 0 2px; }

#headerHome #navAccount .navAccountMenu ul.active { display: inline-block; vertical-align: middle; list-style-type: none; height: 25px; background: #FFF; border-radius: 0 2px 2px 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#headerHome #navAccount .navAccountMenu ul.active:hover { background: #F1F1F1; }

#headerHome #navAccount .navAccountMenu ul.active li { text-align: right; background: url("../images/icons/icon-headerDropBlack.png") 92% center no-repeat; background-size: 20px 20px; }

#headerHome #navAccount .navAccountMenu ul.active li a { display: block; max-width: 120px; min-width: 50px; padding: 6px 10px 6px 8px; font-size: 13px; font-weight: 600; color: #2c3742; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 15px; }

/*#headerHome #navAccount .navAccountMenu ul.active > li a:after { content: ''; background-image: url('../images/icons/icon-headerDropBlack.png'); background-repeat: no-repeat; background-size: 10px 10px; position: relative; margin-left: 5px; padding: 0 5px; top: 5px; }*/
#headerHome #navAccount .navAccountMenu ul.active ul.passive { background: #656565; z-index: 9; visibility: hidden; opacity: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; display: none; }

#headerHome #navAccount .navAccountMenu ul.active ul.passive > li a.settings:after { content: ''; background-image: url("../images/icons/icon-headerDropBlack.png"); background-repeat: no-repeat; background-size: 10px 10px; position: relative; margin-left: 5px; padding: 0 5px; top: 5px; }

#headerHome #navAccount .navAccountMenu ul.active ul.passive > li a.logout:after { content: ''; background-image: url("../images/icons/icon-headerDropBlack.png"); background-repeat: no-repeat; background-size: 10px 10px; position: relative; margin-left: 5px; padding: 0 5px; top: 5px; }

#headerHome #navAccount .navAccountMenu:hover ul.active > ul.passive { visibility: visible; opacity: 1; }

.dropdownHome { position: absolute; right: 0; margin-top: 10px; height: auto; width: 150px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background: #FFF; display: none; }

.dropdownHome:after { content: ''; position: absolute; border-style: solid; border-width: 0 8px 8px; border-color: #FFF transparent; display: block; width: 0; z-index: 1; top: -5px; right: 7px; }

.dropdownHome ul li { list-style-type: none; text-align: right; font-size: 13px; font-weight: 400; margin: 5px 5px; }

.dropdownHome ul li a { display: block; padding: 5px 7px; text-decoration: none; color: #424242; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.dropdownHome ul li a:hover { background: #F1F1F1; font-weight: 400; }

/*
.dropdownHome ul li a.settings:after { content: ''; background-size: 12px 12px; background-image: url("../images/icons/icon-headerSettingsBlack.png"); background-repeat: no-repeat; position: relative; padding: 0 13px 0 0; top: 4px; margin-left: 7px; }
.dropdownHome ul li a.fav:after { content: ''; background-size: 12px 12px; background-image: url("../images/icons/icon-headerFavBlack.png"); background-repeat: no-repeat; position: relative; padding: 0 13px 0 0; top: 4px; margin-left: 7px; }
.dropdownHome ul li a.rmo:after { content: ''; background-size: 12px 12px; background-image: url("../images/icons/icon-headerRMOBlack.png"); background-repeat: no-repeat; position: relative; padding: 0 13px 0 0; top: 4px; margin-left: 7px; }
.dropdownHome ul li a.logout:after { content: ''; background-size: 12px 12px; background-image: url("../images/icons/icon-headerLogoutBlack.png"); background-repeat: no-repeat; position: relative; padding: 0 13px 0 0; top: 4px; margin-left: 7px; }
*/
#headerHome #navLogin { position: relative; float: right; width: auto; height: 42px; }

#headerHome #navLogin a { display: inline-block; padding: 6.5px 15px; margin-top: 8px; vertical-align: middle; margin-left: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; color: white; font-weight: 600; font-size: 12px; text-decoration: none; }

#headerHome #navLogin a.signup { background: #0089cb; }

#headerHome #navLogin a.signup:hover { background: #0089cb; background: -moz-linear-gradient(top, #0089cb 0%, #00a2ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089cb), color-stop(100%, #00a2ef)); background: -webkit-linear-gradient(top, #0089cb 0%, #00a2ef 100%); background: -o-linear-gradient(top, #0089cb 0%, #00a2ef 100%); background: -ms-linear-gradient(top, #0089cb 0%, #00a2ef 100%); background: linear-gradient(to bottom, #0089cb 0%, #00a2ef 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089cb', endColorstr='#00a2ef',GradientType=0 ); }

#headerHome #navLogin a.signin { background: rgba(255, 255, 255, 0.75); color: #333; }

#headerHome #navLogin a.signin:hover { background: rgba(255, 255, 255, 0.9); }

/* -- */
#background { position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; z-index: -1; }

#background img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; }

/* .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: top left no-repeat; background-image: url('http://api.drp.io/files/543e29604c2ea.jpg'); background-size: cover; } */
/*#wrapHome { position: fixed; width: 1220px; height: auto; left: 50%; bottom: 0; margin-left: -610px; }*/
#wrapHome #marketingSlider { margin: 10% auto 0; position: relative; }

#wrapHome .marketing { padding-left: 20px; }

#wrapHome .marketing .marketingText { font-size: 30px; font-weight: 600; line-height: 40px; margin-bottom: 10px; text-transform: uppercase; color: white; /*text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);*/ }

#wrapHome .marketing .subtitle-marketing { margin-bottom: 30px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }

#wrapHome .marketing img { margin-bottom: 30px; max-height: 300px; }

#wrapHome .marketing .CTA-audio { width: 500px; height: auto; margin-bottom: 30px; }

#wrapHome .marketing .CTA-audio .play { display: inline-block; vertical-align: middle; width: auto; margin-right: 20px; height: 60px; width: 60px; padding-right: 10px; }

#wrapHome .marketing .CTA-audio .play .radioPlayBtn { width: 40px; height: 40px; opacity: 0.9; margin-top: 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#wrapHome .marketing .CTA-audio .play .radioPlayBtn:hover { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

#wrapHome .marketing .CTA-audio .play .radioPlayBtn.StopBtn { background: #424242 url("../images/icons/icon-browseStop.png") center center no-repeat; background-size: 42px 42px; }

#wrapHome .marketing .CTA-audio .play .radioPlayBtn.StopBtn:hover { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

#wrapHome .marketing .CTA-audio .subtitle { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 20px; padding: 10px 0 10px 0; width: auto; max-width: 300px; }

#wrapHome .marketing .CTA-content { margin-bottom: 30px; }

#wrapHome .marketing .CTA-content .CTA-button a { width: auto; padding: 8px 22px; opacity: 1; font-size: 14px; font-weight: 700; text-decoration: none; -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.09); box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.09); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#wrapHome .marketing .CTA-content .CTA-button a:hover { opacity: 1; -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.19); box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.19); }

/*#wrapHome .marketing .CTA-content .CTA-button a:after { content: ''; position: relative; background: url('../images/icons/icon-arrowBlack.png'); background-repeat: no-repeat; background-size: 16px 16px; padding: 0 15px 0 0; margin-left: 5px; top: 3px; }*/
#wrapHome .marketing.right { max-height: 300px; margin-right: 40px; float: right; }

#wrapHome .marketing.right img { margin-bottom: 30px; max-height: 300px; float: right; clear: both; }

#wrapHome .marketing.right .CTA-audio { width: auto; height: auto; margin-bottom: 30px; margin-right: 5px; float: right; clear: both; }

#wrapHome .marketing.right .CTA-audio .play { display: inline-block; vertical-align: middle; width: auto; margin-right: 20px; height: 60px; width: 60px; padding-right: 10px; }

#wrapHome .marketing.right .CTA-audio .play .radioPlayBtn { width: 40px; height: 40px; opacity: 0.9; margin-top: 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#wrapHome .marketing.right .CTA-audio .play .radioPlayBtn:hover { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

#wrapHome .marketing.right .CTA-audio .play .radioPlayBtn.StopBtn { background: #424242 url("../images/icons/icon-browseStop.png") center center no-repeat; background-size: 42px 42px; }

#wrapHome .marketing.right .CTA-audio .play .radioPlayBtn.StopBtn:hover { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

#wrapHome .marketing.right .CTA-audio .subtitle { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 20px; padding: 10px 0 10px 0; width: auto; max-width: 300px; }

#wrapHome .marketing.right .CTA-content { position: relative; float: right; clear: both; margin-bottom: 30px; margin-right: 3px; }

#wrapHome .marketing.right .CTA-content .CTA-button a { width: auto; padding: 3px 7px; opacity: 0.9; font-size: 14px; font-weight: 600; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#wrapHome .marketing.right .CTA-content .CTA-button a:hover { opacity: 1; -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.09); box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.09); }

/*#wrapHome .marketing .CTA-content .CTA-button a:after { content: ''; position: relative; background: url('../images/icons/icon-arrowBlack.png'); background-repeat: no-repeat; background-size: 16px 16px; padding: 0 15px 0 0; margin-left: 5px; top: 3px; }*/
.switch { position: absolute; right: 50%; margin-right: -557px; bottom: 320px; display: block; opacity: 0.5; z-index: 9; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.switch:hover  { opacity: 1; }

#site.withPlayer > #wrapHome > .switch { bottom: 350px; }

.switch .previous { display: inline-block; vertical-align: top; background: white; border-radius: 3px 0 0 3px; width: 35px; height: 25px; background: url("../images/icons/icon-homePrevWhite.png") center center no-repeat; opacity: 0.8; overflow: hidden; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.switch .next { display: inline-block; vertical-align: top; background: white; border-radius: 0 3px 3px 0; width: 35px; height: 25px; background: url("../images/icons/icon-homeNextWhite.png") center center no-repeat; opacity: 0.8; overflow: hidden; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; margin-left: -2px; }

.switch .previous:hover, .switch .next:hover { opacity: 1; }

.switch.black .previous { display: inline-block; vertical-align: top; background: #424242; border-radius: 3px 0 0 3px; width: 35px; height: 25px; background: url("../images/icons/icon-homePrev.png") center center no-repeat; opacity: 0.9; overflow: hidden; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.switch.black .next { display: inline-block; vertical-align: top; background: #424242; border-radius: 0 3px 3px 0; width: 35px; height: 25px; background: url("../images/icons/icon-homeNext.png") center center no-repeat; opacity: 0.9; overflow: hidden; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; margin-left: -2px; }

.switch.black .previous:hover, .switch.black .next:hover { opacity: 1; }

.switch .previous a, .switch .next a { display: block; height: 100%; width: 100%; }

/*  */
#featuredRadio { position: absolute; width: 100%; height: 280px; bottom: 10px; overflow: hidden; }

#featuredRadio .centered { height: auto; width: 1130px; }

#featuredRadio .centered p.category { padding: 15px 0 20px 5px; font-size: 16px; font-weight: 400; }

#featuredRadio .centered p.category a { text-decoration: none; color: white; margin-right: 25px; opacity: 0.75; text-shadow: 0 0 3px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#featuredRadio .centered p.category a:hover { opacity: 1; }

#featuredRadio .centered p.category a.active { font-weight: 600; opacity: 1; }

#featuredRadio .centered a.featuredPrev { display: inline-block; float: left; height: 209px; width: 18px; margin-right: 23px; padding: 0 2px; background: rgba(255, 255, 255, 0) url("../images/icons/icon-homeFeaturedPrev.png") center center no-repeat; border: 1px solid rgba(255, 255, 255, 0); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: 1; display: none; }

#featuredRadio .centered a.featuredPrev:hover { background: rgba(255, 255, 255, 0) url("../images/icons/icon-homeFeaturedPrev.png") center center no-repeat; border: 1px solid rgba(255, 255, 255, 0); opacity: 1; }

#featuredRadio .centered a.featuredNext { display: inline-block; height: 209px; width: 18px; margin-left: 10px; padding: 0 2px; background: rgba(255, 255, 255, 0) url("../images/icons/icon-homeFeaturedNext.png") center center no-repeat; border: 1px solid rgba(255, 255, 255, 0); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: 1; display: none; }

#featuredRadio .centered a.featuredNext:hover { background: rgba(255, 255, 255, 0) url("../images/icons/icon-homeFeaturedNext.png") center center no-repeat; border: 1px solid rgba(255, 255, 255, 0); opacity: 1; }

#featuredRadio .centered .card { display: inline-block; vertical-align: top; width: 180px; height: 180px; margin: 0 4px; background: white; -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.05); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; overflow: hidden; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }

#featuredRadio .centered .card:hover { -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.12); box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.12); }

#featuredRadio .centered .card img.radioCover { position: relative; z-index: 1; border-bottom: 0px solid #F8F8F8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #F1F1F1; border: 0 none; }

#featuredRadio .centered .card .radioPlayBtn { position: relative; top: -120px; left: 64px; width: 50px; height: 50px; opacity: 0.8; background: rgba(0, 0, 0, 0.65) url("../images/icons/icon-browsePlay.png") center center no-repeat; background-size: 42px 42px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; cursor: pointer; z-index: 9; visibility: hidden; opacity: 0; }

#featuredRadio .centered .card .radioPlayBtn:hover { background: black url("../images/icons/icon-browsePlay.png") center center no-repeat; background-size: 42px 42px; opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

#featuredRadio .centered .card .radioPlayBtn.StopBtn { background: rgba(0, 0, 0, 0.65) url("../images/icons/icon-browseStop.png") center center no-repeat; background-size: 42px 42px; visibility: visible; opacity: 1; }

#featuredRadio .centered .card .radioPlayBtn.StopBtn:hover { background: black url("../images/icons/icon-browseStop.png") center center no-repeat; background-size: 42px 42px; opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

#featuredRadio .centered .card:hover > .radioPlayBtn { visibility: visible; opacity: 1; }

#featuredRadio .centered .card p a { text-decoration: none; }

#featuredRadio .centered .card p.featured { position: relative; font-size: 12px; font-weight: 600; margin-top: -96px; margin-left: 7px; padding: 4px 5px; z-index: 9; }

#featuredRadio .centered .card p.radioName { position: relative; font-size: 12px; font-weight: 600; margin-top: -83px; margin-left: 7px; z-index: 9; padding: 4px 5px; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: white; }

#featuredRadio .centered .card p.featured span, #featuredRadio .centered .card p.radioName span { background: rgba(0, 0, 0, 0.8); color: white; padding: 3px 5px; }

#featuredRadio .centered .card p.followers, #featuredRadio .centered .card p.ratings { position: relative; display: inline-block; vertical-align: middle; margin-top: 13px; margin-left: 7px; padding: 7.5px 0 7.5px 5px; font-size: 12px; font-weight: 400; width: 137px; display: none; }

#featuredRadio .centered .card p.followers span { font-weight: 700; }

/*#featuredRadio .centered .card p.ratings img { margin-top: -2px; }*/
#featuredRadio .centered .card p.fav { position: absolute; top: 0; margin-left: 145px; margin-top: 9px; z-index: 9; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#featuredRadio .centered .card p.fav a { background: rgba(0, 0, 0, 0.65); display: block; padding: 7px 6px 5px 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#featuredRadio .centered .card p.fav a:hover { background: black; }

#featuredRadio .centered .card:hover > p.fav { visibility: visible; opacity: 1; }

#featuredRadio .centered .cardEmpty { display: inline-block; vertical-align: top; width: 180px; height: 205px; margin: 0 4px; background: rgba(255, 255, 255, 0); border-right: 1px solid #424242; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#featuredRadio .centered .cardEmpty p.titleCategory { position: relative; float: right; margin: 30px 0 0 0; font-weight: 600; font-size: 14px; text-align: right; line-height: 24px; margin-top: 20px; }

#featuredRadio .centered .cardEmpty p.titleCategory span { background: #424242; color: white; padding: 4px 9px; }

#featuredRadio .centered .card.NewFav { background: rgba(255, 255, 255, 0.18); border: 1px dashed rgba(255, 255, 255, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#featuredRadio .centered .card.NewFav:hover { background: rgba(255, 255, 255, 0.3); border: 1px dashed rgba(255, 255, 255, 0.85); }

#featuredRadio .centered .card.NewFav img { background: transparent; }

#featuredRadio a.browse { display: none; }

.homeMobileAccount { display: none; }

.browseLeft { display: inline-block; vertical-align: top; height: auto; width: auto; margin: 30px 0 30px 0; }

.browseLeft h2 { margin-bottom: 30px; font-size: 16px; font-weight: 700; }

.browseLeft ul#browseMainGenre { position: relative; display: table-cell; vertical-align: top; /*width: 100%;*/ margin-right: 0; margin-left: 0; height: 100%; height: 650px; border-right: none; z-index: 1; }

.browseLeft ul#browseMainGenre li { list-style-type: none; padding: 4px 0 3px 12px; width: 142px; padding: 10px 15px; margin-bottom: 5px;}

.browseLeft ul#browseMainGenre li a { display: block; padding: 3px 0; width: 100%; font-size: 12px; color: #424242; text-decoration: none; }

.browseLeft ul#browseMainGenre li.active { background: #F0F1F3; color: #292C33; border-radius: 5px}

.browseLeft ul#browseMainGenre li.active a { color: #292C33; text-decoration: none; }

.browseLeft ul#browseMainGenre li.passive { background: url("../images/icons/icon-browseGenrePassive.png") center left no-repeat; }

.browseLeft ul#browseMainGenre li.passive a { color: white; text-decoration: none; }

.browseLeft ul#browseMainGenre li:hover { background: #F0F1F3; border-radius: 5px; }

.browseLeft ul#browseMainGenre li:hover a { color: #292C33; text-decoration: none; }

.browseLeft ul#browseMainGenre li.featured { font-weight: 700; }

.browseLeft ul hr { margin: 4px 0; border-top: 1px solid #F0F0F0; width: 100%; }

/*.browseLeft ul#browseMainGenre li.trending { font-weight: 700; }*/
/*.browseLeft ul#browseSubGenre { position: relative; display: inline-block; vertical-align: top; width: 143px; margin-right: 0; margin-left: -24px; height: 100%; height: 650px; border-right: 1px solid #ececec; }*/
.browseLeft ul#browseSubGenre { display: table-cell; margin-top: 92px; background: #f0f1f3; border-radius: 5px; border-right: none; position: relative; left: -5px;}

.browseLeft ul#browseSubGenre li { list-style-type: none; padding: 10px 15px; width: 142px; margin-bottom: 5px }

.browseLeft ul#browseSubGenre li a { display: block; padding: 3px 0; width: 100%; font-size: 12px; color: #424242; text-decoration: none; }

.browseLeft ul#browseSubGenre li.active { background: #F0F1F3; color: #292C33; border-radius: 5px; }

.browseLeft ul#browseSubGenre li.active a { color: white; text-decoration: none; font-weight: 600; }

.browseLeft ul#browseSubGenre li.passive { background: #F0F1F3; color: #292C33; border-radius: 5px; }

.browseLeft ul#browseSubGenre li.passive a { color: white; text-decoration: none; }

.browseLeft ul#browseSubGenre li:hover { background: #F0F1F3; color: #292C33; border-radius: 5px; }

.browseLeft ul#browseSubGenre li:hover a { color: #424242; text-decoration: none; }

.borderGradient { border-right-width: 1px; border-style: solid; -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(rgba(0, 0, 0, 0))) 1 100%; -webkit-border-image: -webkit-linear-gradient(#dddddd, rgba(0, 0, 0, 0)) 1 100%; -moz-border-image: -moz-linear-gradient(#dddddd, rgba(0, 0, 0, 0)) 1 100%; -o-border-image: -o-linear-gradient(#dddddd, rgba(0, 0, 0, 0)) 1 100%; border-image: linear-gradient(to bottom, #dddddd, rgba(0, 0, 0, 0)) 1 100%; }

.browseRight { display: inline-block; vertical-align: top; height: auto; width: 940px; margin: 30px 0; margin-left: 50px; }

.browseRight.deployed { width: 800px; }

.browseRight.fav { width: 95%; }

.browseRight h1 { display: inline-block; vertical-align: top; width: 62.2%; margin-bottom: 30px; font-size: 16px; font-weight: 400; }

.browseRight h1 span.titleMainGenre { font-weight: 700; }

.browseRight h3 { display: inline-block; vertical-align: top; width: 62.2%; margin-bottom: 30px; font-size: 16px; font-weight: 400; }

.browseRight h3 span.titleMainGenre { font-weight: 700; }

.browseRight p.browseFilters { display: inline-block; vertical-align: middle; width: 35%; font-size: 12px; color: #424242; text-align: right; }

.browseRight p.browseFilters span:after{content: ":"; padding-left: 5px;}

.browseRight p.browseFilters a { color: #424242; text-decoration: none; margin-left: 5px; padding: 5px 0; font-size: 11px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-transform: uppercase}

.browseRight p.browseFilters a:hover { color: #424242; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.browseRight p.browseFilters a.active { color: #424242; font-weight: 400; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border-bottom: 2px solid #0089cb}

.browseRight p.browseFilters span.browseBy { margin-left: 30px; }

.browseRight p.browseFilters a.latestRadios.active { color: #0089cb; border-bottom: 1px solid #0089cb; }

.browseRight .browseRadioWrap { position: relative; float: left; width: 48%; height: 75px; margin: 0 2% 2% 0; background: #fff;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) }

.browseRight .browseRadioWrap:hover { background: #F0F1F3; }

.browseRight .browseRadioWrap img.radioCover { position: absolute; display: inline-block; vertical-align: top; top: 0; left: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background: #F1F1F1; border: 0 none; margin: 4px 0 0 4px; }

.browseRight .browseRadioWrap img.radioActionsFav { position: absolute; display: inline-block; vertical-align: top; top: 0; left: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 9; }

.browseRight .browseRadioWrap a { position: absolute; display: block; width: 73px; height: 73px; z-index: 99; }

.browseRight .browseRadioWrap a:hover .radioActionsFav { visibility: visible; opacity: 1; }

.browseRight .browseRadioWrap .radioInfo { position: absolute; display: inline-block; vertical-align: top; top: 0; left: 73px; padding-left: 17px; width: 282px; height: 73px; cursor: pointer; }

.browseRight.deployed .browseRadioWrap .radioInfo { width: 232px; }

.browseRight .browseRadioWrap .radioInfo p.radioName { font-size: 14px; font-weight: 600; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 95%; height: 15px; }

.browseRight .browseRadioWrap .radioInfo p.nowPlaying { font-size: 12px; font-weight: 400; margin-top: 8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 95%; height: 13px; }

.browseRight .browseRadioWrap .radioInfo .radioRating { width: 95%; height: 16px; margin-top: 5px; }

.browseRight .browseRadioWrap .radioInfo .radioRating a.addToFav { display: inline-block; margin-left: 10px; height: 13px; width: auto; border-left: 1px solid #ccc; padding: 2px 5px 2px 10px; font-size: 9px; text-decoration: none; }

.browseRight .browseRadioWrap .radioPlay { position: absolute; display: inline-block; vertical-align: top; right: 0; width: 73px; height: 73px; }

.browseRight .browseRadioWrap .radioPlay .radioPlayBtn { width: 36px; height: 36px; opacity: 0.75; margin: 0 auto; margin-top: 19px; background: #f0f1f3 url("../images/icons/icon-browsePlay.png") center center no-repeat; background-size: 42px 42px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: pointer; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2)}

.browseRight .browseRadioWrap .radioPlay .radioPlayBtn:hover { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); background-color: #0088cc}

.browseRight .browseRadioWrap .radioPlay .radioPlayBtn.StopBtn { background: #424242 url("../images/icons/icon-browseStop.png") center center no-repeat; background-size: 42px 42px; }

.browseRight .browseRadioWrap .radioPlay .radioPlayBtn.StopBtn:hover { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.favWrap { display: inline-block; vertical-align: top; height: auto; width: 1140px; margin: 30px 0; margin-left: 50px; }

.favWrap h3 { display: inline-block; vertical-align: top; width: 62.2%; margin-bottom: 30px; font-size: 16px; font-weight: 400; }

.favWrap h3 span.titleMainGenre { font-weight: 700; }

.favWrap p.browseFilters { display: inline-block; vertical-align: middle; width: 35%; font-size: 12px; color: #424242; text-align: right; }

.favWrap p.browseFilters span:after{content: ":"; padding-left: 5px;}

.favWrap p.browseFilters a { color: #424242; text-decoration: none; margin-left: 10px; border-bottom: 0px solid #ccc; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-transform: uppercase}

.favWrap p.browseFilters a:hover { color: #424242; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.favWrap p.browseFilters a.active { color: #424242; font-weight: 400; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border-bottom: 2px solid #0089cb }

.favWrap p.browseFilters span.browseBy { margin-left: 30px; }

.favWrap p.browseFilters a.latestRadios.active { color: #0089cb; border-bottom: 1px solid #0089cb; }

.favWrap .browseRadioWrap { position: relative; float: left; width: 48%; height: 75px; margin: 0 2% 2% 0; background: #f3f3f3; border-bottom: 2px solid #0089cb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; overflow: hidden; }

.favWrap .browseRadioWrap:hover { background: #eeeded; }

.favWrap .browseRadioWrap img.radioCover { position: absolute; display: inline-block; vertical-align: top; top: 0; left: 0; -webkit-border-radius: 2px 0 0 0; -moz-border-radius: 2px 0 0 0; -ms-border-radius: 2px 0 0 0; border-radius: 2px 0 0 0; }

.favWrap .browseRadioWrap img.radioActionsFav { position: absolute; display: inline-block; vertical-align: top; top: 0; left: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 9; }

.favWrap .browseRadioWrap a { position: absolute; display: block; width: 73px; height: 73px; z-index: 99; }

.favWrap .browseRadioWrap a:hover .radioActionsFav { visibility: visible; opacity: 1; }

.favWrap .browseRadioWrap .radioInfo { position: absolute; display: inline-block; vertical-align: top; top: 0; left: 73px; padding-left: 17px; width: 388px; height: 73px; cursor: pointer; }

.favWrap .browseRadioWrap .radioInfo p.radioName { font-size: 14px; font-weight: 600; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 95%; height: 15px; }

.favWrap .browseRadioWrap .radioInfo p.nowPlaying { font-size: 12px; font-weight: 400; margin-top: 8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 95%; height: 13px; }

.favWrap .browseRadioWrap .radioInfo .radioRating { width: auto; height: 16px; margin-top: 5px; }

.favWrap .browseRadioWrap .radioInfo .radioRating a.addToFav { display: inline-block; margin-left: 10px; height: 13px; width: auto; border-left: 1px solid #ccc; padding: 2px 5px 2px 10px; font-size: 9px; text-decoration: none; }

.favWrap .browseRadioWrap .radioPlay { position: absolute; display: inline-block; vertical-align: top; right: 0; width: 73px; height: 73px; }

.favWrap .browseRadioWrap .radioPlay .radioPlayBtn { width: 36px; height: 36px; opacity: 0.75; margin: 0 auto; margin-top: 19px; background: #424242 url("../images/icons/icon-browsePlay.png") center center no-repeat; background-size: 40px 40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2)}

.favWrap .browseRadioWrap .radioPlay .radioPlayBtn:hover { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); background-color: #0088cc }

.favWrap .browseRadioWrap .radioPlay .radioPlayBtn.StopBtn { background: #424242 url("../images/icons/icon-browseStop.png") center center no-repeat; background-size: 40px 40px; }

.favWrap .browseRadioWrap .radioPlay .radioPlayBtn.StopBtn:hover { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

/* -- advanced */
.advancedSearch { margin-bottom: 50px; width: 1140px; }

.advancedSearch input[type=text] { width: 150px; height: 25px; padding: 0 10px; border: 1px solid #eaeaea; margin-right: 10px; background: #F9F9F9; color: #424242; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.advancedSearch input[type=text]:focus { border: 1px solid #aaa; }

.advancedSearch select { width: 150px; height: 28px; padding: 0 10px; border: 1px solid #eaeaea; margin-right: 10px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.advancedSearch select:focus { border: 1px solid #aaa; }

.advancedSearch input[type=submit] { position: relative; width: 130px; height: 28px; padding: 0 10px; margin: 0 auto; background: #0089cb; color: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.advancedSearch input[type=submit]:hover { cursor: pointer; background: #0089cb; background: -moz-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089cb), color-stop(100%, #0195dc)); background: -webkit-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: -o-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: -ms-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: linear-gradient(to bottom, #0089cb 0%, #0195dc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089cb', endColorstr='#0195dc',GradientType=0 ); }

/* -- results */
.searchWrap { display: inline-block; vertical-align: top; height: auto; width: 1140px; margin: 30px 0; margin-left: 50px; }

.searchWrap h3 { display: inline-block; vertical-align: top; width: 62.2%; margin-bottom: 30px; font-size: 16px; font-weight: 400; line-height: 20px; }

.searchWrap h3.results { line-height: 20px; }

.searchWrap h3 span.titleMainGenre { font-weight: 700; }

.searchWrap p.browseFilters { display: inline-block; vertical-align: middle; width: 35%; font-size: 12px; color: #424242; text-align: right; }

.searchWrap p.browseFilters span:after{content: ":"; padding-left: 5px;}

.searchWrap p.browseFilters a { color: #424242; text-decoration: none; margin-left: 10px; border-bottom: 0px solid #ccc; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-transform: uppercase}

.searchWrap p.browseFilters a:hover { color: #424242; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.searchWrap p.browseFilters a.active { color: #424242; font-weight: 400; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border-bottom: 2px solid #0089cb }

.searchWrap p.browseFilters span.browseBy { margin-left: 30px; }

.searchWrap p.browseFilters a.latestRadios.active { color: white; font-weight: 400; padding: 3px 8px; background: #0089cb; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.searchWrap .artistResults { position: relative; width: 1116px; height: 140px; margin-bottom: 30px; background: #F3F3F3; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; overflow: hidden; }

.searchWrap .artistResults img.artistCover { position: relative; display: inline-block; vertical-align: top; top: 0; left: 0; height: 140px; max-height: 140px; width: auto; }

.searchWrap .artistResults .artistInfo { position: absolute; display: inline-block; vertical-align: top; top: 0; padding-left: 17px; /*width: 960px;*/ height: 140px; overflow: auto; /*max-width: 885px;*/ }

.searchWrap .artistResults .artistInfo p.artistName { font-size: 16px; font-weight: 700; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 17px; display: inline-block; position: relative; vertical-align: middle; margin-top: 10px; }

.searchWrap .artistResults .artistInfo p.artistDesc { font-size: 12px; font-weight: 400; margin-top: 10px; line-height: 15px; color: #333; width: auto; padding-right: 10px; }

.searchWrap .artistResults .artistInfo a.readMore { display: inline-block; position: relative; padding: 6px 8px; font-size: 11px; font-weight: 600; color: white; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background: #0089cb; vertical-align: middle; margin-top: 10px; }

.searchWrap .artistResults .artistInfo a.readMore:after { content: ''; position: relative; background: url("../images/icons/icon-arrowWhite.png"); background-repeat: no-repeat; background-size: 14px 14px; padding: 0 10px 0 0; margin-left: 5px; top: 1px; }

.searchWrap .artistResults .artistInfo a.readMore:hover { background: #0089cb; background: -moz-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089cb), color-stop(100%, #0195dc)); background: -webkit-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: -o-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: -ms-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: linear-gradient(to bottom, #0089cb 0%, #0195dc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089cb', endColorstr='#0195dc',GradientType=0 ); }

.searchWrap .browseRadioWrap { position: relative; float: left; width: 48%; height: 75px; margin: 0 2% 2% 0; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; overflow: hidden; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2)}

.searchWrap .browseRadioWrap:hover { background: #F0F1F3; }

.searchWrap .browseRadioWrap img.radioCover { position: absolute; display: inline-block; vertical-align: top; top: 0; left: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background: #F1F1F1; border: 0 none; margin: 4px 0 0 4px; }

.searchWrap .browseRadioWrap img.radioActionsFav { position: absolute; display: inline-block; vertical-align: top; top: 0; left: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 9; }

.searchWrap .browseRadioWrap a { position: absolute; display: block; width: 73px; height: 73px; z-index: 99; }

.searchWrap .browseRadioWrap a:hover .radioActionsFav { visibility: visible; opacity: 1; }

.searchWrap .browseRadioWrap .radioInfo { position: absolute; display: inline-block; vertical-align: top; top: 0; left: 73px; padding-left: 17px; width: 388px; height: 73px; cursor: pointer; }

.searchWrap .browseRadioWrap .radioInfo p.radioName { font-size: 14px; font-weight: 600; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 95%; height: 15px; }

.searchWrap .browseRadioWrap .radioInfo p.nowPlaying { font-size: 12px; font-weight: 400; margin-top: 8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 95%; height: 13px; }

.searchWrap .browseRadioWrap .radioInfo .radioRating { width: 95%; height: 16px; margin-top: 5px; }

.searchWrap .browseRadioWrap .radioInfo .radioRating a.addToFav { display: inline-block; margin-left: 10px; height: 13px; width: auto; border-left: 1px solid #ccc; padding: 2px 5px 2px 10px; font-size: 9px; text-decoration: none; }

.searchWrap .browseRadioWrap .radioPlay { position: absolute; display: inline-block; vertical-align: top; right: 0; width: 73px; height: 73px; }

.searchWrap .browseRadioWrap .radioPlay .radioPlayBtn { width: 36px; height: 36px; opacity: 0.75; margin: 0 auto; margin-top: 19px; background: #424242 url("../images/icons/icon-browsePlay.png") center center no-repeat; background-size: 42px 42px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2)}

.searchWrap .browseRadioWrap .radioPlay .radioPlayBtn:hover { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); background-color: #0088cc}

.searchWrap .browseRadioWrap .radioPlay .radioPlayBtn.StopBtn { background: #424242 url("../images/icons/icon-browseStop.png") center center no-repeat; background-size: 42px 42px; }

.searchWrap .browseRadioWrap .radioPlay .radioPlayBtn.StopBtn:hover { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

#radioProfileTop { margin: 0 auto; width: 1140px; height: auto; }

#radioProfileTop #radioProfileInfo { display: inline-block; vertical-align: top; margin-top: 30px; width: 800px; height: 250px; }

#radioProfileTop #radioProfileInfo .radioCover { display: inline-block; vertical-align: top; width: 250px; max-height: 250px; background: #F3F3F3; border-bottom: 2px solid #0089cb; overflow: hidden; }

#radioProfileTop #radioProfileInfo .radioCover a { border: 0 none; }

#radioProfileTop #radioProfileInfo .radioCover img { margin-bottom: -3px; }

#radioProfileTop #radioProfileInfo .radioPlay { position: absolute; top: 95px; left: 93px; width: 150px; height: 150px; }

#radioProfileTop #radioProfileInfo .radioPlay .radioPlayBtn { width: 80px; height: 80px; margin: 0 auto; margin-top: 19px; background: rgba(0, 0, 0, 0.55) url("../images/icons/icon-browsePlayBig.png") center center no-repeat; background-size: 42px 42px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; }

#radioProfileTop #radioProfileInfo .radioPlay .radioPlayBtn:hover { background: black url("../images/icons/icon-browsePlayBig.png") center center no-repeat; background-size: 42px 42px; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

#radioProfileTop #radioProfileInfo .radioPlay .radioPlayBtn.StopBtn { background: rgba(0, 0, 0, 0.55) url("../images/icons/icon-browseStopBig.png") center center no-repeat; background-size: 42px 42px; }

#radioProfileTop #radioProfileInfo .radioPlay .radioPlayBtn.StopBtn:hover { background: black url("../images/icons/icon-browseStopBig.png") center center no-repeat; background-size: 42px 42px; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

#radioProfileTop #radioProfileInfo .radioDetails { display: inline-block; vertical-align: top; width: 450px; height: 300px; padding-left: 30px; }

#radioProfileTop #radioProfileInfo .radioDetails h1.radioName { width: 90%; margin-top: 10px; font-size: 20px; font-weight: 700; text-transform: uppercase; color: #1f1f1f; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

#radioProfileTop #radioProfileInfo .radioDetails p.radioName { width: 90%; margin-top: 10px; font-size: 20px; font-weight: 700; text-transform: uppercase; color: #1f1f1f; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

#radioProfileTop #radioProfileInfo .radioDetails p.radioGenre { width: 90%; margin-top: 7px; font-size: 15px; font-weight: 400; color: #0089cb; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 20px; }

#radioProfileTop #radioProfileInfo .radioDetails p.radioGenre span.mainGenre { font-weight: 700; }

#radioProfileTop #radioProfileInfo .radioDetails p.radioGenre a { text-decoration: none; color: #0089cb; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#radioProfileTop #radioProfileInfo .radioDetails p.radioGenre a:hover { color: #424242; }

#radioProfileTop #radioProfileInfo .radioDetails p.radioStream { margin: 17px 0; font-size: 12px; color: #bbb; }

#radioProfileTop #radioProfileInfo .radioDetails p.radioStream a { color: #bbb; text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#radioProfileTop #radioProfileInfo .radioDetails p.radioStream a:hover { color: #424242; }

#radioProfileTop #radioProfileInfo .radioDetails p.radioDesc { font-size: 13px; line-height: 16px; color: #1f1f1f; text-align: left; padding-right: 30px; display: block; min-height: 20px; max-height: 112px; overflow: hidden; }

#radioProfileTop #radioProfileInfo .radioDetails ul { margin-top: 10px; }

#radioProfileTop #radioProfileInfo .radioDetails ul li { list-style-type: none; display: inline-block; padding-right: 3px; }

#radioProfileTop #radioProfileInfo .radioDetails ul li.one a { background: #0089cb; }

#radioProfileTop #radioProfileInfo .radioDetails ul li.two a { background: #0b95d8; }

#radioProfileTop #radioProfileInfo .radioDetails ul li.three a { background: #33a1d5; }

#radioProfileTop #radioProfileInfo .radioDetails ul li.four a { background: #54b0dc; }

#radioProfileTop #radioProfileInfo .radioDetails ul li.five a { background: #7bc0e1; }

#radioProfileTop #radioProfileInfo .radioDetails ul li a { display: block; font-size: 11px; text-decoration: none; padding: 7px 10px; color: white; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 90%; }

#radioProfileTop #radioProfileInfo .radioDetails ul li a:hover { background: #0172a9; }

#radioProfileTop #radioProfileActions { display: inline-block; vertical-align: top; width: 335px; height: 250px; }

#radioProfileTop #radioProfileActions ul { float: right; margin-top: 60px; }

#radioProfileTop #radioProfileActions ul li { list-style-type: none; padding: 0 0; }

#radioProfileTop #radioProfileActions ul li a { display: block; padding: 15px 0; width: 325px; text-align: right; text-decoration: none; font-size: 13px; color: #1f1f1f; }

#radioProfileTop #radioProfileActions ul li a:hover { color: #0089cb; background: #ffffff; background: -moz-linear-gradient(left, white 0%, #fcfcfc 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(100%, #f8f8f8)); background: -webkit-linear-gradient(left, white 0%, #f8f8f8 100%); background: -o-linear-gradient(left, white 0%, #f8f8f8 100%); background: -ms-linear-gradient(left, white 0%, #f8f8f8 100%); background: linear-gradient(to right, white 0%, #f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=1 ); }

#radioProfileTop #radioProfileActions ul li a { border-bottom: 1px solid #ddd; }

#radioProfileTop #radioProfileActions ul li:last-child a { border-bottom: 0; }

#radioProfileTop #radioProfileActions ul li a.play:after { content: ''; background-size: 18px 18px; background-image: url("../images/icons/icon-radioActionsPlay.png"); background-repeat: no-repeat; position: relative; padding: 0 20px 0 0; top: 0; margin-left: 10px; }

#radioProfileTop #radioProfileActions ul li a.play:hover:after { content: ''; background-size: 18px 18px; background-image: url("../images/icons/icon-radioActionsPlayHover.png"); background-repeat: no-repeat; position: relative; padding: 0 20px 0 0; top: 0; margin-left: 10px; }

#radioProfileTop #radioProfileActions ul li a.download:after { content: ''; background-size: 18px 18px; background-image: url("../images/icons/icon-radioActionsDownload.png"); background-repeat: no-repeat; position: relative; padding: 0 20px 0 0; top: 0; margin-left: 10px; }

#radioProfileTop #radioProfileActions ul li a.download:hover:after { content: ''; background-size: 18px 18px; background-image: url("../images/icons/icon-radioActionsDownloadHover.png"); background-repeat: no-repeat; position: relative; padding: 0 20px 0 0; top: 0; margin-left: 10px; }

#radioProfileTop #radioProfileActions ul li a.fav:after { content: ''; background-size: 18px 18px; background-image: url("../images/icons/icon-radioActionsFavProfile.png"); background-repeat: no-repeat; position: relative; padding: 0 20px 0 0; top: 0; margin-left: 10px; }

#radioProfileTop #radioProfileActions ul li a.fav:hover:after { content: ''; background-size: 18px 18px; background-image: url("../images/icons/icon-radioActionsFavProfileHover.png"); background-repeat: no-repeat; position: relative; padding: 0 20px 0 0; top: 0; margin-left: 10px; }

#radioProfileTop #radioProfileActions ul li a.share:after { content: ''; background-size: 18px 18px; background-image: url("../images/icons/icon-radioActionsShare.png"); background-repeat: no-repeat; position: relative; padding: 0 20px 0 0; top: 0; margin-left: 10px; }

#radioProfileTop #radioProfileActions ul li a.share:hover:after { content: ''; background-size: 18px 18px; background-image: url("../images/icons/icon-radioActionsShareHover.png"); background-repeat: no-repeat; position: relative; padding: 0 20px 0 0; top: 0; margin-left: 10px; }

#radioProfileTop #radioProfileActions ul li a.website:after { content: ''; background-size: 18px 18px; background-image: url("../images/icons/icon-radioActionsWebsite.png"); background-repeat: no-repeat; position: relative; padding: 0 20px 0 0; top: 0; margin-left: 10px; }

#radioProfileTop #radioProfileActions ul li a.website:hover:after { content: ''; background-size: 18px 18px; background-image: url("../images/icons/icon-radioActionsWebsiteHover.png"); background-repeat: no-repeat; position: relative; padding: 0 20px 0 0; top: 0; margin-left: 10px; }

#radioProfileBottom { margin: 0 auto; width: 1140px; padding-bottom: 50px; }

#radioProfileBottom #radioProfileTracklist, #radioProfileBottom #radioProfileTrending, #radioProfileBottom #radioProfileAds { display: inline-block; vertical-align: top; margin: 50px 0; }

#radioProfileBottom #radioProfileTracklist { width: 420px; }

#radioProfileBottom #radioProfileTrending { width: 410px; }

#radioProfileBottom #radioProfileAds { width: 300px; }

#radioProfileBottom #radioProfileTracklist h3, #radioProfileBottom #radioProfileTrending h3, #radioProfileBottom #radioProfileAds h3 { font-size: 14px; margin-bottom: 20px; }

#radioProfileBottom #radioProfileTracklist .tracklist { width: 300px; height: 61px; border-top: 1px solid #ddd; background: #FFF; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); margin-bottom: 8px;padding-left: 5px;}

#radioProfileBottom #radioProfileTracklist .tracklist:hover { background: #F8F8F8; }

#radioProfileBottom #radioProfileTracklist .tracklist img { display: inline-block; vertical-align: top; margin-top: 5px; }

#radioProfileBottom #radioProfileTracklist .tracklist .tracklistInfo { display: inline-block; vertical-align: top; margin: 10px 0 0 15px; }

#radioProfileBottom #radioProfileTracklist .tracklist .tracklistInfo p { width: 220px; padding: 4px 0; font-size: 13px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

#radioProfileBottom #radioProfileTracklist .tracklist.first .tracklistInfo p { width: 130px; }

#radioProfileBottom #radioProfileTracklist .tracklist .tracklistInfo p.artist { font-weight: 700; }

#radioProfileBottom #radioProfileTracklist .tracklist .tracklistInfo p.playing { position: absolute; width: auto; margin-left: 185px; margin-top: -28px; font-size: 9px; text-transform: uppercase; background: #0089cb; color: white; font-weight: 600; font-style: italic; padding: 3px 6px; }

#radioProfileBottom #radioProfileTracklist .tracklist:last-child { border-bottom: 1px solid #ddd; }

#radioProfileBottom #radioProfileTrending .trending { width: 300px; }

#radioProfileBottom #radioProfileTrending .trending a { display: inline-block; width: 90px; height: 90px; overflow: hidden; margin: 0 3px 3px 0; }

#radioProfileBottom #radioProfileTrending img.artist { position: relative; float: left; min-height: 90px; min-width: 90px; }

#radioProfileBottom #radioProfileTrending a img.artist { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#radioProfileBottom #radioProfileTrending a:hover img.artist { opacity: 0.8; }

/* -- share */
#radioProfileBottom #radioProfileShare { width: 1140px; margin: 50px 0; }

#radioProfileBottom #radioProfileShare h3 { font-size: 14px; margin-top: 50px; margin-bottom: 20px; }

#radioProfileBottom #radioProfileShare .shareTools { width: 1140px; }

#radioProfileBottom #radioProfileShare .shareTools #wrapExport { display: inline-block; vertical-align: top; }

#radioProfileBottom #radioProfileShare .shareTools #wrapExport.square { margin-right: 8%; width: 375px; }

#radioProfileBottom #radioProfileShare .shareTools #wrapExport.horizontal { margin-right: 2.2%; width: 375px; }

#radioProfileBottom #radioProfileShare .shareTools h4 { font-size: 14px; font-weight: 700; padding-top: 0; padding-bottom: 15px; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer, #radioProfileBottom #radioProfileShare .shareTools .previewPlayer { display: inline-block; vertical-align: top; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer { background: #F5F5F5; padding: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer.horizontal { margin-right: 0; }

#radioProfileBottom #radioProfileShare .shareTools .previewPlayer { width: 33%; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.size { margin-bottom: 40px; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.size li { list-style-type: none; display: inline-block; margin-right: 50px; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.size li:last-child { margin-right: 0; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.size li a { display: block; width: 71px; height: 71px; background: #F1F1F1; overflow: hidden; text-decoration: none; color: #424242; border: 1px solid #E0E0E0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.size li a:hover { border: 1px solid #CCC; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.size li:nth-child(1) a { background: url("../images/icons/icon-playerMedium.png"); }

/*#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.size li:nth-child(2) a { background: url("../images/icons/icon-playerBig.png"); }*/

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.size li:nth-child(2) a { background: url("../images/icons/icon-playerHorizontal.png"); }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.size li:nth-child(3) a { background: url("../images/icons/icon-playerMobile.png"); }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.size li a.active { border-bottom: 1px solid #0089cb; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.size li a p { display: block; position: relative; bottom: 0; font-size: 10px; font-weight: 600; text-align: center; padding: 5px 0; margin-top: 80px; background: #0089cb; color: white; visibility: hidden; opacity: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 9; cursor: pointer; }

/*#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.size li a:hover > p { visibility: visible; opacity: 1; }*/
#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.colorPicker li { list-style-type: none; display: inline-block; margin-right: 3px; vertical-align: middle; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.colorPicker li a { display: block; width: 22px; height: 22px; background: #F1F1F1; overflow: hidden; border: 2px solid #E4E4E4; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.colorPicker li a:hover { border: 2px solid #000; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.colorPicker li a.active { border: 2px solid #000; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.colorPicker li .sep { width: 1px; height: 26px; margin: 0 17px; background: #E4E4E4; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.colorPicker li span { font-size: 12px; font-weight: 600; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.colorPicker li input { width: 54px; height: 22px; text-align: center; font-size: 11px; font-weight: 600; color: #333; background: #FFF; border: 1px solid #E4E4E4; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer ul.colorPicker li input:focus { outline: none; border: 1px solid #CCC; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer .options { display: inline-block; width: 96%; padding: 4px 1%; height: 20px; background: #F9F9F9; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; margin-top: 15px; margin-bottom: 40px; border: 1px solid #EAEAEA; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer .options label { display: inline-block; font-size: 11px; font-weight: 600; padding: 3px 0; width: 100%; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer .options label input { margin: -1px 5px 0 10px; vertical-align: middle; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer textarea { width: 95%; font-size: 11px; color: #666; font-weight: 400; height: 63px; border: 1px solid #eaeaea; background: #F9F9F9; padding: 5px 0 5px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; overflow: hidden; }

#radioProfileBottom #radioProfileShare .shareTools .configPlayer textarea:focus { outline: none; border: 1px solid #CCC; }

/* -- artist page */
#radioProfileTop #radioProfileInfo .radioDetails p.artistDesc { font-size: 13px; line-height: 18px; color: #1f1f1f; text-align: left; padding-top: 25px; display: block; min-height: 50px; max-height: 165px; overflow: hidden; }
#radioProfileTop #radioProfileInfo .radioDetails div.artistDesc { font-size: 13px; line-height: 18px; color: #1f1f1f; text-align: justify; padding-right:10px; margin-top: 25px; display: block; min-height: 50px; max-height: 200px; overflow-x: hidden; overflow-y:scroll; }


#radioProfileBottom #radioProfileArtist { display: inline-block; vertical-align: top; margin: 50px 0; width: 455px; }

#radioProfileBottom #radioProfileArtist h3 { font-size: 14px; margin-bottom: 20px; }

#radioProfileBottom #radioProfileArtist p, #radioProfileBottom #radioProfileAlbum p { font-size: 13px; }

#radioProfileBottom #radioProfileArtist .browseRadioWrap { position: relative; float: left; width: 375px; height: 75px; margin: 0 2% 2% 0; background: #f3f3f3; border-bottom: 2px solid #0089cb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; overflow: hidden; }

#radioProfileBottom #radioProfileArtist .browseRadioWrap:hover { background: #eeeded; }

#radioProfileBottom #radioProfileArtist .browseRadioWrap img.radioCover { position: absolute; display: inline-block; vertical-align: top; top: 0; left: 0; z-index: 1; -webkit-border-radius: 2px 0 0 0; -moz-border-radius: 2px 0 0 0; -ms-border-radius: 2px 0 0 0; border-radius: 2px 0 0 0; }

#radioProfileBottom #radioProfileArtist .browseRadioWrap img.radioActionsFav { position: absolute; display: inline-block; vertical-align: top; top: 0; left: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 9; }

#radioProfileBottom #radioProfileArtist .browseRadioWrap a { position: absolute; display: block; width: 73px; height: 73px; z-index: 99; }

#radioProfileBottom #radioProfileArtist .browseRadioWrap a:hover .radioActionsFav { visibility: visible; opacity: 1; }

#radioProfileBottom #radioProfileArtist .browseRadioWrap .radioInfo { position: absolute; display: inline-block; vertical-align: top; top: 0; left: 73px; padding-left: 17px; width: 282px; height: 73px; cursor: pointer; }

#radioProfileBottom #radioProfileArtist.deployed .browseRadioWrap .radioInfo { width: 232px; }

#radioProfileBottom #radioProfileArtist .browseRadioWrap .radioInfo p.radioName { font-size: 14px; font-weight: 600; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 80%; height: 15px; }

#radioProfileBottom #radioProfileArtist .browseRadioWrap .radioInfo p.nowPlaying { font-size: 12px; font-weight: 400; margin-top: 8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 80%; height: 13px; }

#radioProfileBottom #radioProfileArtist .browseRadioWrap .radioInfo .radioRating { width: auto; height: 16px; margin-top: 5px; }

#radioProfileBottom #radioProfileArtist .browseRadioWrap .radioInfo .radioRating a.addToFav { display: inline-block; margin-left: 10px; height: 13px; width: auto; border-left: 1px solid #ccc; padding: 2px 5px 2px 10px; font-size: 9px; text-decoration: none; }

#radioProfileBottom #radioProfileArtist .browseRadioWrap .radioPlay { position: absolute; display: inline-block; vertical-align: top; right: 0; width: 73px; height: 73px; }

#radioProfileBottom #radioProfileArtist .browseRadioWrap .radioPlay .radioPlayBtn { width: 36px; height: 36px; opacity: 0.75; margin: 0 auto; margin-top: 19px; background: #424242 url("../images/icons/icon-browsePlay.png") center center no-repeat; background-size: 42px 42px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; cursor: pointer; }

#radioProfileBottom #radioProfileArtist .browseRadioWrap .radioPlay .radioPlayBtn:hover { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

#radioProfileBottom #radioProfileArtist .browseRadioWrap .radioPlay .radioPlayBtn.StopBtn { background: #424242 url("../images/icons/icon-browseStop.png") center center no-repeat; background-size: 42px 42px; }

#radioProfileBottom #radioProfileArtist .browseRadioWrap .radioPlay .radioPlayBtn.StopBtn:hover { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

#radioProfileBottom #radioProfileAlbum { display: inline-block; vertical-align: top; margin: 50px 0; width: 355px; }

#radioProfileBottom #radioProfileAlbum h3 { font-size: 14px; margin-bottom: 20px; }

#radioProfileBottom #radioProfileTracks { display: inline-block; vertical-align: top; margin: 50px 0; width: 290px; }

#radioProfileBottom #radioProfileTracks h3 { font-size: 14px; margin-bottom: 20px; }

#radioProfileBottom #radioProfileTracks .tracklist { width: 300px; height: 35px; border-top: 1px solid #ddd; background: #FFF; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#radioProfileBottom #radioProfileTracks .tracklist:hover { background: #F8F8F8; }

#radioProfileBottom #radioProfileTracks .tracklist img { display: inline-block; vertical-align: top; margin-top: 5px; }

#radioProfileBottom #radioProfileTracks .tracklist .tracklistInfo { display: inline-block; vertical-align: top; margin: 7px 0 0 15px; }

#radioProfileBottom #radioProfileTracks .tracklist .tracklistInfo p.track { display: inline-block; vertical-align: top; width: 200px; padding: 4px 0; font-size: 13px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

#radioProfileBottom #radioProfileTracks .tracklist .tracklistInfo p.count { display: inline-block; vertical-align: top; padding-top: 4px; padding-left: 5px; font-size: 14px; font-weight: 700; text-align: right; width: 35px; }

#radioProfileBottom #radioProfileTracks .tracklist:last-child { border-bottom: 1px solid #ddd; }

#create .createBanner { width: 100%; height: 320px; border-bottom: 0px solid #0089cb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#create .createBanner h1 { font-size: 36px; font-weight: 700; color: white; padding: 7px 0; padding-top: 130px; text-align: center; }

#create .createBanner h2 { font-size: 36px; font-weight: 700; color: white; padding: 7px 0; padding-top: 130px; text-align: center; }

#create .createBanner h3 { font-size: 22px; font-weight: 400; color: white; text-align: center; }

#create .createContent { position: relative; margin: 0 auto; margin-top: 30px; padding-bottom: 60px; width: 1050px; height: auto; }

#create .createContent .sep { position: relative; margin: 0 auto; margin-top: 30px; margin-bottom: 80px; width: 70%; height: 1px; background: #DDD; }

#create .createContent p.title { font-size: 16px; font-weight: 700; color: #424242; padding-bottom: 20px; }

#create .createContent p.sub { font-size: 14px; font-weight: 600; color: #0089cb; padding-bottom: 15px; }

#create .createContent p.sub:before { content: ''; background-image: url("../images/icons/icon-createArrowBlue.png"); background-size: 11px 11px; background-repeat: no-repeat; position: relative; padding: 0 18px 0 0; top: 3.5px; }

#create .createContent p.info { font-size: 13px; font-weight: 400; color: #424242; line-height: 18px; padding-bottom: 20px; width: 200px; }

#create .createContent p.info.long { width: auto; }

#create .createContent p a, #create .createContent ul a { text-decoration: none; color: #0089cb; font-weight: 600; }

#create .createContent p a:hover, #create .createContent ul a:hover { text-decoration: underline; }

#create .createContent .introWrap { width: 80%; margin: 0 auto; padding-top: 10px; padding-bottom: 20px; }

#create .createContent .quickSteps { display: block; vertical-align: top; width: auto; margin: 0 auto; }

#create .createContent .quickSteps ul { list-style-type: none; border: 0 solid #ccc; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

#create .createContent .quickSteps ul li { display: inline-block; width: auto; padding: 0 30px; line-height: 55px; padding-left: 15px; font-size: 14px; font-weight: 700; color: #424242; }

#create .createContent .quickSteps ul li:before { content: '2'; background: #0089cb; color: white; padding: 2px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; margin-right: 16px; font-weight: 600; }

#create .createContent .quickSteps ul li:first-child:before { content: '1'; }

#create .createContent .quickSteps ul li:last-child:before { content: '3'; }

#create .createContent .intro { display: block; vertical-align: top; width: 700px; margin: 0 auto; padding-top: 30px; }

#create .createContent .intro p.info { width: auto; font-size: 14px; line-height: 26px; text-align: justify; }

#create .createContent .services { padding-bottom: 10px; }

#create .createContent .services > p.title { padding-bottom: 20px; }

/*#create .createContent .services > p.title:before { content: ''; position: absolute; margin: -18px 0 0 0; background: $color-black; height: 5px; width: 50px; }*/
#create .createContent .services > p.info { width: 100%; padding-bottom: 50px; }

#create .createContent .services .block { display: inline-block; vertical-align: top; width: 49.5%; margin-bottom: 20px; }

#create .createContent .services .block img { display: inline-block; vertical-align: top; background: #F8F8F8; }

#create .createContent .services .block .desc { display: inline-block; vertical-align: top; padding-left: 15px; width: 70%; }

#create .createContent .services .block .desc p.title { width: auto; font-size: 14px; padding-bottom: 10px; padding-top: 10px; }

#create .createContent .services .block .desc p.info { width: auto; font-size: 12px; }

#create .createContent .help { width: 100%; padding-bottom: 60px; }

/*#create .createContent .help > p.title:before { content: ''; position: absolute; margin: -18px 0 0 0; background: $color-black; height: 5px; width: 50px; }*/
#create .createContent .help > p.info { width: 100%; padding-bottom: 30px; }

#create .createContent .help .block { display: inline-block; vertical-align: top; width: 49.5%; margin-bottom: 20px; }

#create .createContent .help .block img { display: inline-block; vertical-align: top; background: #F8F8F8; }

#create .createContent .help .block .desc { display: inline-block; vertical-align: top; padding-left: 15px; width: 70%; }

#create .createContent .help .block .desc p.title { width: auto; font-size: 14px; padding-bottom: 10px; padding-top: 10px; }

#create .createContent .help .block .desc p.info { width: auto; font-size: 12px; padding-bottom: 15px; }

#create .createContent .help .block .desc a.link { display: block; width: 100px; padding: 10px 10px; font-size: 12px; font-weight: 600; background: #424242; color: white; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-decoration: none; }

#create .createContent .help .block .desc a.link:hover { background: #626262; cursor: pointer; }

#create .createContent a#goRegister { display: block; padding: 13px 10px; width: 200px; margin: 0 auto; margin-bottom: 80px; background: #0089cb; color: white; font-size: 14px; font-weight: 600; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; text-decoration: none; background: #0089cb; background: -moz-linear-gradient(top, #0089cb 0%, #00a2ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089cb), color-stop(100%, #00a2ef)); background: -webkit-linear-gradient(top, #0089cb 0%, #00a2ef 100%); background: -o-linear-gradient(top, #0089cb 0%, #00a2ef 100%); background: -ms-linear-gradient(top, #0089cb 0%, #00a2ef 100%); background: linear-gradient(to bottom, #0089cb 0%, #00a2ef 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089cb', endColorstr='#00a2ef',GradientType=0 ); }

#create .createContent a#goRegister:hover { background: #0089cb; background: -moz-linear-gradient(top, #0089cb 0%, #00a2ef 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089cb), color-stop(70%, #00a2ef)); background: -webkit-linear-gradient(top, #0089cb 0%, #00a2ef 70%); background: -o-linear-gradient(top, #0089cb 0%, #00a2ef 70%); background: -ms-linear-gradient(top, #0089cb 0%, #00a2ef 70%); background: linear-gradient(to bottom, #0089cb 0%, #00a2ef 70%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089cb', endColorstr='#00a2ef',GradientType=0 ); cursor: pointer; }

#create .createContent a#goRegister:last-child { margin-bottom: 0; }

#marketing .createBanner { width: 100%; height: 400px; background: url("../images/marketing/marketing01.jpg") center center no-repeat; border-bottom: 0px solid #0089cb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#marketing .createBanner h2 { font-size: 44px; font-weight: 700; color: white; padding: 7px 0; padding-top: 260px; margin-left: 0; text-align: center; text-shadow: 0 0 15px rgba(0, 0, 0, 0.4); }

#marketing .createBanner h3 { font-size: 26px; font-weight: 400; color: white; margin-left: 0; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }

#marketing .radioPlay { position: absolute; left: 50%; margin-left: -50px; top: 90px; }

#marketing .radioPlay .radioPlayBtn { width: 100px; height: 100px; opacity: 0.9; margin: 0 auto; margin-top: 19px; background: #424242 url("../images/icons/icon-browsePlayBig.png") center center no-repeat; background-size: 42px 42px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; cursor: pointer; }

#marketing .radioPlay .radioPlayBtn:hover { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

#marketing .radioPlay .radioPlayBtn.StopBtn { background: #424242 url("../images/icons/icon-browseStopBig.png") center center no-repeat; background-size: 42px 42px; }

#marketing .radioPlay .radioPlayBtn.StopBtn:hover { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

#marketing .marketingContent { position: relative; margin: 0 auto; margin-top: 30px; padding-bottom: 60px; width: 900px; height: auto; }

#sonos .banner { width: 100%; height: 400px; background: url("../images/sonos/bannerSonos.jpg") center center no-repeat; border-bottom: 0px solid #0089cb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }

#sonos .banner a { position: relative; top: 340px; }

#sonos .content { position: relative; margin: 0 auto; margin-top: 60px; padding-bottom: 60px; width: 900px; height: auto; }

#sonos .inline { display: inline-block; vertical-align: top; width: 350px; font-size: 15px; line-height: 19px; }

#sonos .inline ul { list-style-image: url("../images/icons/icon-arrowBlackSmall.png"); }

#sonos .inline ul li { padding: 6px 0; font-weight: 400; }

#sonos .inline:first-child { margin-right: 150px; }

#sonos .inline a.btnBlue { margin-top: 50px; padding: 9px 12px; font-size: 0.825em; font-weight: 600; color: white; text-decoration: none; background: #0089cb; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0 none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#sonos .inline a.btnBlue:active { background: #0090d5; }




.radioDetails{
	position:relative;
}
.radioDetails .social{
	position:absolute;
	top:3px;
	right:0;
}
.radioDetails .social a{
	background-image: url(https://s3.amazonaws.com/f.cl.ly/items/1e0B0p0J2s410l28180U/social-sprite.png);
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 0px;
    background-size: 120px 60px;
    vertical-align: top;
}
.radioDetails .social a:hover{
	background-position:0 30px;
}
  
  
.radioDetails .social .twitter{
	background-position: -30px 0;
}
.radioDetails .social .youtube{
	background-position: -60px 0;
}
.radioDetails .social .website{
	background-position: -90px 0;
}
  .radioDetails .social .twitter:hover{
	background-position: -30px -30px;
}
.radioDetails .social .youtube:hover{
	background-position: -60px -30px;
}
.radioDetails .social .website:hover{
	background-position: -90px -30px;
}



#jp_container_1 .concert{
	display: inline-block;
    float: right;
}
#jp_container_1 .concert a{
    padding: 1.06em;
    display: block;
    color: #FFF;
    text-decoration: none;
    background-color: #0089CB;
}