form * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.hello { position: absolute; z-index: 1; top: 90px; left: 0; width: 100%; box-sizing: border-box; background: #1C242D; color: #fff; padding: .5rem 1rem; text-align: center; }
@media (min-width:768px) {
    .hello { top: 108px; }
}

body { background: #fff; color: #333e49; font-family: 'Fira Sans', sans-serif; margin: 0; padding: 0; }
img, iframe { max-width: 100%; }
.container { max-width: 1024px; margin: 0 auto; }
#header { background-color: #fb511e; height: 90px; position: fixed; top: 0; width: 100%; z-index: 10000; -webkit-box-shadow: 0 12px 12px rgba(0,0,0,.05); -moz-box-shadow: 0 12px 12px rgba(0,0,0,.05); box-shadow: 0 12px 12px rgba(0,0,0,.05); }
#header .container { position: relative; }
#logo { position: absolute; top: 18px; left: 18px; z-index: 1000; }
#logo img { height: 45px !important; display: block; }
#burger { position: absolute; top: 30px; right: 18px; cursor: pointer; color: #333e49; }
#burger i { font-size: 24px; }
#closebutton { margin-bottom: 10px; width: 20px; }
#menuitems { margin-bottom: 30px; }
#nav { background-color: #fff; min-width: 300px; position: fixed; right: -500px; z-index: 1000; top: 0; -webkit-box-shadow: 0 12px 12px rgba(0,0,0,.05); -moz-box-shadow: 0 12px 12px rgba(0,0,0,.05); box-shadow: 0 12px 12px rgba(0,0,0,.05); }
#navinner { padding: 33px 0 25px 20px; }
#nav ul { list-style: none; margin: 0; padding: 0; }
#nav #navinner > ul > li { padding: 5px 0; font-size: 16px; font-weight: 700; }
#nav #navinner > ul > li li { font-size: 16px; font-weight: normal; margin-top: 5px; }

.boldlinks a { font-weight: 700; }
#nav ul .nav2 { display: none; }
#nav ul li.active .nav2 { display: block; }
#header .navcontact { margin-right: 24px;  z-index:100; }
#header .navcontact a.shopping-basket, #header .navcontact a.shopping-basket:hover { background: transparent; color: #fb511e; }
#header .navcontact a { display: block; background-color: #fff; color: #fb511e; font-weight: 500; font-size: 14px; line-height: 14px; padding: 6px 12px; margin: 6px 0 12px 12px; }
#header .navcontact a:hover { color: #fb511e; background-color: #fff; }
#header .navsocial { padding: 3px 0 0 12px }
.navsocial .fa-facebook { background-color: #22406c; border-radius: 100%; color: #fff; height: 15px; width: 15px; padding: 6px 6px; margin: 0 0 0 3px; text-align: center; }
.navsocial .fa-twitter { background-color: #66c5db; border-radius: 100%; color: #fff; height: 15px; width: 15px; padding: 6px 6px; margin: 0 0 0 3px; text-align: center; }
.navsocial .fa-youtube-play { background-color: #e52d27; border-radius: 100%; color: #fff; height: 15px; width: 15px; padding: 6px 6px; margin: 0 0 0 3px; text-align: center; }
.navsocial .fa-vimeo { background-color: #1ab7ea; border-radius: 100%; color: #fff; height: 15px; width: 15px; padding: 6px 6px; margin: 0 0 0 3px; text-align: center; }
.navsocial .fa-flickr { background-color: #125688; border-radius: 100%; color: #fff; height: 15px; width: 15px; padding: 6px 6px; margin: 0 0 0 3px; text-align: center; }
.navsocial .fa-instagram { background-color: #0063dc; border-radius: 100%; color: #fff; height: 15px; width: 15px; padding: 6px 6px; margin: 0 0 0 3px; text-align: center; }

#nav ul ul { padding-left: 15px; }
#closenav { cursor: pointer; font-size: 16px; }

#mc-embedded-subscribe { background-color: #fb511e; color: #fff; border: 0px solid #fff; text-align: center; padding: 5px 10px; margin-top: 10px; }
.mc-field-group { overflow: hidden; margin-top: 10px;}
#join-mailing-list { color: #333e49; font-weight: 500; display: inline-block; margin: 15px 0 12px 12px; float: right;}
#join-mailing-list #mailing-list-btn { background-color: #fff; color: #333e49; margin: 0; padding: 5px 12px 4px 12px; cursor: pointer; font-size: 14px; line-height: 14px; }
#mc_embed_signup .clear { position:relative;}
#mailing-list-x {height: 20px; right:0; bottom: 5px; position: absolute;}
#contact-us-btn {display: inline-block;}

#mailing-list .mc-field-group label { display: block; font-weight: normal; }
#main #mc_embed_signup .mc-field-group.input-group ul li { display: flex; align-items: baseline; }
#main #mc_embed_signup .mc-field-group.input-group label { margin-left: 9px; }

.filter { margin-bottom: 20px; }
.filter-btn { cursor: pointer; margin-right: 15px;}
.filter-btn.sel { font-weight: bold;}

a { color: #fb511e; text-decoration: none; }
a:hover { text-decoration: none; }
#main .block a:hover { text-decoration: underline; }
#main .block a { color: #fb511e; }
body.push #main a:hover { text-decoration: underline; }
body.push #main a { color: #f37021; }

#main { margin: 90px 0 0 0; min-height: 360px; overflow-x: hidden; }
#main h1 { font-size: 30px; line-height: 36px; margin: 0; color: #303e49; }
#main #festival-logo { margin: 30px 0 0 0; height: auto; }
#main #festival-logo img { display: block; width: 180px; height: auto; margin: 0 0 21px 0; }
#main .festival-dates { font-weight: bold; color: #fb511e; }
.style1 #main .page-title h1 { margin: 0 0 9px 0; }
.style1 #main .page-title h1.vacancies-title { display: block; }
.style1 #main h1.vacancies-title { display: none; }
#main h2 { font-size: 24px; line-height: 28px; margin: 36px 0 20px 0; color: #303e49; }
#main h2.h1 { font-size: 30px; line-height: 36px; margin: 36px 0 18px 0; color: #303e49; }
#main .blocks.first .block:first-child + h2 { margin-top: 0; }
#main h2 a { color: #fb511e; }
#main h3 { font-size: 16px; line-height: 24px; margin: 24px 0 0 0; color: #303e49; }
#main p { font-size: 16px; line-height: 24px; margin: 0 0 24px 0; color: #303e49; }
#main p strong { font-weight: 500; }
#main ul,#main ol { font-size: 16px; line-height: 24px; margin: 0 0 24px 0; }
#main p.errors { color: #d3d2c2; }
#main .container > .inner { margin: 0 18px; }
.banners #main .container > .inner { margin: 0 21px; }
.videos #main .container > .inner { margin: 0 21px; }
form { text-align: left; }
form label { font-weight: 500; }
.sr-only { display: none; }
.form-control { display: block; border: 1px solid #ccc; border-radius: 0px; padding: 6px 9px; }

figure { margin: 1em 0; }
figcaption { margin: 0 0 1em 0; font-weight: bold; }

/*.twitterwidget { margin-top: 21px !important; margin-bottom: 21px !important; }*/

#main img.img-default,
#main img.img-float-left,
#main img.img-float-right { display: block; width: 100%; height: auto; }

@media only screen and (min-width: 768px) {

#main img.img-float-left { display: block; float: left; width: 50%; height: auto; margin: 0 24px 24px 0; }
#main img.img-float-right { display: block; float: right; width: 50%; height: auto; margin: 0 0 24px 24px; }

}

#main a.btn,
#main span.btn { display: inline-block; margin: 0 0 24px 0; line-height: 1; border-radius: 0; padding: 9px 12px 6px 12px; border: 0; background: #1d1d1b; color: #fff; }
#main a.btn.outline { background: #fff; color: #1d1d1b; border: 1px solid #1d1d1b; }
#main a.btn.red { background: #fb511e; }
#main .btns a.btn { position: relative; display: block; width: 240px; margin: 0 0 12px 0; background: #fb511e; font-weight: bold; }
#main .btns #sh-schools-info { background: #90b922; }
#main .btns a.btn-artists,#main .btns a.btn-projects { background: #3faec8; }

#main .inlineLogo { display: inline-block; height: 90px; margin: 12px 30px 36px 0; }

#main .hotline { display: inline-block; margin: 0 0 12px 0; font-weight: bold; line-height: 1; color: #fb511e; padding: 8px 11px 5px 11px; border: 1px solid #fb511e; }

.btn:hover { color: #fff; }
.signin .form-control { margin: 6px 0 12px 0; /*width: 222px; */}
.signin .btn { display: block; margin: 0 0 12px 0; border-radius: 0; padding: 6px 9px; border: 0; background: #fb511e; color: #fff; }
.signin .btn:hover { background: #fb511e; cursor: pointer; }
#footer { background-color: #fff; border-top: 1px solid #e5e3e4; margin: 48px 0 0 0; padding: 24px 0; }

@media (min-width:320px) {
    #footer-funders img { max-width: 240px; }
}

#footer .inner { margin: 0 24px; }
#footer .col { margin: 0 0 24px 0; }
#footer .col1 { }
#footer .col2 { }
#footer .col3 { }
#footer .navcontact { margin: 0 }
#footer .navcontact a { display: inline-block; background-color: #fb511e; color: #fff; font-weight: 500; font-size: 14px; line-height: 14px; padding: 6px 12px; margin: 0 0 12px 0; }
body.push #footer .navcontact a { background-color: #fff; color: #333e49; }
#footer .navsocial { padding: 0 12px 12px 0; margin: 24px 0; }
#footer .navsocial .fa { margin: 0 3px 0 0; }
#footer p { font-size: 16px; line-height: 20px; margin: 0 0 10px 0; }
#footer p.legal { font-size: 12px; line-height: 16px; margin: 16px 24px 16px 0 }
#footer .nav ul { list-style: none; margin: 0; padding: 0; font-size: 16px; line-height: 20px; }
#footer .nav li { margin: 0 0 6px 0; }
#footerbottom { display: none; background-color: #fb511e; font-size: 26px; font-weight: 600; padding: 13px 28px; text-align: left; }
#footerbottom a { color: #fff; }
#main .page-title .inner { margin: 24px 0 18px 0; }

.banners { margin: 0 0; }

.lead-grid, .support-grid { overflow: hidden; }
#main .artists-grid h2 { margin: 24px 0 18px; }

.artist-image { background-size: cover; background-position: 50% 0; background-repeat: no-repeat; }
.artist-details { background-color: #f5f4f5; position: absolute; bottom: 0; width: 100%; padding: 0 0 12px 0; }
.artist-name { font-size: 20px; line-height: 24px; font-weight: 600; padding: 9px 9px 0 9px; }
#main .artist-name a { color: #fb511e; }
.artist-title { font-size: 12px; line-height: 18px; font-weight: 500; padding: 3px 9px 0 9px; }
.artist-details span { font-size: 12px; }

.news-img { position: relative; }
.news-img .news-title { position: absolute; top: 30px; left: 30px; background-color: #dff4f2; padding: 7px 10px; }
#main ul.news-categories { padding: 0; margin: 0; list-style: none; font-size: 14px; line-height: 18px; }
ul.news-categories .news-category { display: inline-block; margin: 0 6px 6px 0; }
ul.news-categories .news-category a { font-weight: 500; background-color: #fb511e; color: #fff; display: inline-block; padding: 6px 12px; line-height: 1; cursor: pointer; }

span.news-category { display: inline-block; margin: 0 0 0 6px; }
span.news-category a { font-weight: 500; background-color: #fb511e; color: #fff; display: inline-block; position: relative; top: -1px; padding: 3px 6px; font-size: 12px; line-height: 12px; cursor: pointer; }

.box { cursor: pointer; height: 242px; margin-bottom: 0; overflow: hidden; position: relative; }
.box .inner { position: relative; display: block; margin: 6px 0 6px 0; height: 230px; background-color: #ddd; color; #000; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; /* transition: all .5s ease-in-out */ }
/* .box:hover .inner { background-size: 110% auto; } */
.box1 { margin-bottom: 0; height: 236px; }
.box1.has-caption { height: 256px; }
.box1 .inner { height: 230px; }
.box1 .inner .title-wrap { bottom: 9px; z-index: 120; left: 9px; margin: 0; position: absolute; max-width: 75%; }
.box1 .inner .headlines-wrap { z-index: 120; margin: 0 0 0 9px; }
.box a { color: #fff; }
.box.news .inner { display: flex; justify-content: left; align-items: center; }
.box.news a { color: #fb511e; }
.box a:hover { text-decoration: underline; }

.box1.has-content .inner .title-wrap { bottom: 75px; }
.box1.has-content .inner .title-wrap.single { bottom: 48px; }
.box1.has-content .inner .content-wrap { position: absolute; bottom: 0; height: 72px; z-index: 100; width: 100%; }
.box1.has-content .inner .content-wrap.single { height: 48px; }
.box1.has-content.flickr .inner .content-wrap,
.box1.has-content.has-image .inner .content-wrap { background: rgba(0,0,0,.4); }
.box1.has-content .inner .content { position: absolute; bottom: 15px; left: 12px; color: #fff; z-index: 110; width: 75%; font-size: 16px; line-height: 20px; font-weight: 500; }
.box1.size2 .inner .content { font-size: 14px; line-height: 18px; }
.box1.size2.has-content .inner .title-wrap { bottom: 60px; }
.box1.size2.has-content .inner .title-wrap.single { bottom: 36px; }

.box2 .inner { height: 224px; border: 6px solid #333e49; color: #303e49; }
.box2 .inner .title-wrap { top: 0; left: 0; z-index: 120; margin: 0; position: absolute; width: 100%; }
.box2.has-content .inner .content-wrap { position: absolute; bottom: 0; height: 48px; background-color: #333e49; z-index: 100; width: 100%; }
.box2.has-content .inner .content-wrap.single { height: 30px; }
.box2.has-content .inner .content { position: absolute; bottom: 3px; left: 6px; color: #fff; z-index: 110; width: 100%; font-size: 14px; line-height: 18px; }
#main .box2.has-content .inner .content p { color: #fff; font-size: 14px; line-height: 18px; margin-bottom: 0; }

.box .preheader { color: #fff; position: absolute; z-index: 1000; top: 9px; left: 9px; font-size: 12px; line-height: 14px; text-transform: uppercase; font-weight: 500; }
.box .age-range { display: flex; justify-content: center; align-items: center; color: #fff; position: absolute; z-index: 1000; top: 9px; right: 9px; font-size: 11px; line-height: 11px; text-transform: uppercase; font-weight: 500; padding: 6px; text-align: center; width: 48px; height: 48px; border-radius: 50px; background: #fb511e; }
.box .title, .box .title:after { font-weight: 500; background-color: #fff; }
.box .title { position: relative; z-index: 100; top: 0; font-size: 18px; line-height: 21px; display: inline-block; white-space: pre-wrap; padding: 6px 6px 3px 6px; margin: 0; }
.box .title a { color: #303e49; }
.box2 .title { padding: 6px 6px 3px 6px; }
.box.size2 .title { font-size: 16px; line-height: 18px; }

.box.flickr .slide { height: 240px; }

.box .headline { position: relative; z-index: 100; top: 0; font-size: 14px; line-height: 20px; display: block; white-space: pre-wrap; padding: 6px 6px 3px 6px; margin: 0 9px 0 0; border-top: 1px solid #bbb; }
.box .headline-wrap:first-child .headline { border: 0; }
.box .headline a { font-weight: bold; }

.box.quote .inner { background-color: #303e49; position: relative; display: flex; align-items: center;}
.box.quote .inner .quote { color: #fff; font-weight: 500; margin: 0 0 3px 0; padding: 24px 12px 0 12px; font-size: 14px; line-height: 18px; }
.box.quote .inner .quote-by { color: #fff; margin: 0; padding: 0 12px; font-size: 14px; line-height: 18px; }
.box.quote .quote-mark-left { opacity: .2; color: #fff; font-size: 150px; line-height: 150px; position: absolute; top: -6px; left: 0; }
.box.quote .quote-mark-right { opacity: .2; color: #fff; font-size: 150px; line-height: 150px; position: absolute; bottom: -90px; right: 0; }

.box.twitter .inner { background-color: #303e49; }
.box.twitter .inner .tweets { position: absolute; bottom: 9px; left: 0; padding: 0 12px; color: #fff; font-weight: 500; font-size: 14px; line-height: 18px; }
.box.twitter .inner .tweet:last-child { display: none; margin-top: 12px; }
.box.twitter .inner .follow { position: absolute; top: 12px; left: 12px; width: 100%; color: #fff; margin: 0; padding: 0; font-size: 16px; line-height: 20px; font-weight: 500; }

/*.box .inner { background-color: #eee; }*/
.box.color1 .inner,.box.has-image.color1 .title,.box.has-image.color1 .title a,.box2.color1 .inner .content-wrap { background-color: #fb511e; color: #fff } /* orange */
.box.color2 .inner,.box.has-image.color2 .title,.box.has-image.color2 .title a,.box2.color2 .inner .content-wrap { background-color: #fab700; color: #fff; } /* light orange */
.box.color3 .inner,.box.has-image.color3 .title,.box.has-image.color3 .title a,.box2.color3 .inner .content-wrap { background-color: #3faec8; color: #fff; } /* artists,twitter blue */
.box.color4 .inner,.box.has-image.color4 .title,.box.has-image.color4 .title a,.box2.color4 .inner .content-wrap { background-color: #ce193a; color: #fff; } /* red */
.box.color5 .inner,.box.has-image.color5 .title,.box.has-image.color5 .title a,.box2.color5 .inner .content-wrap { background-color: #223f6b; color: #fff; } /* dark blue */
.box.color6 .inner,.box.has-image.color6 .title,.box.has-image.color6 .title a,.box2.color6 .inner .content-wrap { background-color: #e43f6f; color: #fff; } /* festival pink */
.box.color7 .inner,.box.has-image.color7 .title,.box.has-image.color7 .title a,.box2.color7 .inner .content-wrap { background-color: #90b922; color: #fff; } /* schools,quote green */

.box.color1 .inner { border-color: #fb511e; }
.box.color2 .inner { border-color: #fbb800; }
.box.color3 .inner { border-color: #3faec8; } /* twitter banner bg */
.box.color4 .inner { border-color: #ce1a3b; }
.box.color5 .inner { border-color: #22406c; }
.box.color6 .inner { border-color: #e43f6f; }
.box.color7 .inner { border-color: #90b923; } /* quote banner bg */

.artists-grid .box { height: 302px; } /* add 60px for artist name/title box */
.artists-grid .box .artist-image { height: 242px; }
.artists-grid .box .inner { height: 302px; }

/*#main .box a { color: #222; }*/

/*
.box.festival, .box2.festival .festival { background-color: #e53f6f; }
.box2.festival:hover, .box2.festival:hover .festival { background-color: #8c2744; }
.box2.schools, .box2.schools .schools { background-color: #7b9f1e; }
.box2.schools:hover, .box2.schools:hover .schools { background-color: #536b14; }
.box2.artists, .box2.artists .artists { background-color: #56a9bd; }
.box2.artists:hover, .box2.artists:hover .artists { background-color: #346470; }
.box2 .inner { height: 100%; width: 100%; }
.box .top, .box2 .bottom { color: #fff; padding: 6px 12px 6px 6px; position: absolute; z-index: 1; }
.box .top { left: 6px; top: 6px; }
.box2 .bottom { bottom: 0; padding-left: 10px; width: 100%; }
*/

.block { margin: 0; }
.block .inner { margin: 0 }

.style1 #main .block.image { margin: 0 0 20px 0; }
.style1 #main .block.inner { margin: 0 0 20px 0; }

.style1 #main .blocks.first > .inner > .block:first-child > .inner > .image { display: block; width: 66.67%; float: none; margin: 0 0 24px 33.33%; }
.style1 #main .blocks.first > .inner > .block:first-child > .inner > .image .inner { margin: 0; }

.style1 #main .blocks.padding { padding-top: 24px; }

.style1 .blocks .quote { position: relative; }
.style1 .blocks .quote blockquote { padding: 0; font-size: 24px; line-height: 28px; margin: 0 0 12px 0; }
.style1 .blocks .quote blockquote { font-size: 18px; color: #fb511e; font-weight: 500; line-height: 24px; margin: 0 24px 6px 0; }
.style1 #main .quote p.quote-by { font-size: 14px; line-height: 20px; color: #fb511e; }
.style1 .blocks .quote .quote-mark-left { opacity: .2; color: #fb511e; font-size: 150px; line-height: 150px; position: absolute; top: -9px; left: -12px; }
.style1 .blocks .quote .quote-mark-right { opacity: .2; color: #fb511e; font-size: 150px; line-height: 150px; position: absolute; bottom: -54px; right: 18px; }

.caption { margin: 6px 24px 12px 0; font-size: 12px; color: #999; }
.slide .caption { position: absolute; bottom: 0; left: 0; margin: 0; z-index: 100000; background: #fff; font-weight: bold; padding: 0 12px 3px 0; }
.artist-caption { margin: 6px 24px 12px 0; font-size: 12px; color: #999; }

.style1 .blocks .image { }
.style1 .blocks .image .inner { margin: 0 0 0 0; }
.style1 .blocks .image img { display: block; max-width: 100%; }
.style1 .blocks .image .image-credit { margin: 6px 24px 12px 0; font-size: 12px; color: #999; text-transform: uppercase; font-weight: 500; }
.style1 .blocks .image { }
.style1 .blocks .image .inner { margin: 0 0 0 0; }
.style1 .blocks .image img { display: block; max-width: 100%; margin: 0; }

div.photo-gallery { margin: 0; }

.bx-wrapper { margin: 0 0 0 0 !important; height: inherit; }
.bx-wrapper .bx-viewport, .bxslider, .slide { height: inherit !important; }
.bx-wrapper li { background-color: #fff !important; }
.bx-wrapper .slide { list-style: none; padding: 0; margin: 0; background-color: #fff; background-size: auto 100%; background-position: center; background-repeat: no-repeat !important; }
.bx-wrapper .banner-slides { height: inherit; }
.bx-wrapper .inner { background-position: center; }

/*.bx-controls-direction a { opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }*/

.bx-wrapper:hover .bx-controls-direction a { opacity: 1; }

.video { position: relative; min-height: auto; margin: 0 0 0 0; }
.video .inner { background: #dbf0ee; padding: 0 18px; background-size: cover; }
.video .image .inner { background-color: #dbf0ee; height: 180px; margin: 0; }
.video .title { }
.video .content { }

.content iframe { 
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    margin: 1em auto;
}

.article { margin: 0 0 24px 0; overflow: hidden; padding-top: 24px; border-top: 1px solid #eee; }

@media only screen and (min-width: 768px) {
    .artist-caption { margin: 6px 24px 12px 6px; }
    .bx-wrapper .artist-caption { margin-left: 0; }
    .article:first-child { border: 0; padding: 0; }
}

.article .inner .title { margin: 0 0 10px 0; }
#main .article h2 { margin: 0 0 9px 0; }
#main .article:first-child h2 { margin-top: 0; }
.article .inner h2.title-other { margin-top: 0; margin-bottom: 0; font-size: 24px; line-height: 28px; }
.article .inner h3.title-en, .resource-single .title-en { margin: 10px 0 0 0; font-weight: normal; font-style: normal; font-size: 16px; line-height: 20px; }
.article .inner .content {  }
.article .inner .author,.article .inner .language { font-size: 14px; line-height: 18px; color: #888; margin: 0 0 9px 0; }
.resource-single .language { font-size: 14px; line-height: 18px; color: #888; margin: 9px 0 9px 0; }
.resource-single .author { font-size: 14px; line-height: 18px; color: #888; margin-bottom: 9px; }

#main .article .inner .content p { font-size: 16px; line-height: 24px; }
.article:not(.featured) .image .inner { height: 242px; }
.article .image { margin: 0 0 24px 0; }
.article .image .inner { background-color: #f7f7f7 /*dbf0ee*/; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; height: 180px; margin: 0; }
.article .btn { margin: 0; }
.article:not(.featured) .image .inner { height: 242px; margin: 0; }

.relative { position: relative; }
.clear { clear: both; }
.centertop { position: relative; max-width: 1200px; margin: 0 auto; text-align: center; }
.center { display: inline-block; width: 100%; }
.center * { text-align: left; }
.ghost { display: none; }
.slider { margin-bottom: 0; }
.slide, .box.slider { background-repeat: no-repeat; background-size: cover; }
body:not(.home) .box.slider { margin-top: 24px; margin-bottom: 0; }
.box.event-banner { margin-bottom: 36px !important; position: relative; }
.box.event-banner .inner { margin-left: 0; margin-right: 0; }
.box.event-banner .slide { background-size: cover;   box-shadow: 0 170px 170px -170px rgba(0, 0, 0, 0.8) inset, 0 -170px 170px -170px rgba(0, 0, 0, 0.8) inset; }
.box.event-banner .event-title { position: absolute; top: 9px; left: 12px; font-weight: bold; z-index: 1000; color: #fff; font-size: 24px; }
.box.event-banner .event-age-range { display: flex; justify-content: center; align-items: center; color: #fff; position: absolute; z-index: 1000; top: 9px; right: 9px; font-size: 12px; line-height: 12px; font-weight: 500; padding: 6px; text-align: center; width: 54px; height: 54px; border-radius: 54px; background: #fb511e; word-spacing: 100vw; }
.box.event-banner .event-company { position: absolute; bottom: 12px; left: 12px; z-index: 1000; color: #fff; font-size: 16px; line-height: 22px; }
.box .banner-video { height: inherit; width: 100%; border: none; }

#main .box.slider .slider-page-title { position: absolute; top: 12px; left: 12px;  }
#main .box.slider .slider-page-title h1 { color: #fff; }
.festival #main h1 { margin: 0 0 18px 0; }

#main table.tour { margin: 24px 0; display: block; border-collapse: collapse; font-size: 14px; line-height: 18px; }
#main table.tour tr td { padding: 6px 12px 6px 0; width: 25%; vertical-align: top; }
#main table.tour tr td.book-now { text-align: right; }
#main table.tour tr:not(.no-bt) td { border-top: 1px solid #333e49; padding: 6px 12px 6px 0; }
#main table.tour tr.no-bt.last td { padding: 0 0 6px 0; }
#main table.tour th { text-align: left; padding: 6px 12px 6px 0; }

.booking, .od { border: 1px solid #fb511e; background: #fff; margin: 24px 0; padding: 9px 15px }
.od-heading, .booking-heading { font-weight: bold; margin: 9px 0 0 0; font-size: 14px; line-height: 18px; }
#main .booking p,#main .od p { margin: 0 0 9px 0; padding: 0; font-size: 14px; line-height: 18px; }
#main .od ul,#main .od ol { margin: 0 0 9px 24px; padding: 0; font-size: 14px; line-height: 18px; }
#main .booking a.btn { background: #fb511e; color: #fff; font-weight: bold; margin: 0 0 9px 0; }
#main .od a.btn { background: #fb511e; color: #fff; font-weight: 600; font-size: 14px; line-height: 16px; padding: 6px 12px; margin: 0 0 12px 0; }

#main .booking-btn { border-bottom: 0px solid #fb511e; padding: 6px 0 0 0; }
#main .event-on-tour { font-size: 18px; line-height: 24px; font-weight: 600; padding: 6px 0 0 0; margin: 0 0 6px 0; }
#main .booking-venue, #main .booking-venue-pop { font-size: 18px; line-height: 24px; font-weight: 600; padding: 6px 0 0 0; margin: 3px 0 0 0; }
#main .booking.tour .booking-venue { border-top: 1px solid #fb511e; padding-top: 6px; }
#main .booking-stage { font-size: 14px; line-height: 18px; }
#main ul.performances { margin: 12px 0; padding: 0; font-size: 14px; line-height: 14px; list-style: none; }
#main .booking.tour ul.performances { margin: 3px 0 18px 0; }
#main ul.performances li { margin: 0; padding: 6px 0; border-top: 1px solid #333e49; }

#main ul.performances li span.performance-time { float: right; }

#main ul.events-calendar { list-style: none; margin: 0 0 24px 0; padding: 0; }

.youtube-overlay { position: absolute; top:0; right: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 1000; }
.youtube-overlay .fa-youtube-play { font-size: 60px; color: rgba(255,255,255,.8);}
.video-overlay { position: fixed; height: 100vh; width: 100vw; background-color: rgba(0,0,0,.5); z-index:9999999; top:0;left:0; opacity:0; display: none; align-items: center; justify-content: center;}
.video-overlay.flex {display: flex !important;}
#youtube-player { min-width: 50vw; min-height: 50vh; border:0;}

/*.events .content { margin-top: 44px;} */
.event-dates { margin: 12px 0; font-weight: 600; }
.booking-btn-outer {margin-bottom: 24px;}
body.push #main a.booking-btn {padding: 5px 10px; background-color: #f37021; color: #fff; font-size: 20px; }
.booking-details { padding-right: 24px;}
.booking-details .inner {background-color: #dff4f2; padding: 20px;}

.opportunity-deadline { margin: 24px 0; color: #303e49; }
.opportunity-deadline strong { color: #fb511e; }

/* booking form*/
#booking-form label, #booking-form input:not([type=radio],[type=checkbox]), #booking-form textarea { display: block; width: 100%;}
#booking-form #add-show-btn { cursor: pointer; }
#booking-form select { width: 100%; }
#booking-form input[type=radio] { margin-right: 6px; }
#booking-form input, #booking-form textarea, #booking-form select { margin-bottom: 12px; }
#booking-form input[type='submit'] { background: #fb511e; width: 50%; border: none; color: #fff; margin-top: 12px; }
#booking-form h3 { margin-bottom: 18px; }
#booking-form .booking-radios { margin-bottom: 12px;}

.partner-logos { display: flex; justify-content: space-between; flex-flow: row wrap; border-top: 1px solid #eee; margin: 30px 20px 0; padding-top: 30px; }
.partner-logo { display: inline-block; }
.partner-logo img { max-width: 100%; height: 50px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; }
/* IE6 */
*:first-child + html .clearfix { zoom: 1; }
/* IE7 */

.share.share-buttons { height: 36px; width: auto; margin: 18px 0 30px 0; }
.share.share-buttons ul { list-style: none; margin: 0; padding: 0;}
.share.share-buttons li { display: inline-block; height: 36px; margin: 0 3px 0 0; padding: 0;}
body #main .share.share-buttons li a { display: flex; font-size: 18px; border-radius: 24px;  width: 24px;  height: 18px; color: #fff;  padding: 9px 6px; }
body #main .share.share-buttons li a:hover {text-decoration: none;}
.share.share-buttons li.share-googleplus a { background: #dd4b39; }
.share.share-buttons li.share-facebook a { background: #3b5998; }
.share.share-buttons li.share-twitter a { background: #55acee; }
.share.share-buttons li.share-whatsapp a { background: #25D366; }
.share.share-buttons li.share-email a { background: #4285f4; }

.adminbar { font-size: 14px; line-height: 18px; position: fixed; bottom: 0; right: 24px; display: inline-block; width: auto; padding: 6px 12px; border: 0px solid #ddd; background: #333e49; }
.adminbar a { display: block; color: #fff; }

.previous-projects { margin-top: 36px; }

.filter-wrap { margin-bottom: 24px;}

ul#date-filter { list-style: none; margin: 0; padding:0;}
ul#date-filter li { display: inline-block;  float: none; margin: 0; }
ul#date-filter li a { height: 45px; width: 45px; border: 2px solid #fb511e; text-align: left; padding: 4px; display: block; font-size: 12px; font-weight: bold; line-height: 14px; margin: 0 3px 3px 0; }
ul#date-filter li a.active, ul#date-filter li a:hover { background: #fb511e; color: #fff; }

ul#age-filter { list-style: none; margin: 0; padding:0;}
ul#age-filter li { display: inline-block; float: none; margin: 0; }
ul#age-filter li a { height: 45px; width: 45px; border: 2px solid #90b923; text-align: left; padding: 4px; display: block; font-size: 12px; font-weight: bold; line-height: 14px; margin: 0 3px 3px 0; }
ul#age-filter li a.active { background: #90b923; color: #fff; }

#main #schools-info { background: #f2f0f1; overflow: hidden; padding: 36px 0 36px 0; margin: 0 0 36px 0; display: none; }
#main #schools-info .schools-details { margin-bottom: 24px; }
#main #schools-info .schools-block { margin-bottom: 48px; }
#main #schools-info .schools-block-headline { font-weight: 600; margin: 20px 0 10px 0; }
#main #schools-info .schools-block:first-child .schools-block-headline { margin-top: 0; }
#main #schools-info .school-btn { background: #fb511e; font-size: 14px; font-weight: 600; width: 72px; height: 72px; color: #fff; padding: 6px; display: block; float: left; margin: 0 12px 12px 0; }
#main #schools-info .school-btn.green { background: #90b922; }
#main #schools-info a.school-btn { cursor: pointer; }

.booking-venue .fa-info { background: #fb511e; color: #fff; border: 1px solid #fb511e; border-radius: 100%; padding: 0 6px; margin-left: 6px; cursor: pointer; }
#main .booking-popout, #main .booking-popout .booking-venue-pop { display: none; }
#main .booking-popout .booking-pop-address { margin: 12px 0; font-size: 14px; line-height: 18px;}
#main .booking-popout .booking-pop-map { height: 250px; }
#main .booking-popout .booking-close { position: absolute; top: 0; right: 0; height: 20px; cursor: pointer; }

#main .related-content { margin-top: 24px; margin-bottom: 24px; }
#main .related-content .related-heading {  }
#main .related-content .related-image { padding-top: calc(100% / 16 * 9); background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 3px; }
#main .related-content .related-block { }
#main .related-content .related-block-inner { position: relative; }
#main .related-content .related-title-wrap { position: absolute; bottom: 9px; left: 9px; max-width: 75%; margin: 0; }
#main .related-content .related-title { position: relative; display: inline-block; white-space: pre-wrap; padding: 6px 6px 3px 6px; margin: 0; font-weight: 500; background: #fff; color: #000; }

#main .related-content .related-block:nth-child(even) .related-block-inner { padding: 0 3px; }
#main .related-content .related-block:nth-child(even) .related-title-wrap { left: 12px; }
#main .related-content .related-block:nth-child(odd) .related-block-inner { padding: 0 3px; }



@media only screen and (min-width: 480px) { /* Styles */

}

@media only screen and (min-width: 768px) {
    #main .related-content .related-heading { float: left; margin-bottom: 12px; margin-top: 0; }
    #main .related-content .related-block {  display: inline-block; }
    #main .related-content .related-image { padding-top: calc(100% / 3 * 2); }
}

@media only screen and (max-width: 768px) {

    #main .booking.tour .booking-popout { margin-top: 0 !important; }
}

@media only screen and (min-width: 768px) {

	#burger, #closenav { display: none; }
    #header { /*-webkit-box-shadow: -4px 0 13px 10px rgba(52, 50, 50, 0.1); -moz-box-shadow: -4px 0 13px 10px rgba(52, 50, 50, 0.1); box-shadow: -4px 0 13px 10px rgba(52, 50, 50, 0.1); */ height: 108px; width: 100%; }
    #header .navsocial { position: absolute; top: 39px; right: 48px; }
    #header .navcontact { position: absolute; top: 0; right: 24px; }
    #header .navcontact a { display: inline-block; }
    #header .navcontact a.shopping-basket, #header .navcontact a.shopping-basket:hover { background: transparent; color: #fff; }

    #burger { display: none; }
    #logo { top: 28px; left: 48px; z-index: 100000; }
    body.push #logo { top: 27px; }
    body.push #logo img { height: 42px; }
    #nav { background-color: transparent; box-shadow: none; min-height: inherit !important; position: relative; left: 0; top: 0; }
    #nav ul li a { color: #fff; }
    #nav ul li ul a { color: #333e49; }
    #navinner { padding: 39px 0 0 0; margin: 0 0 0 240px; position: static; }
    .boxoffice #navinner { padding: 39px 0 0 0; }
    #nav ul li.has-subnav:before { display: none; content: " "; width: 0; position: absolute; left: 40%; bottom: 0px; right: 320px; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #e5e3e4; }
    body.push #nav ul li.has-subnav:before { border-bottom: 6px solid #08baa6 /*#ceedea*/; }
    body:not(.subnav) #nav ul li.has-subnav:before { border-bottom: 6px solid #fff; }
    #nav ul li.has-subnav:hover:before, #nav ul li.has-subnav:hover .navhidden, .active .navhidden { display: block; }
    #nav #navinner ul li.has-subnav { padding-bottom: 45px; }
    #nav ul .nav2 { left: 0; padding: 3px 0 0; width: 100%; position: fixed; top: 108px; background-color: #e5e3e4; height: 36px; overflow: hidden; display: none; -webkit-box-shadow: 0 12px 12px rgba(0,0,0,.05); -moz-box-shadow: 0 12px 12px rgba(0,0,0,.05); box-shadow: 0 12px 12px rgba(0,0,0,.05); }
    #nav ul .nav2 ul { margin: 0 30px; }
    #nav ul .nav2 li { padding-bottom: 10px; }
    #nav ul .nav2 li.has-subnav2 { position: relative; }
    #nav ul li.active .nav2 { display: block; }
    #nav ul .nav2 li.has-subnav2:after { display: inherit; content: " "; width: 0; position: absolute; left: 44%; bottom: 0; right: 320px; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #ccc9ca; }
    #nav ul#menuitems > li:hover > a { display: inline-block; line-height: 16px; border-bottom: 1px solid #fff; }
    #nav ul li.has-subnav.active:before { display: inherit; }
    #nav ul ul li:first-child { margin-left: 0px; }
    #nav ul ul li:not(:first-child):before { content: " | "; font-size: 14px; color: #fff; }
    #nav ul ul li { display: inline-block; }
    #nav ul ul li a { font-size: 14px; line-height: 16px; margin: 0 6px 0 3px; }
    #nav ul .nav2 > li:hover > a, #nav ul ul.nav3 > li:hover > a { line-height: 15px; display: inline-block; border-bottom: 1px solid #fff; }
    body.push #nav a { color: #fff; }
    .ghost { display: inherit; position: absolute; width: 100%; height: 10px; }
    #nav #navinner > ul > li { display: inline-block; padding-left: 9px; padding-right: 9px; position: relative; }
    .nav2 li:hover .nav3 { display: inherit; }
    .nav3 { background-color: #ccc9ca; position: fixed; top: 154px; }
    #main { margin: 108px 0 0 0; }
    .box.slider .bx-wrapper { padding-left: 0; }
    .box.size4,.box.size4 .bx-wrapper,.box.size4.slider .bx-viewport { height: 404px; }
    .box.size4.has-caption { height: 428px; }

    .partner-logos { margin: 30px 0 0;}

    .booking, .od { margin: 0 24px 24px 0; }

    /*148px 0 0 0; }*/
    .subnav #main { margin-top: 146px; }
    .home #main, .push-home #main { margin-top: 108px; }
    #main .container > .inner { margin: 0 45px; }
    .boxoffice #main .container > .inner { margin: 24px 45px; }
    .push #partner-logos .container > .inner { margin: 0 48px; }
    .banners #main .container > .inner { margin: 0 45px; }
    .videos #main .container > .inner { margin: 0 45px; }
    .artists-grid #main .container > .inner { margin: 0 45px; }
    #main .page-title .inner { padding: 0 24px 0 0; }
    .style1 #main .page-title h1.vacancies-title { display: none; }
    .style1 #main h1.vacancies-title { display: block; margin-bottom: 24px; }

    /*booking form*/
    #booking-form .size3, #booking-form .size2 { display: inline-block; }
    #booking-form .size2 input:not([type=radio]) { width: 85%; }
    #booking-form input:not([type=radio],[type=checkbox]) { width: 90%; }
    #booking-form input:not([type=radio],[type=checkbox]).full, #booking-form .full, #booking-form select { width: 95%; }
    #booking-form input[type='submit'] { width: auto; padding: 3px 12px }

	.banners.padding-left { margin-left: 33%; }
	.banners.padding-left .box { width: 50%; }

	.box .inner { margin: 6px 3px; height: 196px; }
    .box.event-banner .inner { height: 100%; }

	/*
	.box.size2 .inner { height: 254px; }
	.box.size3 .inner { height: 360px; }
	.box.size4 .inner { height: 404px; }
	.box.size5 .inner { height: 512px; }
	.box.size6 .inner { height: 684px; }
	*/

    .size1 { width: 16.66%; }
    .size2,.size2d { width: 33.33%; }
    .size3 { width: 49.5%; }
    .size4 { width: 66.66%; }
    .size5 { width: 83.33%; }
    .size6 { width: 100%; }
    .block { margin: 0; }

    .banners { margin: 0 0; }
    .banners.align-with-text { margin-left: 33.33%; }
    .banners.align-with-text .box.size2 { width: 49.5%; }
    .box { float: left; }

	.box.size4.slider { height: 404px !important; margin: 0; }
	.box.size4.slider li .inner { height: 398px; margin: 0; }
	body:not('.home') .box.size4.slider .inner { margin: 0; }
	.box.size4.slider .bx-viewport { height: 404px; }

    .box.size1 { height: 100px; width: 16.66%; }
    .box.size2 { height: 202px; width: 33.33%; }
	.box.size2d { height: 404px; width: 33.33%; /*float: right;*/ } /* double height size2 banner */
    .box.size3 { height: 308px; width: 50%; }
    .box.size4 { height: 404px; width: 66.66%; }
    .box.size5 { height: 512px; width: 83.33%; }
    .box.size6 { height: 684px; width: 100%; }

    .box.size1 .slide { height: 100px; }
	.box.size2 .slide { height: 202px; }
	.box.size2d .slide { height: 404px; } /* double height size2 banner */
	.box.size3 .slide { height: 308px; }
	.box.size4 .slide { height: 404px; }
	.box.size5 .slide { height: 512px; }
	.box.size6 .slide { height: 684px; }

	.box1.size1 .inner { height: 96px; }
	.box1.size2 .inner { height: 196px; }
	.box1.size2d .inner { height: 398px; } /* double height size2 banner */
	.box1.size3 .inner { height: 302px; }
	.box1.size4 .inner { height: 398px; }
	.box1.size5 .inner { height: 506px; }
	.box1.size6 .inner { height: 678px; }

    .box2.size1 .inner { height: 82px; }
    .box2.size2 .inner { height: 184px; }
	.box2.size2d .inner { height: 384px; } /* double height size2 banner */
    .box2.size3 .inner { height: 290px; }
    .box2.size4 .inner { height: 392px; }
    .box2.size5 .inner { height: 494px; }
    .box2.size6 .inner { height: 666px; }

    .box2.flickr.size1 .slide { height: 82px; }
    .box2.flickr.size2 .slide { height: 184px; }
	.box2.flickr.size2d .slide { height: 384px; } /* double height size2 banner */
    .box2.flickr.size3 .slide { height: 290px; }
    .box2.flickr.size4 .slide { height: 392px; }
    .box2.flickr.size5 .slide { height: 494px; }
    .box2.flickr.size6 .slide { height: 666px; }

    .box.flickr.size1 .slide { height: 100px; }
    .box.flickr.size2 .slide { height: 202px; }
	.box.flickr.size2d .slide { height: 404px; } /* double height size2 banner */
    .box.flickr.size3 .slide { height: 308px; }
    .box.flickr.size4 .slide { height: 404px; }
    .box.flickr.size5 .slide { height: 512px; }
    .box.flickr.size6 .slide { height: 684px; }

    .artists-grid .box.size2 { height: 262px; } /* add 60px for artist name/title box */
    .artists-grid .box.size3 { height: 368px; } /* add 60px for artist name/title box */

    .artists-grid .box.size2 .inner { height: 262px; }    
    .artists-grid .box.size3 .inner { height: 368px; }

	.artists-grid .box.size2 .artist-image { height: 202px; }
	.artists-grid .box.size3 .artist-image { height: 308px; }
	.artists-grid .box.size4 .artist-image { height: 410px; }
	.artists-grid .box.size5 .artist-image { height: 512px; }
	.artists-grid .box.size6 .artist-image { height: 684px; }

    .form-group.size2 { float: left; display: inline-block; }

    .style1 #main .page-title,.news #main .page-title { width: 33.33%; float: left; }
    .style1 #main .page-title.wide { width: 100%; float: none; }
    .style1 #main .page-title h1 { text-align: left; }
    .style1 #main .block.image { margin: 0 0 24px 33.33%; padding-top: 24px; }
    .style1 .blocks .title { margin: 0 0 0 33.33%; }
    .style1 .blocks .quote { float: left; width: 33.33%; position: relative; }
    .style1 .blocks .quote blockquote { font-size: 18px; color: #fb511e; font-weight: 500; line-height: 24px; margin: 0 24px 6px 0; }
	.style1 .blocks .quote .quote-mark-left { top: -9px; left: -24px; }
	.style1 .blocks .quote .quote-mark-right { bottom: -54px; right: 18px; }
    .style1 #main .quote p.quote-by { font-size: 14px; line-height: 20px; color: #fb511e; }

    .style1 .blocks .booking-wrap { float: left; width: 33.33%; }
    .style1 .blocks .opportunity-details-wrap { float: left; width: 33.33%; }

    .style1 .blocks .image { float: left; width: 33.33%; }
    .style1 .blocks .image .inner { margin: 0 24px 0 0; }
    .style1 .blocks .image img { }
    .style1 .blocks .image .caption { }
    .style1 .blocks .content { margin: 0 0 0 33.33%; }
    .style1 .blocks.first,.news .blocks.first { padding: 24px 0 0 0; }

    .style1 .blocks .block.image-right .image { float: right; }
    .style1 #main .blocks.first > .inner > .block.image-right:first-child > .inner > .image { float: right; width: 300px; margin-left: 24px; }
	.style1 .blocks .block.image-right .image img { display: block; max-width: 300px; height: auto; }
    .style1 .blocks .block.image-right .image .inner { margin: 0 0 24px 24px; }

    .style1 .blocks .block.image-full .image { float: none; width: 100%; }
    .style1 .blocks .block.image-full .image .inner { margin: 24px 0 24px 33.33%; }
	.style1 .blocks .block.image-full .image img { display: block; width: 100%; margin: 0; }

    .block.bold-counter ol { margin: 0 0 1.5em; padding: 0; counter-reset: item; }
    .block.bold-counter ol > li { margin: 0; padding: 0 0 0 2em; text-indent: -2em; list-style-type: none; counter-increment: item; }
    .block.bold-counter ol > li:before { display: inline-block; width: 1em; padding-right: 0.5em; font-weight: bold; text-align: right; content: counter(item) "."; }
    .block.bold-counter ol li:before { font-weight: bold; }

    ul#date-filter li { float: left; }
    ul#age-filter li { float: left; }

    .filter-wrap { width: 33.33%; float: left; margin: 24px 0 0 0; }
	.filter-label { font-weight: bold; margin: 0 0 12px 0; }

	/*
	ul#date-filter { list-style: none; margin: 0; padding:0;}
	ul#date-filter li { display: inline-block;  float: left; margin: 0 3px 6px; }
	ul#date-filter li a {height: 77px; width: 77px; background: #f37021; padding: 5px; display: block;}

	ul#age-filter { list-style: none; margin: 0; padding:0;}
	ul#age-filter li { display: inline-block;  float: left; margin: 0 3px 6px; }
	ul#age-filter li a {height: 77px; width: 77px; background: #90b923; padding: 5px; display: block;}
	*/

    #schools-info .schools-details { width: 33%; position: absolute; top:0; }

    .artists #main .container.videos-grid > .inner { margin: 0 42px; }
    .videos #main .container.videos-grid > .inner { margin: 0 42px; }
    #main .banners .quote .inner blockquote { font-size: 14px; line-height: 18px; margin: 0; }
	#main .banners .quote .inner p { font-size: 14px; line-height: 18px; }
	#main .banners .cta .inner p { font-size: 14px; line-height: 18px; }
    .video { width: 33.33%; float: left; position: relative; min-height: auto; }
    /*.video .inner { margin: 0 6px; }*/
    .video .image .inner { background-color: #dbf0ee; height: 180px; margin: 0; }
    .video .title { }
    .video .content { }
    .article:not(.featured) .image { float: left; width: 33.33%; margin: 0; }
	.article.featured .image .inner { height: 404px; }
    .article:not(.featured) .image .inner { height: 180px; margin: 0 24px 0 0; }
    .article:not(.featured) .title { margin-left: 33.33%; }
    .article:not(.featured) .content { margin-left: 33.33%; }

    .style1 .blocks .article.featured .image { width: 100%; }
    .style1 .blocks .article.featured .title, .style1 .blocks .article.featured .content { margin: 0 0 10px 0; }

	.submit-article-wrap { width: 66.66%; }
    #footer .inner { margin: 0 48px; }
    #footer .col { width: 33.33%; float: left; margin: 0; }
    #footer .col1 { }
    #footer .col2 { }
    #footer .col3 { }

	#footer .navsocial { margin: 0 0; }

    #main .btns a.btn { width: auto; }
    #main .booking-popout { position: absolute; padding: 24px; border: 1px solid #fb511e; background: #fff; margin: -15px auto; top: 0; left: 0; bottom: 0; right: 0; width: 50vw; z-index: 1000; -webkit-box-shadow: 0 12px 12px rgba(0,0,0,.05); -moz-box-shadow: 0 12px 12px rgba(0,0,0,.05); box-shadow: 0 12px 12px rgba(0,0,0,.05);}
    #main .booking-popout .booking-venue-pop { display: initial; }
    #main .booking-popout .booking-close { top: 25px; right: 25px; }

}

@media only screen and (min-width: 991px) {

    .box.size4 .inner { margin-left: 6px; }
    .bx-wrapper .box.size4 .inner { margin-left: 0; }

}
/* @media only screen and (min-width: 1024px) {  #nav ul ul li:first-child { margin-left: 40px; }    #nav ul ul:first-child { margin-left: 50px; }    #bookingsm { display: none; }    #bookinglg { display: inline; }    footer { padding-left: 50px; padding-right: 50px; }    #logo { margin-left: 50px; }    #main .center { max-width: 1100px; }    #headerleft {   #logo img { height: 55px; }    #nav .orangelinks { right: 50px; }    #nav #navinner > ul > li { padding-right: 20px; }    #headersocial { right: 50px; top: 62px; } } */

@media only screen and (min-width: 1224px) {

	.container { max-width: 1200px; }

	.box .inner { height: 236px; }

    .box.size1 { height: 140px; }
    .box.size2 { height: 242px; }
    .box.size2d { height: 484px; float: left; }
    .box.size3 { height: 378px; }
    .box.size4 { height: 444px; }
    .box.size5 { height: 552px; }
    .box.size6 { height: 724px; }

	.box.size1 .slide { height: 180px; }
	.box.size2 .slide { height: 282px; }
    .box.size2d .slide { height: 484px; }
	.box.size3 .slide { height: 388px; }
	.box.size4 .slide { height: 484px; }
	.box.size5 .slide { height: 592px; }
	.box.size6 .slide { height: 774px; }

    .box.size1 .inner { height: 180px; }
	.box.size2 .inner { height: 282px; }
    .box.size2d .inner { height: 484px; }
	.box.size3 .inner { height: 388px; }
	.box.size4 .inner { height: 484px; }
	.box.size5 .inner { height: 592px; }
	.box.size6 .inner { height: 774px; }

	.box1.size1 .inner { height: 154px; }
	.box1.size2 .inner { height: 236px; }
    .box1.size2d .inner { height: 478px; }
	.box1.size3 .inner { height: 372px; }
	.box1.size4 .inner { height: 464px; }
	.box1.size5 .inner { height: 566px; }
	.box1.size6 .inner { height: 738px; }

    .box2.size1 .inner { height: 122px; }
    .box2.size2 .inner { height: 224px; }
    .box2.size2d .inner { height: 448px; }
    .box2.size3 .inner { height: 330px; }
    .box2.size4 .inner { height: 432px; }
    .box2.size5 .inner { height: 534px; }
    .box2.size6 .inner { height: 706px; }

    .box2.flickr.size1 .slide { height: 122px; }
    .box2.flickr.size2 .slide { height: 224px; }
    .box2.flickr.size2d .slide { height: 448px; }
    .box2.flickr.size3 .slide { height: 330px; }
    .box2.flickr.size4 .slide { height: 432px; }
    .box2.flickr.size5 .slide { height: 534px; }
    .box2.flickr.size6 .slide { height: 706px; }

    .box.flickr.size1 .slide { height: 140px; }
    .box.flickr.size2 .slide { height: 242px; }
    .box.flickr.size2 .slide { height: 484px; }
    .box.flickr.size3 .slide { height: 348px; }
    .box.flickr.size4 .slide { height: 444px; }
    .box.flickr.size5 .slide { height: 552px; }
    .box.flickr.size6 .slide { height: 724px; }

    .artists-grid .box.size2 { height: 302px; } /* add 60px for artist name/title box */
    .artists-grid .box.size3 { height: 428px; } /* add 60px for artist name/title box */

	.artists-grid .box.size2 .artist-image { height: 242px; }
	.artists-grid .box.size3 .artist-image { height: 360px; }
	.artists-grid .box.size4 .artist-image { height: 444px; }
	.artists-grid .box.size5 .artist-image { height: 552px; }
	.artists-grid .box.size6 .artist-image { height: 724px; }

	.artists-grid .box.size2 .inner { height: 302px; }
	.artists-grid .box.size3 .inner { height: 424px; }

    .article:not(.featured) .image .inner { height: 242px; margin: 0 24px 0 0; }

	.article.featured .image .inner { height: 484px; }

    .box.size4,.box.size4 .bx-wrapper,.box.size4.slider .bx-viewport { height: 484px; }
    .box.size4.has-caption { height: 498px; }
    .box.size4.slider { height: 484px !important; margin: 0; }
	.box.size4.slider li .inner { height: 478px; margin: 0; }
	body:not('.home') .box.size4.slider .inner { margin: 0; }
	.box.size4.slider .bx-viewport { height: 484px; }

	.box.twitter .inner .tweet:last-child { display: block; }

}

/* BOXOFFICE */

.boxoffice #main h1 { padding-top: 24px; margin: 24px 0 24px 0; }

#main ul.boxoffice { list-style: none; margin: 0 0 0 0; padding: 0; width: 100%; }
#main ul.boxoffice ul { list-style: none; margin: 0; padding: 0; }
#main ul.boxoffice li { margin: 0; padding: 0; }
#main ul.boxoffice ul.hidden { display: none; }
#main ul.boxoffice li ul li { display: block; clear: left; }

#main ul.boxoffice li.event-offers,
#main ul.boxoffice li.notice { font-weight: bold; color: #fb511e; text-align: left; padding: 18px 0; border-top: 1px solid #ddd; }

.add-membership-to { visibility: hidden; }
.add-membership-to.visible { visibility: visible; }

.inner a.has-membership:nth-of-type(2) { display: none !important; }
.inner a.has-membership:nth-of-type(3) { display: none !important; }

body.delegates #main ul.boxoffice li ul li.public-ticket { display: none; }
body.delegates #main ul.boxoffice span.event-ticket-type-qty select { display: none; }
body.delegates #main span.show-event-tickets { display: none; }
body.delegates #main .event-offers,
body.delegates #main .notice.public { display: none; }
body.delegates #main .notice.delegates { display: block; }

body.public #main ul.boxoffice li ul li.delegate-ticket { display: none; }
body.public #main .delegate-events-wrap { display: none; }
body.public #main .event-tickets { display: none; }
body.public #main .notice.delegates { display: none; }
body.public #main .event-offers,
body.public #main .notice.public { display: block; }

body.public #main span.show-event-tickets { display: block; float: left; width: 70%; padding: 18px 0; text-align: right; border-top: 1px solid #ddd; }
body.public #main .tickets-content h2 { display: none; }

body.public .p-available .sh { display: block; }
body.public .p-available .so { display: none; }
body.public .p-unavailable .sh { display: none; }
body.public .p-unavailable .so { display: block; }

body.delegates .d-available .sh { display: block; }
body.delegates .d-available .so { display: none; }
body.delegates .d-unavailable .sh { display: none; }
body.delegates .d-unavailable .so { display: block; }

#main ul.boxoffice li.event-wrap { border-top: 1px solid #ddd; }
body.delegates #main ul.boxoffice li.event-wrap.hide-on-delegates-box-office { display: none; }
#main ul.boxoffice li .event-name { font-weight: 700; width: 80%; float: left; display: block; padding: 18px 0; border-top: 0px solid #ddd; }
#main ul.boxoffice li.event-wrap.logo .event-name { width: 75% }
#main ul.boxoffice li.event-wrap.logo .event-image-wrap.logo { display: none; }
#main ul.boxoffice li .event-name-inner {  }
#main ul.boxoffice li .event-image-wrap { float: left; margin: 0 18px 0 0; }
#main ul.boxoffice li .event-image-inner { width: 120px; padding-bottom: 75px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
#main ul.boxoffice li .event-image-wrap.logo .event-image-inner { background-size: 100% auto; }
#main ul.boxoffice li .event-details { font-weight: 400; margin: 0; }
#main ul.boxoffice li span.show-hide { width: 20%; float: right; padding: 18px 0; text-align: right; border-top: 0px solid #ddd; }
#main ul.boxoffice li span.event-name.no-border { border: 0; }
#main ul.boxoffice li span.event-availability { width: 100%; display: block; padding: 18px 0; border-top: 1px solid #ddd; }
#main ul.boxoffice li span.event-datetime { width: 100%; display: block; padding: 18px 0; border-top: 1px solid #ddd; }
#main ul.boxoffice li span.event-ondemand { width: 30%; float: left; display: block; padding: 18px 0; border-top: 1px solid #ddd; font-weight: normal; }
#main ul.boxoffice li span.event-date { width: 15%; float: left; display: block; padding: 18px 0; border-top: 1px solid #ddd; font-weight: normal; }
#main ul.boxoffice li span.event-time { width: 15%; float: left; text-align: left; display: block; padding: 18px 0; border-top: 1px solid #ddd; font-weight: normal; }
#main ul.boxoffice li.same-day span.event-date { border-color: #fff; }
#main ul.boxoffice li ul.event-tickets { width: 70%; float: left; }
#main ul.boxoffice li span.event-ticket-type-name { width: 25%; float: left; display: block; padding: 18px 0; border-top: 1px solid #ddd; }
#main ul.boxoffice li span.event-ticket-type-price { width: 20%; text-align: right; float: left; display: block; padding: 18px 0; border-top: 1px solid #ddd; }
#main ul.boxoffice li.delegate-ticket span.event-ticket-type-name,
#main ul.boxoffice li.delegate-ticket span.event-ticket-type-price { display: none; }

body.delegates .event-the-university-of-wonder-imagination { display: none; }
body.public .event-the-university-of-wonder-imagination-delegate-only { display: none; }

body.delegates #main ul.boxoffice li.free-ticket span.event-ticket-type-name,
body.delegates #main ul.boxoffice li.free-ticket span.event-ticket-type-price { display: none; }

#main ul.boxoffice li span.event-ticket-type-qty { width: 20%; text-align: right; float: left; display: block; padding: 18px 0; border-top: 1px solid #ddd; }
#main ul.boxoffice li span.add-to { float: left; padding: 15px 0; border-top: 1px solid #ddd; text-align: right; width: 35%; display: block; }
#main ul.boxoffice li span.add-to .btn { margin-bottom: 0; }
#main ul.boxoffice li span.add-to .btn.btn-inactive { background: #fff; color: #757575; }
.hidden { display: none !important; }
.show { display: block !important; }
.hidden.show { display: block !important; }

.event-richard-stott-right-hand-man,
.event-the-spinners { display: none; }