a {
  text-decoration: none;
  color: white; }
  a img {
    border: none; }

img {
  max-width: 100%; }

.absolute-full-width {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.inline-block {
  display: inline-block;
  vertical-align: top;
  *zoom: 1;
  *display: inline; }

h1 {
  margin: 0; }

h2 {
  margin: 0; }

h3 {
  margin: 0; }

body {
  padding: 0;
  background-color: black;
  color: white;
  font-family: Raleway, sans-serif; }
  body.mis-listas .cantajuego-24 {
    margin-bottom: 0;
    border-bottom: 0; }
    body.mis-listas .cantajuego-24 > h1 {
      position: absolute;
      bottom: 40px;
      right: 0;
      font-family: Oswald, sans-serif;
      font-size: 60px;
      font-weight: 400;
      margin: 0; }
  body.mis-listas footer {
    background-color: white;
    padding-left: 60px;
    padding-right: 60px; }
  body.mis-datos .cantajuego-24 {
    margin-bottom: 0;
    border-bottom: 0; }
    body.mis-datos .cantajuego-24 > h1 {
      position: absolute;
      bottom: 40px;
      right: 0;
      font-family: Oswald, sans-serif;
      font-size: 60px;
      font-weight: 400;
      margin: 0; }
  body.mis-datos footer {
    background-color: white;
    padding-left: 60px;
    padding-right: 60px; }
  body.search-result .search-icon {
    height: 35px; }
  body.search-result .no-results {
    padding: 80px 30px;
    color: white;
    border: 2px solid #676767; }
  body.search-result .title span {
    font-size: 40px;
    text-transform: none;
    padding-left: 10px; }
  body.playlist footer {
    background-color: white;
    padding: 20px; }
  body.visitor-lista footer {
    background-color: white;
    padding-left: 30px;
    padding-right: 30px; }
  body.lista footer {
    background-color: white;
    padding-left: 30px;
    padding-right: 30px; }

#your_lists {
  position: relative;
  background-color: white;
  color: #717171;
  padding: 30px 60px 50px;
  font-family: Raleway, sans-serif; }
  #your_lists h1 {
    width: auto;
    border-left: 6px solid #e72c29;
    border-bottom: 1px solid #7d7d7d;
    padding-left: 25px;
    height: 46px;
    line-height: 46px;
    color: #717171;
    font-family: Raleway, sans-serif;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 1em; }
  #your_lists .delete-list {
    margin-top: 30px;
    text-align: center; }
    #your_lists .delete-list a {
      color: red; }
  #your_lists aside.lists-list {
    border: 1px solid #cccccc;
    padding: 10px 25px 25px; }
    #your_lists aside.lists-list > a {
      display: block;
      color: #717171;
      font-size: 14px;
      height: 30px;
      line-height: 30px;
      margin: 10px 0;
      text-transform: uppercase; }
      #your_lists aside.lists-list > a.add-list-btn {
        margin-top: 40px;
        text-align: right; }
      #your_lists aside.lists-list > a > span {
        margin-top: 6px;
        height: 15px;
        line-height: 15px; }
    #your_lists aside.lists-list h2 {
      width: 100%;
      height: 38px;
      display: block;
      border: 1px solid #717171;
      line-height: 38px;
      text-align: center;
      font-weight: 300;
      font-size: 15px; }
    #your_lists aside.lists-list .submit {
      padding-top: 5px; }
  #your_lists .visitor form label {
    text-align: right;
    font-family: Raleway, sans-serif;
    font-weight: 300;
    font-size: 18px; }
  #your_lists .visitor form .input {
    margin-bottom: 16px;
    text-align: right; }
  #your_lists .visitor form .select {
    margin-bottom: 16px; }
  #your_lists .visitor form .form-actions {
    text-align: right; }
    #your_lists .visitor form .form-actions > div {
      display: inline-block;
      vertical-align: top;
      *zoom: 1;
      *display: inline; }
    #your_lists .visitor form .form-actions .input.submit input {
      background: #ba0004 none;
      color: white;
      font-size: 20px;
      padding: 7px 15px;
      font-family: Oswald, sans-serif;
      border: 0;
      margin: 0;
      width: auto;
      height: auto; }
    #your_lists .visitor form .form-actions .input.button input {
      color: white;
      font-family: Oswald, sans-serif;
      border: 0;
      margin: 0;
      width: auto;
      height: auto;
      background: #999 none;
      font-size: 16px;
      padding: 5px 12px; }
  #your_lists .visitor form input {
    width: 246px;
    height: 30px;
    margin-left: 10px;
    font-size: 16px;
    padding-left: 4px;
    padding-right: 4px; }
  #your_lists .visitor form select {
    width: 246px;
    height: 30px;
    margin-left: 10px;
    font-size: 16px;
    padding-left: 4px;
    padding-right: 4px; }
  #your_lists .list-songs .no_videos {
    margin-left: 35px; }
  #your_lists .list-songs article {
    background-color: #eeeeee;
    margin-bottom: 10px;
    padding-left: 35px;
    position: relative; }
    #your_lists .list-songs article > div {
      padding: 10px 2% 10px 0;
      font-size: 16px; }
      #your_lists .list-songs article > div.song {
        width: 64%; }
      #your_lists .list-songs article > div.duration {
        width: 20%;
        text-align: center; }
      #your_lists .list-songs article > div.delete {
        width: 8%;
        text-align: center; }
        #your_lists .list-songs article > div.delete a {
          color: #717171;
          font-size: 20px; }
      #your_lists .list-songs article > div.play {
        width: 8%;
        text-align: center; }
        #your_lists .list-songs article > div.play a img {
          width: 20px; }
    #your_lists .list-songs article.titles {
      background-color: white;
      font-weight: 700; }

.main {
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 20px; }
  .main.page-mis-listas .login {
    right: 10px; }
  .main.page-mis-listas .tab-menu select {
    background-color: white;
    color: #676767; }
  .main.page-mis-listas div.tab-menu ul li a {
    color: #676767; }
  .main.page-mis-datos .tab-menu select {
    background-color: white;
    color: #676767; }
  .main.page-mis-datos div.tab-menu ul li a {
    color: #676767; }
  .main.page-mis-datos .visitor .input {
    margin-bottom: 15px;
    margin-left: 0.5em; }

div.header {
  min-height: 70px;
  position: relative;
  z-index: 2; }
div.nav {
  position: absolute;
  top: 0;
  left: 180px;
  height: 70px;
  line-height: 76px;
  color: #cccccc; }
  div.nav ul li a {
    color: #cccccc; }
div.tab-menu {
  position: relative;
  height: 50px;
  margin-bottom: 29px; }
  div.tab-menu ul {
    border-bottom: 1px solid #3d3d3d;
    height: 50px;
    line-height: 50px;
    padding-right: 150px; }
    div.tab-menu ul li {
      padding-left: 15px;
      padding-right: 15px;
      height: 50px; }
      div.tab-menu ul li.selected {
        padding-left: 10px;
        border-left: 5px solid #e72c29; }
      div.tab-menu ul li a {
        font-size: 25px;
        height: 50px;
        line-height: 50px;
        color: #fefefe;
        font-family: Oswald, sans-serif;
        text-transform: uppercase; }
        div.tab-menu ul li a img {
          max-height: 25px;
          width: auto;
          display: inline-block;
          *zoom: 1;
          *display: inline; }
div.cta {
  padding-bottom: 50px; }
  div.cta > img {
    width: 43%;
    padding-right: 2%; }
  div.cta a {
    font-size: 18px;
    font-family: Oswald, sans-serif;
    font-weight: 400;
    padding: 7px 10px;
    background-color: #f43f51;
    width: auto; }
  div.cta div.title {
    font-size: 22px;
    font-family: Oswald, sans-serif;
    font-weight: 400; }

#logoVideo {
  height: 40px;
  width: auto;
  padding-top: 15px; }
  #logoVideo a {
    height: 100%;
    width: auto; }
    #logoVideo a img {
      height: 280%;
      width: auto; }

#counter {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 100;
  font-size: 40px;
  line-height: 60px;
  height: 60px;
  width: auto;
  vertical-align: middle; }
  #counter img {
    position: relative; }

#searcher {
  position: absolute;
  top: 21px;
  right: 345px;
  width: 34px;
  height: 34px;
  z-index: 5; }
  #searcher form {
    height: 34px; }
    #searcher form .input.text {
      width: 100%;
      height: 100%;
      position: relative; }
      #searcher form .input.text input {
        position: absolute;
        width: 28px;
        top: 0;
        right: 0;
        transition: all 1s ease-in-out;
        background: black;
        height: 32px;
        line-height: 32px;
        padding: 0 2px;
        color: #cccccc;
        outline: none;
        border-radius: 0;
        border: 1px solid #cccccc; }
        #searcher form .input.text input:focus {
          width: 228px; }
  #searcher .input input {
    /*noinspection CssInvalidPseudoSelector*/ }
    #searcher .input input:-moz-placeholder {
      color: #cccccc; }
    #searcher .input input:-ms-input-placeholder {
      color: #cccccc; }
    #searcher .input input:placeholder {
      color: #cccccc; }
  #searcher .input input[placeholder] {
    color: #cccccc; }
  #searcher .input [placeholder] {
    color: #cccccc; }
  #searcher .input *[placeholder] {
    color: #cccccc; }
  #searcher:hover form .input.text input {
    width: 228px; }

.srch_btn {
  height: 32px;
  width: 32px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  border: 1px solid #cccccc;
  background: black;
  border-left: none; }
  .srch_btn img {
    display: block;
    margin: 7px auto 0; }

.cantajuego-24 {
  border-bottom: 6px solid white;
  position: relative;
  max-height: 394px;
  overflow: hidden;
  margin-bottom: 25px; }
  .cantajuego-24 img {
    width: 100%;
    height: auto;
    margin-bottom: -5px; }
  .cantajuego-24 .widget {
    position: absolute;
    right: 9%;
    bottom: 20%;
    text-align: right;
    font-size: 25px; }
    .cantajuego-24 .widget h2 {
      font-family: Oswald, sans-serif;
      font-weight: 100;
      font-size: 2.4em; }
    .cantajuego-24 .widget h3 {
      font-family: Open Sans, sans-serif;
      font-weight: 100;
      font-size: 0.92em;
      margin-top: -0.52em; }
    .cantajuego-24 .widget a {
      width: auto;
      text-align: center;
      font-size: 1em;
      background-color: #e72c29;
      border-radius: 0.4em;
      padding: 0.4em 0.8em;
      margin-top: 0.8em; }

.login {
  position: absolute;
  display: block;
  right: 0.5em;
  top: 0;
  height: 44px;
  line-height: 44px;
  color: #676767;
  text-align: right; }
  .login a {
    color: #676767; }
  .login img {
    height: 25px;
    position: relative;
    top: 5px;
    margin-left: 8px; }

.relative {
  position: relative; }

section#playlist {
  border-top: 1px solid #676767;
  padding-top: 25px; }
  section#playlist .player .title {
    font-size: 27px;
    font-family: Oswald, sans-serif;
    font-weight: 400;
    margin-bottom: 23px;
    text-transform: uppercase;
    padding-right: 125px;
    position: relative; }
    section#playlist .player .title > a {
      font-size: 23px;
      font-family: Raleway, sans-serif;
      font-weight: 300;
      border-left: 4px solid #ba0004;
      padding-left: 8px;
      position: absolute;
      bottom: 7px;
      right: 0;
      display: block;
      text-transform: none; }
  section#playlist .player .song_controls {
    height: 48px;
    line-height: 48px;
    font-size: 13px;
    position: relative;
    font-family: Raleway, sans-serif;
    font-weight: 300; }
    section#playlist .player .song_controls a:first-of-type {
      margin-right: 65px; }
    section#playlist .player .song_controls a span {
      font-size: 23px; }
    section#playlist .player .song_controls a.enlarge {
      position: absolute;
      top: 0;
      right: 0; }
      section#playlist .player .song_controls a.enlarge span {
        height: 19px;
        width: 35px;
        border: 1px solid white;
        vertical-align: middle;
        margin-left: 13px; }
  section#playlist .player.zoomed .iframe-container {
    padding-top: 40%; }
  section#playlist .iframe-container {
    width: 100%;
    height: 0;
    padding-top: 57%;
    position: relative;
    border: 1px solid #212121; }
  section#playlist iframe {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }
section#info {
  background-color: white;
  color: black;
  padding: 20px 30px 0; }
  section#info div.video.song .title {
    position: relative;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 26px; }
    section#info div.video.song .title h1 {
      font-size: 35px;
      font-family: Oswald, sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      padding-right: 110px;
      min-height: 2.3em; }
    section#info div.video.song .title h3 {
      font-size: 15px;
      font-weight: 300;
      text-transform: uppercase; }
    section#info div.video.song .title .favorite {
      position: absolute;
      top: 1em;
      right: 0;
      text-align: right; }
      section#info div.video.song .title .favorite a {
        width: 100px;
        display: block;
        position: relative; }
        section#info div.video.song .title .favorite a .starred {
          display: none; }
        section#info div.video.song .title .favorite a.starred .not_starred {
          display: none; }
        section#info div.video.song .title .favorite a.starred .starred {
          display: inline; }
      section#info div.video.song .title .favorite span {
        font-size: 25px;
        display: block;
        font-family: Open Sans, sans-serif;
        font-weight: 100;
        padding-top: 15px; }
  section#info div.video.song .likes {
    font-size: 14px;
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    margin-bottom: 40px; }
    section#info div.video.song .likes > div {
      margin-right: 20px; }
      section#info div.video.song .likes > div img {
        height: 26px;
        position: relative;
        top: 4px;
        margin-right: 5px; }
      section#info div.video.song .likes > div.unlike img {
        top: 14px; }
  section#info div.video.song .buttons a {
    font-size: 20px;
    font-family: Oswald, sans-serif;
    font-weight: 400;
    padding: 7px 10px;
    margin-right: 20px;
    margin-bottom: 25px;
    background-color: #f43f51; }
  section#info > div.inline-block {
    width: 40%;
    margin-top: 1em; }
section#home div.video {
  width: 100%;
  position: relative;
  overflow: hidden; }
  section#home div.video .hover {
    display: none; }
  section#home div.video .image {
    height: 0;
    padding-top: 99%;
    border: 1px solid #333; }
    section#home div.video .image .background {
      width: 100%;
      height: 105%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #313131;
      opacity: 0.8; }
    section#home div.video .image > img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      object-fit: contain; }
    section#home div.video .image span.hover {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 156px;
      height: 46px;
      margin-top: -23px;
      margin-left: -78px;
      border: 1px solid white;
      color: white;
      text-align: center;
      line-height: 46px; }
  section#home div.video > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  section#home div.video .info {
    background-color: #212121;
    height: 54px;
    width: 100%;
    border-top: 1px solid black; }
    section#home div.video .info .title {
      line-height: 54px;
      padding-left: 4%;
      font-size: 15px;
      font-weight: bold; }
    section#home div.video .info div.song-count {
      height: 54px;
      line-height: 54px;
      position: absolute;
      top: 0;
      right: 0;
      padding-right: 4%;
      font-weight: 100;
      font-size: 13px; }
  section#home div.video:hover .hover {
    display: block; }

.songs-column {
  width: 45%;
  position: absolute;
  right: 0;
  height: 100%; }
  .songs-column .songs {
    overflow-x: hidden; }
    .songs-column .songs .song {
      cursor: pointer;
      background-color: #212121;
      height: 114px;
      margin-bottom: 20px;
      position: relative;
      width: 93.5%;
      overflow: hidden;
      border: 1px solid #212121; }
      .songs-column .songs .song.playing {
        background-color: #3d3d3d;
        border: 1px solid #3d3d3d; }
        .songs-column .songs .song.playing > div .playing {
          display: block; }
      .songs-column .songs .song > img {
        height: 100%; }
      .songs-column .songs .song > div {
        margin-left: 17px;
        padding-top: 40px;
        position: relative;
        font-size: 16px;
        font-family: Raleway, sans-serif; }
        .songs-column .songs .song > div .title {
          font-weight: 400; }
        .songs-column .songs .song > div .duration {
          font-weight: 300; }
        .songs-column .songs .song > div .playing {
          display: none;
          position: absolute;
          top: 10px;
          left: 0; }
      .songs-column .songs .song .counter {
        position: absolute;
        bottom: 7px;
        right: 10px;
        padding: 0;
        margin: -10px 0 0;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        font-family: Raleway, sans-serif;
        font-weight: 300; }
  .songs-column > div {
    height: 100%; }
    .songs-column > div > div {
      height: 100%; }

.max768 {
  display: none; }

footer {
  padding-bottom: 15px;
  padding-top: 20px;
  padding-right: 15px; }
  footer div {
    font-size: 15px;
    text-align: right;
    color: #676767; }
    footer div a {
      color: #676767; }

.already-user {
  background: #ba0004 none;
  color: white;
  font-size: 27px;
  padding: 15px;
  font-family: Oswald, sans-serif;
  border: 0;
  margin: 0;
  width: auto;
  height: auto;
  display: block;
  text-align: center; }

.absolute {
  position: absolute; }

.row {
  overflow: hidden;
  margin: 0 -0.5em; }
  .row > div {
    margin-bottom: 1em;
    float: left; }
    .row > div > div {
      padding: 0 0.5em;
      overflow: hidden; }
  .row .col1 {
    width: 8.333%; }
  .row .col2 {
    width: 16.666%; }
  .row .col3 {
    width: 25%; }
  .row .col4 {
    width: 33.333%; }
  .row .col5 {
    width: 41.667%; }
  .row .col6 {
    width: 50%; }
  .row .col7 {
    width: 58.333%; }
  .row .col8 {
    width: 66.667%; }
  .row .col9 {
    width: 75%; }
  .row .col10 {
    width: 83.333%; }
  .row .col11 {
    width: 91.667%; }
  .row .col12 {
    width: 100%; }

.max1200 {
  display: none; }

@media all and (min-width: 1600px) {
  .row .large-col1 {
    width: 8.333%; }
  .row .large-col2 {
    width: 16.666%; }
  .row .large-col3 {
    width: 25%; }
  .row .large-col4 {
    width: 33.333%; }
  .row .large-col5 {
    width: 41.667%; }
  .row .large-col6 {
    width: 50%; }
  .row .large-col7 {
    width: 58.333%; }
  .row .large-col8 {
    width: 66.667%; }
  .row .large-col9 {
    width: 75%; }
  .row .large-col10 {
    width: 83.333%; }
  .row .large-col11 {
    width: 91.667%; }
  .row .large-col12 {
    width: 100%; }

  section#playlist .player .title {
    margin-bottom: 17px;
    font-size: 40px; } }
@media all and (min-width: 1800px) {
  .row .xlarge-col1 {
    width: 8.333%; }
  .row .xlarge-col2 {
    width: 16.666%; }
  .row .xlarge-col3 {
    width: 25%; }
  .row .xlarge-col4 {
    width: 33.333%; }
  .row .xlarge-col5 {
    width: 41.667%; }
  .row .xlarge-col6 {
    width: 50%; }
  .row .xlarge-col7 {
    width: 58.333%; }
  .row .xlarge-col8 {
    width: 66.667%; }
  .row .xlarge-col9 {
    width: 75%; }
  .row .xlarge-col10 {
    width: 83.333%; }
  .row .xlarge-col11 {
    width: 91.667%; }
  .row .xlarge-col12 {
    width: 100%; }

  section#playlist .player .title {
    font-size: 50px;
    margin-bottom: 10px; } }
@media all and (min-width: 1900px) {
  .row .xxlarge-col1 {
    width: 8.333%; }
  .row .xxlarge-col2 {
    width: 16.666%; }
  .row .xxlarge-col3 {
    width: 25%; }
  .row .xxlarge-col4 {
    width: 33.333%; }
  .row .xxlarge-col5 {
    width: 41.667%; }
  .row .xxlarge-col6 {
    width: 50%; }
  .row .xxlarge-col7 {
    width: 58.333%; }
  .row .xxlarge-col8 {
    width: 66.667%; }
  .row .xxlarge-col9 {
    width: 75%; }
  .row .xxlarge-col10 {
    width: 83.333%; }
  .row .xxlarge-col11 {
    width: 91.667%; }
  .row .xxlarge-col12 {
    width: 100%; } }
.popup-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5; }

.popup-overlay-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7; }

.popup-overlay-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 435px;
  margin-left: -400px;
  margin-top: -218px;
  background-color: white; }

.popup-overlay-title {
  height: 58px;
  background-color: black;
  padding: 20px 15px 0; }
  .popup-overlay-title > div {
    display: inline-block;
    height: 34px;
    width: auto;
    border-right: 6px solid #ba0004;
    font-size: 35px;
    font-family: Oswald, sans-serif; }
    .popup-overlay-title > div img {
      height: 35px;
      position: relative;
      padding-right: 15px;
      top: -5px; }
    .popup-overlay-title > div span {
      height: 46px;
      line-height: 34px;
      vertical-align: top;
      padding-right: 15px; }

.popup-overlay-content {
  height: 460px;
  color: #5a5959;
  padding: 30px 15px 15px; }
  .popup-overlay-content form {
    text-align: right;
    margin: 0 50px 10px 10px; }
    .popup-overlay-content form label {
      text-align: right;
      font-family: Raleway, sans-serif;
      font-weight: 300;
      font-size: 18px; }
    .popup-overlay-content form .input {
      margin-bottom: 16px; }
    .popup-overlay-content form .select {
      margin-bottom: 16px; }
    .popup-overlay-content form .form-actions > div {
      display: inline-block;
      vertical-align: top;
      *zoom: 1;
      *display: inline; }
    .popup-overlay-content form .form-actions .input.submit input {
      background: #ba0004 none;
      color: white;
      font-size: 20px;
      padding: 7px 15px;
      font-family: Oswald, sans-serif;
      border: 0;
      margin: 0;
      width: auto;
      height: auto; }
    .popup-overlay-content form .form-actions .input.button input {
      background: none;
      color: white;
      font-family: Oswald, sans-serif;
      border: 0;
      margin: 0;
      width: auto;
      height: auto;
      background-color: #999;
      font-size: 16px;
      padding: 5px 12px; }
    .popup-overlay-content form input {
      width: 246px;
      height: 30px;
      margin-left: 10px;
      font-size: 16px;
      padding-left: 4px;
      padding-right: 4px; }
    .popup-overlay-content form select {
      margin-left: 10px;
      font-size: 16px;
      padding: 0 10px;
      height: 40px;
      width: 258px; }
  .popup-overlay-content .nets div {
    margin-bottom: 20px; }
    .popup-overlay-content .nets div img {
      height: auto;
      width: 100%; }

.overlay-close {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 46px;
  line-height: 73px;
  cursor: pointer; }

#playlist .navigation img {
  position: relative;
  top: 5px;
  margin: 0 5px; }
#playlist .navigation a.next {
  margin-left: 2em; }
#playlist .zoom {
  text-align: right; }
  #playlist .zoom img {
    position: relative;
    margin: 0 5px;
    top: 3px; }
#playlist .row.controls {
  padding-top: 0.5em; }
#playlist > .row > div {
  margin-bottom: 0; }

.t-left {
  text-align: left; }

.t-right {
  text-align: right; }

@media all and (max-width: 1350px) {
  #searcher {
    display: block;
    position: relative;
    top: auto;
    left: 100%;
    right: auto;
    margin: 10px 20px 10px -34px; } }
@media all and (max-width: 1050px) {
  .row .sd-col1 {
    width: 8.333%; }
  .row .sd-col2 {
    width: 16.666%; }
  .row .sd-col3 {
    width: 25%; }
  .row .sd-col4 {
    width: 33.333%; }
  .row .sd-col5 {
    width: 41.667%; }
  .row .sd-col6 {
    width: 50%; }
  .row .sd-col7 {
    width: 58.333%; }
  .row .sd-col8 {
    width: 66.667%; }
  .row .sd-col9 {
    width: 75%; }
  .row .sd-col10 {
    width: 83.333%; }
  .row .sd-col11 {
    width: 91.667%; }
  .row .sd-col12 {
    width: 100%; }

  #searcher {
    position: absolute;
    top: 21px;
    right: 215px;
    width: 34px;
    height: 34px;
    z-index: 2;
    margin: 0;
    left: auto; }

  .max1050 {
    display: block !important; }
    .max1050.inline {
      display: inline; }
    .max1050.inline-block {
      display: inline; }

  .min1050 {
    display: none !important; }

  .mobile-list-selector {
    line-height: 24px; }
    .mobile-list-selector > span {
      display: inline; }

  div.nav {
    position: static;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 27px;
    margin-left: 190px; }
  div.tab-menu {
    margin-bottom: 15px; }

  #your_lists .list-songs {
    margin-left: 0; }
    #your_lists .list-songs article {
      padding-left: 5px; }
  #your_lists aside.lists-list {
    position: relative;
    width: auto;
    top: 0;
    left: 0;
    padding: 0;
    border: none;
    text-align: right; }
    #your_lists aside.lists-list select {
      vertical-align: top;
      font-size: 16px;
      height: 25px;
      border: 1px solid #676767;
      width: 175px;
      position: relative;
      background: url(../img/arrow-down.png) no-repeat 161px 9px;
      color: #676767;
      display: inline;
      margin-left: 8px; }
    #your_lists aside.lists-list form {
      position: absolute;
      right: 0;
      top: 0; }
      #your_lists aside.lists-list form * {
        display: inline-block;
        vertical-align: top;
        *zoom: 1;
        *display: inline;
        max-width: 200px; }
      #your_lists aside.lists-list form input {
        height: 31px; }
    #your_lists aside.lists-list .submit {
      padding-top: 0; }
      #your_lists aside.lists-list .submit input {
        height: 37px; }

  .cantajuego-24 .widget {
    top: 5%;
    font-size: 20px;
    bottom: auto; } }
@media all and (max-width: 1200px) {
  .max1200 {
    display: block; }
    .max1200.inline {
      display: inline; }
    .max1200.inline-block {
      display: inline; }

  .min1200 {
    display: none; } }
.max1050 {
  display: none; }

.max400 {
  display: none; }

.welcome-youtube-notice-popup .popup-overlay-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 462px !important;
  height: 464px !important;
  min-height: 464px !important;
  margin-left: -231px !important;
  margin-top: -232px !important;
  background-color: white; }
.welcome-youtube-notice-popup .popup-overlay-content {
  height: auto;
  padding: 0;
  position: relative; }
  .welcome-youtube-notice-popup .popup-overlay-content .content-text {
    width: 100%;
    height: 100%;
    position: relative; }
    .welcome-youtube-notice-popup .popup-overlay-content .content-text > div {
      width: 100%;
      position: relative; }
    .welcome-youtube-notice-popup .popup-overlay-content .content-text img {
      width: 100%; }
    .welcome-youtube-notice-popup .popup-overlay-content .content-text .text-notice {
      position: absolute;
      top: 56px;
      left: 104px;
      width: 310px;
      height: auto;
      text-align: center; }
  .welcome-youtube-notice-popup .popup-overlay-content .red-button {
    position: absolute;
    top: 315px;
    left: 20px; }
    .welcome-youtube-notice-popup .popup-overlay-content .red-button a {
      background-color: red;
      color: white;
      padding: 10px;
      font-family: Oswald, sans-serif;
      font-size: 21px; }
  .welcome-youtube-notice-popup .popup-overlay-content .under-red-button {
    position: absolute;
    top: 363px;
    left: 58px; }
    .welcome-youtube-notice-popup .popup-overlay-content .under-red-button a {
      color: black;
      font-family: Raleway, sans-serif;
      font-weight: 300;
      font-size: 12px; }
  .welcome-youtube-notice-popup .popup-overlay-content .legal-advice {
    position: absolute;
    bottom: 20px;
    left: 20px; }
    .welcome-youtube-notice-popup .popup-overlay-content .legal-advice a {
      color: black;
      font-family: Raleway, sans-serif;
      font-weight: 300;
      font-size: 12px; }

@media all and (max-width: 850px) {
  .popup-overlay-wrapper {
    width: 100%;
    left: 0;
    margin-left: 0; } }
@media all and (max-width: 800px) {
  .cantajuego-24 .widget {
    top: 5%;
    font-size: 16px; } }
@media all and (max-width: 768px) {
  #searcher {
    display: block;
    position: absolute;
    top: auto;
    left: 100%;
    right: auto;
    margin: 10px 20px 10px -34px; }

  section#playlist .iframe-container {
    height: auto;
    padding: 0 !important; }
    section#playlist .iframe-container > iframe {
      position: static;
      width: 100%;
      height: 500px;
      padding: 0; }
  section#playlist .player .title {
    padding-right: 0; }
    section#playlist .player .title > a {
      position: static;
      display: block;
      text-align: right;
      margin-bottom: 15px;
      width: 200px;
      margin-left: auto; }
  section#info {
    padding: 20px 20px 0 20px; }
    section#info div.video.song .title h1 {
      font-size: 30px; }
    section#info div.video.song .title .favorite span {
      font-size: 20px; }

  .popup-overlay-content {
    height: auto;
    text-align: center; }
    .popup-overlay-content .nets {
      max-width: 300px;
      margin-left: auto;
      margin-right: auto; }
    .popup-overlay-content .form-actions {
      max-width: 300px;
      margin-left: auto;
      margin-right: auto; }
    .popup-overlay-content form {
      margin: 0 auto 10px auto; }
      .popup-overlay-content form label {
        display: block;
        width: 300px;
        margin: 0 auto;
        text-align: left; }
      .popup-overlay-content form input {
        width: 300px;
        margin: 0 auto !important;
        display: block; }
      .popup-overlay-content form select {
        width: 300px;
        margin: 0 auto !important;
        display: block; }
      .popup-overlay-content form .input.submit input {
        margin: 0 auto;
        display: block; }

  body.has-popup > .main {
    display: none; }
  body.mis-listas .cantajuego-24 > h1 {
    bottom: 50%;
    height: 50px;
    line-height: 50px;
    font-size: 36px;
    margin-bottom: -25px; }

  .popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: auto;
    height: auto; }

  .popup-overlay-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
    top: 0;
    left: 0;
    margin: 0; }

  .max768 {
    display: block; }
    .max768.inline {
      display: inline; }
    .max768.inline-block {
      display: inline; }

  .min768 {
    display: none; }

  #your_lists {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px; }
    #your_lists .list-songs article {
      padding-left: 5px; }
      #your_lists .list-songs article > div.song {
        width: 61%; }
      #your_lists .list-songs article > div.duration {
        width: 25%; }
    #your_lists aside.lists-list form {
      position: relative;
      right: auto;
      top: auto;
      margin-top: 10px; }

  .page-wrapper {
    padding-right: 1em;
    padding-left: 1em; }

  .content-header {
    padding-right: 1em;
    padding-left: 1em; }

  .content-footer {
    padding-right: 1em;
    padding-left: 1em; }

  .social {
    padding-top: 0; }

  .mfont2 {
    font-size: 2em; }

  .row .mcol1 {
    width: 8.333%; }
  .row .mcol2 {
    width: 16.666%; }
  .row .mcol3 {
    width: 25%; }
  .row .mcol4 {
    width: 33.333%; }
  .row .mcol5 {
    width: 41.667%; }
  .row .mcol6 {
    width: 50%; }
  .row .mcol7 {
    width: 58.333%; }
  .row .mcol8 {
    width: 66.667%; }
  .row .mcol9 {
    width: 75%; }
  .row .mcol10 {
    width: 83.333%; }
  .row .mcol11 {
    width: 91.667%; }
  .row .mcol12 {
    width: 100%; }

  .m-m-top-0-5 {
    margin-top: 0.5em; }

  .m-m-top-1-5 {
    margin-top: 1em; }

  .m-m-top-1-5 {
    margin-top: 1.5em; }

  .m-m-top-2 {
    margin-top: 2em; }

  .m-m-left-0-5 {
    margin-left: 0.5em; }

  .m-m-left-1 {
    margin-left: 1em; }

  .m-m-left-1-5 {
    margin-left: 1.5em; }

  .m-m-left-2 {
    margin-left: 2em; }

  .m-m-right-0-5 {
    margin-right: 0.5em; }

  .m-m-right-1 {
    margin-right: 1em; }

  .m-m-right-1-5 {
    margin-right: 1.5em; }

  .m-m-right-2 {
    margin-right: 2em; }

  .m-m-bottom-0-5 {
    margin-bottom: 0.5em; }

  .m-m-bottom-1 {
    margin-bottom: 1em; }

  .m-m-bottom-1-5 {
    margin-bottom: 1.5em; }

  .m-m-bottom-2 {
    margin-bottom: 2em; }

  .m-static {
    position: static; }

  #playlist .navigation {
    font-size: 14px; }
    #playlist .navigation img {
      width: 10px; }
    #playlist .navigation a.next {
      margin-left: 1em; }

  .welcome-youtube-notice-popup.popup-overlay {
    width: 100%;
    height: 100%; }

  .mrownone > div > div > div {
    height: auto !important;
    min-height: 0 !important; } }
@media all and (max-width: 650px) {
  div.header {
    min-height: 115px; }

  .min650 {
    display: none !important; }

  section#info div.video.song .title h1 {
    font-size: 25px; }
  section#info div.video.song .title .favorite span {
    font-size: 16px; }

  .cantajuego-24 .widget {
    font-size: 14px;
    text-align: center;
    width: 100%;
    left: 0;
    right: auto; }
    .cantajuego-24 .widget a {
      margin-top: 0; }
    .cantajuego-24 .widget > * {
      position: static;
      display: inline-block;
      vertical-align: middle; }

  #your_lists .list-songs article > div.song {
    width: 88%; }
  #your_lists .list-songs article > div.duration {
    display: none; } }
section#home .visitor-playlists div.video .image {
  padding-top: 73%; }

.main-content {
  margin-top: 30px; }

.page-index .main-content {
  margin-top: 0px; }

@media all and (max-width: 550px) {
  #playlist .navigation {
    font-size: 12px; }
    #playlist .navigation img {
      width: 7px; }

  section#playlist .iframe-container > iframe {
    height: 400px; }

  #your_lists .list-songs article > div.song {
    width: 86%; }
  #your_lists .list-songs article > div.album {
    display: none; } }
@media all and (max-width: 450px) {
  section#info div.video.song .title h1 {
    font-size: 20px; }
  section#info div.video.song .title .favorite span {
    font-size: 12px; } }
@media all and (max-width: 400px) {
  section#info div.video.song .title h1 {
    font-size: 16px; }
  section#playlist .iframe-container > iframe {
    height: 300px; }

  .main {
    padding: 0 10px; }

  .max400 {
    display: block; }
    .max400.inline {
      display: inline; }
    .max400.inline-block {
      display: inline; }

  .min400 {
    display: none; }

  #counter {
    font-size: 25px; }
    #counter img {
      position: relative;
      top: 2px; }

  .cantajuego-24 .widget {
    font-size: 12px; } }
@media all and (max-width: 1024px) {
  .tfont1-5 {
    font-size: 1.5em; }

  .row .tcol1 {
    width: 8.333%; }
  .row .tcol2 {
    width: 16.666%; }
  .row .tcol3 {
    width: 25%; }
  .row .tcol4 {
    width: 33.333%; }
  .row .tcol5 {
    width: 41.667%; }
  .row .tcol6 {
    width: 50%; }
  .row .tcol7 {
    width: 58.333%; }
  .row .tcol8 {
    width: 66.667%; }
  .row .tcol9 {
    width: 75%; }
  .row .tcol10 {
    width: 83.333%; }
  .row .tcol11 {
    width: 91.667%; }
  .row .tcol12 {
    width: 100%; }

  .t-m-top-0-5 {
    margin-top: 0.5em; }

  .t-m-top-1 {
    margin-top: 1em; }

  .t-m-top-1-5 {
    margin-top: 1.5em; }

  .t-m-top-2 {
    margin-top: 2em; }

  .t-m-left-0-5 {
    margin-left: 0.5em; }

  .t-m-left-1 {
    margin-left: 1em; }

  .t-m-left-1-5 {
    margin-left: 1.5em; }

  .t-m-left-2 {
    margin-left: 2em; }

  .t-m-right-0-5 {
    margin-right: 0.5em; }

  .t-m-right-1 {
    margin-right: 1em; }

  .t-m-right-1-5 {
    margin-right: 1.5em; }

  .t-m-right-2 {
    margin-right: 2em; }

  .t-m-bottom-0-5 {
    margin-bottom: 0.5em; }

  .t-m-bottom-1 {
    margin-bottom: 1em; }

  .t-m-bottom-1-5 {
    margin-bottom: 1.5em; }

  .t-m-bottom-2 {
    margin-bottom: 2em; }

  .t-static {
    position: static; }

  .trownone > div > div > div {
    height: auto !important;
    min-height: 0 !important; } }
@media all and (max-width: 480px) {
  .min480 {
    display: none; }

  .xmstatic {
    position: static !important; }

  .row .xmcol1 {
    width: 8.333%; }
  .row .xmcol2 {
    width: 16.666%; }
  .row .xmcol3 {
    width: 25%; }
  .row .xmcol4 {
    width: 33.333%; }
  .row .xmcol5 {
    width: 41.667%; }
  .row .xmcol6 {
    width: 50%; }
  .row .xmcol7 {
    width: 58.333%; }
  .row .xmcol8 {
    width: 66.667%; }
  .row .xmcol9 {
    width: 75%; }
  .row .xmcol10 {
    width: 83.333%; }
  .row .xmcol11 {
    width: 91.667%; }
  .row .xmcol12 {
    width: 100%; }

  .xm-m-top-0-5 {
    margin-top: 0.5em; }

  .xm-m-top-1 {
    margin-top: 1em; }

  .xm-m-top-1-5 {
    margin-top: 1.5em; }

  .xm-m-top-2 {
    margin-top: 2em; }

  .xm-m-left-0-5 {
    margin-left: 0.5em; }

  .xm-m-left-1 {
    margin-left: 1em; }

  .xm-m-left-1-5 {
    margin-left: 1.5em; }

  .xm-m-left-2 {
    margin-left: 2em; }

  .xm-m-right-0-5 {
    margin-right: 0.5em; }

  .xm-m-right-1 {
    margin-right: 1em; }

  .xm-m-right-1-5 {
    margin-right: 1.5em; }

  .xm-m-right-2 {
    margin-right: 2em; }

  .xm-m-bottom-0-5 {
    margin-bottom: 0.5em; }

  .xm-m-bottom-1 {
    margin-bottom: 1em; }

  .xm-m-bottom-1-5 {
    margin-bottom: 1.5em; }

  .xm-m-bottom-2 {
    margin-bottom: 2em; }

  .xm-static {
    position: static; }

  .welcome-youtube-notice-popup {
    position: fixed !important;
    top: 0;
    left: 0;
    background: white;
    height: 100% !important;
    width: 100% !important;
    z-index: 10; }
    .welcome-youtube-notice-popup .popup-overlay-wrapper {
      position: absolute;
      top: 25px;
      left: 0;
      width: 100% !important;
      height: 100% !important;
      background-color: white;
      margin: 0 !important;
      min-height: 0; }
    .welcome-youtube-notice-popup .popup-overlay-content {
      height: 100%; }
      .welcome-youtube-notice-popup .popup-overlay-content .content-text img {
        width: 100%; }
      .welcome-youtube-notice-popup .popup-overlay-content .content-text .text-notice {
        position: absolute;
        top: 7%;
        left: 20%;
        width: 71%;
        font-size: 16px; }
      .welcome-youtube-notice-popup .popup-overlay-content .red-button {
        top: auto !important;
        bottom: 90px !important; }
        .welcome-youtube-notice-popup .popup-overlay-content .red-button a {
          background-color: red;
          color: white;
          padding: 10px;
          font-family: Oswald, sans-serif;
          font-size: 21px; }
      .welcome-youtube-notice-popup .popup-overlay-content .under-red-button {
        top: auto !important;
        left: 58px;
        bottom: 54px !important; }
        .welcome-youtube-notice-popup .popup-overlay-content .under-red-button a {
          color: black;
          font-family: Raleway, sans-serif;
          font-weight: 300;
          font-size: 12px; }
      .welcome-youtube-notice-popup .popup-overlay-content .legal-advice {
        bottom: 30px !important;
        left: auto !important;
        right: 20px; }
        .welcome-youtube-notice-popup .popup-overlay-content .legal-advice a {
          color: black;
          font-family: Raleway, sans-serif;
          font-weight: 300;
          font-size: 12px; }

  .popup-overlay-background {
    display: none; }

  .login a:first-of-type {
    display: none; }

  .xmrownone > div > div > div {
    height: auto !important;
    min-height: 0 !important; } }
@media all and (max-width: 420px) {
  .welcome-youtube-notice-popup .popup-overlay-content .content-text .text-notice {
    font-size: 14px; } }
@media all and (max-width: 370px) {
  .welcome-youtube-notice-popup .popup-overlay-content .content-text .text-notice {
    font-size: 12px !important; } }
@media all and (max-width: 320px) {
  .welcome-youtube-notice-popup .popup-overlay-content .content-text .text-notice {
    font-size: 10px !important; } }
.row1 > div > div > div {
  height: 3em !important; }

.row2 > div > div > div {
  height: 6em !important; }

.row3 > div > div > div {
  height: 9em !important; }

.row4 > div > div > div {
  height: 12em !important; }

.row5 > div > div > div {
  height: 15em !important; }

.row6 > div > div > div {
  height: 18em !important; }

.row7 > div > div > div {
  height: 21em !important; }

.row8 > div > div > div {
  height: 24em !important; }

.row9 > div > div > div {
  height: 27em !important; }

.row10 > div > div > div {
  height: 30em !important; }

.tab-menu select {
  font-size: 20px;
  height: 37px;
  border: 1px solid #676767;
  color: white;
  width: 150px;
  position: relative;
  background: url(../img/arrow-down.png) no-repeat 136px 15px; }
  .tab-menu select option {
    color: black; }
    .tab-menu select option:focus {
      color: white; }

.title > .favorite .list-of-lists-container {
  position: absolute;
  top: 22px;
  right: -1px;
  z-index: 2;
  padding-top: 30px; }
.title > .favorite .list-of-lists {
  position: relative;
  border: solid black 1px;
  background-color: white;
  border-radius: 10px; }
  .title > .favorite .list-of-lists ul {
    margin: 0;
    padding: 15px 25px 10px 30px;
    min-width: 200px; }
  .title > .favorite .list-of-lists li {
    padding-bottom: 5px; }
    .title > .favorite .list-of-lists li > span {
      color: black;
      font-size: 15px !important;
      font-weight: 400 !important;
      padding-top: 0 !important;
      width: auto !important;
      text-transform: uppercase;
      line-height: 0.9em;
      padding-bottom: 10px; }
    .title > .favorite .list-of-lists li.add-list {
      text-align: center;
      margin-top: 10px; }
      .title > .favorite .list-of-lists li.add-list span {
        font-weight: 700 !important; }
    .title > .favorite .list-of-lists li.has-song span {
      font-weight: 700 !important; }
  .title > .favorite .list-of-lists > .sting {
    position: absolute;
    bottom: 100%;
    right: 10px;
    height: 30px; }
    .title > .favorite .list-of-lists > .sting img {
      height: 100%; }

/*# sourceMappingURL=public.css.map */


div.login {
  display: none !important;
}