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



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: Helvetica, Arial, sans-serif;
	/*background:url(../images/bg.jpg) no-repeat left center fixed;*/
	background-color:#cfcfcf;
	/*-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:.88rem;
	line-height:1.15rem;
	/*font-size:.875rem;
	line-height:1.125rem!important;*/
	font-weight:400;
	margin:0px;
	padding:0px;
}


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

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

a:link, a:visited { color:#002c55; font-weight:600; text-decoration:underline;}
a:hover { color:#000000; text-decoration:none;}

a:link img {
	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;
}

a:hover img {
	opacity:.8;
}


.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:.8;
}

.fb-vid iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}


.highlight-txt { color:#002c55; } 

.multi-line-truncate {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   text-overflow: ellipsis;
   display: -webkit-box;
   overflow:hidden;
}


.nl-main, .footer {
	background-color: rgba(255, 255, 255, 1)!important;
	/*background:url(../images/bg-ecard.jpg) no-repeat bottom center scroll;*/
	/*border:1px solid #eeeeee;*/
	/*-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:15px auto 0px!important;
	padding-bottom:0px;
	position:relative;
	overflow:hidden;
}

.footer {
	font-size:.8rem;
	line-height:1.10rem;
	padding:20px 20px;
}

.p-lr2 { padding-left:2px; padding-right:2px;}
.p-lr5 { padding-left:5px; padding-right:5px;}
.p-lr15 { padding-left:15px; padding-right:15px;}
.p-lr30 { padding-left:30px; padding-right:30px;}
.nopad { padding:0px;}

.logo-nmg, .logo-naxos { width:70px; height: 70px; position:absolute; top:0px; left:20px; z-index:700;}

.nav-logo { height:70px; position:relative;}

.content-main { margin-top:30px;}

.card {
	background-color:transparent;
	border:none;
}

.card-header {
	border-bottom:0px;
	background-color:transparent;
	padding:0rem 0rem 0rem;
}

.card-body { padding:.75rem 1.25rem 1.25rem;}


.image-feature-s, .desc-feature-s, .img-announcement {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.half-display, .artist-imgs-5 {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}

.artist-imgs-5 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
}


.imgs4, .av-prod, .thumbs {
  position: relative;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

.photo01, .photo02 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  padding-left: 15px;
}



.btn:focus, .btn.focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}

.btn {
	/*padding: 0.375rem 0rem;*/
	padding: 0rem 0rem;	
	border:none;
}

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

.shadow-img-w {
	-moz-box-shadow: 0px 0px 30px rgba(255,255,255,0.2);
	-webkit-box-shadow: 0px 30px 15px rgba(255,255,255,0.2);
	box-shadow: 0px 0px 30px rgba(255,255,255,0.2);
}

.btn-m {
	max-width: 160px;
	color: #FFFFFF;
	padding: 5px 15px 5px;
	text-align: center;
	text-transform:uppercase;
	font-size:12px;
	font-weight:600;
	opacity: 1;
	transition: 0.3s;
	cursor: pointer;
	display: inline-block;
	margin:auto;

}

.btn-ms {
	max-width: 160px;
	color: #FFFFFF;
	padding: 5px 12px 5px;
	text-align: center;
	text-transform:uppercase;
	font-size:11px;
	font-weight:600;
	opacity: 1;
	transition: 0.3s;
	cursor: pointer;
	display: inline-block;
	margin:auto;

}


.btn-m2 {
	max-width: 160px;
	color: #000000;
	padding: 5px 15px 3px;
	text-align: center;
	text-transform:uppercase;
	font-size:12px;
	font-weight:600;
	opacity: 1;
	transition: 0.3s;
	cursor: pointer;
	display: inline-block;
	margin:auto;
}

.btn-m2s {
  color: #000000;
  padding: 5px 3px 6px;
  text-align: center;
  text-transform:uppercase;
  font-size:.65rem;
  font-weight:600;
  opacity: 1;
  transition: 0.3s;
  cursor: pointer;
}

.btn-m3 {
  color: #000000;
  padding: 5px 3px 6px;
  text-align: center;
  text-transform:uppercase;
  font-size:.7rem;
  font-weight:600;
  opacity: 1;
  transition: 0.3s;
  cursor: pointer;
}


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

.btn-discover { background-color:#004e96!important;}
.btn-video { border:1px solid #dddddd;}
.btn-comingsoon { background-color:#c20000!important;}

hr.style-dash {
	border: none;
	height: 1px;
	background: #333333;
	background: repeating-linear-gradient(90deg,#333333,#333333 5px,transparent 5px,transparent 12px);
	margin:20px 0px 20px;
}

.credits {
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	font-size:9px;
	text-align:left;
	line-height:10px;
	font-weight:400;
	position:absolute!important;
	bottom:5px;
	left:5px;
	padding-right:5px;
	z-index:800;
}

.credits2 {
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	font-size:8px;
	text-align:left;
	line-height:10px;
	font-weight:400;
	position:absolute!important;
	bottom:5px;
	left:5px;
	padding-right:5px;
	z-index:800;
}


.caption { font-size:11px; line-height:13px; font-weight:700;}

.credit-b { color:#000; }
.credit-w { color:#FFF; }
.shadow-txt-l { text-shadow: 0 0 5px rgba(255,255,255,1); }
.shadow-txt-d { text-shadow: 0 0 3px rgba(0,0,0,1); }

.flag {
	color:#fff;
	min-height:15px;
	text-align:center;
	background-color:#940808;
	padding:2px 6px;
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	float:right;
	position:relative;
	z-index:800;
}

.flag-c {
	color:#fff;
	width:80px;
	min-height:15px;
	text-align:center;
	background-color:#940808;
	padding:2px 6px;
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	position:relative;
	z-index:2000;
}


.flag-comingsoon {
	color:#fff;
	width:110px;
	min-height:15px;
	text-align:center;
	background-color:#940808;
	padding:2px 4px;
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	float:right;
	position:relative;
	z-index:800;
}

.flag-indiv {
	color:#fff;
	width:70px;
	min-height:15px;
	text-align:center;
	background-color:#940808;
	padding:2px 4px;
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	margin-right:5px;
	z-index:800;
	
	position:relative;
	top:0px;
	right:0px;
}


.star {
	color:#C20000;
	font-size:12px;
}

.starHalfFill {
	background-image: linear-gradient(to right, rgba(194,0,0,1) 50%, rgba(194,0,0,0) 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.rev-icons {
	/*display:inline-block!important;*/
	/*display:table-cell;*/
	/*margin:0px 3px;*/
	padding:0px 3px;
}

.btns-row {
	/*display:inline-block!important;*/
	/*display:table-cell;*/
	/*margin:0px 3px;*/
	padding:0px 3px;
}


/* INLINE */
.inline-style {

	width:100%;
	height:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	letter-spacing:normal;
	line-height:18px;
	border:3px solid #CCC;
	border-radius:2px;
	color:#333333;
	padding:20px;
	background-color:#FFF;
}

.inline-content {
	margin-top:20px;
	text-align:justify;
}

.inline-content a:link, .inline-content a:visited, .inline-content a:active {
	color:#000000;
	background:none;
}

.inline-content a:hover {
	background:none;
}

.inline-img {
	float:left;
	margin:0px 15px 5px 0px;
	position:relative;
	z-index:100;
}

.inline-right img{
	float: right; 
	padding-left:10px;
	padding-top:10px;
	position:absolute;
	bottom: 10px;
}

.box {
	background-color:#f3f3f3;
	border:1px solid #EEEEEE;
	padding:15px;
	margin:15px auto;
}

/* INLINE end */


/* NAVIGATION */

.navigation-m nav {
	/*background: rgba(10,104,88,1);*/
	/*padding: 50px 0;*/
	font-family: Helvetica, Arial, sans-serif;
	padding:25px 0px 1px 0px;
	margin-top:0px;
	background-color: transparent;
	border-radius:0px;
	font-size:14px;
	color:#000000;
	text-transform:uppercase;
	position:relative;
	z-index:200;
}

/* By Dominik Biedebach @domobch */
.navigation-m nav ul, .bottom-bar nav ul {
	list-style: none;
	text-align: right;
	margin:0px!important;
	padding:0px!important;
}
.navigation-m nav ul li {
	display: inline-block;
	margin:0px;
	padding:0px;
}

.navigation-m nav ul li a {
	display:block;
	padding: 5px 10px;
	text-decoration: none;
	color: #000000;
	font-weight: 700;
	margin: 0px 10px;
}


.navigation-m nav .active-nav {
	color:#004e96;
}

.navigation-m nav ul li a,
.navigation-m nav ul li a:after,
.navigation-m nav ul li a:before {
  transition: all .5s;
}
.navigation-m nav ul li a:hover {
  color: #004e96;
}


/* stroke */
.navigation-m nav.stroke ul li a,
.navigation-m nav.fill ul li a {
  position: relative;
}
.navigation-m nav.stroke ul li a:after,
.navigation-m nav.fill ul li a:after {
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #fec441;
  height: 3px;
}
.navigation-m nav.stroke ul li a:hover:after {
  width: 100%;
}

.navigation-m nav.fill ul li a {
  transition: all 2s;
}

.navigation-m nav.fill ul li a:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
}
.navigation-m nav.fill ul li a:hover {
  color: #fff;
  z-index: 1;
}
.navigation-m nav.fill ul li a:hover:after {
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
}



/* Keyframes */
@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: #333;
  }
}

/* Keyframes */
@-webkit-keyframes circle {
  0% {
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: #eee;
    border-radius: 100%;
  }
  100% {
    background: #aaa;
    height: 5000%;
    width: 5000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
  }
}
/* By Dominik Biedebach @domobch */

/* NAVIGATION end */


h1 { font-family: Helvetica, Arial, sans-serif; font-weight:700; font-size:53px; line-height:60px; color:#004e96; text-align:center; text-transform: uppercase; margin:15px 0px 20px 0px; padding:0px 0px 0px 0px; z-index:80;}
h1 span.year { font-family: Helvetica, Arial, sans-serif; font-size:16px; line-height:20px; font-weight:400; text-align:center; text-transform: uppercase; color:#000000; z-index:80;}
h1 span.sub { font-family: Helvetica, Arial, sans-serif; font-size:20px; line-height:20px; font-weight:700; text-align:center; text-transform: uppercase; color:#000000; z-index:80;}
h2 { font-family: Helvetica, Arial, sans-serif; font-size:23px; line-height:20px; font-weight:700; text-align:center; text-transform: uppercase; color:#000000; z-index:80;}

.catno {font-size:12px; line-height: 15px; font-weight:600;}

.fsize11 { font-size:11px; line-height: 13px;}

.fweight400 { font-weight:400px!important;}
.fweight600 { font-weight:600!important;}
.fweight700 { font-weight:700!important;}

.divider {
	border-right:1px solid #eeeeee;
	display:block;
}

.apple-rounded { border-radius: 10px;}

/*
blockquote.twitter-tweet {
  font-size: 12px!important;
  line-height: 16px;
}

blockquote.twitter-tweet p {
  font-size: 12px!important;
  font-weight: normal;
  line-height: 16px;
}
*/


/* ACCORDION */

.accordion__item.active:last-child .accordion-header {
  border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
}

.accordion-body {
  background: #fcfcfc;
  color: #353535;
  display: none;
}

.accordion-button:not(.collapsed) {
	background-color:transparent;
}

.accordion-button:not(.collapsed)::after {
	background-image:none;
	transform: none;
}

.accordion-button::after {
	width:0px;
}

.accordion-header {
  color: white;
  cursor: pointer;
  font-size: .7em;
  letter-spacing: .1em;
  transition: all .3s;
  text-transform: uppercase;
}
.accordion-header:hover {
  position: relative;
  z-index: 5;
}


.accordion__item.active:last-child .accordion-header {
  border-radius: none;
}

.accordion__item > .accordion-header:after {
  content: "\f3d0";
  font-family: IonIcons;
  float: right;
  position: relative;
  top: -2px;
  transition: .3s all;
  transform: rotate(0deg);
}

.accordion__item.active > .accordion-header:after {
  transform: rotate(-180deg);
}

@media screen and (max-width: 1000px) {
  
  .accordion {
    width: 100%;
  }
}



/* ACCORDION end */


@media screen and (min-width: 600px) {
.nl-main, .footer {
	width:600px;
	height:100%;
}
	
.imgs4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.av-prod {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.thumbs {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
	
	
.photo01 {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
}

.photo02 {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
}

.image-feature-s {
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
}

.desc-feature-s {
    -ms-flex: 0 0 78%;
    flex: 0 0 780%;
    max-width: 78%;
}
	
.img-announcement {
    flex: 0 0 auto;
    width: 43.5%;
}
	
.artist-imgs-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
	

}

@media screen and (max-width: 599px) {
.nl-main, .footer {
	width:100%;
	/*height:100%;*/
	border:none;
	/*background:url(../images/bg-ecard2.jpg) no-repeat top center 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;
}

.nl-fixed { display:none;}
.nl-mob { display:block; }
	
.post-container iframe{max-height:155vw!important;}	
	
.no-pad-l { padding-left:0px;}
.no-pad-r { padding-right:0px;}
.no-pad-mob { padding:0px;}
.txt-cen-mob { text-align:center!important;}
.justify-cen-mob { justify-content:center!important;}
.p-lr15-mob { padding:0px 15px 0px 15px!important;}
.no-mt-mob { margin-top:0px!important;}
.no-margin-mob { margin:0px!important;}
	
.img-75-mob img { width:75%;}
.img-50-mob img { width:50%;}

.w-100-mob { width:100%!important;}
.w-75-mob { width:75%!important;}
.w-50-mob { width:50%!important;}
.w-40-mob { width:40%!important;}
.w-30-mob { width:30%!important;}
	
.credits2 { font-size:9px; line-height:10px;
}
	
.fb-vid {
	width:100%; height:100%;
	padding-bottom:56.25%;
}
	
	
.logo-nmg, .logo-naxos {
	width:70px;
	position:relative;
	top:0px;
	left:0px;
	margin:0px auto 0px;
}

.nav-logo { height:100%;}

.navigation-m nav {
	/*background: rgba(10,104,88,1);*/
	/*padding: 50px 0;*/
	font-family: Helvetica, Arial, sans-serif;
	padding:0px 0px 1px 0px;

}
	
.navigation-m nav ul, .bottom-bar nav ul {
	text-align: center;
}

.half-display {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

	
	
.flag-indiv {
	margin-right:0px;
	position:relative;
	top:-0px;
	right:-225px;
}

.divider {
	border:none;
}
	
}