@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 {
	font-family: 'Lato', sans-serif!important;
	background:url(../images/bg.jpg) no-repeat top center fixed;
	background-color:#959a9e!important;
	-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: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;
	font-size:14px!important;
	line-height:1.25em!important;
	font-weight:400!important;
	margin:0px;
	overflow:none!important;
}

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

img { border:0; border-style: none; outline:0;}
*:focus { outline:0!important;}

.highlight-r { color:#f04e23; }
.highlight-b { color:#24408f; }
.highlight-g { color:#ddd; }
.border-right-g { border-right:1px solid #ddd;}

a:link, a:visited { color:#f04e23; text-decoration:none;}
a:hover { color:#f04e23; text-decoration:underline;}

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

.fsize12 { font-size:12px!important; line-height:15px!important; }
.fsize12 { font-size:13px!important; line-height:17px!important; }
.fsize16 { font-size:16px!important; line-height:20px!important; }
.fsize22 { font-size:22px!important; line-height:25px!important; }

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

.p-lr15 { padding-left:15px; padding-right:15px;}
.no-pad-l { padding-left:0px!important;}
.no-pad-r { padding-right:0px!important;}

.m-b10 { margin-bottom:10px;}

h1 { font-family: 'Lato', sans-serif!important; font-weight:700!important; font-size:30px!important; line-height:30px!important; color:#f04e23; margin:-20px 0px 5px!important;}
h2 { font-family: 'Lato', sans-serif!important; font-weight:700!important; font-size:18px!important; line-height:20px!important; color:#24408f; margin:0px!important;}
h3 { font-family: 'Lato', sans-serif!important; font-weight:700!important; font-size:16px!important; line-height:20px!important; color:#f04e23; margin:0px!important;}
h4 { font-family: 'Lato', sans-serif!important; font-weight:700!important; font-size:20px!important; line-height:25px!important; color:#f04e23; margin:0px!important;}


.table-sm th, .table-sm td {
	padding:0.1rem;
}

.catno-desk {
	color:#FFF;
	font-weight:700;
	font-size:13px;
	position:absolute;
	top:2px;
	left:30px;
}

.catno-bull { color:#f04e23; font-size:11px; display:inline-block; padding:0px 10px;}

/* Opacity #2 */
/*.img-hover {
	background: #FFF;
}*/
.img-hover img {
	opacity:1;
	filter: grayscale(10%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	cursor:pointer;
}
.img-hover:hover img {
	filter: grayscale(0);
	opacity: .8;
}

/* NAVIGATION */

.nav-main {
	width:100%;
	height:30px;
	color:#FFF;
	font-size:13px;
	font-weight:800!important;
	text-align:right;
	text-transform:uppercase;
	position:absolute;
	top:25px;
	right:30px;
	z-index:200;
}

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

.nav-lang {
	width:200px;
	height:20px;
	color:#FFF;
	font-size:13px;
	font-weight:800!important;
	text-align:right;
	text-transform:uppercase;
	position:absolute;
	bottom:-2px;
	right:30px;
	z-index:200;
}

.nav-lang-indiv { padding:0px 10px;}

.nav-main a:link, .nav-main a:visited {color:#fff; font-weight:800!important; text-decoration:none;}
.nav-main a:hover {color:#f04e23; text-decoration:nonet;}

.nav-lang a:link, .nav-lang a:visited {color:#fff; font-weight:800!important; text-decoration:none;}
.nav-lang a:hover {color:#f04e23; text-decoration:nonet;}

/* NAVIGATION end */

/* FOOTER */

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

.footer a {
	color:#000;
}

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

/* FOOTER end */


.bg-fixed {
	width:100%;
	height:100%;
	background:url(../images/bg-fixed.png) no-repeat top left scroll;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: 100% 100% contain;
	position:absolute;
	top:0px;
	left:0px;
}


.ecard {
	background-color: rgba(255, 255, 255, .9);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.3); 
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
	background-image: url('../images/bg-ecard.jpg');
	background-size:cover;
	/*border-bottom:20px solid #a10a25;*/
	padding-bottom:20px;
	margin:30px auto 0px;
	position:relative;
	display:flex;
}

.bottom-bar { width:100%; height:20px; background-color:#0b233d; position:absolute; bottom:0px; left:0px;}

.logo-orfeo {
	position:absolute;
	top:15px;
	left:30px;
	z-index:300;
}

.rel { position:relative;}
.credit { font-size:10px; line-height:12px; font-weight:400; color:#000; position:absolute; bottom:5px; left:5px; }
.shadow-txt-l { text-shadow: 0 0 5px rgba(255,255,255,1); }
.shadow-txt-d { text-shadow: 0 0 5px rgba(0,0,0,0.8); }

.home { margin-top:110px;}
.tracklist { margin-top:120px;}
.artist { margin-top:110px;}
.concert { margin-top:80px;}

.home .half-l, .home .half-r, .tracklist .half-l, .tracklist .half-r, .artist-inline .half-l, .artist-inline .half-r, .artist .artist1, .artist .artist2, .artist .artist3 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.flag-rel {
	max-width:150px;
	border-radius:2px;
	min-height:20px;
	background-color:#f04e23;
	color:#FFF;
	font-size:13px;
	text-transform:uppercase;
	font-weight:900;
	text-align:center;
	padding:3px 10px;
	/*margin:auto;*/
	float:right;
}

.track-num {
	max-height:17px;
	width:17px;
	background-color:#24408f;
	padding:2px 1px 3px;
	color:#FFF;
	font-size:10px;
	line-height:10px;
	font-weight:900;
	text-align:center;
	border-radius:2px;
}

.year { font-size: 14px; font-weight:400; /*color:#24408f;*/ display:inline-block;}

.rel-top { position:relative; z-index:270;}
.acc-date { width:45%; padding-right:10px; text-align:right; border-right:1px solid #ddd; display:inline-block;}
.acc-country { width:55%; padding-left:10px; display:inline-block;}
.acc-year {  color:#f04e23; border-bottom:2px solid #f04e23;  font-weight:700;}



@media (min-width: 992px) {
.container {
    width: 980px!important;
}

.container, .container-sm, .container-md, .container-lg {
    max-width: 980px;
}
}

/* INLINE */
.inline-style {

	width:100%;
	height:100%;
	font-family: 'Lato', sans-serif!important;
	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 (min-width: 980px) {
.ecard {
	width:980px;
	height:570px;
}


}

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

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

.txt-cen-mob1 { text-align:center;}

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

.nav-lang {
    text-align: right;
    position: absolute;
    top: 45px;
    right: 22px;
    z-index: 250;
}


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

.home { margin-top:150px;}
.tracklist { margin-top:150px;}

.bg-blue {
	width:100%;
	height:220px;
	background:url(../images/bg-blue.png) no-repeat top right scroll;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: 100% 100% contain;
	position:absolute;
	top:45px;
	right:0px;
	z-index:200;
}

.bg-red {
	width:100%;
	height:180px;
	background:url(../images/bg-red.png) no-repeat top left scroll;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: 100% 100% contain;
	position:absolute;
	top:45px;
	left:0px;
	z-index:180;
}

}

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

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

.tracklist .half-l {
	-ms-flex: 0 0 43%;
	flex: 0 0 43%;
	max-width: 43%;
}

.tracklist .half-r {
	-ms-flex: 0 0 43%;
	flex: 0 0 43%;
	max-width: 43%;
}

.artist-inline .half-l {
	-ms-flex: 0 0 35%;
	flex: 0 0 35%;
	max-width: 35%;
}

.artist-inline .half-r {
	-ms-flex: 0 0 65%;
	flex: 0 0 65%;
	max-width: 65%;
}

.artist .artist1 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.artist .artist2 {
	-ms-flex: 0 0 28%;
	flex: 0 0 28%;
	max-width: 28%;
}

.artist .artist3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}


}

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

.home { margin-top:130px;}

.home .half-l, .home .half-r, .tracklist .half-l, .tracklist .half-r, .artist-inline .half-l, .artist-inline .half-r, .artist .artist1, .artist .artist2 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.img-75 { width:75%!important;}
.txt-cen-mob2 { text-align:center;}
.no-mar-mob { margin:0px!important;}
.no-pad-mob { padding:0px!important;}
.no-mt-mob { margin-top:0px!important;}

h1 { font-family: 'Lato', sans-serif!important; font-weight:700!important; font-size:30px!important; line-height:30px!important; color:#f04e23; margin:0px 0px 5px!important;}

.panel-btop {
	border-width:1px 0px 1px 0px!important;
}

.flag-rel {
	float:none;
	margin:auto;
}


}

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

.home { margin-top:110px;}
.tracklist { margin-top:110px;}
.artist { margin-top:110px;}
.concert { margin-top:110px;}
}



/* ACCORDION */


.wrap {
  /*box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);*/
  border-radius: 2px;
}

.panel {
  border-width: 0 0 1px 0!important;
  border-style: solid!important;
  border-color: #ddd!important;
  background: none;
  box-shadow: none!important;
  border-radius:2px!important;
  /*background-color: rgb(238,238,238,.5)!important;*/
  background:none!important;
}

.panel-group .panel+.panel {
    margin-top: 0px!important;
}

.panel:last-child {
  border-bottom: none;
}

.panel-group > .panel:first-child .panel-heading {
  border-radius: 2px 2px 0 0;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-group {
    margin-bottom: 5px!important;
}

.panel-heading {
  /*background-color: #f6f6f6;*/
  border-radius: 0;
  border: none;
  color: #24408f;
  padding: 0px 10px!important;
}

.panel-title a {
  display: block;
  color: #24408f;
  padding: 0px;
  position: relative;
  font-size: 13px;
  font-weight: 700;
}

.panel-body {
  /*background: #fff;*/
  font-size:12px;
}

.panel:last-child .panel-body {
  border-radius: 0 0 2px 2px;
}

.panel:last-child .panel-heading {
  border-radius: 0 0 2px 2px;
  transition: border-radius 0.3s linear 0.2s;
}

.panel:last-child .panel-heading.active {
  border-radius: 0;
  transition: border-radius linear 0s;
}
/* #bs-collapse icon scale option */

.panel-heading a:before {
  content: '\e146';
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 10px;
  font-size: 16px;
  transition: all 0.5s;
  transform: scale(1);
}

.panel-heading.active a:before {
  content: ' ';
  transition: all 0.5s;
  transform: scale(0);
}

#bs-collapse .panel-heading a:after {
  content: ' ';
  font-size: 16px;
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 10px;
  transform: scale(0);
  transition: all 0.5s;
}

#bs-collapse .panel-heading.active a:after {
  content: '\e909';
  transform: scale(1);
  transition: all 0.5s;
}
/* #accordion rotate icon option */

.accordion .panel-heading a:before {
  content: '\e316';
  font-size: 16px;
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 0px;
  transform: rotate(180deg);
  transition: all 0.5s;
}

.accordion .panel-heading.active a:before {
  transform: rotate(0deg);
  transition: all 0.5s;
}

.panel-btop {
	border-width:1px 0px 1px 0px!important;
}

/* ACCORDION */


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

.panel-btop {
	border-width:0px 0px 1px 0px!important;
}

}