body { background: none; }

       #parallax1 {
  position: relative;
  overflow: hidden;
  height: 500px;
}

       #parallax2 {
  position: relative;
  overflow: hidden;
  height: 480px;
}

       #parallax3 {
  position: relative;
  overflow: hidden;
  height: 580px;
}

  .parallaxParent {
    height: 100vh;
    overflow: hidden;
  }
  .parallaxParent > * {
    height: 200%;
    position: relative;
    top: -100%;
  }
  .open-content {
}

#parallax1 > div, #parallax2 > div, #parallax3 > div {
  position: relative;
  height: 200%;
  -webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;
}


#main .sxm-bootstrap body,#main .sxm-bootstrap h1,#main .sxm-bootstrap h2,#main .sxm-bootstrap h3,#main .sxm-bootstrap h4,#main .sxm-bootstrap h5,#main .sxm-bootstrap h6,#main .sxm-bootstrap p,#main .sxm-bootstrap li,#main .sxm-bootstrap label {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
}

#main .sxm-bootstrap p {
	font-size: 16px;
	line-height: 22px;
}

#main .sxm-bootstrap a { font-weight: 700 }

#main .sxm-bootstrap .container-fluid { padding: 0 }

#main .sxm-bootstrap .btn-primary-white {
	color: #FFF;
	background: transparent;
	border: 1px solid #FFF;
}
#main .sxm-bootstrap .btn-primary-white:hover,
#main .sxm-bootstrap .btn-primary-white:focus {	
	border: 1px solid #FFF;
}

/*
.sxm-bootstrap .btn-primary-blue {
	border: 1px solid #FFF;
}
.sxm-bootstrap .btn-primary-blue:hover,
.sxm-bootstrap .btn-primary-blue:focus { border: none }
*/

section { position: relative }

section > p { margin-bottom: 20px }

section.lifestyle { background-color: #f0f0f0 }

section.lifestyle .caption-mount {
  max-width: 1500px;
  position: relative;
  margin: 0 auto;
}

section.lifestyle .caption { position: absolute }

div.lifestyle .caption h1 {
	font-weight: 400;
	margin-bottom: 36px;
	font-size: 28px;
	color: #FFF;
}

div.lifestyle .caption .radio-display {
	padding-left: 90px;
	background: no-repeat left top transparent;
}
div.lifestyle .caption .now-playing {
	text-transform: uppercase;
	font-size: 18px;	
	letter-spacing: 0.1em;
	color: #FFF;
}
div.lifestyle .song-title {
	font-family: "VT323";
	font-size: 30px;
	margin-bottom: 5px;
	color: #FFF;
}
div.lifestyle .song-artist {
	font-size:	16px;
	font-weight: 700;
	margin-bottom: 0;
	text-transform: uppercase;
	color: #FFF;
}
div.lifestyle .channel-number { color:#FFF }

/* */

#internet-radio-main { background-color: #FFFFFF }

#internet-radio-main .down-button {
/* 	background: url(/wo/i/internet-radio/img/v2/ico-down-arrow.png) no-repeat center center; */
	height:	38px;
	width:	38px;
	position: absolute;;
	bottom: -20px;
	right: 50%;
	z-index: 999;
	text-indent: -999px;
	display: block;
}

/* hero/header */

#internet-radio-header { padding: 62px 0 60px }

#internet-radio-header h1 { position: relative; }

#internet-radio-header p { margin-bottom: 20px }

@media (min-width: 792px) {

	#internet-radio-header h1 {
		text-align:right;
		width: 630px;
		margin: 0 auto 50px;
		font-weight: 300;
		font-size: 48px;
		line-height: 76px;
		background: url(/wo/i/internet-radio/img/v2/header-icon.png) no-repeat left top transparent;
	}

	#internet-radio-header p {
		width: 692px;
		margin: 0 auto;
		font-weight: 300;
	}
}

#internet-radio-header a.btn {
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	display: block;
	padding-top: 30px;
}

#hero-middle {
	position: relative;
	width:10px;
	background-color:#efefef;
	margin: 0 auto;
	overflow: visible;
}

#barn-doors {
	position: relative;
	height: 500px;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
}
#barn-door-left {
	background: url(/wo/i/internet-radio/img/v2/keyart_barn-door_left.jpg) no-repeat top left transparent;
	position: absolute;
	width: 655px;
	height: 492px;
	right: 7px;
	top: 0;
}
#barn-door-right {
	background: url(/wo/i/internet-radio/img/v2/keyart_barn-door_right.jpg) no-repeat top left transparent;
	position: absolute;
	width: 655px;
	height: 492px;
	top: 0;
	left: 7px;
}
#nexus5 {
	background: url(/wo/i/internet-radio/img/v2/nexus5.jpg) no-repeat top left transparent;
	width: 248px;
	height: 502px;
	position: absolute;
	top: 0;
	right: -121px;
}

#internet-radio-header .app-icons {
	background: url(/wo/i/internet-radio/img/v2/top-app-buttons-v2.png) no-repeat left top #FFF;
	width: 485px;
	height: 34px;
	margin: 30px auto 0;
}

#internet-radio-header .app-icons li {
	width: 113px;
	float: left;
	height: 34px;	
	margin-right: 10px;
}
#internet-radio-header .app-icons li:last-child { margin-right: 0 }

#internet-radio-header .app-icons li a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}

/* lifestyle - runner*/

#internet-radio-hit-the-trail {
background: url(/wo/i/internet-radio/img/v2/lifestyle_hit-the-trail-v3.jpg) no-repeat center center #0000c3;
    background-size: cover;
/*	height: 662px;*/
position:relative;
	margin: 0 auto;
}
#internet-radio-hit-the-trail .caption-mount {
  max-width: 1300px;
  position: relative;
  margin: 0 auto;
}
#internet-radio-hit-the-trail .caption {
	position:absolute;
	top: 340px;
	right: 70px;
	color: #FFFFFF;
}

#internet-radio-hit-the-trail .radio-display {
	background: url(/wo/i/internet-radio/img/v2/logo-electric-area.png) top left no-repeat;
	padding-top: 3px;
}

/* ondemand, mysxm */


#internet-radio-personalize h1,
#internet-radio-personalize p { text-align: center }

#internet-radio-personalize h1 {	
	font-size: 48px;
	line-height: 56px;
	margin-bottom: 32px;
}
#internet-radio-personalize .col-left p { 
	width: 510px;
	margin-bottom: 20px;
}

#internet-radio-personalize .col-wrapper {
	width: 980px;
	margin: 0 auto;
}

#internet-radio-personalize .col-left { float:left }

#internet-radio-personalize .col-right {
	float:right;
	padding-top: 10px;
}
#internet-radio-personalize .btn-link {
	display: block;
	font-weight: 700;
	padding-right: 30px;
	width: 200px;
	margin: 20px auto 0;
	margin-top: 20px;
	font-size: 16px;
}

#internet-radio-personalize .btn-link .right-arrow {
	background: url(/wo/i/internet-radio/img/v2/ico-right-arrow.jpg) no-repeat right center transparent;
	padding: 3px 16px;
}

#internet-radio-personalize > p {
	width: 686px;
	margin: 0 auto;
}


#internet-radio-personalize h1,
#internet-radio-personalize p { text-align: center }

#internet-radio-personalize h1 {	
	font-size: 48px;
	line-height: 56px;
	margin-bottom: 32px;
}
#internet-radio-personalize .col-left p { 
	width: 510px;
	margin-bottom: 20px;
}

#internet-radio-personalize .col-wrapper {
	width: 980px;
	margin: 0 auto;
}

#internet-radio-personalize .col-left { float:left }

#internet-radio-personalize .col-right {
	float:right;
	padding-top: 10px;
}
#internet-radio-personalize .btn-link {
	display: block;
	font-weight: 700;
	padding-right: 30px;
	width: 200px;
	margin: 20px auto 0;
	margin-top: 20px;
	font-size: 16px;
}

#internet-radio-personalize .btn-link .right-arrow {
	background: url(/wo/i/internet-radio/img/v2/ico-right-arrow.jpg) no-repeat right center transparent;
	padding: 3px 16px;
}

#internet-radio-personalize > p {
	width: 686px;
	margin: 0 auto;
}


#internet-radio-personalize { padding: 64px 0 }
#internet-radio-additional { padding: 0 }

#internet-radio-additional h1,
#internet-radio-additional p { text-align: center }

#internet-radio-additional h1 {	
	font-size: 48px;
	line-height: 56px;
	margin-bottom: 32px;
}
#internet-radio-additional .col-left p { 
	width: 510px;
	margin-bottom: 20px;
}

#internet-radio-additional .col-wrapper {
	width: 980px;
	margin: 0 auto;
}

#internet-radio-additional .col-left { float:left }

#internet-radio-additional .col-right {
	float:right;
	padding-top: 10px;
}
#internet-radio-additional .btn-link {
	display: block;
	font-weight: 700;
	padding-right: 30px;
	width: 200px;
	margin: 20px auto 0;
	margin-top: 20px;
	font-size: 16px;
}

#internet-radio-additional .btn-link .right-arrow {
	background: url(/wo/i/internet-radio/img/v2/ico-right-arrow.jpg) no-repeat right center transparent;
	padding: 3px 16px;
}

#internet-radio-additional > p {
	width: 686px;
	margin: 0 auto;
}




#mysxm-device {
	width: 418px;
	height: 323px;
	background: url(/wo/i/internet-radio/img/v2/mysxm-device.jpg) no-repeat top left transparent;
}

#mix-it-up {
	margin-bottom: 20px;
	width: 474px;
	margin-left: 15px;
}

#mix-it-up h1 {
	float: left;
	line-height: 128px;
	margin: 0;
	font-size: 38px;
}

#mysxm-slider {
	background: url(/wo/i/internet-radio/img/v2/mysxm-slider.png) no-repeat top left transparent;
	width: 471px;
	height: 88px;
	margin: 50px 0 50px 15px;
}
#mysxm-logo {
	float: left;
	height: 138px;
	width: 178px;
	margin: 0;
	margin-left: 12px;
	background: url(/wo/i/internet-radio/img/v2/logo-mysxm.png) no-repeat top left transparent;
}


#waves-rule {
	width: 100%;
	height: 53px;
	background: url(/wo/i/internet-radio/img/v2/hr-waves.png) no-repeat top center transparent;
	margin: 60px auto; 
}

#schedule-graphic {
	width: 100%;
	height: 101px;
	background: url(/wo/i/internet-radio/img/v2/ondemand-clocks.png) no-repeat center top transparent;
}

#ondemand-keyart-strip {
	width: 100%;
	height: 309px;
	background: url(/wo/i/internet-radio/img/v2/ondemand-keyart-strip.jpg) no-repeat center top transparent;
}


#additional-features {
	background-color: #F2F2F2;
	padding: 40px 0 60px;
	border-top: 1px solid #e0e0e0;
/*	margin-top: 60px;*/
}
#additional-features .clearfix {
	width: 980px;
	margin: 30px auto 0;
}
#additional-features ul {
	width: 480px;
	float: left;
}
#additional-features ul li {
	padding-left: 60px;
	padding-bottom: 30px;
	
}
#additional-features ul li .icon {
	background: url(/wo/i/internet-radio/img/v2/feature-icons.png) no-repeat left top transparent;
	text-indent: -9999px;
	float:left;
	width: 62px;
	height: 62px;
}
#additional-features ul li.feature-search .icon { background-position: 0 -62px; }
#additional-features ul li.feature-browse .icon { background-position: 0 -124px; }
#additional-features ul li.feature-favorites .icon { background-position: 0 -186px; }
#additional-features ul li.feature-share .icon { background-position: 0 -248px; }
#additional-features ul li.feature-notifications .icon { background-position: 0 -310px; }

#additional-features ul li h3,
#additional-features ul li p {
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	margin: 0;
	padding: 0;
	padding-left: 80px;
}

#main #additional-features ul li h3 { font-weight: 700 }

#additional-features ul li p { font-weight: 300 }
	
/* lifestyle - shaggy brunette */
#internet-radio-lose-yourself .caption-mount {
  max-width: 1300px;
  position: relative;
  margin: 0 auto;
}


#internet-radio-lose-yourself {
	background: url(/wo/i/internet-radio/img/v2/lifestyle_lose-yourself-v3.jpg) no-repeat center center #016200;
	background-size: cover;
	height: 618px;
	margin: 0 auto;
}

#internet-radio-lose-yourself .caption {
	position:absolute;
	top: 435px;
	left: 12%;	
	color: #FFFFFF;
}

#internet-radio-lose-yourself .radio-display {
	background: url(/wo/i/internet-radio/img/v2/logo-xmu.png) no-repeat left 3px transparent;
	padding-left: 100px;
}

/* more channels */

#internet-radio-more-channels {
	background: url(/wo/i/internet-radio/img/v2/more-channels.jpg) no-repeat center 100px transparent;
	padding-top: 540px;
}

#internet-radio-more-channels p { text-align: center }

#internet-radio-more-channels .disclosure {
	font-size: 12px;
	/*color: #8F8F8F;*/
	text-align: left;
	padding-left: 10%;
	padding-bottom: 30px;
}
#internet-radio-more-channels .btn-link {
	display: block;
	font-weight: 700;
	font-size: 16px;
}

/* listen virtually anywhere! not the moon, dumb question */

#listen-anywhere {
	background-color: #F2F2F2;
	padding: 40px 0;
	border-top: 1px solid #e0e0e0;
	margin-top: 60px;
}

#listen-anywhere h1 {
	text-align: center;
	font-size: 48px;
	line-height: 56px;
	margin-bottom: 60px;
}

#listen-anywhere p.note { font-size: 12px }

#listen-anywhere ul.app-buttons {
	height: 66px;
	margin: 0;
	width: 1220px;
	margin: 0 auto 50px;
}

#listen-anywhere ul.app-buttons li {
	width: 224px;
	height: 68px;
	text-indent: -9999px;
	margin-right: 25px;
	float: left;
	background: url(/wo/i/internet-radio/img/v2/appstore-buttons.png) no-repeat 0 0 transparent;
}

#listen-anywhere ul.app-buttons .desktop { background-position: 0 0 }
#listen-anywhere ul.app-buttons .apple { background-position: -224px 0 }
#listen-anywhere ul.app-buttons .google { background-position: -448px 0 }
#listen-anywhere ul.app-buttons .amazon { background-position: -672px 0 }
#listen-anywhere ul.app-buttons .windows { background-position: -897px 0 }

#listen-anywhere ul.app-buttons li a {
	width: 100%;
	height: 100%;
	display: block;
}

#listen-anywhere ul.hardware {
	height: 140px;
	width: 790px;
	position: relative;
	margin: 0 auto;
}
#listen-anywhere ul.hardware li.hardware-item {
	background: url(/wo/i/internet-radio/img/v2/hardware.png) no-repeat left top transparent;
    float: left;
    text-align: center;
    overflow: hidden;
    width: 180px;
    height: 100%;
    margin-right: 30px;
	width: 175px;
}
#listen-anywhere ul.hardware li.hardware-item a:hover {
	cursor:pointer;
}
#listen-anywhere ul.hardware li.hardware-item a:focus {
	outline:none;
}
#listen-anywhere ul.app-buttons li:last-child,
#listen-anywhere ul.hardware li:last-child { margin-right: 0 }

#listen-anywhere ul.hardware li.smart-tvs { background-position: 22px 0 }
#listen-anywhere ul.hardware li.media-players { background-position: -164px 0 }
#listen-anywhere ul.hardware li.home-audio { background-position: -374px 0 }
#listen-anywhere ul.hardware li.custom-audio { background-position: -572px 0 }

#listen-anywhere ul.hardware li .details {
    font-size: 16px;
    padding-top: 102px;
}

.device-overlay { padding: 20px }

.device-overlay li {
	white-space: nowrap;
	line-height: 22px;
}


.sxm-bootstrap .popover.top {
    margin-top: -15px;
}


.sxm-bootstrap .popover.left {
    margin-left: -15px;
}


.sxm-bootstrap .popover {
    color: #fff;
    background: #094782;
    position: absolute;
    z-index: 9999;
    padding: 5px 0;
    font-family: Roboto, Arial, sans-serif;
    border: 0;
    -moz-box-shadow: 2px 2px 6px rgba(104, 104, 104, 0.65);
    -webkit-box-shadow: 2px 2px 6px rgba(104, 104, 104, 0.65);
    box-shadow: 2px 2px 6px rgba(104, 104, 104, 0.65);
    border-radius:0;
    width:100%;
    max-width:250px;

}

.sxm-bootstrap .popover-title, .sxm-bootstrap .popover-content {
    background: #094782;
    border-bottom: 0;

}   

.sxm-bootstrap .popover-title {
    padding-bottom:0;
    font-weight:700;
}

.sxm-bootstrap .popover .popover-content {
    padding-top: 5px;
}

.sxm-bootstrap .popover .popover-content p, .sxm-bootstrap .form-layout.form-layout__intro-panel .popover .popover-content p {
    text-align: left;
    font-size: 14px;
    line-height:1.35em;
}

.sxm-bootstrap .popover .popover-content ul {
    /*padding-left: 20px;*/
    padding-top:10px;
}

.sxm-bootstrap .popover .popover-content ul li {
    font-size: 14px;
}

.sxm-bootstrap .popover-content a {
    color:#FFF;
    text-decoration: underline;
    font-weight: 700;

}

.sxm-bootstrap .popover.top > .arrow {
    border-top-color: #094782;
}

.sxm-bootstrap .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #094782;
}


/* */
#internet-radio-ultimate-listening .caption-mount {
  max-width: 1300px;
  position: relative;
  margin: 0 auto;
}


#internet-radio-ultimate-listening {
	background: url(/wo/i/internet-radio/img/v2/lifestyle_ultimate-experience-v3.jpg)	no-repeat top center #2104AE;
	background-size: cover;
	height: 820px;
	margin: 0 auto;
}

#internet-radio-ultimate-listening .caption {
	position:absolute;
	top: 260px;
	right: 14%;
}

#internet-radio-ultimate-listening .radio-display {
	background: url(/wo/i/internet-radio/img/v2/logo-hits1.png) no-repeat left 3px transparent;
	padding-left: 134px;
	height: 62px;
}

/* */


#cta-wrapper {
	position: relative;
/*	top: 653px;*/
	background-color: rgba(0,0,0,1);
	padding: 50px 0;
}
#cta {
	width: 336px;
	margin: 0 auto;
}
#left-button {
	float: left;
	margin-right: 20px;
}
#cta .btn-lg { width: 336px }

/* */

.neg-op {
  border-top: 1px solid #dddddd;
  color: #032a3c;
  font-size: 16px;
  font-weight: 700;
  margin: 0 auto;
  padding: 20px 15px 0;
  text-align: center;
}

/* */
.legal.offer-details {
	font-size: 12px;
	font-family: Roboto, Arial, sans-serif;
	margin: 50px 50px 0;
}


/* */

#sxmcorporatefooter { border: none}