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

   * {
       margin: 0;
   }
   iframe {max-width:100%; width:100%!important;}
    html, body {    
        height: 100%;    
        margin: 0;          
    }  
    
    body {
        background: #E2E2E2;
        color:#282828;       
        /* font: normal 16px 'Brandon Grotesque Regular', Arial; */
		font: normal 16px Arial;
		overflow-x:hidden;
    }
   
    ul, li {
        margin: 0;
        padding: 0;
    }    
    
    ol li {		
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dashed #C4C4C4;
    }
 
    input, select, textarea, button {
        font-family: inherit;
        outline: none;
    } 
    
    a,
    .highlight {
        text-decoration: none;
        color: #FE482D;        
    }  
    
    h1,
    h2,
    h3,
    h4 {
    	font-weight: 400;   
    	
    } 
    

    .news_thumb {
        max-width:200px!important;
        float:left; 
        margin-right:10px;
    }
/*****************************/
/*          1. main          */
/*****************************/ 
    .artist_press {
        max-width:400px;
    }
    .slider_image {
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        top:0;
        background-position:center;
        background-repeat:no-repeat;
        background-size:cover;
    }
    .below_slider_thumb {
        background-size:cover;
        background-position:center;
    }
    .partner_image img {max-width:150px; max-height:100px}
    .product_img {
        width:300px;
        height:200px;
        position: relative;
        background-size: cover;
        float: left;
        background-repeat:no-repeat;
        background-position:center;
        margin-right:20px;
    }
    .event_img {
        width: 130px;
        height: 130px;
        position: relative;
        background-size: cover;
        float: left;
        background-repeat:no-repeat;
        background-position:center;
        margin-right:20px;
    }
	.event_genre{
		display: inline-block;
		background-color: #1b1b1b;
		font-size: 15px;
		font-weight: 700;
		color: white;
		padding: 2px 10px;
	}
    .event_single_image {
        width:24%;
        height:200px;
        position: relative;
        background-size: contain;
        float: left;
        background-repeat:no-repeat;
        background-position:center;
        margin-right:20px;
    }
    .artist_leftcol {
        width:18%;
        float:left;
        margin-right:2%; 
    }
    .artist_leftcol img {max-width:100%}
    .artist_rightcol {
        float:left;
        width:70%;
    }
    .clear {clear:both}
    @media(max-width:800px){
      .artist_rightcol {width:100%;}  
      .artist_leftcol {width:100%;}  
    }
	.main {
		background: #fff;
		min-height: 400px;
	} 
		    
    .inner {
        max-width: 1300px;
        padding: 0 36px;        
        margin: 0 auto;       
    }
    
    .mobile {
		display: none;
    }
    
    .image {
		position: relative;
		display: block;
	}
	
	div.image.ratio {		
		position: relative;
	}
	
	div.image.ratio:before {
		content: "";
		display: block;
	}
	
	div.image.ratio img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	#content_static img {
		max-width: 100%;
	}
	
	.subtitle.giveaway {font-size:16px; font-weight:700; text-transform:uppercase}
    .giveaway_box img {
        width: 150px;
        float: left;
        margin-right: 16px;
        font-size: 0;
        padding: 0 !important;
    }
	a.image {
		padding-bottom: 32px;
	}
	
	a.image:after {
		position: absolute;
		content: "+";
		width: 100%;
		height: 24px;
		left: 0;
		bottom: 11px;				
		font-weight: 700;	
		font-family: "Arial";
		line-height: 26px;
	}
	
	a.image:hover:after {
		color: #282828;
	}
	
	a.image span {
		display: block;
		position: absolute;
		bottom: 13px;
		left: 8px;
		padding-left: 10px;
		font-size: 14px;		
		height: 20px;
		color: #282828;
	}
	
	mark {
		
		color: inherit !important;
			
	}
	
	/* breadcrumbs */
	
	ul.breadcrumbs {
		margin-top: 2em;
		font-size: 13px;
		color: #FE482D;
		text-transform: uppercase;
	}
	
	ul.breadcrumbs li {
		list-style-type: none;
		display: inline-block;
		color: #282828;
	}
	
 
    
/*****************************/
/*         2. header         */
/*****************************/  


	/* top */
	
	.top {
		background: #282828;
		color: #fff;
		font-size: 12px;
		padding-top: 12px;
		padding-bottom: 12px;
		text-transform: uppercase;
		font-weight: 700;
		text-align: center;
	}
	
	.top a {
		color: inherit;
		text-decoration: none;
		margin: 0 2em;
	}
	
	.top a:hover {
		color: #FE482D;
	}
    
    /* header */
	
	.header {		
		padding: 2em 0;
		position: relative;
		z-index: 10;
	}
	
	.header .logo {
		display: block;
		width: 50%;
	}
	
	.header .logo img {
		width: 100%;
		max-width: 400px;
	}
	
	/* search */
	
	.header .search {
		position: absolute;
		top: 2em; 
		right: 0;
	}
	
	.header .search input[type=text] {
		padding: 3px 10px 2px;
		text-transform: none;
		font-size: 16px;
		/* font-family: "Brandon Grotesque Regular"; */
		line-height: 32px;
		height: 32px;
		width: 300px;		
	}
	
	.header .search input[type=submit] {
		width: 26px;
		position: absolute;
		right: 5px; top: 0;
		height: 100%;
		z-index: 10;
		border: none;
		background: transparent url(../img/icons/search.png) no-repeat 50% 50%;
		cursor: pointer;
	}
	
	/* navigation */
	
	ul.navigation {
		padding: 0; margin: 0;
		display: block;
		text-align: right;		
	}
	
	ul.navigation li {
		padding: 0;
		margin: 0;		
		text-transform: uppercase;
		list-style-type: none;
	}
	
	ul.navigation > li {
		display: inline-block;
		font-size: 18px;		
		position: relative;
	}
	
	ul.navigation > li a,
	ul.navigation > li span {
		color: inherit;
		padding: 12px 16px 16px 12px;
		margin-right: 2em;		
	}
	
	ul.navigation a:hover,
	ul.navigation span:hover,
	ul.navigation .active {		
		color: #FE482D;	
	}	
	
	ul.navigation > li:last-of-type .subnavigation {
		right: -36px;
	}
	
	/* submenu */
	
	ul.subnavigation {		
		position: absolute;		
		top: 100%;
		min-width: 100%;
		background: #282828;
		background: rgba(40,40,40,0.85);
		padding: 16px;
		border-top: 5px solid #FE482D;
		color: #fff;		
		text-align: left;
		display: none;
	}
   
	ul.subnavigation > li {
		font-weight: 400;
		white-space: nowrap;
	}
	
	ul.subnavigation > li a {
		white-space: nowrap;
	}
   
   
/*****************************/
/*       3. calendar         */
/*****************************/  

	div.calendar {
		border: 1px solid #AAA;		
		font-size: 14px;
		padding: 12px 4px 8px 6px;
		font-weight: 700;
		font-family: "Verdana";
		box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	}
	
	div.calendar .calendar_header {
		text-align: center;
		color: #FE482D;
		text-transform: uppercase;
		font-size: 16px;
		line-height: 14px;
	}
	
	div.calendar .calendar_header .prev,
	div.calendar .calendar_header .next {
		background: #242224 url(../img/arrow_left.png) no-repeat 50% 50%;
		color: #fff;
		width: 14px;
		height: 14px;		
		margin: 0 5px;
	}
	
	div.calendar .calendar_header .prev {
		background-image: url(../img/arrow_right.png);
	}
	
	div.calendar .calendar_header .prev:hover,
	div.calendar .calendar_header .next:hover {
		background-color: #cc0a0c;
	}
	
	div.calendar .calendar_header .prev.disabled,
	div.calendar .calendar_header .next.disabled {
		opacity: 0.5;
		cursor: default;
	}
	
	/* grid */
	
	table.calendar {
		font-size: 14px;
		border-collapse: collapse;		
	}
	
	table.calendar .calendar-day-head {		
		padding: 10px 0 14px;
	}
	
	table.calendar td {
		text-align: center;				
	}
	
	table.calendar td.calendar-day {
		width: 36px;
		height: 31px;		
	}

	table.calendar td.calendar-day > a {
		width: 34px;
		height: 30px;
		margin: 1px;
		line-height: 31px;
		color: inherit;
		display: block;
	}	
	
	table.calendar td.blank {
		font-weight: 400;
		color: #bbb;
	}
	
	table.calendar td.blank.today {
		background: rgba(254,72,45,0.35);	
	}
	
	table.calendar td.active {
		border: 1px solid #FE482D;
		color: #FE482D;		
	}
	
	table.calendar td.today {
		background: #FE482D;	
		color: #fff;	
	}
	
	table.calendar td.active > a {
		border: 1px solid #D3D3D3;		
		color: inherit;			
	}
	
    
    /*
    .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;
    }
    
    .slideshow .controls {
    	display: inline-block;
		position: absolute;
		top: 50%;
		background: transparent url(../img/controls.png) no-repeat 0px 0px;
		width: 32px;
		height: 32px;
		margin-top: -16px;		
		z-index: 10;
		cursor: pointer;
    }
    
    .slideshow .controls:hover {
		opacity: 0.5;
    }
    
    .slideshow .controls.next {
		right: 20px;
		background-position: -43px 0;
    }    
    
    .slideshow .controls.prev {
		left: 20px;
    }
    
/*****************************/
/*        3.2. news          */
/*****************************/  

	.news.list {
		
	}
	
	.news.article {
		border-bottom: 2px dashed #C4C4C4;
		padding-bottom: 1em;
		margin-bottom: 1em; 
	}
	
	.news.article:last-of-type {
		border: none;
	}
	
	.news.article h3 {
		font-weight: 700;
	}
	
	.news.article > span.date {
		font-size: 14px;		
		margin: 0px 0px 5px;
		color: #ACACAC;
		text-align: right;
		display: block;
	}
	
	.news.article img {
		max-width: 100%;
	}
	
	.news.article .image {
		float: left;
		width: 100px;
		height: 100px;		
		overflow: hidden;
		margin: 5px 1em 0 0;
	}
	
	.news.article .overflow a {
		display: block;
	}
	
	.news.article .embed {
		clear: both;
	}
	
	
/*****************************/
/*        3.3. banners       */
/*****************************/

	.features {
		
	}
	
	.features .feature {
		border-top: 1px solid #C4C4C4;
		margin-top: 16px;
		padding-top: 16px;
		display: block;
		
	}
	
	.features .feature h3 {
		text-transform: uppercase;
		color: #FE482D;
		font-size: 18px;
		margin-bottom: 14px;
	}
	
	.features .feature h4 {
		font-weight: 700;
		font-size: 18px;
		margin-bottom: 2em;
		text-transform: uppercase;
	}
	
	.features a.feature {
		font-size: 0;
	}
	
	.features .feature img {
		max-width: 100%;
	}
	
/*****************************/
/*        4. events          */
/*****************************/ 

	#events,
	#content,
	#catalog,
	#list,
	#cart {
		border-top: 1px solid #C4C4C4;
	} 
	

	
	
	.section_header select {
		position: absolute;
		top: 0; right: 0;
	}

	#events .list .event,
	#list .box {
		border-bottom: 2px dashed #C4C4C4;
		padding: 1em;
		background: #fff;	
		font-size: 16px;
	}
	
	#events .list .event:last-of-type,
	#list .box:last-of-type {
		border: none;
	}
	
	#events .list .event:nth-child(2n-1),
	#list .box:nth-child(2n-1) {
		background: #E2E2E2;
	}
	
	/* image */
	
	#list .box.with_image h3 {
		margin: 1em 0;
	}
	
	#list .box .image,
	.list .box .image {
		width: 130px;
		float: left;
		margin-right: 16px;		
		font-size: 0;
		padding: 0 !important;				
	}
	
	.list .box .image {
		margin: 12px 16px 24px 0;
	}
	
	.list .box.with_image > .description {
		overflow: hidden;
	}
	/* series */
	#series{
		display: flex;
		flex-wrap: wrap;
		margin-bottom:2em;
	}
	#series a{
		cursor:pointer;
		margin-right:5px;
		margin-bottom:5px;
		padding:5px;
		border:1px solid rgb(158, 158, 158);
		color:black;
	}
	a.checked{
		background-color: rgb(158 158 158 / 35%)
	}
	#series input{
		display: none;
	}

	/* content */
	
	#list .box ul {
		margin-left: 1em;
	}
	
	#events .list .event p,
	#list .box p {
		padding-bottom: 1em;
	} 
	
	.box span.date {
		text-transform: uppercase;
		display: block;
		margin: 7px 0;
	}
	
	.box > h2,
	.box h3 {
		color: #FE482D;
		font-size: inherit;
	}
	
	.box > h2 {
		text-transform: uppercase;
		font-weight: 700;
	}
	
	.event .artists {
		margin-bottom: 1em;
	}
	
	.event .artists.description p {
		margin-bottom: 0.75em;	
	}
	.event .artists.description p:last-of-type {
		margin-bottom: 0 !important;
	}
	
	.event .artists span.artistype {
		
	}
	.event .artists span.artistname {
		font-size: 18px;
	}
	
	.event .more {
		text-transform: uppercase;
		display: inline-block;
		font-size: 17px;
	}
	
	.event .prices {
		margin-top: 1em;
		position: relative;
	}
	
	.event .prices span {
		display: inline-block;
		margin: 0 1em 0 0;
		border-left: 1px solid #282828;
		padding-left: 1em;
		line-height: 14px;
	}
	
	.event .prices img {
		max-height: 72px;
		float: right;
		margin-top: -36px;
	}
	
	.event .prices a {
		float: right;
	}
	
	.event .prices span:first-of-type {
		border: none;
		padding-left: 0;
	}
	
	#calendar_navigation_bottom {
		text-align: center;
		margin-top: 10px;
	}
	
	#calendar_navigation_bottom > a {
		cursor: pointer;
	}
	
	#calendar_navigation_bottom > a > img {
		vertical-align: middle;
		width: 40px;
		height: auto;
		margin: 0 5px;
		display: inline-block;
	}
	
	#curr_month {
		padding: 0 10px;
	}
	
	/* event page */
	
	.content.event {
		
	}	
	
	.content.event div.image {		
		float: left;
		margin-right: 2em;	
		margin-top: 6px;	
	}	
	
	.content.event .image.responsive_image {
		width: 24%;
	}
	
	.content.event .image:before {		
		padding-top: 45%;
	}
	
	.content.event h1 {
		
	}
	
	.content.event .prices img {
		margin-top: 0 !important;
	}
	.content.event .prices p.contigent-soldout {
		font-size: 1.3em;
		text-align: right;
		color: black;
	}
	
	.content.event .section_header {
		font-size: 2.25em;
		overflow: hidden;
		text-transform: uppercase;
	}
	
	.content.event.weight_on_title .section_header {
		font-size: 3.5em;
	}
	
	.content.event .section_header h1,
	.content.event .section_header h4 {
		font-weight: 400;
		font-size: inherit;
	}
	
	.content.event .section_header h4 {
		color: #FE482D;
	}
	
	.content.event .event_description {
		padding: 7px 0 14px;
		clear: both;
	}
	
	.content.event .artists.title span.artistname {
		font-size: 2.25em;
		font-weight: 700;
	}
	.content.event .artists.title span.artistcommentary,
	.content.event .artists.title span.artisttype {
		font-size: 1.5em;
	}
	
	.content.event span.date {
		color: #FE482D;
		font-size: 18px;
	}
	
	.content.event span.date > span {
		color: #282828;
	}
	
	
	
	.content.event .prices {
		border: 1px solid #C4C4C4;
		border-width: 1px 0;
		padding: 16px 0;
		margin-top: 24px;
		font-size: 14px;
	}
	
	.content.event .prices strong {
		display: block;
	}
	
	.content.event .prices span {
		display: inline-block;		
		text-transform: uppercase;
		margin-top: 7px;
	}
	
	.content.event .prices span:nth-child(2),
	.content.event .prices span:nth-child(5) {
		padding: 0; 
		border: 0;		
	}
	
	/* artist description */
	
	.content.event .press.right {
		margin-left: 2em;		
	}	
	
	.content.event .press.left {
		margin-right: 2em;
		margin-top: 5px;
	}
	
	.content.event .image.press_0,
	.content.event .image.press_1 {
		clear: both;		
	}	
	
	.content.event .artists.description h3 {
		border-bottom: 1px dashed #C4C4C4;
		display: block;
		padding-bottom: 5px;
		font-weight: 700;
		text-transform: uppercase;
		margin: 2em 0 1em;
	}
	
	.content.event .artists.description a.url {
		display: inline-block;
		margin-top: 7px;
	}
	
	.content.event .artists.description .video {
		margin-top: 7px;
	}
	
	.content.event a.competition {
		float: right;
		margin-top: -30px;		
	}
	
	/* partners */
	
	.content.event .partners {
		padding: 1em 0;
		border-top: 1px solid #333;
		overflow: auto;
	}
	
	.content.event .partners .image {
		padding: 0 !important;
		float: left;
		margin-right: 2em;
	}
	
	.content.event .partners .image:after {
		display: none;
	}
	
	
/*****************************/
/*       4.2. catalog        */
/*****************************/ 

	#catalog {
		
	}
    
    #catalog .list .product {		
		padding-bottom: 2em;
		margin-bottom: 2em;
		border-bottom: 1px solid #C4C4C4;
    }
    
    #catalog .list .product:last-of-type {
		border-bottom: none;
    }
    
    .product h1,
    .product .description h2 {
		font-size: 3.5em;		
		text-transform: uppercase;
		margin-bottom: 16px;
		display: block;
    }
    
    .product .image {		
		width: 25%;
		max-width: 180px;
		float: left;				
		margin: 10px 2em 10px 0;
    }
    
    
	.product .description .right {
		font-size: 14px;
	}
    
    .cart_section > div > span {
		display: block !important;
		text-transform: uppercase;	
		padding: 2px 0;	
    }    
    
    .cart_section h4 {
		font-size: 16px;
		color: #fe482d;
    }
    
    .cart_section .divider {
		clear: both;
		padding-top: 15px;
		margin-bottom: 10px;
		border-bottom: 1px solid #ccc;		
    }
  
    .cart_section span.price,
    .cart_section span.ticket_not_avaliable {
		 color: #FE482D;
    }
     
	/* add to cart */

	.cart_section .cart {
		margin: 16px 0px 0 0;
	}
	
	.cart_section .cart input {
		width: 60px;
		text-align: center;	
		float: left;	
		height: 29px;
		line-height: 29px;
		margin-right: 6px;		
	}
	
	.cart_section .cart .button {
		overflow: hidden;
	}
    
    /* image */
    
    #catalog .list .product .image:before {
		content: "";
		display: block;
		padding-top: 100%;
    }
    
    #catalog .list .product .image img {
		position: absolute;
		top: 0; left: 0;
		max-width: 100%; max-height: 100%;		
    }
    
    /* description */
    
    #catalog .list .product .description {		
		overflow: hidden;			
    }
    
    
    #catalog .list .product .description p {
		margin-bottom: 16px;
    }
    
    /* details */
    
    #catalog .list .product .description .details .right,
    #catalog .list .product .description .details .left {		
		width: 50%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 0 30px 0 0;
    }
    
    #catalog .list .product .description .details .right {    	
    	border-left: 1px solid #ddd;
    	padding: 0 0 0 30px;
	}
		
	/* single */
	
	.product.single .description {
		padding: 1em 0;
		text-align: right;
	}
	
/*****************************************/
/*       4.2. 1. product audio player    */
/*****************************************/
	
	#product_audio {
		background:#666;
		margin-bottom: 50px;
		padding-bottom: 20px;
	}

	#playlist, #audio {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#audio {
		margin: 20px 0;
		padding: 0 20px;
	}
	
	#playlist {
		padding: 0 20px;
		height: 400px;
		overflow-y: scroll;
	}
	
	#playlist > li {
		display: block;
		color: #fff;
	}

	#playlist > li.active a {
		color: #FE482D;
		text-decoration:none;
	}
	
	#playlist > li a {
		color:#eeeedd;
		background:#333;
		padding:5px;
		display:block;
	}
	
	#playlist > li a:hover {
		text-decoration:none;
	}
	
	.cd_group:not(:first-of-type) {
		margin-top: 20px;
	}
	
	audio::-internal-media-controls-download-button {
    display:none;
}

	audio::-webkit-media-controls-enclosure {
	    overflow:hidden;
	}
	
	audio::-webkit-media-controls-panel {
	    width: calc(100% + 30px); /* Adjust as needed */
	}
	
/*****************************/
/*       4.3. competitons    */
/*****************************/ 

	
	form#competition h3:first-of-type {
		margin-bottom: 1em;
		display: block;
	}
	
	form#competition hr {
		visibility: hidden;
	}
	
	/* === start: competition participants === */
	#competition_participants
	{
		width: 100%;
	}
	#competition_participants td
	{
		font-size: 14px;
		height: 24px;
		line-height: 24px;
		vertical-align: middle;
		padding: 7px;
	}
	#competition_participants th
	{
		font-size: 16px;
		height: 24px;
		line-height: 24px;
		padding: 7px;
		border-bottom: 1px solid #000000;
		vertical-align: middle;
		font-weight: bold;
	}
	/* === end: competition participants === */

	
    
/*****************************/
/*          5. home          */
/*****************************/

	.slide_info {
		position: absolute;
		bottom: 0;left: 0;
		z-index: 5;
		width: 100%;
		background: rgba(40,40,40,0.85);		
		padding: 0.5em 1em;
		color: #fff;
		text-transform: uppercase;
		box-sizing: border-box;
		overflow: hidden;		
		font-weight: 700;
    }
    
    .slide_info .time {
		font-weight: 400;
    }
    
    .slide_info span.date,
    .slide_info span.time {
		color: #FE482D;
    }
    
    /* slideshow */
    
    .slideshow {
		 position: relative;    		 
		 z-index: 0;    
		 background: #efefef;  
		 margin-bottom: 2em;
	}
	
	.slideshow:before {
		content: "";
		display: block;
		padding-top: 45%;
	}
	/*
	.slideshow .slides {
        position: relative;
        height: 835px;       
        margin: 0px auto;           
        z-index: 0;  
        overflow: hidden;       
    }  */  
    
    
    .slideshow .slides {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
    }
    
    
    .slide {
    	display: block;
		position: absolute;
		height: 100%;
		width: 100%;	
		z-index: 0;	
		top:0;
		left: 0;			
    }
    
    .slide .image {
		position: absolute;
		height: 100%;
		width: 100%;	
		z-index: 0;	
		top:0;
		left: 0;	
		z-index: 0;			
    }
    
    .slide .image img {
		width: 100%;
		height: 100%;
    }
    
    .slide .slide_info {
		font-size: 24px;
    }

	/* upcoming events */
	
	#home .upcoming {
		font-size: 0;
		margin-bottom: 10px;
		
	}
	
	#home .upcoming .el_justify > a {
		display: inline-block;
		width: 16%;		
		vertical-align: top;
		position: relative;
		overflow: hidden;
	}
	
	#home .upcoming .el_justify > a:before {
		content: "";
		display: block;
		padding-top: 85%;
	}
	
	#home .upcoming .el_justify > a .image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}	
	
	#home .upcoming .el_justify > a .slide_info {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;		
	}
	
	.upcoming .slide_info {
		font-size: 14px;
		text-align: left;
    }
    
    .upcoming .slide_info span.title {
		display: block;
		height: 21px;
		overflow: hidden;
    }
	.upcoming .slide_info span.title.upcoming_ellipsis {
		white-space: nowrap; 
		overflow: hidden; 
		text-overflow: ellipsis;
    }

	/* spotlight */

   #home .spotlight {
		padding: 10px 0;
		border: 1px solid #C4C4C4;
		border-width: 1px 0;		
		font-size: 0;
   }
   
   #home .spotlight a {
		display: inline-block;
		position: relative;
		width: 16%;		
		background: #282828;
		color: #FE482D;
		text-align: left;
		text-transform: uppercase;		
		font-size: 36px;
		font-family: "GarageGothic Regular",Arial;
   }
   
   #home .spotlight a:before {
		content: "";
		display: block;
		padding-top: 70%;		
   }
   
   #home .spotlight a span {
		position: absolute;
		width: 85%;
		height: 85%;
		top: 7.5%;
		left: 7.5%;
		border-bottom: 4px solid #fff;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
   }
   
   #home .spotlight a:hover span {
	   border-color: #FE482D;
	   color: #fff;
   }
   
/*****************************/
/*         6. content        */
/*****************************/

	/* columns */
	
	.content.columns,
	.content.single {
		padding-bottom: 2em;
		padding-top: 2em;
	}

	.content.columns .content_left {
		width: 100%;
		float: left;		
		margin-right: -323px;			
	}
	
	.content.columns .content_left .template_container {
		margin-right: 323px;
	}
	
	.content.columns .content_right {
		float: right;		
		width: 323px;		
		padding-left: 36px;
		box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;	    
	}
	
	
	/* title */
	
	.section_header {
		position: relative;
	}
	
	.title_small {
		margin-top: 2em;
		font-size: 1.125em !important;
		/* font-family: "Brandon Grotesque Bold" !important; */
	}
	
	h1.section_title,
	h2.section_title {
		text-transform: uppercase;
		font-size: 1.125em;	
		margin-bottom: 2em;
	}
	
	h3.title {
		font-size: 1.125em;		
		color: #FE482D;
		margin: 7px 0px 17px;
		text-transform: uppercase;
	}
	
	.template_container h3:not(.title) {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 16px;
		word-break: break-all;
	}

	#content h1.section_title {
		font-size: 3.5em;
		font-family: "GarageGothic Bold",Arial;
		margin-bottom: 16px;
	}
	
	#content h1.section_title span {
		color: #FE482D;
	}
	
	#content .template_container h2 {
		color: #FE482D;
		font-size: 18px;
		text-transform: uppercase;
		/* font-family: "Brandon Grotesque Bold",Arial; */
	}
	
	.template_container hr {
		border: none;
		height: 1px;
		background: #C4C4C4;
		margin-top: 1em;
	}
	
	/* map */
	
	.content .map,
	.content .embed {		
		position: relative;		
	}
	
	.content .embed {
		border: 1px solid #ccc;
	}
	
	.content .map:before,
	.content .embed:before {
		display: block;
		padding-top: 40%;
		content: "";
	}
	
	#home .embed:before {
		padding-top: 60% !important;
	}
	
	.content .map iframe,
	.content .embed iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: none;
	}
	
	
/*****************************/
/*         7. footer         */
/*****************************/

	.footer {
		position: relative;		
		overflow: hidden;	
		background: #282828;
		color: #fff;
		font-size: 13px;
		padding-top: 1em;
		padding-bottom: 1em;
	}	
	
	.footer > strong {
		color: #FE482D;
		margin-right: 1em;
		text-transform: uppercase;
	}
	
	/* menu */
	
	#footermenus {
		margin-top: 34px;
	}
	
	#footermenus .menulist:not(.menu0) {
		width: 15%;
		max-width: 140px;
	}

	#footermenus .menulist {
		display: inline-block;
		vertical-align: top;
		border-right: 1px dotted #e2e2e2;
		padding-right: 24px;
		margin-left: 24px;
		font-size: 11px;
		line-height: 150%;
		height: 120px;
	}
	#footermenus .menulist .menuitem {
		display: block;
		vertical-align: top;
		border-right: 0px dotted #e2e2e2;
	}
	#footermenus .menulist .menuitem {
		vertical-align: top;
		text-transform: uppercase;		
		font-weight: bold;
	}

	#footermenus .menulist .menuitem a {
		vertical-align: top;
		color: #ffffff;
		text-decoration: none;		
		font-weight: normal;
	}

	#footermenus .menulist.menu0 {
		margin-left: 0;
	}

	#footermenus .menulist.menu5 {
		border: 0;
		padding-right: 0;
	}

	#footermenus .menulist .menuitem a:hover,
	#footermenus .menulist .menuitem a:focus {
		color: #fe482d;
		text-decoration: underline:
	}
	
	
/*****************************/
/*          8. form          */
/*****************************/  	

	select.light,
	input.light {			
		
		box-sizing: border-box;
		/* font-family: "Brandon Grotesque Bold",Arial; */
		text-transform: uppercase;
		border-radius: 6px;
		border: 2px solid #EBEBEB;		
	}
	
	select.light {
		height: 34px;
		line-height: 35px;		
		padding-left: 4px;
		padding-top: 1px;
		margin-left: 8px;
		color: #FE482D;
		font-size: 18px;
	}
	
	
	/* form */
	
	.form_light {
		
	}
	
	.form_light input[type=text],
	.form_light input[type=password],
	.form_light select {
		display: block;
		width: 100%;
		border: 1px solid #C4C4C4;		
		padding: 0 4px;
		margin-bottom: 5px;
		height: 26px;
		line-height: 26px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		font-family: Tahoma,Verdana,Segoe,sans-serif;
	}
	
	.form_light input[type=submit] {
		margin-top: 5px;
	}
	
	.form_light input[type=radio] {
		margin-right: 5px;
	}
	
	.form_light div.field {
		
	}
	
	.form_light div.field label {
		display: inline-block;
		float: left;
		width: 200px;	
		font-weight: 700;	
	}
	
	.form_light div.field > div {
		overflow: hidden;
		width: 400px;
	}
	
	.form_light div.field > div.radio {
		margin-bottom: 5px;
	}
	
	
	/* controls */
	  
    form .controls {        
        display: block;      
        position: relative;
        min-height: 34px;
    }        
    
    .loader {
        position: absolute; 
        top: 3px;
        left: 0;      
        display: none;
        z-index: 10;
    }
        
    form span.error {
        
    }    
    
    form .status {
		display: block;		
		margin-top: 10px;
    }
    
    div.status.error,
    form .status.error {
		border: 1px solid #FE482D;
		padding: 1em 1.5em;		
    }
    div.status.error > span,
    form .status.error > span {
		color: #FE482D;
		text-transform: uppercase;
		font-weight: 700;
    }
    
    form span.success {
        color: green;
    }   
     
    form input.error {
        border-color: red !important;
    }
	
	
	/* login */
	
	form#login {
		margin-bottom: 1em;
	}
	
	form#register div.checkbox {
		margin: 5px 0;
	}

    
    ::-webkit-input-placeholder { 
	    color:    #666666;
	}
	:-moz-placeholder { 
	   color:    #666666;
	   opacity:  1;
	}
	::-moz-placeholder { 
	   color:    #666666;
	   opacity:  1;
	}
	:-ms-input-placeholder { 
	   color:    #666666;
	}
	
	
	
	

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

	.circle {
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;		
	}
	
	.button {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: #fff;
		background: #FE482D;
		text-align: center;
		padding: 0 20px;
		cursor: pointer;	
		height: 28px;
		line-height: 30px;
		display: inline-block;
		text-transform: uppercase;
		font-size: 14px;
		border: none;
	}
	
	input[type=submit].button {
		line-height: 28px !important;
	}

	/*.button {
		display: inline-block;
		background: #c5edff;
		color: #323232;		
		font-size: 18px;
		padding: 8px 65px 8px 25px;
		position: relative;
		font-weight: 300;
	}
	
	.button:after {
		display: block;
		width: 40px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		background: #15abdd url(../img/arrow_white.png) no-repeat 50% 50%;
		content: "";
		cursor: pointer;
	}
	
	.button.active:after {
		background-image: url(../img/ajax_loader_green.gif);
	}
	
	.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;
    }
    
    .bold {
		/* font-family: 'Brandon Grotesque Bold'; */
    }
    
    .gg_bold {
		font-family: 'GarageGothic Bold';
    }
    
    
    /* @font-face {
	    font-family: 'Brandon Grotesque Regular';
		src: url('../../fonts/Brandon_reg.eot');
	    src: local('Brandon Grotesque Regular'),
	         local('Brandon Grotesque'),
	         url('../fonts/Brandon_reg.otf') format('otf'), url('../fonts/Brandon_reg.woff') format('woff'), url('../fonts/Brandon_reg.ttf') format('truetype'), url('../fonts/Brandon_reg.svg') format('svg');
	}
	@font-face {
	    font-family: 'Brandon Grotesque Bold';
		src: url('../fonts/Brandon_bld.eot');
	    src: local('Brandon Grotesque Bold'),
	         local('Brandon Grotesque'),
	         url('../fonts/Brandon_bld.otf') format('otf'), url('../fonts/Brandon_bld.woff') format('woff'), url('../fonts/Brandon_bld.ttf') format('truetype'), url('../fonts/Brandon_bld.svg') format('svg');
	} */
	@font-face {
	    font-family: 'GarageGothic Regular';
		src: url('../fonts/GarageGothicRegular.eot');
	    src: local('GarageGothic-Regular'),
	         local('GarageGothic'),
	         url('../fonts/GarageGothicRegular.otf') format('otf'), url('../fonts/GarageGothicRegular.woff') format('woff'), url('../fonts/GarageGothicRegular.ttf') format('truetype'), url('../fonts/GarageGothicRegular.svg') format('svg');
	}
	@font-face {
	    font-family: 'GarageGothic Bold';
		src: url('../fonts/GarageGothic-Bold.eot');
	    src: local('GarageGothic-Bold'),
	         local('GarageGothicBold'),
	         url('../fonts/GarageGothic-Bold.otf') format('otf'), url('../fonts/GarageGothic-Bold.woff') format('woff'), url('../fonts/GarageGothic-Bold.ttf') format('truetype'), url('../fonts/GarageGothic-Bold.svg') format('svg');
	}
    
    
/*****************************/
/*          10. modal        */
/*****************************/

    .overlay_main {
		background: #fff !important;
	}

    .m_overlay {
        background: rgba(255,255,255,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: 490px;        
        min-width: 300px;      
        min-height: 160px;
        max-height: 80%;   
        height: auto;      
        margin: 0 auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%); 
        -ms-transform: translateY(-50%); 
        -webkit-transform: translateY(-50%);          
        background: #fff;    
        border: 6px solid #FE482D;
        -webkit-background-clip: padding-box; /* for Safari */
        background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */  
        padding: 20px 20px 0px 20px;       
    }
    
    .modal-content {  
    	
    }
    
    .preloader .modal-content > div {
		text-align: center;
		color: #fe482d;		
		font-size: 1.35em;
		/*background: transparent url(../img/ajax-loader.gif) no-repeat 50% 100%;*/
    }
    
    .preloader .modal-content p {
		display: block;
		margin-bottom: 20px;
    }
    
   .preloader .modal-buttons {
	   display: none;
   }
    
    .modal-buttons {
		position: relative;		
		height: 40px;
		margin-top: 150px;		
    }
    
    .modal-buttons a.button {		
		min-width: 100px;
		margin-left: 20px;		
		float: right;
		/* font-family: 'Brandon Grotesque Bold'; */
    }
    
    .modal-buttons a.button_small:nth-child(2) {
		margin-right: 0;
		float: right;
    }
    
    .cube_loader {
		width: 40px;
		height: 40px;
		z-index: 200;
		margin: 0 auto;
		display: none;
    }
    
    .photo_loader {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -20px;
		margin-top: -20px;
		z-index: 200;
		width: 40px;
		height: 40px;
		display: none;
	}

	.sk-folding-cube {  
		-webkit-transform: rotateZ(45deg);
		transform: rotateZ(45deg);
	}

	.sk-folding-cube .sk-cube {
		float: left;
		width: 50%;
		height: 50%;
		position: relative;
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1); 
	}
	.sk-folding-cube .sk-cube:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fe482d;
		-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
		animation: sk-foldCubeAngle 2.4s infinite linear both;
		-webkit-transform-origin: 100% 100%;
		-ms-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
	}
	.sk-folding-cube .sk-cube2 {
		-webkit-transform: scale(1.1) rotateZ(90deg);
		transform: scale(1.1) rotateZ(90deg);
	}
	.sk-folding-cube .sk-cube3 {
		-webkit-transform: scale(1.1) rotateZ(180deg);
		transform: scale(1.1) rotateZ(180deg);
	}
	.sk-folding-cube .sk-cube4 {
		-webkit-transform: scale(1.1) rotateZ(270deg);
		transform: scale(1.1) rotateZ(270deg);
	}
	.sk-folding-cube .sk-cube2:before {
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;
	}
	.sk-folding-cube .sk-cube3:before {
		-webkit-animation-delay: 0.6s;
		animation-delay: 0.6s; 
	}
	.sk-folding-cube .sk-cube4:before {
		-webkit-animation-delay: 0.9s;
		animation-delay: 0.9s;
	}
	@-webkit-keyframes sk-foldCubeAngle {
		0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0; 
		} 25%, 75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1; 
		} 90%, 100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0; 
		} 
	}

	@keyframes sk-foldCubeAngle {
		0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0; 
		} 25%, 75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1; 
		} 90%, 100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0; 
		}
	}
    

/*****************************/
/*          11. survey        */
/*****************************/
  
	#survey_cont {
		padding-bottom: 20px;
	}
	
	.field_title {
		
	}
	
	.input_field {
		margin-bottom: 20px;
		box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    padding: 5px 10px;
	    width: 100%;
	}
	
	#photos, #posters {
		overflow: hidden;
	}
	
	.photo_option {
		margin-bottom: 20px;
		width: 25%;
		float: left;
		height: 300px;
		box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    padding: 0 10px;
	}
	
	.photo_option > span {
		padding: 10px;
		display: inline-blocK;
		display: block;
		text-align: center;
	}
	
	.photo_cont {
		display: block;
		max-width: 200px;
		margin: 0 auto;
	}
	
	.photo_cont > img {
		display: block;
		width: 100%;
		height: auto;
		max-height: 250px;
	}

	.form_separator {
		border-bottom: 1px solid #000;
		margin: 20px 0;
	}
	
	#survey_submit {
		margin: 0 auto;
		width: 200px;
		display: block;
	}
	
	.ac_invalid {
		border: 1px solid red;
	}
	
	@media(max-width: 1000px) {  
		.photo_option {
			width: 33.33333%;
		}
	}
	
	@media(max-width: 800px) {  
		.photo_option {
			width: 50%;
		}
	}
	
	@media(max-width: 500px) {  
		.photo_option {
			width: 100%;
		}
	}

	.rl_template_span table {
		/*table-layout: fixed;*/
		max-width: 100% !important;

	}