/* L001 - links right side of map */
/* S001 - sponsors 2x2 */

/*****************************/
/*           HTML            */
/*****************************/

   * {
       margin: 0;
   }

    html, body {    
        height: 100%;    
        margin: 0;          
    }  
    
    body {
        background: #fff;
        color:#323232;       
        font: normal 18px 'Oswald', sans-serif;
    }
    
    body.modal {
		overflow: hidden;
    }
   
    ul, li {
        margin: 0;
        padding: 0;
    }    
 
    input, select, textarea, button {
        font-family: inherit;
        outline: none;
    } 
    
    a {
        text-decoration: none;    
        color: #C33;    
    }  
    
    a img {
		border: none;
    }
    
    h1,
    h2,
    h3,
    h4 {
    	font-weight: 400;   
    	
    } 
    
    .oswald {
		font-family: 'Oswald', sans-serif !important;
    }
    
    mark {
		background: none !important;
		color: inherit;
    }
    
    /*
    'Open Sans', sans-serif;             
    */
    
    .live_cam > iframe {
    	border: 0;
    }

    a.lineup_0, a.lineup_1, a.lineup_2, a.lineup_3, a.lineup_4 { color:white!important;}
/*****************************/
/*          1. main          */
/*****************************/  
		    
    .inner {
        max-width: 1180px;    
        margin: 0 auto;       
    }
    
    .padded {
		padding-left: 2.5em;
		padding-right: 2.5em;
    }
    
    .inner.fluid {
		max-width: 100%;
    }
    
    .mobile {
		display: none;
    }
    
    .wrapper {
		/*margin-top: 85px;*/        
		position: relative;
		z-index: 0;
    }
    
    .image img {
		max-width: 100%;
    }
    
    /* responsive images */
    
    .responsive_image {
		
    }
    
    .responsive_image.loading:after {
		display: block;
		width: 65px;
		height: 60px;
		/*border-radius: 50%;
		background: #fff;*/
		background: transparent url(../img/skull_gray.png) no-repeat 0px 0px;
		opacity: 0.8;
		position: absolute;
		top: 40%;
		left: 50%;
		margin-left: -30px;
		/*margin-top: -32px;*/
		content: "";
    }
 
    
/*****************************/
/*         2. header         */
/*****************************/  
.popup_overlay {
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:990;
    background:rgba(0,0,0,0.6);
}
.popup_left {width:40%; float:left;}
.popup_right {float:left; width:55%;}
.clear {clear:both}
       .popup {
           width:70%;
           position:fixed;
           top:50%;
           left:50%;
           transform:translate(-50%,-50%);
           background: black;
           color:white;
           padding:50px;
           box-sizing:border-box;
           z-index:999;
       }
       .popup img {float:left; margin-right:20px; max-width:100%;}
       
@media(max-width: 1366px) { 
    .popup {width:100%;}
} 
@media(max-width: 1280px) { 
    .popup {font-size:15px}
}   
@media(max-width: 800px) { 
    .popup_left {width:100%;}
    .popup img {max-width:50%;}
    .popup_right {width:100%;}
}  
@media(max-width: 500px) { 
    .popup_left {width:100%;}
    .popup img {max-width:100%}
     .popup {font-size:13px!important; position:absolute; top:-166px; left:0; transform:unset; z-index:99999}
    .popup_right {width:100%;}
} 
@media(max-width: 1280px) { 
    .popup {font-size:15px}
} 
    /* header */
	
	.header {		
		position: relative;
		width: 100%;
		z-index: 0;	
		color: #fff;	
		top: 0;
	}
	
	.header .menu_small .logo {
		display: inline-block;
		width: 21.75em;
	}
	
	.header .menu_small .logo img.desktop {		
		display: inline-block;
	}
	
	.header .menu_small .logo img.desktop:first-of-type {
		max-width: 40%;
	}
	.header .menu_small .logo img.logo_date {
		max-width: 60%;		
	}
	
	.header .menu {
		position: relative;
		width: 100%;
		top: 0;
		z-index: 0;	
		background: #000 url(../img/background_header.jpg) no-repeat center -7px;			
	}
	
	.header .menu.fixed {
		position: fixed !important;
	}
	
	.header .menu_small {
		height: 81px;		
		position: relative;
		z-index: 0;
	}
	
	/*
	.header .menu_small:after {
		position: absolute;
		z-index: 0;
		bottom: -8px;
		left: 0;
		width: 100%;
		height: 15px;
		background: transparent url(../img/background_header_bottom_01.png) repeat-x center 0px;		
		content: "";	
		
	}	
	*/
	
	.header .menu_small .inner {
		padding: 17px 25px 0;
	}
	
	.menu_small .elements {
		position: absolute;
		right: 20px;
		top: 3px;		
		height: 100%;
		padding-right: 5px;
        display: none;
	}
	
	.menu_small .elements .section {
		float: left;
		height: 60px;
        margin-top: 10px;
		position: relative;	
        /*
		top: 50%;
		transform: translateY(-50%);		*/
	}
	
	.menu_small .elements .section > div {
		/*position: relative;
		top: 50%;
		transform: translateY(-50%);*/
		padding: 0 15px;	
	}
	
	.menu_small .elements .section:after {
		display: block;
		height: 66%;
		width: 1px;
		background: #fff;
		position: absolute;
		top: 16%;
		right: 0;
		content: "";
		opacity: 0.7;
	}
	
	.menu_small .elements .section:last-of-type:after {
		display: none;
	}
	
	/* social icons */
	
	.menu_small .elements .section.social > div {
		margin-top: 15px;
	}
	
	.header div.social img {
		display: inline-block;
		margin-left: 12px;		
		height: 20px;
	}
	
	/* language */
	
	.menu_small .elements .section.language {
		font-size: 12px;   
        cursor: pointer;    
        min-width: 149px;
	}
	
	.menu_small .elements .section.language > div {
		margin-top: 18px;
	}
	
	.menu_small .elements .section.language > div img {
		float: right;
		margin: 1px 0 0 7px;
	}
	
	/*
	.menu_small .elements .section.menu_button > div img {
		float: right;
		margin: -16px 0 0 10px;
	}*/
	
	
	/* expanded menu */
   
   	.header .menu_large {
		height: 168px;
		width: 100%;		
		position: relative;
		z-index: 10;
		
   	}
    
    /*.header .menu_large .test {
        height: 15px;
        background: red;
        opacity: 0.5;       
        width: 100%;
    }*/
   	
   	.header .menu_large:after {
		position: absolute;
		z-index: 0;
		bottom: -8px;
		left: 0;
		width: 100%;
		height: 15px;
		/*background: transparent url(../img/background_header_bottom_02.png) repeat-x center 0px;	*/	
		content: "";	
	}	
	
	.header .menu_large .inner {
		margin-left: 180px;
		/*max-width: 60%;*/
		overflow: hidden;		
	}
	
	
	/* navigation */      	
	
	
	
	/*
	
	.header .menu_large .menu_close img {
		float: right;
		margin: -16px 0 0 10px;
	}*/
	
	.header .menu_large .navigation.main a {
		float: left;
		font-size: 1.35em /*24px*/;
		font-weight: 700;
		color: inherit;
		text-transform: uppercase;
		display: inline-block;
		position: relative;
		margin: 0 9px 0 7px;
		line-height: 24px;
		margin-top: 10px;
	}
	
	.header .menu_large .navigation.main a:after {
		display: block;
		height: 100%;
		width: 1px;
		position: absolute;
		top: 0; 
		right: -8px;
		content: "";
		background: #cc1739;
		border-left: 1px solid #690e1f;
	}
	
	.header .menu_large .navigation.sub a {
		float: left;
		font-size: 0.9em;/*16px*/;
		font-weight: 700;
		color: inherit;
		text-transform: uppercase;
		display: inline-block;
		position: relative;
		margin: 0 7px 0 7px;
		line-height: 16px;
		margin-top: 10px;
	}
	
	.header .menu_large .navigation.sub a:after {
		display: block;
		height: 94%;
		width: 1px;
		position: absolute;
		top: 4%; 
		right: -8px;
		content: "";
		background: #9b142d;		
	}
	
	.header .menu_large .navigation.sub a:last-of-type:after,
	.header .menu_large .navigation.main a:last-of-type:after {
		display: none;
	}
	
	/* bottom */
	
	.header .menu_large .bottom {
		margin-top: 20px;
		border-top: 1px solid rgba(255,255,255,0.4);
		margin-left: 7px;		
		font-size: 14px;		
	}
	
	.header .menu_large .bottom .language {
		float: left;		
		padding: 15px 0 2px;
		margin-right: 30px;		
	}
	
	.header .menu_large .bottom .language img {
		display: inline-block;
		margin: 0px 0 -5px 10px;
	}
	
	.header .menu_large .bottom .social {
		padding: 15px 0 0;
		border-left: 1px solid rgba(255,255,255,0.4);
		padding-left: 30px;
		overflow: hidden;			
	}
	
	.header .menu_large .bottom .social span {
		margin-right: 10px;
	}
	
	.header .menu_large .bottom .social img {
		float: left;
	}
	
	
	/* menu buttons */
	
		.menu_small .elements .section.menu_button > div,
		.header .menu_large .menu_close > div {
			font-size: 18px;	
			cursor: pointer;	
			background: transparent url(../img/skull_red.png) no-repeat 100% 50%;
			padding: 14px 80px 14px 15px;		
		}
		
		/* default */
		
		.menu_small .elements .section.menu_button > div {
			color: #fff;			
		}
		
		/* close */
		
		.header .menu_large .menu_close {			
			float: right;
			margin: 5.8em 25px 0 5em;		
		}
		
		.header .menu_large .menu_close > div,
		.menu_small .elements .section.menu_button .active {
			/*color: #cc1739;*/
			/*background-image: url(../img/skull_red.png);*/
			
		}
		
	/* end menu buttons */
	
   	
/*****************************/
/*       3. slideshow        */
/*****************************/ 

 

	.video {
		position: relative;
		z-index: 0;
	}
    
    .video iframe,
    .video #player,
    .video img,
    .video .player_overlay  {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
	
	.video .player_overlay {   		
        cursor: pointer;
        z-index: 10;
	}
	
	.video img {
		z-index: 0;
	}
	
	.video .player_overlay:after {
		display: block;
		width: 102px;
		height: 102px;
		position: absolute;
		top: 50%;
		left: 50%;
		content: "";
		background: transparent url(../img/button_play.png) no-repeat 0px 0px;
		margin-top: -51px;
		margin-left: -51px;
		z-index: 10;
	}
	
	.video .player_overlay:hover:after {
		opacity: 0.7;
	}

	.slideshow {
		 position: relative;    		 
		 z-index: 0;      
	}
		
	.slideshow .slides {
        position: relative;
        height: 835px;       
        margin: 0px auto;           
        z-index: 0;  
        overflow: hidden;       
    }    
    
    .slide {
		position: absolute;
		height: 100%;
		width: 100%;	
		z-index: 0;			
    }
    
    .slide .inner {		
		padding: 0;
		position: relative;
		z-index: 50;		
    }
    
    .slide .description {
		position: absolute;
		top: 50%;
		right: 0;
		display: inline-block;		
		background: rgba(0,0,0,0.35);
		font-size: 76px;
		font-weight: 300;
		color: #fff;
		padding: 10px 40px;		
    }
    
    .slide a.description  {		
    	padding-right: 120px;		
		background: rgba(0,0,0,0.35) url(../img/arrow_white_large.png) no-repeat 95% 58%;		
    }
    
    .slide:after {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		content: "";
		z-index: 10;
		/* background: transparent url(../img/grid.png) repeat 0px 0px; */
    }
    
    .slide > img {
		max-width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		
    }
   
    
    /* pager */  
    
    .pager {				
		position: absolute;
		bottom: 0;
		width: 100%;		
		z-index: 10;
		background: rgba(0,0,0,0.3);
    }
    
    .pager #slideshow-pager {
		text-align: right;	
		padding: 5px 0 8px;	
    }
    
    #slideshow-pager a {    	
		display: inline-block;
		margin-left: 10px;
		height: 11px;
		width: 11px;
		background: #0088c2;
		vertical-align: middle;
    }
    
    #slideshow-pager a.activeSlide {
		background: #fff;
		width: 15px;
		height: 15px;
    }
    

/*****************************/
/*       3.2. features       */
/*****************************/     

	#home .features {
		overflow: auto;		
	}
	
	#home .features .feature {
		float: left;
		/*width: 33.33%;*/
		vertical-align: top;
		position: relative;
		overflow: hidden;		
	}
		
	.features .feature img {
		width: 100%;
		max-height: 100%;
		position: absolute;
		top: 0;
	}
	
	.features .feature:before {
		content: "";
		display: block;
		padding-top: 100%;
	}	
	
	#page .features .feature {
		position: relative;		
		width: 100%;
		display: block;
		margin-bottom: 7px;
	}
	
/*****************************/
/*       3.3. subscribe      */
/*****************************/ 

	.subscribe {
		background: #000 url(../img/background_black_grain.jpg) repeat 0px 0px;		
		position: relative;				
		max-width: 100%;
		overflow: hidden;		
		color: #fff;
		min-height: 13em;
		z-index: 0;
		
	}
	
	.subscribe .overflow {
		padding: 0 4.5em;
	}
	
	.subscribe:after {
		background: transparent url(../img/warrior_subscribe.jpg) no-repeat 100% 0;
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		content: "";
		top: 0; left: 0;
		z-index: 0;		
	}
	
	.subscribe .left {
		width: 40%;		
        position: relative;
		margin-right: 3em;
	}
	
	.subscribe .left h4 {
		font-size: 2.25em;
		margin-bottom: 5px;
		text-transform: uppercase;
	}
	
	.subscribe .left p {
		font-weight: 100;
		line-height: 120%;
	}
	
	.subscribe .left,
	.subscribe .right {
		padding: 2.4em 0 1em;
	}
	
	.subscribe .right {
		float: none !important; 
		overflow: hidden;		
		position: relative;
	}
	
	.subscribe form {
		display: block;		
		border: 2px solid #000;
		background: #cc1739;
		padding: 1.75em 1.5em;
		position: relative;
	}	
	
	.subscribe form:after {
		position: absolute; 
		top: -31px;
		left: 50%;
		height: 60px;
		width: 86px;
		margin-left: -43px;
		content: "";
		background: transparent url(../img/skull_lined.png) no-repeat 0px 0px;
	}
	
	.subscribe form div.field {
		display: block;		
		overflow: hidden;		
	}
	
	.subscribe form input[type=text],
	.subscribe form input[type=submit] {
		background: none;
		border: 0;
		color: #e8e8e8;
		font-size: 1.35em;		
	}
	
	.subscribe form input[type=text] {
		display: block;
		width: 100%;	
		font-weight: 100;	
	}
	
	.subscribe form input[type=submit] {
		cursor: pointer;	
		float: right;		
		text-transform: uppercase;		
		border-bottom: 2px solid #000;	
		color: #000;
		padding: 0;
		margin-left: 1em;
	}
	
	.subscribe form ::-webkit-input-placeholder { /* WebKit browsers */
	    color:    #e8e8e8;	    
	}
	.subscribe form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #e8e8e8;
		opacity:  1;		
	}
	.subscribe form ::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #e8e8e8;
		opacity:  1;		
	}
	.subscribe form :-ms-input-placeholder { /* Internet Explorer 10+ */
		color:    #e8e8e8;		
	}
	
	/* social icons */	
	
	.subscribe .social {
		margin-top: 18px;
	}
	
	.subscribe .social img {
		display: inline-block;
		margin-right: 20px;
	}
	
/*****************************/
/*        3.4. links         */
/*****************************/ 

	.links_map {
		position: relative;
		/*background: #fff url(../img/background_white.jpg) repeat 0px 0px;	*/
		background: #000;
	}   

	.links {
		font-size: 0;
		position: relative;
		z-index: 0;			
		overflow: auto;
	}
	
	/* L001 :: v1 :: two links on the right side */
	/*
	.links a {
		display: inline-block;
		width: 50%;
		float: left;		
		text-align: center;
		overflow: hidden;
	}	*/
	/* END L001 */
	
	.links a img {
		max-width: 100%;
		max-height: 100%;
	}
	
/*****************************/
/*         3.5. map          */
/*****************************/ 
	
	.map {
		/*background: #fff url(../img/background_white.jpg) repeat 0px 0px;	*/
		position: relative;
		z-index: 10;		
		text-align: center;	
		
	}
	
	/* L001 :: v1 :: two links on the right side */
	/*
	.map img {
		margin: -7px 0;
		display: block;
		width: 100%;
	}
	
	.map .description {
		background: #efefef;		
		position: relative;
	}
	
	.map .description > div {
		padding: 4em 0;
	}
	
	.map .description:after {		
		background: transparent url(../img/background_map_top.png) repeat-x center 0px;
		top: -12px !Important;
	}
	
	.map .description p {
		display: block;
		max-width: 900px;
		margin: 0 auto;
		color: #666666;
		font-weight: 100;
		font-size: 24px;
	}
	
	.map .description a {
		color: #ff3333;
		font-weight: 700;
		font-size: 20px;
		text-transform: uppercase;
		display: inline-block;
		margin-top: 2em;		
	}*/
	
	/* L001 :: v2 :: one link on right side */
	
	.image_links {
		font-size: 0;
	}
	
	.image_links .map_image {
		width: 69.5%;
		float: left;		
	}
	
	.image_links .links {
		float: left;
		width: 30.5%;		
	}
	
	.map img {
		/*margin: -7px 0;*/
		display: block;
		width: 100%;
	}
	
	.map .description {
		background: #efefef;		
		position: relative;
	}
	
	.map .description > div {
		padding: 4em 0;
	}
	
	.map .description:after {		
		background: transparent url(../img/background_map_top.png) repeat-x center 0px;
		top: -15px !Important;
	}
	
	.map .description p {
		display: block;
		max-width: 900px;
		margin: 0 auto;
		color: #666666;
		font-weight: 100;
		font-size: 24px;
	}
	
	.map .description a {
		color: #ff3333;
		font-weight: 700;
		font-size: 20px;
		text-transform: uppercase;
		display: inline-block;
		margin-top: 2em;		
	}
	
	/* END L001 */
	
/*****************************/
/*         4. lineup         */
/*****************************/

	/* band profile */
	
	.content_band {
		
	}
	
	.content_band .content_header .inner > span {
		display: block;
		color:#fff;
		font-size: 1.35em;
		text-transform: uppercase;
	}
	
	.content_band .content_header span span {
		text-transform: lowercase !important;
	}
	
	.content_band .facts {
		background: #9E2828;
		color: #fff;
		padding: 0 0.5em 1em 1em;	
		margin-bottom: 0.5em;
		font-family: 'Roboto Condensed', sans-serif !important;
	}
	
	.content_band .facts h3 {
		
	}
	
	.content_band .follow {
		color: inherit;
		display: block;
		text-align: right;
		padding-top: 0.5em;
	}
	
	.content_band .follow img {
		float: right;
		margin: 0 0 0 10px;
	}
	
	/* video */
	
	.content_band .content_video {		
		width: 100%;
		position: relative;
	}
	
	.content_band .content_video:before {
		content: "";
		display: block;
		padding-top: 70%;
	}
	
	.content_band .content_video iframe {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: absolute;
	}
   
   
    /* running order */
    
    .order_info {
        color: #fff;
        text-align: center;
        font-size: 1.2em;
        padding-top: 30px;
    }
    
    .order_info span {
        display: inline-block;
        padding-right: 6px;
        color: #3684b6;
        font-size: 2em;
        vertical-align: middle;
    }
    
    .lineup_day {
        background: #333 url(../img/background_black.jpg) repeat 0 0;
    }
    
    .lineup_stage {
        width: 50%;
        margin:0 auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 40px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
    }
    
    
    .lineup_stage > .l-stage {
        color: #3684b6;
        line-height: 150%;
        font-size: 1.75em;
        margin-bottom: 0.5em;
    }
    
    .lineup_stage > .l-stage span {
        font-size: 1.35em;
        display: block;
        font-weight: 700;
        
    }
    
    .lineup_stage .divider {      
        position: relative;        
    }
    
    .lineup_stage .divider img {
        position: relative;
        z-index: 20;
    }
    
    .lineup_stage .divider:before,
    .lineup_stage .divider:after {
        position: absolute;
        content: "";
        height: 3px;
        top: 50%;
        margin-top: -1px;
        display: block;
        width: 100%;
        left: 0;
        z-index: 0;
        background: #3684b6;
    }
    
    .lineup_stage .divider:after {
        background: #181818 !important;
        z-index: 10 !important;
        width: 90px;
        left: 50%;
        margin-left: -45px;
    }
    
    .lineup_stage .band_lineup {
        padding: 1em 3px;
        border-bottom: 3px solid #3684b6;
        position: relative;
        cursor: pointer;   
        font-size: 1.2em; 
        display: block;
        width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
        color: #fff;    
    }
    
    .lineup_stage .band_lineup:not(.lineup_tba):hover .title,
    .lineup_stage .band_lineup:not(.lineup_tba).active .title {
        color: #3684b6;
    }
    
    .lineup_stage .band_lineup.lineup_tba {
		cursor: default !important;
    }
        
    .lineup_stage .band_lineup span.time {
        position: absolute;
        left: 50px;
    }
    
    .lineup_stage .band_lineup .band-checkbox {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -14px;
        height: 22px;
    }
        
    .lineup_stage .band_lineup .band-checkbox input[type=checkbox] {
        width   : 22px;   
        height  : 22px;     
        margin  : 0;
        padding : 0;
        opacity : 0;   
        cursor: pointer;     
    }    
    
    .lineup_stage .band_lineup .band-checkbox input[type=checkbox] + label{
        display: inline-block;         
        width: 22px;        
        cursor: pointer;
        height: 22px;
        margin-left: -22px;
        background: url(../img/checkbox.png) no-repeat -22px 0;          
    }    
    
    .lineup_stage .band_lineup .band-checkbox input[type=checkbox]:checked + label{
        background-position : 0 0;
    }    
    
    /* button */
    
    .lineup_export {
		text-align: center;
		background: #333 url(../img/background_black.jpg) repeat 0 0;
		padding: 1em 0 2em !important;		
    }
    
    .lineup_export a {
		display: inline-block;
		min-width: 100px;
		margin: 0 10px;		
		display: none;
    }
    
    .lineup_export a:hover {
		border-color: #000;
		background: #000;
    }
    
    .button.disabled {
		opacity: 0.5;
		cursor: initial !important;
    }
    
    .button.disabled:hover {
		background: #cc3333 !important;	
		color: #fff !important;	
    }
   
   
/*****************************/
/*         5. news           */
/*****************************/

	.home_bottom {
		background: #fff url(../img/background_white.jpg) repeat 0px 0px;
		position: relative;
		z-index: 10;	
		padding-top: 1em;			
	}
	
	.home_bottom:before {		
		background: transparent url(../img/background_white_top.png) repeat-x center 0px;
	}	
	
	/* news */

	.news.latest > h2 {		
		padding: 0.5em 0 0.75em;
		font-size: 36px; 
		font-weight: 400;
		text-transform: uppercase;
	}
	
	.news .article,
	.lineup .article {
		display: inline-block;
		width: 32.5%;
		vertical-align: top;
		position: relative;		
		background: #000000;
		text-align: left;
		margin-bottom: 1em;
	}
	
	.news .article:before {
		content: "";
		display: block;
		padding-top: 100%;
	}
	
	.lineup .article:before {
		content: "";
		display: block;
		padding-top: 105%;
	}
	
	.news .article .image,
	.lineup .article .image {
		position: absolute; top: 0;
		left: 0; width: 100%;
		height: 60%;
		overflow: hidden;
	}
	
	.news .article .image img {
		width: 100%;
		height: 100%;
	}
	
	.news .article .description,
	.lineup .article .description {
		position: absolute; bottom: 0;
		right: 0; width: 100%;
		padding: 5%;
		height: 40%;        
		overflow: hidden;   
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;    
		line-height: 120%;
	}
	
	.lineup .article .description {
		height: 35%;
	}
	
	.news .article .description h2,
	.lineup .article .description h2 {
		color: #cccccc;
		font-weight: 400;
		margin: 0;
		padding: 0; 			
		line-height: 120%;	
	}
	
	.news .article .description h2 {
		font-size: 2.25vw;    
	}
	
	.news .article .description span,
	.lineup .article .description span {
		color: #ff3333;
		font-weight: 700;
		font-size: 1.25vw;    
		text-transform: uppercase;
		position: absolute;
		bottom: 10%; 
		left: 5%;
	}

	/* news grid */
	
	.news.grid {
		margin-bottom: 2em;
	}
	
	.news.grid,
	.lineup .grid {		
		margin-left: -0.75%;
		text-align: center;
	}
		
	.news.grid .article,
	.lineup .grid .article {
		width: 24.25%;		
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin: 0.75% 0 0 0.75%;		
	}
	
	.lineup .grid .article:last-of-type {
		margin-bottom: 0.75% !important;		
	}
	
	/* small grid */
	
	.lineup .grid.small {		
		margin: 3px -3px 3px -3px !important;		
	}
	
	.lineup .grid.small .article {		
		width: 10%;
		border: 3px solid #fff;		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		overflow: hidden;
		margin: 0 !important;			
	}
	
	.lineup .grid.small .article.large {		
		width: 20% !important;  
	}
	
	.lineup .grid.small .article.double {		
		width: 20%;
	}
	
	.lineup .grid.small .article.double,
	.lineup .grid.small .article.single {
		background: #cc3333 url(../img/background_red.jpg) no-repeat 50% 50%;	
	}	
	
	.lineup .grid.small .article:before {
		padding-top: 100% !important;
	}
	
	.lineup .grid.small .article.double:before {
		padding-top: 0% !important;
	}
	
	.lineup .grid.small .article.double:after {
		display: block;
		width: 6px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -3px;
		content: "";
		background: #fff;
	}	
	
	.lineup .grid.small .article .image img {
		max-width: none !important;
		width: 100%;
		height: 100%;
	}
	
	/* first news - extended */
	
	.news.grid:not(.latest) .article:first-of-type {
		width: 49.25%;		
	}	
	
	.news.grid:not(.latest) .article:first-of-type:before {
		padding-top: 20%;
	}
	
	.news.grid:not(.latest) .article:first-of-type .image,
	.lineup .grid.small .article .image {
		height: 100%;
	}
	
	.news.grid:not(.latest) .article:first-of-type .description,
	.lineup .grid.small .article .description {		
		background: #000;
		background: rgba(0,0,0,0.7);  
		font-size: 0.60vw;    
	}
	
	.lineup .grid.small .article .description {		
		padding: 5%;
		height: auto;  	
		font-size: 1vw;    
	}
	
	/* button */
	
	.news.grid a.load_news {
		text-align: center;
		margin: 2em auto 0;
		text-transform: uppercase;
	}
	
	/* news page */
	
	.content .short_content {
		font-size: 120%;
		padding: 1em 0;
		line-height: 130%;
	}
	
	.content_news > .inner {
		padding-bottom: 0 !important;
	}
	
	.content_news .content {
		padding-bottom: 4em !important;
	}
	
	/* related news */
	
	.page_right .spotlight {
		background: #afafaf;
		border-top: 3px solid #000;		
	}
	
	.spotlight h3 {
		font-size: 2em;
		color: #000;
		padding: 0.25em 0.5em;
	}
	
	.spotlight .article {
		background: #000;
		position: relative;
		display: block;
		margin-bottom: 7px;		
	}
	
	.spotlight .article:last-of-type {
		
	}
	
	.spotlight .article:before {
		content: "";
		display: block;
		padding-top: 100%;
	}
	
	.spotlight .article .image {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 0;
	}
		
	.spotlight .article .responsive_image:after {
		top: 30% !important;
	}
	
	.spotlight .article .description {
		background: #000;
		background: rgba(0,0,0,0.8);      
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		color: #fff;
	}
	
	.spotlight .article .description h4 {
		font-size: 2em;		
		padding: 0.25em 0.5em;
		font-weight: 400;
		line-height: 120%;
	}
	

/*****************************/
/*         6. content        */
/*****************************/

	#page {
		position: relative;			
	}	
	
	#page > .inner {		
		padding-bottom: 0em;
		padding-top: 0.5%;	
	}   
      
    .template_container .content a {
        color: #cc3333;
        text-decoration: underline;
    }
    
    .template_container .content {
		font-family: 'Roboto Condensed', sans-serif !important;
		line-height: 130%;
		font-size: 18px;
        padding-bottom: 3em !important;
        min-height: 200px;
    }
    
   .template_container h2.subtitle {
		font-size: 2.75em;	
		margin: 0.8em 0 0.5em !important;		
		font-family: 'Oswald', sans-serif !important;
		line-height: 120%;
	}
    
    .template_container h3 {
        margin: 10px 0 5px;
    }
    
    .template_container .content hr {
		height: 1px !important;
		border: none;
		background: #333;
    }
    
    /* lists */
    
    .template_container ul,
    .template_container ol {        
        padding-left: 1em;
        position: relative;    
        border-left: 2px solid #cc3333;          
    }  
    
    .template_container ul {
        margin: 0.5em 0 0 1em; 
    }    
    
    .template_container ol {
        color: #111;  
        margin-left: 1em;   
    }
    
    .template_container ol li,
    .template_container ul li { 
        position: relative;   
        margin-bottom: 5px;               
    }
    
    .template_container ol li > *,
    .template_container ul li > * {
        line-height: inherit !important;
    }
    
    .template_container ul li {     
        padding-left: 12px;        
        display: block;          
    }
    
    .template_container ol li {
        margin-left: 12px;
    }
        
    .template_container ol li:first-of-type:before,
    .template_container ul li:first-of-type:before {
        position: absolute;
        top: 0px;
        left: -50px;
        height: 4px;
        width: 100px;
        background: #fff;
        display: block;
        content: "";       
    }
    
    .template_container ul li:after {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -3px;
        width: 6px;
        height: 6px;
        display: block;
        content: ""; 
        background: #111;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
	
	/* grid */
	
	#page .columns .template_container {
		width: 100%;
		float: left;
		margin-right: -34%;			
	}
	
	#page .columns .page_left {
		margin-right: 34%;
	}
	
	#page .columns .page_right {
		float: right;
		width: 34%;
		padding-left: 0.75%;	
		box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	}	
	
	/* content page */
	
	#page .template_container .content {
		padding: 0 30px;
	}
	
	#page .full .template_container .content {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	/* header */
	
	.content_header {	
		width: 100%;
		background: #cc3333 url(../img/background_red.jpg) no-repeat center top;		
	}
	
	.content_header .inner {
		padding: 25px 20px 12px;
	}
	
	.content_header h1 {
		font-size: 3.35em;
		text-transform: uppercase;
		color: #fff;
		margin: 0;
		font-weight: 700;
		letter-spacing: 2px;
	}
	
	.content_header .subnavigation {
		margin: 0px 0 10px;
	}
	
	.content_header .subnavigation a {
		display: inline-block;
		text-transform: uppercase;
		font-size: 1.35em;
		color: #fff;
		border: 1px solid #fff;
		font-weight: 400;
		margin: 5px 16px 5px 0;
		padding: 0 10px;		
	}
	
	.content_header .subnavigation a.active:not(.disabled),
	.content_header .subnavigation a:not(.disabled):hover,
	.button:hover {
		border-color: #000;
		background: #000;
	}
	
	/* anchors */
		
	.anchor,
	div.rl_class_anchor_links a {
		color: #fff !important;
        text-decoration: none !important;
		background: #cc3333;		
		cursor: pointer;
		font-family: 'Oswald', sans-serif !important;        	
	}
	
	div.rl_class_anchor_links {
		font-weight: 400;
		font-size: 90%;
	}
	
	div.rl_class_anchor_links span {		
		display: inline-block;	
		vertical-align: middle;	
		 word-wrap: break-word;		
	}
	
	div.rl_class_anchor_links a {
		vertical-align: middle;		
		display: inline-block;
		 word-wrap: break-word;
		padding: 0.25em;
		margin: 0.10em 0;	
	}
	
	div.rl_class_anchor_links span a {
		font-size: 80%;
	}
	
	/* tabs */
	
	.tab {
		display: none;
	}
	
	/* gallery */
	
	.galleries {
		font-family: 'Oswald', sans-serif !important;
	}
    
    .galleries > div {
        float: left;
        width: 20%;
        text-align: center;
        margin-bottom: 1em;
    }
	
	a.gallery {
		display:block;
		width: 90%;	
		max-width: 200px;	
		text-decoration: none !important;
		margin: 0 auto;
	}
	
	a.gallery:hover .image,
	a.download:hover .image {
		border-color: #000;
	}
	
	a.gallery:hover span,
	a.download:hover span {
		background: #000;
	}
	
	a.gallery .image,
	a.download .image {
		border: 1px solid #cc3333;
	}
		
	a.gallery span,
	a.download span {
		display: block;
		background: #cc3333;		
		color: #fff;
		text-align: center;
		margin-top: -5px;
		padding: 10px 0;
	}
	
	/* download */
	
	.downloads {
		
	}
	
	.downloads > div {
        float: left;
        width: 33.33%;
        max-width: 330px;
        text-align: center;
        margin-bottom: 2em;
    }
    
    .downloads > div.gif {
		clear: both;
		width: auto;
		max-width: 100%;
    }
    
    .downloads > div > a {
		display:block;
		width: 95%;	
		max-width: 300px;	
		text-decoration: none !important;
		/*margin: 0 auto;	*/	
    }
    
    .downloads > div.gif > a {
		width: 100%;
		max-width: none;
    }
	
	.download .image {
		/*float: left;
		margin: 0 1em 1em 0;	*/	
	}
	
	.download span {
		font-size: 120%;
		padding: 10px 45px !important;
	}
	
	a.download span {
		margin-top: -7px;
	}
	
	/* downloads list */
	
	.downloads.list > a.download {
		display: block;
		width: 90%;
		margin: 0 auto;
		overflow: hiddden;
		max-width: none;
		float: none;
		border-bottom: 1px solid #333;
		padding: 12px 0;		
	}
	
	.downloads.list > a.download:hover {
		color: #333;
	}
	
	.downloads.list > a.download h4 {
		position: relative;
		top: 50%;
		display: block;
		font-size: 120%;
		transform: translateY(-50%);
	}
	
	.downloads.list > a .image {
		border: none;
	}
	

	.downloads.list > a.download div.file_type {
		width: 64px;
		float: left;
		margin-right: 1em;		
	}
	
	.downloads.list > a.download div.file_type img {
		margin-top: 10px;
	}
	
	.downloads.list > a.download div.file_name {
		overflow: hidden;		
		height: 100px;
	}
	
	.downloads.list > a.download div.file_data {
		overflow: hidden;		
	}
	
	.downloads.list > a.download > div.file_preview {
		float: right;
		width: 160px;
		margin-left: 1em;
		height: 100px;
	}
	
	.downloads.list > a.download > div.file_preview img {
		max-width: 100%;
	}
	
/*****************************/
/*        6.2. search        */
/*****************************/

	.content_search .content {
		padding: 1em 0 3em !important;
	}
	
	.content_search .keyword {
		display: inline-block;
		color: #fff !important;     
		background: #cc3333;
	}
	
	.content_search .search_title {
		display: block;
		margin: 2em 0 0.5em;
	}
	
	.content_search .summary {
		padding-left: 2em;
		font-size: 90%;
	}
	
	.content_search .summary hr {
		height: 1px;
		border: none;
		background: #111;
		margin: 10px 0;
		opacity: 0.5;
	}
	
	.content_search .summary hr:last-of-type {
		display: none;
	}

	
/*****************************/
/*        6.3. archive       */
/*****************************/
	
	.lineup_archive a {
		text-decoration: none !important;
		font-family: 'Oswald', sans-serif !important;
	}
	
	.lineup_archive .tabs {
		margin: 1em 0;
	}
	
	.lineup_archive .tabs a,
    .modal-buttons a.button,
    .button {
		display: block;		
		text-transform: uppercase;
		font-size: 1.35em;		
		font-weight: 400;		
		padding: 10px;
		text-align: center;
		background: #cc3333;	
		color: #fff;	
		margin-bottom: 3px;
	}
	
	.lineup_archive .tabs a.active {		
		background: #000;
	}	
    
    .tabs a.disabled {
        opacity: 0.5;
        cursor: auto;
    }
	
	.lineup_archive .tab a {
		vertical-align: middle;		
		display: inline-block;
		word-wrap: break-word;
		padding: 0.25em;
		margin: 0.10em 0;	
		background: #cc3333;	
		color: #fff;	
	}
	
	.lineup_0 {
		font-size: 15px;
	}
	.lineup_1 {
		font-size: 18px;
	}
	.lineup_2 {
		font-size: 20px;		
	}
	.lineup_3 {
		font-size: 30px;		
	}
	.lineup_4 {
	    font-size: 36px;	    
	}	
	.line_up_separator {
	    color: black;
	    vertical-align: middle;		
	}
		
/*****************************/
/*         7. footer         */
/*****************************/

	.footer {
		position: relative;
		z-index: -1;
		margin-top: -2px;			
	}
	
	
	
	/* search */
	
	.footer .search {
		background: #2c2c2c;
		padding-top: 1.65em;
		padding-bottom: 2.2em;		
	}
	
	.footer .search form {
		border: 1px solid #898989;
		padding: 2.5em 2em;
	}
	
	.footer .search form div.field {
		display: block;		
		overflow: hidden;		
	}
	
	.footer .search form input[type=text],
	.footer .search form input[type=submit] {
		background: none;
		border: 0;
		color: #898989;
		font-size: 2em;		
	}
	
	.footer .search form input[type=text] {
		display: block;
		width: 100%;	
		font-weight: 100;	
	}
	
	.footer .search form input[type=submit] {
		cursor: pointer;	
		float: right;
		margin-left: 2em;
		text-transform: uppercase;		
		border-bottom: 2px solid #898989;	
		padding: 0;
	}
	
	.footer .search form ::-webkit-input-placeholder { /* WebKit browsers */
	    color:    #999999;
	    text-transform: uppercase;
	}
	.footer .search form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #999999;
		opacity:  1;
		text-transform: uppercase;
	}
	.footer .search form ::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #999999;
		opacity:  1;
		text-transform: uppercase;
	}
	.footer .search form :-ms-input-placeholder { /* Internet Explorer 10+ */
		color:    #999999;
		text-transform: uppercase;
	}
	
	/* footer bottom */
	
	.footer_bottom {
		background: #000 url(../img/background_footer.jpg) repeat 0px 0px;		
		padding-top: 2em;
		padding-bottom: 2em;
		color: #fff;
		text-align: center;
	}
	
	/* links */
	
	.footer .navigation {
		max-width: 800px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	
	.footer .websites a,
	.footer .navigation a {
		color: inherit;
		text-transform: uppercase;
		position: relative;
		display: inline-block;
		margin: 0 8px;
	}
	
	.footer .websites a:after,
	.footer .navigation a:after {
		display: block;
		height: 60%;
		width: 1px;
		position: absolute;
		top: 20%; 
		right: -11px;
		content: "";
		background: #666666;		
	}
	
	.footer .websites a:last-of-type:after,
	.footer .navigation a:last-of-type:after {
		display: none;
	}
	
	.footer .navigation a {
		font-size: 15px;
	}
	
	/* sponsors */
	
	.footer_bottom .sponsors {
		border: 1px solid #d6d6d8;
		position: relative;
		min-height: 200px;		
		z-index: 0;		
        max-width: 1100px;
        margin: 70px auto 0;	
	}
	
	.footer_bottom .sponsors:before {
		z-index: 10;
		position: absolute; top: -31px;
		left: 50%;
		content: "";
		display: block;
		width: 86px;
		height: 60px;
		margin-left: -43px;		
		background: transparent url(../img/skull_lined.png) no-repeat 0px 0px;
	}
	
	.sponsors .left,
	.sponsors .right {
		float: none;
		position: absolute;
		width: 36%;
		left: 0; top: 0;
		height: 100%;		
		font-size: 0;
	}
	
	.sponsors .right  {
		right: 0; left: auto;
	}
	
	.sponsors .left a,
	.sponsors .right a {
		position: relative;
		top: 35%;
		transform: translateY(-50%);
	}	
	
	.sponsors .right a:first-of-type img {
		/*margin-right: 20px;*/
		display: inline-block;
	}
	
	.sponsors .center {
		text-align: center;
		padding-top: 40px;
		font-size: 80%;
	}
	
	.sponsors .center span {
		display: block;
		margin-bottom: 20px;
	}

	/* powered */
	
	.footer_bottom .powered img {
		margin: 10px;
	}
	
	.footer_bottom .powered span {
		font-size: 14px;
		display: block;
	}
	
	.footer_bottom .powered p {
		padding-bottom: 18px;
		font-size: 13px;
		color: #cccccc;
		font-weight: 100;
	}
	
	
/*****************************/
/*          8. form          */
/*****************************/  

	.content .ajax_form {
		margin-top: 2em;
	}	

	.ajax_form input[type=text],
    .ajax_form textarea,
    .ajax_form select {        
        display: block;
        width: 100%;
        padding: 10px 20px;
        font-size: inherit;
        margin-bottom: 10px;   
        box-sizing:border-box;
  		-moz-box-sizing:border-box;
  		-webkit-box-sizing:border-box;  
  		font-size: inherit;  
  		border: 1px solid #ddd;
    }
    
    .ajax_form label {
		display: block;
		font-weight: 700;
		padding-bottom: 5px;
		font-size: 140%;
    }
    
    .ajax_form label span {
		display: inline-block;
		color: #C33;
		padding-left: 5px;
    }
    
    .ajax_form.dark input[type=text],
    .ajax_form.dark textarea {
    	background: #fff;
        border: none;
        color: #666666;
	}
	
	.ajax_form.light {
		background: #afafaf;
		border-top: 3px solid #000;		
		padding: 2em 1em 1em;
	}
	
    .ajax_form.light input[type=text],
    .ajax_form.light textarea {
		border: 1px solid #e5e5e5;		
    }
    
    .ajax_form.light input[type=text]:not(.error):focus,
    .ajax_form.light textarea:not(.error):focus {
		box-shadow: 0 0 5px rgba(55, 55, 55, 0.5);
		border: 1px solid rgba(55, 55, 55, 1);
	}    
    
    .ajax_form textarea {
        max-width: 100%;
        min-width: 100%;
        max-height: 83px;
        min-height: 83px;        
        resize: none;
    }
    
    .ajax_form input[type=submit] {
        border: none;   
       cursor: pointer;     
    }
    
   /* form .controls {
        position: relative;
        height: 65px;
        margin-top: 15px;           
    }*/
    
    form .controls {
		/*min-height: 100px;*/
    }
    
    
    form .status {     
        font-size: 140%;
        display: block;
        margin-top: 15px;
    }        
    
    .loader {
        position: absolute; 
        top: 0;
        right: 0;      
        display: none;
    }
        
    form span.error {
        color: #C33;
    }
    
    form span.success {
        color: green;
    }
    
    form .field.error {
        border: 1px solid #C33 !important;
    }
    
    ::-webkit-input-placeholder { /* WebKit browsers */
	    color:    #666666;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #666666;
	   opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #666666;
	   opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
	   color:    #666666;
	}
		

/*****************************/
/*          9. misc          */
/*****************************/  

	.button {
		display: inline-block;
		padding: 15px 25px;
	}	
	
	form.disabled .button {
		opacity: 0.5;
		cursor: auto !important;
	}	
	
	.button.black {
		background: #000 url(../img/background_black_grain.jpg) repeat 0px 0px;		
		color: #fff;
	}
	
	.button > * {
		color: inherit;
		font-size: inherit;
		text-transform: inherit;
		font-weight: inherit;
		background: none;
		border: none;
	}

	.left {
		float: left;
	}
	
	.right {
		float: right;
	}
	
	.overflow:after {
		content: "";
		display: block; 
		height: 1px; 
		clear: both;               
	}   
    
    .el_justify {
        max-width: 100%;
        margin: 0 auto;
        /*overflow: auto; */        
        text-align: justify;           
    }
    
    .el_justify:after {
        content: "";
        width: 100%;
        height: 0;
        display: inline-block;   
        padding: 0;    
    }
   
    
    .el_rounded {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    }
    
    /* mask */
    
    .map .description:after,
    .home_bottom:before {
		position: absolute;
		top: -15px; 
		left: 0; 
		width: 100%;
		content: "";
		height: 15px;		
	}
    
    
/*****************************/
/*          10. modal        */
/*****************************/

	.overlay_main {
		background: #fff !important;
	}

    .m_overlay {
        background: rgba(0,0,0,0.4);
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 500;
        margin: 0;
        padding: 0;
        display: none;
        top: 0;
        left: 0;               
    }     

    .modal-box {           
        max-width: 600px;        
        min-width: 300px;      
        min-height: 150px;
        max-height: 70%;   
        height: auto;      
        margin: 0 auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);           
        background: #fff;    
        border: 6px solid rgba(204,51,51,0.5);      
        -webkit-background-clip: padding-box; /* for Safari */
        background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */  
        padding: 20px 20px 0px 20px;       
    }
    
    .modal-content {  
    	
    }
    
    .modal-buttons {
		position: relative;		
		height: 40px;
		margin-top: 90px;
		margin-bottom: 36px; 
    }
    
    .modal-buttons a.button {		
		min-width: 100px;
		margin-left: 20px;
		float: right;
    }
    
    .modal-buttons a.button_small:nth-child(2) {
		margin-right: 0;
		float: right;
    }
    
    /* lang selection */
    
    .modal-box.modal_red {
        background: #cc3333 url(../img/background_red.jpg) no-repeat center top;    
        border-color: rgba(255,255,255,0.9);
        color:#fff;
        text-align: center;
    }
    
    .modal-box.modal_red .mobile_language span {
        display: block;
        font-size: 1.5em;
        margin-bottom: 1em;        
    }
    
    .modal-box.modal_red .mobile_language img {
        margin: 0 5px;
    }
    
    .modal-box.modal_red .modal-buttons a.button {
        background: transparent !important;
        border: 2px solid #fff;
    }
    
    .modal-box.modal_red .modal-buttons a.button:hover {
        border-color: #000;
        background: #000 !important;
    }
    
    
/*****************************/
/*          11. share        */
/*****************************/

	.share_box {
		background: #cc3333 url(../img/background_share.jpg) no-repeat 0px 0px;		
		color: #fff;
		position: relative;
		height: 150px;
		padding: 50px 35px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	.share_box:after {
		width: 77px;
		height: 73px;
		background: transparent url(../img/skull_gray_77.png) no-repeat 0px 0px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -37px;
		margin-top: -36px;
		content: "";
	}
    
    .share_box span {
		font-size: 2.2em;
    }
    
    .share_box .right {		
		width: 45%;
    }       
    
    .share_box .right > div {
		width: 100px;		
		display: inline-block;	
		margin: 15px 0 0 15px;	
    	float: right;
    } 
    
    .share_box .right > div:last-of-type {
		margin-left: 0;
    }
    
    .share_box .right  a {
    	max-width: 100px;
    	display: block;    	
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		color: inherit;
		border: 1px solid #fff;
		font-size: 18px;
		padding: 3px 10px 3px 25px;		
		text-align: right;
		/*position: relative;
		top: 55%;
		transform: translateY(-50%);*/
		background: transparent url(../img/icon_facebook.png) no-repeat 8px 50%;
    }
        
    .share_box .right a.share_tw {
		background-image: url(../img/icon_twitter.png);
    }
    .share_box .right a.share_tm {
		background-image: url(../img/icon_tumblr.png);
    }
    .share_box .right a.share_g {
		background-image: url(../img/icon_google.png);
    }
    
/*****************************/
/*          12. misc         */
/*****************************/
    
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    min-width: 100% !important;
    width: 100% !important;
}

span.comments {
    margin: 2em 0 0.5em;
    font-size: 2em;
    display: block;
    font-family: 'Oswald', sans-serif !important;
}

/*****************************/
/*          13. media        */
/*****************************/
 
    
@media(min-width: 1920px) { 

	/* latest news */
	
	/*.news.latest .article {		
		width: 24% !important;		
	}*/
}   

@media(max-width: 1919px) {
	
	/* latest news */
	
	/*.news.latest .article:nth-child(4n) {
		display: none;
	}*/
}
    
    
@media(min-width: 1280px) {  
	
	/* features */
	
	.video {
		display: inline-block;		
	}
	
	#home .features {       
		position: absolute;
		right: 0; top: 0;		
		width: 36%;
		/* max-width: 786px; */
	}
	
	#home .features .feature {
		width: 50% !important;       
	}	    
		
	/* subscribe */
	
	.subscribe {
		clear: both;
        margin-top: -7px;         
	}
	
	/* links */	
	
	.links_map {
		background: #efefef;
	}
	
	/* L001 :: v1 :: two links */
	/*
	.links {
		float: right;
		max-width: 590px;
		width: 30%;
	}*/
	/* END L001 */
	
	.links a {
		width: 100% !Important;
	}
	
	.map {
		overflow: hidden;		
	}	
} 

@media(max-width: 1279px) {
	
	/* header */	

	#home .features {		
		position: absolute;
		right: 0; top: 0px;
		width: 281px;
	}     
	
	#home .features .feature {
		width: 100% !important;			
	}	 
	
	/* links & map */
	
	.links_map {
		overflow: initial;
		margin-top: 0px;
	}
	
	/* L001 :: v1 :: two links */
	/*
	.links a {
		width: 50% !Important;
	}*/
	/* END L001 */
	
	.map {	
		margin-top: -7px;
	}
}

@media (max-width:1279px) and (min-width:1181px) {

    /* subscribe */
    
    .subscribe .overflow {  
        padding: 0 2.5em;
    }
    
    .subscribe .social {
        position: absolute;
        bottom: -30px; 
    }
}

@media(min-width: 1181px) {
	
    /* video & features */
    
	.video_features {
		position: relative;				
	}     
}

@media(max-width: 1180px) {
	
	.video {
		display: block;
		width: 100%;	
        font-size: 0;	
	}
	
	/* features */
	
	#home .features {
		position: relative;
		width: 100%;
        font-size: 0;
	}
	
	#home .features .feature {
		width: 25% !important;
	}
    
     /* subscribe */
    
    .subscribe .overflow {
        padding: 0 2.5em;
    }
    
    .subscribe .left h4 {
    	font-size: 1.75em;
	}
    
    /* content */
    
    #page .full .template_container .content {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
} 


@media(max-width: 1240px) {

	/* header */
	
	.header .menu_large .inner {
		margin-left: 18px !important;		
	}		
	
	.header .menu_large .menu_close {
		margin-left: 4em;
	}
} 

@media(max-width: 1100px) {
	
	/* share */
	
	.share_box .right {
		margin-top: -10px;
	}
	
	.share_box .right > div {
		width: 48%;
		margin: 0;
		margin-bottom: 10px;
		text-align: center;		
    } 
    
    .share_box .right a {
		max-width: 80%;
		margin: 0 auto;
    }
    
    /* menu */
    
    .header .menu_large .menu_close {
		margin-left: 3em;
	}
}

@media(max-width: 1024px) {
	
	/* header */		
	
	.section.social {
		display: none !important;
	}
	
	.header .menu_large .menu_close {
		display: none;
	}
	
	.header .menu_large .inner {
		padding-right: 1em;
	}	
    
    .menu_small .elements {
        display: block;
        margin-top: 3px;
    }
    
    /* footer */
    
	.sponsors .left,
    .sponsors .right {
		position: relative;
		float: left;
		width: 50%;
		padding: 20px 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;			
    }
    
    .sponsors .left {
		text-align: right;
    }
    
    .sponsors .right {
		text-align: left;
    }
       
    
    /* share */
    
    .share_box:after {
		display: none;
    }
    
}


@media(max-width: 980px) {
	
	
    
    /* news */
    
    .news.grid .article {
        width: 49.25%;        
    }    
    
    .news.grid .article:before {
        padding-top: 60%;
    }
    
    .news.grid .article .image {
        height: 100%;
    }
    
    .news.grid .article .description {        
        background: #000;
        background: rgba(0,0,0,0.8); 
    }
    
    .news.grid .article .description h2 {
        font-size: 2.75vw;
    }
    
    .news .article .description span {
        font-size: 2vw;
        bottom: 10%;
    }
    
    .news.grid:not(.latest) .article .image img {
        height: auto !important;
    }
    
    
    /* first news */
    
    .news.grid:not(.latest) .article:first-of-type {
        width: 99.25%;        
    }        
    .news.grid:not(.latest) .article:first-of-type:before {
        padding-top: 20%;
    }
    .news.grid:not(.latest) .article:first-of-type .description {
        padding-left: 2.5% !important;
    }
    .news.grid:not(.latest) .article:first-of-type .description span {
       left: 2.5% !important;
       bottom: 15% !important;
    }
    
    /* gallery */
    
    .galleries > div {		
		width: 25%;			
	}
    
}



@media(max-width: 880px) {
	
	/* header */
	
	
	.menu_small .elements .section.language {		
        min-width: 0px;
	}
	
	.menu_small .elements .section.language span {
		display: none;
	}
	
	
	.menu_small .elements .section.language > div img {
		float: none;
		margin: 0px 0 0 0px;
	}
	
}

@media(max-width: 840px) { 
	body {
		font-size: 90%;
	}
}


@media(max-width: 780px) {  
	
	
	
	/* header */
	
	.header .menu_small .logo {		
		width: auto;
	}
	
	.header .elements .section.social {
		display: none;
	}
	
	/* bottom */
	
	.header .menu_large .bottom .language {		
		margin-right: 20px;		
	}
	
	.header .menu_large .bottom .language img {		
		margin: 0px 0 -5px 8px;
	}
	
	.header .menu_large .bottom .social {	
		padding-left: 20px;		
	}
	
	.header .menu_large .bottom .social span {
		margin-right: 8px;
	}
	
	
	/* home */
	
	/* L001 :: v2 :: one link on the right side */
	
	.image_links .map_image {
		width: 100%;
		float: none;		
	}
	
	.image_links .links {
		display: none;
	}
	
	/* END L001 */
	
	/* features */
	
	#home .features .feature {
		width: 50% !important;
	}
    
    /* subscribe */
    
    .subscribe .overflow {
        padding: 0 1.5em;
    }
    
    .subscribe .left {
        width: 100%;  
        float: none;      
        position: relative;
        margin-right: 3em;
        padding-bottom: 0;
    }
    
    .subscribe .right {
        float: none;
        width: 100%; 
        margin-top: -10px;      
    }
    
    /* news */
    
    /*.news.latest .article {
        width: 100% !important;
        
    }
    
    .news.latest .article .image {
        position: relative;
        width: 40%;   
        overflow: hidden;
        margin-right: 1em;
        font-size: 0px; 
        float: left;       
    }    
    
    .news.latest .article .description {
        position: relative;
        width: auto;       
        overflow: hidden;         
    }    
   
    .news.latest .article:before {
        display: none;
    }*/
    
    .template_container h2.subtitle {
		font-size: 2em;			
	}
    
    /* page */
    
    .template_container .content {
		 padding-bottom: 2em !important;
    }
    
    #page .inner.overflow {
		padding-bottom: 0 !important;
		padding-top: 0 !important;
    }
    
    #page .columns .template_container {
		width: 100%;
		float: none;
		margin-right: 0;			
	}
	
	#page .columns .page_left {
		margin-right: 0;
	}
	
	#page .columns .page_right {
		float: none;
		width: 100%;
		padding-left: 0%;			
	}
	
	/* page features */
	
	#page .spotlight {
		
	}
	
	#page .features {
		margin-top: -1px;
	}
	
	#page .features .feature {
		float: left;
		width: 50%;	
		margin-bottom: 0px;	
	}
	
	.spotlight .article {		
		margin-bottom: 0px;		
		float: left;
		width: 50%;
	}
	
	.spotlight .article .description h4 {
		font-size: 3.5vw;		
		padding: 0.5em 0.5em;
		
	}
	
	
	/* band profile */
	
	.content_band .facts {
		margin-bottom: 0;
		font-size: 120%;
	}	
}

@media(max-width: 860px) { 
	
	/* share */
	
	.share_box {
		padding-top: 25px;
	}
	
	.share_box span {
		display: block;
		text-align: center;		
		margin-bottom: 10px;
	}
	
	.share_box .right {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.share_box .right > div {
		width: 24%;
		float: none;
	}
}

@media(max-width: 680px) { 
	 /* footer */
    
    /* S001 - sponsors */
    
	/*.sponsors .left,
    .sponsors .right {		
		float: none;
		width: 100%;
		padding: 20px 10px;	
		text-align: center;	
    }*/
    
    /* END S001 */
    
    /* S002 - sponsors 1+1 */
    .sponsors .left,        
    .sponsors .right {
        text-align: center;
    }
    .lineup_export a {
        display: block;
        margin-bottom: 20px;
    }
    .sponsors .left img,        
    .sponsors .right img {
        max-width: 120px;
    }
    /* END S002 */
    
    /* gallery */
    
    .galleries > div {        
        width: 33.33%;            
    }
    
}

@media(min-width: 681px) { 
	
	/* header */
	
	.mobile {
		display: none !important;
	}
}

@media(max-width: 680px) { 
	
	.desktop {
		display: none !important;
	}
	
	.mobile {
		display: block !important;
	}
	
	/* header */
	
	.header,
	.header .menu {
		/*position: static !important;*/
	}
	
	.header .menu {
		background: #000;		
	}
	
	/* collapsed menu */
	
	.header .menu_small {
		height: auto;		
		padding: 5em 2.5em 3em;		
		margin-bottom: -18px;		
		background: #000;
	}
	
	.header .menu_small .logo {
		width: auto;		
	}
	
	.header .menu_small .inner {
		padding: 0;
	}	
	
	/*
	.header .menu_small:after {
		background-image: url(../img/background_header_bottom_03.png);		
		bottom: -11px;		
		height: 11px;
	}
	*/		
	
	/* full header */
	
	.header .menu_large {
		display: none;
		position: fixed !important;
		top: 0;
		left:0;
		width: 100%;
		min-height: 100% !important;
		background: #CC1739 url(../img/background_red_mobile.jpg) no-repeat center 0px;
		z-index: 100;	
					
	}
	
	.header .menu_large .inner {
		margin: 0;
		height: 100%;		
        overflow-y: scroll !important;
		padding-top: 5em !important;	
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;	
	}
	
	.header .menu_large:after {
		display: none;
	}
	
	/*.header .menu_large .mobile_header,*/
	.header .menu_large .mobile_language,
	.header .menu_large .navigation,
	.header .menu_large .mobile_subscribe {
		padding: 0 2.5em;		
	}
	
	.header .menu_large .mobile_header {
		padding: 0 0 0 2.5em;		
	}
	
	/* mobile header */
	
	.mobile_header {
		margin-bottom: 3em;
	}
	
	.mobile_header a.logo {
		
	}
	
	.mobile_header div.close {
		float: right;		
		cursor: pointer;	
		background: transparent url(../img/skull_white_96.png) no-repeat 0% 50%;
		padding-left: 104px;
		margin-top: -6px;		
	}
	
	.menu_small div.menu_button.mobile  {
		float: right;		
		cursor: pointer;	
		background: transparent url(../img/skull_red_96.png) no-repeat 0% 50%;
		padding-left: 104px;
		margin-top: -6px;
	}
	
	
	
	/* mobile lang */
	
	.mobile_language {
		
	}
	
	.mobile_language span {
		display: block;
		font-size: 1.5em;
		margin-bottom: 1.5em;
	}
	
	.mobile_language > div a {
		display: inline-block;
		width: 20%;
		float: left;	
	}
	
	.mobile_language > div a img {
		max-width: 90%;
	}
	
	/* mobile subscribe */
	
	.mobile_subscribe {
		position: relative;		
		margin: 1em 0 0;			
		padding-bottom: 2em;
		padding-top: 1em !important;
	}
	
	.mobile_subscribe form {
		width: 100%;		
		display: block;
		position: relative;
	}
	
	.mobile_subscribe form:after {
		display: block;
		width: 65px;
		height: 60px;
		position: absolute;
		top: -40px;
		left: 50%;
		margin-left: -32px; 		
		content: "";
		background: transparent url(../img/skull_gray.png) no-repeat 0px 0px;
	}
	
	.mobile_subscribe form input[type=text] {
		background: #cc1739;
		padding: 0.35em 0.5em;
		position: relative;
		border: 2px solid #000;
		color: #e8e8e8 !important;
		font-size: 2.75em;
		font-weight: 100;
		display: block;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;	
		margin: 2em 0 0.5em;
	}
	
	.mobile_subscribe form input[type=submit] {
		display: block;
		border: none;
		background: none;
		text-align: center; 
		width: 100%;
		color: #000;
		font-weight: 700;
		font-size: 2.75em;
		text-decoration: underline;
		text-transform: uppercase;
		margin-bottom: 1em;
		cursor: pointer;
	}
	
	.mobile_subscribe form ::-webkit-input-placeholder { /* WebKit browsers */
	    color:    #e8e8e8;	    
	}
	.mobile_subscribe form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #e8e8e8;
		opacity:  1;		
	}
	.mobile_subscribe form ::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #e8e8e8;
		opacity:  1;		
	}
	.mobile_subscribe form :-ms-input-placeholder { /* Internet Explorer 10+ */
		color:    #e8e8e8;		
	}	
	
	/* mobile social */
	
	.mobile_social,
	.mobile_subscribe {	
		position: relative;	
	}
	
	.mobile_social:after,
	.mobile_subscribe:after {
		position: absolute; top: -2px;
		left: 0; width: 105%;
		height: 2px;
		background: #fff;
		content: "";
		
	}
	
	.mobile_social > div  {
		display: inline-block;
		width: 25%;
		float: left;
		position: relative;	
		text-align: center;	
		border-right: 2px solid #fff;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	.mobile_social > div:last-of-type {
		border: none;
	}
	
	.mobile_social > div:before {
		content: "";
		display: block;
		padding-top: 100%;		
	}
	
	.mobile_social a  {		
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
		text-align: center;		
	}
	
	.mobile_social a img {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		max-width: 80%;
	}
	
	/* navigation */
	
	.header .menu_large .navigation.main a {
		float: none;
		display: block;
		font-size: 2.85em;		
		margin: 0;
		border-top: 2px solid #000;
		line-height: 100%;	
		padding: 0.45em 0;	
	}
	
	.header .menu_large .navigation.main a:first-of-type {
		margin-top: 0.45em;
	}
	
	.header .menu_large .navigation.main a:last-of-type {
		border-bottom: 2px solid #000;
	}
	
	.header .menu_large .navigation.main a:after {
		display: none;		
	}
	
	.header .menu_large .navigation.sub {
		margin-top: 12px;
	}
	
	.header .menu_large .navigation.sub a {
		float: left;
		font-size: 2em;/*16px*/	
		margin: 12px 32px 12px 0 !important;
		line-height: 100%;
		margin-top: 10px;
	}
	
	.header .menu_large .navigation.sub a:after {		
		height: 100%;
		width: 3px;		
		top: 0%; 
		right: -18px;		
		background: #fff;		
	}
	
	.header .menu_large .navigation.sub a:last-of-type:after {
		display: block;
	}
	
	.header .menu_large .bottom {
		display: none;
	}
	
	/* home */
	
	.home_bottom {
		background: #fff;
		padding: 0;
	}
	
	.home_bottom:before {		
		display: none;
	}
	
	/* news */
	
	.news .article {
        width: 100% !important;
        margin: 0 !important;    
                  
    }
    
    .news .article .image {
        position: absolute;
        width: 100%;           
        margin-right: 0;        
        float: none;     
        height: 100%;  
    }    
    
    .news .article .description {
        position: absolute;
        width: 100%;        
        left: 0;
        bottom: 0;
        height: auto !important;        
    }   
    
    .news .article .description h2 {     
    	font-size: 5vw !important;  
	}  
    
    .news .article .description span {
		display: none;
    }
   
    .news .article:before {
        padding-top: 50%;
    }
    
    .news .article .image img {
        height: 100% !important;
    }
    
    /* content header */
    
    .content_header {
		background-image: none;
		font-size: 80%;
    }
    
    .content_header .inner {
		padding-bottom: 0 !important
    }
    
    .content_header h1 {
		font-size: 4.25em;		
		color: #000;
		float: left;	
		line-height: 100%;	
		margin: 0.5em 0.5em 0.5em 0;
	}
	
	.content_band h1 {
		float: none !important;
	}
	
	.content_band .content_header .inner > span {
		font-size: 2em;
		padding-bottom: 0.4em;
		margin-top: -10px;
	}
	
	.content_header .subnavigation {
		float: left;
		display: inline-block;
	}
	
	.content_header .subnavigation.tabs.single {
		margin: 1.1em 0 0.5em 0em;		
	}
	
	.content_header .subnavigation a {
		font-size: 2.4em;
	}
    
    #page .full .template_container .content {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    /* overlay */
    
    .modal-box {           
        max-width: 100%;        
        min-width: 100%;      
        min-height: 100%;
        max-height: 100%;  
        width: 100%;
        height: 100%;        
        top: 0%;
        left: 0;
        transform: none; 
         box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;    
        border-width: 12px;
        font-size: 20px;   
    }	
    
    .modal-box.modal_red {
        background-image: none;
    }
    
    /* gallery */
    
    a.gallery {		
		/*width: 33%;	*/		
	}
	
	/* lineup */
	
	.content_band .facts {
		margin-top: -7px;
	}
}

@media(max-width: 620px) {
	
	/* header */
	
	.mobile_header .logo {
		width: 20em;
		display: inline-block;
	}
	
	.header .menu_small .logo img,
	.mobile_header .logo img {
		max-width: 100% !important;
	}
	
	/* share */
	
	.share_box {
		height: auto;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.share_box span {
		font-size: 1.5em;
	}
	
	
}

@media(max-width: 580px) { 

	/* header */
	
	.header .menu_small .logo {
		width: 14em;		
		display: inline-block;	
	}
	
	.mobile_header .logo {
		width: 19em;
		display: inline-block;
	}
	
	
	
	.header .menu_small,
	.header .header .menu_large .inner {		
		padding: 3em 2.0em 2.5em;			
	}
		
	.mobile_header div.close,
	.menu_small div.menu_button.mobile  {
		margin-top: -16px;
	}
	
	/* expanded menu */
	
	.header .menu_large .mobile_header,
	.header .menu_large .mobile_language,
	.header .menu_large .navigation,
	.header .menu_large .mobile_subscribe {
		padding: 0 2.0em;		
	}
	
	.header .menu_large {
		font-size: 80%;
	}
	
	/* content header */
	
	.content_header {
		font-size: 80%;
	}
	
	/*
	.header .menu_small .logo img.desktop {
		float: left;
		clear: both;
	}
	
	.header .menu_small .logo img.desktop:first-of-type {
		margin-bottom: -7px;
	}
	
	.header .elements .section.social {
		display: none;
	}*/
	
	/* share */
	
	.share_box {
		background-image: none;
	}
	
	 .share_box .right > div { 
		 width: 49%;		 
	 }
	
} 

@media(max-width: 480px) { 
	
	/* header */
	
	.header .menu_small .logo {
		width: 12em;		
	}
	
	.mobile_header div.close,
	.menu_small div.menu_button.mobile  {
		margin-top: -20px;
	}
	
	.header .menu_small,
	.header .header .menu_large .inner {		
		padding: 2em 2.0em 1.5em;			
	}
	
	.header .menu_large {
		font-size: 70%;
	}
	
	/* content header */
	
	.content_header {		
		font-size: 70%;
    }
    
    /* content */
    
    #page .template_container .content {
		padding: 0 15px;
	}
	
	/* gallery */
    
    .galleries > div {		
		width: 50%;			
	}
	
	/* home */
	
	.home_bottom .map .description {
		font-size: 60% !important;		
	}
	
	.home_bottom .map .description p {
		font-size: 20px;
	}
}

@media(max-width: 460px) { 
	
	/* header */
	
	.menu_small div.menu_button.mobile,
	.mobile_header div.close {
		background: none;
		padding-left: 0;
	}
}

@media(max-width: 390px) { 

	/* header */
	
	.header .menu_large {
		font-size: 60%;
	} 
	
	.mobile_header {
		padding-right: 0 !important;
	}
	
	.header .menu_small {
		padding-right: 1em !important;
		padding-left: 1em !important;
	}
	
	.mobile_header .logo {
		width: 20em;
		display: inline-block;
	}
	
	#page .features .feature, 
    .spotlight .article {			
		width: 100%;
	}
	
	.spotlight .article .description h4 {
		font-size: 5vw;		
	}
	
	/* share */

	.share_box .right > div { 
		width: 100%;		 
	}
	
	/* footer */
    
    /* S001 - sponsors */
	/*
	.sponsors .left img,
    .sponsors .right img {
		max-width: 40%;
    }*/
    
}

@media(max-width: 340px) { 
	
	/* footer */
	
	.footer .padded {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
}

/* lineup grid */
@media(max-width: 1280px) { 
	.lineup .grid.small {		
		margin: 3px -6px 3px -3px !important;				
	}
}

@media(max-width: 980px) {     
	.lineup .grid.small {		
		margin: 2px -2px 2px -2px !important;				
	}
	
	.lineup .grid.small .article {		
		width: 12.5%;
		border-width: 2px;
	}
	
	.lineup .grid.small .article.large,
	.lineup .grid.small .article.double {		
		width: 25% !important;  
	}	
}

@media(max-width: 800px) {     
	.lineup .grid.small {		
		margin: 2px -5px 2px -2px !important;				
	}	
	
	.lineup .grid.small .article .description {
		font-size: 1.5vw;
	}	
	
	.lineup_stage {
		width: 100%;
	}
}

@media(max-width: 768px) { 
	.lineup .grid.small {		
		margin: 2px -4px 2px -2px !important;				
	}
	
	.lineup .grid.small .article {		
		width: 20%;
		border-width: 2px;
	}
	
	.lineup .grid.small .article.large,
	.lineup .grid.small .article.double {		
		width: 40% !important;  
	}
}

@media(max-width: 640px) { 
	
	.lineup .grid.small .article .description {
		font-size: 1.8vw;
	}	
}

@media(max-width: 480px) { 
	.lineup .grid.small {		
		margin: 2px -2px 2px -2px !important;				
	}
	
	.lineup .grid.small .article {		
		width: 25%;
		border-width: 2px;
	}
	
	.lineup .grid.small .article.large,
	.lineup .grid.small .article.double {		
		width: 50% !important;  
	}
	
	.lineup .grid.small .article .description {
		font-size: 2.5vw;
	}	
	
	.band_lineup > span.title {
		padding-left: 80px;
	}
    .lineup_export .button {display:block; margin-bottom:10px}
}