@charset "UTF-8";
/* CSS Document */

/* FONTS */

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v21-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v21-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* FONTS end */


html, body {
	width:100%;
	height:100%;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	background:url(../images/bg.jpg) no-repeat center center fixed;
	background-color:#686868;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100% cover;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;

	color:#000000;
	font-size:15px;
	line-height:18px;
	font-weight:400;
	margin:0px;
}
.home-artist img{
position: relative;
right: 17px;
top: 10px;
}
.clearfix {
	clear:both;
}

p {margin-top:10px;}

img {
	border:0;
	border-style: none;
	outline:0;
}

*:focus {outline:0!important;}

a:link, a:visited {
	font-weight:700;
	color:#004e96;
	text-decoration:none;
}

a:hover {
	font-weight:700;
	color:#004e96;
	text-decoration:underline;
}


/* NAVIGATION */

#nav-bar {
	width:980px;
	background-color:#001c49;
	text-align:left;
	padding:3px 0px 3px 0px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:500;
}

.nav-ind {
	font-size:13px;
	line-height:17px;
	font-weight:600;
	color:white;
	text-transform:uppercase;
	padding:0px 10px 0px;
	margin:4px;
}

.nav-ind:hover, .img-over:hover {
	cursor:pointer;
}

.padding-left {
	padding-left:130px;
}

.divider {
	font-size:13px;
	line-height:12px;
}

.bronze {
	color:#836000;
}

/* NAVIGATION end */

/* MAIN */

#ecard-w {
	width:100%;
	height:100%;
}

#ecard {
	width:980px;
	height:570px;
	background: rgba(255, 255, 255, 0.8);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	margin:30px auto 0px;
	position:relative;
	border-bottom: 5px solid #001c49;
}

.naxos {
	width:85px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:600;
}

h1 {
	font-family: 'Times', sans-serif;
	font-size:30px;
	line-height:32px;
	font-weight:600;
	color:#ed1c24;
	margin:5px 0px 0px;
	position: relative;
	top: -10px;
}

h2 {
	font-family: 'Times', sans-serif;
	font-size:23px;
	line-height:22px;
	font-weight:600;
	color:#001c49;
	margin:-5px 0px 0px;
}

h3 {
	font-family: 'Times', sans-serif;
	font-size:30px;
	line-height:30px;
	font-weight:700;
	color:#001c49;
	text-align:center;
	margin:0px;
}

.title-s {
	font-size:42px;
	line-height:40px;
	font-weight:400;
	color:#783f06;
}

.float {
	float:left;
}

.line {
	width:4px;
	padding:0px 20px 0px;
	margin-top:3px;
}

#header {
	width:920px;
	height:85px;
	margin:auto;
	position:relative;
}

.m5 {
	margin-top:5px;
}

.m10 {
	margin-top:10px;
}

.m15 {
	margin-top:15px;
}

.m20 {
	margin-top:20px;
}

.m25 {
	margin-top:25px;
}

.m30 {
	margin-top:30px;
}

.m40 {
	margin-top:40px;
}

.fsize13 {font-size:13px; line-height:15px;}

.fsize16 {font-size:16px; line-height:20px;}
.fweight600 {font-weight:600;}

.star {
	text-align:center;
	font-size:14px;
	color:#C20000;
}

.txt-right {
	text-align:right;
}

.txt-center {
	text-align:center;
}

.credit {
	margin:-20px 0px 0px 10px;
	color:#979797;
	font-size:9px;
}

.img-over {
	position:absolute;
	top:0px;
	left:0px;
}

/* MAIN end */



/* HOME */

#home {
	width:980px;
	height:570px;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	z-index:90;
}

.home-content {
	width:920px;
	margin:30px auto 0px;
}

#home .half-l {
	width:308px;
	float:left;
	position:relative;
	top: 10px;
}

#home .half-l img, .reco-album img, #artists .half-l1 img, #artists .half-r2 img, .shadow img{
	-webkit-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, .5);
	box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, .5);
}

#home .half-r {
	width:310px;
	float:left;
	margin:20px 0px 0px 27px;
	margin-top: 8px;

}

.catno-feat {
	font-size:14px;
	line-height:20px;
	text-align:center;
	margin-top:5px;
}
.catno-feat3 {
	font-size:14px;
	text-align:center;
	margin-top:5px;
}
.catno-feat2 {
	font-size:14px;
	line-height:20px;
	text-align:right;
	margin-top:5px;
	float: right;
	margin-right: 55px;

}
.flag {
	width:95px;
	position:absolute;
	top:-5px;
	right:-10px;
	z-index:500;
}

.flag2 {
	width:95px;
	position:absolute;
	top:310px;
	right:-10px;
	z-index:500;
}

.home-artist {
	width:335px;
	position:absolute;
	bottom:0px;
	right:-20px;
}

#artist span{
padding-left: 20px;
padding-right: 20px;
	color: #001c49;
}

.video {
	width:180px;
	height:17px;
	text-transform:uppercase;
	background-color:#001c49;
	font-size:14px;
	line-height:17px;
	font-weight:600;
	padding:10px 10px;
	text-align:center;
	color:white;
	margin:15px 0px 0px;
	position:relative;
	border-radius: 3px;

}

.video a {
	font-weight:600;
	text-decoration:none;
	color:#000;
}

/* HOME end */



/* ARTISTS */

#artists {
	width:980px;
	height:570px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:90;
}

#artist-content {
	width:920px;
	margin:55px auto 0px;
}

.artist-nav-ind {
	font-size:14px;
	line-height:17px;
	font-weight:600;
	text-align:right;
	color:#000;
	padding:0px 10px 0px;
	margin:4px;
}

.artist-nav-ind:hover, .img-over:hover {
	cursor:pointer;
}

.artist-name {
	font-size:17px;
	font-weight:600;
}

#artists .half-l1 {
	width:130px;
	float:left;
	position:relative;
}

#artists .half-r1 {
	width:775px;
	float:left;
	font-size:13px;
	line-height:17px;
	margin:0px 0px 0px 15px;
}

#artists .half-l2 {
	width:775px;
	font-size:13px;
	line-height:17px;
	float:left;
	margin:0px 15px 0px 0px;
}

#artists .half-r2 {
	width:130px;
	float:left;
	position:relative;
}


/* ARTISTIS end */



/* PREVIOUS RELEASES */
#david2{
	position: absolute;
	right: 0;
	width: 440px;
	bottom:0px;
}
#div-comp{
	font-size:15px;
	line-height:17px;
	text-align:left;
	width:550px;
	font-weight:200;
	font-family: 'Source Sans Pro', sans-serif;
	position: absolute;
}
#prev {
	width:980px;
	height:570px;
	/* background:url(../images/bg-prev.png) no-repeat center center scroll; */
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:90;
}

#prev-content {
	width:920px;
	margin:50px auto 0px;
}

.discs-2 {
	width:600px;
	margin:30px auto 0px;
}

.album-200-c{
	width:200px;
	margin:auto;
}

.prev-ind {
	width:260px;
	float:left;
	margin:0px 20px;
}


/* REVIOUS RELEASES end */




/* RECOMMENDED */

#reco {
	width:980px;
	height:570px;

	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:90;
}

#reco-content {
	width:920px;
	margin:30px auto 0px;
}

.album-150-c{
	width:170px;
	margin:auto;
}

.reco-ind {
	width:200px;
	float:left;
	margin:0px 15px;
}

.review{
	text-align: center;
}
/* RECOMMENDED end */



/* FOOTER */

#footer {
	font-size:11px;
	text-align:center;
	color:white;
	font-weight:400;
	line-height:15px;
	margin-top:20px;
	margin-bottom:30px;
}

#footer a:link, #footer a:visited {
	color:white;
	text-decoration:none;
}

.sm-m {
	width:48px;
	margin:auto;
}

.sm {
	width:20px;
	float:left;
	margin:0px 2px;
}


/* FOOTER end */



#tab1{

}

#tab2{
	display: none;
}

#tab3{
	display: none;
}



.flex-1 {
  display: flex;

	width:925px;
	margin-top: 20px;
}
.flex-1  img{
	width: 170px;
}
.flex-1 > div {
padding-left:0;
  font-size: 14px;

}


.flex-2 {
  display: flex;

	justify-content: flex-end;
		width:925px;
		margin-top: -30px;
}

.flex-2 > div {


  font-size: 14px;
	text-align: right;
}
.flex-2  img{
	width: 170px;
}

#t1, #t2, #t3{
	cursor: pointer;
}




/* DISCOVER */
.btn-discover1 {
	width:100px;
	height:18px;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	background-color:#1d5876;
	text-transform:uppercase;
	padding:6px 10px 6px;
	margin:10px 0px 0px;
	position:relative;
}

.btn-discover2 {
	width:90px;
	height:18px;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	background-color:#1d5876;
	text-transform:uppercase;
	padding:3px 10px 3px;
	margin:10px auto 0px;
	position:relative;
}

.btn-podcast {
	width:100px;
	height:18px;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	background-color:#407189;
	text-transform:uppercase;
	padding:6px 10px 6px;
	margin:10px 0px 0px;
	position:relative;
}

.btn-discover1 a:link, .btn-discover1 a:visited, .btn-discover2 a:link, .btn-discover2 a:visited, .btn-podcast a:link,.btn-podcast a:visited { color:#FFFFFF; }
.btn-discover1:hover, .btn-discover2:hover, .btn-podcast:hover { cursor:pointer; background-color:#777777;}

.img-link {
	position:absolute;
	top:0px;
	left:0px;
	z-index:300;
}
