@charset "UTF-8";

/* -----------------------------------------------------------------------
	CSS RESET
----------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, time, mark, audio, video {
	background: transparent;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	vertical-align: baseline;
}
a { border: 0; outline: 0; text-decoration: none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
mark { font-weight: normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }





/* -----------------------------------------------------------------------
	GENERAL
----------------------------------------------------------------------- */
*, :before, :after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html { height: 100%; min-height: 100vh; }
body {
	background: #fff;
	font: normal 1.125em/1.4em 'Open Sans', Geneva, Verdana, Arial, Helvetica, 'Lucida Grande', 'Microsoft Sans Serif', sans-serif;
	font: normal 0.938em/1.333em 'Open Sans', Geneva, Verdana, Arial, Helvetica, 'Lucida Grande', 'Microsoft Sans Serif', sans-serif;
	font-weight: 300;
	letter-spacing: -0.01em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	color: #000;
	margin: 0 auto;
	margin: 0 auto 0 4em;
	margin: 0 auto 0 6em;
	padding: 0;
	width: 940px;
	position: relative;
}
:focus { outline: 0; }
::-moz-selection { background: #fff; color: #ccc; }
::selection { background: #fff; color: #ccc; }


h1, h2, h3, h4, h5, #nav a {
	font-weight: 600;
	letter-spacing: -0.025em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}
h1 {
	font-size: 2em;
	font-size: 1.7em;
	line-height: 1.2em;
	letter-spacing: -1px;
	color: #777;
	margin-bottom: 1.7em;
}
h2 {
	font-size: 1.5em;
	font-size: 1.2em;
	line-height: 1.2em;
	letter-spacing: -1px;
	margin-bottom: .5em;
	margin-top: 1em;
}
h3 {
	font-size: 1em;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
h4 {
	font-size: 1em;
	line-height: 95%;
	margin: 1.2em auto .5em auto;
	font-weight: normal;
}
h5 {
	font-size: 1em;
	line-height: 90%;
	line-height: 120%;
	margin: 1.3em auto .7em auto;
	font-weight: normal;
	text-transform: uppercase;
}

p { margin: 1em auto; }
.sm { font-size: 80%; }
figcaption, .small {
	font-size: 70%;
	font-size: 80%;
	line-height: 1.5em;
	margin: 0.2em auto;
}
em { font-style: italic; }
strong { font-weight: 600; }


/* -----------------------------------------------------------------------
	EFFECTS
----------------------------------------------------------------------- */
figures {
	-webkit-transition: width .3s;
	-moz-transition: width .3s;
	-o-transition: width .3s;
	-ms-transition: width .3s;
	transition: width .3s;
}
a, a:link {
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-o-transition: color .3s;
	-ms-transition: color .3s;
	transition: color .3s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
a img, #mtrigger {
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.thumbs div, .subtrigger, .thumbs h2, #header .info {
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
#header .info { opacity: 1; }
#header .info:hover, #header .info:focus, #header .info:active { opacity: 0.5; }





/* -----------------------------------------------------------------------
	ICONS
----------------------------------------------------------------------- */
a .fa { margin-left: 2px; }
#mtrigger:before, #mtrigger_close:before, .info:before, .social:before, .insta:before,
.ico_toggle:before, .ico_close:before, .email:before, .phone:before
{
	width: 40px;
	height: 40px;
	display: inline-block;
	font: normal normal normal 34px/1 FontAwesome;
	font: normal normal normal 28px/1 FontAwesome;
	width: 30px;
	height: 30px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0;
	text-align: center;
}
#mtrigger:before { content: "\f0c9"; }
#mtrigger_close:before {
	content: "\f00d";
	font-size: 22px;
	text-align: left;
	width: 26px;
	height: 26px;
	vertical-align: middle;

	font-size: 20px;
	width: 24px;
	height: 24px;
}
.info:before {
	content: "\f129";
	content: '';
	background: url(info-with-circle.svg) no-repeat center center;
	background-size: contain;
	height: 28px;
}

.social:before {
	content: "\f09a";
	font-size: 26px;
	padding-top: 2px;
}
.insta:before {
	content: "\f16d";
	font-size: 26px;
	padding-top: 2px;
}
.email:before { content: "\f0e0"; margin-right: 1em; }
.phone:before { content: "\f095"; }
.email:before, .phone:before {
	margin-right: .5em;
	width: 18px;
	height: 16px;
	font-size: 14px;
}

.ico_toggle:before, .ico_close:before {
	width: 30px;
	height: 30px;
	font: normal normal normal 24px/1 FontAwesome;
}
.ico_toggle:before { content: "\f078"; }
.ico_close:before { content: "\f077"; }
.ico_toggle.active:before { content: "\f077"; }
.ico_toggle, .ico_close { cursor: pointer; display: table; }




/* -----------------------------------------------------------------------
	LINKS + COLORS
----------------------------------------------------------------------- */
a, a:link, a:visited {
	color: #000;
	color: #E0170D;
}
a:hover, a:focus, a:active {
	color: #777;
}
a.active { font-weight: 600; }

#nav a, #nav a:link, #nav a:visited,
footer a, footer a:link, footer a:visited { color: #000; }
#nav a:hover, #nav a:focus, #nav a:active,
footer a:hover, footer a:focus, footer a:active { color: #E0170D; }

#mtrigger:hover, #mtrigger:focus,
.info:hover, .info:focus,
.social:hover, .social:focus,
.insta:hover, .insta:focus {
	color: #777;
}
#mtrigger.active { color: #E0170D; }


.gray { color: #777; }
.topspace { margin-top: 4em; }

#header a, #header a:link, #header a:visited,
footer a, footer a:link, footer a:visited,
.ico_toggle, .ico_toggle:link, .ico_toggle:visited,
.ico_close, .ico_close:link, .ico_close:visited {
	color: #000;
}
#header a:hover, #header a:focus, #header a:active,
footer a:hover, footer a:focus, footer a:active,
.ico_toggle:hover, .ico_toggle:focus, .ico_toggle:active,
.ico_close:hover, .ico_close:focus, .ico_close:active {
	color: #777;
}





/* -----------------------------------------------------------------------
	LAYOUT
----------------------------------------------------------------------- */
.wrapper {
	width: 940px;
	margin: 0 auto;
	position: relative;
}
#main {
	padding-top: 12em;
	/*
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
	z-index: 9999;
	*/
}
#num774 #main,
#num67 #main {
	padding-top: 5em;
}
#num774 #main article,
#num67 #main article {
	margin-top: 1em auto;
}
hr {
	height: 1px;
	width: 100%;
	background: none;
	border: none;
	margin: 2em auto;
}
section article { margin: 2em auto; }






/* --------------- HEADER --------------- */
#header {
	display: block;
	vertical-align: top;
	position: fixed;
	width: 100%;
	left: 0;
	padding: 5px 10px;
	padding: 15px 0;
	background: #fff;
	background: rgba(255,255,255,0.8);
	z-index: 15;
}
#header .wrapper {
	width: 940px;
	margin: 0 auto 0 6em;
	padding-top: 1.2em;
}
#header .wrapper:before,
#header .wrapper:after {
	clear: both;
	content: "";
	display: table;
}


#header #mtrigger {
	display: block;
	float: left;
	margin-right: 1.5em;
	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
	cursor: pointer;
}
#header .topnav {
	display: block;
	float: left;
	padding-top: 0.2em;
}
#header .topnav a {
	display: inline-block;
	white-space: nowrap;
	vertical-align: top;
	margin-right: .7em;
	margin-right: 1.2em;
}
#header .topnav .lang {
	display: inline-block;
	white-space: nowrap;
	vertical-align: top;
}
#header .info, #header .social, #header .insta, #header .lang {

	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
	cursor: pointer;
}
#header .lang a {
	display: inline-block;
	vertical-align: bottom;
	line-height: 2.2em;
}

#logo {
/* 	max-width: 180px; */
	height: 65px;
	display: block;
	position: relative;
	float: right;
	margin: 0 auto;
	margin-top: -1em;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
#logo:hover { opacity: 0.7; }
#logo img {
	height: 100%;
	width: auto;
/*
	max-width: 180px;
	width: 100%;
	height: auto;
*/
}




/* --------------- NAV --------------- */
#nav {
	position: fixed;
	left: 0;
	left: -400px;
	top: 0;
	text-align: left;
	margin: 0;
	padding: 22px 40px 40px 0;
	width: 320px;
	height: 100%;
	z-index: 20;
	overflow: hidden;

	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
	display: block;
	border: 1px solid transparent;
}
#nav::-webkit-scrollbar {
    display: none;
}
.navwrapper {
	position: absolute;
	width: 360px;
	height: 100%;
	left: 40px;
	left: 80px;
	padding-right: 40px;
	display: block;
	overflow-y: scroll;
	border: 1px solid transparent;
}
#nav ul {
	display: block;
	width: 100%;
}
#nav ul { padding-bottom: 90px; }
#nav ul ul { padding-bottom: 0; }
#nav li {
	display: block;
	margin: 0;
	padding: 10px 0;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 600;
	letter-spacing: -0.025em;
	font-size: 1.05em;
}

#nav li a {
	display: block;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
#nav li, #nav a { margin: 0; display: block; }

#nav li ul {
	display: none;
	margin: 10px 0 0 0;
}
#nav li.open ul {
	display: block;
}
#nav a.active { font-weight: bold; color: #E0170D; }
#nav li ul li { padding: 5px 0; }
#nav li ul li a {
	font-size: 85%;
	padding-left: 30px;
}

#nav a#mtrigger_close {
	display: block;
	margin-bottom: 2em;
	cursor: pointer;
	margin-top: 17px;
}

/* PUSH */
.wrapper { left: 0; }
#nav, .wrapper {
	-webkit-transition: left .1s;
	-moz-transition: left .1s;
	-o-transition: left .1s;
	-ms-transition: left .1s;
	transition: left .1s;
}
#nav.toggled { left: 0; }
.wrapper.toggled { left: 320px; }







/* --------------- MAIN --------------- */
/* TEASER */

section article { margin: 2em auto; }
section figure { margin: 1em auto; }
section article { margin: 4em auto; }
section article h2, section article .bgteaser { cursor: pointer; }
section figure { margin: 2em auto 1em auto; margin: 2em auto 1em 0; }
.article_more { display: none; }
.article_more.open { display: block; }
.article_showhide {
	height: 7.0em;
	height: 8.2em;
	height: 7.82em;
	height: 7.7em;
	overflow: hidden;
	margin-bottom: 1em;
	padding-bottom: 0;
}
.article_showhide.open { height: auto; }

/* ARTISTS */
.li_showhide .showhide h4 {
	cursor: pointer;
	margin-top: .5em;
	display: table;
	margin-left: 0;
}
.li_showhide .showhide.open h4 { font-weight: bold; }
.li_showhide .showhide {
	height: 2em;
	overflow: hidden;
}
.li_showhide .showhide.open { height: auto; }

.li_showhide li {
	margin: 0;
	padding: 0;
}
.li_showhide .showhide .thumbs { margin-bottom: .5em; }
.li_showhide .showhide a.ico_close { margin-bottom: .5em; }






/* GALLERIES */
.lists li, .cols-3 li, .cols-4 li { display: block; }
.thumbs li, .vlist li {
	display: inline-block;
	margin: 0;
	padding: 0;
	height: auto;
	vertical-align: top;
}
.thumbs div {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.thumbs.gallery div {
	width: 100%;
	height: 270px;
}
.thumbs.gallery div:hover { opacity: 0.5; }
.thumbs p { margin: 0.05em auto; }
ul h5+p { margin-top: .4em; }

.thumbs li h3, .thumbs li p, .vlist li h3, .vlist li p { margin: .3em auto; }
.thumbs li h3 { margin-top: 1.3em; }



/* GALLERY COLUMNS */
.thumbs li, .thumbselection li, .c2 li, .c3 li, .c4 li, .vlist li { margin: 2% 2% 2% 2%; }
.c2 { width: 104%; margin-left: -2%; }
.c3 { width: 103%; margin-left: -1.5%; }
.c4 { width: 104%; margin-left: -2%; }

.c2 li { width: 45.6%; }
.c3 li { width: 29%; }
.c4 li { width: 20.6%; }
.full li { width: 100%; }

.c2.thumbs.gallery div { height: 270px; }
.c3.thumbs.gallery div { height: 240px; }
.c4.thumbs.gallery div { height: 190px; }



.thumbs.sponsors div {
	background-size: contain;
	background-position: center center;
}
.c4.thumbs.sponsors div { height: 120px; }
ul.sponsors { margin-bottom: 4em; }



/* VIDEO */
.c2.thumbs div.vbox, .c3.thumbs div.vbox, .c4.thumbs div.vbox { height: auto; }
.vbox {
	margin: .5em auto;
	overflow: visible;
	min-height: 251px;
}
video {
	max-width: 100%;
	height: auto;
}
iframe, embed, object {
	max-width: 100%;
	background: none;
	top: 0;
}
.vbox-vimeo iframe {
	max-width: 100%;
	margin: 0;
	padding: 0;
}



/* --------------- TEXT PAGES --------------- */

ul.text li {
	line-height: 150%;
}






/* --------------- FORMS --------------- */





/* -----------------------------------------------------------------------
	IMAGES
----------------------------------------------------------------------- */
figure img {
	width: 100%;
	max-width: 100%;
	min-height: 5px;
}
img {
	-ms-interpolation-mode: bicubic;
	image-rendering: -moz-crisp-edges;
	image-rendering: auto;
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media {
 	img { image-rendering: optimizeQuality; }
}}
figure.full, figure.half, figure.regular {
	border: 1px solid transparent;
	display: block;
}
figure.full, figure.half, figure.regular, article figure img {
	border: 1px solid transparent;
	display: table;
}
figure.full { width: 100%; }
figure.half { width: 47%; }
figure.half, figure.regular, figure.teaser, div.bgteaser {
	margin-left: 0;
	margin-right: auto;
}
figure.regular img {
	width: auto;
	max-width: 100%;
	min-width: 1px;
	min-height: 1px;
}
div.bgteaser, figure.teaser {
	width: 50%;
	width: 20em;
}
div.bgteaser {
	height: 9em;
	height: 14em;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 1em;
}







/* -----------------------------------------------------------------------
	FOOTER
----------------------------------------------------------------------- */
/* #top */
#top {
	width: 100%;
	width: 940px;
	padding: 0 auto;
	text-align: center;
	position: fixed;
	left: 0;
	z-index: 5;
	bottom: 0;
	display: none;
	margin-left: 4em;
	pointer-events: none;
}
#top a {
	font-size: 14px;
	width: 28px;
	height: 28px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	padding: 5px 0 0 1px;
	margin: 1em 5px;
	cursor: pointer;
	color: #fff;
	background: #000;
	background: #DA231C;
	background: #E0170D;
	display: inline-block;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1);
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	pointer-events: auto;
}
#top a:hover, #top a:focus, #top a:active { background: #777; }




/* --------------- FOOTER --------------- */
footer {
	margin-top: 6em;
	margin-top: 2em;
	padding-bottom: 4em;
}
footer ul {
	margin: auto;
	margin-left: 0;
	font-size: 0.833em;
}
footer li {
	display: inline-block;
	padding: 0 20px 3px 0;
	color: #777;
}



/* --------------- SLICK SLIDER --------------- */
.slider {
    width: 100%;
    margin: .4em auto;
}
.slick-slide {
  margin: 0;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev,
.slick-next {
    z-index: 5;
    opacity: 0;
}
@media screen and (min-width: 800px) {
	.slider:hover .slick-prev,
	.slider:hover .slick-next {
	    opacity: 1;
	}
}
.slick-list {
	z-index: 1;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: .5;
}
.slick-current {
  opacity: 1;
}





/* -----------------------------------------------------------------------
	CLEARFIX (kill floats)
----------------------------------------------------------------------- */
.cf:before, .cf:after, #main:before, #main:after { clear: both; content: ""; display: table; }
.cf, #main { zoom: 1; }