body, html {
  font-family: 'Avenir Next W01 Regular', Arial;
  font-weight:500;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html.no-scroll,
html.no-scroll body {
  height: 100%;
  overflow: hidden;
}

body {
  background : #5900e5;
  position: relative;
  cursor: default;
}

.bg {
  /*background: url(../images/bg.jpg) no-repeat left top;
  background-size: 100% auto;*/
  background : url(../images/bg.jpg) no-repeat top center;
  background-size: 100% auto;
}

/**
 * Header
 */
header img {
  display: none;
  width: 100%;
  height: auto;
}

header video {
  width: 100%;
  z-index: 100;
}

header video {
  display: none;
}

header img.tablet {
  display: block;
}

header img.desktop {
  display: none;
}

#see-all a
{
  text-decoration : none;
}

#see-all img.tablet {
  display : block;
  width : 100%;
}

#see-all img.mobile {
  display : none;
  width : 100%;
}

/* Mobile header */
@media only screen and (max-width: 767px) {
  header img.mobile {
    display: block;
  }

  header img.tablet {
    display: none;
  }

  #see-all img.mobile {
    display : block;
  }

  #see-all img.tablet {
    display : none;
  }
}

/* Tablet header */
@media only screen and (min-width: 768px) {
  header video {
    display: block;
  }

  header img.tablet {
    display: none;
  }

  header img.desktop {
    display: block;
  }

  /*#see-all img.mobile {
    display : none;
  }*/

  /*#see-all img.tablet {
    display : block;
  }*/
}

/**
 * Headline
 */
#headline {
  background-image : url(../images/headline-gradient.jpg);
  background-size : 100% auto;
  text-align : center;
}

#headline span {
  font-size : 18px;
  color : #fff;
  display : inline-block;
  margin : 1% 2%;
  text-shadow : 0 0 6px #fff;
}

/**
 * Main & Footer
 */
#main_section {
  color: #FFF;
  position: relative;
  /*width: 100%;*/
  overflow: hidden;
  padding-bottom: 30px;
  /*border : 2px solid #ff00db;*/
  margin : 0 24px;
}

#main_section .header_wrapper {
  position: relative;
  margin: 0 auto;
}

#main_section #section_header {
  height: auto;
  text-align : center;
}

#main_section #section_header.main_container {
  color: #fff;
  width: 97%;
  margin-left: 1.41%;
  margin-right: 1.41%;
}

#main_section #section_header .header {
  display : inline-block;
  margin : 38px 0 31px 0;
}

#main_section #section_header .header.sponsor {
  border-right : 1px solid #01ffff;
  padding-right : 42px;
}

h1#section_title {
  margin-bottom: 7px;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 500;
  /*color: #ff00d9;*/
}

h2#section_sub {
  font-weight: 500;
  font-size: 18px;
  color: #01ffff;
  /*margin: 0 0 31px 0;*/
}

#main_section .main_container {
  position: relative;
  margin: 0 auto;
  width: 95%;
}

footer {
  padding: 3em 1em;
  margin-bottom : 4px;
  color: #FFF;
  text-align: center;
  font-size : 20px;
  letter-spacing : 2px;
}

footer a:link,
footer a:visited {
  color: #01ffff;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

/**
 * Categories
 */
#main_section #selections {
  text-align : center;
}

#main_section #selections .box.category {
  position: relative;
  margin: 0 1% 2% 1%;
  width: 22.5%;
  background: #000;
  padding-bottom: 13%;
  /*left: 0;
  float: left;*/
  display : inline-block;
  border-radius: 3px;
  -webkit-transition: background 1s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition:      background 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition:         background 1s cubic-bezier(0.19, 1, 0.22, 1);
}

#main_section #selections .category:hover {
  background: #01ffff;
}

.inset {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.outer {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}

#main_section .box.category .vert_center_category {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.3em;
  word-wrap: break-word;
}

#main_section .category .vert_center_category span {
  position: relative;
  color: #fff;
  width: 90%;
  display: block;
  text-align: center;
  margin: 0 auto;
}

#main_section .category span.catch {
  text-transform: uppercase;
  font-size: 1.13em;
}

#main_section .category span.cat_title {
  text-transform: capitalize;
  font-size: 0.88em;
}

/**
 * Voting
 */
#main_section .main_container.vote_pane {
  display: none;
  position: relative;
  text-align: center;
  font-size : 0;
}

#main_section .main_container.vote_pane .image {
  padding-top: 76%;
  background-size: cover;
  background-position: center center;
  border-radius: 3px;
}

#main_section .main_container.vote_pane .option {
  font-size : 16px;
  background-color: #000;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 23.3%;
  /*float: left;
  margin: 0 1.35% 0 1.35%;*/
  display : inline-block;
  margin : 0 1.35% 2% 1.35%;
  color: #01ffff;
  position: relative;
  opacity: 0;
  padding-bottom: 20px;
  border-radius: 3px;
}

#main_section .category8.vote_pane .option,
#main_section .category9.vote_pane .option {
  float: none;
  display: inline-block;
}

#main_section .category8.vote_pane,
#main_section .category9.vote_pane {
  line-height: 0;
}

/*#main_section .main_container.vote_pane .option.voted {
  background-color: #8200ca;
}*/

#main_section .main_container.vote_pane .vote_btn {
  position: absolute;
  width: 96px;
  height: 38px;
  line-height: 37px;
  text-align: center;
  font-size: 21px;
  background-color: #ff00fe;
  left: 50%;
  top: -18px;
  margin-left: -50px;
  font-weight: normal;
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
  box-shadow: inset 0 2px 0 0 rgba(255,255,255,0.4);
}

#main_section .main_container.vote_pane .vote_btn:hover {
  background-color: #ff00d9;
  box-shadow: none;
}

#main_section .main_container.vote_pane .vote_overlay {
  /*background: #430068;*/
  position: relative;
  width: 100%;
  min-height: 100px;
}

#main_section .main_container.vote_pane .option span {
  display: block;
}

#main_section .main_container.vote_pane .option .name {
  padding: 30px 10px 0 10px;
  font-weight: 500;
  font-size: 1.31em;
  text-transform: uppercase;
}

#main_section .main_container.vote_pane .option .copy {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  width: 100%;
  line-height: normal;
  position: absolute;
}

#main_section .main_container.vote_pane .option .name_sub {
  font-size: 0.88em;
  text-transform: capitalize;
}

#main_section .main_container.vote_pane .option .too_long_d .name {
  font-size: 1.06em;
}

#main_section .main_container.vote_pane .option .too_long_d .name.no_sub {
  font-size: 1.25em;
}

#main_section .main_container.vote_pane .option .too_long_d .name_sub {
  font-size: 0.88em;
}

#main_section .voting_nav {
  width: 97%;
  margin-left: 1.41%;
  margin-right: 1.41%;
  /*height: 80px;*/
  /*height: 98px;*/
  display: none;
  margin-top: 12px;
}

.btn {
  border-radius: 3px;
}

.back_to_cats {
  /*position: absolute;*/
  background-color: #01ffff;
  width: 158px;
  height: 47px;
  /*display: none;*/
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  line-height: 47px;
  color: #000;
  margin : 32px auto 0;
}

.back_to_cats:link,
.back_to_cats:visited {
  text-decoration: none;
}

#back_to_cats_header.back_to_cats.show {
  display: block;
  bottom: 0;
  right: 0;
}

#back_to_cats_footer {
  bottom: 0;
  left: 0;
}

#next_cat {
  max-width : 360px;
  margin : 0 auto;
  /*position: absolute;*/
  /*background-color: #430068;*/
  /*right: 50%;*/
  /*margin-right: -113px;*/
  /*width: 226px;*/
  /*height: 54px;*/
  
  display: table;
  opacity: 0;
  color : #fff;
  text-align : center;
  /*margin-top: 20px;*/
  /*-ms-transform : translate(50%, 0);
  -webkit-transform : translate(50%, 0);
  transform : translate(50%, 0);*/
}

#next_cat div {
  /*display: table-cell;*/
  vertical-align: middle;
  position: relative;
  padding: 22px 54px;
  /*background-color: #430068;*/
  background-color : #01ffff;
  border-radius : 3px;
 
  /*border-top : 2px solid #ff60ea;*/
}

#next_cat div.btn {
   box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
}

#next_cat div.arrow {
  position: absolute;
  background: url(../images/next_cat_arrow.png) no-repeat center;
  display: block;
  /*left: 200px;*/
  right : 24px;
  top: 50%;
  margin : 0;
  margin-top: -9px;
  width: 9px;
  height: 16px;
  padding: 0;
  border : none;
  -ms-transform : scale(1.4);
  -webkit-transform : scale(1.4);
  transform : scale(1.4);
}

#next_cat span {
  display: block;
  /*width: 185px;*/
  color: #fff;
  font-size : 14px;
  margin-bottom : 12px;
  color : #fff;
}

#next_cat .name {
  font-size : 18px;
  margin-bottom : 0;
  color : #48006d;
}

.sponsor {
  margin-bottom: 30px;
  vertical-align: middle;
}

.sponsor img {
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.sponsor .tall {
  display: none;
}

.sponsor .wide {
  display: block;
}

/* Sponsors */
#sponsor {
  display: inline-block;
  position: relative;
  background-position: right center;
  background-repeat: no-repeat;
  background-size : 100%;
  /*margin-bottom : -24px;*/
  margin : 10px 0 10px 42px;
  /*height: 47px;
  position: absolute;
  right: 178px;
  bottom: 0;
  line-height: 47px;
  text-transform: uppercase;*/
  vertical-align: middle;
}

#sponsor.kraft:before,
#sponsor.gotg:before {
  content: "PRESENTED BY";
  color: #01ffff;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10px;
  width: 100%;
  text-align: center;
}

/*
#sponsor.on {
  display: block;
}*/

#sponsor.kraft {
  padding-top: 24px;
  width : 160px;
  height : 121px;
  background-image : url(../images/sponsor-kraft.png);
}

#sponsor.gotg {
  padding-top: 30px;
  width : 240px;
  height : 120px;
  background-image : url(../images/sponsor-gotg.png);
}

@media (max-width: 850px) {
  #sponsor.kraft,
  #sponsor.gotg {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  #main_section #section_header .header.sponsor {
    border: none;
    padding-right: 0;
  }

  #main_section #section_header .header {
    margin: 15px 0;
  }
}

/*
#sponsor.macncheese {
  padding-right: 40px;
  background-image: url(../content/logo-macncheese.png);
  background-size: auto 47px;
}

#sponsor.bandaid {
  padding-right: 81px;
  background-image: url(../content/logo-bandaid.png);
  background-size: auto 24px;
}

#sponsor.goldfish {
  padding-right: 43px;
  background-image: url(../content/logo-goldfish.png);
  background-size: auto 44px;
}
*/

/**
 * Greater than 1600
 */
@media only screen and (min-width: 1600px) {
  #main_section .category {
    font-size: 24px;
  }
}

/**
 * Between 1200 and 1599
 */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  #main_section .category {
    font-size: 19px;
  }
}

/**
 * Betwen 1025 and 1199
 */
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  #main_section .category {
    font-size: 16px;
  }
}

/**
 * Less than 1024
 */
@media(max-width: 1024px) {
  #main_section #selections .box.category {
    margin: 0 1.6% 3.2% 1.6%;
    /*width: 30%;*/
    width : 29%;
    padding-bottom: 20%;
  }

  #main_section .main_container.vote_pane .option {
    font-size: 14px;
  }
}

/**
 * Less than 900
 */
@media(max-width: 900px) {
  #back_to_cats_header.back_to_cats.show {
    display: none;
  }
  #back_to_cats_footer.back_to_cats.show {
    display: block;
  }

  #next_cat {
    /*right: 0;
    margin-right: 0;
    bottom : 0;
    max-width : 50%;*/
    transform : none;
  }

  #next_cat div {
    padding : 12px 42px 12px 24px;
    /*text-align : left;*/
  }

  #next_cat div.arrow {
    right : 18px;
  }

  #main_section .main_container.vote_pane .option {
    font-size: 12px;
  }

  #main_section .main_container.vote_pane .vote_btn {
    font-size: 16px;
    width: 70px;
    height: 28px;
    line-height: 28px;
    margin-left: -35px;
    top: -14px;
  }

  #main_section .main_container.vote_pane .vote_overlay {
    min-height: 80px;
  }

  #sponsor {
    right: 0;
  }

  footer {
    font-size : 16px;
  }
}

/**
 * Less than 680
 */
@media(max-width: 680px) {
  h1#section_title, h2#section_sub {
    width: 100%;
    text-align: center;
  }
  h1#section_title {
    font-size: 25px;
  }

  h2#section_sub {
    font-size: 16px;
  }

  .sponsor .tall {
    display: block;
  }

  .sponsor .wide {
    display: none;
  }

  #main_section .main_container.vote_pane .option .copy {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    position: static;
  }

  #next_cat {
    position: relative;
    /*left: 50%;
    margin-left: -113px;*/
  }

  /*#back_to_cats_footer {
    position: relative;
    left: 50%;
    margin-left: -79px;
    top: 45px;
  }*/

  #main_section {
    background-size: 100%;
    padding-bottom: 20px;
  }

  /*#main_section .voting_nav {
    height: 160px;
  }*/

  #main_section #selections .box.category {
    margin: 0 2% 4% 2%;
    /*width: 46%;*/
    width : 45%;
    padding-bottom: 36%;
  }

  #main_section .category {
    font-size: 24px;
  }

  #main_section .category span.catch {
    width: 80%;
  }

  #main_section .category span.cat_title {
    margin-top: 3%;
  }

  #main_section .main_container.vote_pane .option {
    background: #000;
    width: 96%;
    height: auto;
    padding: 0;
    box-sizing: border-box;
    margin: 0 2% 10px 2%;
    padding: 10px;
    font-size: 13px;
  }

  #main_section .main_container.vote_pane .option .image {
    width: 40%;
    padding-top: 30.5%;
  }

  #main_section .main_container.vote_pane .option .vote_overlay {
    box-sizing: border-box;
    width: 59%;
    top: 50%;
    background: transparent !important;
    right: 0;
    padding: 10px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #main_section .main_container.vote_pane .option span {
    padding: 0 !important;
    margin: 10px 0;
  }

  #main_section .main_container.vote_pane .vote_btn {
    margin: 0 auto;
    width: auto;
    position: static;
    display: inline-block;
    line-height: 40px;
    height: 40px;
    padding-left: 44px;
    padding-right: 10px;
    text-align: right;
    top: 0;
    background-image: url(../images/twitter.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 9px center;
  }

  #main_section .main_container.vote_pane .voted .vote_btn {
    margin: 0;
    display: inline-block;
    position: static;
  }

  #sponsor {
    /*position: relative;*/
    /*margin: -20px auto 31px auto;*/
    /*background-position: center top;*/
  }
}

/*
  Less than 600px for text scaling
*/
@media (max-width: 600px) {
  #main_section .category {
    font-size: 20px;
  }

  #main_section .main_container.vote_pane .option {
    /*font-size: 12px;*/
  }

  footer {
    font-size : 12px;
  }
}


/*
 * Less than 500px for text scaling
 */
@media (max-width: 500px) {
  #main_section .category {
    font-size: 16px;
  }

  #main_section .main_container.vote_pane .option {
    font-size: 12px;
  }
}

/*
  Less than 400px for text scaling
*/
@media (max-width: 400px) {

  h1#section_title {
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: 17px;
  }

  h2#section_sub {
    font-size: 14px;
    margin-bottom: 24px;
  }

  #main_section .main_container.vote_pane .option .name_sub {
    font-size: 1.1em;
  }

  #main_section .main_container.vote_pane .option span {
    padding: 0 !important;
    margin: 5px 0;
  }

  #main_section .main_container.vote_pane .vote_btn {
    margin: 0 auto;
    width: auto;
    position: static;
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding-left: 33px;
    padding-right: 10px;
    text-align: left;
    top: 0;
    background-size: 18px;
    background-position: 7px center;
  }

  #main_section .category {
    font-size: 16px;
  }

  #main_section .main_container.vote_pane .option {
    font-size: 11px;
  }
}

@media (max-width: 365px) {
  h1#section_title {
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: 17px;
  }

  h2#section_sub {
    font-size: 14px;
    margin-bottom: 24px;
  }

  #main_section .main_container.vote_pane .vote_btn {
    margin: 0 auto;
    width: auto;
    position: static;
    display: inline-block;
    line-height: 26px;
    height: 26px;
    padding-left: 28px;
    padding-right: 10px;
    text-align: left;
    top: 0;
    background-size: 15px;
    background-position: 6px center;
  }

  #main_section .main_container.vote_pane .option span {
    padding: 0 !important;
    margin: 3px 0;
  }

  #main_section .category {
    font-size: 14px;
  }

  #main_section .main_container.vote_pane .option {
    font-size: 9px;
  }
}

/**
 * Content
 */

.option .image {
  background-image : url(../content/placeholder.jpg);
}
.option-dnce .image {
  background-image : url(../content/V_RDMA_DNCE.jpg);
}
.option-fifth-harmony .image {
  background-image : url(../content/V_RDMA_FifthHarmony.jpg);
}
.option-alesso .image {
  background-image: url(../content/V_RDMA_Alesso.jpg);
}
.option-alex-aiono .image {
  background-image: url(../content/V_RDMA_AlexAiono.jpg);
}
.option-bebe-rexha .image {
  background-image: url(../content/V_RDMA_BebeRexha.jpg);
}
.option-bebe-rexha-flagaline .image {
  background-image: url(../content/V_RDMA_BebeRexhaAndFloridaGeorgiaLine.jpg);
}
.option-bleachers .image {
  background-image: url(../content/V_RDMA_Bleachers.jpg);
}
.option-bruno-mars .image {
  background-image: url(../content/V_RDMA_BrunoMars.jpg);
}
.option-bts .image {
  background-image: url(../content/V_RDMA_BTS.jpg);
}
.option-camilia-cabello .image {
  background-image: url(../content/V_RDMA_CamilaCabello.jpg);
}
.option-carly-pearce .image {
  background-image: url(../content/V_RDMA_CarlyPearce.jpg);
}
.option-carson-lueders .image {
  background-image: url(../content/V_RDMA_CarsonLueders.jpg);
}
.option-charlie-puth .image {
  background-image: url(../content/V_RDMA_CharliePuth.jpg);
}
.option-cheat-codes .image {
  background-image: url(../content/V_RDMA_CheatCodes.jpg);
}
.option-clean-bandit .image {
  background-image: url(../content/V_RDMA_CleanBandit.jpg);
}
.option-devin-dawson .image {
  background-image: url(../content/V_RDMA_DevinDawson.jpg);
}
.option-dua-lipa .image {
  background-image: url(../content/V_RDMA_DuaLipa.jpg);
}
.option-echosmith .image {
  background-image: url(../content/V_RDMA_Echosmith.jpg);
}
.option-ed-sheeran .image {
  background-image: url(../content/V_RDMA_EdSheeran.jpg);
}
.option-florida-georgia-line .image {
  background-image: url(../content/V_RDMA_FloridaGeorgiaLine.jpg);
}
.option-grace-vanderwaal .image {
  background-image: url(../content/V_RDMA_GraceVanderwaal.jpg);
}
.option-grey .image {
  background-image: url(../content/V_RDMA_Grey.jpg);
}
.option-halsey .image {
  background-image: url(../content/V_RDMA_Halsey.jpg);
}
.option-hey-violet .image {
  background-image: url(../content/V_RDMA_HeyViolet.jpg);
}
.option-hrvy .image {
  background-image: url(../content/V_RDMA_HRVY.jpg);
}
.option-imagine-dragons .image {
  background-image: url(../content/V_RDMA_ImagineDragons.jpg);
}
.option-julia-michaels .image {
  background-image: url(../content/V_RDMA_JuliaMichaels.jpg);
}
.option-khalid .image {
  background-image: url(../content/V_RDMA_Khalid.jpg);
}
.option-kygo .image {
  background-image: url(../content/V_RDMA_Kygo.jpg);
}
.option-kygo-selena-gomez .image {
  background-image: url(../content/V_RDMA_KygoAndSelenaGomez.jpg);
}
.option-lanco .image {
  background-image: url(../content/V_RDMA_LANCO.jpg);
}
.option-lauv .image {
  background-image: url(../content/V_RDMA_Lauv.jpg);
}
.option-maren-morris .image {
  background-image: url(../content/V_RDMA_MarenMorris.jpg);
}
.option-maroon5 .image {
  background-image: url(../content/V_RDMA_Maroon5.jpg);
}
.option-marshmello .image {
  background-image: url(../content/V_RDMA_Marshmello.jpg);
}
.option-meghan-trainor .image {
  background-image: url(../content/V_RDMA_MeghanTrainor.jpg);
}
.option-rudy-mancuso .image {
  background-image: url(../content/V_RDMA_RudyMancuso.jpg);
}
.option-selena-gomez .image {
  background-image: url(../content/V_RDMA_SelenaGomez.jpg);
}
.option-selena-marshmello .image {
  background-image: url(../content/V_RDMA_SelenaGomezAndMarshmello.jpg);
}
.option-shawn-mendes .image {
  background-image: url(../content/V_RDMA_ShawnMendes.jpg);
}
.option-taylor-swift .image {
  background-image: url(../content/V_RDMA_TaylorSwift.jpg);
}
.option-thomas-rhett .image {
  background-image: url(../content/V_RDMA_ThomasRhett.jpg);
}
.option-walker-hayes .image {
  background-image: url(../content/V_RDMA_WalkerHayes.jpg);
}
.option-walk-the-moon .image {
  background-image: url(../content/V_RDMA_WalkTheMoon.jpg);
}
.option-why-dont-we .image {
  background-image: url(../content/V_RDMA_WhyDontWe.jpg);
}
.option-zedd .image {
  background-image: url(../content/V_RDMA_Zedd.jpg);
}
.option-chloe-halle .image {
  background-image: url(../content/V_RDMA_ChloeXHalle.jpg);
}
.option-max-harvey .image {
  background-image: url(../content/V_RDMA_MaxAndHarvey.jpg);
}
.option-keala-settle .image {
  background-image: url(../content/V_RDMA_KealaSettle.jpg);
}
.option-bieber-bloodpop .image {
  background-image: url(../content/V_RDMA_JustinBieberAndBloodpop.jpg);
}
.option-steinfield-alesso-flgaline-watt .image {
  background-image: url(../content/V_RDMA_HaileeSteinfeldAndAlesso.jpg);
}
.option-chrislane-torikelly .image {
  background-image: url(../content/V_RDMA_ChrisLaneAndToriKelly.jpg);
}
.option-kelsea-ballerini .image {
  background-image: url(../content/V_RDMA_KelseaBallerini.jpg);
}
.option-luke-bryan .image {
  background-image: url(../content/V_RDMA_LukeBryan.jpg);
}
.option-jbalvin .image {
  background-image: url(../content/V_RDMA_JBalvin.jpg);
}
.option-sabrina-carpenter .image {
  background-image: url(../content/V_RDMA_SabrinaCarpenter.jpg);
}
.option-demi-lovato .image {
  background-image: url(../content/V_RDMA_DemiLovato.jpg);
}
.option-carly-pearce .image {
  background-image: url(../content/V_RDMA_CarlyPearce.jpg);
}
.option-jillian-jacqueline .image {
  background-image: url(../content/V_RDMA_JillianJacqueline.jpg);
}
.option-jordan-davis .image {
  background-image: url(../content/V_RDMA_JordanDavis.jpg);
}
.option-cheatcodes-n-demi .image {
  background-image: url(../content/V_RDMA_CheatCodesAndDemiLovato.jpg);
}
.option-sofia-carson .image {
  background-image: url(../content/V_RDMA_SofiaCarson.jpg);
}
.option-zedd-maren-grey .image {
  background-image: url(../content/V_RDMA_ZeddMarrenGrey.jpg);
}

/* Utilities */
.clear {
  clear: both;
}

/**
 * Age gate
 */
#age-gate {
  font-family: "Avenir Next W01 Regular", Arial;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 39, 102, 0.95);
  z-index: 100;
}

#age-gate .title {
  font-size: 1.5em;
  color: #FFF;
  margin: 0 0 0.5em 0;
  text-transform: uppercase;
}

#age-gate .message {
  min-height: 1.25em;
  margin: 0.5em;
  color: #FFF;
}

#age-gate .message.no {
  font-size: 1.25em;
}

#age-gate .modal {
  padding: 2em;
  background-color: #000;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

#age-gate input[type="text"] {
  width: 38px;
  height: 38px;
  border: none;
  -webkit-appearance: none;
  text-align: center;
  padding: 0 3px;
  border-radius: 3px;
}

#age-gate input[type="text"][name="year"] {
  width: 60px;
}

#age-gate input[type="submit"] {
  -webkit-appearance: none;
  background-color: #ff00fe;
  padding: 0.5em 1em;
  color: #FFF;
  height: 38px;
  border: none;
  box-shadow: inset 0 2px 0 0 rgba(255,255,255,0.4);
  border-radius: 3px;
}

#age-gate input[type="submit"]:hover {
  box-shadow: none;
}