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

/* FONTS */

/* lato-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-v23-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin_latin-ext-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-v23-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin_latin-ext-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-v23-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin_latin-ext-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-v23-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin_latin-ext-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v23-latin_latin-ext-900.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-v23-latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin_latin-ext-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin_latin-ext-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin_latin-ext-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin_latin-ext-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/lato-v23-latin_latin-ext-900italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-v23-latin_latin-ext-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin_latin-ext-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin_latin-ext-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin_latin-ext-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin_latin-ext-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* FONTS end */

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

* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

body {
	height:100vh;
	min-height: -webkit-fill-available;
	min-height:100%;
	font-family: 'Lato', sans-serif;
	background:url(../images/bg.jpg) no-repeat left center fixed;
	background-color:#0f1f45;
	-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:13px;*/
	font-size:.95rem;
	line-height:1.15rem;
	/*font-size:.875rem;
	line-height:1.125rem!important;*/
	font-weight:400;
	margin:0px;
	padding:0px;
}

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

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

a:link, a:visited { color:#000000; text-decoration:none;}
a:hover { color:#b29300; text-decoration:none;}

.ecard {
	background-color: rgba(255, 255, 255, 1)!important;
	background:url(../images/bg-ecard.jpg) no-repeat bottom center scroll;
	/*border:1px solid #FFFFFF;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100% cover;
	-moz-box-shadow: 0px 5px 15px -4px rgba(0,0,0,0.4); 
	-webkit-box-shadow: 0px 5px 15px -4px rgba(0,0,0,0.4); 
	box-shadow: 0px 5px 15px -4px rgba(0,0,0,0.4);
	margin:25px auto 0px!important;
	padding-bottom:30px;
	position:relative;
	overflow:hidden;
}

.p-lr15 { padding-left:15px; padding-right:15px;}
.p-lr30 { padding-left:30px; padding-right:30px;}

.logo-naxos { width:85px; position:absolute; top:-3px; left:30px; z-index:700;}

.border-ecardtop {
	width:100%;
	height:35px;
	background-color:#2f3130;
	z-index: 600;
}

.border-ecardbottom {
	width:100%;
	height:15px;
	background-color:#d7b92c;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index: 600;
}


.fweight400 { font-weight:400;}
.fweight700 { font-weight:700;}
.fweight900 { font-weight:900;}

.rel { position:relative;}
.up { position:relative; z-index:150!important;}

.catno {
	font-size:.88rem;
	line-height:1.15rem;

	font-weight:400;
}

.progress { border-radius:0px;}

.audio-player { width:240px; margin:-3px 0px 0px;}

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

.content-home .half-l, .content-home .half-r {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.content-home { margin-top:40px; position:relative; z-index:500;}

.track-spacing { margin-bottom:5px;}

.hover-contrast {
	-webkit-filter: contrast(100%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.hover-contrast:hover {
	-webkit-filter: contrast(120%);
}

.hover-bright {
	-webkit-filter: brightness(100%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.hover-bright:hover {
	-webkit-filter: brightness(120%);
}

.hover-opacity {
	opacity:1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.hover-opacity:hover {
	opacity:.6;
}


.btns-row {
	display:table-cell;
	padding:0px 3px;
}

.rev-icons {
	display:table-cell;
	padding:0px 5px;
}

.title-main {
	width:500px;
	margin:0px auto 20px;
}

.track-title-main {
	font-size:.95rem;
	line-height:1.15rem;
	color:#1f2a4e;
	font-weight:700;
	margin-bottom:5px;
}

.track-title {
	font-size:.9rem;
	line-height:.9rem;
	color:#000000;
	font-weight:400;
	margin-bottom:3px;
}

.track-num {
	font-size:.7rem;
	line-height:.65rem;
	color:#000000;
	/*padding:0px 2px;
	background-color:#396ca3;;
	border:1px solid #396ca3;
	border-radius:2px;
	color:#FFFFFF;*/
}

.btn-m {
	padding: 5px 15px 5px;
	text-align: center;
	text-transform:uppercase;
	font-size:.82rem;
	font-weight:700;
	opacity: 1;
	transition: 0.3s;
	border-radius:3px;
	cursor: pointer;
	display:inline-block;
}

.btn-watch { background-color:#2875b7; color:#FFFFFF;}
.btn-watch:hover { background-color:#105590; color:#FFFFFF;}

.watch-vid a:link, .watch-vid a:visited {color:#FFFFFF!important;}

/* FOOTER */

.footer {
	width:100%;
	font-size:12px;
	line-height:13px;
	font-weight:400;
	text-align:center;
	margin:20px 0px;
	color:#FFFFFF;
}

.footer a {
	color:#FFFFFF!important;
}

.footer a:hover {
	color:#cfd9ff!important;
	text-decoration:none!important;
}

/* FOOTER end */


ol { padding: 0px; margin: 0px; /*list-style: decimal-leading-zero outside;*/ list-style-type: none; color: #000; width: 100%; /*border-top: 1px solid #ccc;*/ font-size: 0.9em; columns: 2; display:inline-block;  }
ol li { position: relative; margin: 0px; padding: 0px 2px 8px; /*border-bottom: 1px solid #ccc;*/ cursor: pointer; }
ol li a { display: inline-block; text-indent:0; padding: 0px 0px 0px 0px; }
li.playing { color: #aaa; /*text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);*/ }
li.playing a { color: #b29300; font-weight:700; }
li.playing:before { /*content: '♬'; width: 14px; height: 14px; padding: 3px; line-height: 14px;*/ margin: 0px; position: absolute; left: 0px; top: 9px; color: #000; font-size: 13px; /*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);*/ }
.tracklist-wrapper { width:100%; max-height:600px; overflow-y:scroll;}

.audio-player { width:480px; margin:0px auto 0px;}


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

	
@media screen and (min-width: 768px) {
.content-home .half-l {
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    max-width: 58%;
}

.content-home .half-r {
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    max-width: 42%;
}
}


@media screen and (max-width: 979px) {
.ecard {
	width:100%;
	/*height:100%;*/
	border:none;
	background:url(../images/bg-ecard2.jpg) no-repeat top left scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100% cover;
	margin-top:0px!important;
	position:relative;
	overflow-y:scroll;
}

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

.content-home { margin-top:40px;}

.no-pad-mob { padding:0px;}
.txt-cen-mob { text-align:center;}
.audio-player { width:220px; margin:0px auto 0px;}

.track-title {
	font-size:.9rem;
	line-height:1.15rem;
	margin-bottom:3px;
}

.track-num {
	font-size:.8rem;
	line-height:1.15rem;
}	
	
	
.title-main {
	width:85%;
	margin:0px auto 25px;
}

	
.audiojs {
	width:320px;
}
	
.audiojs .scrubber {
    position: relative;
    float: left;
    width: 180px;
}
	
.audio-player { width:320px; margin:0px auto 0px;}
	
}



@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
.audiojs .play, .audiojs .loading, .audiojs .error, .audiojs .pause {
background-image: url(../audiojs/player-graphics.gif);
    -webkit-background-size: 30px 120px;
    -moz-background-size: 30px 120px;
    -o-background-size: 30px 120px;
    background-size: 30px 120px;
}
}