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, menu, nav, section, summary, time, mark, audio, video {   margin:0;   padding:0;   border:0;   outline:0;   font-size:100%;   vertical-align:baseline;   background:transparent; } body { line-height: 1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {  display:block; } nav ul {   list-style:none; } a {   margin:0;   padding:0;   font-size:100%;   vertical-align:baseline;   background:transparent; outline: none; } input, select {   vertical-align: middle; } table, tbody, tfoot, thead, tr, th, td {  vertical-align: top; } mark {  background-color: yellow;  color: black; } table { border-spacing: 0; }  .clearfix:before, .clearfix:after {   content: "";   display: table; } .clearfix:after {   clear: both; } .clr { clear: both; }  html {  box-sizing: border-box; } *, *:before, *:after {  box-sizing: inherit; }  .hidden { display: none; } .alignright { text-align: right !important; } .floatright { float: right !important; } .fullwidth { width: 100%; } .nowrap { white-space: nowrap; } .clickable { cursor: pointer; } .notreq { display: none; } @media(max-width: 1150px) { .grecaptcha-badge {   visibility: hidden;  } } html { font-size: 19px; line-height: 1.4; } body {  color: #444; font: normal normal 19px/30px "Open Sans", sans-serif; line-height: 1.4; background: #f5f5f5; padding-top: 40px; position: relative; background-image: url(../_img/craft_paper.jpg); background-repeat: repeat; } html, body{  min-height: 100%; } html.iframe, html.iframe body { height: auto; min-height: 0; } html.iframe #content { padding-bottom: 0; } body .overlay, body #overlay {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1000;  background-color: rgba(0,0,0,0.5);  display: none; } body .overlay .preloader { width: 100%; height: 100%; background-image: url(../_shared/_img/preloader_rubiks.gif); background-repeat: no-repeat; background-position: center center; } #wrapper { width: 90%; max-width: 930px; margin: 0 auto; position: relative; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,0.1); border-radius: 20px; }  .container { max-width: 830px; width: 90%; margin: 0 auto; } .container.container--mb_large { margin-bottom: 3em; } .container--small { max-width: 690px; } .container--min_height { min-height: 40vh; } .content.content--align_center { text-align: center; }  @media (max-width: 1100px) {  } @media (max-width: 900px) { html, body {  font-size: 18px;  line-height: 1.4; }  } @media (max-width: 740px) { html, body {  font-size: 17px;  line-height: 1.4; } body {  background: #fff;  padding: 0;  } #wrapper {  width: 100%;  background: #fff;  box-shadow: none; }  .no_mob {  display: none;  } }  @media (max-width: 380px) { html, body {  font-size: 15px;  line-height: 1.4; }  } header {  margin-bottom: 3em; } header .header_inner { display: block;  border-bottom: 2px dashed #f0a07c; } header h2 a { display: block;  text-indent: -4550px; height: 170px; width: 500px; margin:0 auto; background-image: url(../_img/header-logo.png); background-repeat: no-repeat; background-position: center center; } header .strap { text-align: center;  font-family: "Open Sans"; font-weight: 400; padding-bottom: 20px; } header .strap strong { display: block;  font-weight: 600; } header .strap b { display: none; } @media (max-width: 840px) { header h2 a {   width: 300px;  background-size: 280px auto;  } } @media (max-width: 740px) { header h2 a {  height: 120px;  width: 300px;  background-size: 280px auto;  } } @media (max-width: 640px) { header .header_inner {  display: block;  } header h2 a {  width: auto;  height: 100px;  background-size: 400px auto;  margin: 0 auto;  background-position: center bottom; } header .strap {  text-align: center;  padding-bottom: 1.5em; } } @media (max-width: 540px) {  header h2 a {  width: auto;  height: 100px;  background-size: contain;  background-position: center bottom; }  }.content h1 { font-size: 1.8em; text-transform: none;  font-weight: 600; margin-bottom: 0.75em; color: #f0a07c; } .content h2 { font-family: "Roboto Slab"; font-size: 1.3em; font-weight: 600; text-transform: uppercase;  margin-bottom: 0.75em; } .content h3 { font-size: 1em; margin-bottom: 0; color: #c2095a; }  .content .align_right { text-align: right; } .content p, .content hr { margin-bottom: 1.5em; } .content p a { color: #c2095a; } .content hr.invisible { border: none; padding: 0; opacity: 0; margin-bottom: 0.7em; } .content p.smallprint { font-size: 0.85em; }  .content .margin_normal { margin-bottom: 1.5rem !important; } .content .margin_medium { margin-bottom: 1rem; } .content .margin_small { margin-bottom: 0.7rem; } .content .margin_xsmall { margin-bottom: 0.3rem; } .content .margin_none { margin-bottom: 0; } .content .margin_large { margin-bottom: 2rem; } .content .margin_xlarge { margin-bottom: 3rem; }  .content .panel { background: #f5f5f5; padding: 2.6em 3.33em; margin-bottom: 1.5em; background-image: url(../_img/craft_paper.jpg); background-repeat: repeat; position: relative; border-radius: 10px; } .content .panel h2 { margin-bottom: 1.3em; } .content .panel p.label strong { font-weight: 600; font-family: "Roboto Slab"; color: #000; } .content .panel.panel--guest { padding-top: 2em; padding-bottom: 2em; } .content .panel .close_panel { width: 50px; height: 50px; position: absolute; top: 5px; right: 5px; background: url(../_img/close_button.png); background-repeat: no-repeat; background-position: center; opacity: 0; transition: all 1s ease-in-out; cursor: pointer; } .content .panel:hover .close_panel { opacity: 0.7; } .content .panel:hover .close_panel:hover { opacity: 1;  transform: scale(1.1); transition: all .1s ease-in-out;  } .content .grid { display: grid; grid-template-columns: 1fr 3fr; } .content .panel .grid p.label { padding: 3px 0px; } .content input, .content textarea, .content select,  .content select option { font-family: inherit; color: #444; font-size: inherit; } .content input[type='text'], .content input[type='email'], .content input[type='url'], .content input[type='password'], .content input[type='number'], .content textarea { box-sizing: border-box; border: 1px solid #A5ACB2; padding: 3px 5px; border-radius: 5px;  } .content input[type=checkbox], .content input[type=radio] {  vertical-align: middle;  position: relative;  bottom: 1px; } .content input[type=radio] {  bottom: 3px; } .content option { padding-right: 0.8em; font-size: inherit; line-height: inherit; } .content select { font-size: inherit; line-height: inherit; } .content .sz_100 { width: 100%; min-width: 380px; }  .content .day_error { display: none; color: #c2095a; } .content input[name="terms"].error+span, .content input[name="terms"].error+span a { color: #c2095a; font-weight: 700; }  .cbx { display: inline-block;  margin-bottom: 0.4em; line-height: 27px; } .cbx.cbx--block { display: block;  margin-bottom: 0.4em; } .cbx span { box-sizing: border-box; display: inline-block; padding-left: 32px; padding-top: 0px; background: url(../_shared/_img/checkbox_matrix_24.png); background-repeat: no-repeat; background-position: 0 2px;  cursor: pointer; padding-right: 20px; } .cbx span:hover { color: #444; background-position: 0 calc(-120px + 2px); } .cbx input[type=checkbox] { display: none; } .cbx input[type=checkbox]:checked + span { color: #000; background-position: 0 calc(-240px + 2px); }  .content p#download_tickets { margin-bottom: 3em;  margin-top: 3em; } .content p.button a { font-weight: bold; border: none; background: #f0a07c; color: #fff; text-transform: uppercase; cursor: pointer; padding: 12px 60px 12px 30px; background-image: url(../_img/next_arrow_white.png); background-repeat: no-repeat; background-position: right 10px center; text-decoration: none; border-radius: 10px; } .content p.button a:hover { background-color: #c2095a; } .content p.button.no_arrow a { background-image: none; padding-right: 30px; } #action_buttons { display: flex; justify-content: space-between;  margin-bottom: 4em; } #action_buttons.single_button { justify-content: flex-end; } .content input[type='submit'], #add_ticket, #change_ticket { font-weight: bold; border: none; background: #f0a07c; color: #fff; text-transform: uppercase; cursor: pointer; padding: 12px 60px 12px 30px; background-image: url(../_img/next_arrow_white.png); background-repeat: no-repeat; background-position: right 10px center; text-align: left; border-radius: 10px; } .content input[type='submit']:hover { background-color: #c2095a; } #add_ticket { background-image: url(../_img/add_ticket_black.png); color: #555; font-weight: 400; padding: 12px 30px 12px 60px; background-position: left 10px center; background-color: #d5e1f1; } #add_ticket:hover { background-color: #fff; } #add_ticket.disabled { opacity: 0; cursor: default; }  #change_ticket { background-image: url(../_img/change_ticket_black.png); color: #555; font-weight: 400; padding: 12px 20px 12px 55px; background-position: left 10px center; background-color: rgba(240,160,124,0.1); text-transform: none; } #change_ticket a { color: #555; text-decoration: none; } #change_ticket:hover { background-color: #fff; } .checkout .content .order_panel { border-top: 1px solid #333; padding: 20px 0; display: flex; justify-content: space-between; } .checkout .content .order_panel:last-of-type { border-bottom: 1px solid #333; } .checkout .content .order_panel p { margin-bottom: 0; } .checkout .content .ticket_day_info { font-size: 0.85em;  float: right; }   #dialog { background-color: #444; border-radius: 5px; margin-bottom: 24px; position: relative; opacity: 0.85; cursor: pointer; transition: opacity 0.4s ease-in-out; } #dialog i { position: absolute; left: 20px; top: 24px; width: 48px; height: 48px;  } #dialog span { position: absolute; right: 14px; top: 14px; width: 17px; height: 17px; background-image: url(../_img/close_x_white.png); background-size: 17px 17px; opacity: 0.6; } #dialog.confirm i { background-image: url(../_shared/_img/dialogue/dialog_confirm.png); } #dialog.error i { background-image: url(..//_shared/_img/dialogue/dialog_error.png); } #dialog.query i { background-image: url(../_shared/_img/dialogue/dialog_query.png); } #dialog.report i { background-image: url(../_shared/_img/dialogue/dialog_info.png); } #dialog:hover { opacity: 1; } #dialog:hover span { opacity: 1; } .content #dialog p { padding: 27px 30px 27px 90px; margin: 0; text-align: left; color: #fff; min-height: 90px; } .content #dialog p b { font-weight: 400; color: #000; font-size: 1.2em; padding-bottom: 2px; display: block; } .fadingOut {  transition:opacity 0.6s linear;   opacity:0 !important; }  #download_tickets .container--bg { background-image: url(../_img/ticket_BG.png); background-position: center top; background-repeat: no-repeat;  padding-bottom: 5em; } @media(max-width: 940px) { .content .panel {  padding: 2em 2em; } .content .panel .grid p.label {  padding-right: 10px; } } @media(max-width: 740px) { .content .sz_100 {  min-width: 0; } } @media(max-width: 540px) { .content .panel {  padding: 15px; } .content .grid {  display: block; } .content .panel .grid p.label {  margin-bottom: 0; } #action_buttons {  display: block; } .submitter input {  display: block;  width: 100%; } .checkout .content .order_panel { border-top: 1px solid #333; padding: 20px 0; display: block; justify-content: space-between; } .checkout .content .order_panel:last-of-type { border-bottom: 1px solid #333; } .checkout .content .order_panel p { margin-bottom: 0; } .checkout .content .ticket_day_info { font-size: 0.85em;  padding-top: 20px; float: none; } }footer { background: #333;  margin-bottom: 60px; padding: 30px 0; font-size: 15px; color: #fff; margin-top: 90px; } .footer_grid { display: flex;  justify-content: space-between; padding-bottom: 30px; } .footer_grid h4 { color: #f0a07c; text-transform: uppercase; font-size: 18px; padding-bottom: 10px; } .footer_2 { padding-top: 30px;  border-top: 1px dashed #fff; } .footer_2 { opacity: 0.5; } .footer_2 a { color: #fff; } @media (max-width: 740px) { footer {  margin-bottom: 0;  } .footer_grid {  display: block; } .footer_grid div {  margin-left: auto;  margin-right: auto;  margin-bottom: 2em;  text-align: center; } .footer_2 {  text-align: center; } }