/*---------------------------------------------------------------------------
  GLOBAL SETTINGS
---------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
   /*  -webkit-user-select: none;                  prevent copy paste, to allow, change 'none' to 'text' */

   font-family: 'Avenir-Book', 'Avenir Next', 'Avenir', 'Helvetica Neue', Helvetica,  Arial, sans-serif;
  font-size: 10px;
  font-weight: 300;
  background-color: transparent;
}

a {
  outline: none;
  color: #00aeef;
  text-decoration: underline;
  -webkit-font-smoothing: subpixel-antialiased;
}

a.sectionAnchor {
  top: -20%;
  position: absolute;
}


h1 {
	color: #224099;
    font-size: 4vw;
	font-size: 6em;
    font-weight: 100;
    margin: 0;
    padding: 0;
    position: relative;
}

h2 {
  font-size: 4.6em;
  font-size: 2.2vw;
  font-weight: 100;
  letter-spacing: 0.01em;
  margin: 0;
  padding: 0;
  position: relative;
  color: #555;
}

h3 {
  font-size: 3.6em;
  font-size: 1.5vw;
  font-weight: 100;
  letter-spacing: 0.01em;
  margin: .6em 0 0 0;
  padding: 0;
  position: relative;
  color: #00adee;
}

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

small {
	font-size: 1.3em;
}


.btn {
   font-family: 'Avenir-Book', 'Avenir Next', 'Avenir', 'Helvetica Neue', Helvetica,  Arial, sans-serif;
  font-weight: 100;
  font-size: 2.8em;
  font-size: 1.4vw;
  line-height: 1;
  letter-spacing: 0.01em;
  font-weight: normal;
  color: #00aeef;
  border: 2px solid #00aeef;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  padding:0.5em 1em;
  display: inline-block;
}


.wrapper {
    margin: 0 auto;
    max-width: 86%;
    padding: 0 7% 1.5%;
    position: relative;
}

.mbl {
  display: none;
}

.fl { float:left;
}

.fr { flaot:right;
}



.columnRow ul,
.columnRow li {
    padding-left: 3%;
}

/*---------------------------------------------------------------------------
  LOGO BAR
---------------------------------------------------------------------------*/

#topBarContainer {
  position: fixed;
  top: 0;
  left: 0;
  height: 75px;
  width: 100%;
  z-index: 10000;
  background: #224099;
  border-bottom: 1px solid #658fa8;
}



#pandoraLogo {
  background-image: url(//www.pandora.com/static/programs/everywhere/_img/pandoraLogo2.png);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  height: 40%;
  margin-left: 3%;
  position: absolute;
  top: 22px;
  width: 11%;
  z-index: 3000;
}

#topBarBtns {
  position: fixed;
  right: 4%;
  top: 25px;
  z-index: 1000;
}

#topBarBtns a {

	color: #00adee;
    font-size: 19px;
    text-decoration: none;


}

#topBarBtns .btn {
  color: #00adef;
  border: 2px solid #00adef;
  display: inline-block;
  width: auto;
  font-size: 1.65em;
  padding: 12px 0px 13px;
  margin: 0 0 0 15px;
  min-width: 116px;
}

#topBarBtns .btn:hover {
  color: #ffffff;
  border: 2px solid #ffffff;
}

/*---------------------------------------------------------------------------
  NAV BAR
---------------------------------------------------------------------------*/
#mbl_menuIcon {
  display: none;
}

#navBarContainer::before, #navBarContainer::after {
  content:"";
  height: 1px;
  background-image: -webkit-gradient(linear, 100% 0, 0 0, from(rgba(169,223,248,1)), to(rgba(0,166,231,1)), color-stop(0.45, rgba(148,216,246,1)), color-stop(0.55, rgba(148,216,246,1)));
  background-image: -webkit-linear-gradient(rgba(169,223,248,1) 0%, rgba(148,216,246,1) 45%, rgba(148,216,246,1) 55%, rgba(0,166,231,1) 100%);
  background-image:
    -moz-linear-gradient(rgba(148,216,246,1) 0%, rgba(0,166,231,1) 45%, rgba(0,166,231,1) 55%, rgba(169,223,248,1) 100%);
  background-image:
    -o-linear-gradient(rgba(148,216,246,1) 0%, rgba(0,166,231,1) 45%, rgba(0,166,231,1) 55%, rgba(169,223,248,1) 100%);
  background-image:
    linear-gradient(to right, rgba(148,216,246,1) 0%, rgba(0,166,231,1) 45%, rgba(0,166,231,1) 55%, rgba(169,223,248,1) 100%);
  -moz-background-size:100% 100%;
  background-size:100% 100%;
  background-position: 0 0, 100% 100%;
  background-repeat:no-repeat;
  display: block;
}

#navBarContainer {
   font-family: 'Avenir-Book', 'Avenir Next', 'Avenir', 'Helvetica Neue', Helvetica,  Arial, sans-serif;
  font-weight: 100;
  height: 64px;
  width: 100%;
 position: fixed; top: 75px; bottom: 1px;
  z-index: 2000;
  opacity: 1;
  font-weight: 100;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  -ms-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYzBmMyIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzAwYzBmMyIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY3YzYiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  rgba(0,192,243,0.85) 0%, rgba(0,192,243,0.85) 15%, rgba(0,103,198,0.85) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,192,243,0.85)), color-stop(15%,rgba(0,192,243,0.85)), color-stop(100%,rgba(0,103,198,0.85)));
  background: -webkit-linear-gradient(left,  rgba(0,192,243,0.85) 0%,rgba(0,192,243,0.85) 15%,rgba(0,103,198,0.85) 100%);
  background: -o-linear-gradient(left,  rgba(0,192,243,0.85) 0%,rgba(0,192,243,0.85) 15%,rgba(0,103,198,0.85) 100%);
  background: -ms-linear-gradient(left,  rgba(0,192,243,0.85) 0%,rgba(0,192,243,0.85) 15%,rgba(0,103,198,0.85) 100%);
  background: linear-gradient(to right,  rgba(0,192,243,0.85) 0%,rgba(0,192,243,0.85) 15%,rgba(0,103,198,0.85) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a600c0f3', endColorstr='#a60067c6',GradientType=1 );
}

#navBarContainer .wrapper {
  max-width: 98%;
  padding: 0 1%;
}

#navContainer {
  z-index: 2000;
}

#topNav {
  list-style: none;
  height: 62px;
  min-width: 1200px;
  width: 90%;
  margin: auto;
  border-left: 1px solid rgb(185,229,251);
  border-left: 1px solid rgba(185,229,251,0.3);
}

/* topNav items */
#topNav li {
  float: left;
  width: 24.5%;
  height: 62px;
  position: relative;
  border-right: 1px solid rgb(185,229,251);
  border-right: 1px solid rgba(185,229,251,0.3);

  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1.6em;
  font-weight: 100;
  color: #b9e5fb;
  text-align: center;
}

/* other topNav links */
#topNav li a {
  text-decoration: none;
  display: block;
  line-height: 51px;
  width: 100%;
  padding-top: 6px;
  margin-right: 1px;
  color: #e1f4fd;
  border-bottom: 6px solid transparent;
}

#topNav li a:hover {
  color: #ffffff;
  border-bottom: 6px solid #ffffff;
}

#topNav li a.active {
  color: #ffffff;
  cursor: default;
  border-bottom: 6px solid #ffffff;
}

#topNav .subnav {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlYWZlOSIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU4NjRjMyIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(46,175,233,0.9) 0%, rgba(88,100,195,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,175,233,0.9)), color-stop(100%,rgba(88,100,195,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(46,175,233,0.9) 0%,rgba(88,100,195,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(46,175,233,0.9) 0%,rgba(88,100,195,0.9) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(46,175,233,0.9) 0%,rgba(88,100,195,0.9) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(46,175,233,0.9) 0%,rgba(88,100,195,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62eafe9', endColorstr='#e65864c3',GradientType=0 ); /* IE6-8 */
  display: inline-block;
    float: none;
	max-height: 0;
    margin: 0 0 2px;
    min-width: 0;
    position: relative;
    width: 100%;
	-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	-ms-transition: max-height 0.8s;
	-o-transition: max-height 0.8s;
	transition: max-height 0.8s;
  overflow:hidden;
}



#topNav .subnav li {
	border-bottom: 1px solid #00a6e7;
    border-right: medium none;
    float: none;
    white-space: nowrap;
    width: 100%;
	list-style:none;
	font-size: 0.9em;
}
#topNav .subnav li:last-child  {
	border-bottom: none;

}

#topNav .subnav li a {
	display: block;
    text-decoration: none;
    width: 100%;
}

#topNav .subnav li a:hover {
  border-bottom: none;
}

#topNav li:hover .subnav {
	height: auto;
	max-height: 1000%;
}

/*---------------------------------------------------------------------------
  CONTENT - HERO IMAGE HEADERS
---------------------------------------------------------------------------*/

.heroHeader {
	background-image: url("../_img/bluepurplegradient.jpg");
    background-size: cover;
    height: 0;
    padding: 0 0 32%;
    position: relative;
}

.heroImage {
	height: 100%;
    position: absolute;
    width: 100%;
}

.heroTitle {
	bottom: 14%;
    left: 6.4%;
    position: absolute;
    z-index: 1000;
}

.heroTitle h1 {
	color: #fff;
    font-size: 8em;
	font-size: 5.5vw;

}


/*---------------------------------------------------------------------------
  CONTENT - FULL WIDTH IMAGE AREA
---------------------------------------------------------------------------*/

.fullBleed {
  width: 100%;
}

.fullBleed.image {
  text-align: center;
  overflow: hidden;
  position: relative;
  padding: 0;
  margin: 0;

}

.fullBleedImageMask {
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.fullBleedImageMask img {
  /* on img load, margin-left is calculated dynamically, then its set to visible */
  width: 100%;
  margin-top: -4px;
}

.slide-text {
  font-family: 'ChaletComprime-MilanEighty', 'Helvetica Neue', Helvetica,  Arial, sans-serif;
  font-weight: 300;
  line-height: 1.2;
  color: #ffffff;
  position: absolute;
  top: 50%;
  text-transform:uppercase;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  }

.button {
    border-color: #00aeef;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    display: inline-block;
    margin-top: 2%;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none;
	font-weight:400;
	font-size: 1.5vw;
	font-size: 2em;
}


#talkImg .fullBleedImageText:last-child  {
  top: 40%;
}

#main .fullBleedImageMask {
  min-height: 700px;
}

#main .slide-text {
  width: auto;
  color: #8ed7f7;
  line-height: 1;
  top: 34%;
}

.slide-text.left {
  left: 7%;

  text-align:left;
}

.slide-text.right {
  right: 10%;
  left: auto;

  text-align:right;
}

.slide-text {
    position: absolute;
    z-index: 10000;
}

.slide-text.alt-slide {
	left: 50%;
	width: 50%;
}

.slide-text h1 {
  font-size: 11em;
  font-size: 7.3vw;
  font-weight: 100;
  letter-spacing: -0.01em;
  margin: 0 0 0 -8px;
  padding: 0;
  text-shadow: 1px 1px 6px rgba(23, 102, 171, 0.8);
}

.slide-text h2 {
  font-size: 5.6em;
  font-size: 5vw;
  font-weight: 100;
  letter-spacing: 0.01em;
  margin: 0;
  padding: 0;
  text-shadow: 1px 1px 6px rgba(0,0,0, 0.5);
  position: relative;
  width: 55%;
  color: #fff;
  line-height:1;
}




.slide-text h2 .trade {
  font-size: 50%;
  position: absolute;
  top: 0;
}

.slide-text h3 {
  font-size: 3.6em;
  font-size: 2.5vw;
  font-weight: 100;
  letter-spacing: 0.01em;
  margin: .6em 0 0 0;
  padding: 0;
  text-shadow: 1px 1px 6px rgba(0,0,0, 0.5);
  position: relative;
  width: 55%;
  color:#fff;
}

.slide-text h3 .trade {
  font-size: 50%;
  position: absolute;
  top: 0;
}

.slide-text .btn {
    border: 2px solid #ffffff;
    color: #fff;
	font-size: 1.6em;
    font-size: 1vw;
    letter-spacing: 0.2em;
    padding: 1.25% 4%;
    text-transform: uppercase;
	text-shadow: 1px 1px 6px rgba(0,0,0, 0.5);
	margin-top: 2%;
}

.slide-text.dark h3,
.slide-text.dark h2 {
	color: #224099;
	text-shadow: none;
}

.slide-text.dark .btn {
    border: 2px solid #224099;
    color: #224099;
	text-shadow: none;
}

#navNext {
  right: 0;
}

#navPrev {
 left: 0;
}

.iconBtn {
  position: relative;
  z-index: 0;
  padding: 2.1% 11% 2.2% 5%;
  width: auto;
}

.iconBtn span:first-child {
  margin: 0;
}

.iconBtn #video {
  background-image: url(//www.pandora.com/static/ads/mip/splash/img/icon_watch.png);
  background-size: auto 51%;
  background-position: center;
  background-repeat: no-repeat;
  width: 24%;
  height: 100%;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #f7941e;
  border-left: 1px solid rgba(247,148,30,0.4);
}

.iconBtn #video.over {
  background-image: url(//www.pandora.com/static/ads/mip/splash/img/icon_watch_over.png);
  border-left: 1px solid #ffffff;
  border-left: 1px solid rgba(255,255,255,0.4);
}

.iconBtn #twitter {
  background-image: url(//www.pandora.com/static/ads/mip/splash/img/icon_twitter.png);
  background-size: auto 48%;
  background-position: center;
  background-repeat: no-repeat;
  width: 26%;
  height: 100%;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #f7941e;
  border-left: 1px solid rgba(247,148,30,0.4);
}

.iconBtn #twitter.over {
  background-image: url(//www.pandora.com/static/ads/mip/splash/img/icon_twitter_over.png);
  border-left: 1px solid #ffffff;
  border-left: 1px solid rgba(255,255,255,0.4);
}


/*---------------------------------------------------------------------------
  CONTENT - COLUMN LAYOUT
---------------------------------------------------------------------------*/

.fullBleed.content {
  padding: 2% 0 3% 0;
  position: relative;
  color: #727272;
}

.fullBleed.content:last-child{
  padding-bottom: 10%;
}
.columnRow {
	clear: both;
    display: block;
    width: 100%;
	margin-bottom: 5%;
}

.column {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 4%;
}

.columnRow p,
.columnRow ul {
  color: #555;
  line-height: 1.6;
  font-size: 2.3em;
  font-size: 1.4vw;
  font-weight: 300;
  margin: 1% 0 24px;
  -webkit-font-smoothing: antialiased;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .columnRow p,
.columnRow ul {
  font-weight:400;
}
}

.columnRow p.blue {
  color: #00adee;
  font-size: 2.3em;
}

.columnReg {
  width: 47%;
}

#paidSmImg {
  padding-bottom: 5%;
}

.columnLg {
  width: 64%;
}

.columnSm {
  width: 29%;
  height: 100%;

}
.columnSm p {
  font-size: 1.3vw;
}

.columnReg:last-child {
    margin-left: 5%;
}

.column img {
  max-width: 100%;
}

.dropShadow {
  border: 2px solid #ffffff;
  -moz-box-shadow: 0 0 2px 2px rgba(166, 166, 166, 0.3);
  -webkit-box-shadow: 0 0 2px 2px rgba(166, 166, 166, 0.3);
  box-shadow: 0 0 2px 2px rgba(166, 166, 166, 0.3);
  margin-top: -25%;
}

.roundImgContainer {
  position: relative;
  width: 36%;
}


#paidOver {
  top: -18%;
}

.roundImgDiv {
  position: relative;
  z-index: 0;
  margin: 0 0 0 9%;
  width: 90%;
  height: 90%;
}

#paidContent .roundImgDiv {
  padding-top: 13%;
}

#talkContent .roundImgDiv {
  padding-top: 8%;
  padding-left: 8%;
}

.roundImg {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 100%;
  height: auto;
}

#source {
  font-size: 1.6em;
  color: #a5a5a5;
  font-style: italic;
  padding-top: 10px;
}

#aboutContent {
  background-image: url(//www.pandora.com/static/ads/mip/splash/img/about_bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left bottom;
}

#talkContent .roundImgContainer {
  margin-left: 10%;
}

.whitePaper {
    background: #f3f3f3;
    display: inline-block;
    padding: 5.5%;
}

.whitePaper h2 {
    margin-bottom: 5%;
}

.whitePaper .btn {
    margin-bottom: 3%;
}

#footer {
  font-size: 1.6em;
  text-align: center;
  color: #727272;
  margin-bottom: 40px;
  clear: both;
}

#footerLinks {
    color: #00aeef;
    font-size: 1.6vw;
    margin: 2% 0;
    text-align: center;
}

#footerLinks a {
    letter-spacing: 0.1em;
    text-decoration: none;
}

.disclaimer,
.disclaimer p,
p.disclaimer,
.columnRow.disclaimer p,
.disclaimer ul,
ul.disclaimer,
.columnRow.disclaimer ul  {
	font-size:1vw;
	line-height: 1.5;
}


/*---------------------------------------------------------------------------
  SLIDER
---------------------------------------------------------------------------*/


.responsiveHeight {
	height: 660px;
	padding-bottom: 0;
	position: relative;
	overflow: hidden;
	margin-top:75px;
}

.responsiveHeight > .inner {
	position: absolute;
	width: 100%;
	height: 100%;
}

.iosSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: visible;
	width: 100%;
	height: 100%;
}

.iosSlider .slider {
	width: 100%;
	height: 100%;
}

.iosSlider .slider .slide {
	float: left;
	width: 2000px;
	height: 100%;
	text-align: center;
}

.iosSlider .slider .slide img {
	width: 100%;
}

@media screen and (max-width: 2034px) {

	.responsiveHeight {
		height: 0;
		padding: 0 0 32% 0;
	}

	.iosSlider .slider .slide img {
		height: 100%;
	}

}


	#dots {
		position: absolute;
		bottom: 25px;
		left: 50%;
		width: 400px;
		margin-left: -200px;
		z-index: 1000;
		text-align: center;
	}

		.dot {
			width: 10px;
			height: 10px;
			margin: 0 8px;
			display: inline-block;
			background-color: rgba(255,255,255,.5);
			border-radius: 8px;
    		border: 1px solid #fff;
			border: 1px solid rgba(255,255,255,.5);
		}

		.dot.active {
			background-color: #fff;
		}



.videoWrapper {
	position:relative;
}
.videoWrapper img {
	 width: 100%;
	height: auto;
	}

.playButton {
    background-image: url("../_img/play.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25% auto;
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    line-height: 1;
    position: absolute;
    width: 100%;
    z-index: 200;
}

#browseBrand {
	margin-bottom: 0;
}

#browseBrand .wrapper {
    padding: 2.5% 7% 1%;
}

#browseBrand {
	background-image: url(../_img/bluepurplegradient.jpg);
	background-size: cover;
    border-top: 1px solid #76bbd6;
	border-top: 1px solid rgba(255, 255, 255, 0.4);
    margin-top: 0;
    padding: 0 0 2%;
    position: relative;
}

#browseBrand .widget-text {

    display: inline-block;
    margin-right: 5.8%;
    vertical-align: middle;
    width: 64%;
}

#browseBrand #brandWidget {
    border: 1px solid #fff;
    display: inline-block;
    outline: medium none;
    padding: 4% 2%;
    vertical-align: middle;
    width: 25%;
}

#browseBrand .widget-text h2 {
    color: #fff;
	font-size: 4em;
    font-size: 3.5vw;
}

#browseBrand .widget-text h3 {
    color: #fff;
	font-size: 1.9em;
    font-size: 1.6vw;
	line-height: 1.5;
}

#brandWidget h3 {
    color: #fff;
    font-size: 25em;
	font-size: 1.6vw;
    letter-spacing: 0.07em;
    margin: 0 0 4%;
    text-align: center;
}

#selectBrand {
	background-color: transparent;
	background-image: url(../_img/arrow.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 13% auto;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
     font-family: 'Avenir-Book', 'Avenir Next', 'Avenir', 'Helvetica Neue', Helvetica,  Arial, sans-serif;
    font-size: 2em;
	font-size: 1.2vw;
    font-weight: 100;
    letter-spacing: 0.1em;
    outline: medium none;
    padding: 0.5em;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    z-index: 1000;

}

#selectBrand option {
    color: #444;
    margin: 5% 8%;
}


/*---------------------------------------------------------------------------
  CUSTOM PAGE STYLES - HOME
---------------------------------------------------------------------------*/


#homeContent .columnReg {
    display: inline-block;
    vertical-align: top;
}



#homeContent .columnReg img {

}


/*---------------------------------------------------------------------------
  CUSTOM PAGE STYLES - brandPage
---------------------------------------------------------------------------*/


#brandLogo {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.4);
    display: inline-block;
    margin-right: 3%;
    padding: 4%;
    vertical-align: middle;
    width: 12%;
}

#brandLogo img {
	width: 100%;
}

.brandPage #browseBrand .widget-text {
    width: 41%;
}


.brandPage #browseBrand {
	margin-top: 75px;
}



/*---------------------------------------------------------------------------
  CUSTOM PAGE STYLES - brandPage template1
---------------------------------------------------------------------------*/

#brandContent .columnReg {
    display: inline-block;
    vertical-align: top;
}

/*---------------------------------------------------------------------------
  CUSTOM PAGE STYLES - brandPage template2
---------------------------------------------------------------------------*/

#template2 #brandContent .columnLg {
    display: inline-block;
    margin-right: 6%;
    vertical-align: top;
}

#template2 #brandContent .columnSm {
    display: inline-block;
    vertical-align: top;
}

#template2 #brandContent .columnSm .whitePaper {
	padding: 10%;
}

/*---------------------------------------------------------------------------
  CUSTOM PAGE STYLES - brandPage template3
---------------------------------------------------------------------------*/

#template3 #brandContent .columnLg {
    display: inline-block;
    margin-right: 6%;
    vertical-align: top;
}

#template3 #brandContent .columnSm {
    display: inline-block;
    vertical-align: top;
}


#navPrev,
#navNext {
	-webkit-box-shadow: -1px 2px 4px 0px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 4px 0px rgba(0,0,0,0.2);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlYWVlOSIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iNjQlIiBzdG9wLWNvbG9yPSIjNDI3YmM5IiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTg2NGMzIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(46,174,233,0.922) 0%, rgba(66,123,201,0.92) 64%, rgba(88,100,195,0.92) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,174,233,0.92)), color-stop(64%,rgba(66,123,201,0.92)), color-stop(100%,rgba(88,100,195,0.92)));
    background: -webkit-linear-gradient(top,  rgba(46,174,233,0.92) 0%,rgba(66,123,201,0.92) 64%,rgba(88,100,195,0.92) 100%);
    background: -o-linear-gradient(top,  rgba(46,174,233,0.92) 0%,rgba(66,123,201,0.92) 64%,rgba(88,100,195,0.92) 100%);
    background: -ms-linear-gradient(top,  rgba(46,174,233,0.92) 0%,rgba(66,123,201,0.92) 64%,rgba(88,100,195,0.92) 100%);
    background: linear-gradient(to bottom,  rgba(46,174,233,0.92) 0%,rgba(66,123,201,0.92) 64%,rgba(88,100,195,0.92) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#662eaee9', endColorstr='#665864c3',GradientType=0 );
	height: 20%;
    position: absolute;
    top: 40%;
    width: 3.5%;
	z-index:10;


}
#navPrev .innerBtn,
#navNext .innerBtn {
	background-size: 57% auto;
	background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	border-bottom:1px solid rgba(169, 223, 248, .4);
	border-top:1px solid rgba(169, 223, 248, .4);
}

#navPrev .innerBtn {
    background-image: url(../_img/prev.png);
	border-right:1px solid rgba(169, 223, 248, .4);


}

#navNext .innerBtn {
	background-image: url(../_img/next.png);
	border-left:1px solid rgba(169, 223, 248, .4);
}

#navPrev {
	left: -3%;
	-webkit-transition: left .3s ease-in-out;
  -moz-transition: left .3s ease-in-out;
  -o-transition: left .3s ease-in-out;
  transition: left .3s ease-in-out;

}

#homeSlider:hover #navPrev {
	left: 0;

}

#navNext {
	right: -3%;
	-webkit-transition: right .3s ease-in-out;
  -moz-transition: right .3s ease-in-out;
  -o-transition: right .3s ease-in-out;
  transition: right .3s ease-in-out;

}

#homeSlider:hover #navNext {
	right: 0;

}