@font-face { font-family: 'GT Walsheim Black'; src: url("../fonts/gt-walsheim-black/GT-Walsheim-Black.woff") format("woff"), url("../fonts/gt-walsheim-black/GT-Walsheim-Black.ttf") format("truetype"); }
@font-face { font-family: 'GT Walsheim Bold'; src: url("../fonts/gt-walsheim-bold/GT-Walsheim-Bold.woff") format("woff"), url("../fonts/gt-walsheim-bold/GT-Walsheim-Bold.ttf") format("truetype"); }
@font-face { font-family: 'GT Walsheim Medium'; src: url("../fonts/gt-walsheim-medium/GT-Walsheim-Medium.woff") format("woff"), url("../fonts/gt-walsheim-medium/GT-Walsheim-Medium.ttf") format("truetype"); }
@font-face { font-family: 'GT Walsheim Regular'; src: url("../fonts/gt-walsheim-regular/GT-Walsheim-Regular.woff") format("woff"), url("../fonts/gt-walsheim-regular/GT-Walsheim-Regular.ttf") format("truetype"); }
body { -webkit-text-size-adjust: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: 'GT Walsheim Regular'; font-weight: normal; line-height: 17px; color: #fff; margin: 0px; padding: 0; }

@-webkit-keyframes escalate { 0% { -webkit-transform: translateY(36px); transform: translateY(36px); }
  100% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }

@keyframes escalate { 0% { -webkit-transform: translateY(36px); transform: translateY(36px); }
  100% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
#background { position: fixed; width: 100%; height: 100%; z-index: 0; }

#blocker { position: fixed; width: 100%; height: 100%; opacity: 0.2; background-color: #000; z-index: 1; }

.logo { position: absolute; width: 200px; height: 200px; left: 50%; margin-left: -100px; }

#container { position: relative; z-index: 2; min-width: 960px; margin: 0; }
#container #header { position: absolute; top: 0px; left: 0px; width: 100%; height: 266px; }
#container #header .languages { position: absolute; right: 20px; top: 25px; }
#container #header .languages, #container #header .languages a { font-family: 'GT Walsheim Bold'; font-size: 20px; color: #fff; text-decoration: none; }
#container #header .languages a { -webkit-transition: text-shadow 0.3s ease-in-out; transition: text-shadow 0.3s ease-in-out; }
#container #header .languages a.txt-color-dance { color: #F80045; }
#container #header .languages a.txt-color-concert { color: #FFCE00; }
#container #header .languages a.txt-color-up { color: #6AD8AC; }
#container #header .languages a.txt-color-misc { color: #817F67; }
#container #header .languages a.txt-color-general { color: #9CDBD0; }
#container #header .languages a:hover { text-shadow: 0 0 5px white; }
#container #header #navigation { position: absolute; top: 182px; right: 20px; }
#container #header #navigation #nav-info { margin-left: 100px; }
#container #header #navigation .nav { height: 31px; float: right; }
#container #header #navigation .nav a { position: relative; font-family: 'GT Walsheim Bold'; font-size: 25px; color: #fff; text-decoration: none; }
#container #header #navigation .nav a:hover { color: #fff; }
#container #header #navigation .nav a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #fff; visibility: hidden; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
#container #header #navigation .nav a:hover:before { visibility: visible; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
#container #column { width: 900px; margin: 0 auto; padding-top: 266px; }
#container #column .floating-top-scroller { position: fixed; margin-left: 920px; bottom: 60px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; }
#container #column .floating-top-scroller.active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
#container #column .floating-top-scroller .arrow-up { width: 50px; height: 50px; }
#container #footer { width: 100%; margin-top: 25px; }
#container #footer .address { width: 100%; font-family: 'GT Walsheim Bold'; font-size: 20px; color: #fff; text-align: center; box-sizing: border-box; padding: 20px; background-color: #000; }
#container #footer a { text-decoration: none; color: #fff; }

.functions { position: absolute; left: 20px; top: 180px; }
.functions .func { float: left; display: block; width: 30px; height: 30px; margin-right: 22px; background-size: 30px 30px; background-repeat: no-repeat; cursor: pointer; }
.functions .func:last-child { margin-right: 0; }
.functions .func-facebook { background-image: url(../images/icon_facebook.png); }
.functions .func-twitter { background-image: url(../images/icon_twitter.png); }
.functions .func-spotify { background-image: url(../images/icon_spotify.png); }
.functions .func-instagram { background-image: url(../images/icon_instagram.png); background-size: 28px 28px; background-position: 1px 1px; }
.functions .func-search { background-image: url(../images/icon_search.png); background-size: 31px 31px; }

#menu { display: none; }

#menu-mobile { display: none; }

@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) { #container { width: 750px !important; min-width: 750px !important; margin: 0 auto !important; }
  #container #functions .func { margin-right: 15px !important; }
  #container #navigation { right: 10px !important; }
  #container #navigation #nav-info { margin-left: 34px !important; }
  #container #column { width: 100% !important; }
  #container #column .floating-top-scroller { margin-left: 770px; }
  #container #footer .address { font-size: 18px !important; } }
.opacity0 { opacity: 0; }

.hide { display: none; }

.reset { float: none; clear: both; }

b, strong { font-family: 'GT Walsheim Bold'; font-weight: normal; }

.color-dance { color: #F80045; }

.color-concert { color: #FFCE00; }

.color-up { color: #6AD8AC; }

.color-misc { color: #817F67; }

.color-general { color: #9CDBD0; }

.color-black { color: #000; }

.color-white { color: #fff; }

.bg-color-dance { background-color: #F80045 !important; }

.bg-color-concert { background-color: #FFCE00 !important; }

.bg-color-up { background-color: #6AD8AC !important; }

.bg-color-misc { background-color: #817F67 !important; }

.bg-color-general { background-color: #9CDBD0 !important; }

.bg-color-white { background-color: #fff !important; }

.border-dance { border: 2px solid #F80045 !important; }

.border-concert { border: 2px solid #FFCE00 !important; }

.border-up { border: 2px solid #6AD8AC !important; }

.border-misc { border: 2px solid #817F67 !important; }

.with-background-image { z-index: 1; background-size: cover; background-position: center; background-repeat: no-repeat; background-position: 50% 50%; display: inline-block; vertical-align: top; position: relative; }

.button { font-family: 'GT Walsheim Bold'; font-size: 25px; color: #fff; border: 2px solid #fff; padding: 20px 14px; }

#loader { width: 38px; margin: 240px auto; }

@keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); -ms-transform: scaley(1); transform: scaley(1); }
  50% { -webkit-transform: scaley(0.4); -ms-transform: scaley(0.4); transform: scaley(0.4); }
  100% { -webkit-transform: scaley(1); -ms-transform: scaley(1); transform: scaley(1); } }
@-webkit-keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); -ms-transform: scaley(1); transform: scaley(1); }
  50% { -webkit-transform: scaley(0.4); -ms-transform: scaley(0.4); transform: scaley(0.4); }
  100% { -webkit-transform: scaley(1); -ms-transform: scaley(1); transform: scaley(1); } }
@-ms-keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); -ms-transform: scaley(1); transform: scaley(1); }
  50% { -webkit-transform: scaley(0.4); -ms-transform: scaley(0.4); transform: scaley(0.4); }
  100% { -webkit-transform: scaley(1); -ms-transform: scaley(1); transform: scaley(1); } }
.line-scale-pulse-out > div { width: 4px; height: 26px; border-radius: 2px; margin: 0px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }

.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { -webkit-animation-delay: -0.4s !important; animation-delay: -0.4s !important; }

.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { -webkit-animation-delay: -0.2s !important; animation-delay: -0.2s !important; }

.buy-ticket { display: block; text-decoration: none; position: absolute; right: 10px; bottom: 10px; font-family: 'GT Walsheim Bold'; font-size: 25px; padding: 20px 15px; cursor: pointer; }

.soldout { position: absolute; right: 10px; bottom: 10px; font-family: 'GT Walsheim Bold'; font-size: 25px; padding: 20px 15px; background-color: #000; }

#home, #search { width: 100%; }
#home #highlight, #search #highlight { width: 100%; height: 600px; opacity: 0; }
#home #highlight h1, #search #highlight h1 { font-family: 'GT Walsheim Black'; font-size: 100px; line-height: 100px; width: 100%; text-align: center; cursor: pointer; margin: 0; padding: 0; }
#home #highlight h1 a, #search #highlight h1 a { text-decoration: none; color: #fff; }
#home #highlight h1 .pretitle, #search #highlight h1 .pretitle { display: inline; font-family: 'GT Walsheim Regular'; }
#home #highlight .date-genre, #search #highlight .date-genre { width: 100%; text-align: center; margin-top: 60px; }
#home #highlight .date-genre .date, #search #highlight .date-genre .date { width: 160px; display: inline-block; }
#home #highlight .date-genre .genre, #search #highlight .date-genre .genre { width: 160px; display: inline-block; margin-left: 2px; }
#home #highlight .buy-ticket-home, #search #highlight .buy-ticket-home { display: block; text-decoration: none; width: 152px; margin: 12px auto; cursor: pointer; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s; transition: color 0.3s, background-color 0.3s, border-color 0.3s; }
#home #today, #search #today { width: 100%; }
#home #today .item, #search #today .item { margin-bottom: 10px; }
#home #confirmed, #home .simplon-blocks, #search #confirmed, #search .simplon-blocks { width: 100%; height: 400px; margin-top: 15px; }
#home #confirmed .block, #home .simplon-blocks .block, #search #confirmed .block, #search .simplon-blocks .block { width: 300px; height: 400px; float: left; cursor: pointer; color: white; text-decoration: none; display: block; }
#home #confirmed .block .image, #home .simplon-blocks .block .image, #search #confirmed .block .image, #search .simplon-blocks .block .image { position: relative; width: 300px; height: 300px; background-size: 300px 300px; background-repeat: no-repeat; overflow: hidden; }
#home #confirmed .block .image .overlay, #home .simplon-blocks .block .image .overlay, #search #confirmed .block .image .overlay, #search .simplon-blocks .block .image .overlay { width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
#home #confirmed .block .image .info, #home .simplon-blocks .block .image .info, #search #confirmed .block .image .info, #search .simplon-blocks .block .image .info { position: absolute; top: 50%; left: 50%; width: 180px; height: 180px; margin: -90px 0 0 -90px; border: 2px solid #fff; font-family: 'GT Walsheim Bold'; text-align: center; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
#home #confirmed .block .image .info .center, #home .simplon-blocks .block .image .info .center, #search #confirmed .block .image .info .center, #search .simplon-blocks .block .image .info .center { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#home #confirmed .block .image .info .label, #home .simplon-blocks .block .image .info .label, #search #confirmed .block .image .info .label, #search .simplon-blocks .block .image .info .label { font-size: 22px; line-height: 22px; }
#home #confirmed .block .image .info .day, #home .simplon-blocks .block .image .info .day, #search #confirmed .block .image .info .day, #search .simplon-blocks .block .image .info .day { font-size: 30px; line-height: 30px; margin-top: 8px; }
#home #confirmed .block .image .info .date, #home .simplon-blocks .block .image .info .date, #search #confirmed .block .image .info .date, #search .simplon-blocks .block .image .info .date { font-size: 30px; line-height: 30px; margin-top: 6px; }
#home #confirmed .block .text, #home .simplon-blocks .block .text, #search #confirmed .block .text, #search .simplon-blocks .block .text { width: 300px; height: 100px; font-family: 'GT Walsheim Bold'; font-size: 25px; line-height: 30px; padding: 10px; box-sizing: border-box; text-align: center; }
#home #confirmed .block .text a, #home #confirmed .block .text span, #home .simplon-blocks .block .text a, #home .simplon-blocks .block .text span, #search #confirmed .block .text a, #search #confirmed .block .text span, #search .simplon-blocks .block .text a, #search .simplon-blocks .block .text span { display: block; position: relative; top: 50%; color: #fff; text-decoration: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#home #confirmed .block .text .pretitle, #home .simplon-blocks .block .text .pretitle, #search #confirmed .block .text .pretitle, #search .simplon-blocks .block .text .pretitle { display: inline; }
#home .simplon-blocks, #search .simplon-blocks { margin: 0 0 10px 0; height: 400px; }
#home #agenda, #search #agenda { position: relative; width: 100%; }
#home #agenda #agenda-header, #search #agenda #agenda-header { width: 100%; height: 100px; background-color: #000; position: relative; }
#home #agenda #agenda-header .title, #search #agenda #agenda-header .title { position: absolute; top: 34px; left: 25px; font-family: 'GT Walsheim Medium'; font-size: 75px; color: #fff; }
#home #agenda #agenda-header ul, #search #agenda #agenda-header ul { position: absolute; top: 50px; left: 440px; height: 100%; margin: 0; padding: 0; list-style: none; }
#home #agenda #agenda-header ul li, #search #agenda #agenda-header ul li { font-family: 'GT Walsheim Medium'; font-size: 25px; float: left; padding: 0 10px; vertical-align: bottom; border-right: 2px solid #fff; cursor: pointer; }
#home #agenda #agenda-header ul li .underline, #search #agenda #agenda-header ul li .underline { position: relative; }
#home #agenda #agenda-header ul li .underline:before, #search #agenda #agenda-header ul li .underline:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0px; left: 0px; visibility: hidden; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
#home #agenda #agenda-header ul li .underline-concert:before, #search #agenda #agenda-header ul li .underline-concert:before { background-color: #FFCE00; }
#home #agenda #agenda-header ul li .underline-dance:before, #search #agenda #agenda-header ul li .underline-dance:before { background-color: #F80045; }
#home #agenda #agenda-header ul li .underline-up:before, #search #agenda #agenda-header ul li .underline-up:before { background-color: #6AD8AC; }
#home #agenda #agenda-header ul li .underline-misc:before, #search #agenda #agenda-header ul li .underline-misc:before { background-color: #817F67; }
#home #agenda #agenda-header ul li .underline-white:before, #search #agenda #agenda-header ul li .underline-white:before { background-color: #ffffff; }
#home #agenda #agenda-header ul li .underline:hover:before, #search #agenda #agenda-header ul li .underline:hover:before { visibility: visible; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
#home #agenda #agenda-header ul li:last-child, #search #agenda #agenda-header ul li:last-child { border-right: none; }
#home #agenda #agenda-content, #search #agenda #agenda-content { position: relative; width: 100%; }
#home #agenda #agenda-content .item, #search #agenda #agenda-content .item { margin-bottom: 10px; }
#home #agenda #agenda-content .item:last-child, #search #agenda #agenda-content .item:last-child { margin-bottom: 0; }
#home .item, #search .item { position: relative; width: 100%; height: 300px; color: white; text-decoration: none; display: block; }
#home .item .item-image, #search .item .item-image { position: relative; width: 300px; height: 300px; overflow: hidden; background-size: 300px 300px; float: left; }
#home .item .item-image .overlay, #search .item .item-image .overlay { width: 100%; height: 100%; opacity: 0; }
#home .item .item-image .label, #search .item .item-image .label { position: absolute; top: 10px; left: 10px; display: inline-block; font-family: 'GT Walsheim Bold'; font-size: 25px; border: 2px solid #fff; padding: 20px; }
#home .item .item-details, #search .item .item-details { position: relative; width: 600px; height: 300px; overflow: hidden; float: left; box-sizing: border-box; padding: 10px 10px 10px 20px; background-color: #fff; }
#home .item .item-details .title, #search .item .item-details .title { width: 100%; overflow: hidden; }
#home .item .item-details .title h2, #search .item .item-details .title h2 { font-family: 'GT Walsheim Bold'; font-size: 30px; line-height: 38px; margin: 0; padding: 0; }
#home .item .item-details .title h2 a, #home .item .item-details .title h2 span, #search .item .item-details .title h2 a, #search .item .item-details .title h2 span { color: #000; text-decoration: none; }
#home .item .item-details .title h2 .pretitle, #search .item .item-details .title h2 .pretitle { display: inline; font-family: 'GT Walsheim Regular'; }
#home .item .item-details .subtitle, #search .item .item-details .subtitle { font-family: 'GT Walsheim Bold'; font-size: 34px; line-height: 38px; color: #000; width: 100%; overflow: hidden; margin-top: 2px; }
#home .item .item-details .date, #search .item .item-details .date { font-family: 'GT Walsheim Bold'; font-size: 30px; line-height: 30px; margin-top: 4px; }
#home .item .item-details .date-hover, #search .item .item-details .date-hover { color: #fff; }
#home .item .item-details .details, #search .item .item-details .details { position: absolute; left: 20px; bottom: 10px; font-family: 'GT Walsheim Regular'; font-size: 17px; color: #000; line-height: 20px; }
#home .item .item-details .details .mouseover, #search .item .item-details .details .mouseover { opacity: 0; }
#home .item .item-hitarea, #search .item .item-hitarea { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer; }

@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) { #home #confirmed, #home .simplon-blocks, #home #event-related, #search #confirmed, #search .simplon-blocks, #search #event-related { height: 330px !important; }
  #home #confirmed .block, #home .simplon-blocks .block, #home #event-related .block, #search #confirmed .block, #search .simplon-blocks .block, #search #event-related .block { width: 250px !important; height: 330px !important; }
  #home #confirmed .block .image, #home .simplon-blocks .block .image, #home #event-related .block .image, #search #confirmed .block .image, #search .simplon-blocks .block .image, #search #event-related .block .image { width: 250px !important; height: 250px !important; background-size: 250px 250px !important; }
  #home #confirmed .block .text, #home .simplon-blocks .block .text, #home #event-related .block .text, #search #confirmed .block .text, #search .simplon-blocks .block .text, #search #event-related .block .text { height: 80px !important; width: 250px !important; font-size: 22px !important; }
  #home #agenda #agenda-header, #search #agenda #agenda-header { height: 80px !important; }
  #home #agenda #agenda-header .title, #search #agenda #agenda-header .title { top: 22px !important; left: 23px !important; font-size: 65px !important; }
  #home #agenda #agenda-header ul, #search #agenda #agenda-header ul { top: 36px !important; left: 375px !important; }
  #home #agenda #agenda-header ul li, #search #agenda #agenda-header ul li { font-size: 21px !important; }
  #home .simplon-blocks, #search .simplon-blocks { height: 330px !important; }
  #home .item, #search .item { height: 250px !important; }
  #home .item .item-image, #search .item .item-image { width: 250px !important; height: 250px !important; background-size: 250px 250px !important; }
  #home .item .item-details, #search .item .item-details { width: 500px !important; height: 250px !important; }
  #home .item .item-details h2, #search .item .item-details h2 { font-size: 40px !important; line-height: 49px !important; }
  #home .item .item-details .subtitle, #search .item .item-details .subtitle { font-size: 26px !important; line-height: 30px !important; }
  #home .item .item-details .date, #search .item .item-details .date { font-size: 28px !important; } }
#event { width: 100%; background-color: #fff; }
#event #event-title { text-align: center; padding: 40px; }
#event #event-title h1 { font-family: 'GT Walsheim Bold'; font-size: 60px; line-height: 60px; margin: 0; padding: 0; }
#event #event-title h1 .pretitle { font-family: 'GT Walsheim Regular'; }
#event #event-title h2 { font-family: 'GT Walsheim Bold'; font-size: 33px; line-height: 33px; color: #000; margin: 10px 0 0 0; }
#event #event-images { width: 100%; height: 500px; overflow: hidden; }
#event #event-details { min-height: 600px; width: 100%; padding: 40px; box-sizing: border-box; }
#event #event-details table { padding: 0; margin: 0; width: 100%; }
#event #event-details .info { position: relative; width: 240px; vertical-align: bottom; }
#event #event-details .info .up { position: absolute; top: 0px; left: 0px; }
#event #event-details .info .up .date { font-family: 'GT Walsheim Bold'; font-size: 33px; line-height: 36px; color: #000; }
#event #event-details .info .up .details { font-family: 'GT Walsheim Regular'; font-size: 18px; line-height: 26px; color: #000; margin-top: 20px; }
#event #event-details .related { font-family: 'GT Walsheim Regular'; font-size: 18px; line-height: 22px; color: #000; }
#event #event-details .related ul { list-style: none; margin: 0; padding: 0; }
#event #event-details .related ul li { padding: 3px 0; }
#event #event-details .related ul a { position: relative; font-family: 'GT Walsheim Bold'; color: #000; text-decoration: none; }
#event #event-details .related ul a:hover { color: #000; }
#event #event-details .related ul .link:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #000; visibility: hidden; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
#event #event-details .related ul .link:hover:before { visibility: visible; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
#event #event-details .related ul .social { margin-top: 8px; }
#event #event-details .related ul .social img { margin-right: 10px; border: none; }
#event #event-details .content { width: 600px; padding: 0 0 0 40px; box-sizing: border-box; font-family: 'GT Walsheim Medium'; font-size: 21px; line-height: 26px; color: #000; }
#event #event-details .content p:first-child { margin-top: 0px; }
#event #event-details .content a { position: relative; text-decoration: none; }
#event #event-details .content a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 2px; left: 0; visibility: hidden; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
#event #event-details .content a:hover:before { visibility: visible; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
#event #event-details .content .underline-concert:before { background-color: #FFCE00; }
#event #event-details .content .underline-dance:before { background-color: #F80045; }
#event #event-details .content .underline-up:before { background-color: #6AD8AC; }
#event #event-details .content .underline-misc:before { background-color: #817F67; }
#event .buy-ticket { position: static; text-align: center; margin-top: 20px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
#event .soldout { position: static; margin-top: 20px; text-align: center; }

#event-related { width: 100%; height: 400px; margin-top: 10px; }
#event-related .block { width: 300px; height: 400px; float: left; cursor: pointer; color: white; text-decoration: none; display: block; }
#event-related .block .image { position: relative; width: 300px; height: 300px; background-size: 300px 300px; overflow: hidden; }
#event-related .block .image .overlay { width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 1.0s; transition: opacity 1.0s; }
#event-related .block .image .info { position: absolute; top: 50%; left: 50%; width: 180px; height: 180px; margin: -90px 0 0 -90px; border: 2px solid #fff; font-family: 'GT Walsheim Bold'; text-align: center; opacity: 0; -webkit-transition: opacity 1.0s; transition: opacity 1.0s; }
#event-related .block .image .info .center { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#event-related .block .image .info .label { font-size: 22px; line-height: 22px; }
#event-related .block .image .info .day { font-size: 30px; line-height: 30px; margin-top: 8px; }
#event-related .block .image .info .date { font-size: 30px; line-height: 30px; margin-top: 6px; }
#event-related .block .text { width: 300px; height: 100px; font-family: 'GT Walsheim Bold'; font-size: 25px; line-height: 30px; padding: 10px; box-sizing: border-box; text-align: center; }
#event-related .block .text a, #event-related .block .text span { display: block; position: relative; top: 50%; color: #fff; text-decoration: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#event-related .block .text .pretitle { display: inline; }

@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) { #event #event-title { padding: 30px !important; }
  #event #event-title h1 { font-size: 54px !important; line-height: 54px !important; }
  #event #event-title h2 { font-size: 30px !important; line-height: 30px !important; }
  #event #event-images { height: 417px !important; }
  #event #event-details { padding: 30px !important; }
  #event #event-details .content { width: 420px !important; padding: 0 0 0 30px !important; }
  #event #event-details iframe { width: 410px !important; } }
#page, #photos { width: 100%; background-color: #fff; }
#page #page-title, #photos #page-title { text-align: center; padding: 40px; }
#page #page-title h1, #photos #page-title h1 { font-family: 'GT Walsheim Bold'; font-size: 60px; line-height: 60px; margin: 0; padding: 0; }
#page #page-images, #photos #page-images { width: 100%; height: 500px; overflow: hidden; }
#page #page-details, #photos #page-details { width: 100%; padding: 40px; box-sizing: border-box; }
#page #page-details table, #photos #page-details table { padding: 0; margin: 0; width: 100%; }
#page #page-details .navigation, #photos #page-details .navigation { font-family: 'GT Walsheim Regular'; margin-top: 20px; width: 240px; vertical-align: top; }
#page #page-details .navigation ul, #photos #page-details .navigation ul { padding: 0; margin: 0; list-style: none; }
#page #page-details .navigation ul li, #photos #page-details .navigation ul li { padding: 3px 0; }
#page #page-details .navigation .category, #photos #page-details .navigation .category { font-family: 'GT Walsheim Bold'; font-size: 20px; line-height: 28px; color: #000; }
#page #page-details .navigation .item, #photos #page-details .navigation .item { padding-left: 15px; }
#page #page-details .navigation a, #photos #page-details .navigation a { position: relative; display: inline-block; font-size: 18px; line-height: 24px; color: #000; text-decoration: none; }
#page #page-details .navigation a:hover, #photos #page-details .navigation a:hover { color: #000; }
#page #page-details .navigation a:before, #photos #page-details .navigation a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #000; visibility: hidden; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
#page #page-details .navigation a:hover:before, #photos #page-details .navigation a:hover:before { visibility: visible; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
#page #page-details .navigation a.selected, #photos #page-details .navigation a.selected { font-family: 'GT Walsheim Bold'; }
#page .content, #photos .content { width: 600px; padding: 0 0 0 40px; box-sizing: border-box; font-family: 'GT Walsheim Medium'; font-size: 21px; line-height: 26px; color: #000; vertical-align: top; }
#page .content p:first-child, #photos .content p:first-child { margin-top: 0px; }
#page .content a, #photos .content a { position: relative; color: #9CDBD0; text-decoration: none; }
#page .content a:hover, #photos .content a:hover { color: #9CDBD0; }
#page .content a:before, #photos .content a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #9CDBD0; visibility: hidden; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
#page .content a:hover:before, #photos .content a:hover:before { visibility: visible; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) { #page #page-title { padding: 30px !important; }
  #page #page-title h1 { font-size: 54px !important; line-height: 54px !important; }
  #page #page-title h2 { font-size: 30px !important; line-height: 30px !important; }
  #page #page-images { height: 417px !important; }
  #page #page-details { padding: 30px !important; }
  #page #page-details .navigation { width: 200px !important; }
  #page #page-details .content { width: 460px !important; padding: 0 0 0 30px !important; }
  #page #page-details iframe { width: 410px !important; } }
#photos h2 { color: #000; font-family: 'GT Walsheim Bold'; font-size: 33px; padding: 0; margin: 18px 0 0 0; }
#photos .photos-item { float: left; width: 160px; height: 220px; margin: 0 15px 15px 0; }
#photos .photos-item-thumb { position: relative; width: 160px; height: 160px; background-size: 160px 160px; }
#photos .photos-item-title { margin-top: 5px; font-family: 'GT Walsheim Bold'; font-size: 18px; line-height: 22px; }
#photos .photos-item-date { margin-top: 5px; font-family: 'GT Walsheim Regular'; font-size: 12px; line-height: 16px; }
#photos .pagination { list-style: none; padding: 0; margin: 0; }
#photos .pagination li { float: left; margin-right: 8px; font-size: 16px; }

#photos.photos-detail #page-details { font-size: 16px; color: #000; text-align: center; padding: 0 0 40px 0; }
#photos.photos-detail .royalSlider { width: 900px !important; height: 678px !important; }
#photos.photos-detail .rsThumbsContainer img { width: auto !important; margin: auto; }
#photos.photos-detail .rsNavSelected { background-color: #151515 !important; }
#photos.photos-detail .rsNavSelected img { opacity: 1; }

@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) { #photos.photos-detail .royalSlider { width: 750px !important; height: 570px !important; } }
#photographers { list-style: none; margin: 0; padding: 0; }
#photographers li { padding-bottom: 20px; }
#photographers li h2 { padding: 0; margin: 0; font-size: 20px; line-height: 36px; }
#photographers li .description { font-family: 'GT Walsheim Regular'; font-size: 16px; line-height: 22px; }
#photographers li a { font-size: 16px; line-height: 22px; }

#search { position: relative; width: 100%; margin-top: 40px; }
#search #query { font-family: 'GT Walsheim Regular'; font-size: 25px; border: 2px solid #fff; background-color: transparent; padding: 20px 14px; width: 100%; box-sizing: border-box; margin-bottom: 100px; color: #fff; }
#search #query:focus { outline-width: 0; }
#search #bubble { display: none; opacity: 0; position: absolute; top: 94px; left: 50%; margin-left: -300px; width: 600px; height: 40px; padding: 0px; background: #F80045; border-radius: 4px; }
#search #bubble .text { font-size: 18px; width: 100%; box-sizing: border-box; text-align: center; padding: 12px 0 8px 0; }
#search #bubble .pointer { content: ''; position: absolute; border-style: solid; border-width: 0px 10px 8px; border-color: #F80045 transparent; display: block; width: 0px; z-index: 1; top: -8px; left: 295px; }
#search #results { display: none; opacity: 0; margin-bottom: 60px; }
#search #results .search-item { width: 100%; height: 40px; margin-bottom: 20px; cursor: pointer; }
#search #results .search-item .number { font-family: 'GT Walsheim Bold'; font-size: 25px; color: #fff; width: 40px; background-color: #9CDBD0; text-align: center; padding: 12px 0 11px 0; border-radius: 20px; float: left; }
#search #results .search-item .search-item-result { float: left; width: 860px; box-sizing: border-box; padding-left: 20px; }
#search #results .search-item .search-item-result .title { font-family: 'GT Walsheim Bold'; font-size: 33px; padding-top: 12px; }
#search #results .search-item .search-item-result .title a { color: #fff; text-decoration: none; }

/*# sourceMappingURL=simplon.css.map */

.details span {
	display: block;
	width: 100%;
}

.search {
	display: grid;
	grid-template-columns: 1fr 200px;
}

.search-field {
	display: block;
	width: 100%;
	padding: 15px;
}

#confirmed .pretitle {
	display: none !important;
}

#confirmed br {
	display: none;
}


#header .func-spotify {
	display: none;
}