@charset "utf-8"; /*
Template Name: Colossus
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/

@import url("fontawesome-4.3.0.min.css");
@import url("custom.flexslider.css");
@import url("framework.css");

/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row1, .row1 a{}
.row1 { position: absolute; z-index: 11; }
.row2, .row2 a{}
.row3{border-top:1px solid;}
.row4{border-top:1px solid;}
.row5, .row5 a{}


/* Header
--------------------------------------------------------------------------------------------------------------- */
.top-head { text-align: center; position: relative; z-index: 5; background: url(/images/b2b-speckle-bg-light.jpg);
	background-position: center; background-size: cover; padding: 50px 0px 6px; height: 320px; box-shadow: inset 0px -45px 100px 0px #0006; }
.countdown-timer { position: absolute; top: 18px; left: 25px; text-align: left; color: #fff; font-family: 'Titillium Web'; font-size: 50px; font-weight: 700; line-height: 70px; margin: 0; text-shadow: 4px 2px 6px #3c3c3c; }
.countdown-timer #date-timer span { font-size: 30px; position: absolute; }
.big-logo { display: inline-block; max-width: 440px; margin: 5px auto; }
.just-eat-box { display: inline-block; max-width: 10%; text-align: center; vertical-align: middle; }
.just-eat-box h2 { font-size: 14px; }
.just-eat { width: 40%; }
.dates-banner { width: 45%; display: block; margin: 0px auto; }
.dates-text { font-weight: 600; color: #b3247d; margin: 0px 15px; display: none; vertical-align: middle; font-size: 18px; }
.dates-text-alt { font-weight: 600; color: #b3247d; margin: 0px 15px; display: inline-block; vertical-align: middle; font-size: 18px; }
.mainav { margin-top: -94px; }
.mainav-alt { display: inline-block; }
.mainav-alt li a { margin: 10px 0px; }
.mainav .top-nav-border { width: 140px; margin: 0px !important; margin-left: -4px !important; border-right: 2px solid #b3247d; }
.mainav .top-nav-border.end {
	border-right: none;
}
.web-header { width: 400px; margin: 0px 40px; }
.b2b-usa { background: #b3247d; position: relative; padding: 10px 64px 10px 32px;  display: inline-block; border-radius: 0 0 10px 0; transition: ease .3s; }
.b2b-usa.hidden { opacity: 0; height: 0; transform: translateX(-100%); }
.b2b-usa p { display: inline-block; color: #fff; vertical-align: middle; font-size: 25px; margin: 0; margin-right: 65px; }
.b2b-usa a { background: #fff; display: inline-block; padding: 4px 15px; border-radius: 10px; font-weight: 600; color: #b3247d !important; box-shadow: 0 0 3px rgba(0,0,0,.5); }
.b2b-usa a:hover { box-shadow: 0 0 6px rgba(0,0,0,.5); }
.b2b-usa .fa { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #fff; padding: 10px; margin-right: -10px; transition: ease .3s; border-radius: 30px; cursor: pointer; }
.b2b-usa .fa:hover { background: #fff; color: #b3247d; }
@media (max-width: 980px) {
	.b2b-usa { display: none; }
}

#header{}

.exhibitor-login { position: absolute; right: 25px; top: 0; color: #b3247d; }
.exhibitor-login i { display: inline-block; font-size: 44px; vertical-align: middle; margin-right: 10px; margin-top: -8px; }
.exhibitor-login p { display: inline-block; font-size: 28px; vertical-align: middle; margin-top: 22px; }

.row1-alt { position: fixed; z-index: 99; top: 0; background: url("/images/b2b-speckle-bg-light.jpg"); background-position: center; text-align: center; box-shadow: 0px 0px 15px #3838387a; height: 60px; opacity: .5; transition: .2s; }
.row1-alt:hover { opacity: 1; }

#header #logo{}
#header #logo h1{ padding:0; font-size:22px; text-transform:uppercase; }
.helper { height: 100%; display: inline-block; vertical-align: middle; }
.small-logo { vertical-align: middle; padding: 0px; width: 0px; display: inline-block; margin: 0px auto; margin-top: -10px; transition: .1s; }
.small-logo-alt { vertical-align: top; padding: 0px; width: 240px; margin: 4px 0px 4px; display: inline-block; }
.header-title { display: inline-block; vertical-align: middle; margin: 0; }

.top-spacer { height: 0px; }
.top-spacer-alt { height: 135px; }

.nav-ticket-tab a { font-weight: 700; color: #b3247d !important; }
.nav-ticket-tab a:hover { color: #ef32a7 !important; }
.mainav .nav-ticket-tab { background: #b3247d; padding: 10px 20px; border-radius: 20px;
margin: 10px; border: none; max-height: 60px; transform: translateY(3px); transition: ease .3s;}
.mainav .nav-ticket-tab:hover {
	transform: translateY(-3px);
}
.mainav .nav-ticket-tab a {
	color: #fff !important;
	transform: translateY(-5px); 
	background: none !important;
}

.big-ticket-button { width: 160px; height: 160px; box-shadow: 0 0 5px rgba(214, 159, 159, 0.6); display: inline-block; vertical-align: middle; color: #b3247d; background-color: #fff; border-radius: 50%; padding: 5px; transition: .5s; transform: rotate(10deg); }
.big-ticket-button:hover { transform: rotate(0deg); color: #ef32a7; }
.tb-order { margin: 28px 0px 0px; font-size: 34px; }
.tb-free { margin: 10px 0px 0px; font-size: 48px; font-weight: 700; }
.tb-tickets { margin: 10px 0px 0px; font-size: 30px; font-weight: 700; }

.vertical-separator { height: 100px; width: 5px; background-color: #b3247d; display: inline-block; vertical-align: middle; vertical-align: -webkit-baseline-middle; margin: 10px 20px; }
.vertical-separator-alt { height: 50px; width: 1px; background-color: #2b2b2b; display: inline-block; vertical-align: middle; margin: 0px 18px 4px; }
.vertical-separator-thin { height: 160px; width: 2px; background-color: #2b2b2b; display: inline-block; vertical-align: middle; vertical-align: -webkit-baseline-middle; margin: 10px 20px; }

.date-venue-box { display: inline-block; vertical-align: middle; color: #fff; text-align: left; }
.date-text { margin: 15px 0px; font-size: 32px; color: #2b2b2b; text-align: left; }
.date-text2 { font-size: 21px; margin-top: -6px; margin-bottom: 0px; }
.date-text-alt { margin: -12px 0px 0px; font-size: 18px; font-weight: 700; color: #2b2b2b; }
.venue-text { margin: 12px 0px; font-size: 44px; color: #2b2b2b; text-align: left; }
.venue-text2 { font-size: 36px; }
.venue-text-alt { margin: 0px; font-size: 26px; color: #2b2b2b; }

.header-text { display: inline-block; color: #2b2b2b; vertical-align: middle; vertical-align: -webkit-baseline-middle; text-align: left; font-weight: 700; font-size: 32px; margin-left: 30px; margin-right: 30px; line-height: 40px; }

.purple-nav { text-align: center; }
.purple-nav-alt { text-align: center; position: fixed; top: 60px; width: 100%; z-index: 11; }
.purple-nav ul { list-style: none; padding: 0px; margin: 0px; background-color: #b3247d; position: relative; z-index: 2; }
.purple-nav-alt ul { list-style: none; padding: 0px; margin: 0px; background-color: #b3247d; }
.purple-nav li { display: inline-block; background: linear-gradient(to right,#960e63, #b3247d); color: #fff; padding: 10px 22px; margin: 0px -2px; font-size: 18px; }
.purple-nav-alt li { display: inline-block; background: linear-gradient(to right,#960e63, #b3247d); color: #fff; padding: 5px 22px; margin: 0px -2px; font-size: 18px; }
.purple-nav li.white-nav-ticket { background: #fff; color: #b3247d; font-weight: 700; }
.purple-nav-alt li.white-nav-ticket { background: #fff; color: #b3247d; font-weight: 700; }

.house-button { width: 38px; }
.house-button-alt { width: 24px; transform: translateX(10px); }

.hide { display: none; }
.reveal { display: inline; }

@media(max-width: 900px){
  .big-ticket-button { display: none; }
}

/* Homepage
--------------------------------------------------------------------------------------------------------------- */
.float-text-container { position: relative; text-align: center; }
.news-float-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ed1c24; background: rgba(0, 0, 0, .7); font-weight: 700; font-size: 50px; width: 100%; text-shadow: 2px 2px 4px #000; display: none; }
.front-news-link { margin-top: 55px; }
.latest:hover .news-float-text { display: block; }
.slider-pic { -webkit-filter: brightness(35%); /* Safari 6.0 - 9.0 */ filter: brightness(35%); opacity: 0; }
.fa-arrow-right { margin-left: 4px; transition: .7s; }
.btn:hover .fa-arrow-right { transform: translateX(10px); }
.view-all-button:hover .fa-arrow-right { transform: translateX(10px); }
.meet-speakers { font-size: 32px; font-weight: 700; color: #464646; text-align: center; padding: 50px 11% 0px; }
.view-all-button { background: #b3247d; color: #fff; padding: 15px; border-radius: 8px; margin: 50px auto 10px; display: block; text-align: center; max-width: 240px; transition: .7s; }
.view-all-button:hover { background: #ef32a7; }
.video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
.video-box { top: 0; left: 0; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(-150px) }
#video-viewport { width: 100%; max-height: 730px; overflow: hidden; }
@media (max-width: 1580px) {
	#video-viewport {
		max-height: 630px;
	}
}
@media (max-width: 1400px) {
	#video-viewport {
		max-height: 530px;
	}
}
@media (max-width: 1250px) {
	#video-viewport {
		max-height: 430px;
	}
}
@media (max-width: 980px) {
	#video-viewport { display: none;}
}

.involved-title { font-size: 42px; font-weight: 700; }
.homepage-speaker-box { height: 375px !important; white-space: normal; min-width: 110px; }
.home-speaker-textbox { background-color: rgba(0,0,0,.5); padding: 0px 10px; border-radius: 5px; min-height: 148px; }
.home-speaker-textbox .speaker-name { text-align: center; font-size: 22px; }
.home-speaker-textbox .speaker-name a { color: #fff; }
.home-speaker-textbox .speaker-org { text-align: center; color: #fff; font-weight: normal; font-size: 15px; }
.home-button-box { position: absolute; bottom: 0px; width: 100%; z-index: 1; text-align: center; }
.home-button-box p { background: #fff; color: #242729; padding: 6px 15px; border-radius: 20px; text-align: center; font-size: 20px; font-family: 'Montserrat'; position: relative; display: inline-block; box-shadow: 0px 5px 0px 0px #9c9c9c; transition: .2s; margin: 0px 20px; }
.home-button-box p:hover { box-shadow: 0px 0px 0px 0px #9c9c9c; transform: translateY(5px); }
.home-button-row1 { bottom: 100px; }
.home-button-row2 { bottom: 40px; }
.home-button-box .home-button-purp { background: #b3247d  !important; color: #fff !important; box-shadow: 0px 5px 0px 0px #752427; }
.home-button-box .home-button-purp:hover { box-shadow: 0px 0px 0px 0px #752427; }
.silver-sponsor-box { text-align: center; background-color: #f1f1f1; padding: 40px 0px; }
.silver-sponsor-box img { max-height: 120px; }
.speaker-box-shadow { box-shadow: inset 0px 205px 178px rgba(0,0,0,.355); }

.flash-bar { width: 60px; height: 1000px; background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255, 255,.5), rgba(255,255,255,0)); position: absolute; z-index: 9; top: -500px; left: -200px; transform: rotate(45deg); }
.about-linkbox:hover, .spon-box:hover, .sponsorship-gallerypic:hover { transform: translateY(-10px); }
.about-linkbox:hover .flash-bar, .spon-box:hover .flash-bar, .sponsorship-gallerypic:hover .flash-bar { -webkit-animation: flashBar 1s ; animation: flashBar 1s ; }
@-webkit-keyframes flashBar {
0%   {transform: rotate(45deg) translate(0px);}
100% {transform: rotate(45deg) translate(1000px);}
}
@keyframes flashBar {
0%   {transform: rotate(45deg) translate(0px);}
100% {transform: rotate(45deg) translate(1000px);}
}

.mob-speakers { text-align: center; }
.mob-social-box { margin-top: -60px; margin-bottom: 40px; text-align: center; background: rgba(255,255,255,.75); border-radius: 5px; }
.mob-social-box .side-social { font-size: 35px; margin: 0 10%; padding: 20px; }
.mob-social-box .fa-twitter { color: #00ACEE; }
.mob-social-box .fa-facebook { color: #3B5998; }
.mob-social-box .fa-linkedin { color: #0077B5; }
.mob-social-box .fa-instagram { color: #fccd39; }

.partnerSlider { overflow: hidden; white-space: nowrap; height: 160px; }
#slideHolder div { text-align: center!important; }
.slide { left: 50% !important; transform: translateX(-50%); }

.powered-by-logo { margin: 0px 15px; width: 160px; }

.box-section { text-align: center; padding: 20px; width: 1000px; margin: 0px auto; position: relative;  }
.box-bg {
	background: url(/images/b2b-speckle-bg-light.jpg); background-repeat: no-repeat;
}
.box-grid { width: 100%; display: grid; grid-gap: 15px; grid-auto-flow: dense; grid-template-columns: repeat(auto-fill, 300px); grid-auto-rows: 300px; justify-content: center; margin-bottom: 20px; }
.box-each { position: relative; overflow: hidden; }
.box-each a { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }
.gridbox-wide { grid-column: span 2; }
.gridbox-tall { grid-row: span 2; }
.boxbox-title { text-align: center; font-size: 26px; font-weight: 700; position: relative; z-index: 1; margin-top: 15px; box-shadow: 0px 10px 10px 4px rgba(0,0,0,.85); background: rgba(0,0,0,.85); margin: 0; padding-top: 15px; }
.box-backimage{ filter: saturate(0); transition: .5s; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.seminars-backimage { background: url("/images/homepage/boxes/500-Seminars.jpg"); background-size: cover; }
.exhibitors-backimage { background: url("/images/homepage/boxes/700-exhibitors.jpg"); background-size: cover; }
.masterclass-backimage { background: url("/images/homepage/boxes/Masterclasses.jpg"); background-size: cover; background-position: bottom; }
.keynote-backimage { background: url("/images/homepage/boxes/keynote.jpg"); background-size: cover; }
.book-backimage { background: url("/images/homepage/boxes/Book-a-Stand.PNG"); background-size: cover; }
.sponsorship-backimage { background: url("/images/homepage/boxes/Sponsnorships.jpg"); background-size: cover; }
.awards-backimage { background: url("/images/homepage/boxes/award-box.jpg"); background-size: cover; }
.emag-backimage { background: url("/images/homepage/boxes/e-magazine.jpg"); background-size: cover; }
.visit-backimage { background: url("/images/homepage/boxes/Who-visits.jpg"); background-size: cover; }
.partners-backimage { background: url("/images/homepage/boxes/partners.PNG"); background-size: cover; }
.network-backimage { background: url("/images/homepage/boxes/Networking.jpg"); background-size: cover; }
.exclusives-backimage { background: url("/images/homepage/boxes/Show-Exclusive.png"); background-size: cover; }
.attend-backimage { background: url("/images/homepage/boxes/why-attend.jpg"); background-size: cover; }
.showinfo-backimage { background: url("/images/homepage/boxes/Show-Info.jpg"); background-size: cover; }
.timetable-backimage { background: url("/images/homepage/boxes/Timetable.jpg"); background-size: cover; background-position: bottom; }
.plan-backimage { background: url("/images/homepage/boxes/Plan-your-day.PNG"); background-size: cover; }
.blog-backimage { background: url("/images/homepage/boxes/News-Blogs.jpg"); background-size: cover; }
.gallery-backimage { background: url("/images/homepage/boxes/Gallery.jpg"); background-size: cover; }
.showguide-backimage { background: url("/images/homepage/boxes/Showguide.jpg"); background-size: cover; }
.box-each:hover .box-backimage { filter: saturate(1); }
.boxbox-title { color: #fff; text-align: center; font-size: 26px; font-weight: 700; position: relative; z-index: 1; }
.box-title-turq { color: #14B594 }
.box-title-cyan { color: #59c2ff }
.box-title-yell { color: #ffd12e }
.box-title-mage { color: #de1f76 }
  @media screen and (max-width: 960px) {
    .box-grid { grid-template-columns: 210px 210px 210px; grid-auto-rows: 210px; }
  }

.featurebox-back { filter: grayscale(100%); padding: 14px; border-radius: 20px; }
.featurebox-logo { position: absolute; z-index: 12; top: 50%; left: 50%; width: 80% !important; transform: translate(-50%, -50%); }

.twitter-feed-container { width: 30% !important; height: 500px !important; overflow-y: scroll; position: absolute !important; top: 25px; right: -30%; }
.instagram-feed-container { width: 30%; height: 500px; overflow-y: scroll; position: absolute; top: 25px; left: -30%; }


/* Popup
--------------------------------------------------------------------------------------------------------------- */
#popup-page-dialog { display: none; position: fixed; z-index: 10; left: 50%; top: 210px; transform: translateX(-50%); }
#popup-cross { font-size: 60px; position: absolute; top: -50px; left: 15px; color: #fff; cursor: pointer; }

/* Popup - 'Have you booked your masterclass yet?' - 21/3/2019
--------------------------------------------------------------------------------------------------------------- */
.pop-up-window { position: fixed; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.4); top: 0; z-index: 99; padding-bottom: 100px; overflow-y: scroll; }
.pop-up-box-outer { width: 600px; max-width: 90%; position: absolute; text-align: center; left: 50%; top: 10%; transform: translateX(-50%); background: rgba(0,0,0,.9); padding: 25px; }
.pop-up-box-inner { position: relative; color: #fff; padding: 50px 10px 0px; border: 1px solid #fff; border-radius: 10px; }
.pop-up-box-inner h1 { font-size: 42px; font-family: 'Roboto'; font-weight: 600; margin: 0px; }
.pop-up-box-inner h2 { font-size: 19px; font-family: 'Roboto'; font-weight: 600; color: #fff; background: linear-gradient(to right, #BC3680, #810047); display: inline-block; padding: 15px 45px; border-radius: 60px; margin: 30px 50px; }
.pop-up-box-inner h3 { font-size: 22px; font-family: 'Roboto'; font-weight: 600; margin: 10px 0px 60px; }
.pop-up-box-inner ul { padding-left: 105px; }
.pop-up-box-inner img { margin-right: 35px; }
.pop-up-box-inner li { font-family: 'Roboto'; text-align: left; font-size: 19px; font-weight: 300; }
.pop-up-box-inner .haveyou-popup-close { position: absolute; top: 10px; right: 14px; cursor: pointer; margin-right: 0px; }
@media(max-width: 650px) {
	.pop-up-box-outer { max-width: 95%; padding: 15px; }
	.pop-up-box-inner h1 { font-size: 19px; }
	.pop-up-box-inner h2 { font-size: 16px; }
	.pop-up-box-inner h3 { font-size: 18px; }
}
@media(max-width: 550px) {
	.pop-up-box-inner ul { padding-left: 12vw; }
	.pop-up-box-inner li { font-size: 16px; }
	.pop-up-box-inner h2 { margin: 30px 0px; }

}

/* Show Info Pop-up
--------------------------------------------------------------------------------------------------------------- */
#popup-page-dialog-info { display: none; position: absolute; top: 210px; left: 50%; transform: translate(-50%); width: 90%; background: #fff; z-index: 10; border: 5px solid #b3247d; }
.show-info-col { width: 48%; display: inline-block; padding: 0 2%; vertical-align: top; }
.show-info-col h2 { text-decoration: underline; font-weight: bold; }
.show-info-heading { font-size: 42px; text-align: center; color: #b3247d; margin: 30px 0px; }
#popup-cross-info { font-size: 60px; position: absolute; top: -50px; right: 15px; color: #b3247d; cursor: pointer; }

@media(max-width: 660px){
  .show-info-col { width: 98%; }
}

/* visitor information 25/03/2019
--------------------------------------------------------------------------------------------------------------- */
.important-info { position: absolute; background: #fff; padding: 25px; width: 70%; top: 360px; left: 50%; transform: translateX(-50%); z-index: 10; border: 5px solid #b3247d; border-radius: 5px; opacity: 0; transition: ease .6s; }
.important-info.opaque { opacity: 1; }
.important-info .grid { display: grid; grid-template-columns: 1fr 1fr;   grid-template-rows: 1fr;   grid-column-gap: 25px;   column-gap: 25px; }
.important-info h1 { text-align: center; color: #b3247d; }
.important-info .grid li { list-style: none; margin: 0 auto; }
.important-info .grid .col { margin: 0 auto; }
.important-info .grid p { margin: 5px auto; }
.important-info .grid h2 { color: #000; }
.important-info .visitor-info-close { position: absolute; right: 34px; cursor: pointer; }
.important-info .visitor-info-close path { transition: .3s ease; fill: #b3247d; }
.important-info .visitor-info-close:hover path { fill: #000; }
.tcenter { text-align: center; }


@media screen and (max-width: 768px) {
	.important-info { width: 100%; transform: translateX(0); margin-top: 70px; border: none; position: static; padding:  20px 0; }
	.important-info .grid { display: block; text-align: center; }
	.important-info .visitor-info-close { display: none; }
	.important-info .grid .col { padding: 20px; }

	.important-info .col:nth-of-type(odd) { background: #b3247d; color: #fff; }

	.important-info .col:nth-of-type(odd) a { color: #fff; }
}
/* Mobile Menu
--------------------------------------------------------------------------------------------------------------- */
#burger-container { position: relative; display: none; height: 50px; width: 50px; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); user-select: none; vertical-align: middle; float: right; margin-top: 20px; margin-right: 20px; }
#burger { width: 22px; height: 8px; position: absolute; display: block; margin: -4px auto 0; top: 50%; right: 10%; }
.bar { width: 100%; height: 2px; display: block; position: relative; background: #b3247d; transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition-delay: 0s; }
.top-bar { transform: translateY(0px) translateX(-10px) rotate(0deg); }
.btm-bar { transform: translateY(6px) translateX(-10px) rotate(0deg); }

.burger-container-open { transform: rotate(90deg); }
.bar-open { transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition-delay: 0.2s; }
.top-bar-open { transform: translateY(4px) translateX(-10px) rotate(45deg); }
.btm-bar-open { transform: translateY(3px) translateX(-10px) rotate(-45deg); }

.dropdown { bottom: 0; width: 100%; height: 0px; background-color: #fff; transition: .4s ease-in-out; overflow-y: scroll; }
.dropdown ul { padding: 0px; margin: 0px;}
.dropdown ul a { text-decoration: none; color: #b3247d; list-style-type: none; text-align: center; font-family: 'Montserrat'; }
.dropdown li { padding: 12px; border-bottom: 1px dotted #6b6b6b; transition: .1s; }
.dropdown li:hover { color:#fff; background-color:#b3247d; transition: .1s;}
.dropdown-open { height: 800px; padding-bottom: 650px; } /* padding-bottom allows the mobile-menu to scroll */

.mobdrop { height: 0; overflow: hidden; transition: .4s ease-in-out; }
.mobdrop-open { height: 150px; transition: .4s ease-in-out; }
.mobdrop-open2 { height: 100px; transition: .4s ease-in-out; }
.mobdrop-open4 { height: 200px; transition: .4s ease-in-out; }
.mobdrop-open5 { height: 250px; transition: .4s ease-in-out; }
.mobdrop-open6 { height: 300px; transition: .4s ease-in-out; }
.mobdrop-open7 { height: 350px; transition: .4s ease-in-out; }
.mobdrop-open8 { height: 400px; transition: .4s ease-in-out; }
.mobdrop-open10 { height: 500px; transition: .4s ease-in-out; }

.mob-select { background-color: #b3247d !important; color: #fff !important; }

.mobile-dates { text-align: center; color: #2b2b2b; font-weight: 700; margin-bottom: 50px; margin-top: 15px; }
.mobile-button {text-align: center; padding: 30px 10px; width:90%; background-color: #b3247d; color: #fff; margin: 0 auto 0 auto; border-radius: 4px; font-size: 22px; font-weight: 700; }

/* Basic Slider
--------------------------------------------------------------------------------------------------------------- */
.txtoverlay{display:block; position:absolute; bottom:0; left:0; width:100%; height:100%; margin:0; padding:0; white-space:normal;}
.centralise{display:block; max-width:100%; height:100%; padding:0; margin: 0px auto;}
.verticalwrap{display:table; width:100%; height:100%; border:none; text-align:center;}
.txtoverlay article{padding: 0; border: none; vertical-align: middle; margin-top: 12%; width: 85%; margin-left: auto; margin-right: auto;}
.txtoverlay .heading{font-size:60px; line-height:60px; margin-bottom:30px;}
.txtoverlay .btn{display:inline-block; padding:15px 30px; border-radius:8px; text-transform:uppercase; font-weight:bold;}
.txtoverlay .pushright{margin-right:25px;}
.slider-dates { color: #fff; font-size: 60px; line-height: 91px; font-family: 'Montserrat'; background: linear-gradient(45deg, rgb(111, 21, 24) 0%, rgb(245, 16, 25) 50%, rgb(111, 21, 24) 100%); display: inline; }
@media(max-width: 1350px){
  .slider-dates { font-size: 50px; margin-bottom: 0px; }
}
@media(max-width: 1115px){
  .slider-dates { font-size: 40px; }
}
@media(max-width: 900px){
  .slider-dates { font-size: 50px; line-height: 55px; }
  .just-eat-box { display: none; }
  .dates-text-alt { display: none; }
  .dates-banner { display: none; }
}

/* Services
--------------------------------------------------------------------------------------------------------------- */
#services{padding:50px 0;}


/* CTA - Call To Action
--------------------------------------------------------------------------------------------------------------- */
#cta{padding:30px 0;}
#cta div *{margin:0; padding:0;}

#cta .heading, #cta .btn{text-transform:uppercase;}
#cta .heading{margin-bottom:10px;}
#cta .btn{display:block; padding:15px; border-radius:8px; text-align:center; font-weight:bold;}


/* Latest
---------------------------------------------------------------------------------------------------------------*/
.latest{display:block; width:100%; max-width:2000px; margin:0 auto;}
.latest ul{ background: #e4e4e4; }
.latest ul li { display: inline-block; vertical-align: top; width: 18%; min-width: 230px; min-height:100%; padding: 10px; border-radius: 5px; }
.latest ul li:first-child, .latest ul li:nth-child(5n+1){margin-left:-1px; clear:left;}

.latest ul li figure{display:block; max-width:100%; border:solid; border-width:0 0 0 1px;}
.latest ul li figure img{width:100%;}
.latest ul li figure figcaption *{ margin:0; padding:0; font-size: 24px; color: #000; }
figcaption.inspace-30.center { min-height: 115px; }

.latest a.overlay{display:block; position:relative;}
.latest a.overlay::before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:"";}
.latest a.overlay::after{display:block; position:absolute; top:50%; left:50%; width:40px; height:40px; line-height:40px; margin:-18px 0 0 -18px; padding:0; border-radius:50%; font-family:"FontAwesome"; /* content:"\f0c1"; */ font-size:18px; text-align:center;}
.latest a.overlay::before, .latest a.overlay::after{ opacity:.55; z-index: 1; border-radius: 5px; }
.latest a.overlay:hover::before, .latest a.overlay:hover::after{opacity:1;}


/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container{padding: 80px 5px 70px;}
.container.nospace{padding-bottom:0}

/* Content */
.container .content{ background-color: #fff; padding: 10px; border-radius: 5px; }

/* Comments */
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li{margin:0 0 10px 0; padding:15px;}
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}
#comments form{display:block; width:100%;}
#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}
#comments textarea{overflow:auto;}
#comments div{margin-bottom:15px;}
#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}

/* Sidebar */
.container .sidebar{}

.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}
.sidebar .sdb_topimage {  }

/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{padding:50px 15px;}
#footer .title{margin:0 0 30px 0; padding:0 0 8px 0; border-bottom:1px solid; font-size:16px;}
#footer .linklist li{margin-bottom:10px;}
#footer .linklist li:last-child{margin-bottom:0;}
#footer .smallfont{font-size:.8em; margin:0;}
#footer input, #footer button{border:none; border-radius:5px;}
#footer input{display:block; width:100%; padding:8px;}
#footer button{padding:6px 12px; font-weight:bold; text-transform:uppercase; cursor:pointer;}


/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright{padding:30px 0;}
#copyright *{margin:0; padding:0;}


/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
/* .faico a, #mainav *, .latest ::before, .latest ::after, #backtotop{transition:all .3s ease-in-out;} */


/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin:0; padding:0; list-style:none;}

#mainav, #breadcrumb, .sidebar nav{line-height:normal;}
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}

/* Top Navigation */
#mainav { text-align: center; }
#mainav ul {  }
#mainav ul ul{z-index:9999; position:absolute; width:140px; text-transform:none;}
#mainav ul ul ul{left:160px; top:0;}
#mainav li{display:inline-block; position:relative; margin:0 15px 0 0; padding:0;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;}
.mainav li { font-size: 22px; }
.mainav li a { display:block; padding: 18px 4px 17px; transition: color .2s, background-color .2s; padding-left: 4px !important; color: #b3247d; }
.mainav-alt li a { display:block; padding: 8px 4px 8px 15px; color: #242424; transition: color .2s; }
#mainav li li a{border:solid; border-width:0 0 1px 0;}
#mainav .drop{padding-left:15px;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav .drop::after, #mainav li li .drop::after{content:"";}
#mainav .drop::after{top:25px; left:5px;}
#mainav li li .drop::after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{ visibility: visible; opacity: 1; transition: .2s; }
.mainav ul li ul li { font-size: 16px; }
.mainav ul ul { transform: translateX(-2px); }

#mainav form{display:none; margin:0; padding:0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:100%; padding:5px; border:1px solid;}
#mainav form select option{margin:5px; padding:0; border:none;}
@media(max-width: 960px) {
  #mainav li { margin: 0 18px 0 0; }
}

/* Breadcrumb */
#breadcrumb{padding:15px 0; border-top:1px solid;}
#breadcrumb ul{margin:0; padding:0; list-style:none; text-align:right;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:3px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}

/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}

/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; font-weight:normal;}

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; border-radius:5px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}

.clearfix { clear: both; }

/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}

/* About
--------------------------------------------------------------------------------------------------------------- */
.show-container { text-align: center; }
.show-box { display: inline-block; vertical-align: top; position: relative; width: 159px; margin-right: -5px; }
.show-box figure { background: #fff; margin-bottom: -1px; border: #e5e5e5 1px solid; text-align: center; height: 100px; text-align: center; }
.show-box figure img { max-width: 100px; max-height: 80px; margin: 35px auto 0; vertical-align: middle; display: inline-block; }
.about-prysm-logo { max-width: 100%; display: block; margin-left: auto; margin-right: auto; }

/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
.gallery-list { list-style: none; margin: 0; margin-top: 40px; padding: 0; text-align: center; }
.gallery-box { vertical-align: top; display: inline-block; position: relative; width: 150px; margin-right: 5px; margin-left: 5px; margin-bottom: 10px; text-align: center; }
.gallery-box img { transition: .3s; width: 100%;}
.gallery-box img:hover { transform: scale(.95); transition: .3s; }
@media screen and (max-width: 500px) {
	.gallery-box { width: 120px; }
	.gallery-list { margin-top: 20px; }
}

/* Showguide
--------------------------------------------------------------------------------------------------------------- */
#issuu-showguide { width: 99%; height: 600px; }

@media(max-width: 710px){
  #issuu-showguide{ height: 400px; }
}

@media(max-width: 480px){
  #issuu-showguide{ height: 300px; }
}

/* Exhibitors
--------------------------------------------------------------------------------------------------------------- */
.exhibitor-frame { width: 160px; height: 160px; overflow: hidden; line-height: 160px; border: #e5e5e5 1px solid; margin-bottom: 10px; background: #fff; border-radius: 5px; }
.exhibitor-image { max-width: 75%; transition: .4s; max-height: 85%; }
.exhibitor-image:hover { transform: scale(1.1); transition: .4s; }
.exhibitor-banner { width: 100%; margin-bottom: 10px; }
.see-more { margin: 0; color: #b3247d; }

.exhibitors-list { list-style: none; margin: 0; padding: 0; text-align: center; }
.exhibitor-box { vertical-align: top; display: inline-block; position: relative; width: 160px; margin-right: 15px; margin-left: 15px; margin-bottom: 20px; text-align: center; background: rgba(0,0,0,.65); border-radius: 5px; color: #fff;}
.exhibitor-box h2 { margin: 0px; font-size: 18px; font-weight: 600; min-height: 50px; margin-bottom: 10px; }
.exhibitor-logo { max-width: 180px; margin: 30px auto 0; }
.exhibitor-sidebar { float: right; }
.stand-number { background-color: #b3247d; color: #fff; padding: 5px; border-radius: 2px; margin-bottom: 0px; text-align: center; }

.btn-exhibitor-type { background: #fff; border: 1px solid #1f1f1f; color: #1f1f1f !important; font-weight: 600; padding: 8px 13px !important; text-shadow: none; border-radius: 5px; margin: 0 0 10px; font-size: 16px; cursor: pointer; }
.btn-exhibitor-type:hover {text-shadow: 0.5px 0.5px 0.5px #000; background: grey; border-color: #1f1f1f; color: #fff !important; }
.btn-exhibitor-type.active { background: #b3247d; border-color: #881c5f; color: #fff !important; }
li.show-all-position { display: inline-block;margin: 16px 15px 0; }
.dropdown-list-box { background-color: #b3247d; width: 205px; text-align: center; margin-bottom: 20px; border-radius: 5px; cursor: pointer; display: inline-block; float: right; margin-top: 16px; margin-right: 30px; }
.dropdown-list-box p { padding: 6px; margin: 0px; color: #fff; font-size: 18px; font-weight: bold; }
.dropdown-list { display: none; list-style: none; position: absolute; background: #fff; z-index: 8; padding: 0px; height: 400px; overflow-y: scroll; overflow-x: hidden; margin-right: -17px; margin-top: 10px;}
.dropdown-list li button { width: 205px; }

@media(max-width: 610px) { 
	.mobile-padding-top { padding-top: 90px; }
	.dropdown-list-box { top: 105px; }
	.dropdown-list { height: 244px; }
}

@media(max-width: 500px) { 
	.dropdown-list-box { top: 155px; }
}

/* Exhibit
--------------------------------------------------------------------------------------------------------------- */
.supply-list { display: inline-block; vertical-align: top; }

/*Speakers
--------------------------------------------------------------------------------------------------------------- */
.speaker-list { list-style: none; margin: 0; padding: 0; text-align: center; }
.speaker-box { vertical-align: top; display: inline-block; position: relative; width: 175px; margin-right: 10px; margin-left: 10px; margin-bottom: 30px; text-align: center; }
.speaker-box h2 { margin: 0px; font-size: 18px; color: #b3247d; font-weight: 600; }
.speaker-box figure { transition: .4s; border: 4px solid #fff; background: #fff; border-radius: 5px; box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, .5); }
.speaker-box figure:hover { transform: translateY(5px); }
.speaker-frame { width: 160px; height: 160px; overflow: hidden; line-height: 160px; }
.speaker-image { width: 75%; transition: .4s; }
.speaker-banner { margin-bottom: 20px; width: 100%; }

.speaker-name { font-size: 18px; font-weight: 600; margin: 10px auto 5px; text-align: left; }
.speaker-name a { color: #fff; }
.speaker-org { margin: 0px; color: #fff; font-size: 13px; text-align: left; }
.seminar-title { margin: 5px 0px; font-size: 16px; text-align: left; color: #fff; }

.speaker-page-name { color: #b3247d; font-size: 30px; margin-top: 0px !important; margin-bottom: 8px; }
.speaker-image-box { width: 200px; display: inline-block; vertical-align: top; }
.speaker-titleholder { display: inline-block; width: 56%; margin-left: 10px; }
.speaker-page-heading { font-size: 18px; margin-bottom: 15px; }
.speaker-bioholder { background-color: #e1e1ea; }
.speaker-bioholder p { padding: 8px; }

.speakerpage-speaker-box { background: rgba(0,0,0,.65); padding: 5px; border-radius: 5px; height: 410px; transition: .3s; box-shadow: 0px 0px 0px rgba(0,0,0,.3); overflow: hidden; }
.speakerpage-speaker-box:hover { transform: translateY(-10px); box-shadow: 6px 10px 10px rgba(0,0,0,.3); }
.speakerpage-speaker-box figure { box-shadow: none; }
.speakerpage-speaker-box figure:hover { transform: none; }

.sixty-percent { width: 58%; display: inline-block; float: left; list-style: none; }
.forty-percent { width: 38%; display: inline-block; float: right; margin: 0 0 0 3.06748466257669%; list-style: none; }

.speaker-social-icon { width: 30px; }

/*Partners
--------------------------------------------------------------------------------------------------------------- */
#main-partner { text-align: center; }
#media-partners { text-align: center; }
#official-charity { width: 205px; text-align: center; float: left; }

.partner-headers { color: #b3247d; font-size: 26px; }
.partners-left { text-align: left; padding-left: 22px; }
.partner-frame { width: 160px; height: 160px; overflow: hidden; line-height: 160px; border: #e5e5e5 1px solid; background: #fff; border-radius: 5px; }
.partner-image { width: 75%; transition: .4s; }
.partner-image:hover { transform: scale(1.1); transition: .4s; }
.partner-banner { width: 100%; }
.see-more { margin: 10px; color: #fff; background-color: #b3247d; border-radius: 5px; padding: 4px 12px; transition: .3s; }
.see-more:hover { background-color: #fff; color: #b3247d; font-weight: 700; }

.partners-list { list-style: none; margin: 0; padding: 0; text-align: center; }
.partner-box { vertical-align: top; display: inline-block; position: relative; width: 160px; margin-right: 15px; margin-left: 15px; margin-bottom: 30px; text-align: center; }
.partner-box h2 { margin: 0px; font-size: 18px; color: #b3247d; font-weight: 600; }
.partner-logo { width: 222px; margin-top: 30px; }
.partner-sidebar { float: right; }
.stand-number { background-color: #b3247d; color: #fff; padding: 5px; border-radius: 2px; margin-bottom: 0px; text-align: center; }
.top-partners { display: inline-block; margin: 10px 0px; }

/*News
--------------------------------------------------------------------------------------------------------------- */
.news-banner { width: 100%; }
.news-list { list-style: none; margin: 0; padding: 0; text-align: center; }
.news-box { min-height: 420px; vertical-align: top; background: rgba(0,0,0,.65); border-radius: 5px; color: #fff; display: inline-block; position: relative; width: 210px; margin: 0 10px 30px 10px; padding: 5px; text-align: center; }
.news-box h2 { margin: 0px; font-size: 18px; color: #fff; font-weight: 600; margin-top: -20px; }
.news-sidebar { float: right; }
.news-more { padding: 3px 6px; display: block; background-color: #b3247d; color: #fff; text-decoration: none; transition: .2s; bottom: 0; left: 0; transform: translateY(-31px); text-align: left; width: 115px; }
.news-more:hover { background-color: #fff; color: #b3247d; font-weight: 600; }
.news-text p { margin: 0; }
.top-image { margin-top: 30px; }

.blog-social-button-twitter { display: inline-block; margin-right: 5px; }
.blog-social-button-linkedin { display: inline-block; margin-right: 5px; }
.blog-social-button-facebook { display: inline-block; transform: translateY(-7px); }

.social-media-holder { width: 100%; margin: 0 0 20px;}

/*Awards
--------------------------------------------------------------------------------------------------------------- */
.tabs { display: flex; width: 100%;}
.tabs .award-nominee-tab { align-self: stretch;  }
.tabs .award-nominee-tab:nth-of-type(even) {margin: 0 10px; }
.award-nominee-tab { display: flex; flex-direction: column; width: 250px; vertical-align: top; text-align: center; margin: 0 10px; padding: 15px; background-color: rgb(230, 231, 233); color: #000; border-radius: 5px; cursor: pointer; }
.award-nominee-tab h2 { align-self: center; font-size: 18px; margin-bottom: 5px; }
.award-nominee-tab:first-child { background-color: #333; color: #fff; }
.awards-feature-box { display: inline-block; vertical-align: top; position: relative; width: 160px; margin: 40px 40px 10px; vertical-align: bottom; }
.awards-page-button { display: block; margin: 10px auto; text-align: center; background-color: #b3247d; color: #fff; border-radius: 5px; width: 80%; padding: 10px 0px; transition: .7s; }
.awards-page-button:hover { background-color: #ef32a7; }
.awards-feature-box figure { height: 200px; line-height: 200px; }
.award-container { margin-top: 30px; }

@media (max-width: 600px) {
	.tabs {
		display: block;
	}
	.award-nominee-tab { 
		width: 75%;
    	margin: 10px auto;
    	display: block;
    	text-align: center;
    }
    .tabs .award-nominee-tab:nth-of-type(even) {margin: 10px auto; }
}

/*Features
--------------------------------------------------------------------------------------------------------------- */
.features-hub-container { text-align: center; }
.features-hub-box { width: 290px; color: #000; display: inline-block; margin: 15px; vertical-align: top; text-align: left; transition: .4s; text-align: center; }
.features-hub-box:hover { transform: translateY(-10px); }
.cma-speakers-list { padding: 0px; text-align: center; }
.cma-text { margin: 35px 0px; }

/*Delivery Zone
--------------------------------------------------------------------------------------------------------------- */
.feature-container { text-align: center; padding: 0px; }
.feature-box { display: inline-block; vertical-align: top; position: relative; width: 190px; height: 460px; margin: 40px 10px 10px; }
.feature-box figure { background: #fff; margin-bottom: 6px; border: #e5e5e5 1px solid; text-align: center; height: 100px; text-align: center; }
.feature-box figure:before { height: 100%; display: inline-block; vertical-align: middle; content: ""; text-align: center; }
.feature-box figure img { max-width: 90px; max-height: 60px; margin: 0 auto; vertical-align: middle; display: inline-block; }
.feature-box p { font-size: 14px; }
.feature-box h3 { font-size: 16px; }
.feature-page-button { text-align: center; margin-top: 20px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); }
.feature-page-button a { padding: 3px 6px; background-color: #b3247d; color: #fff; text-decoration: none; transition: .2s; border-radius: 5px; border: 2px solid #b3247d; }
.feature-page-button a:hover { background-color: #fff; color: #b3247d; font-weight: 600; }
.feature-visit-button { text-align: center; margin: 20px 0; bottom: 0px; }
.feature-visit-button a { padding: 3px 6px; background-color: #b3247d; color: #fff; text-decoration: none; transition: .2s; border-radius: 5px; border: 2px solid #b3247d; }
.feature-visit-button a:hover { background-color: #fff; color: #b3247d; font-weight: 600; }
.feature-page-logo img { width: 300px; }
.feature-page-logo { text-align: center; }

/*Masterclasses
--------------------------------------------------------------------------------------------------------------- */
.masterclass-header { display: block; margin: 0px auto 60px; }
.masterclass-images { max-width: 250px; max-height: 160px; float: right; margin: 0px 20px 10px; }
.workshop-box { margin: 80px 0px; }
.masterclass-register-button { text-align: center; margin-top: 40px; bottom: 0px; }
.masterclass-register-button a { padding: 6px 12px; background-color: #b3247d; color: #fff; text-decoration: none; transition: .2s; border-radius: 5px; border: 2px solid #b3247d; font-size: 18px; }
.masterclass-register-button a:hover { background-color: #fff; color: #b3247d; font-weight: 600; }
.schedule { background: #e2e2e2; color: #000; padding: 10px; margin-top: 30px; border-radius: 5px; position: relative; }
.schedule h2 { font-size: 26px; }
.schedule ul { padding: 0px; }
.schedule li { list-style: none; padding: 5px; }
.schedule li:nth-child(odd) { background-color: #c5c5c5; border-radius: 5px; }
.dont-miss { position: absolute; right: -6px; top: -4px; }
.workshop-register-form { text-align: center; width: 80%; margin: 50px auto 60px; }
.workshop-register-form .form-row input, .workshop-register-form .form-row textarea, .workshop-register-form .form-row select { width: 90%; padding: 5px; margin: 10px auto; }
.masterclass-submit-button { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 90%; margin: 0px auto; font-size: 22px; padding: 1%; background: #b3247d; border-style: none; color: #fff; border-radius: 2px; transition: .5s; cursor: pointer; }
.masterclass-submit-button:hover { background: #ef32a7; transition: .5s; }

/*Meet the Team
--------------------------------------------------------------------------------------------------------------- */
.team-face { width: 175px; border-radius: 50%; display: inline-block; vertical-align: top; }
.director-box { width: 100%; }
.director-textbox { display: inline-block; width: 75%; margin-left: 15px; }
.director-text { font-size: 14px; line-height: 18px; margin-top: 8px; }
.team-name { margin-bottom: 0px; color: #b3247d; font-weight: 600; font-size: 20px; }
.team-title { margin-bottom: 0px; color: #b3247d; font-size:18px; }
.team-container { text-align: center; }
.team-box { display: inline-block; text-align: center; margin: 8px; width: 175px; vertical-align: top; }

/*Partners
--------------------------------------------------------------------------------------------------------------- */
img.theatre-sponsor{ display: block; float: right; max-width: 300px; margin: auto; }

/*Theatres
--------------------------------------------------------------------------------------------------------------- */
.theatre-banner { margin: 0px auto 68px; display: block; }
.sponsorships-linkButton { text-align: center; color: #fff; }
.sponsorships-linkButton p { background: #b3247d; font-size: 26px; max-width: 180px; margin: auto; padding: 10px 0; border-radius: 10px; transition: .5s; }
.sponsorships-linkButton p:hover { transform: translateY(-5px); }

/* Why Attend?
--------------------------------------------------------------------------------------------------------------- */
.video-embed { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
.sidebar-title { background-color: #b3247d; color: #fff; padding: 4px 10px; border-radius: 2px; }

/* E-magazine
--------------------------------------------------------------------------------------------------------------- */
.control { text-align: center; vertical-align: middle; }
.controlgroup { text-align: center; }
.subscribe-text { display: inline-block; vertical-align: super; }
.emag-box { width: 45%; display: inline-block; margin: 25px 15px; vertical-align: middle; }
.emag-logo { max-width: 100%; display: block; margin: 30px auto; }
.emag-submit { display: block; margin: 0px auto; background-color: #b3247d; border: none; color: #fff; padding: 15px 64px; margin-top: 10px; margin-bottom: 65px; transition: .3s; border-radius: 5px; }
.emag-submit:hover { cursor: pointer; }

.thanks-box { border: 1px solid #b3247d; text-align: center; max-width: 650px; margin: 0px auto 20px; }
.thanks-button { background-color: #b3247d; color: #fff; width: 280px; max-width: 90%; margin: 20px auto; padding: 12px 15px; box-shadow: inset 0 0 0 0 #71191d; transition: .6s; cursor: pointer; }
.thanks-button:hover { box-shadow: inset 0 0 200px 0 #71191d; }

.e-magazine-social { margin: 10px auto; max-width: 520px; }
.e-magazine-social img { max-width: 20px; margin: 0 5px;}
.e-magazine-social h4 { color: #080808; font-size: 18px; font-weight: 400; margin: 0 0 10px; text-transform: uppercase; border-bottom: solid 1px; }

/* ==========================================================================
   Email Form
   ========================================================================== */

.sponsorship-leftside { width: 50%; display: inline-block; }
.emailContactForm { font: 95% Arial, Helvetica, sans-serif; margin: 35px auto; padding: 16px; background: #F7F7F7; text-align: center; display: inline-block; vertical-align: top; width: 70%; display: block; margin-bottom: 45px; }
.emailContactLeftSide, .emailContactRightSide { width: 100%; display:inline-block; vertical-align: middle; }
.emailContactForm input[type="text"], .emailContactForm input[type="date"], .emailContactForm input[type="datetime"], .emailContactForm input[type="email"], .emailContactForm input[type="number"], .emailContactForm input[type="search"], .emailContactForm input[type="time"], 
.emailContactForm input[type="url"], .emailContactForm textarea, .emailContactForm select  { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; 
  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; background: #fff; margin-bottom: 2%; border: 1px solid #ccc; padding: 1.8%; color: #555; font: 95% Arial, Helvetica, sans-serif; }
.emailContactForm input[type="text"]:focus, .emailContactForm input[type="date"]:focus, .emailContactForm input[type="datetime"]:focus, .emailContactForm input[type="email"]:focus, .emailContactForm input[type="number"]:focus, .emailContactForm input[type="search"]:focus, 
.emailContactForm input[type="time"]:focus, .emailContactForm input[type="url"]:focus, .emailContactForm textarea:focus, .emailContactForm select:focus { box-shadow: 0 0 5px #b3247d; padding: 2%; border: 1px solid #b3247d; }
.emailContactForm input[type="submit"], .emailContactForm input[type="button"]{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; padding: 3%; background: #b3247d; border-style: none; color: #fff; border-radius: 2px; transition: .5s; 
  cursor: pointer; }
.emailContactForm input[type="submit"]:hover, .emailContactForm input[type="button"]:hover{ background: #ef32a7; transition: .5s; }

/* Sponsorships
--------------------------------------------------------------------------------------------------------------- */
.sponsor-list { position: relative; list-style: none; margin: 0 auto; margin-top: 40px; padding: 0; text-align: left; max-width: 1020px; }
.spon-box { vertical-align: top; display: inline-block; float: left; position: relative; max-width: 330px; margin-right: 15px; margin-left: 15px; margin-bottom: 20px; text-align: center; overflow: hidden; transition: .5s; }
.spon-box h2 { background: rgba(0, 0, 0, .6); box-shadow: 0px 0px 5px 5px rgba(0,0,0,.6); padding: 4px; color: #fff; margin: 0px; top: 30px; font-size: 24px; font-weight: 600; border-bottom: 1px solid #fff; position: absolute; left: 50%; transform: translateX(-50%); }
.spon-box p { text-align: left; font-size: 14px; }
.spon-box img { border-radius: 0px; }

.spon-box-1 { width: 250px; height: 250px; margin: 0 20px 20px 0; }
.spon-box-2 { width: 400px; height: 450px; margin: 0 20px 20px 0; max-width: none; }
.spon-box-2 img { max-width: none; height: 100%; width: auto; }
.spon-box-2 .blocker { position: absolute; left: 0; bottom: 0; background: #fff; width: 150px; height: 200px; }
.spon-box-3 { background: #b3247d; color: #fff; padding: 20px; height: 180px; width: 400px; max-width: none; position: absolute; top: 270px; left: 0px; margin: 0 20px 20px 0; z-index: 2; }
.spon-box-3 p { font-size: 50px; line-height: 65px; margin: 0; }
.spon-box-4 { width: 250px; height: 400px; margin: 0 20px 20px 0; }
.spon-box-5 { width: 520px; height: 200px; margin: 0 20px 20px 0; max-width: none; }
.spon-box-6 { width: 400px; height: auto; margin: 0 20px 20px 0; max-width: none; }
.spon-box-7 { width: 300px; height: 300px; margin: 150px 20px 20px 0; }

/* Page revamp August 2019 -Martyn */
.container .content { background-color: rgba(255, 255, 255, .7); }
.sponsorship-main-heading { color: #b3247d; text-align: center; font-size: 55px; margin-top: 25px; }
.sponsorship-sub-heading { text-align: center; font-size: 35px; line-height: 38px; }
.sponsorship-toptext { display: inline-block; max-width: 405px; text-align: left; font-size: 20px; margin-right: 20px; }
.sponsorship-toptext ul { padding-left: 20px; }
.sponsorship-example { position: relative; display: inline-block; vertical-align: top; max-width: 700px; }
.sponsorship-example img { position: relative; top: 0; left: 0; }
.sponsorship-prevkeynote { display: inline-block; margin: 0 15px; }
.sponsorship-gallerypic { margin: 0px 10px 70px; position: relative; overflow: hidden; display: inline-block; transition: .5s; }
.emailContactForm { max-width: 600px; margin-top: 0; }
.sponsorship-register-title { color: #fff; background: #66C6AA; max-width: 400px; margin: 35px auto 0; text-align: center; padding: 10px; font-size: 34px; font-weight: 600; cursor: pointer; box-shadow: 0px 6px 6px rgba(0,0,0,.16); transition: .3s; border-radius: 5px; }
.sponsorship-register-title:hover { transform: translateY(-10px); }
.sponsorship-link-button { display: inline-block; color: #fff; background: #66C6AA; max-width: 400px; margin: 35px auto 0; text-align: center; padding: 10px; font-size: 34px; font-weight: 600; cursor: pointer; box-shadow: 0px 6px 6px rgba(0,0,0,.16); transition: .3s; border-radius: 5px; }
.sponsorship-link-button:hover { transform: translateY(-10px); }
.scrollToMe { transform: translateY(-100px); position: absolute; }
.sponsorship-example .example-fade { position: absolute; -webkit-animation: exampleFade 8s infinite; animation: exampleFade 8s infinite; }
@-webkit-keyframes exampleFade {
	0%   { opacity: 1; }
	40%  { opacity: 1; }
	50%  { opacity: 0; }
	90%  { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes exampleFade {
	0%   { opacity: 1; }
	40%  { opacity: 1; }
	50%  { opacity: 0; }
	90%  { opacity: 0; }
	100% { opacity: 1; }
}
@media screen and (max-width:1080px) {
	.spon-box-7 { margin: 0px 20px 20px 0; }
}

/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; margin:0 2px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}
.faico a{display:inline-block; width:30px; height:30px; line-height:30px; border-radius:5px; font-size:16px; text-align:center;}

.faico a{color:inherit; background-color:#EBEBEB;}
.faico a:hover{color:#FFFFFF;}

.faicon-facebook:hover{background-color:#3B5998;}
.faicon-google-plus:hover{background-color:#DB4A39;}
.faicon-instagram:hover{background-color:#fccd39;}
.faicon-linkedin:hover{background-color:#0E76A8;}
.faicon-tumblr:hover{background-color:#34526F;}
.faicon-twitter:hover{background-color:#00ACEE;}
.faicon-youtube:hover{background-color:#cc181e;}

.ticket-tab { font-size: 18px; text-align: center; background-color: #b3247d; border-radius: 15px; padding: 7px; }
.social-box { position: fixed; right: 0px; top: 50%; transform: translateY(-50%); font-size: 38px; z-index: 15; background-color: rgba(241, 241, 241, 0.6); border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.social-box a { color: #3e3e3e; }
.social-box .side-social { padding: 10px; padding-right: 12px; display: block; padding-left: 14px; text-align: center; }
.social-box .fa-twitter:hover { color: #00ACEE; }
.social-box .fa-instagram:hover { color: #fccd39; }
.social-box .fa-linkedin:hover { color: #0077B5; }
.social-box .fa-facebook:hover { color: #3B5998; }
.social-box .fa-envelope:hover { color: #b3247d; }

/* Sidenav ---------------------------------------------------------------------------------------------------- */
.sidenav { position: absolute; left: 0px; z-index: 5; margin-top: -7px; }
.sidenav a { color: #000; }
.sidenav p { background: #fe4042; padding: 5px; border-radius: 5px; text-align: center; font-size: 18px; margin: 7px 0px; font-family: 'Montserrat'; margin-bottom: -42px; position: relative; transition: .4s; color: #242729; }
.sidenav p:hover { transform: translateX(10px); }
.sidenav-open { margin-bottom: -6px !important; background: #fff !important; box-shadow: 0px 0px 5px 0px #484848; -moz-box-shadow: 0px 0px 5px 0px #484848; -webkit-box-shadow: 0px 0px 5px 0px #484848; }
.sidenav-red { background: #b3247d !important; color: #fff !important; }
.sidenav-first { background-color: #fe4042 !important; color: #fff !important; position: relative; z-index: 10; cursor: pointer; }
.sidenav-hidden { display: none; }
/* ------------------------------------------------------------------------------------------------------------ */

/* Running alongside box -------------------------------------------------------------------------------------- */
.running-alongside-box { text-align: center; padding: 40px 0px 40px; background: url(/images/b2b-speckle-bg-light.jpg); background-size: cover; box-shadow: inset 0px -100px 500px 0px #f9f9f9; }
.running-alongside-box h1 { margin-bottom: 40px; color: #2b2b2b; font-size: 42px; font-weight: 700; }
.show-logos { max-width: 280px; max-height: 100px; margin: 25px 3%; transition: .4s; }
.show-logos:hover { transform: translateY(-5px); }
.one-bubble { display: inline-block; }
.bubble-label { color: #2b2b2b; font-size: 24px; }
.text-bubble { background: #b3247d; color: #fff; height: 200px; width: 200px; border-radius: 50%; border: 10px solid #b3247d; display: inline-block; text-align: center; margin: 5px 65px; }
.text-bubble p { transform: translateY(30px); }
.bubble-number { font-size: 50px; margin-bottom: 0; margin-top: 48px; }
.bubble-box { padding: 55px 0px; text-align: center; background-color: rgba(241, 241, 241, .4); margin: 20px 0; }
/* ------------------------------------------------------------------------------------------------------------ */

/* Supported by box ------------------------------------------------------------------------------------------- */
.supported-by-box { background-color: #fff; text-align: center; padding-top: 35px; }
.supported-by-label { color: #b3247d; font-size: 42px; }
.homepage-partner-box:hover{ box-shadow: none; }
/* ------------------------------------------------------------------------------------------------------------ */

/* Colours
--------------------------------------------------------------------------------------------------------------- */
body{color:#888888; background-color:#FFFFFF;}
a{color:#b3247d;}
hr, .borderedbox{border-color:#D7D7D7;}
label span{color:#FF0000; background-color:inherit;}

.icon{color:#FFFFFF; background-color:#000000;}
.icon.nobg{color:inherit; background-color:inherit; border-color:#D7D7D7;}
.purple{background-color:#b3247d;}
.yellow{background-color:#ecb032;}
.red{background-color:#6D4C51;}
.flexslider .heading, .flexslider .btn{color:#FFFFFF;}

h1, h2, h3, h4, h5, h6, .heading{border-color:inherit;}

/* Rows */
.row1, .row1 a{color:#2b2b2b;}
.row2{ color:#47474e; background: url(/images/b2b-speckle-bg-light.jpg); background-size: cover; }
.row3{color:#47474e; border-color:#EBEBEB; background: url(/images/b2b-speckle-bg-light-long.jpg); background-size: auto; background-repeat: no-repeat;}
.row3-home{color:#47474e; border-color:#EBEBEB; background: url(/images/b2b-speckle-bg-light.jpg); background-size: contain;}
.row4{color:#47474e; background-color:#F7F7F7; border-color:#EBEBEB;}
.row5, .row5 a{color:#47474e; background-color:#EBEBEB;}
.row6{ color:#fff; text-shadow: 0 1px 3px rgba(0, 0, 0, .5); background: url(/images/b2b-speckle-bg-light.jpg); background-size: cover; box-shadow: inset 0px 260px 85px -90px #00000038; }
.row6 a{color:#fff; background-color: #b3247d; width: 250px; margin: 0px auto; }

/* CTA - Call To Action */
#cta .heading{color:inherit;}


/* Latest */
.latest ul li figure{ border-color:#d6d6d6; border-radius: 5px; background: #fff; border: 2px solid #d8d8d8; }
.latest a.overlay::before{background-color:rgba(255,255,255,.7);}
.latest a.overlay::after{color:#FFFFFF; background-color:#b3247d;}


/* Footer */
#footer .title{border-color:#EBEBEB;}
#footer input{color:#888888; background-color:#EBEBEB;}
#footer button{color:#FFFFFF; background-color:#b3247d;}
.footer-email { font-size: 12px; }
.footer-copyright { font-size: 12px; line-height: 18px; }
.footer-links a:hover { padding: 5px; background-color: #b3247d; color: #fff; border-radius: 5px; }

/* Navigation */
.mainav .active a, .mainav a:hover, .mainav li:hover > a{color:#b3247d; background-color:inherit; background: linear-gradient(180deg, rgba(255,255,255,0) 46%, rgba(179,36,125,0.5) 100%);}
.mainav-alt ul li ul li { font-size: 15px; }
.mainav-alt .active a, .mainav-alt a:hover, .mainav-alt li:hover > a{color:#b3247d; background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(27,27,27,.9); border-color:rgba(0,0,0,.7);}
#mainav li li:hover > a, #mainav .active .active > a{ background-color:#b3247d;}
#mainav form select{border-color:#D7D7D7;}

#breadcrumb{border-color:#EBEBEB;}
#breadcrumb a{color:inherit; background-color:inherit;}
#breadcrumb li:last-child a{color:#b3247d;}

.container .sidebar nav a{color:inherit; border-color:#D7D7D7;}
.container .sidebar nav a:hover{color:#b3247d;}

.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current{color:#FFFFFF; background-color:#b3247d;}

#backtotop{color:#FFFFFF; background-color:#b3247d;}

.ticket-button { text-align: center; color: #fff !important; background-color: #b3247d !important; padding: 28px 10px; border-radius: 15px; }
.ticket-button:hover { color: #b3247d !important; background-color: #fff !important; }

/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
table a, #comments a{background-color:inherit;}


/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Smartphone + Tablet
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1310px) {
	.small-logo-alt { width: 200px; margin: 9px 0px; }
}

@media screen and (max-width:1190px) {
	#mainav li { margin: 0 10px 0 0; }
}

@media screen and (max-width:1220px) {
	.mainav-alt li { font-size: 14px; margin: 3px 5px 0 0; }
	.mainav-alt li a { padding: 12px 4px 8px 15px; }
}

@media screen and (max-width:1005px) {
	.mainav-alt li { font-size: 12px; margin: 5px 0 0 0; }
	.mainav-alt li a { padding: 12px 4px 10px 15px; }
}

@media screen and (min-width:180px) and (max-width:900px) {
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter, .sixty-percent, .forty-percent{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	#header{text-align:center; padding:0px !important;}
	#header #logo h1{margin:0 0 15px 0;}
  #mainav { display:none; }

	#cta{padding-bottom:0;}
	#footer{padding-bottom:20px;}
  .flexslider { display: none; }

  .pricing-container { width:auto !important; }
  .switch { /*width:125px !important;*/ }

  .slot-text { width: 90% !important; }
  .slot-text2 { width: 90% !important; }
  .dropdown li:hover { background-color: transparent; color: #b3247d; }

  .exhibitor-sidebar {  }
  .social-box { display: none; }
  .sidenav { display: none; }

  iframe { height: 200px; }
}

@media screen and (min-width:180px) and (max-width:900px) {
	#header, #services, #cta, #breadcrumb, .container, #footer, #copyright{max-width:90%;}

	#header{padding:15px 0;}
	#header #logo h1{margin-top:5px;}

	.basicslider .heading{font-size:36px; line-height:36px; margin-bottom:15px;}
	.basicslider .btn{padding:10px 25px;}

	#services{padding-bottom:20px;}

	#cta{}

	#mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block;}

	#breadcrumb{}

	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#footer{}

	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}
  #burger-container { display: inline-block; }
  .speaker-titleholder { width: 45%; }
}

/* Main content holder to full width - Tablet and Mobile
--------------------------------------------------------------------------------------------------------------- */

@media(max-width: 1024px){
  .container { padding: 190px 15px 70px; }
}

@media screen and (max-width: 768px) {
	.container { max-width: 100%; padding: 100px 20px 5px; }
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter, .sixty-percent, .forty-percent{display:block; float:none; width:100%; margin:0 0 30px 0; padding:0;}
  .footer-links { width: 25%; display: inline-block; vertical-align: top; }
}

@media screen and (max-width: 426px) {
  .footer-links { width: 49%;  }
}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px) {
	#header, #services, #cta, #breadcrumb, .container, #footer, #copyright{/*max-width:978px;*/ max-width: 1200px;}
}


/* Other
--------------------------------------------------------------------------------------------------------------- */
.excel-sub { font-size: 14px; }

@media screen and (max-width:650px) {
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}
	.basicslider .txtoverlay{display:none}

	.latest{width:90%; max-width:none; padding:30px 0;}
	.latest ul li{float:none; width:auto; margin:0 0 30px 0;}
	.latest ul li:last-child{margin:0;}
	.latest ul li figure{display:inline-block; border-width:0 1px 1px 1px;}
	.latest ul li figure img{width:100%;}
	.latest ul li figure figcaption{padding:15px 30px;}
}

.center-block { display: block; margin-left: auto; margin-right: auto; }
.center-element { text-align: center; }
.left-element { text-align: left; }
.shadow { text-shadow: 1px 1px 1px #000; }

@media screen and (max-width: 765px) {
	.emag-box { width: 85%; }
}
@media screen and (min-width: 901px) {
 	.mobile-dates { display: none; }
 	.mobile-button { display: none; }
 	.mob-speakers { display: none; }
 	.mob-supporters { display: none; }
	.mob-social-box { display: none; }
	.dropdown { display: none; }
}
@media screen and (max-width: 900px) {
	.big-logo { display: none; }
	.small-logo { width: 260px; margin: 10px auto; padding: 0px; display: block; }
  .vertical-separator { display: none; }
  .vertical-separator-alt { display: none; }
  .vertical-separator-thin { display: none; }
  .date-venue-box { display: none; }
  .header-text { display: none; }
  .purple-nav { display: none; }
  .purple-nav-alt { display: none; }
  .mob-hide { display: none !important; }
  .hti-dropdown { display: none; }
  .video-container { display: none; }
  .speaker-box-shadow { box-shadow: none; }
}
@media screen and (min-width:901px) and (max-width:1100px) {
	.small-logo-alt { width: 210px; margin-top: 10px; }
}
@media screen and (max-width: 1585px) {
 	.countdown-timer { display: none; }
}
@media screen and (max-width: 1370px) {
	.home-button-box p { margin: 0px 10px; }
}
@media screen and (max-width: 1365px) {
	.dates-text-alt { font-size: 14px; margin-top: 5px; }
	.excel-sub { font-size: 10px; }
}
@media screen and (max-width: 1370px) {
  .date-text-alt { font-size: 14px; margin-top: -5px; }
  .venue-text-alt { font-size: 14px; }
}
@media screen and (max-width: 1270px) {
	.small-logo-alt { width: 145px; margin: 15px 0px; }
}
@media screen and (max-width: 1230px) {
	.dates-text-alt { width: 75px; }
	.home-button-box p { font-size: 16px; }
	.homepage-speaker-box { width: 14% !important; }
}
@media screen and (max-width: 1065px) {
	.home-button-box p { margin: 0px 0px; padding: 2px 6px; }
	.home-button-row1 { bottom: 85px; }
}
@media screen and (max-width: 1060px) {
  .date-text { font-size: 30px; margin: 5px 0px; }
  .venue-text { font-size: 30px; margin: 5px 0px; }
}
@media screen and (max-width: 980px) {
  .vertical-separator { margin: 10px 10px; }
}
/* Horizontal resize for Just Eat box */
@media screen and (max-width: 1230px) {
	.just-eat-box h2 { font-size: 20px; }
}
@media screen and (max-width: 1120px) {
	.just-eat-box h2 { font-size: 18px; }
	.dates-text-alt { margin: 0px; margin-top: 0px; font-size: 14px; }
  	.excel-sub { font-size: 10px; }
}
@media screen and (max-width: 1010px) {
	.just-eat-box h2 { font-size: 16px; }
}
@media screen and (max-width: 470px) {
  .speaker-titleholder { width: 100%; margin: 0px; }
  .speaker-image-box { display: block; margin: 0px auto; }
  .speaker-banner { display: none; }
}
@media screen and (max-width: 350px) {
  .small-logo-alt { float: left; }
  .pricing-switcher label { width: 120px !important; font-size: 1.1rem !important; }
  .pricing-switcher label[for="wednesday-1"] { padding-right: 4%; }
  .pricing-switcher label[for="thursday-1"] { padding-left: 3%; }
  .switch { width: 112px !important; }
}

/* Sidenav Vertical Resize
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-height: 850px) {
 .sidenav p { font-size: 16px; padding: 3px; margin-bottom: -38px; }
}
@media screen and (max-height: 760px) {
 .sidenav p { padding: 1px; margin-bottom: -34px; }
}
@media screen and (max-height: 675px) {
 .sidenav p { padding: 0px; margin-bottom: -32px; }
}
/* ------------------------------------------------------------------------------------------------------------ */

/* Box Section Horizontal Resize
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1700px) {
	.twitter-feed-container { right: -22%; width: 25% !important; }
 	.instagram-feed-container { left: -22%; width: 25%; }
}
@media screen and (max-width: 1470px) {
	.twitter-feed-container { display: none !important; }
 	.instagram-feed-container { display: none; }
 	.box-section { padding: 0px; width: 100%; }
 	.box-square { width: 20vw; min-width: auto; height: 20vw; min-height: auto; }
 	.box-rectangle { width: 41vw; min-width: auto; height: 20vw; min-height: auto; }
 	.tall-box { width: 20vw; min-width: auto; height: 40.7vw; min-height: auto; }
 	.two-box { width: 20vw }
 	.box-bigsquare { width: 20vw; min-width: auto; height: 20vw; min-height: auto; }
 	.exhibit-rectangle { width: 20vw; min-width: auto; height: 20vw; min-height: auto; }
}
@media screen and (max-width: 890px) {
	.boxbox-title { font-size: 20px; }
}
@media screen and (max-width: 700px) { 
	.box-section { display: none; }
}
/* ------------------------------------------------------------------------------------------------------------ */

/* Polaroid Horizontal Resize
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1490px) {
	.latest ul li figure figcaption * { font-size: 20px; }
}
@media screen and (max-width: 1330px) {
	.latest ul li figure figcaption * { font-size: 16px; }
}
/* ------------------------------------------------------------------------------------------------------------ */

/* Bubble Horizontal Resize
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1350px) {
  .text-bubble { height: 185px; width: 185px; margin: 5px 40px; }
  .bubble-number { margin-top: 38px; }
}
@media screen and (max-width: 1200px) {
  .text-bubble { height: 160px; width: 160px; margin: 5px 25px; }
  .bubble-number { margin-top: 26px; }
  .bubble-label { font-size: 22px; }
  .bubble-number { font-size: 45px; }
}
/* ------------------------------------------------------------------------------------------------------------ */

/* Header Horizontal Resize
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1340px) {
  .header-text { font-size: 22px; margin-left: 15px; margin-right: 15px; line-height: 30px; }
}
@media screen and (max-width: 1165px) {
	.big-ticket-button { width: 125px; height: 125px; }
	.tb-order { font-size: 24px; margin: 20px 0px 0px; }
	.tb-free { margin: 2px 0px 0px; font-size: 34px; }
	.tb-tickets { margin: 2px 0px 0px; font-size: 20px; }
}
@media screen and (max-width: 1155px) {
  .vertical-separator-alt { margin: 0px 0px 4px; }
}
@media screen and (max-width: 1130px) {
  .big-logo { max-width: 300px; }
  .date-text { margin: 15px 0px 5px; font-size: 23px; }
  .date-text2 { font-size: 15px; font-weight: 700; margin-top: -6px; margin-bottom: 0px; }
  .venue-text { margin: 0px 0px 4px; font-size: 31px; }
  .venue-text2 { font-size: 25px; }
  .web-header { width: 330px }
}
@media screen and (max-width: 1080px) {
  .mainav .top-nav-border { width: 120px; }
  .mainav li { font-size: 18px; }
  .mainav li a { padding: 18px 4px 19px; }
  .mainav ul li ul li { font-size: 14px; }
  .mainav-alt ul li ul li { font-size: 13px; }
  #mainav ul ul { width: 120px; }
  #mainav li { margin: 0px 0px 0 0; }
}
@media screen and (max-width: 950px) {
	.header-text { font-size: 16px; margin-left: 10px; margin-right: 10px; line-height: 24px; }
}
@media screen and (max-width: 940px) {
  .big-logo { max-width: 300px; }
  #mainav .drop  { padding-left: 5px; }
}
@media screen and (max-width: 910px) {
  .vertical-separator-alt { margin: 0px 10px 4px; }
}
@media screen and (max-width: 900px) {
  .top-head { display: none; }
  .row1-alt { opacity: 1; height: 70px; }
  .small-logo-alt { margin: 10px 0px; width: 240px; }
  .row1 { opacity: 1; height: 70px; position: fixed; z-index: 99; top: 0; background: url(/images/new-head-background.jpg); text-align: center; box-shadow: 0px 0px 15px #3838387a; }
  .small-logo { width: 226px; margin: 11px auto; }
  #burger-container { position: fixed; top: 0; right: 0; margin: 10px 5px 10px 0px; }
  #services { margin-top: 20px; }
}
@media screen and (max-width: 480px) {
  .small-logo { float: left; margin-left: 5px; }
  .small-logo-alt { float: left; margin-left: 5px; }
}
/* ------------------------------------------------------------------------------------------------------------ */

/* Homepage Speaker Boxes Horizontal Resize
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 900px) {
	.homepage-speaker-box { width: 45% !important; }
	.home-speaker-textbox { min-height: auto; }
	.speaker-box { margin-bottom: 100px; }
}
@media screen and (max-width: 650px) {
	.speaker-box { margin-bottom: 55px; }
}
@media screen and (max-width: 550px) {
	.speaker-box { margin-bottom: 15px; }
}
@media screen and (max-width: 500px) {
	.homepage-speaker-box { width: 70% !important; height: auto !important; }
}
/* ------------------------------------------------------------------------------------------------------------ */

/* Homepage Supporter Boxes Horizontal Resize
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 901px) and (max-width: 1220px) {
	.partnerSlider { height: 12vw; }
	.partner-box { width: 12vw; }
	.partner-frame { width: 12vw; height: 12vw; line-height: 12vw; }
}
@media screen and (max-width: 450px) {
	.partner-box { width: 140px; margin-right: 5px; margin-left: 5px; }
	.partner-frame { width: 140px; height: 140px; line-height: 140px; }
}
/* ------------------------------------------------------------------------------------------------------------ */

/* Misc Mobile Horizontal Resize
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 900px) {
	.meet-speakers { padding: 110px 6% 0px; font-size: 18px; margin-bottom: 20px; color: #2b2b2b; text-shadow: none; }
	.meet-speakers-mobhide { display: none; }
	.row2 { background: #c2e8f3; box-shadow: none; }
	.row6 { box-shadow: inset 0px 450px 85px -90px #00000052; }
	.running-alongside-box { box-shadow: inset 0px -100px 500px 75px #00000094; }
}
/* ------------------------------------------------------------------------------------------------------------ */