@font-face {
font-family: 'din';
src: url('../fonts/din.eot');
src: url('../fonts/din.eot?#iefix') format('embedded-opentype'), url('../fonts/din.woff') format('woff'), url('../fonts/din.ttf') format('truetype'), url('../fonts/din.svg#din') format('svg');
font-weight: normal;
font-style: normal;
}

body {	color:#676666;	font:normal 13px/22px Verdana,Sans-Serif;	background: url(/images/bg-content.png) 0 0 repeat-x; min-width:320px;}

.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

h1,h2,h3,h4,h5,h6 { font-weight:normal; font-family: din; margin: 0; padding: 0; color: #000}
h1 { margin:0 0 30px; font-size: 60px; color: #fff; }
h2 { font-size: 30px; line-height: 30px; margin-bottom:30px; }

h3 { font-size: 25px; line-height: 25px; margin-bottom:20px; }
/*
@media (min-width: 1200px) {
  h3 { margin-bottom: 30px; }
}
*/
h4 { font-size: 19px; line-height: 22px; margin-bottom:15px; }
@media (min-width: 1200px) {
  h4 { margin-bottom: 20px; }
}

h5 { font-size: 17px; }
h6 { font-size: 16px; }

/*h4 span{margin-right: 5px; font-size: 15px;}*/
h6 span{margin-right: 5px; font-size: 12px;}

.group > * { display: inline-block; margin-top: 0; margin-bottom: 20px; margin-left: 15px; }
.group { margin-bottom: -20px; margin-left: -15px; }

p {margin:0 0 20px;}
a {color:#f60; text-decoration:none;outline: none;}
a:hover{color:#333;}
a:focus { outline: none; }
select,input{outline: 0; }
ul, ol { list-style: none; padding:0; margin:0; }
table{background-color: #fff;}
form { overflow:hidden; }

.header { margin-top:20px; margin-bottom:20px; }
@media (min-width: 1200px) {
.header { margin-top: 30px; margin-bottom:30px; }
}

.spacer { margin-top: 20px;}
@media (min-width: 992px) {
.spacer { margin-top: 30px; }
}

.space-top { margin-top:20px;  }
@media (min-width: 1200px) {
  .space-top { margin-top:30px; }
}

.space-bot { margin-bottom:20px; }
@media (min-width: 1200px) {
  .space-bot { margin-bottom:30px; }
}

.sub-header h3 { color: #fff; margin-top:20px; margin-bottom:20px; font-size:22px; }
@media (min-width: 1200px) {
  .sub-header h3 { margin-top:30px; margin-bottom:30px;}
}




.iframe-container{position: relative; width: 100%; padding-bottom: 56.25%; max-height:480px; }
.iframe-container > *{ display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; height: 100%; width: 100%; }

.thumbnail{ background-color:#fff;}
.checkbox { margin: 2px 10px 0 0 !important; }
.navbar-inverse { background-color: #999;}
.navbar-inverse .navbar-nav > li > a { color:#fff; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus { background-color: #f60;}
@media (min-width: 768px) {
.navbar-inverse .navbar-nav > li > a { line-height: 34px; }
}
.navbar-inverse .navbar-nav > li:nth-of-type(1) > a { background: #ffb03b; }
.navbar-inverse .navbar-nav > li:nth-of-type(2) > a { background: #A49EE6; }
.navbar-inverse .navbar-nav > li:nth-of-type(3) > a { background: #6B3353; }
.navbar-inverse .navbar-nav > li:nth-of-type(4) > a { background: #c2a25c; }
.navbar-inverse .navbar-nav > li:nth-of-type(5) > a { background: #b44835; }
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus { background-color: #f60; }

@media (max-width: 767px) {
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {  margin-bottom: 10px; padding-top: 10px; }
.navbar-nav .open .dropdown-menu { background-color:#fff; border-radius: 0px; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; background-color: #999; }
}

.navbar-header { }
@media (min-width: 768px) {
.navbar-header { float: right; }
}


.navbar-buttons {
margin-top: 10px;
text-align: right;
margin-bottom: 10px;
}

.span-text { text-align: right; display: block; margin-bottom: 13px;}


.properties-listing .viewall{margin-top: 15px;}
.properties-listing div.properties{padding: 10px; background-color: #fff;text-align: center; margin-bottom: 20px;}
.owl-wrapper-outer div.properties{margin: 0 5px;}
.properties-listing div.properties .image-holder{position: relative;}
.properties-listing div.properties .status{position: absolute;bottom: 0;z-index: 100;display: block;width: 100%;color: #fff;padding:0 3px;text-align: right; font-size: 12px;}
.properties-listing div.properties p{margin-bottom: 10px; font-size: 14px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 5px 0;font-family: din;}

.listing-detail { margin-bottom: 30px; }
.listing-detail span{color: #fff; width: 25px; height: 25px; background-color: #555;display: inline-block;border-radius:25px; text-align: center;line-height: 26px; font-size: 14px;cursor: crosshair;}
.listing-detail span:hover{background: #72b70f;}

.recommended{position: relative;}
.recommended .carousel-indicators{position: absolute;text-align: left;left: 0;bottom: -40px;margin: 0;}
.recommended .carousel-indicators li{border: 1px solid #888;}
.recommended .carousel-indicators .active{background-color:#ccc; }
.recommended p{margin: 5px 0 10px 0;}

.semall {
display: block;
float: right;
margin-right: 10px;
cursor: pointer;
}
.modal-content{padding: 20px;}

.login .form-group input { padding: 10px; height: 40px;}

.remme label {font-weight: normal; margin: 0px 0 0 10px;}

.search-field { margin-top:20px; margin-bottom:0px; }
.search-field button { border-top-left-radius:0px; border-bottom-left-radius:0px; }
.socicons { width:48px; }
/* ---------------------------- GLOBAL*/

.nav-tabs { border:0px; }

.toptabs ul { border: 0px; }
.toptabs ul li.active > a,
.toptabs ul li.active > a:hover,
.toptabs ul li.active > a:focus{ color: #fff; border: 1px solid transparent; }
.toptabs ul li { text-align:center; }
.toptabs ul li > a { padding: 10px 12px; color: #fff; border:0px; }
.toptabs ul li #lifacts,
.toptabs ul li #lisongs { background-color: #f60; }
.toptabs ul li #liartists { background-color: #2795b6; }
.toptabs ul li #lilyrics { background-color: #ffb03b; }
.toptabs ul li #licategory { background-color: #A49EE6; }
.toptabs ul li #liplaces { background-color: #5EA876; }

.blogtabs .nav { display:table; width:100%; border-bottom:1px solid #C2A25C; padding-bottom:5px; margin-bottom:20px;}
.blogtabs .nav li { float:none; display:table-cell; background-color:#F2EDE1; width:50%;}
.blogtabs .nav li a { border-radius: 0;  border: none; color: #9C792D; }
.blogtabs .nav li a:hover { background-color: #C2A25C; color: #fff; }
.blogtabs .nav li.active { }
.blogtabs .nav li.active > a,
.blogtabs .nav li.active > a:hover,
.blogtabs .nav li.active > a:focus { background-color: #C2A25C; border-radius: 0; color: #fff;border: none;}
.blogtabs .nav-tabs a { font-weight:bold; }

#tabblogs ul li { margin-bottom: 5px; padding: 5px 10px; border-left:1px solid #C2A25C; }
#tabblogs ul li:hover { background: #C2A25C; }
#tabblogs ul li:hover a { color: #fff; text-decoration:none; }
#tabblogs ul li a { color: #9C792D; display: block;}
#tabblogs ul li.active { background: #C2A25C; border-left:0px; }
#tabblogs ul li.active a { color: #fff; }


#tabauthors ul li { margin-bottom: 5px; padding: 5px 10px; border-left:1px solid #C2A25C; }
#tabauthors ul li:hover { background: #C2A25C; }
#tabauthors ul li:hover a { color: #fff; text-decoration:none; }
#tabauthors ul li a { color: #9C792D; display: block;}
#tabauthors ul li.active { background: #C2A25C; border-left:0px; }
#tabauthors ul li.active a { color: #fff; }

.toptabs .media:not(:last-child) { }
.toptabs .media h4 { font-size:18px; }
.toptabs .media a:hover {text-decoration: none;}
.toptabs p { margin:0px; color:#f60; font-weight:bold;}
.toptabs .tab-pane {  }
.toptabs .media-body { position:relative; height:64px;}

#tabfacts { border:1px solid #f60; }
#tabfacts .media:hover { background:#f60; }
#tabfacts .media:hover p {color: #fff;}
#tabfacts .media:hover img { border-radius: 0px; border:1px solid #fff; }
#tabfacts .media img {  border:1px solid #000;}
#tabfacts .corner-graph {  border-right: 40px solid #f60; }
#tabfacts .corner-numbers {position: absolute; right: 10px; bottom: 10px; color: #000; z-index: 2; font-size: 2em; }
#tabfacts .media .media-heading { margin: 0 0 0px; }
#tabfacts img { float:left; margin-right:10px; width:64px; height:64px;}

#tabsongs { border:1px solid #f60; padding:20px;}
#tabsongs  h4 { margin: 0; }
#tabsongs  .media:hover   { background:#f60; }
#tabsongs  .media .media-heading { margin: 0 0 0px; line-height: 23px; }
#tabsongs  .media .media-body { height: unset; }

#tabplaces { border:1px solid #5EA876;}
#tabplaces  .media:hover   { background:#5EA876; }
#tabplaces  .media .media-heading { margin: 0 0 0px; line-height: 23px; }
#tabplaces  .media .media-body { height: unset; }

#tabartists { border:1px solid #2795b6; }
#tabartists .media:hover { background:#2795b6; }
#tabartists .media:hover p {color: #fff;}
#tabartists .media:hover img { border-radius: 0px; border:1px solid #fff; }
#tabartists .media img {  border:1px solid #2795b6;}
#tabartists .corner-graph { border-right: 40px solid #2795b6; }
#tabartists .corner-numbers {position: absolute; right: 10px; bottom: 10px; color: #000; z-index: 2; font-size: 2em; }
#tabartists .media .media-heading { margin: 20px 0 0px; }
#tabartists img { float:left; margin-right:10px; width:64px; height:64px;}


#tablyrics { border:1px solid #ffb03b;}
#tablyrics .media:hover { background:#ffb03b; }
#tablyrics .media:hover p {color: #fff;}
#tablyrics p { font-weight:normal; color:#878787;}

#tabcategory { border:1px solid #A49EE6;}
#tabcategory  .media:hover   { background:#A49EE6; }
#tabcategory  .media .media-heading { margin: 0 0 0px; line-height: 23px; }
#tabcategory  .media .media-body { height: unset; }

#tabfacts     .media,
#tabartists   .media,
#tablyrics    .media,
#tabcategory  .media { padding: 15px; }

#tabfacts     .corner-graph,
#tabartists   .corner-graph { width: 0; height: 0; border-left: 0px solid transparent; border-top: 40px solid transparent; border-bottom: 0px solid transparent; position: absolute; right: 0; bottom: 0; }


/* ------------------------ INDEX ---------*/
.index_hotspot_songfacts { border-left:1px solid #f60; padding-left:10px; }
@media (max-width: 640px) {
.index_hotspot_songfacts .video-container { display:none; }
}
.index_hotspot_artist { border-left:1px solid #5A9DF1; padding-left:10px;  }
.index_hotspot_artist ul { margin-bottom:20px;}
.index_hotspot_artist img { float: left; margin-right: 10px; margin-bottom: 20px; max-width:150px;}

.index_hotspot_category { border-left:1px solid #A49EE6; padding-left:10px; }
.index_hotspot_category ul { margin-bottom:20px;}

.index_blog_fromthevaults,
.index_blog_featured_quiz,
.index_blog_factorfiction { border-left:1px solid #C2A25C; padding-left:10px; }

.index_blog_fromthevaults img,
.index_blog_featured_quiz img,
.index_blog_factorfiction img { margin-bottom:20px; width:100%; max-width:360px;}

.index_latest_place { border-left:1px solid #6B3353; padding-left:10px; }
.index_latest_place img { margin-bottom:20px; width:100%; max-width:360px;}

.index_featured_comment { border-left:1px solid #333; padding-left:10px; }
.index_featured_comment p { border-left:1px solid #333; padding-left:10px; }




.details-header-artistdiv { font-size: 2rem; margin-top: 10px; }
.title-artist { text-decoration:underline; color:#fff;}
.artist-hotspot a { color:#333; }
.artist-hotspot h4 { color:#2795b6; font-weight:bold; }
.artist-hotspot img { float:left; margin:0 20px 20px 0; }
.song-title { color: #f60; font-weight:bold;}
.artist-title { text-decoration: underline; color: #2795b6; }

.calendar-eod-container h2 { font-size: 25px; line-height: 25px; }

.vaults h4 { font-weight:bold; }
.vaults img { max-width:336px; }

.inside-banner{background:url(../images/bginside.jpg) #222;color: #fff; padding: 30px 0;}
.inside-banner h2{margin: 0; color: #fff;}
.inside-banner span{margin-top: 10px;}

.search-form {margin-bottom: 50px;}
.search-form h4{margin: 17px 0;}

.info { color: #999;margin-bottom: 10px;font-size: 12px;}


@media (max-width: 600px) {
.header{text-align: center;}
.header ul{width: 100%;margin-bottom: 20px;}

h1{font-size: 40px;}
h2{font-size: 25px;}

}
/* -------------------------------- */




/* --- Index Ads ---- */

.index-ads-container { margin-bottom:30px;}


/* --- Places Ads ---- */
.places-ads-container1,
.places-ads-container2 { margin-bottom:30px; }

/* --- Category Ads -- */
.category-subheader-container { display: flex; flex-direction: column; overflow:hidden; }
.category-subheader-container .dropdown-menu { overflow: hidden; position: relative; width: 100%; padding:0px;}
.category-subheader-container .dropdown-menu li { }
.category-subheader-container .dropdown-menu li a { padding:5px 10px; }
.category-types-menu { order:1; }
.category-ads-container { order:2; margin-bottom:30px;}


@media (min-width: 768px) {
.category-subheader-container { display:block; }
.category-subheader-container .catnav { overflow:hidden; }
.category-ads-container { float:right; margin-left:20px;}
}

/* -------- style for blog pagination ----------*/
.firstten { padding:3px 8px !important;}

.pagin-bordo,
.pagin-bronze,
.pagin-orange,
.pagin-blue,
.pagin-dark,
.pagin-purple  { font-weight:bold; display:block; line-height: 26px; }

.pagin-bordo  a, .pagin-bordo a:visited,
.pagin-bronze a, .pagin-bronze a:visited,
.pagin-orange a, .pagin-orange a:visited,
.pagin-blue   a, .pagin-blue a:visited,
.pagin-dark   a, .pagin-dark a:visited,
.pagin-purple a, .pagin-purple a:visited { -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; text-decoration:none; outline: none;}

.pagin-bordo  a, .pagin-bordo a:visited  { padding:3px 3px;margin:0; border:solid 1px #6B3353; color:#6B3353; }
.pagin-bronze a, .pagin-bronze a:visited { padding:3px 3px;margin:0; border:solid 1px #C2A25C; color:#C2A25C; }
.pagin-orange a, .pagin-orange a:visited { padding:3px 3px;margin:0; border:solid 1px #f60;    color:#f60; }
.pagin-blue   a, .pagin-blue a:visited   { padding:3px 3px;margin:0; border:solid 1px #5A9DF1; color:#5A9DF1; }
.pagin-dark   a, .pagin-dark a:visited   { padding:3px 3px;margin:0; border:solid 1px #333333; color:#333333; }
.pagin-purple a, .pagin-purple a:visited   { padding:3px 3px;margin:0; border:solid 1px #A49EE6; color:#A49EE6; }

.pagin-bordo  a:hover,
.pagin-bronze a:hover,
.pagin-orange a:hover,
.pagin-blue   a:hover,
.pagin-dark   a:hover,
.pagin-purple a:hover { text-decoration:none;color:#fff;}

.pagin-bordo  a:hover { border:solid 1px #6B3353; background-color:#6B3353;}
.pagin-bronze a:hover { border:solid 1px #C2A25C; background-color:#C2A25C;}
.pagin-orange a:hover { border:solid 1px #f60;    background-color:#f60;}
.pagin-blue   a:hover { border:solid 1px #5A9DF1; background-color:#5A9DF1;}
.pagin-dark   a:hover { border:solid 1px #333333; background-color:#333333;}
.pagin-purple a:hover { border:solid 1px #A49EE6; background-color:#A49EE6;}

.pagin-bordo  a:active,
.pagin-bronze a:active,
.pagin-orange a:active,
.pagin-blue   a:active,
.pagin-dark   a:active,
.pagin-purple a:active  { text-decoration:none; background-color:#fff;}

.pagin-bordo  a:active { border:solid 1px #6B3353; color:#6B3353;}
.pagin-bronze a:active { border:solid 1px #C2A25C; color:#C2A25C;}
.pagin-orange a:active { border:solid 1px #f60;    color:#f60;}
.pagin-blue   a:active { border:solid 1px #5A9DF1; color:#5A9DF1;}
.pagin-dark   a:active { border:solid 1px #333333; color:#333333;}
.pagin-purple a:active { border:solid 1px #A49EE6; color:#A49EE6;}

.pagin-bordo  span,
.pagin-bronze span,
.pagin-orange span,
.pagin-blue   span,
.pagin-dark   span,
.pagin-purple span { -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:default;color:#B0B0B0; padding:3px 3px;margin:0;}

.pagin-bordo  span { border:solid 1px #6B3353; }
.pagin-bronze span { border:solid 1px #C2A25C; }
.pagin-orange span { border:solid 1px #f60; }
.pagin-blue   span { border:solid 1px #5A9DF1; }
.pagin-dark   span { border:solid 1px #333333; }
.pagin-purple span { border:solid 1px #A49EE6; }

.pagin-bordo  span.current,
.pagin-bronze span.current,
.pagin-orange span.current,
.pagin-blue   span.current,
.pagin-dark   span.current,
.pagin-purple span.current { color:#fff; }

.pagin-bordo  span.current { border:solid 1px #6B3353; background-color:#6B3353; }
.pagin-bronze span.current { border:solid 1px #C2A25C; background-color:#C2A25C; }
.pagin-orange span.current { border:solid 1px #f60;    background-color:#f60; }
.pagin-blue   span.current { border:solid 1px #5A9DF1; background-color:#5A9DF1; }
.pagin-dark   span.current { border:solid 1px #333333; background-color:#333333; }
.pagin-purple span.current { border:solid 1px #A49EE6; background-color:#A49EE6; }

.pagination-result-info { margin:0px; float:right; }

.blogullist-bronze{list-style-type:none; padding: 0px;}
.blogullist-bronze a{font-weight:bold; color:#9C792D;display:block;}
.blogullist-bronze li { border-left:1px solid #C2A25C;padding-left:10px; border-bottom: 1px dotted #ccc; padding-bottom: 10px; position:relative;}
.blogullist-bronze li:not(:last-child) { margin-bottom:20px; }
.blogullist-bronze img {border-radius:10px; -webkit-border-radius:10px;-moz-border-radius:10px; width: 100%;}
@media (min-width: 480px) {
.blogullist-bronze img {float:left; width:150px; height:150px;}
}

.blogullist-bronze .inner { position:relative;}
.blogullist-bronze .inner-noimg{padding:10px;}
.blogullist-bronze .boxed{padding:10px;vertical-align:top;}
.blogullist-bronze .lihover{cursor:pointer;padding:10px;}
.blogullist-bronze .lihover:hover,
.blogullist-bronze .lihover:hover a { color:#fff;background:#C2A25C;}
.blogullist-bronze span.titled{padding:10px 0px; font-weight:bold; display:block; overflow:hidden;}
@media (min-width: 480px) {
.blogullist-bronze span.titled{padding:10px 0px 10px 10px;}
}
.blogullist-bronze span.titled-noimg{font-weight:bold;display:block;}
.blogullist-bronze span.titled a{color:#9C792D;}
.blogullist-bronze span.titled-noimg a{color:#9C792D;}
.blogullist-bronze span.titled a:hover{color:#C2A25C;}
.blogullist-bronze span.titled-noimg a:hover{color:#C2A25C;}
.blogullist-bronze span.descripted { display:block;overflow:hidden;}
@media (min-width: 480px) {
.blogullist-bronze span.descripted { padding:0 10px 10px 10px; }
}
.blogullist-bronze span.descripted-noimg{display:block;}
.blogullist-bronze .blogent-button { display:inline-block; margin-left:10px;}
.blogullist-bronze .blogent-button a {color:#5e5e5e; font-weight:bold; text-decoration:underline; }
.blogullist-bronze .blogent-button a:focus{background-color:#ffffff;}
.blogullist-bronze .blogent-button a:hover{background:#f6f6f6;color:#5e5e5e;}
.blogullist-bronze .blogent-button a:visited{background:#f6f6f6;color:#5e5e5e;}


/* -------- style for blog entries ----------*/
.blog-quote-fullwidth   {  width: 100%; padding: 10px;  margin: 0 0 20px 0;  display: block;  overflow: hidden;  border-left: 1px solid #C2A25C;  background-color: #f6f6f6;}
.places-quote-fullwidth {  width: 100%; padding: 10px;  margin: 0 0 20px 0;  display: block;  overflow: hidden;  border-left: 1px solid #6B3353;  background-color: #6B3353;}


@media (min-width: 640px) {
.blog-quote-fullwidth   {  border-left: 10px solid #C2A25C;  padding: 20px; }
.places-quote-fullwidth {  border-left: 10px solid #6B3353;  padding: 20px; }
.blog-quote-fullwidth .blog-img-right,
.blog-quote-fullwidth .blog-img-caption-right,
.places-quote-fullwidth .places-img-right,
.places-quote-fullwidth .places-img-caption-right { margin: 0 0 20px 20px; }

.blog-quote-fullwidth .blog-img-left,
.blog-quote-fullwidth .blog-img-caption-left,
.places-quote-fullwidth .places-img-left,
.places-quote-fullwidth .places-img-caption-left  { margin: 0 20px 20px 0; }
}

.blog-img-left,
.places-img-left { width: 100%; margin: 20px 0 20px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.blog-img-right,
.places-img-right { width: 100%; margin: 20px 0 20px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

@media (min-width: 640px) {
.blog-img-left,
.places-img-left  { max-width: 350px; margin:20px 20px 20px 0; width:100%; float:left; clear:left;}
.blog-img-right,
.places-img-right { max-width: 350px; margin:20px 0 20px 20px; float:right; clear:right;}
}

.blog-img-caption-right,
.places-img-caption-right { margin-bottom:20px; margin-top:20px; }

.blog-img-caption-right img,
.places-img-caption-right img { width: 100%; margin-bottom:10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

@media (min-width: 640px) {
.blog-img-caption-right,
.places-img-caption-right { margin: 20px 0 20px 20px; float:right; max-width: 336px; }

.blog-img-caption-right img,
.places-img-caption-right img { max-width: 336px; }
}
.blog-img-caption-right span   { border-left:10px solid #C2A25C; display:block; background-color:#f6f6f6; padding:10px 20px; color:#000;}
.places-img-caption-right span { border-left:10px solid #6B3353; display:block; background-color:#f6f6f6; padding:10px 20px; color:#000;}

.blog-img-caption-left,
.places-img-caption-left { margin-bottom:20px; margin-top:20px; }
.blog-img-caption-left img,
.places-img-caption-left img { width: 100%;  margin-bottom:10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
@media (min-width: 640px) {
.blog-img-caption-left,
.places-img-caption-left { margin: 20px 20px 20px 0; float:left; clear:left; max-width: 336px;}
.blog-img-caption-left img,
.places-img-caption-left img { max-width: 336px; }
}
.blog-img-caption-left span   { border-left:10px solid #C2A25C; display:block; background-color:#f6f6f6; padding:10px 20px; color:#000;}
.places-img-caption-left span { border-left:10px solid #6B3353; display:block; background-color:#f6f6f6; padding:10px 20px; color:#000;}


.blog-songtop { overflow: hidden; border-bottom:1px solid #C2A25C; margin-bottom:20px; padding-bottom:20px;}

.blog-quote-right,
.places-quote-right { width: 100%; padding: 10px;  margin: 20px 0 20px 0;  display: block; overflow: hidden; border-left: 1px solid #C2A25C;  background-color: #f6f6f6;}

@media (min-width: 640px) {
.blog-quote-right   {  border-left: 10px solid #C2A25C; padding: 20px; float: right; clear: right; width: 45%; margin: 20px 0 20px 20px;}
.places-quote-right {  border-left: 10px solid #6B3353; padding: 20px; float: right; clear: right; width: 45%; margin: 20px 0 20px 20px;}

.blog-quote-right .blog-img-right,
.blog-quote-right .blog-img-caption-right,
.places-quote-right .places-img-right,
.places-quote-right .places-img-caption-right { margin: 0 0 20px 20px; }

.blog-quote-right .blog-img-left,
.blog-quote-right .blog-img-caption-left,
.places-quote-right .places-img-left,
.places-quote-right .places-img-caption-left  { margin: 0 20px 20px 0; }
}

.blog-quote-left,
.places-quote-left { width: 100%; padding: 10px;  margin: 20px 0 20px 0;  display: block; overflow: hidden; border-left: 1px solid #C2A25C;  background-color: #f6f6f6; }

@media (min-width: 640px) {
.blog-quote-left   {  border-left: 10px solid #C2A25C; padding: 20px; float: left; clear: left; width: 45%; margin: 20px 20px 20px 0;}
.places-quote-left {  border-left: 10px solid #6B3353; padding: 20px; float: left; clear: left; width: 45%; margin: 20px 20px 20px 0;}

.blog-quote-left .blog-img-right,
.blog-quote-left .blog-img-caption-right,
.places-quote-left .places-img-right,
.places-quote-left .places-img-caption-right { margin: 0 0 20px 20px; }

.blog-quote-left .blog-img-left,
.blog-quote-left .blog-img-caption-left,
.places-quote-left .places-img-left,
.places-quote-left .places-img.caption-left  { margin: 0 20px 20px 0; }
}


.soundcloud-container { margin:20px 0; }

.blog-img-quote-right,
.blog-img-quote-left,
.places-img-quote-right,
.places-img-quote-left { width: 100%; padding: 20px;  margin: 20px 0 20px 0;  display: block; overflow: hidden; background: url(/images/openquote.gif) top left no-repeat; font-size: 24px; line-height: 1.3; font-style: italic;}

@media (min-width: 640px) {
.blog-img-quote-left,
.places-img-quote-left {  float: left; clear: left; max-width: 350px; margin: 20px 20px 20px 0;}
.blog-img-quote-right,
.places-img-quote-right {  float: right; clear: right; max-width: 350px; margin: 20px 0 20px 20px;}
}

.blog-img-quote-right p::first-letter,
.blog-img-quote-left p::first-letter,
.places-img-quote-right p::first-letter,
.places-img-quote-left p::first-letter { font-size: 1.6em; font-weight: bold; }

.blog-img-quote-right p,
.blog-img-quote-left p,
.places-img-quote-right p,
.places-img-quote-left p { color: #785914; margin:0px; }

.blog-img-stretch,
.places-img-stretch { height: auto; max-width: 100%; margin-right: auto; margin-bottom: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.blog-fancylist,
.blog-footnotes,
.places-fancylist,
.places-footnotes { list-style-type: none; padding:0; margin:0; overflow:hidden; margin:20px 0;}

.blog-fancylist li,
.blog-footnotes li   { border-left: 10px solid #C2A25C; position: relative; padding-left: 5px; }
.places-fancylist li,
.places-footnotes li { border-left: 10px solid #6B3353; position: relative; padding-left: 5px; }

.blog-text-center,
.places-text-center { display: block; text-align: center; overflow: hidden; margin: 20px 0; }

.flex-video { position: relative; padding-bottom: 67.5%; height: 0; }
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.flex-video-sizer-right { width:100%; margin:20px 0px;}
@media (min-width: 640px) {
.flex-video-sizer-right { float: right; clear:right; max-width:350px; margin:20px 0px 20px 20px;}
}

.flex-video-sizer-left { width:100%; margin:20px 0;}
@media (min-width: 640px) {
.flex-video-sizer-left { float: left; clear:left; max-width:350px; margin:20px 20px 20px 0;}
}

.flex-video-sizer-center { margin:20px auto;}

.blog-post-share { overflow:hidden; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding:10px; background-color:#fff; color: #C2A25C; }

.blog-post-share p,
.places-post-share p { font-size: 12px; font-weight: 500; letter-spacing: 0.05em;  text-transform: uppercase; margin:0px; }
.blog-post-share i,
.places-post-share i { font-size: 20px; }

.blog-post-share .custom-fb-button,
.places-post-share .custom-fb-button { display: inline-block; padding: 0; margin: 0; width: 80px; height: 20px; vertical-align: top; }

.rfl-link { display:block; margin-top:10px; }

.browse-places-list img { width:100%; margin:0px; border-radius:5px;}
.browse-places-list span { display: block; overflow: hidden; margin-top: 10px;}
.browse-places-list span a { font-size: 14px; display: block; }
@media (min-width: 640px) {
.browse-places-list img { width:150px; margin:0 10px 0 0; border-radius:5px;}
.browse-places-list span { display: inline; overflow: hidden; margin: 0px;}
.browse-places-list span a { display: inline; text-align: left; }
}

.search-blogs-list img { width:100%; margin:0px; border-radius:5px;}
.search-blogs-list span { display: block; overflow: hidden; margin-top: 10px;}
.search-blogs-list span a { font-size: 14px; display: block; }
@media (min-width: 640px) {
.search-blogs-list img { width:150px; margin:0 10px 0 0; border-radius:5px;}
.search-blogs-list span { display: inline; overflow: hidden; margin: 0px;}
.search-blogs-list span a { display: inline; text-align: left; }
}

#quiz-holder .q1,
#quiz-holder .q2 { margin-bottom:30px; font-weight: normal; font-family: din; padding-bottom:30px; color: #000; font-size:21px; border-bottom: 1px solid #999;}
#quiz-holder .answer1,
#quiz-holder .answer2 { margin-top: 30px; font-size: 13px; font-family: Verdana, sans-serif; }
#quiz-holder .a1,
#quiz-holder .a2 {font-size: 13px; font-family: Verdana, sans-serif; margin-top: 10px; }
#quiz-holder .correct1,
#quiz-holder .correct2 { color: #4BA32E; font-family: din; font-size:19px;}
#quiz-holder .wrong1,
#quiz-holder .wrong2 { color: #F03030; font-family: din; font-size:19px;}

/* -------------------- */
.textwall { padding:20px; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; }

.inlinenotify { overflow: hidden;}
.focus {float: left; width: 100%; }
.triangle_top.red { border-color: transparent transparent #D14836 transparent; }
.triangle_top { width: 0px; height: 0px; border-style: solid; border-width: 0px 15px 15px 15px; position: absolute; }
.notification-error { margin-top: 5px; padding: 5px 10px; }
.textevidence { float: left; width: 100%; position: relative; overflow: hidden;}
.comment-credit { display:block; overflow:hidden;}

.dateofexistance { display: inline-block; width: 145px; height: 145px; text-align: center; font-weight: bold; font-size: 17px; padding-top: 50px; color: #666;}

.memberentry  { }
.memberentry .year { margin-left:10px; }
.memberentry .instrument { margin-left:10px; display:inline-block; vertical-align: middle; font-weight:bold; }
.memberentry .membername  {  font-weight: bold; color: #5A9DF1;}



.comment { display:none; padding:10px;}
.comment:not(:last-child) { margin-bottom: 10px; }

.blog-comments-list .comment:nth-child(2n) { background-color:#f6f6f6; border-bottom: 1px solid #e2e2e2; }
.songfacts-comments-list .comment:nth-child(2n+1) { background-color:#fffaf4; border-bottom: 1px solid #f60; }
.artistfacts-comments-list .comment:nth-child(2n+1) { background-color:#E1E5EB; border-bottom: 1px solid #5A9DF1; }
.places-comments-list .comment:nth-child(2n+1) { background-color:#f9f2f9; border-bottom: 1px solid #6B3353; }

.blog-comments-list .comment-credit,
.songfacts-comments-list .comment-credit,
.artistfacts-comments-list .comment-credit,
.places-comments-list .comment-credit { display: block; font-weight: 700; margin: -10px 0 5px -10px; padding-left: 10px; }

.blog-comments-list .comment-credit { border-left: 23px solid #C2A25C; }
.songfacts-comments-list .comment-credit { border-left: 23px solid #f60; }
.artistfacts-comments-list .comment-credit { border-left: 23px solid #5A9DF1; }
.places-comments-list .comment-credit { border-left: 23px solid #6B3353; }

.comments-form { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin: 30px 0; padding: 30px 0; overflow: hidden; }
.comments-form h3 { margin: 15px 0 !important; }
.creditsdiv { display: none; padding: 10px; margin-top:10px; border: 1px solid #a1a1a1; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }



.tabs-purple { display: block; overflow: hidden; }
.tabs-purple li { display: block; overflow: hidden; }
.tab-purple { float: left; margin-right: 5px; margin-bottom: 5px;  }
.tab-purple a:not(.current) { color: #443266; background-color: #D3D1ED; }
.tab-purple a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #A49EE6; z-index: 1; border:1px solid #A49EE6; line-height: 26px;}
.tab-purple a { position: relative; padding: 3px 10px; text-transform: uppercase; text-decoration: none; color: #fff; }
.tab-purple a:not(.current):hover { opacity: 1; filter: alpha(opacity=100); background-color: #fff; color: #443266; border:1px solid #443266;}
.catnav select { display: none; padding: 5px; border: 1px solid #999; width: 100%; }

.tab-browse { display: block; overflow: hidden; }
.tab-browse li { margin-bottom:5px; }
@media (min-width: 640px) {
.tab-browse li { float: left; margin-bottom:5px; }
.tab-browse li:not(:last-child) { margin-right: 5px; }
}


.tab-browse #lisongs a { border:1px solid #f60; background: #fff; color:#f60;}
.tab-browse #liartists a { border:1px solid #5A9DF1; background: #fff; color:#5A9DF1;}
.tab-browse #liplaces a { border:1px solid #6B3353; background:#fff; color:#6B3353;}
.tab-browse #limages  a { border:1px solid #5EA876; background:#fff; color:#5EA876;}
.tab-browse #lilyrics  a { border:1px solid #ffb03b; background:#fff; color:#ffb03b;}
.tab-browse #liyears  a { border:1px solid #333; background:#fff; color:#333;}
.tab-browse #litimeline a { border:1px solid #acb7c0; background: #fff; color:#acb7c0; }
.tab-browse #liblogs a { border:1px solid #C2A25C; background: #fff; color:#C2A25C; }
.tab-browse #licats a { border:1px solid #A49EE6; background: #fff; color:#A49EE6; }

.tab-browse #lisongs a:not(.active) { border:1px solid #f60; background: #f60; color: #fff;}
.tab-browse #liartists a:not(.active) { border:1px solid #5A9DF1; background: #5A9DF1; color: #fff;}
.tab-browse #liplaces a:not(.active) { border:1px solid #6B3353; background:#6B3353; color: #fff;}
.tab-browse #limages a:not(.active) { border:1px solid #5EA876; background:#5EA876; color: #fff;}
.tab-browse #lilyrics a:not(.active) { border:1px solid #ffb03b; background:#ffb03b; color: #fff;}
.tab-browse #liyears a:not(.active) { border:1px solid #333; background:#333; color: #fff;}
.tab-browse #litimeline a:not(.active) { border:1px solid #acb7c0; background: #acb7c0; color: #fff;}
.tab-browse #liblogs a:not(.active) { border:1px solid #C2A25C; background: #C2A25C; color: #fff;}
.tab-browse #licats a:not(.active) { border:1px solid #A49EE6; background: #A49EE6; color: #fff;}

.tab-browse #lisongs a:not(.active):hover { border:1px solid #f60; background-color: #fff; color: #f60;}
.tab-browse #liartists a:not(.active):hover { border:1px solid #5A9DF1; background-color: #fff; color: #5A9DF1;}
.tab-browse #liplaces a:not(.active):hover { border:1px solid #6B3353; background-color: #fff; color: #6B3353;}
.tab-browse #limages a:not(.active):hover { border:1px solid #5EA876; background-color: #fff; color: #5EA876;}
.tab-browse #lilyrics a:not(.active):hover { border:1px solid #ffb03b; background-color: #fff; color: #ffb03b;}
.tab-browse #liyears a:not(.active):hover { border:1px solid #333; background-color: #fff; color: #333;}
.tab-browse #litimeline a:not(.active):hover { border:1px solid #acb7c0; background-color: #fff; color: #acb7c0;}
.tab-browse #liblogs a:not(.active):hover { border:1px solid #C2A25C; background-color: #fff; color: #C2A25C;}
.tab-browse #licats a:not(.active):hover { border:1px solid #A49EE6; background-color: #fff; color: #A49EE6;}

.tab-browse #lisongs a,
.tab-browse #liartists a,
.tab-browse #liplaces a,
.tab-browse #limages  a,
.tab-browse #lilyrics  a,
.tab-browse #liyears  a,
.tab-browse #litimeline  a,
.tab-browse #liblogs  a,
.tab-browse #licats  a { display: block; overflow: hidden; text-align: center; padding: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 1; position: relative; text-transform: uppercase; text-decoration: none; line-height: 34px; }

@media (min-width: 640px) {
.tab-browse #lisongs a,
.tab-browse #liartists a,
.tab-browse #liplaces a,
.tab-browse #limages  a,
.tab-browse #lilyrics  a,
.tab-browse #liyears  a,
.tab-browse #litimeline  a,
.tab-browse #liblogs  a,
.tab-browse #licats  a {  display:inline; padding: 8px 20px 7px 20px;  }
}



.browse-list-orange,
.browse-list-blue,
.browse-list-bordo,
.browse-list-dark,
.browse-list-gold,
.browse-list-purple { padding-left: 0; list-style: none; }

.browse-list-orange li { border-left: 1px solid #f60; border-bottom: 1px dotted #f60; margin-bottom: 10px; padding:10px; }
.browse-list-blue li { border-left: 1px solid #5A9DF1; border-bottom: 1px dotted #5A9DF1; margin-bottom: 10px; padding:10px; }
.browse-list-bordo li { border-left: 1px solid #6B3353; border-bottom: 1px dotted #6B3353; margin-bottom: 10px; padding:10px; }
.browse-list-dark li { border-left: 1px solid #333; border-bottom: 1px dotted #333; margin-bottom: 10px; padding:10px; }
.browse-list-gold li { border-left: 1px solid #C2A25C; border-bottom: 1px dotted #C2A25C; margin-bottom: 10px; padding:10px; }
.browse-list-purple li { border-left: 1px solid #A49EE6; border-bottom: 1px dotted #A49EE6; margin-bottom: 10px; padding:10px; }

.browse-list-orange li:hover { background-color: #f60; color:#fff; }
.browse-list-blue li:hover { background-color: #5A9DF1; color:#fff; }
.browse-list-bordo li:hover { background-color: #6B3353; color:#fff; }
.browse-list-dark li:hover { background-color: #333; color:#fff; }
.browse-list-gold li:hover { background-color: #C2A25C; color:#fff; }
.browse-list-purple li:hover { background-color: #A49EE6; color:#fff; }

.browse-list-orange li:hover a,
.browse-list-blue li:hover a,
.browse-list-bordo li:hover a,
.browse-list-dark li:hover a,
.browse-list-gold li:hover a,
.browse-list-purple li:hover a { color: #fff; text-decoration:underline;}

.browse-list-orange a { color: #f60; }
.browse-list-blue a { color: #5A9DF1; }
.browse-list-bordo a { color: #6B3353; }
.browse-list-dark a { color: #333; }
.browse-list-gold a { color: #C2A25C; }
.browse-list-purple a { color: #353166; }

.socmed-links { width: 100%; margin-top:10px; padding-top:5px; margin-bottom:0px; line-height: auto;border-top:1px solid #ccc; }

@media (min-width: 992px) {
.socmed-links {
float:right !important;
margin-top:0px;
width:auto;
padding-top: 0px;
border-top: 0px;
}
}

.socmed-email-button {
padding: 0px !important;
border: 1px solid #f60;
width: 36px;
height: 28px !important;
display: inline-block;
text-align: center;
overflow: hidden;
vertical-align: bottom;
line-height: 25px !important;
}


/* ---------- places specific styles */

.places a { color: #6B3353; }
.media { margin:0px; }
.media,
.media-body { zoom: 1;  overflow: hidden; }
.media-body { width: 10000px; }
.media-object { display: block;
  // Fix collapse in webkit from max-width: 100% and display: table-cell.
  &.img-thumbnail {
    max-width: none;
  }
}

.media-left,
.media-right,
.media-body { display: table-cell; vertical-align: top; }
.media-middle { vertical-align: middle; }
.media-bottom { vertical-align: bottom; }
// Reset margins on headings for tighter default spacing
.media-heading { margin-top: 0; margin-bottom: 5px; }
.media:after { clear: both; }

.author-info { overflow: hidden; }
.author-info a, .entry-author-info a { text-decoration:underline; }
.author-info img { float: left; border: 1px solid #C2A25C; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin: 0 20px 20px 0; }
@media (min-width: 640px) {
.author-info img { margin: 0 20px 0 0; }
}

.places-container-flex { display: flex; flex-direction: column;  }
@media (min-width: 640px) {
.places-container-flex { display: block;  }
}

.places-content { display: block; overflow: hidden;}
@media (min-width: 640px) {
.places-content { }
}
.places-video-ads-div { margin-bottom:20px; display: flex; flex-direction: column;  order:2; }
@media (min-width: 640px) {
.places-video-ads-div { float: right; width: 300px; margin-left: 20px; display:block; }
}

@media (min-width: 992px) {
.places-video-ads-div { float: right; width: 336px; margin-left: 20px; }
}

.places-post-share { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding:10px; background-color:#fff; }

.places-lyricsnote  { overflow:hidden; background: url(/images/notequote2.gif) top left no-repeat; font-size: 16px; line-height: 1.5em; font-style: italic; padding: 0px 0px 20px 20px; }
@media (min-width: 992px) {
.places-lyricsnote  { width: 336px; float: left; padding: 0px 20px 20px 20px; }
}

.places-details-map { width:100%; height:250px; margin-bottom:20px; }

.list-places-home li { border-left:1px solid #6B3353; padding-left:10px; }
.list-places-home img { border-radius: 5px; width: 100%; margin-bottom: 10px; }
.list-places-home a { display: block; }

.list-blogs-home li { border-left:1px solid #C2A25C; padding-left:10px; }
.list-blogs-home img { border-radius: 5px; width: 100%; margin-bottom: 10px; }
.list-blogs-home a { display: block; }
.list-blogs-home p { margin:0px; }

.places-home-mostvisited img { border-radius: 5px; width: 100%; margin-bottom: 10px; border:1px solid transparent;}
.places-home-mostvisited a:not(.button) { display: block; }
.places-home-mostvisited p { margin-top:20px; }
.places-home-mostvisited li:hover h4 { color:#fff;}
.places-home-mostvisited li:hover .places-comments-list li { color:#6B3353; background:#fff; }
.places-home-mostvisited li:hover .comment-credit { border-left:20px solid #6B3353; }
.places-home-mostvisited li:hover .button { background-color: #fff !important; color:#6B3353 !important; }
.places-home-mostvisited li:hover .button i { color:#6B3353 !important; }
.places-home-mostvisited li:hover img { border:1px solid #fff; }
.places-home-mostvisited .button { font-weight:normal;}
.places-home-mostvisited .comment { display:block; border:0px; }
.places-home-mostvisited .comment-credit { border-left:20px solid #6B3353; padding-left:10px; height:20px; font-weight: bold; }

.blog-home-mostvisited img { border-radius: 5px; width: 100%; margin-bottom: 10px; }
.blog-home-mostvisited a:not(.button) { display: block; }
.blog-home-mostvisited p { margin-top:20px; }
.blog-home-mostvisited li:hover h4 { color:#fff;}
.blog-home-mostvisited li:hover .blog-comments-list li { color:#C2A25C; background:#fff; }
.blog-home-mostvisited li:hover .comment-credit { border-left:20px solid #C2A25C; }
.blog-home-mostvisited li:hover .button { background-color: #fff !important; color:#C2A25C !important; }
.blog-home-mostvisited li:hover .button i { color:#C2A25C !important; }
.blog-home-mostvisited .button { font-weight:normal;}
.blog-home-mostvisited .comment { display:block; border:0px; }
.blog-home-mostvisited .comment-credit { border-left:20px solid #C2A25C; padding-left:10px; height:20px; font-weight: bold; }


.blog-content h5 { color: #C2A25C; padding-left: 10px; border-left: 10px solid #C2A25C; border-bottom: 1px dotted #C2A25C; line-height: 1.6em; overflow: hidden; margin-top: 20px;}
.blog-content h6 { margin-left: 20px; border-right: 2px solid #C2A25C; overflow: hidden; margin-bottom:10px;}


/* details */
#calendar-songfacts-com-eod h2 {
	line-height: 35px;
}

.sheetmusic { border: 1px solid #ccc; border-radius: 4px; background:#fff; text-align:center; display:block; max-width:300px;  height: 45px; padding: 9px 10px 10px 35px;}
.sheetmusic a { color:#5A9DF1; font-size:16px; vertical-align: middle; }


.playonamazon { border: 1px solid #ccc; background-color:#fff; border-radius: 4px; text-align:center; display:block; max-width:300px;}

.detail-container { display: flex; flex-direction: column; overflow:hidden; }
@media (min-width: 640px) {
.detail-container { display: block;}
}


.detail-art-container { width:300px; display: block; overflow: hidden; margin-bottom:20px; order: 1;}

@media (min-width: 992px) {
.detail-art-container { display:inline-block; }
}

.detail-art-container .album-image { width:145px; float:left; }
.detail-art-container .artist-image { width:145px; float:left; margin-right:10px;}




.album-container {
                        overflow: hidden;
                        display: block;
                        vertical-align: top;
                        order: 2;
                        margin-bottom:20px;
                 }
@media (min-width: 640px) {
.album-container { margin-bottom:0px; }
}
@media (min-width: 992px) {
.album-container { margin-left:10px; display:inline-block;}
}

.album-container h5 { margin-bottom:10px;
                    }

.album-links { display:block; }
.album-links a { text-decoration: underline; color:#666; display:inline;}
.album-links i:hover { cursor:pointer; }

#tooltip
{
    text-align: center;
    color: #fff;
    background: #999;
    position: absolute;
    z-index: 100;
    padding: 10px;
    border-radius: 10px;
}

    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #999;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #999;
            top: -20px;
            bottom: auto;
        }

        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }

        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }

.details-content {  }
.details-content .songfacts-results li { border-left: 1px solid #f60; margin-bottom: 10px; }
.details-content .artistfacts-results li { border-left: 1px solid #5A9DF1; margin-bottom: 10px; }
.details-content .lyrics-results li    { border-left: 1px solid #ffb03b; margin-bottom: 10px; }
.details-content .songimage-results li  { border-left: 1px solid #5EA876; margin-bottom: 10px; }
.details-content .songimage-results img { width:100%; margin-bottom:20px; }

@media (min-width: 640px) {
.details-content .songfacts-results li { border-left: 10px solid #f60; }
.details-content .artistfacts-results li { border-left: 10px solid #5A9DF1; }
.details-content .lyrics-results li    { border-left: 10px solid #ffb03b; }
.details-content .songimage-results li    { border-left: 10px solid #5EA876; }
.details-content .songimage-results img { max-width:320px; margin:0 20px 20px 0; float:left; }
}

.details-content .songfacts-results li .inner,
.details-content .artistfacts-results li .inner,
.details-content .lyrics-results li .inner,
.details-content .songimage-results li .inner { padding:10px; overflow:hidden;}

.details-content .songfacts-results li:nth-child(2n) .inner { background: #FFEBD4; }
.details-content .artistfacts-results li:nth-child(2n) .inner { background: #E1E5EB; }

.songfacts-more { margin-top:20px; }
.songfacts-more ul { overflow:hidden; }
.songfacts-more li { border-left: 1px solid #A49EE6; border-bottom: 1px dotted #A49EE6; padding: 10px; }
@media (min-width: 640px) {
.songfacts-more li { border-left: 10px solid #A49EE6; }
}
.songfacts-more li:hover { background: #A49EE6; }
.songfacts-more li:hover a { color:#fff; }
.songfacts-more li a { color:#353166; }

.lyrics-license {  display: block; font-weight: bold; margin-top: 20px;}

.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-gb {
  background-image: url(../images/flags/4x3/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(../images/flags/1x1/gb.svg);
}
.flag-icon-us {
  background-image: url(../images/flags/4x3/us.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(../images/flags/1x1/us.svg);
}

.label {
	display: inline;
	padding: 3px 10px 2px;
	line-height: 30px;
	color: #f60;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .1em;
	font-size: 22px;
	border: 1px solid #ccc;
	background-color: #fff;
  margin-left: 5px;
}



.detail-header-ad { margin:0px auto;}
@media (min-width: 320px) {
.detail-header-ad { order: 3; }
}
@media (min-width: 640px) {
.detail-header-ad { float:right; margin-left:20px;}
}

.detail-aftermore-ad {
margin-bottom:30px;
}

@media (min-width: 640px) {
.detail-aftermore-ad { float:right; margin:0px 0px 0px 20px;}
}


.tab-container ul { line-height: 36px; }
.tab-container { margin-bottom:20px; }
/* ------- Responsive specific ------------- */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 64px;
height: 0;
overflow: hidden;
border-radius: 10px;
margin-bottom:20px;
}

.video-container iframe,
.video-container object,
.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.detail-content-right-column { min-width:300px; margin-bottom:20px;}
@media (min-width: 640px) {
.detail-content-right-column { float:right; margin-left:10px; }
}

/* ---------------------AUTOCOMPLETE------*/
.ui-helper-hidden{display:none;}
.ui-helper-hidden-accessible { border:0;
                               clip:rect(0 0 0 0);
                               height:1px;
                               margin:-1px;
                               overflow:hidden;
                               padding:0;
                               position:absolute;
                               width:1px;
                             }
.ui-helper-reset { margin:0;
                   padding:0;
                   border:0;
                   outline:0;
                   line-height:1.3;
                   text-decoration:none;
                   font-size:100%;
                   list-style:none;
                 }
.ui-helper-clearfix:before,
.ui-helper-clearfix:after { content:"";
                            display:table;
                            border-collapse:collapse;
                          }
.ui-helper-clearfix:after { clear:both;}
.ui-helper-clearfix { min-height:0;}
.ui-helper-zfix { width:100%;
                  height:100%;
                  top:0;
                  left:0;
                  position:absolute;
                  opacity:0;
                  filter:Alpha(Opacity=0);
                }
.ui-front { z-index:100;}
.ui-state-disabled { cursor:default !important; }
.ui-icon { display:block;
           text-indent:-99999px;
           overflow:hidden;
           background-repeat:no-repeat;
         }
.ui-widget-overlay { position:fixed;
                     top:0;
                     left:0;
                     width:100%;
                     height:100%;
                   }
.ui-autocomplete { position:absolute;
                   top:0;
                   left:0;
                   cursor:default;
                 }
.ui-menu { list-style:none;
           padding:2px;
           margin:0;
           display:block;
           outline:none;
         }
.ui-menu .ui-menu { margin-top:-3px;
                    position:absolute;
                  }
.ui-menu .ui-menu-item {
/*
                        margin:0;
                         padding:0;
                         width:100%;
                         list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
*/
                       }
.ui-menu .ui-menu-divider { margin:5px -2px 5px -2px;
                            height:0;
                            font-size:0;
                            line-height:0;
                            border-width:1px 0 0 0;
                          }
.ui-menu .ui-menu-item a { text-decoration:none;
                           display:block;
                           padding:2px .4em;
                           line-height:1.5;
                           min-height:0;
                           font-weight:normal;
                         }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight:normal;
                                           margin:-1px;
                                         }
.ui-menu .ui-state-disabled { font-weight:normal;
                              margin:.4em 0 .2em;
                              line-height:1.5;
                            }
.ui-menu .ui-state-disabled a { cursor:default;}
.ui-menu-icons { position:relative;}
.ui-menu-icons .ui-menu-item a { position:relative;
                                 padding-left:2em;
                               }
.ui-menu .ui-icon { position:absolute;
                    top:.2em;
                    left:.2em;
                  }
.ui-menu .ui-menu-icon { position:static;
                         float:right;
                       }
.ui-widget { font-size:1.1em;
             font-family:Verdana, Sans-Serif;
             font-weight:normal;
             font-style:normal;
             font-size:.875em;
             line-height:1.35em;
           }
.ui-widget .ui-widget { font-size:1em; }

.ui-widget input,
.ui-widget select
.ui-widget textarea,
.ui-widget button { font-family:Verdana, Sans-Serif;
                    font-weight:normal;
                    font-style:normal;
                    font-size:.875em;
                  }

.ui-widget-content {
                        border:1px solid #f60;
                        background:#fff;
                        color:#333333;
                        border-radius:4px;
                        text-align:left;
                   }
.ui-widget-content a { color:#333333; }
.ui-widget-header { border:1px solid #e78f08;
                    background:#f6a828;
                    color:#ffffff;
                    font-weight:bold;
                  }
.ui-widget-header a { color:#ffffff;}
.ui-autocomplete-category { font-weight:normal;
                            text-transform:uppercase;
                            padding-bottom:10px;
                            padding-left:10px;
                            padding-top:10px;
                            line-height:1em;
                            margin-bottom:10px;
                          }
.ui-autocomplete-category:not(:first-child) { margin-top:10px; }
.ui-autocomplete-songartistspan { color:#f60;
                                  font-size:0.825em;
                                }
.ui-autocomplete-artistspan { color:#f60;
                              font-size:0.825em;
                            }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { border:1px solid #cccccc;
                                      background:#f6f6f6;
                                      font-weight:bold;
                                      color:#1c94c4;
                                    }
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited { color:#1c94c4;
                              text-decoration:none;
                            }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { border:1px solid #f60;
                                    background:#eeeeee;
                                    font-weight:bold;
                                    color:#f60;
                                  }
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited { color:#c77405;
                            text-decoration:none;
                          }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { border:1px solid #fbd850;
                                     background:#ffffff;
                                     font-weight:bold;
                                     color:#eb8f00;
                                   }
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited { color:#eb8f00;
                             text-decoration:none;
                           }
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { border:1px solid #fed22f;
                                        background:#ffe45c;
                                        color:#363636;
                                      }
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a { color:#363636;}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error { border:1px solid #cd0a0a;
                                    background:#b81900;
                                    color:#ffffff;
                                  }
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a { color:#ffffff;}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text { color:#ffffff;}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary { font-weight:bold;}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary { opacity:.7;
                                           filter:Alpha(Opacity=70);
                                           font-weight:normal;
                                         }
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled { opacity:.35;
                                       filter:Alpha(Opacity=35);
                                       background-image:none;
                                     }
.ui-state-disabled .ui-icon { filter:alpha(opacity=35);}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl { border-top-left-radius:4px;}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr { border-top-right-radius:4px;}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl { border-bottom-left-radius:4px;}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br { border-bottom-right-radius:4px;}
.ui-widget-overlay { background:#666666;
                     opacity:.5;
                     filter:Alpha(Opacity=50);
                   }
.ui-widget-shadow { margin:-5px 0 0 -5px;
                    padding:5px;
                    background:#000000;
                    opacity:.2;
                    filter:Alpha(Opacity=20);
                    border-radius:5px;
                  }
/* ---------------------AUTOCOMPLETE------*/





/* ---------- FOOTER STYLES -------------- */


.footer { padding: 20px 0; }

.footer_grey { color: #fff; background-color:#676666; }
.footer_grey h4 { color: #fff; border-bottom: 1px solid #fff; padding-bottom: 10px; }
.footer_grey a { color: #fff; text-decoration:underline; }
.footer_grey a:hover { color: #ffb03b; }
.footer_grey ul { margin-bottom:30px; }
.footer_grey p.copyright { margin: 30px 0 0 0; }

.footer_orange { color: #fff; background-color:#f60; }
.footer_orange h4 { color: #fff; border-bottom: 1px solid #fff; padding-bottom: 10px; }
.footer_orange a { color: #fff; text-decoration:underline; }
.footer_orange a:hover { color: #ffb03b; }
.footer_orange ul { margin-bottom:30px; }
.footer_orange p.copyright { margin: 30px 0 0 0; }

.footer_blue { color: #fff; background-color:#5A9DF1; }
.footer_blue h4 { color: #fff; border-bottom: 1px solid #fff; padding-bottom: 10px; }
.footer_blue a { color: #fff; text-decoration:underline; }
.footer_blue a:hover { color: #ffb03b; }
.footer_blue ul { margin-bottom:30px; }
.footer_blue p.copyright { margin: 30px 0 0 0; }

.footer_bordo { color: #fff; background-color:#6B3353; }
.footer_bordo h4 { color: #fff; border-bottom: 1px solid #fff; padding-bottom: 10px; }
.footer_bordo a { color: #fff; text-decoration:underline; }
.footer_bordo a:hover { color: #ffb03b; }
.footer_bordo ul { margin-bottom:30px; }
.footer_bordo p.copyright { margin: 30px 0 0 0; }

.footer_gold { color: #fff; background-color:#C2A25C; }
.footer_gold h4 { color: #fff; border-bottom: 1px solid #fff; padding-bottom: 10px; }
.footer_gold a { color: #fff; text-decoration:underline; }
.footer_gold a:hover { color: #ffb03b; }
.footer_gold ul { margin-bottom:30px; }
.footer_gold p.copyright { margin: 30px 0 0 0; }

.footer_purple { color: #fff; background-color:#A49EE6; }
.footer_purple h4 { color: #fff; border-bottom: 1px solid #fff; padding-bottom: 10px; }
.footer_purple a { color: #fff; text-decoration:underline; }
.footer_purple a:hover { color: #ffb03b; }
.footer_purple ul { margin-bottom:30px; }
.footer_purple p.copyright { margin: 30px 0 0 0; }


/* ------------------ RESPONSIVE fixes ----------------------- */
.btn-useract-text { display:none; }
@media (min-width: 480px) {
.btn-useract-text { display:inline-block; }
}


.welcome-text {
display: inline-block;
font-weight: bold;
color: #fff;
vertical-align: middle;
}
.welcome-text span {
line-height: 17px;
display: block;
}
.navbar-collapse { padding:0px; }

.nav > li > a { padding:0 10px; }
@media (min-width: 992px) {
.nav > li > a { padding:0 20px; }
}

.jaba-slider img {
width: 100%;
}
.jaba-slider h1 {
text-shadow: 1px 1px #fff;
border-bottom: 1px solid #f60;
padding: 0 0 10px 0;
margin-bottom:0px;
line-height: 29px;
font-size: 25px;
text-align:right;
}
@media (min-width: 768px) {
.jaba-slider h1 { line-height: 34px; font-size: 30px;}
}
@media (min-width: 1200px) {
  .jaba-slider h1 { line-height: 44px; font-size: 40px; }
}

.slick-dots {
  background-color: rgba(255, 255, 255, 0.5) !important;
  bottom:0px !important;
  height:30px;
  position:relative !important;
}
@media (min-width: 640px) {
.slick-dots {  position:absolute !important; }
}


.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}

.jaba-slider p {
  margin: 0px;
  padding: 10px;
  background: rgba(153, 153, 153, 1);
  font-family: din;
  color: #fff;
  position: relative;
  bottom: 0px;
  right: 0px;
  width:100%;
  text-align: right;
}
@media (min-width: 640px) {
.jaba-slider p { padding: 20px; background: rgba(153, 153, 153, 0.8); font-size: 15px; position: absolute; bottom: 30px; }
}


.alphabet {
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  -ms-overflow-style:-ms-autohiding-scrollbar;
}
.alphabet-item {
  flex:0 0 auto;
  width:31px;
  line-height:29px;
  border:1px solid #fff;
  text-align: center;
  background-color:#fff;
  border-radius: 4px;
}
.alphabet-item:not(:first-child) {
  margin-left:5px;
}