@charset "UTF-8";
/* CSS Document */

/* FONTS */

/* crimson-text-regular - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/crimson-text-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/crimson-text-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v19-latin-regular.svg#CrimsonText') format('svg'); /* Legacy iOS */
}
/* crimson-text-italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/crimson-text-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/crimson-text-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v19-latin-italic.svg#CrimsonText') format('svg'); /* Legacy iOS */
}
/* crimson-text-700 - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/crimson-text-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/crimson-text-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v19-latin-700.svg#CrimsonText') format('svg'); /* Legacy iOS */
}
/* crimson-text-700italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/crimson-text-v19-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/crimson-text-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v19-latin-700italic.svg#CrimsonText') format('svg'); /* Legacy iOS */
}

/* FONTS end */

html { width:100%; min-height: -webkit-fill-available; height:100vh;}

body {
	height:100vh;
	min-height: -webkit-fill-available;
	min-height:100%;
	font-family: 'Crimson Text', serif!important;
	background:url(../images/bg.jpg) no-repeat center center fixed;
	background-color:#ecc69b;
	-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:#000;
	font-size:16px!important;
	line-height:1.15em!important;
	font-weight:400!important;
	margin:0px;
}

a:link, a:visited { color:#7f5a28; line-height:.8em; text-decoration:none;}
a:hover { color:#7f5a28!important; text-decoration:none!important;}

.artists-nav a:link, .artists-nav a:visited { line-height:.8em; font-weight:600; text-decoration:none;}

.ecard-fixed { display:block;}
.ecard-mob { display:none; }

.clearfix { clear:both;}
img { border:0; border-style: none; outline:0;}
*:focus { outline:0!important;}

.logo-naxos { width:85px; position:absolute; top:0px; left:30px; z-index:600;}
.maroon { color:#6c051c;}

h1 { font-size:39px!important; line-height:50px!important; color:#000; font-weight:700!important; margin:0px!important;}
h2 { font-size:35px; line-height:50px; color:#000; margin:0px;}

.fweight600 { font-weight:600;}
.fweight700 { font-weight:700;}
.fsize12 { font-size:12px; line-height:15px;}
.fsize13 { font-size:13px; line-height:15px;}
.fsize14 { font-size:14px; line-height:18px;}
.fsize15 { font-size:15px; line-height:18px;}
.fsize15-2 { font-size:15px; line-height:17px;}
.fsize17 { font-size:17px; line-height:21px;}
.fsize18 { font-size:18px; line-height:21px;}
.fsize20 { font-size:20px; line-height:20px;}
.fsize25 { font-size:25px; line-height:25px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}
.mt80 { margin-top:80px;}
.mt120 { margin-top:120px;}

.spartan {font-family: 'Spartan', sans-serif; }
.p-lr30 {padding:0px 30px 0px;}
.bottom-bar { width:100%; height:15px; background-color:#6c051c; position:absolute; bottom:0px; left:0px; z-index:500;}

.l-blue { color:#81f4ff;}
.bgreen { color:#235672;}
.desaturate {
    filter: none;
    -webkit-filter: grayscale(60%);
    -moz-filter:    grayscale(60%);
    -ms-filter:     grayscale(60%);
    -o-filter:      grayscale(60%);
}

.shadow {
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}


.txt-c { text-align:center;}
.txt-r { text-align:right;}
.up { text-transform:uppercase;}
.star { color:#C20000; font-size:14px;}

.container-fluid {
	/*background:url(../images/bg-ecard.jpg) no-repeat top center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100% cover;*/
	background-color: rgba(230, 211, 196, 1);
	-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);
	border:1px solid #510617;
	position:relative;
	margin:30px auto 0px;
	padding-bottom:30px;
	overflow:hidden;
}



/* NAVIGATION */

.nav-main {
	width:510px;
	height:30px;
	background-color:#520617;
	color:#FFFFFF;
	font-weight:700;
	font-size:13px;
	line-height:18px;
	text-transform:uppercase;
	text-align:right;
	padding:13px 10px 2px 50px!important;
	position:absolute;
	top:20px;
	left:0px;
	z-index:500;
}

.nav-main a:link, .nav-main a:visited {color:#FFF; text-decoration:none;}
.nav-main a:hover {color:#FFF!important; text-decoration:none;}

.artist-nav {
	width:510px;
	height:18px;
	color:#7f5a28;
	font-weight:700;
	font-size:14px;
	line-height:18px;
	text-transform:uppercase;
	text-align:right;
	padding:2px 10px 0px 15px;
	border-bottom:2px solid #7f5a28;
	position:absolute;
	top:58px;
	left:0px;
	z-index:500;
}

.nav-ind {
	margin:0px 17px;
	float:right;
}

.nav-ind:hover {
	cursor:pointer;
}

/* NAVIGATION end */

.home { background:url(../images/bg-home.jpg) no-repeat center center scroll; }
.plain{ background:url(../images/bg-ecard.jpg) no-repeat center center scroll; }

.home .content { margin:0px auto 0px!important;}
.artists .content { margin:0px auto 0px!important;}
.recommended .content { margin:30px auto 0px!important;}
.home .half-l { width:365px; float:left; }

.home .half-r { width:530px; float:left; margin:18px 0px 0px 15px; }
.box { position:relative; display:block;}
.packshot { position: relative; top:80px; left:-50px!important; display:none}

.title-main {
	width:920px;
	height:80px;
	text-align:right;
	margin:28px auto 0px!important;
}

/*
.btn-m {
  border: none;
  color: white;
  padding: 10px 10px 6px;
  text-align: center;
  text-transform:uppercase;
  font-size:13px;
  font-weight:600;
  opacity: 1;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  border-radius:3px;
  cursor: pointer;
}
*/

.btn-vid { background-color: #9d0021;}

.btn-m {
  border: 1px solid #9d0021;
  color: white;
  padding: 12px 15px 6px;
  text-align: center;
  text-transform:uppercase;
  font-size:14px;
  font-weight:600;
  opacity: 1;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  border-radius:3px;
  cursor: pointer;
}

.btn-m a:link, .btn-m a:visited {color:#FFF!important; text-decoration:none!important;}
.btn-m a:hover {opacity: 0.7; text-decoration:none!important; color:#FFF!important;}
.btn-m:hover {opacity: 0.7; text-decoration:none!important; color:#FFF!important;}


.btn-discover1 { background-color:#c20029;}

.relative {position:relative;}

.discs .half-l {
	width:230px;
	float:left;
	height:380px;
	position:relative;
}

.discs .half-r {
	width:630px;
	float:left;
	margin-left:35px;
}

.book { width:100px; position:absolute; top:145px; right:-20px; z-index:600;}
.book.shadow, .book-instance1.shadow, .book-instance2.shadow, .book-instance3.shadow, .book-instance4.shadow {
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	box-shadow: 0px 0px 8px rgba(0,0,0,.3);
}
.book-instance1 {	
	transform:          rotate(-5deg);
	-ms-transform:      rotate(-5deg);
	-moz-transform:     rotate(-5deg);
	-webkit-transform:  rotate(-5deg);
	-o-transform:       rotate(-5deg);
	position:absolute;
	top:145px;
	right:40px;
	z-index:600
 }

.book-instance2 {	
	transform:          rotate(-3deg);
	-ms-transform:      rotate(-3deg);
	-moz-transform:     rotate(-3deg);
	-webkit-transform:  rotate(-3deg);
	-o-transform:       rotate(-3deg);
	position:absolute;
	top:145px;
	right:25px;
	z-index:600
 }

.book-instance3 {	
	transform:          rotate(-1deg);
	-ms-transform:      rotate(-1deg);
	-moz-transform:     rotate(-1deg);
	-webkit-transform:  rotate(-1deg);
	-o-transform:       rotate(-1deg);
	position:absolute;
	top:145px;
	right:10px;
	z-index:600
 }

.book-instance4 {	
	transform:          rotate(3deg);
	-ms-transform:      rotate(3deg);
	-moz-transform:     rotate(3deg);
	-webkit-transform:  rotate(3deg);
	-o-transform:       rotate(3deg);
	position:absolute;
	top:145px;
	right:-5px;
	z-index:600
 }

.book-instance1:hover, .book-instance2:hover, .book-instance3:hover, .book-instance4:hover { z-index:700;}
.book-slide { padding:0px 10px;}
.book-nav { width:500px; margin:auto;}
.reco-rel { width:168px; margin:auto}



/* FOOTER */

.footer {
	font-size:12px;
	line-height:13px;
	text-align:center;
	margin:20px 0px;
	color:#000;
}

.footer a {
	color:#6c051c;
}

.footer a:hover {
	color:#fff;
}

/* FOOTER end */


@media screen and (max-width: 979px) {
.ecard-fixed { display:none;}
.ecard-mob { display:block; }

body {
	overflow-x:hidden!important;
	line-height:1.1em!important;
}

.container-fluid {
	width:100%;
	/*height:100%;*/
	background:url(../images/bg-mob.jpg) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100% cover;
	background-color: rgba(230, 211, 196, 1);
	border:none;
	margin-top:0px;
	position:relative;
	overflow-y:scroll;
}

h1 {font-size:29px!important; line-height:40px!important;}
h2 { font-size:20px!important; line-height:20px!important; font-weight:700!important; color:#000; margin:0px;}

.top-bar {
	width:100%;
	height:45px;
	background-color:#520617;
	position:relative;
	z-index:500;
}

.home {margin-top:0px; position:relative; z-index:400;}
.home .content { margin:0px auto 0px!important;}
.artists .content { margin:-30px auto 0px!important;}
.discs .content { margin:-50px auto 0px!important;}
.recommended .content { margin:-50px auto 0px!important;}

.home-bg {
	width:100%;
	height:415px;
	background:url(../images/bg-home-mob.png) no-repeat bottom center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100% cover;
	padding-top:70px;
	position:relative;
}

.plain-bg {
	width:100%;
	height:210px;
	background:url(../images/plain-bg.png) no-repeat bottom center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100% cover;
	padding-top:70px;
	position:relative;
}


.home { background-image:none }
.home .content { margin:-30px auto 0px!important;}
.cat-rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  position:absolute;
  bottom:50px;
  right:-40px;
}

.credits-rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  position:absolute;
  bottom:25px;
  right:-80px;
}

.packshot { position: relative; top:0px!important; left:0px!important; display:none}

.book { width:100px; position:absolute; top:145px; right:0px; z-index:600;}
.book-nav { width:100%; margin:0px auto 0px;}
.book-ind { margin:0px 10px!important}
.content-discs { margin-top:40px}
}

@media screen and (min-width: 980px) {
.container-fluid {
	width:980px;
	height:570px;
}
}