@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: 'Lato', sans-serif;
	background:url(../images/bg.jpg) no-repeat center center fixed;
	background-color:#FFF;
	-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:14px!important;
	line-height:1.3em!important;
	font-weight:400!important;
	margin:0px;
	padding:0px;
}

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

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

a:link, a:visited { color:#007978; text-decoration:none;}
a:hover { color:#007978; text-decoration:none; cursor:pointer;}

.fsize15 { font-size:15px;}
.fsize12 { font-size:12px;}
.fsize13 { font-size:13px;}
.fsize14 { font-size:14px;}
.fweight700 { font-weight:700;}

.highlight-b {color:#005879;}
.highlight-g {color:#005756;}

.flag {
	width:137px;
	background-color:#005879;
	color:#FFFFFF;
	font-size:13px;
	text-align:center;
	padding:5px 10px;
	margin:auto;
}

.btn-m {
  color: white;
  padding: 7px 25px 7px;
  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-s {
  color: white;
  padding: 5px 25px 5px;
  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-back {
  color: #005756;
  text-transform:uppercase;
  font-size:15px;
  font-weight:700;
  opacity: 1;
  transition: 0.3s;
  text-decoration: none;
  cursor: pointer;
  margin-top:0px;
}

.btn-m:link, .btn-m:visited, .btn-s:link, .btn-s:visited { color:#000000; text-decoration:none;}
.btn-m:hover, .btn-s:hover { color:#000000; text-decoration:none;}

.btn-back:link, .btn-back:visited { color:#005756; text-decoration:none;}
.btn-back:hover { color:#000000; text-decoration:none;}

.btn-discover { border:3px solid #005879; color:#000000}
.btn-discover:hover { border:3px solid #4889a1; background-color: #00415a; color:#FFFFFF;}

.btn-tracklist { border:3px solid #3d9897; color:#000000}
.btn-tracklist:hover { border:3px solid #3d9897; background-color: #115e6a; color:#FFFFFF;}


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

h1 { font-family: 'Lato', sans-serif; font-weight:600; color:#005879; font-size:31px; line-height:33px; letter-spacing:-.05rem; margin:20px 0px 30px;}
h2 { font-family: 'Lato', sans-serif; font-weight:600; color:#005879; font-size:26px; line-height:28px; letter-spacing:-.05rem; margin:0px 0px 0px;}
h3 { font-family: 'Lato', sans-serif; font-weight:600; color:#000000; font-size:16px; line-height:18px; margin:5px 0px 20px;}
h4 { font-family: 'Lato', sans-serif; font-weight:600; color:#005879; font-size:26px; line-height:28px; letter-spacing:-.05rem; margin:20px 0px 30px;}

.header {
	width:100%;
	height:46px;
	position:relative;
}

.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);
}

.nav-main {
	width:40%;
	font-size:13px;
	text-align:right;
	font-weight:700;
	padding:10px 30px 0px 0px;
}

/*.nav-ind {
	padding:0px 20px;
}*/

.nav-ind {
	margin:0px 35px;
}



.nav-lang1-main {
	text-align:right;
	font-size:13px;
	font-weight:700;
	color:#FFFFFF;
}

.nav-lang1 {
	padding:0px 20px;
}

.nav-lang1 a:link, .nav-lang1 a:visited { color:#FFFFFF; text-decoration:none;}
.nav-lang1 a:hover, .nav-lang1 a.active { color:#d3f3ff; text-decoration:none;}

.nav-ind a:link, .nav-ind a:visited { color:#000000; text-decoration:none;}
.nav-ind a:hover, .nav-ind a.active { color:#007978; text-decoration:none;}

.top-logo-main {
	width:60%;
	height:46px;
}

.top-logo-bg {
	width:389px;
	height:46px;
	background-color:#005879;
	padding:10px 30px 10px 30px;
}

.top-logo-bg-arrows {
	width:69px;
	height:46px;
}


.logo-swr  {
	width:245px;
	margin:0px 0px 0px;
}


.ecard {
	background-color: rgba(249, 249, 249, .9);
	-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:30px auto 0px!important;
	padding-bottom:30px;
	position:relative;
}

.rel-overflow  {
	height:205px;
	overflow:auto;
}

.home-content .rel3, .alsoavailable-content .rel2 {
  position: relative;
  width: 100%;
  padding-right: 25px;
  padding-left: 25px;
}

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

.arrows {
	width:12px;
}

.cd-num {
	width:40px;
	height:20px;
	background-color:#005879;
	border-radius:2px;
	font-size:11px;
	line-height:15px;
	font-weight:900;
	color:#FFFFFF;
	text-align:center;
	padding:2px 3px;
}

.track-num {
	min-width:21px;
	max-width:21px;
	height:18px;
	border:2px solid #005879;
	font-size:10px;
	line-height:11px;
	font-weight:700;
	color:#000000;
	text-align:center;
	padding:1px 3px;
}

.track-num-l-main {
	width:65px;
}

.track-name {
	width:100%;
}

.track-duration {
	width:50px;
}

.track-pad-l { padding-left:10px;}
.track-pad-l-2 { padding-left:32px;}
.track-pad-l-3 { padding-left:43px;}

.rel-aa {
	width:83%;
}

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

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



/* FOOTER */

#bottom-bar {
    width:980px;
    height:25px;
    background-image: linear-gradient(to right, #3d9897, #005879);
    padding:3px 30px 3px 30px;
    position:absolute;
    bottom:0px;
}

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

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

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

/* FOOTER end */


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

.home-content .rel3 {
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
	max-width: 30%;
}

.release-content .half-l {
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	max-width: 40%;
}

.release-content .half-r {
	-ms-flex: 0 0 60%;
	flex: 0 0 60%;
	max-width: 60%;
}

.track-content .half-l {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.track-content .half-r {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.alsoavailable-content .rel2 {
	-ms-flex: 0 0 35%;
	flex: 0 0 35%;
	max-width: 35%;
}

}


@media screen and (max-width: 979px) {
.ecard {
	width:100%;
	/*height:100%;*/
	border:none;
	margin-top:0px!important;
	position:relative;
	overflow-y:scroll;
}

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

#bottom-bar {
    width:100%;
}

.release-content .half-l {
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	max-width: 40%;
}

.release-content .half-r {
	-ms-flex: 0 0 60%;
	flex: 0 0 60%;
	max-width: 60%;
}

.track-content .half-l {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.track-content .half-r {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.audio-cen{
	width:200px;
	margin:auto;
}

}


@media screen and (max-width: 768px) {
.no-pad-mob2 { padding:0px!important;}
.plr-15-mob {padding-left:15px!important; padding-right:15px!important;}

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

.txtcen-mob-md{ text-align:center!important;}

.m-auto-mob { margin:auto!important;}

.top-logo-main {
	width:100%;
}

.top-logo-bg {
	width:83%;
}

.top-logo-bg-arrows {
	width:17%
}

.logo-swr {
	width:100%;
	margin:0px auto 0px;
}

.top-logo-bg {
	width:100%;
}

.release-content .half-l, .release-content .half-r, .track-content .half-l, .track-content .half-r {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.rel-overflow {
	height:auto;
	overflow:hidden;
}

.rel-aa {
	width:100%;
}

.btn-back { margin-top:20px;}
}

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


}


@media screen and (max-width: 400px) {
.logo-swr img {
	width:88%;
}

}




/* INLINE */

.inline-style {
	width:100%;
	height:100%;
	font-family: 'Lato', sans-serif;
	font-size:14px!important;
	line-height:1.3em!important;
	font-weight:500!important;
	border:3px solid #3d9897;
	border-radius:2px;
	color:#333333;
	padding:20px;
	background-color:#FFF;
}

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

.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 */