body, div, li, a, td, p {
	/*font-family: "Sarala";*/
		/*font-family: "Amiko";*/

	font-family: "Catamaran",sans-serif;;

	color:#1f9b9a;
	margin:0;
	padding:0;
}

a, a:active,a:link, a:hover{
	text-decoration: none;
}

body{
	/*background-color: black;*/
}
h1{
	text-transform: uppercase;
}

.link1{
	color:rgb(189, 66, 170);
}

#cont1{
	margin: auto;
}

#Cont{
	position: absolute;
    margin-top: 0px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#cov1, #cov2,#cov3,#cov4, #cov5 {
	 margin-top: 0px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	position: fixed;
    margin: auto;
    width: 100%;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    /*transition: 1s;*/
    background-position: center;
    opacity: 0;
    moz-opacity:0;
}
#index #cov1{
	    background-image: url("../img/Instr1_n.png");
	    max-width: 100%;
	    width:560px;
		-webkit-animation: fadeL 2s ease 0s 1 forwards;
		-o-animation: fadeL 2s ease 0s 1 forwards;
		animation: fadeL 2s ease 0s 1 forwards;
}

#index #cov2{
	    background-image: url("../img/Instr2_n.png");
	    max-width: 100%;
	    width:560px;
		-webkit-animation: fadeR 2s ease 0s 1 forwards;
		-o-animation: fadeR 2s ease 0s 1 forwards;
		animation: fadeR 2s ease 0s 1 forwards;
}

body:not(#index) #cov5{
	background-image: url("../img/Inst.png");
	opacity: 0.2;
	moz-opacity:0.2;
	z-index: -10;
}

@keyframes fadeR{
	from{opacity: 0;  right:-500px;}
	to{opacity: 1; right:0;}
}

@keyframes fadeL{
	from {opacity: 0;left: -500px;}
	to{opacity: 1;left: 0;}
}


#index #cov3{
		background-image:url("../img/Letters_n.png");
		 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		margin-top: 125px;
		/*opacity: 0;*/
		max-width: 100%;
	    width:560px;
		-webkit-animation: fadeIn 2s ease 2s 1 forwards ;
		-o-animation: fadeIn 2s ease 2s 1 forwards;
		animation: fadeIn 2s ease 2s 1 forwards;
}

#index #cov4{
	background-image: url("../img/date_loc_n.png");
	margin-top: 125px;
	opacity: 0;
	max-width: 100%;
	width:560px;
	-webkit-animation: fadeIn 2s ease 3s forwards;
	-o-animation: fadeIn 2s ease 3s forwards;
	animation: fadeIn 2s ease 3s forwards;
}

body:not(#index) #cov2{
	opacity: 0.2;
	position: fixed;
	z-index: -10;
}

@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}

#cov2{
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    color: #146766;
    z-index: 0;
}
#cov1 img{
	width: auto;
	height: auto;
}

/*#cov2{
	margin-top: -886px;
	background-position: 0px -50%;
}
*/
.cov_sec{
	background-size: 100% 100% !important;
	opacity: 1.0 !important;
}

#menu1{
	width:516px;
	max-width:90%;
	top:0px;
	left:0px;
	right:0px;
	margin: auto;
	position:fixed;
	z-index: 2000;
	background-color: white;
	padding:15px;
	/*border-bottom: 1px solid #1f9b9a;*/
}
 #menu2{
 	width:100%;
	bottom:0px;
	left:0px;
	right:0px;
	margin: auto;
	position:absolute;
	z-index: 3000;
	padding:5px;
 }

 #menu1 * ,#menu2 *, marquee {
 	font-family: "Amiko";
 }
#cp{
	z-index: 3001;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.menubtn{
	list-style: none;
	cursor:pointer;
	color:#1f9b9a;
	background-color: ;
	padding:3px 5px;
	z-index: 1000;
	border-radius: 2px;
	font-size: 13px;
	border:none;
	margin-right:5px;
	text-transform: uppercase;
}
#menu1 .menubtn{
	float: left;
}

#menu2 .menubtn{
	text-align: center;
}

#mapcont{
	position:fixed;
	top: 0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:2000;
	background-color: rgba(255, 255, 255, 0.94)
}

#mcont{
	width: 500px;
	max-width: 100%;
	margin:auto;
}

#map{
	width: 500px;
	height: 500px;
	margin:80px auto;
}

#close1{
	font-size: 30px;
	cursor:pointer;
	/*position: absolute;*/
	right: 3%;
	top: 6px;
	float:right;
}

#marq1{
	left: 15px;
}
#marq2{
	right: 15px;
	color:rgb(189, 66, 170);
	text-align: right;
}

#marq1,#marq2{
	width: 310px;
    position: fixed;
    top: 0px;
    bottom: 0px;
    font-size: 40px;
    text-transform: uppercase;
    z-index: 100;
    transition: opacity 1s;
}

/*#mcont{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left:0px;
}*/
#address {
    text-align: center;
    margin-top: 20px;
    font-size: 11px;
}

#spacer{
	margin-bottom: 40px;
}

footer{
	font-size: 11px;
	position: fixed;
	width: 100%;
	bottom:0px;
	left: 0;
	right: 0;
	z-index:3000;
}
footer p{
	padding: 10px;
	float: right;
	text-transform: uppercase;
    font-size: 8px;
}
footer li{
	z-index: 3000;
}

.hidden{
	display:none;
}

#spons{
	clear: both;
	width: 100%;
	float: right;
	margin-right: 5px;
}
#partners {
    width: 360px;
    max-width: 70%;
    margin: 150px auto;
}


.partners0{
	width:100px;
	height: auto;
}

.partners1{
	width:120px;
	height: auto;
}

/*.partners2{
	width:250px;
	height:auto;
}*/

.partners3{
	width:275px;
	height:auto;
}
.partners4{
	width:150px;
	height: auto;
}
.partners5{
	width:130px;
	height: auto;
}

.partners0, .partners1,.partners2,.partners3,.partners4,.partners5{
	clear:both;
	margin-bottom: 15px;
	margin-right: 25px;
}
#partners img:nth-child(2){
	clear:both;
}
#hmbtn{
	position: fixed;
	top:10px;
	left: 10px;
	font-size: 19px;
	background-image:url("../img/letters.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width:100px;
	height:110px;
	cursor:pointer;
	z-index: 3000;
}


#info, #about, main{
	width:600px;
	max-width: 80%;
	margin:150px auto;
	color: #146766;
}

#about img{
	width:350px;
	max-width: 90%;
	margin-right: 15px;
}

.day img{
	width:200px;
	height: auto;
	max-width: 90%;
	/*margin: auto;*/
	float: left;
	margin: 7px 15px 0px 0px;
}


#artists p img:nth-child(2){
	float: right !important;
	margin: 0 0 15px 15px;
}

#tickets {
	margin-top:240px !important;
}

#artists small{
	font-size: 18px;
}

.vert{
	height: 200px !important;
	width: auto !important;
}

#tickets h4 {
	width: 140px;
    margin: auto;
    font-size: 18px;
    text-transform: uppercase;
    margin: 10px auto;
}

.artists {
    position: absolute;
    width: 600px;
    max-width: 80%;
    margin: auto;
    display:none;
    z-index: -10;
}

.lang {
    font-size: 30px;
    float: right;
    cursor:pointer;
}
.lang:nth-child(2)  {
    margin-right: 15px;
}


.inactive{
	display: none;
}
.active{
	display: block;
}

.opac{
	opacity: 0.2;
	cursor:auto;
}


/*---------> MEDIA QUERIES */

@media(max-width: 670px){
	body:not(#index) #menu1 {
		margin-right: 0px;
		right:0px;
		max-width: 70%;
		width: 151px;
	}
	#menu1{
		max-width: 95%;
	}
	#menu1 li{
		margin-right: 2px;
	}
	#address {
	    text-align: right;
	    margin-top: 20px;
	    font-size: 11px;
	    margin-right: 45px;
	}
	h1{
	    text-transform: uppercase;
	    font-size: 23px;
	    font-weight: 900;
		}
}
@media(max-width: 900px){
	marquee{
		opacity: 0.5;
		transition:1s;
	}
}

@media(min-width: 500px){
	#close1{
		right: 10% !important;
	}
}