@charset "UTF-8";

@font-face {
    font-family: 'helveticaneue-boldregular';
    src: url('../fonts/henbold-webfont.eot');
    src: url('../fonts/henbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/henbold-webfont.woff') format('woff'),
         url('../fonts/henbold-webfont.ttf') format('truetype'),
         url('../fonts/henbold-webfont.svg#helveticaneue-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneue-lightregular';
    src: url('../fonts/henlight-webfont.eot');
    src: url('../fonts/henlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/henlight-webfont.woff') format('woff'),
         url('../fonts/henlight-webfont.ttf') format('truetype'),
         url('../fonts/henlight-webfont.svg#helveticaneue-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
} 
@font-face {
    font-family: 'helveticaneue-romanregular';
    src: url('../fonts/henregular-webfont.eot');
    src: url('../fonts/henregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/henregular-webfont.woff') format('woff'),
         url('../fonts/henregular-webfont.ttf') format('truetype'),
         url('../fonts/henregular-webfont.svg#helveticaneue-romanregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#wrap.search-open {
  transform: unset; /* esto anula el efcto del buscador */
}

.flickity-button,
.flickity-button:hover {
  background: transparent;
  top:48%;
}
/* big previous & next buttons */
.flickity-prev-next-button {
  width: 50px;
  height: 50px;
}
/* icon color */
.flickity-button-icon {
  fill: rgba(0,0,0,1);
}
/* hide disabled button */
.flickity-button:disabled {
  display: none;
}
.flickity-button-icon:hover {
  fill: rgba(0, 186, 178, 1);
}
.flickity-prev-next-button.previous {
  left:2px;
}
.flickity-prev-next-button.next {
  right:2px;
}


#adonis-popup-menu {
  z-index: 4000;
  z-index: 1013;
}

#adonis-popup-menu .jssocials-share {
  display: block;
  margin:8px 10px;
}

#adonis-popup-menu .jssocials-share .jssocials-share-link {
  width:100%;
}

/* Player */

#adonis_jp_container {
}

.adonis-player-wrap .adonis-player-horizontal {
  /*background: #ff0000;*/
  background-image: url('../img/bg-rojo.png');
  border-top:2px solid #00BDB5;
}
.adonis-player-wrap,
.adonis-player-wrap.fixed-player,
.adonis-playlist-player.fixed-player {
  position: fixed;
  width: 100%;
  bottom: 0;
  top:auto;
  left: 0;
  z-index: 10000;
  z-index: 2000;
}

.adonis-player-wrap .jp-progress,
.adonis-playlist-player .jp-progress {
  overflow: visible;
  height: 30px;
  background-color: transparent;
  cursor: pointer;
  /*margin-top: -10px;*/
  width: 100%;
  padding-bottom: 25px;
}

.adonis-player-wrap h1, .adonis-player-wrap .h1, .adonis-player-wrap h2, .adonis-player-wrap .h2, .adonis-player-wrap h3, .adonis-player-wrap .h3, .adonis-player-wrap h4, .adonis-player-wrap .h4, .adonis-player-wrap h5, .adonis-player-wrap .h5, .adonis-player-wrap h6, .adonis-player-wrap .h6,
.adonis-player-wrap .jp-current-time,
.adonis-player-wrap .jp-duration {
  color:#ffffff !important;
}
.adonis-player-wrap a {
  color:#ffffff;
}
.adonis-player-wrap a.inactive-color {
  color:#cccccc;
}
.adonis-player-wrap .jp-volume-bar-value::after, .adonis-player-wrap .jp-play-bar::after {
  height: 9px;
  width: 9px;
  background: red;
  background: #00BDB5;
}
.adonis-player-wrap .jp-play-bar, .adonis-playlist-player .jp-play-bar {
  background: linear-gradient(135deg, #91a5f4 0%, #b08cf9 86%);
  background: linear-gradient(135deg, #5e0000 0%, #eb2629 86%);
  background: linear-gradient(135deg, #00BDB5 0%, #00BDB5 86%);
}
.adonis-player-wrap .jp-volume-bar-value, .adonis-playlist-player .jp-volume-bar-value {
  /*background: linear-gradient(135deg, #91a5f4 0%, #b08cf9 86%);*/
  background: red;
  background: #00BDB5;
}
.adonis-player-wrap .jp-volume-bar-value, .adonis-playlist-player .jp-volume-bar-value {
  height: 4px;
}

.adonis-player-wrap .jp-title {
  height: 19px;
  overflow: hidden;
}
.adonis-player-wrap .artist-name {
  max-height: 20px;
  overflow: hidden;
  color:#ffffff;
}

.adonis-player-wrap .adonis-playlist .blurred-bg-wrap .blurred-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  -webkit-filter: blur(30px);
  -moz-filter: blur(30px);
  -ms-filter: blur(30px);
  -o-filter: blur(30px);
  filter: blur(30px);
  filter: blur(32px);
  opacity: 0.2;
  
  opacity: 1.0;
  filter: none;
  background-image: url('../img/bg-rojo.png');
}

.adonis-player-wrap .adonis-playlist a.track-menu-playlist {
  color: black;
  font-size:1.5em;
  margin-top: 20px;
}
.adonis-player-wrap .adonis-playlist a.track-menu-playlist:hover {
  color:#00BAB2;
}

.adonis-playlist .player-details .jp-title {
  font-size: 5vw;
  font-size: 1.6em;
  height:90px;
}
.adonis-playlist .player-details .artist-name a {
  color:#fff !important;
}
.adonis-playlist .player-details .adonis-icon {
  color:#fff !important;
}
.adonis-playlist .controls,
.adonis-playlist .controls * {
  color:#fff !important;
}
.adonis-player-wrap .player-controls a {
  color:#fff !important;
}

.adonis-player-wrap .player-controls a img {
  filter:invert(0.8) sepia(1) saturate(0) hue-rotate(0deg);
}

.adonis-player-wrap .player-controls a:hover img {
  filter: invert(0.6) sepia(0.9) saturate(3) hue-rotate(125deg);
}

.progress-material {
  width: 100%;
  height: 4px;
  background-color: #C6D0F2;
}
.progress-material .progress-indeterminate {
  width: 20%;
  height: 100%;
  background-color: #b08cf9;
  position: relative;
  top: 0;
  left: 0%;
  will-change: left,right;
  animation: indeterminate 1s ease-in infinite;
  overflow: hidden;
}
@keyframes indeterminate {
  0% {
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    animation-timing-function: ease-in;
  }
  25% {
    -moz-transform: translate(100%, 0%);
    -webkit-transform: translate(100%, 0%);
    transform: translate(100%, 0%);
    animation-timing-function: ease-in;
  }
  50% {
    -moz-transform: translate(200%, 0%);
    -webkit-transform: translate(200%, 0%);
    transform: translate(200%, 0%);
    animation-timing-function: ease-in;
  }
  75% {
    -moz-transform: translate(300%, 0%);
    -webkit-transform: translate(300%, 0%);
    transform: translate(300%, 0%);
    animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: translate(400%, 0%);
    -webkit-transform: translate(400%, 0%);
    transform: translate(400%, 0%);
    animation-timing-function: ease-in;
  }
}

#adonis-playlist .song-poster {
  top:0;
}
#adonis-playlist .song-poster:hover img {
  border:2px solid #00BAB2;
  background-color: #fff;
}
#adonis-playlist .song-poster .hover-state {
  display: none;
}


/*
.player-bottom-spacer {
  display: block;
  width: 100%;
  height: 20px;
}
*/
/*
linear-gradient(135deg, #91a5f4 0%, #b08cf9 86%)


content: '';
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 0;
    z-index: 1;
    opacity: 0;
    background: #91a5f4;
    background: -moz-linear-gradient(-45deg, #91a5f4 0%, #b08cf9 86%);
    background: -webkit-linear-gradient(-45deg, #91a5f4 0%, #b08cf9 86%);
    background: linear-gradient(135deg, #91a5f4 0%, #b08cf9 86%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91a5f4', endColorstr='#b08cf9',GradientType=1 );
    transition: all 0.4s ease-in-out;
*/

.owl-carousel .owl-wrapper-outer{
   overflow: hidden;
   position: relative;
   width: 100%;
   z-index: 1;  /* added this */
}
.owl-item { 
  transform: translateZ(0);
 -webkit-transform: translateZ(0); 
 -ms-transform: translateZ(0); 
}

.owl-theme-adonis .owl-dots .owl-dot.active span,
.owl-theme-adonis .owl-dots .owl-dot span {
	webkit-box-shadow: none;
	box-shadow: none;
	/*transition: none;*/
}

.owl-theme-adonis .owl-stage-outer {
}

/*
*:focus {
  border:4px solid #009AFA;
  background:#009AFA !important;
}
*/
#version-novisual {
  position: absolute;
  display: block;
  width: 6em;
  top: 10px;
  right: 10px;
  z-index: 1;
  box-sizing: border-box;
  border: 4px solid transparent;
  padding: 10px;
  transition: all .30s ease-in-out;
  border-radius: 100px;
}

#version-novisual img {
  width:100%;
}

#version-novisual:focus {
  border:4px solid #009AFA;
}


section {
	position: relative;
}

.gutter-30 {
	position:relative;
	/*padding: 0 20px;*/
}

.adonis-carousel, .owl-carousel {
	position: relative !important;
	overflow: visible !important;
}

.browse-overview,
.tabs-content,
#main,
.container,
#site-content-inner,
#site-content,
#wrap {
	position: relative !important;
}

.owl-nav {
  position: absolute;
  top: 40%;
  left: -2%;
  width: 104%;
  text-align: left !important;
  margin-top: 0 !important;
  height: 0;
  z-index: 20000;
  z-index: 2001;
}
.owl-nav [class*=owl-] {
  -webkit-transform: translateY(-51%);
          transform: translateY(-51%);
  margin: 0 15px !important;
  padding: 70px 2px !important;
  font-size: 3em !important;
}

.owl-next {
  float: right;
}


/*
 * Encabezado (banner)
 */

#red-bg {
  overflow: hidden;
  width: 100%;
  /*background-color: rgb(235,38,41);*/
  /*background-image: url('../img/bg-rojo.png');*/
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  /*padding-bottom: 20px;*/
}
#red-bg::before {
  display: block;
  width: 100%;
  height:120px;
  height:90px;
  background-image: url('../img/bg-rojo.png');
  content: ' ';
  position:absolute;
  top:0;
  left:0;
}
#logo-dc {
  position: absolute;
  height:90px;
  height:66px;
  top:15px;
  left:100px;
  left:40px;
}
#logo-unam {
  position: absolute;
  top:20px;
  right:100px;
  right:40px;
  height:50px;
}

#sticky-header {
  display: none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:80px;
  z-index:5;
  background-image: url('../img/bg-rojo.png');
  border-bottom:2px solid #00BDB5;
  border-bottom:1px solid #fff;
}
#sticky-logo-dc {
  position: relative;
  height: 66px;
  top: 5px;
  left: 100px;
  left: 40px;
}
#sticky-logo-unam {
  position: absolute;
  height: 50px;
  top: 15px;
  right: 100px;
  right: 40px;
}


@media (orientation:portrait) and (min-width:0px) and (max-width:580px) {
  #red-bg::before {
    display: block;
    width: 100%;
    height:87px;
    background-image: url('../img/bg-rojo.png');
    content: ' ';
    position:absolute;
    top:0;
    left:0;
  }
  #logo-dc {
    height:60px;
    top:12px;
    left:50%;
    transform: translate(-50%,0);
  }
  #logo-unam {
    display: none;
  }
  #sticky-header {
    height:60px;
  }
  #sticky-logo-dc {
    position: relative;
    height: 40px;
    top: 8px;
    left:50%;
    transform: translate(-50%,0);
  }
  #sticky-logo-unam {
    display: none;
  }

  #sticky-logo-dc {
    height:58px;
    top:0px;
    left:50%;
    transform: translate(-50%,0);
  }

}

@media (orientation:landscape) and (min-width:0px) and (max-width:680px) {
  #red-bg::before {
    display: block;
    width: 100%;
    height:87px;
    background-image: url('../img/bg-rojo.png');
    content: ' ';
    position:absolute;
    top:0;
    left:0;
  }
  #logo-dc {
    height:60px;
    top:12px;
    left:50%;
    transform: translate(-50%,0);
  }
  #logo-unam {
    display: none;
  }
  #sticky-logo-dc {
    height:60px;
    top:12px;
    left:50%;
    transform: translate(-50%,0);
  }
  #sticky-logo-unam {
    display: none;
  }
}

#site-header {
  background-color: rgb(235,38,41);
  height:90px;
}

#site-header.red0 {
  background-color: rgb(235,38,41);
}

#site-header.white0 {
  background-color: #ffffff;
}

.site-header .header-inner {
    padding-top: 0;
    padding-bottom: 0;
}


/*
 *  Carrusel principal
*/
#main-carousel-cnt {
  display: block;
  width: 100%;
  margin:150px 0 20px 0;
  margin:130px 0 0 0;
  margin:100px 0 0 0;
  overflow: hidden;
  text-align: center;
}

#main-carousel {
  height: 60vh;
  margin:0 auto;
  background-image: url('../img/bg-rojo.png');
}

.main-carousel-item {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-around;
}

.main-carousel-block {
  flex-grow: 1;
  margin:0;
  /*background-color: rgba(0,0,0,0.7);*/
  text-align: center;
}

.main-carousel-item.x1col .main-carousel-block {
  width:100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.main-carousel-item.x2col {
  padding:0 7%;
}
.main-carousel-item.x2col .main-carousel-block {
  width:46%;
  height: 100%;
  margin:0 1% 0 1%;
}

.main-carousel-item.x3col {
  padding:0 5%;
}
.main-carousel-item.x3col .main-carousel-block {
  width:31%;
  height: 100%;
  margin:0 1% 0 1%;
}

.main-carousel-block-elem {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 10px;
  overflow: hidden;
  margin: auto;
}

#main-carousel .flickity-button,
#main-carousel .flickity-button:hover {
  background: transparent;
  top:50%;
}
/* big previous & next buttons */
#main-carousel .flickity-prev-next-button {
  width: 50px;
  height: 50px;
}
/* icon color */
#main-carousel .flickity-button-icon {
  fill: rgba(0, 186, 178, 0.2);
}
#main-carousel:hover .flickity-button-icon {
  fill: #00BAB2;
}
/* hide disabled button */
#main-carousel .flickity-button:disabled {
  display: none;
}

@media (orientation:portrait) and (min-width:0px) and (max-width:580px)
{
  #main-carousel-cnt {
    width: 100%;
    margin:110px 0 0 0;
    margin:86px 0 0 0;
  }
}

@media (orientation:landscape) and (min-width:0px) and (max-width:680px)
{
  #main-carousel-cnt {
    width: 100%;
    margin:110px 0 0 0;
  }
}




/*
 *  Tabs de contenido
*/

#tabs {
  display: block;
  overflow: hidden;
  padding-left:20px;
  /*background: #000000;*/
  /*background: #00BDB5;*/
  background-color: #00BAB2;
  background-image: url('../img/bg-verde.png');
}

#tabs-menu-cnt {
  background-color: #00BAB2;
  background: url(../img/bg-verde.png);
}
#tabs-menu-cnt .tabs {
  max-width: 100%;
  margin: 0 auto;
}
#tabs-menu-cnt.tabs_sticky {
  position: fixed;
  top:79px;
  width:100%;
  z-index:3;
  border-bottom:1px solid #fff;
}

@media (min-width:1300px) {
  #tabs-menu-cnt .tabs {
    max-width: 90%;
    margin: 0 auto;
  }
}
@media (min-width:1800px) {
  #tabs-menu-cnt .tabs {
    max-width: 82%;
    margin: 0 auto;
  }
}

#tabs .tab-link {
  position:relative;
  display: inline-block;
  width:140px;
  color:#ffffff;
  font-size:1.3em;
  text-align: center;
  line-height: 100%;
  padding:5px 0;
  transition: color 0.5s ease;
  /*background: #333;*/
}
#tabs .tab-link:hover {
  /*border-bottom:2px solid #ffffff;*/
  background: #fff;
}

#tabs .tab-link a {
  transition: color 0.5s ease;
  color:#ffffff !important;
}
#tabs .tab-link .nav-link{
  padding:0 !important;
  height:17px !important;
}

#tabs .tab-link:hover a {
  color:#000 !important;
}


@media (orientation:portrait) and (min-width:0px) and (max-width:580px)
{
  #tabs-menu-cnt.tabs_sticky {
    top:58px;
  }
}





/**  **/
.search-inner .pointer {
  display: none;
}

.music-img-box:hover .title {
  overflow: visible;
}

.music-img-box:hover .img-box-sm {
  box-shadow:none !important;
}
/*
.music-img-box:hover .title a {
  color:#000 !important;
}
.music-img-box:hover .sub-title a {
  color:#868e96 !important;
}
*/

.hover_btns_cnt {
    position: absolute;
    width: 209px;
    bottom: 45px;
    left: 0px;
    padding: 4px 10px;
    background-color: rgba(0,0,0,0.8);
    display: block;
}

.hover_btns_cnt i {
	font-size: 24px;
	color:#fff;
	margin-right:10px;
}

.hover_btns_cnt i:hover {
	color:red;
	cursor: pointer;
}

.adonis-player-wrap .song-poster {
  top:-65px;
}

.adonis-player-wrap .song-poster img {
  webkit-box-shadow: none;
  box-shadow: none;
  border:2px solid #000000;
  width: 60px;
  max-width:unset;
}
.adonis-player-wrap .song-poster.sm {
  max-width: 60px;
}

.audio-section {
  margin:30px 15px;
}
.audio-section:first-child {
  margin-top:0;
}

.title-box {
  margin-bottom:0;
}






.dc-carousel {
  width: calc(100% - 50px);
  margin:0 auto;
  padding-left: 15px;
}

.dc-carousel .flickity-prev-next-button.previous {
  left:-38px;
}
.dc-carousel .flickity-prev-next-button.next {
  right:-38px;
}
.dc-carousel .flickity-button, .flickity-button:hover {
  top:52%;
}
.dc-carousel .flickity-button-icon {
  fill: rgba(0, 186, 178, 0.75);
}
.dc-carousel :hover .flickity-button-icon {
  fill: #00BAB2;
}
.dc-carousel  .flickity-button:disabled {
  display: none;
}


.dc-carousel-item {
  width: 190px;
  height:355px;
  margin:15px 25px;
}

.dc-carousel-item.highlighted {
  height: 460px;
  width: 260px;
  
  width: 220px;
  height: 425px;
  margin:15px 8px;
}


.dc-carousel-item:hover {
  cursor: pointer;
 
  /*
  transition: 300ms all;
  transform: translate3d(0, 5px, 0) scale(1.1);
  */
  transition: 200ms all;
  /*transform: translate3d(0, -10px, 0);*/

  z-index: 1000;
}

.dc-carousel-item .hover-bar {
  display: flex;
  align-content:space-around;
  position:absolute;
  left:0;
  top:115px;
  top:0px;
  opacity: 0;
  width: 100%;
  height: 65px;
  padding:5px 10px;
  background-color: rgba(0,0,0,0.5);
  background-color: #F81B3A;
  color:#fff;
  overflow: hidden;
}

.dc-carousel-item .hover-bar i {
  align-self: baseline;
  margin:auto auto 6px auto;
  margin:auto auto auto auto;
  font-size:2.5em;
}

.dc-carousel-item .hover-bar i.play-button,
.dc-carousel-item .hover-bar i.pause-button {
  font-size: 3.5em;
}

.dc-carousel-item:hover .hover-bar {
   opacity: 1;
   transition: opacity .20s ease-in-out;
 }
 
 .dc-carousel-item .hover-bar i:hover,
 .tracks-cnt i:hover {
  color: #00BAB2;
 }


.dc-carousel-item .dc-img-cnt {
  margin-bottom: 5px;
}

.dc-carousel-item .dc-img-cnt img {
  width:100%;
  width:190px;
  height: 333.14px;
}
/* fade in image when loaded */
.carousel-cell-image {
  transition: opacity 0.4s;
  opacity: 0;
}

.dc-carousel-item .title h3 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  height: 20px;
  color: #000;
  /*font-weight:bold;*/
  overflow: hidden;
  line-height: 100%;
  padding:5px 0 0 0;
  font-size:13px;
  font-weight: normal;
  margin:0;
}
.dc-carousel-item:hover .title h3 {
  color:#00BAB2;
}

.dc-carousel-item .sub-title.category {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  height: 15px;
  color: #000;
  overflow: hidden;
  line-height: 100%;
}

@media (orientation:portrait) and (max-width:580px)  {
  .dc-carousel-item {
    width: 190px;
    height:440px;
    margin:15px 25px;

    width: 133px;
    height:308px;
    margin:10px 14px;
  }
  .dc-carousel-item .dc-img-cnt img {
    width:100%;
    height: auto;
    /*width:308px;*/
  }
  .dc-carousel-item .dc-img-cnt {
    margin:0;
  }
  .dc-carousel-item .hover-bar i {
    font-size:2em;
  }
  .dc-carousel-item .hover-bar i.play-button {
    font-size: 2.8em;
  }
  .dc-carousel-item .hover-bar {
    display: flex;
    align-content:space-around;
    position:absolute;
    position:relative;
    left:0;
    top:115px;
    top:0px;
    opacity: 1;
    width: 100%;
    height: 50px;
    padding:5px 10px;
    background-color: rgba(0,0,0,0.5);
    background-color: #F81B3A;
    color:#fff;
    overflow: hidden;
  }
}





.highlight {
  font-size:0.7em;
}
.highlight em {
  color:darkorange;
  font-weight: bold;
}



.card-cover {
  position: fixed;
  z-index: 3002;
  z-index: 1012;
  transition:-webkit-transform 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s;
  border-radius:2px !important;
}

.card-cover-reposition {
  /*transform: translate(0px, -150px);*/
}

#card-modal {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  height:100vh;
  background-color: rgba(0,0,0,0.5);
  z-index:3000;
  z-index:1010;
  
  /*opacity: 0;*/
/*  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;*/
  display: none;
}

#card-modal.visible {
  display: block;
  opacity: 1;
}

#card-cnt {
  position: fixed;
  z-index: 3001;
  z-index: 1011;
  border-radius: 8px;
  background-color: #eee;
  padding:4px 0 0 0;
  overflow: hidden;
  
  background-color:#20262B;
  
  /*opacity: 0;*/
/*  -webkit-transition: all 01.5s ease-in-out;
  -moz-transition: all 01.5s ease-in-out;
  -ms-transition: all 01.5s ease-in-out;
  -o-transition: all 01.5s ease-in-out;
  transition: all 01.5s ease-in-out;*/
  display: none;
}

#card-cnt.visible {
  opacity: 1;
}


#card-cnt .archives {
  display: block;
  font-size: 1.2em;
  margin:15px 0;
}
#card-cnt .archives .archive {
  margin:4px 0;
}

#card-cnt .ctrls {
  display: block;
  overflow: visible;
  margin:5px 0 30px 0;
  vertical-align: middle;
}
#card-cnt .ctrls .fa {
  cursor:pointer;
  color:#f0f0f0;
  font-size:25px;
  margin-right: 10px;
  vertical-align: middle;
}
#card-cnt .ctrls .fa:hover {
  color:#ffffff;
}


#card-cnt .desc {
  display: block;
  margin:15px 0;
  padding:0 5px 0 0;
  font-size: 1.2em !important;
}
#card-cnt .desc p {
  line-height: 1.4em !important;
  text-align: left !important;
}
#card-cnt .extra-description {
  margin:25px 0 35px 0;
}
#card-cnt .extra-description p {
  line-height: 100% !important;
  margin: 2% 0;
}

#card-cnt .stars {
  margin-left:-5px;
}
#card-cnt .comments {
  display: block;
  margin:15px 0;
}
#card-cnt .comments .title {
  font-size: 1.2em;
  font-weight: bold;
}
#card-cnt .comments .content {
}
#card-cnt .comments .aviso {
  background:yellow;
  position:relative;
  top:0;
  left:0;
  width:80%;
  margin:0 auto;
  padding:10px;
  color:#000000;
  border-radius:4px;
}


#card-closer {
  position: absolute;
  top: 0px;
  right: -6px;
  font-size: 24px;
  color: #777777;
  color: #ffffff;
  opacity: 0.75;
  transition: 200ms all;
  cursor: pointer;
}
#card-closer:hover {
  opacity: 1;
}

#card-col1 {
  display: inline-block;
  flex: 0 0 40%;
  padding: 0 !important;
  overflow-x: hidden;
  overflow-y: auto;
  /*min-height: 120px;*/
  
  /*background:#b5e1f7;*/
}
#card-col1 .tracks-cnt {
  display: block;
  margin-top:10px;
  padding:10px 40px;
  /*background: pink;*/
}
#card-col1 .tracks-cnt i.fa {
  cursor:pointer;
  color:rgb(0, 186, 178,0.5);
}


@media (orientation:portrait) and (max-width:580px)  {
  #card-col1 {
    flex: 0 0 100%;
    padding: 0 0 10px 0;
  }
  #card-col1 .tracks-cnt {
    margin-top:10px;
    padding:10px 20px;
  }
}

#card-col2 {
  display: inline-block;
  height:400px;
  box-sizing: border-box;
  vertical-align: top;
  overflow-x: hidden;
  overflow-y: auto;
  word-wrap: break-word;
  color:#000;
  color:#fff;
  flex: 0 0 60%;
  padding: 0 40px;
  padding: 0 40px 0 0;
  
  /*background:#ffe8a1;*/
}
@media (orientation:portrait) and (max-width:580px)  {
  #card-col2 {
    flex: 0 0 100%;
    padding: 0 20px;
  }
}

#card-col2 a {
  color:#009AFA;
}

#card-col2 .titulo {
  font-size: 2.5em;
  line-height:120%;
}

#card-col2 .subtitulo {
  font-size: 1.4em;
  line-height:150%;
  margin-top:0px;
  font-weight: 500;
}

#card-col2 .archives .download i {
  font-size: 1.7em;
  position: relative;
  top:2px;
  margin:0 6px 0 2px;
  color: #f0f0f0;
}
#card-col2 .archives .download i:hover {
  color:#00BAB2;
}

#card-col2 .archives .duration {
  font-size: 0.85em;
}

#card-col2 .tracks-cnt button {
  background:transparent;
  border:0;
  padding:0;
}


#card-cnt.mobile #card-col2 .titulo {
  font-size:1.7em;
  margin-top:10px;
}

#cover-mobile-cnt {
  display: block;
  height:270px;
  overflow: hidden;
  text-align: center;
}


.limited-box {
  width:100%;
  height:100%;
  /*
  max-width: 1200px;
  max-width: 1800px;
  */
  margin:0 auto;
}





#showall-modal {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  height:100vh;
  background-color: rgba(0,0,0,0.5);
  z-index:2000;
  z-index:1000;
  display: none;
}

#showall-modal.visible {
/*  display: block;
  opacity: 1;*/
}

#showall-cnt {
  position: fixed;
  box-sizing: border-box;
  width:100vw;
  max-width: 100%;
  height: calc(100vh - 80px);
  z-index: 2001;
  z-index: 1001;
  padding:4px 0 0 0;
  overflow: hidden;
  background-color:#f0f0f0;
  border-top:1px solid #00BAB2;
  display: block;
  transition: all 0.6s;
  box-shadow: 5px 18px 18px 0 rgba(168, 179, 211, 0.38);
/*  transform: translate(100vw, 0);
  top:80px;
  left:100vw;
  right: auto;
  */
  
  top:100vh;
  bottom:auto;
  left:0;
  transform: translate(0, calc(100vh - 80px));
}

#showall-cnt.visible {
  opacity: 1;
  /*transform: translate(-100vw, 0);*/
  transform: translate(0, calc(-100vh + 80px));
}

#showall-closer {
  position: absolute;
  top: 0px;
  right: -6px;
  font-size: 24px;
  color: #20262b;
  opacity: 0.75;
  transition: 200ms all;
  cursor: pointer;
}
#showall-closer:hover {
  opacity: 1;
}

#showall-cnt .cnt {
  display: block;
  width: 100% !important;
  height: calc(100vh - 100px);
  margin:0 3vh;
  /*overflow: auto;*/
}

#showall-cnt .cnt .section-title {
  font-size: 2.5em;
  color: #252525;
  margin: 0;
  line-height: 100%;
}
#showall-cnt .cnt .section-title .subtitle {
  display: block;
  font-size:0.5em;
  margin-bottom: 10px;
}

#showall-cnt .cnt .border-hr {
  position: relative !important;
  margin-bottom:25px;
}

#showall-cnt .cnt .items {
  height: calc(100vh - 198px);
  overflow: auto;
}


#showall-cnt .img-box-horizontal .img-box-sm.img-box {
  max-width: 150px;
  min-width: 150px;
}

#showall-cnt .img-box-horizontal .des {
  overflow: hidden;
  height: 150px;
  max-width: calc(100% - 150px);
}

@media (orientation:portrait) and (min-width:0px) and (max-width:580px) {
  /*#showall-cnt {
    height: calc(100vh - 60px);
    padding:4px 0 0 0;
    top:100vh;
    bottom:auto;
    left:0;
    transform: translate(0, calc(100vh - 60px));
  }*/
  #showall-cnt.visible {
    opacity: 1;
    transform: translate(0, calc(-100vh + 60px));
  }
}




/***  Search  ***/

.search-item {
  cursor: pointer;
}

.search-item:hover .title {
  color:#000 !important;
  text-overflow: ellipsis !important;
}

.search-item:hover .sub-title,
.search-item:hover .des p {
  color:#868e96 !important;
}

/*.search-item .img-box-horizontal .img-box-sm.img-box {
  max-width: 70px;
  min-width: 70px;
}*/

/*
#search-content-songs .columns-3 {
  flex: 0 0 33.33333333333333333%;
  max-width: 33.333333333333333333%;
}
*/

#search-content-songs .img-box-horizontal .img-box-sm.img-box {
  max-width: 110px;
  min-width: 110px;
}

#search-content-songs .img-box-horizontal .des {
  max-width: calc(100% - 110px);
}

#search-box-4 .search-inner.search-inner-up {
  height:15vh;
  border-bottom: 2px solid #00BDB5;
}
#search-box-4 .search-inner.search-inner-down {
  height:85vh;
  top:15vh;
}
.search-input {
  font-size:5vh !important;
}

#icon-cross {
  width:47px;
  width:5vmin;
}


body.off-canvas-overlay-on .off-canvas-overlay {
  z-index: 1099;
  z-index: 1005;
}


/*
 * Menu de secciones
*/

.tab-style-1 {
  width: 100%;
  border-radius: 0px;
  overflow: hidden;
  position: relative;
}
  .tab-style-1 .nav {
    display: flex;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    align-content: flex-start;
    position: relative;
    flex-wrap: nowrap;
    background-color: #00BAB2;
    background-image: url(../img/bg-verde.png);
    padding:0 3rem;
  }
    .tab-style-1 .nav .menu-item, .tab-style-1 .nav .nav-item {
      margin: 0;
      position: static;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
      text-align: center;
      /*background: #d6b0ff;*/
      background-image: url(../img/bg-verde.png);
      /*border-right: 1px solid #f8f9fa;*/
      border-right: none;
      white-space: nowrap;
    }
      .tab-style-1 .nav .menu-item a, .tab-style-1 .nav .nav-item a {
        /*padding: 0.2rem 2rem;*/
        padding: 6px 1rem 0 1rem;
        position: relative;
        color: #fff;
        font-size: 1em;
      }
        .tab-style-1 .nav .menu-item a span, .tab-style-1 .nav .nav-item a span {
          position: relative;
          z-index: 2; 
        }
        .tab-style-1 .nav .menu-item a::before, .tab-style-1 .nav .nav-item a::before {
          content: '';
          width: 100%;
          position: absolute;
          left: 0;
          top: 0;
          display: block;
          height: 0;
          z-index: 1;
          opacity: 0;
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#91a5f4+0,b08cf9+86 */
          background: #91a5f4;
          /* Old browsers */
          background: -moz-linear-gradient(-45deg, #91a5f4 0%, #b08cf9 86%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(-45deg, #91a5f4 0%, #b08cf9 86%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(135deg, #91a5f4 0%, #b08cf9 86%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91a5f4', endColorstr='#b08cf9',GradientType=1 );
          /* IE6-9 fallback on horizontal gradient */
          transition: all 0.4s ease-in-out;
          
          
          background: #ffffff;
        }
        .tab-style-1 .nav .menu-item a.active, .tab-style-1 .nav .nav-item a.active {
          color: #000;
        }
          .tab-style-1 .nav .menu-item a.active::before, .tab-style-1 .nav .nav-item a.active::before {
            height: 100%;
            opacity: 1;
          }
          .tab-style-1 .nav .menu-item a.active .adonis-icon, .tab-style-1 .nav .nav-item a.active .adonis-icon {
            color: #000;
          }
      .tab-style-1 .nav .menu-item::after, .tab-style-1 .nav .nav-item::after {
        content: '';
        height: 50%;
        width: 1px; }
      .tab-style-1 .nav .menu-item:last-child, .tab-style-1 .nav .nav-item:last-child {
        border-right: none; }

      .menu-item  h1 {
        position: relative;
        top:0;
        font-size:18px;
        padding: 0;
        margin:0;
        z-index:2;
        font-weight: 400;
        color:#fff;
        margin-block-start: 0;
        margin-block-end: 0;
        margin-inline-start: 0;
        margin-inline-end: 0;
        line-height: 28.8px;
      }
      .menu-item  a.active h1 {
        color:#000;
      }


@media (max-width: 991px) {
  .master-container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 992px) {
  .master-container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}


@media (orientation:portrait) and (max-width:580px)  {

  .tab-style-1 .nav .menu-item a, .tab-style-1 .nav .nav-item a {
    padding: 6px 0.5rem 0 0.5rem;
  }

  .menu-item a h1 {
    font-size: 14px;
  }
  .menu-noticias {
    display:none;
  }
  .menu-item a span {
    font-size: 0.9em;
  }
  #tabs-menu-cnt .tabs {
    margin:0 !important;
  }
  .tab-style-1 .nav {
    padding:0 1vw;
  }
}

@media (orientation:portrait) and (max-width:380px)  {
  .menu-item a h1 {
    font-size: 11px;
  }
  .menu-item a span {
    font-size: 0.8em;
  }
  .tab-style-1 .nav .menu-item a, .tab-style-1 .nav .nav-item a {
    padding:4px 0;
  }
}


@media (orientation:portrait) and (min-width:580px) and (max-width:705px)  {
  .tab-style-1 .nav .menu-item a, .tab-style-1 .nav .nav-item a {
    padding: 6px 0.5rem 0 0.5rem;
  }

  .menu-item a h1 {
    font-size: 16px;
  }
}


/************** LOGIN ****************/

.xlogin-page {
  width: 360px;
  padding: 0 0 0;
  margin: auto;
}
.xlogin-page .form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  border:1px solid rgba(0, 0, 0, 0.24);
  /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);*/
}
.xlogin-page .form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.xlogin-page .form button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  /*background: #4CAF50;*/
  background: #00BAB2;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
}
.xlogin-page .form button:hover,.form button:active,.form button:focus {
  /*background: #43A047;*/
  background: #00A6B2;
}
.xlogin-page .form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  color: #333333;
  font-size: 14px;
}
.xlogin-page .form .message a {
  color: #00BAB2;
  text-decoration: none;
}
.xlogin-page .form .register-form {
  display: none;
}
.xlogin-page .container {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;
}
.xlogin-page .container:before, .container:after {
  content: "";
  display: block;
  clear: both;
}
.xlogin-page .container .info {
  margin: 50px auto;
  text-align: center;
}
.xlogin-page .container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.xlogin-page .container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.xlogin-page .container .info span a {
  color: #000000;
  text-decoration: none;
}
.xlogin-page .container .info span .fa {
  color: #EF3B3A;
}


@keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@keyframes alert_blink {
  from {background-color: #ffffff;}
  to {background-color: #00BAB2;}
}
#xlogin-form .alert {
  top:20px;
  font-size: 14px;
  border-radius:100px;
  background-color: #00BAB2;
  color:#ffffff;
  display: none;
  padding:6px;
}
#xlogin-form .alert.blink {
  /*
  animation-name: alert_blink;  
  animation-duration: 0.3s;
  animation-delay: 0;
  animation-iteration-count: 2;
  */

  -webkit-animation: blink-1 0.6s both;
          animation: blink-1 0.6s both;
}

#mi-cuenta-cnt {
  color:#00BAB2;
}
#mi-cuenta-cnt a {
  color: royalblue;
}
#mi-cuenta-cnt a:hover {
    text-decoration: none;
    color: #b08cf9;
}
#mi-cuenta-cnt  a:focus {
    outline: none; }
#mi-cuenta-cnt  a.reverse {
    color: #b08cf9; }
#mi-cuenta-cnt  a.reverse:hover {
      color: #252525; }

#mi-cuenta-cnt .td1 {
  text-align: center;
}
#mi-cuenta-cnt .td3 {
  /*vertical-align: top;*/
  text-align: right;
}
#mi-cuenta-cnt .td1 img {
  display: inline-block;
  margin:0 auto;
  margin-bottom:10px;
}
#mi-cuenta-cnt .nombre {
  display:block;
  font-size:1.5em;
  font-weight: bold;
}
#mi-cuenta-cnt .playlist-title-cnt {
  
}
#mi-cuenta-cnt .playlist-title-cnt a {
  margin-right:10px;
}
#mi-cuenta-cnt .title-box,
#mi-cuenta-cnt .playlist-title {
  display: inline-block;
  margin-right:10px;
}
#mi-cuenta-cnt .playlist-title {
  color:#00BAB2;
}
#mi-cuenta-cnt .cerrar-sesion {
  display:block;
  margin:60px auto 20px auto;
  width:80%; 
  color:#fff; 
  background:darkred; 
  text-align:center; 
  padding:20px 30px; 
  font-size:1.2em;
  cursor: pointer;
  font-weight: bold;
  transition: background 0.2s ease;
}
#mi-cuenta-cnt .cerrar-sesion:hover{
  background: red;
}

.modal-backdrop,
.bootstrap-dialog,
.dc-dialog {
  z-index: 90000;
}

.dc-dialog .modal-dialog .modal-header {
  background: #00BAB2;
}

.dc-dialog .modal-dialog .modal-header .bootstrap-dialog-title {
  color:#ffffff !important;
}

.dc-dialog .modal-dialog label {
  color: #000000 !important;
}

/*************************************/

#share-cnt,
#addtoplaylist-cnt {
  display: inline-block;
  position: relative;
  font-size:1.15em;
  margin:10px 20px 10px 0;
}

#share-cnt:hover a,
#addtoplaylist-cnt:hover a {
  color:#fff;
}

i.addtoplaylist img {
  width:27px;
  height:28px;
  filter: invert(0.8) sepia(1) saturate(0) hue-rotate(0deg);
}

i.addtoplaylist:hover img {
  width:27px;
  height:28px;
}

/*******************************************/
/*************  COLECCIONES  ***************/

#browse-genres .cnt {
  position: relative;
  /*height:1000px;*/
  min-height: 1200px;
  z-index: 5;
}

#accordion .card-header {
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
  color:#000;
  font-weight:normal;
}
#accordion .card-header:hover {
  background:#F8F9FA;
}
#accordion .card-header.active {
  background:#00BAB2;
  border-color:#00BAB2;
  color:#fff;
  font-weight:bold;
}

#accordion .card-header button {
  width: 100%;
  text-align: left;
  padding: .75rem 1.25rem;
  font-size: 1em;
  border: 0;
  background: transparent;
  color:inherit;
  font-weight: inherit;
}

#accordion .card-body {
  padding: 0;
}

#accordion .card-body .list-group-item {
  padding-left:2rem;
}

#browse-genres .submenu,
#browse-genres .menu {
  position: absolute;
  box-sizing: border-box;
  left: 0;
  top: 0;
  padding: 0px;
  width:300px;
  height:100%;
  z-index: 1;
  font-size: 1.4em;
  color: #333;
}
#browse-genres .menu {
  background-color: #ffffff;
}
#browse-genres .submenu {
  background-color: transparent;
}


#browse-genres .list-group-item:first-child,
#browse-genres .list-group-item:last-child {
  border-radius: 0;
}

#browse-genres .list-group-item-action {
  color:#333;
}

#browse-genres .card-header .caret {
  float:right;
  color:#bbb;
}
#browse-genres .card-header:hover .caret {
  color:#00BAB2;
}

#browse-genres .list-group-item.active {
  background:#00BAB2;
  border-color:#00BAB2;
  color:#fff;
  font-weight:bold;
}
#browse-genres .card-header.active .caret {
  color:#fff;
}

#browse-genres .audios-cnt {
  position:absolute;
  box-sizing: border-box;
  right:0;
  top:0;
  /*width:calc(100% - 600px);*/
  width:calc(100% - 300px);
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding:5px 15px;
  border-left:1px #00BAB2;
}

#browse-genres .audios-cnt .img-box-horizontal .des {
  z-index: 0;
}

#genres-audios-cnt .placeholder {
  font-size: 2em;
  color: #aaa;
  margin: 3px 0 0 40px;
}

#browse-genres .audios-cnt .dc-img-cnt {
  min-width: 100px !important;
  max-width: 100px !important;
}

@media (orientation:portrait) and (min-width:0px) and (max-width:619px) {
  #browse-genres .submenu,
  #browse-genres .menu {
    width:140px;
    font-size: 1.1em;
  }
  #browse-genres .list-group-item {
    padding:0.4rem 0.5rem;
  }
}

@media (orientation:portrait) and (min-width:620px) and (max-width:767px) {
  #browse-genres .submenu,
  #browse-genres .menu {
    width:200px;
    font-size: 1.1em;
  }
  #browse-genres .list-group-item {
    padding:0.6rem 0.8rem;
  }
}


/****************************************/

#micuenta-cnt {
  display: block;
  width:100%;
}

#menu_avatar {
  display: inline-block;
  margin:0;
  padding:0;
  margin-right: 4px;
}

#micuenta-tab {
  position: relative;
  overflow: hidden;
}
/*
#micuenta-tab .avatar-cnt {
  position: relative;
  display:inline-block;
  width:40px;
  vertical-align:middle;
  top:-3px;
}
*/
#micuenta-tab span {
  display:inline-block;
}

.user-playlist-ctrls {
  overflow: hidden;
  float: right;
}

.edit-user-playlist-cnt,
.delete-user-playlist-cnt {
  width:30px;
  height:30px;
  text-align: center;
  cursor: pointer;
}
.edit-user-playlist-cnt i,
.delete-user-playlist-cnt i {
  font-size: 30px;
  color:#fff;
  margin-right: 10px;
}
.edit-user-playlist-cnt:hover i {
  color: #00BAB2;
}
.delete-user-playlist-cnt:hover i {
  color: red;
}



#site-footer {
  font-size:1.2em;
}

.adonis-player-wrap a:hover,
a:hover {
  color: #00BAB2;
}

.social-icons a i {
  font-size:1.5em;
}
#card-cnt .tracks-cnt i.fa:hover {
  color: #00BAB2 !important;
}

.tooltip_templates {
  display: none;
}

#card-cnt .comments .title {
  margin: 10px 0 15px 0;
}

#card-col2 .comments .textarea {
  color:#000;
  font-size:1.1em;
}

.jquery-comments ul.main li.comment .wrapper .content {
  font-size:1.1em;
  line-height: 1.4em;
  font-style: italic;
}
.jquery-comments ul.main li.comment .comment-wrapper {
  border:none;
  padding:1.75em 0 0 1.5em;
}
.jquery-comments ul.main li.comment time {
  color:#ccc;
}
.jquery-comments i.fa-quote-left,
.jquery-comments i.fa-quote-right {
    font-size: 0.7em;
    vertical-align: top;
    margin:4px 4px 0 7px;
}

#comment-list i.profile-picture  {
  display: none;
}

.jquery-comments .commenting-field.main .profile-picture {
  /*display: none;*/
}

.user_playlist_cover {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width:190px;
  height: 327px;
  background-color: transparent;
  color:#ffffff;
  overflow: hidden;
  padding:17px;
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
}

.user_playlist_cover .titulo {
  display: block;
  margin-top:100px;
  margin-bottom:10px;
  font-weight: bold;
  font-size:1.5em;
  line-height:1.2em;
  text-transform: uppercase;
  line-height: 1.1em;
}

.user_playlist_cover .autor {
  display: block;
  position: absolute;
  bottom:5px;
  font-weight: bold;
  font-size:1em;
  text-transform: uppercase;
}

.user_playlist_cover .archivos {
  display: block;
  line-height: 110%;
}

.user_playlist_cover ol {
  margin-block-start:0;
  margin-block-end:0;
  padding-inline-start:20px;
}

.user_playlist_cover ol li {
  margin-bottom:10px;
}
.user_playlist_cover ol span {
  position: relative;
  top:-8px;
  font-weight: bold;
}


.card_user_playlist_cover {
  position:fixed;
  z-index: 1012;
}

.card_user_playlist_cover .titulo {
  display: block;
  font-weight: bold;
  font-size:1.5em;
  line-height:1.2em;
  text-transform: uppercase;
  line-height: 1.1em;
  color:#fff;
  margin-top:50%;
}

.card_user_playlist_cover .autor {
  display: block;
  font-weight: bold;
  font-size:1em;
  text-transform: uppercase;
  color:#fff;
}




.adonis-player-wrap .adonis-playlist .jp-progress {
  top:20px;
}

.empty-playqueue-cnt {
  display: block;
  padding:0;
  margin:0 0 20px 0;
  text-align: right;
}

.empty-playqueue-cnt a {
  color:#009AFA !important;
}

.empty-playqueue-cnt a:hover {
  color:#00BAB2 !important;
  text-decoration: underline;
}

.modal-dialog {
  z-index: 1300;
}



.infoEstatica {
  display: block;
  padding: 0 5%;
  margin:0;
  color:#111111;
}
.infoEstatica a {
  color:#009AFA;
}
.infoEstatica a:hover {
  color:#00BAB2;
}
.infoEstatica a[name] {
  display: block;
  position: relative;
  top: -170px;
  visibility: hidden;
}


/*****************************************/
#authors,
#titles {
  margin:0;
  padding:0;
  margin-block-start:0;
  padding-inline-start:0;
}

#authors li,
#titles li {
  list-style-type: none;
  display: block;
  width:65%;
  max-width:950px;
  padding:4px 10px;
  margin:5px auto;
  font-size: 1.5em;
  border: 1px solid #ddd;
  color:#333333;
  line-height: 110%;
}
#authors li:hover,
#titles li:hover{
  cursor: pointer;
  color:#ffffff;
  background-color: #00BAB2;
}

#authors li small,
#titles li small {
  display: block;
  color:#777777;
  padding-left:5px;
}
#authors li:hover small,
#titles li:hover small {
  color:#eeeeee;
}

.menu-section .section-title {
  display: block;
  width:74%;
  max-width:950px;
  margin:0 auto;
  font-size: 1.8em;
  color:#000000;
}

.menu-section .section-head {
  display: block;
  width:74%;
  max-width:950px;
  margin:0 auto;
  font-size:1.5em;
}

.menu-section .listNav {
  font-size: 1.5em;
}
/*
.menu-section .az_sticky {
  position: fixed;
  top:120px;
  width:100%;
  z-index:30;
  border-bottom:1px solid #fff;
}
*/
.menu-section .listNav .ln-letters {
  display: block;
  width:70%;
  max-width:950px;
  margin: 15px auto;
}
.menu-section .listNav .ln-letters a:hover {
  color:#ffffff;
  background-color: #00BAB2;
}
.menu-section .listNav .ln-letters a.ln-selected {
  color:#ffffff;
  background-color: #00BAB2;
}

#userway-cnt {
  width:80px;
  height:80px;
  position:absolute;
  top:0px;
  right:100px;
  background:#ccc;
}

.indicator {
  display:block;
  width:100%;
  height:2px;
  background:transparent;
}