* { margin:0px; padding:0px; }
html, body { font-family:azo_sansregular; text-transform:uppercase; color:#104798; height:100%; font-size:100%; }
body { text-align:center; background:#edecea; }

h1 { text-align:center; padding:20px 0px 10px 0px; }
	h1 span { display:none; }
h2 { font-family:azo_sansbold; font-weight:normal; text-align:center; }
h3 { font-family:azo_sanslight; color:#010101; font-weight:normal; text-align:center; padding:0px 0px 50px 0px; }
h4 { font-family:azo_sansbold; font-weight:normal; }

a { color:#fff; text-decoration:none; }
a:hover { color:#fff; text-decoration:underline; }

img { width:100%; }

iframe { border:0; }

.clear { clear:both; }

.closed { display:none; }
h2.openable { cursor:pointer; }
h2.openable:hover { color:#666; }

#lightbox { position:absolute; top:100px; margin:0 auto; width:100%; z-index:1000; }
	#lightbox_inner { position:relative; top:100px; margin:0 auto; max-width:80%; z-index:1000; }
	#lightbox img { width:100%; display:block; }
	#lightbox_bg { width:100%; height:100%; display:block; position:fixed; top:0px; left:0px; background:#000; opacity:0.5; z-index:999; }
	#lb_close { width:50px; height:50px; background:#fff url('../img/mmenu_close.png') center center no-repeat; border-radius:25px; display:block; right:-25px; top:-25px; z-index:1001; position:absolute; cursor:pointer; }
	#lb_close:hover { background:#104798 url('../img/mmenu_close.png') center center no-repeat; }

#logo { padding-top:0px; background:#104798; width:60px; height:60px; z-index:102; position:fixed; left:0px; top:0px; cursor:pointer; }
	#logo img { margin-top:0px;  margin-left:0px; width:60px; height:60px; margin:0px auto; display:block; }
	#logo a { display:block; }
	#logo a:hover { background:transparent; }
	
#menu_wrapper { height:60px; position:fixed; top:0px; z-index:1; width:100%; text-align:center; display:block; background:#transparent; }
#menu { height:60px; position:fixed; top:0px; z-index:100; width:100%; text-align:center; display:block; transition:all 0.7s ease; }
	#menu.admin { display:block; }
	#menu_bg { height:60px; background:#fff; opacity:0.95; position:absolute; top:0px; z-index:0; width:100%; text-align:center; }
	#menu_inner { position:absolute; height:60px; margin:0px auto; width:100%; }
	
	

@media screen and (min-width: 1000px) { 
	#menu { height:60px; position:fixed; top:0px; z-index:100; width:100%; text-align:center; display:block; left:0%; }
	#menu.hidden { top:-60px; }
	
	#menu_bg { height:60px; background:#fff; opacity:0.95; position:absolute; top:0px; z-index:0; width:100%; text-align:center; }
	#menu_inner { position:absolute; height:60px; margin:0px auto; width:100%; }	
	#logo { padding-top:0px; background:#104798; width:60px; height:60px; z-index:102; position:fixed; left:0px; top:0px; }
		#logo img { margin-top:0px;  margin-left:0px; width:60px; height:60px; margin:0px auto; display:block; }
		#logo a { display:block; }
		#logo a:hover { background:transparent; }
}

	.menu-list { display:none; padding:1rem 0 0 0; }
		.menu-list ul li { display:inline-block; }
			.menu-list ul li a { color:#000; font-size:1.4rem; font-family:azo_sansbold; font-weight:normal; margin:0 2em; padding:0.3em 0.5em; }
			.menu-list ul li a:hover { color:#fff; text-decoration:none; background:#104798; padding:0.3em 0.5em; }
		
	@media screen and (min-width: 1000px) { 
	.menu-list { display:block; }	
	}


	#lang { position:absolute; right:50px; top:0px; cursor:pointer; display:none; padding-top:1rem; }
		#lang a { color:#000000; font-size: 1.4rem; margin-left:10px; font-family:azo_sansbold; font-weight:normal; padding:0.3em 0.5em; }
			#lang a:hover { color:#fff; background:#104798; text-decoration:none; padding:0.3em 0.5em; }
	@media screen and (min-width: 1000px) { 
	#lang { display:block; }
	}
			
	#logout { position:absolute; right:20px; top:27px; cursor:pointer; z-index:102; }
		#logout a { color:#8e8e8e; font-size: 10px; margin-left:10px;  }
			#logout a:hover { color:#000;  }
			
	#mmenu_link { position:absolute; right:15px; top:20px; cursor:pointer; }
		#mmenu_link:hover { opacity:0.5; }
		
	#admin_info { position:relative; width:100%; text-align:center; z-index:101; padding:30px 0 0 0; }
		#admin_info a { color:#000; }
		#admin_info a:hover { color:#666; text-decoration:none; }
		
	@media screen and (min-width: 1000px) {
		#mmenu_link { display:none; }
	}

		
#mmenu {}
.mmenu { display:none; width:100%; height:100%; background:#104798; z-index:201; position:fixed; }
	.mmenu_inner { position:relative; margin:0px auto; padding:30vh 0 0 0; }
		.mmenu_close { position:absolute; right:15px; top:15px; cursor:pointer; }
			.mmenu_close:hover { opacity:0.5; }
			
		.mmenu ul { margin:0px 0px 0px 0px; }
			.mmenu ul li { text-align:center; list-style-type:none; }
				.mmenu ul li a { color:#ffffff; font-size:1.7rem; font-family:azo_sansbold; text-decoration:none; line-height:2em;  }
				.mmenu ul li a:hover { color:#000; text-decoration:none; opacity:0.5; }
				.mmenu ul li:last-child a { color:#000; }
				
	#mmenu.visible { display:block; }
	
	@media screen and (min-width: 740px) {
		.mmenu ul li a { font-size:2.9rem; }
	}
	@media screen and (min-width: 1000px) {
		#mmenu.visible { display:none; }
	}

			
			
.header { background:#104798; }
	.header_inner { padding-top:60px; } /*.header_inner { padding-top:40px; }*/
		.header_inner img { width:100%; margin:0px auto; position:relative; }
	
	@media screen and (min-width: 1000px) { 
		.header_inner { padding-top:60px; }	/*.header_inner { padding-top:60px; }	*/
	}

		

.content { text-align:center; }
	.content_inner { width:100%; margin:0px auto; text-align:left; }
		.content_inner2 { width:88.4%; margin:0px 5.8%; text-align:left; position:relative; }
		
@media screen and (min-width: 1000px) { 	
	.content_inner2 { max-width:1270px; margin:0 auto; }
}
	
	
	
/* show */
.show { background:#000; padding:0 0 0 0; }
	.show__bg1 { padding:9.375% 0 0 0; background:#104798 url('../img/eye_bg1.svg') bottom center no-repeat; background-size:cover; }
	.show__bg2 { display:none; padding:18.6% 0 0 0; background:url('../img/eye_bg2.svg') top center no-repeat; background-size:cover; position:absolute; width:100%; z-index:50; }
	.show__video { margin:0 auto 50px auto; padding:3em 0 0 0; max-width:780px; }	
	.show__title { margin:0 0 1em 0; font-size:2rem; text-align:left; color:#fff; letter-spacing:0.2em; line-height:1.2em; float:left; width:65%; }
	.show__logo { float:right; width:35%; margin:0 0 0 0; }	
	.show__list { margin:0 0 1.5em 0; padding:0; list-style-type:none; position:relative; clear:both; }
		.show__list li { color:#f9dfbf; text-transform:none; padding:0 0 1em 0; font-size:1.1rem; margin:0 0 0 2.3em; font-weight:bold; }
		.show__list li:before {  content:url('../img/check_gold.svg'); width:28px; height:23px; display:block; position:absolute; left:0px; }
	.show__text { margin:0 0%; padding:0 0 3rem 0; }
		.show__text p { margin:0 0 1.5em 0; color:#fff; text-transform:none; font-size:1.2rem; }
		.show__text p:last-child { margin:0 0 0 0; }
		
	@media screen and (min-width: 380px) { 
		.show__title { font-size:2.4rem; }
	}
	@media screen and (min-width: 430px) { 
		.show__title { font-size:2.7rem; }
	}
	@media screen and (min-width: 479px) { 
		.show__title { font-size:3rem; }
	}
	
	@media screen and (min-width: 760px) { 
		.show__title { float:none; width:100%; text-align:right; }
		.show__logo { float:none; text-align:right; width:300px; height:320px; margin:0 0 0 auto; position:absolute; top:auto; bottom:3rem; right:calc(50% + 3%); }	
			.show__logo img {  }	
			
		.show__list {  }
		
		.show-lcol { float:left; width:48%; position:relative; }
		.show-rcol { float:right; width:48%; }
	}
	
	@media screen and (min-width: 1000px) { 
		
	}


/* guests */
	
.guests { padding:0px 0px 5rem 0px; background:#fff; }
	.guests .content_inner {  }
	
	.guests__header { background:#000; }
	/* .guests__header { padding:64% 0 0 0; background:#ccc; position:relative; overflow:hidden; } */
	/* .guests__header img { position:absolute; top:0; left:0; width:100%; z-index:40; display:block;} */
	
	.guests h2 { padding:1em 0px 0px 0px; margin:0; font-size:2rem; letter-spacing:0.2em; text-align:center; color:#000; line-height:1.2em; top:33%; width:100%; }
	
	.guests-list { padding:2em 0px 0px 0px; }
	
	.guest { font-size:1.5rem; font-family:azo_sansregular; color:#000; text-transform:none; text-align:center; }
		.guest a { font-size:1.3rem; font-family:azo_sansregular; color:#fff; text-transform:uppercase; display:inline-block; background:#104798; width:100%; padding:1em 0; }
		.guest a:hover { text-decoration:none; color:#fff; background:#000; }
		.guest__name { padding:0 0 0.3em 0; }
		.guest__name span { font-family:azo_sansbold;  display:block; }
		
	.guests-others { padding:2em 0 0 0; text-align:center; }
			
	.zoom {
	  animation: scale 40s linear infinite;
	}
	  
	@keyframes scale {
	  50% {
		-webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-ms-transform:scale(1.2);
		-o-transform:scale(1.2);
		transform:scale(1.2);
	  }
	}

@media screen and (min-width: 380px) {
	.guests h2 {
		font-size: 2.4rem;
	}
}
@media screen and (min-width: 430px) { 
	.guests h2 { font-size:2.7rem; }
}
@media screen and (min-width: 479px) { 
	.guests h2 { font-size:3rem; }
}
	
@media screen and (min-width: 760px) { 
	.guest__name { }
	.guest { width:calc(50% - 0.3rem); float:left; }
	.guest:nth-child(2n+0) { margin-left:0.6rem; }
}
@media screen and (min-width: 1000px) { 
	.guest { width:calc(33.33333% - 0.5rem); float:left; }

	.guest { margin-left:0.5rem; }
	.guest:nth-child(2n+0) { margin-left:0.5rem; }
	

	/* .guests h2 { text-align:right; width:50%; float:left; font-size:4rem; } */
}
		

/* gigs style */

.gigs { padding:0 0 0 0; background:#f2f3f5 url('../img/mapa_blue.svg') top center no-repeat; background-size:140%; }
.gigs .content_inner { padding:0 0 0 0; }
	.gigs h2 { font-size:3.5rem; color:#000; margin:0px; padding:0em 0 0 0; letter-spacing:0.1em; line-height:1em;  }
	.gigs h3 { font-size:2rem; font-family:azo_sansbold; letter-spacing:0.1em; margin:0em 0 0.5em 0; padding:0px;  line-height:1em; }
	
	.spec_notice { font-size:1.5rem; color:#000; text-align: center; font-family:azo_sansbold; text-transform:none; letter-spacing:0.1em; margin:0em 0 0.5em 0; padding:0px;  line-height:1em; }
	.spec_notice a {color:#000}

	.gigs__bg1 { padding:11.25% 0 0 0; background: url('../img/eye_bg1g.svg') top center no-repeat; background-size:cover; }
	.gigs__bg2 { padding:18.6% 0 0 0; background:url('../img/eye_bg2g.svg')bottom center no-repeat; background-size:cover; margin-top:-10%; pointer-events: none; }


.gig { max-width:970px; width:100%; margin:0 auto 4px auto; display:table;cell-spacing:5px; }
	.gig__date-box { background:#fff; width:70px; color:#000; font-size:0.6rem; padding:0.5em 0 0 0; display:table-cell; vertical-align:middle; }
		.gig__date-box span { display:block; text-align:center; }
			.gig__date { font-size:2em; padding:0em 0 0 0; font-weight:bold; }
			.gig__month { font-weight:bold; }
			.gig__time { padding:0 0 0.5em 0; }
	
	.gig__info { color:#000; font-size:1.2rem; font-weight:bold; position:relative; padding:0 0 0em 0; display:table-cell; margin-left:5px; vertical-align:middle; }
		.gig__info__inner {  padding:0.2em 1em 0.3em 1em; position:relative; background:#f6f6f6; margin-left:5px;}
		.gig__text { text-align:center; font-family:azo_sanslight; }
		.gig__text span { font-family:azo_sansbold; }
		
		.gig__buttons { padding:0 0 0 0; }
		.gig__button { background:#000; padding:1em 0em; font-size:0.8rem; letter-spacing:0.2em; display:inline-block; margin:0.2em 0 0.2em 0.5em; width:calc(100%); text-align:center; float:right;}
		.gig__button.fb_event { background:#4267b2; }
			.gig__button:hover { background:#fff; color:#000; text-decoration:none; }
			
		.noticket { display:none; }
		
	.gig-past { }
		.gig-past .gig__date-box { color:#cdcdcd; }
		.gig-past .gig__info { color:#cdcdcd; }
		
	.be_aware { padding:0 0 3em 0; text-align:center; font-size:0.9rem; }

	
	@media screen and (max-width: 759px) { 	
		.gig-past { display:none; }
		.show-more { visibility:hidden; pointer-events: none; }
	}
	
	
	@media screen and (max-width: 479px) { 	
		
	}
	@media screen and (min-width: 430px) { 	
	}
	@media screen and (min-width: 479px) { 	
		.gigs h2 { font-size:3.1rem; }
		.gigs h3 { font-size:3.2rem; } 
		
	}
	@media screen and (min-width: 760px) { 
		.gigs h2 { padding:1em 0 0 0; }
		
		.gig__date-box { font-size:0.8rem; width:100px; }
		.gig__info {  font-size:1.6rem; width:calc(100% - 105px); }
		.gig__info__inner {  padding-top:0.6em; }
		.gig__text { padding-top:0.3em; padding-bottom:0.7em; width:calc(100% - 200px);  float:left; text-align:left; }
		
		.gig__buttons { position:relative; float:right; padding-top:0em; width:180px; }
			.gig__button { float:right; width:auto; min-width:180px; }
			
		.be_aware { padding:2em 0 4em 0; text-align:center; max-width:600px; margin:0 auto; }
			
	}	
	
	.limit { overflow:hidden; max-height: 0; transition: max-height 0.7s ease-out; }
	.limit.hidden { max-height:0; }
	/*.events_ajax_container { transition: 0.7s all ease; } */
	.show-more { text-align:center; padding:2em 0 0 0; }
	.show-more a { background:#000; padding:1em 0em; font-size:0.8rem; letter-spacing:0.2em; display:inline-block; margin:0.2em auto 0.2em auto; width:calc(100%); text-align:center; max-width:220px; transition:0.7s all ease; }
	.show-more a:hover { background:#fff; color:#000; text-decoration:none; }


/* views */
.views { padding:0 0 1em 0; background:#fff; }
.views h2 { padding:1.0em 0px 0.5em 0px; margin:0; font-size:2rem; letter-spacing:0.2em; text-align:center; color:#000; line-height:1.2em; }
	.viewers { font-size:3.2rem; text-align:center; font-family:azo_sansbold; font-weight:bold; line-height:1em; padding:0 0 0.5em 0; }
	.viewers span { font-size:1.2rem; display:block; line-height:1em; }
	
	.views-circles { margin:0px auto; max-width:700px; }
	.views-circle { float:left; width:33%; text-align:center; font-size:1rem; font-family:azo_sansbold; }
		.views-circle span { font-family:azo_sansbold; display:block; border:10px solid #104798; font-size:2rem; width:4rem; height:4rem; border-radius:50%; line-height:4rem; margin:0 auto 0.2em auto; letter-spacing:0em; }
	
	

	@media screen and (min-width: 380px) {
		.views h2 {
			font-size: 2.4rem;
		}
	}
		
	@media screen and (min-width: 430px) { 
		.views h2 { font-size:2.7rem; }
	}
	@media screen and (min-width: 479px) { 	
		.views h2 { font-size:3rem; }
		.viewers { font-size:5.2rem; }
		.viewers span { font-size:1.5rem; }
		.views-circle { font-size:1.3rem; }
		.views-circle span { font-size:3.5rem; line-height:5.5rem; width:5.5rem; height:5.5rem; }
	}	
	@media screen and (min-width: 760px) { 	
		.views h2 { font-size:4.0rem; }
		.viewers { font-size:7rem; }
		.viewers span { font-size:1.5rem; }
		.views-circle { font-size:2.3rem; }
		.views-circle span { font-size:6rem; line-height:8.5rem; width:8.5rem; height:8.5rem; border:12px solid #104798; }
	}	


/* authors  */	
.authors { background:#fff; }
.authors h2 {padding:3em 0px 1em 0px; margin:0; font-size:2rem; letter-spacing:0.2em; text-align:center; color:#000; line-height:1.2em;  }
	
	
	.author-image { width:60%; margin:0 auto; }
	.author-credentials { padding:1.8em 0 0 0; }
		.author-credentials h3 { text-transform:none; font-family:azo_sansbold; font-size:1.6rem; margin:0; padding:0; line-height:1em; text-transform:uppercase; }
			p.author-position{ text-transform:none; font-size:1.5rem; color:#000; text-align:center; padding:0.2em 0 1em 0; line-height:1em; }
			p.author-text{ text-transform:none; font-size:1.1rem; color:#000; text-align:center; padding:0 0 4em 0; }


	@media screen and (min-width: 380px) { 	
	}
	@media screen and (min-width: 430px) { 	
	}
	@media screen and (min-width: 479px) { 	
		.authors h2 { font-size:3rem; }
	}	
	@media screen and (min-width: 760px) { 	
		p.author-text{ margin:0 15% 0 15%; }
	}
	@media screen and (min-width: 1000px) { 	
		.author { width:50%; float:left; }
	}
	
.g_info {  }
	.g_info p.vizual {  text-align:center; margin:0 auto; padding:0 0 5em 0; font-size:1.4rem; }

	
	
/* contacts */
.contacts { background:#104798; }

.contacts__bg1 { padding:11.25% 0 0 0; background: url('../img/eye_bg1g.svg') top center no-repeat; background-size:cover; }

	.contacts h2 { color:#f9dfbf; padding:0em 0px 1.5em 0px; margin:0; font-size:2rem; letter-spacing:0.2em; text-align:center; line-height:1.2em;  }
	.contacts h3 { color:#f9dfbf; font-size:1rem; text-transform:none; font-family:azo_sansbold; padding:0; margin:0;  }
	
	.contact-box {  }
		.contact-info { color:#f9dfbf; font-size:1rem; text-transform:none; text-align:center; line-height:1.4em; }
			.contact-info a { color:#f9dfbf; }
		.button { text-align:center; padding:1em 0 3em 0;}
			.button a { color:#fff; background:#000; display:inline-block; font-size:0.9rem; text-transform:none; text-align:center; margin:0 auto; padding:1em 1.5em; min-width:150px; letter-spacing:0.1em; transition:0.7s all ease; }
			.button a:hover { color:#000; background:#fff; text-decoration:none; }
			
	.social-sites { padding:1em 0 3em 0; max-width:500px; margin:0 auto; }
		.social-sites a { float:left; width:16.66666%;}
			.social-sites a img {}
			.social-sites a svg { fill:#fff; transition:0.7s all ease; }
			.social-sites a:hover svg { fill:#000; }
	
	

	@media screen and (min-width: 380px) { 	
	}
	@media screen and (min-width: 430px) { 	
	}
	@media screen and (min-width: 479px) { 	
		.contacts h2 { font-size:3rem; }
		.contacts h3 { font-size:1.5rem; }
		
		.contact-info { font-size:1.5rem; }
	}		
	@media screen and (min-width: 1000px) { 	
		.contact-box { width:50%; float:left; }
		
		.social-sites { max-width:800px; margin:0 auto; padding:3em 0 6em 0; }
		.social-sites a { width:8.33333%; margin-left:8.33333%; }
		.social-sites a:first-child { margin-left:5%; }
		.social-sites a svg {  }
	}
	

/* partners */
	.partners { padding:3em 0 0 0; background:#fff; }
		.partners h2 {padding:1em 0px 1em 0px; margin:0; font-size:2rem; letter-spacing:0.2em; text-align:center; color:#000; 	line-height:1.2em;  }
			
		.partner { text-align:center; padding:0 0 3em 0; }
			.partner h3 { font-size:0.9rem; color:#020202; font-family:azo_sanslight; padding:0; margin:0px; text-transform:none; }
			.partner img { width:250px; margin:0 auto; }
			
	@media screen and (min-width: 760px) { 	
		.partner { width:50%; float:left; } /*.partner { width:100%; float:left; }*/
	}

.footer { background:#fff; }
.footer h3 { font-size:0.9rem; }
	
	

/*** admin ***/
body.admin { padding-top:100px; }
#admin {}


.admin h3 { margin-bottom:0; padding-bottom:1em; }

h2.msg { color:red; font-size:20px; margin:0px; padding:180px 0 0 0; background:none; position:absolute; text-align:center; width:100%; z-index:-1; }
form { text-align:center; }

input { font-family: azo_sanslight; font-size: 24px; color: #010101; font-weight: normal; text-align: center; padding: 0px 0px 0px 0px; margin:0 0 10px 0; }
input[type="submit"] { font-family: azo_sansbold; font-size: 24px; color: #fff; font-weight: normal; text-align: center; padding: 5px 20px 5px 20px; margin:0 0 10px 0; text-transform:uppercase; border:1px solid #000; cursor:pointer; background:#000; transition:all 0.7s ease; }
input[type="submit"]:hover { color:#000; background:#666; border-color:#666; }

.form1 {}
	.form1 .frow { text-align:left; padding:0px 0px 30px 0px; }
	.form1 .frow label { display:block; }
	.form1 .frow input { padding:.1em 0.5em; }
	.form1  fieldset  { padding:20px 20px 0px 20px; margin:0px 0px 10px 0px; background:#eee; border:0px; }
	.form1  fieldset.light  { background:#fafafa; }
		.form1 .frow .col1 { width:100%; float:left; }
			.form1 .frow .col1 input { font-size:40px; text-align:left; width:80%; }
			.form1 .frow .col1 input { font-size:40px; text-align:left; width:80%; }
			.form1 .frow .col1.ticket_links input { width:80%; font-size:20px; text-align:left; }
		.form1 .frow .col2 { width:33%; float:left; }
			.form1 .frow .col2 input{ float:left; text-align:left; }
			.form1 .frow .col2 label { color:#666; }
		.form1 .frow .col3 { width:33%; float:left;  }
			.form1 .frow .col3 input { float:left; text-align:left; }
			.form1 .frow .col3 label { color:#666; }
			.lang_versions { margin-left:5%; }


			
.gig__admin { display:table-cell; width:200px; }
	.gig__admin__inner { text-align:right; padding:0em 0 0 0; }
	.gig__admin__inner a { background: #666; padding: 0.9em 0em; font-size: 0.8rem; letter-spacing: 0.2em; display: inline-block; margin-top:0em; width:180px; text-align:center; }
	
	.gig__admin__inner a:nth-child(2) { background:red; }
	.gig__admin__inner a:hover { text-decoration:none; background:#000; color:#fff; }