/* 
body {color:#f3f3f3; background-color:#000}
 */
body {color:#333; background-color:#000}
.bg-transparent p {color:#f3f3f3;}

.bold {font-weight: bold}
.italic {font-style: italic}
.float-right {float:right}
.float-left {float:left}
.hidden {display:none}

.text-primary {color:#FFAB00 !important;}

.buy_links a.icon {font-size:34px; line-height: 50px;}
.buy_links a.icon i {color:#dedede;}
.buy_links a.icon {-webkit-transition: color 500ms ease-out 1s; -moz-transition: color 500ms ease-out 1s; -o-transition: color 500ms ease-out 1s; transition: color 0.5s ease;}
.buy_links a.icon:hover i {text-shadow:1px 1px 2px #444}
.buy_links a.icon.spotify:hover i {color:#00e461}
.buy_links a.icon.apple:hover i {color:#fff;}

#navbar_main {float:right}
.navbar .navbar-header {opacity:.8}
.navbar .nav {}
.navbar .navbar-nav > li {min-width:6%; text-align:center;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: -35px}
.navbar-brand > img { width:150px; margin-top:-29px; }

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height:600px}

.homepage-content {min-height:600px}
.home-logo {float:right; margin:17% 5% 0px 0; display:none}
.cta-buttons {float:left; position:absolute; bottom:60px; left:0; display:none;}
.cta-buttons .btn {margin-bottom:5px;}

.btn-transparent {color:#f3f3f3; background:transparent; border:1px solid #f3f3f3;}
.btn-transparent:hover { background-color: rgba(0,0,0,0.2); color:#f3f3f3;}

.page-header.h0 {margin-top:38%; margin-left:37%; width:auto; line-height:100%}
.page-header.h0 div {font-size:32px; line-height:120%; text-transform: none;}

.section-heading {}
.section-heading span {color: #FFAB00; /* text-shadow:1px 1px 5px rgba(0,0,0,.3); */}

.print-link-div {z-index:5050}
.print-link-div a {opacity:0.7;}
.print-link-div a:hover {opacity:1}
.print-link-div a i {font-size: 19px; color:#FFAB00}

.lo_nuevo {margin-top:50px}
.lo_nuevo .container {position:relative}
.lo_nuevo .row {margin-bottom:15px;}

.lo_nuevo .row .album_cover img {width:100%; box-shadow: 1px 1px 5px #333; border: 0px solid #333;}
.lo_nuevo .audio_player_div {text-align:center; margin-top:10px}

.lo_nuevo .content { background-color: rgba(0,0,0,0.2); padding-top:15px}
.lo_nuevo .song_info { color:white; }
.lo_nuevo .featuring { color:white; margin-top:-10px; }
.lo_nuevo .song_info .album .year {color:white; margin-bottom:15px}

.lo_nuevo .row i {font-size: 139%; line-height: 50%; vertical-align:middle; padding:0 6px}
.lo_nuevo .row p .bold {color:#fff}
.lo_nuevo_info {padding-top:7%}
.lo_nuevo_info p {}

.la_cancion_del_dia .container {padding:15px; background-color: rgba(0,0,0,0);}
.la_cancion_del_dia .song_image .audio_player_div {text-align:center; margin-top:10px}
.la_cancion_del_dia .album_cover img {width:100%}
.la_cancion_del_dia .song_info {}
.la_cancion_del_dia .song_info .featuring {text-transform: none;}
.la_cancion_del_dia .song_info .info {}
.la_cancion_del_dia .song_info a:hover {text-decoration:none;}
.la_cancion_del_dia .song_info .album { margin-bottom:10px;}
.la_cancion_del_dia .song_info .album .album_info { font-size:17px;}
.la_cancion_del_dia .song_info .album .year {color:rgba(0, 0, 0, 0.7); margin-top:-10px}

.media .page-subheader {margin-bottom: 15px}
.media .page-header {margin-bottom: 15px}

.news__item__img img {border-bottom:1px solid #dedede; width:100%}

.bio {}
.bio .bio_text {padding: 15px 9px; background-color: rgba(0,0,0,0.2); overflow: scroll; height: 800px;}
.bio .bio_text p {font-size:13px}
.bio .bio_text p span {font-weight: bold; color:#FFF;}
.bio .print-link-div {margin-top:30px;}

.contacto {}
.contacto .row {padding-top:75px;}
.contacto .social_box {background-color:transparent; border:0px; text-align:center}
.contacto .social_box a {background-color: rgba(255,255,255,.2); border-radius: 50%; color: #dedede; font-size: 40px; width: 60px; height: 60px; line-height: 60px; cursor: pointer;  text-shadow:1px 1px 5px rgba(0,0,0,.3); text-align: center;  display: inline-block; margin: 15px 15px 30px 15px}
.contacto .social_box a:hover {text-decoration:none;}
.contacto .social_box a.amazon {display:none;}
.contacto .social_box a.email {display:none;}
.contacto .contact__container__form {background-color:transparent; border:0px; text-align:center}
.contacto h2, .contacto h3 {color:#f3f3f3}
.contacto .form-control {color: #f3f3f3; background-color:rgba(0,0,0, 0.3); padding:15px 15px}
.contacto .form-control:focus {border-color:#fff}
.contacto .form-control::-moz-placeholder { color: #999; opacity: 1; }
.contacto .form-control:-ms-input-placeholder { color: #999; }
.contacto .form-control::-webkit-input-placeholder { color: #999; }
.contacto .alert {display:none}

form .has-error .help-block {color: yellow}
form .has-error .form-control  { border-color: yellow;}

.social__item.twitter:hover {color:#55acee}
.social__item.facebook:hover {color:#3b5998}
.social__item.instagram:hover {color:#e4405f}
.social__item.spotify:hover {color:#00e461}
.social__item.youtube:hover {color:#ff0000}
.social__item.itunes:hover { color: #FFF; }
.social__item.google_plus:hover {color:#dd4b39}
.social__item.amazon:hover {color:#ff9900}
.social__item.email:hover { color: #66A6D2; }

.social_box_static {position:fixed; bottom:7px; right:7px; z-index:9999999}
.social_box_static .social__item { background-color: #000; border-radius: 50%; color: #ccc; font-size: 16px; width: 36px; height: 36px; opacity: 0.5; cursor: pointer; margin-right: 7px; text-align: center; line-height: 36px; display: inline-block;}
.social_box_static .itunes,
.social_box_static .google_plus,
.social_box_static .email,
.social_box_static .amazon {display:none}
.social_box_static .social__item:hover {opacity:1;}
.social_box_static .social__item.twitter:hover {color:#55acee;}
.social_box_static .social__item.facebook:hover {color:#3b5998;}
.social_box_static .social__item.instagram:hover {color:#e4405f;}
.social_box_static .social__item.spotify:hover {color:#00e461;}
.social_box_static .social__item.email:hover {color:#66A6D2;}

a.with-icon {cursor:pointer}
a.with-icon:after { content: '\f46d'; font-family: 'Ionicons'; font-size: 100%; color: #FFAB00; padding: 0 3px 0 5px; vertical-align: top; text-decoration:none; }
a.with-icon:hover:after {text-decoration:none}

.navbar.song_of_day{}
.navbar .sod-navbar-header {float:right; text-align:right; width:60%; padding-right:6%}
.navbar .sod-navbar-header .head {font-size:48px; color:white; text-transform:none; text-shadow: 2px 2px 5px rgb(0,0,0,0.3);}
.navbar .sod-navbar-header .subhead {font-size:16px; color:#ccc; margin-top:-25px}


/* DEPRACATED --- Song View inside the iframe --- DEPRACATED !!! */
/* 
iframe.song-view { width: 100%; height: 100%; min-height: 435px; }
.iframe-wrapper { max-width: 1170px; height:800px; margin: 0 auto; position:relative}
 */

/* LEFT COLUMN */
.song-view .album-cover {width:100%}
.song-view .album-cover img {width:100%}
.song-view .audio {margin-top:15px; max-width:100%; width:100%}
.song-view .audio audio {width:200px; height:60px; margin:auto}
.song-view .buy_links {padding:5px 1%; text-align:right}
.song-view .buy_links a {padding-right:15px; opacity:0.7}
.song-view .buy_links a:hover {opacity:1;}


/* RIGHT COLUMN */
.song-view p {font-weight:300; letter-spacing:.03em}
.song-view .subheader {text-transform:none; margin-bottom: 5px; color:#b7afaf}
.song-view .subheader span {color:rgb(255, 171, 0, .8);}
.song-view .sublist {margin-left:3%}
.song-view .sublist ul { list-style: none; }
.song-view .sublist li {padding-bottom:5px;}
.song-view .sublist li a {font-weight:normal}
.song-view .sublist li a img {width:40px; padding-right:5px; opacity:.9}

.song-view .song_name {text-transform:none;  margin-bottom:0px; font-size:54px; color:#FFAB00; line-height: 1em}
.song-view .album {text-transform:none; font-size:30px; color:#f3f3f3; margin-top:15px}
.song-view .year {font-size: 18px; margin-top: -13px; color: rgba(255, 255, 255, 0.7); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);}
.song-view .intro {margin:20px 0 30px 0;}
.song-view .intro.with-background {background-color: rgb(0 0 0 / 50%);}
.song-view .intro p {}
.song-view .featuring {font-size: 28px; margin-top: 7px; margin-bottom: 0px; padding-bottom: 0px; opacity: 0.85;}

.song-view .share_links {padding: 6px 1px; opacity:0.9; float:left;}
.song-view .share_links:hover {opacity:1}
.song-view .share_links a {padding-right:15px;}
.song-view .share_links a:hover {opacity:0.9;}
.song-view .share_links img {width:40px;}
.song-view .share_links .twitter_div {display:inline-block; vertical-align:middle; padding: 15px 5px 0px 5px;}
.song-view .share_links div.fb-share-button.fb_iframe_widget.fb_iframe_widget_fluid {display:inline-block}

.song-view .letra {padding-left:1%;/*  border: 1px solid rgba(0, 0, 0, 0.5); background-color: rgba(195, 195, 195, 0.06); */}
.song-view .letra .titulo {text-transform:none; font-size:30px; color:#444}
.song-view .letra p {color:#333}
.song-view .letra p .resp {padding-left:10%; font-style:italic;}
.song-view .video {padding:33px}

.song-view .acordes {}
.song-view .acordes .titulo {text-transform:none; font-size:30px;}
.song-view .acordes .chords_content {border:0; background:none; padding:15px 0}
.song-view .acordes .chords_content * {color:#444; font-weight:300; font-family:'Roboto', sans-serif;}
.song-view .acordes .chords_content .chord {color:#1ce01c; font-family:courier}
.song-view .acordes .chords_content .chord * {color:#1ce01c; font-family:courier}
.song-view .creditos {padding-bottom:200px}
.song-view .creditos p.musicians {}
.song-view .creditos p.techs {font-size:90%}

.song-view .print-link-div {position:absolute; top:10px; right:25px}

.song-view .sod-header {margin-bottom:10px;}
.song-view .sod-header .head {font-size:48px; color:#f3f3f3; text-transform:none; text-shadow: 2px 2px 5px rgb(0,0,0,0.1);}
.song-view .sod-header .subhead {font-size:16px; color:#ccc; margin-top:-25px}


/* Some single pages want vertical align top */
.single_page.align-top .fp-tableCell {vertical-align:top;}

.cover-shadow {box-shadow: 2px 2px 2px rgba(0,0,0,.3);}

.album_list {padding:150px 5%; min-height:800px}
.album_list .list_toggle {text-align:right; font-size:14px; color: white;} 
.album_list div {border:0px solid pink}
.album_list .album {width:100%; float:left; margin-bottom:50px;}
.album_list .album .cover {}
.album_list .album .cover figure {margin:25px;}
.album_list .album .cover figure img {max-width:100%;}
.album_list .album .cover.shadow figure img {box-shadow: 2px 2px 2px rgba(0,0,0,.3);}
.album_list .album .info {margin-top:13px;}
.album_list .album .info .head {margin-bottom:10px;}
.album_list .album .info .head .name {text-transform:none; line-height: 1; margin-bottom:15px; font-size:54px;}
.album_list .album .info .head .year {font-size: 18px; margin-top: -10px; color: rgba(255, 255, 255, 0.7); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);}
.album_list .section-heading {color:#dedede;}

.album_songs {}
.album_songs ul {float:left; list-style: none; font-size:90%; width:95%;}
.album_songs ul.split {width:47.5%;}
.album_songs ul li {padding-left:5%; padding-bottom:8px; white-space:nowrap; text-overflow:ellipsis;}
.album_songs ul li .track {display:inline-block; width:20px; font-size:70%; text-align:center; background-color:#999; color:#fff; padding:3px; margin-right:7px; border:1px solid #666}

.album_view {padding:180px 5%; min-height:800px; position:relative}
.album_view .album_view_row { padding: 15px 0;}
.album_view .album_cover img {max-width:100%; box-shadow: 2px 2px 2px rgba(0,0,0,.3)}
.album_view .album_info .album_name {text-transform:none;  line-height: 1; margin-bottom:15px; font-size:54px;}
.album_view .album_info .year {font-size: 18px; margin-top: -10px; color: rgba(255, 255, 255, 0.7); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);}
.album_view .info { margin-bottom: 50px;}
.album_view .info p {margin-top:15px; letter-spacing:.03em; color: #f3f3f3;}
.album_view .credits p { font-size:80%; width:98%; color: #e5e5e5; padding:0; margin:7px auto 0px auto}
.album_view .buy_links {float:right; padding-top:26px;}
.album_view .buy_links a {padding-right:15px; opacity:0.7}

.song_list {padding:150px 5%; min-height:800px}
.song_list ul {float:left; list-style: none; width:33%;}
.song_list ul.half {width:50%;}
.song_list ul li {padding-bottom:0px; text-indent: -10%; margin-left: 10%;}
.song_list ul li a {color: #f3f3f3; font-size:105%; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.song_list ul li a:hover {color: #F7B646; text-decoration:none}
.song_list .section-heading {margin-top:70px; color:#dedede;}


/* For carrousel */
.cds-carousel {height:100%}
.media-carousel {height:100%}

.carousel-cell { height: 100%; background: transparent;}

.carousel-container {width:100%; margin:0 auto 5px auto;  border:0px solid red}
.lo_nuevo .detail {color:#FFF; font-size:16px; padding-top:50px}
.lo_nuevo .detail .heading {font-size:24px;}
.lo_nuevo .detail .album_name {font-size: 50px; text-transform: uppercase; margin: 0px 0; letter-spacing: 5px; text-shadow: 2px 2px 2px #333;}
.lo_nuevo .detail ul {list-style: none; margin-top:50px; padding:0px}
.lo_nuevo .detail ul li {padding-bottom:15px; font-size:22px}
.lo_nuevo .detail ul li a span {color:#fff}
.lo_nuevo .detail ul li a:hover {text-decoration:none}
.lo_nuevo .cover-shadow {box-shadow: 4px 3px 5px rgba(0,0,0,.8);}

.galeria .fotos {margin-top:100px;}



#cds-carousel-caption {width:66%; margin:auto; text-align:center; color:#f3f3f3; margin-top:-50px; background-color: rgba(0, 0, 0, 0.30); display:none;}

.carousel-container.videos {height:212px; margin-bottom:10px;}
.carousel-container.videos img {height:100%;}
.carousel-container.photos {height:208px;}
.carousel-container.photos img {height:100%; /* border-right:4px solid black; */ margin-right:6px;}

.section_portfolio .carousel-container .portfolio__item { height: 100%; }
.section_portfolio .carousel-container .portfolio__item__img { height: 100%; position:relative}
.flickity-page-dots {line-height:5;}
.flickity-page-dots .dot {background-color:#ccc}

.flickity-prev-next-button {opacity:1}
.cds-carousel .flickity-prev-next-button {opacity:0.5}


.section_portfolio .portfolio__item__img .play-button {position:absolute; top:0; left:0; display:none}
.section_portfolio .portfolio__item__img:hover > img.play-button {display:block; opacity:1}
.section_portfolio .portfolio__item__img__mask.is_video {}
.section_portfolio .portfolio__item__img__mask.is_video a {background:transparent;padding:10px 30px}
.section_portfolio .portfolio__item__img__mask.is_video > h3 {margin-bottom:0}

.section_portfolio .portfolio__item__img.faux-hover > img.play-button {display:block; opacity:1}
.section_portfolio .portfolio__item__img.faux-hover > img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.section_portfolio .portfolio__item__img.faux-hover .portfolio__item__img__mask { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
.section_portfolio .portfolio__item__img.faux-hover .portfolio__item__img__mask > * { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.section_portfolio .portfolio__item__img__mask.is_photo a:hover {text-decoration:none}
.section_portfolio .portfolio__item__img__mask.is_photo a .photo-thumb-title {color: #fff; text-transform:none}

.not-found {background-color: rgba(0, 0, 0, 0.30); width:60%; padding: 30px 0 50px 0; margin:auto; text-align: center;}
.not-found .head {text-align:center; color:#dedede; line-height:150%; text-transform:none; font-size:30px;}
.not-found ul {width:70%; margin:auto; font-size:24px;}
.not-found ul li {text-align:left; padding-bottom:15px; color:#dedede}

#banner-iframe-wrapper{position:absolute;left:6%;top:126px;z-index:999999; cursor:pointer}
.banner-iframe {border:0px}

.this_is_a_sample_class_of_how_they_make_text_not_selectable {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}



.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {color:#FFAB00}
.fancybox-caption a span {font-weight:bold}
.fancybox-caption__body .credit {font-weight: 300; color:#bdbdbd; font-style: italic}
.fancybox-is-open .fancybox-bg { opacity: 1; }


/* ---------------------------- FROM NEW TEMPLATE ---------------------------- */


.navbar { 
	position:fixed;
	padding-top: 10px;
	background-color: rgba(0, 0, 0, 0);
}

/* 
.navbar.overwhite .navbar-collapse {background-color: rgba(0, 0, 0, 0.3);}
 */

.navbar > .container .navbar-brand, 
.navbar > .container-fluid .navbar-brand {
	padding-top:10px;
}

.navbar-brand > img {
    margin-top: -9px;
    margin-left: -10px;
    opacity:0.8;
}

.navbar .navbar-nav.primary {float:right}
.navbar .navbar-nav .nav-link { color: #fff; /* text-shadow:1px 1px 1px #666;  */padding: 10px 15px; font-weight:400; letter-spacing:0.05em }
.navbar .navbar-nav .nav-link.active  { color: #FFAB00; text-shadow:0px 0px 0px;}

.navbar .navbar-nav .nav-link {font-size:14px; }
.navbar .navbar-nav.primary .nav-link {/* font-size:100%;  */letter-spacing:0.07em}
.navbar .navbar-nav.secondary .nav-link {color: rgba(255,255,255,.7);}

.navbar.overwhite .navbar-nav .nav-link ,
.navbar.overwhite .navbar-nav.secondary .nav-link { color: #a9a7a7; }

.nav-item.song-name {font-size:110%; color:#dedede; display:none}

header {min-height:800px; background-color:transparent}
section {padding:80px 0}

/* Homepage */
header.homepage {background-color:none; min-height:900px}
body.home-home section {padding:150px 0;}
section.lo_nuevo { background-color:rgba(0, 0, 0, 0.0)}
section.lo_nuevo.featured-video { background-color:rgba(0, 0, 0, .60)}
section.la_cancion_del_dia {background-color:rgba(255, 255, 255, 1)}
section.galeria {background-color:black}
section.noticias {background-color:transparent} /* cadetblue ghostwhite dimgrey beige lightgrey*/
section.contacto {background-color:transparent}


section.letra {background-color:rgba(255, 255, 255, 1)}
section.acordes {background-color:rgba(255, 255, 255, 1)}
section.video {background-color:rgba(0, 0, 0, 1)}
section.creditos {padding-top:250px; min-height:800px; background-color:rgba(0, 0, 0, 0.3)}
section.album_list {background-color:rgba(0, 0, 0, 0.3)}
section.album_view {background-color:rgba(0, 0, 0, 0.3)}
section .content {position: relative}
footer {background-color:rgba(0, 0, 0, 0.3)}
footer.home-home {background-color:transparent}
footer.song-list {background-color:transparent}
footer.song-view {background-color:transparent}
footer.song-not_found,
footer.album-not_found {background-color:transparent}

/* Prensa page */
section.prensa {margin-top:100px; background-color:rgba(0, 0, 0, .10)}
section.prensa li {list-style: none; margin-bottom:20px}
section.prensa .meta {margin-top:-5px;}
section.prensa .meta div {display:inline}
section.prensa .meta .date {color: rgba(255, 255, 255, .6); font-family:serif; font-size: 90%; margin-left:20px;}
section.prensa .meta .medium {color: #ddd}
section.prensa .link a {margin-left:0px; font-style:italic}
section.prensa .tv img {width:35%; margin-bottom: 3px;}


div.section-header-extra {display:inline-block; margin-left:5px; text-transform: none;}
div.section-header-extra.white {color:rgba(255,255,255,.9);}
div.section-header-extra a.more {font-size:60%; font-weight: 100;}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    content: none;
    display: table;
}

.blur {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
}