@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: 'Oswald', sans-serif!important;
	letter-spacing:-.02em!important;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: none;
	-webkit-animation-delay: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-duration: 0.1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	
	color:#000;
	margin:0px;
}

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

.clearfix { clear:both; }
p { text-align:justify; margin-top:-3px!important; }
a { outline:0; }

h1 { font-family: 'Oswald', sans-serif!important; font-size:32px!important; font-weight:600!important; line-height:35px!important; text-transform:uppercase; margin:0px!important;}
h2 { 	font-family: 'Oswald', sans-serif!important; font-size:16px!important; font-weight:500!important; line-height:20px!important; margin:0px!important;}
h3 { 	font-family: 'Oswald', sans-serif!important; font-size:27px!important; font-weight:600!important; line-height:35px!important; text-align:left!important; margin:0px!important;}
h4 { 	font-family: 'Oswald', sans-serif!important; font-size:24px!important; font-weight:500!important; line-height:20px!important; text-align:center!important; text-transform:uppercase; color:#004E96; margin:0px!important;}

.nopad { padding:0px!important;}
.nomar { margin:0px!important;}
.no-pl { padding-left:0px!important;}
.no-pr { padding-right:0px!important;}
.p-l15 { padding-left:15px;}
.p-r15 { padding-right:15px;}
.p-lr10 { padding-right:10px; padding-left:10px;}
.m-b5 { margin-bottom:5px;}
.m-l15 { margin-left:15px;}
.p-r5 { padding-right:5px;}
.m-r5 { margin-right:5px;}

.fweight400 {font-weight:400!important;}
.fweight500 {font-weight:500!important;}
.fweight600 {font-weight:600!important;}
.fweight700 {font-weight:700!important;}
.fsize10 {	font-size:10px; line-height:13px; }
.fsize11 {	font-size:11px; line-height:13px; }
.fsize12 {font-size:12px; line-height:16px;}
.fsize13 {font-size:13px; line-height:16px;}
.fsize14 {font-size:14px; line-height:18px;}
.fsize25 {font-size:25px; line-height:25px;}

.text-l { text-align:left!important;}

.nax-blue { color:#004e96;}

.logo-nmg { width:85px; background-color:#004e96;}

.header { background-color:#FFF; color:#FFFFFF; position:relative;}

.header .logo-nmg, .header .title-sm, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .img-sm-l150, .img-l120, .img-l130, .img-s, .archive-ind {
  position: relative;
  width: 100%;
}

.col-sm-3b {
  position: relative;
  width: 100%;
  padding-left:15px;
  padding-right:15px;
}

.bg-blue { height:100%; background-color:#004e96; padding:0px 15px 0px;}

.ecard {
	background-color: rgba(255, 255, 255, .9);
	padding-bottom:0px;
	margin:30px auto 0px;
	position:relative;
}

.ecard-archive { height:80%;}

.title-sm { width:100%; min-height:100%;}
.content-m { background-color:#EFEFEF; margin-top:30px; padding:5px 5px 0px;}

.img-link {
	position:absolute;
	top:0px;
	left:0px;
	z-index:300;
}

.img-link:hover {
	cursor:pointer;
}


.tile-m {
	font-family: 'Oswald', sans-serif!important;
	font-weight:600!important;
	opacity: 1;
	transition: 0.3s;
	display: inline-block;
	cursor: pointer;
	position:relative;
}

.col1-tile1 {
	width:100%;
	height:120px;
	font-size:18px!important;
	line-height:22px!important;
	color:#000;
	background-color:#fff7f7;
	/*border:1px solid #999;*/
	padding:5px 10px;
}
.col1-tile2 {
	width:100%;
	height:120px;
	font-size:18px!important;
	line-height:22px!important;
	color:#000;
	background-color:#ffe6e8;
	padding:5px 10px;
}

.col2-tile1 {
	width:100%;
	height:130px;
	font-size:18px!important;
	line-height:22px!important;
	color:#fff;
	background-color:#580000;
	background-image:url("../images/bg-col2-tile1-fixed.jpg");
	background-size:cover;
	padding:5px 10px;
}

.col2-tile2 {
	width:100%;
	height:110px;
	font-size:18px!important;
	line-height:22px!important;
	color:#000;
	background-color:#fdf2a2;
	background-image:url("../images/bg-col2-tile2-fixed.jpg");
	background-size:cover;
	padding:5px 10px;
}

.col3-tile1 {
	width:100%;
	height:80px;
	font-size:17px!important;
	line-height:22px!important;
	color:#FFF;
	background-color:#005693;
	background-image:url("../images/bg-col3-tile1-fixed.jpg");
	background-size:cover;
	padding:5px 10px;
}

.col3-tile2 {
	width:100%;
	height:80px;
	font-size:17px!important;
	line-height:22px!important;
	color:#000;
	background-color:#eeede2;
	background-image:url("../images/bg-col3-tile2-fixed.jpg");
	background-size:cover;
	padding:5px 10px;
}

.col3-tile3 {
	width:100%;
	height:75px;
	font-size:17px!important;
	line-height:20px!important;
	color:#000;
	background-color:#f3dfcb;
	background-image:url("../images/bg-col3-tile3-fixed.jpg");
	background-size:cover;
	padding:5px 10px;
}

.col4-tile1 {
	width:100%;
	height:70px;
	font-size:18px!important;
	line-height:22px!important;
	color:#000;
	background-color:#FFF;
	background-image:url("../images/bg-col4-tile1-fixed.jpg");
	background-size:cover;
	padding:5px 10px;
}

.col4-tile2 {
	width:100%;
	height:95px;
	font-size:18px!important;
	line-height:22px!important;
	color:#fff;
	background-color:#333;
	padding:5px 10px;
}

.col4-tile3 {
	width:100%;
	height:95px;
	font-size:18px!important;
	line-height:20px!important;
	color:#000;
	background-color:#d4e7f8;
	background-image:url("../images/bg-col4-tile3-fixed.jpg");
	background-size:cover;
	padding:5px 10px;
}

.col5-tile1 {
	width:100%;
	height:195px;
	font-size:18px!important;
	line-height:22px!important;
	color:#000;
	background-color:#ffcf90;
	padding:5px 10px;
}

.col6-tile1 {
	width:100%;
	height:195px;
	font-size:18px!important;
	line-height:22px!important;
	color:#000;
	background-color:#a8f6fc;
	background-image:url("../images/bg-col6-tile1-fixed.jpg");
	background-size:cover;
	padding:5px 10px;
}

.col7-tile1 {
	width:100%;
	height:95px;
	font-size:18px!important;
	line-height:22px!important;
	color:#fff;
	background-color:#bb8b62;
	background-image:url("../images/bg-col7-tile1-fixed.jpg");
	background-size:cover;
	padding:5px 10px;
}

.col7-tile2 {
	width:100%;
	height:95px;
	font-size:18px!important;
	line-height:22px!important;
	color:#000;
	background-color:#FFF;
	background-image:url("../images/bg-col7-tile2-fixed.jpg");
	background-size:cover;
	padding:5px 10px;
}

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

hr.style-one {
	border-top: 1px dashed #8c8b8b;
	margin:20px 0px;
}

.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 {
  color: #FFFFFF;
  padding: 5px 15px 6px;
  text-align: center;
  text-transform:uppercase;
  font-size:12px;
  font-weight:600;
  opacity: 1;
  transition: 0.3s;
  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-discover { background-color:#666666!important;}

.btn-back { background-color:#004e96!important;}

.videoWrapper {
  position: relative;
  /*padding-bottom: 56.25%; *//* 16:9 */
  height: auto;
}

.videoWrapper iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 400px;
}

.rel { position:relative;}

.credit-r { font-size:9px; line-height:11px; font-weight:400; opacity:0.5; text-align:left; position:absolute; bottom:5px; right:5px; }

.flag {
	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;
	float:right;
	position:relative;
	z-index:800;
}

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

.starHalfFill {
	background: linear-gradient(to right, #C20000 50%, #FFFFFF 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.mirror-txt {
  -moz-transform:    scaleX(-1); /* Gecko */
  -o-transform:      scaleX(-1); /* Opera */
  -webkit-transform: scaleX(-1); /* Webkit */
  transform:         scaleX(-1); /* Standard */

  filter: FlipH;
  display:inline-block;                /* IE 6/7/8 */
}

.col-sm-120, .col-sm-120-fill, .col-sm-110, .col-sm-110-fill {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}


/* 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:#666;
	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 */



@media screen and (max-width: 979px) {

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

.logo-nmg { margin-left:15px;}

.nomob { display:none;}

.ecard {
	width:100%;
	/*height:100%;*/
	margin-top:0px;
	position:relative;
	overflow-y:scroll;
}

.ecard-archive { height:auto;}

.txt-cen-mob { text-align:center!important;}
.nopad-mob { padding:0px!important;}
.nomar-mob { margin:0px!important;}
.no-pt-mob { padding-top:0px!important;}
.plr-15-mob { padding-left:15px; padding-right:15px;}
.pl-15-mob { padding-left:15px;}
.pr-5-mob { padding-right:5px;}
.pl-5-mob { padding-left:5px;}

.text-j-mob { text-align:justify!important;}

.sm-mob { position:absolute; top:15px; right:30px; z-index:500}
.header {background-color:#004e96;}

.col1, .col2, .col3, .col4, .col5, .col6, .col7 { padding:0px;}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

h3 { 	text-align:center!important;}

.img100-mob img { width:100%!important;}


.col1-tile1, .col1-tile2, .col2-tile1, .col2-tile2, .col3-tile1, .col3-tile2, .col3-tile3, .col4-tile1, .col4-tile2, .col4-tile3, .col5-tile1, .col6-tile1, .col7-tile1, .col7-tile2 {
	height:80px;
}

.col1-tile1 {
	background-image:url("../images/bg-col1-tile1-mob.jpg");
	background-size:cover;
}
.col1-tile2 {
	background-image:url("../images/bg-col1-tile2-mob.jpg");
	background-size:cover;
}

.col2-tile1 {
	background-image:url("../images/bg-col2-tile1-mob.jpg");
	background-size:cover;
}

.col2-tile2 {
	background-image:url("../images/bg-col2-tile2-mob.jpg");
	background-size:cover;
	background-position:top center;
}

.col3-tile1 {
	background-image:url("../images/bg-col3-tile1-mob.jpg");
	background-size:cover;
}

.col3-tile2 {
	background-image:url("../images/bg-col3-tile2-mob.jpg");
	background-size:cover;
}

.col3-tile3 {
	background-image:url("../images/bg-col3-tile3-mob.jpg");
	background-size:cover;
}

.col4-tile1 {
	background-image:url("../images/bg-col4-tile1-mob.jpg");
	background-size:cover;
}

.col4-tile2 {
	background-image:url("../images/bg-col4-tile2-mob.jpg");
	background-size:cover;
}

.col4-tile3 {
	background-image:url("../images/bg-col4-tile3-mob.jpg");
	background-size:cover;
}

.col5-tile1 {
	background-image:url("../images/bg-col5-tile1-mob.jpg");
	background-size:cover;
}

.col6-tile1 {
	background-image:url("../images/bg-col6-tile1-mob.jpg");
	background-size:cover;
}

.col7-tile1 {
	background-image:url("../images/bg-col7-tile1-mob.jpg");
	background-size:cover;
}

.col7-tile2 {
	background-image:url("../images/bg-col7-tile2-mob.jpg");
	background-size:cover;
}

.img-75-mob img {
	width:75%;
}

.img-83-mob img {
	width:83%;
}

}

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

.col1 {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
    padding-right:5px;
}

.col2 {
    -ms-flex: 0 0 38%;
    flex: 0 0 38%;
    max-width: 38%;
    padding-right:5px;
}

.col3 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.col4 {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
    padding-right:5px;
}

.col5 {
    -ms-flex: 0 0 19%;
    flex: 0 0 19%;
    max-width: 19%;
    padding-right:5px;
}

.col6 {
    -ms-flex: 0 0 19%;
    flex: 0 0 19%;
    max-width: 19%;
    padding-right:5px;
}

.col7 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

}


@media (min-width: 576px) {
.img-s {
    -ms-flex: 0 0 12%;
    flex: 0 0 12%;
    max-width: 12%;
    padding-right:5px;
}

  .col-sm-3b {
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%;
  }
  
.col-sm-120 {
	-ms-flex: 0 0 20.2%;
	flex: 0 0 20.2%;
	max-width: 20.2%;
}

.col-sm-120-fill {
	-ms-flex: 0 0 79.8%;
	flex: 0 0 79.8%;
	max-width: 79.8%;
}

.col-sm-120-fill2 {
	-ms-flex: 0 0 59.6%;
	flex: 0 0 59.6%;
	max-width: 59.6%;
}

.col-sm-110 {
	-ms-flex: 0 0 18.5%;
	flex: 0 0 18.5%;
	max-width: 18.5%;
}

.col-sm-110-fill {
	-ms-flex: 0 0 81.5%;
	flex: 0 0 81.5%;
	max-width: 81.5%;
}

.col-sm-110-fill2 {
	-ms-flex: 0 0 61%;
	flex: 0 0 61%;
	max-width: 61%;
}

.text-l-md { text-align:left!important;}

}


@media (min-width: 768px) {
.header .logo-nmg {
	-ms-flex: 0 0 85px;
	flex: 0 0 85px;
	max-width: 85px;
}

.header .title-sm {
	-ms-flex: 0 0 91.24%;
	flex: 0 0 91.24%;
	max-width: 91.24%;
}



.archive-ind {
    -ms-flex: 0 0 18.666667%;
    flex: 0 0 18.666667%;
    max-width: 18.666667%;
}

}


@media (min-width: 400px) {
.img-sm-l200 {
	max-width:200px!important;
}

.img-sm-l150 {
	width:150px;
}



}

@media (max-width: 575px) {
.nomar-sm-mob {
	margin:0px!important;
}

.nofloat-s-mob70 { float:none;}
.nofloat-s-mob70 img {width:70%; }

.nopad-mob-sm { padding:0px!important;}

.img-75-mob-sm img {
	width:75%;
}

}

@media (max-width: 399px) {
.nomar-s-mob {
	margin:0px!important;
}


}

/* FOOTER */

.footer {
	color:#999999;
	font-size:12px;
	text-align:center;
	margin-top:15px;
}

.footer a {
	color:#999999;
	font-weight:500!important;
	text-decoration:underline;
}

.footer a:hover {
	color:#666666;
	text-decoration:underline;
	background:none;
	cursor:pointer;
}

/* FOOTER end */


/* NAXOS MUSICBOX */

.musicbox { font-family: 'Ubuntu', sans-serif!important; font-weight:400!important;}

ul.musicbox-list-m { list-style-type: none!important; padding: 0!important; margin: 0!important;}
li.musicbox-list { background: url('https://www.naxos.com/ECard/2020/Naxos-MusicBox/images/bullet.jpg') no-repeat!important; background-size:7px 7px!important; background-position:0px 6px!important; padding:0px 0px 0px 15px; font-weight:700; } 

.btn-musicbox-freetrial { background-color:#d25004!important; border-radius:5px;}
.btn-musicbox-subscribe { background-color:#e98f05!important; border-radius:5px;}


.musicbox-title {
	border-radius:5px;
	color:#FFF;
	font-weight:700;
	padding:3px 10px;
}

.title-bar-green {
	border:3px solid #36ae43;
	background-color:#91bd35;
}

.title-bar-red {
	border:3px solid #de1940;
	background-color:#f16557;
}

.title-bar-violet {
	border:3px solid #7b5099;
	background-color:#987bb6;
}

.key-freetrial { position:absolute; top:-20px; left:5px;}

/* NAXOS MUSICBOX end */


/* COLOUR ME */

.title-colour-me{ font-family: 'Love Ya Like A Sister', cursive!important; font-weight:400!important; color:#0061aa; font-size:20px;}

/* COLOUR ME end */

.btn-gp {
	color: #000000;
	padding: 8px 50px 8px;
	text-align: center;
	text-transform:uppercase;
	font-size:13px;
	font-weight:700;
	opacity: 1;
	transition: 0.3s;
	cursor: pointer;
	background-color:#b2e6fe!important;
}