@font-face {
	font-family: "FrutigerCondensed";
	src: url("/fonts/e5b1a25e-0d2b-4aec-8672-da21553f205d_iefix.eot") format("eot");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "FrutigerCondensed";
	src: url("/fonts/e5b1a25e-0d2b-4aec-8672-da21553f205d_iefix.eot");
	src: url("/fonts/e59898b4-93a8-4df7-885a-7806f9f0604d.woff") format("woff"),
		 url("/fonts/85928e7e-2ace-4f1d-be54-b11c333a8d97.ttf") format("truetype"),
		 url("/fonts/89390d0d-7a62-493d-9e77-9c162a709520.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "FrutigerCondensed";
	src: url("/fonts/ce25b811-79b7-4f2a-ad26-da9dcd6f1040_iefix.eot") format("eot");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "FrutigerCondensed";
	src: url("/fonts/ce25b811-79b7-4f2a-ad26-da9dcd6f1040_iefix.eot");
	src: url("/fonts/a40a90de-6c25-4a07-aef6-fbaa818362ab.woff") format("woff"),
		 url("/fonts/f366ec53-c110-4521-bfbd-1a605bfaf6ac.ttf") format("truetype"),
		 url("/fonts/4140fb7e-33dc-47c2-ab18-f8e3a59cf351.svg") format("svg");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "FrutigerCondensed";
	src: url("/fonts/7ee7e6db-f32b-4199-ae77-73ffbf62e6ec_iefix.eot") format("eot");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "FrutigerCondensed";
	src: url("/fonts/7ee7e6db-f32b-4199-ae77-73ffbf62e6ec_iefix.eot");
	src: url("/fonts/6fb42ae0-a24e-4927-930d-47b462560e78.woff") format("woff"),
		 url("/fonts/7522a4a8-1787-4cc6-a72a-3c56c39c2abe.ttf") format("truetype"),
		 url("/fonts/ba4991ce-c7b2-48ad-b711-8403662ff6d7.svg") format("svg");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "FrutigerCondensed";
	src: url("/fonts/77f678fd-1072-47dd-9625-022444e2e0f9_iefix.eot") format("eot");
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: "FrutigerCondensed";
	src: url("/fonts/77f678fd-1072-47dd-9625-022444e2e0f9_iefix.eot");
	src: url("/fonts/71bdb8cd-f4e8-45e2-a79f-b9c65623efb5.woff") format("woff"),
		 url("/fonts/08b2ef93-56e2-48a3-a319-51393412e291.ttf") format("truetype"),
		 url("/fonts/df88893a-3709-49cc-a45d-b051349b5974.svg") format("svg");
	font-weight: bold;
	font-style: italic;
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, button, input, select, textarea {
    /*color: #231f20;*/
}

sup { vertical-align: super; font-size: 10px; top: auto; }

body { background: #fff; font-size: 1em; line-height: 1.4; }

/* Cookie consent to appear over peak */
.cc-window { z-index: 9999999999999999999999 !important;}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

 .issuuembed div span { display: none; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

/*
 * A better looking default horizontal rule
 */

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img { vertical-align: middle; max-width: 100%; }

.alignright { float: right; margin: 0 0 1em 1em; }

/*
 * Remove default fieldset styles.
 */

fieldset { border: 0; margin: 0; padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */

textarea { resize: vertical; }

.subHead { color: #21929C; font-size: 1em; font-weight: bold; padding-left: 45px; background: url(/images/masterclass.jpg) no-repeat 0px 0px; }

.fixed_social_tab, .fixed_quick_link{ display: none; z-index: 999; }
.fixed_social_tab {  }
.fixed_quick_link{  }
.fixed_social_tab img{ max-width: 100px; display: block; margin-bottom: 5px; float: right; }
.fixed_social_tab img:hover{ max-width: 110px; -webkit-transition: max-width 0.2s ease-in-out; -moz-transition: max-width 0.2s ease-in-out; -o-transition: max-width 0.2s ease-in-out; transition: max-width 0.2s ease-in-out; }
.fixed_quick_link img{ display: block; margin-bottom: 5px; max-height: 30px; }
.fixed_quick_link img:hover{ max-height: 35px; -webkit-transition: max-height 0.5s ease-in-out; -moz-transition: max-height 0.5s ease-in-out; -o-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; }

@media(min-width: 800px){
	  .fixed_social_tab{ display: block; position: fixed; right: 0px; top: 390px; max-width:120px; }
	  .fixed_quick_link{ display: block; position: fixed; left: 0px; top: 390px; }
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

.supporters-contentholder{ padding: 10px 20px; text-align: left; }
.supporters-contentholder>div#main-partner, .supporters-contentholder>div#media-partners, .supporters-contentholder>div#official-charity{ display: inline-block; margin-right: 5%; }
.supporters-contentholder>div#other-partners>div{ border: 1px solid #e5e5e5; width: 24%; height: 120px; vertical-align: top; display: inline-block; text-align: center; margin: 0 -5px 21px 0; }
.supporters-contentholder>div#main-partner>div{ border: 1px solid #e5e5e5; height: 120px; vertical-align: top; display: inline-block; text-align: center; margin: 0 -5px 21px 0; }
.supporters-contentholder>div#media-partners>div{ border: 1px solid #e5e5e5; width: 24%; height: 120px; vertical-align: top; display: inline-block; text-align: center; margin: 0 -5px 21px 0; }
.supporters-contentholder>div#official-charity>div{ border: 1px solid #e5e5e5; height: 120px; vertical-align: top; display: inline-block; text-align: center; margin: 0 -5px 21px 0; }

@media(max-width: 990px){
    .supporters-contentholder>div#other-partners>div, .supporters-contentholder>div#main-partner>div, .supporters-contentholder>div#official-charity, .supporters-contentholder>div#media-partners>div{ width: 42%; }
} 

@media(max-width: 610px){
    .supporters-contentholder>div#other-partners>div, .supporters-contentholder>div#main-partner>div, .supporters-contentholder>div#official-charity, .supporters-contentholder>div#media-partners>div{ width: 92%; }
} 
.supporters-contentholder>div>div:before{ vertical-align: middle; display: inline-block; content: ""; height: 100%; text-align: center; }
.supporters-contentholder>div>div img{ vertical-align: middle; max-width: 90%; max-height: 90%; display: inline-block; text-align: center; margin: 0 auto; }

/* ==========================================================================
   Blogs
   ========================================================================== */

.blog{ width: 100%; }

.home-blog-snippet{ display: inline-block; vertical-align: top; width: 100%; background: #f2f2f2; position: relative; text-align: left; overflow-y: hidden; margin: 0 5px; min-height: 145px; }
.home-blog-snippet-image{ width: 40%; vertical-align: top; margin-top: 10px; margin-left: 10px; }
.home_blog_text_box{ display: inline-block; padding: 0 5px 5px; width: 45%; margin-top:10px; margin-left:10px; max-height: 130px; }
.home_blog_text_box h2 { font-size: 0.8em; font-weight: 600; }
.home_blog_text_box a{ text-decoration: none; }

.blog-snippet{ display: inline-block; vertical-align: top; width: 31%; position: relative; text-align: left; min-height: 350px; overflow-y: hidden; margin: 0 5px 10px; }

@media(max-width: 490px){
	.blog-snippet{ width: 96%; margin-right: 0; min-height: 350px; }
}

@media(max-width: 960px){
	.blog-snippet{ margin-right: 0; min-height: 340px; }
	.blog_text_box{padding:10px; min-height: 200px !important;}
}

.blog-type{ position: absolute; top: 25px; left: 0px; }
.blog-snippet .blog-type h2{ background-color: #00823b; }
.blog-snippet h2{ font-family: Open Sans; color: #00823b; text-transform: uppercase; font-weight: 600; font-size: 0.75em; }
.blog-snippet-image{ width: 100%; /*height: 180px;*/ }
.blog-snippet h2.light_green_title{ color: #00823b; }
.blog-snippet h2.dark_green_title{ color: #00823b; }

.blogpage-contentholder{ vertical-align: top; width: 100%; margin-right: 2%; display: inline-block; }
.blogpage-imageholder{ 	vertical-align: top; width: 47%; margin-left: 3%; margin-bottom: 10px; display: inline-block; float: right; }

.blog_text_box{ padding:20px; height: 210px; }
.blog_text_box a{ position: relative; margin-top: 5px; padding: 5px 10px; background-color: #363636; color: #fff; text-decoration: none; }
.blog-image { width: 100%; margin-bottom: 15px; }
.single-blog-page p{ margin: 0; }


@media(max-width: 610px){
	.blogpage-imageholder, .blogpage-contentholder{ float: none; width: 98%; display: block; padding: 5px; margin-top: 5px; margin-left: 0; margin-right: 0; }
}

/* ==========================================================================
   Timetable
   ========================================================================== */

.timetable { border-collapse: collapse; margin: 0 0 2em 0; width: 100%; table-layout: fixed; }
.timetable.half { width: 48.5%; }
.timetable.left { float: left; }
.timetable.right { float: right; }
.timetable th { text-align: left; }
.timetable th, .timetable td { font-size: 0.75em; padding: 6px 12px; border-bottom: #ccc 1px solid; }
.timetable .time { width: 20%; }

/* ==========================================================================
   Typography
   ========================================================================== */

a { color: #00823b; }
h1, h2, h3, h4, h5, h6 { font-family: Open Sans; font-weight: 300; }

/* ==========================================================================
   Theatres
   ========================================================================== */

.theatre-title { background: #204a96; color: #fff; font-size: 1.1875em; font-weight: normal; text-transform: uppercase; padding: 3px 12px; border-radius: 15px; line-height: normal; display: inline-block; }

.seminar-heading  { min-height: 90px; border-bottom: none; color: #204A96; padding: 5px 20px; position: relative; }
.seminar-heading:not(.moreUpperText){ border-bottom: none; color: #204a96; padding: 5px 20px; position: relative; }

section  { overflow: hidden; position: relative; min-height: 130px; padding: 15px; margin-bottom: 0; background-color: #e6e7e9; border-bottom: 1px #939393 solid; display: block;  }

img.speakerPic{ margin-right: 20px; }

.seminar-info{ vertical-align: top; display: inline-block; width: 20%; }
.seminar-details{ color: #000; margin-left: 20px; vertical-align: top; display: inline-block; width: 66%; }
.seminar-info h3{ text-transform: uppercase; margin-bottom: 0; font-weight: normal; font-size: 1em; }
.seminar-details h3.seminar-time{ margin-bottom: 5px; background: #00823b; color: #fff; display: inline-block; padding: 5px 15px; font-size: 0.8em; }
.seminar-details h3{ margin-bottom: 5px; font-weight: normal; font-size: 0.8em; }
.seminar-details h3 a{ color: #00823b; text-decoration: none; }
.seminar-details p{ font-family: Open Sans; margin-top: 10px; }

.theatre-see-more{ text-transform: uppercase; font-weight: normal; position: absolute; right: 5px; bottom: 10px; padding: 10px; font-size: 0.8em; background-color: #3e3e3f; color: #fff; margin-bottom: 0; }
h3.theatre-see-more a{ text-decoration: none; color: #fff; }

.theatres-navigate{ text-align: center; margin: 10px 0px 15px 0px; }
.theatre-day-tab{ background-color: #a4a5a9; display: inline-block; margin-bottom: 0; padding: 10px 50px; margin: 20px 30px 0px 0px; font-size: 1em; font-weight: normal; text-transform: uppercase; cursor: pointer; }
.theatre-hall-link { display:inline-block; margin: 0 15px 0px 0px; background: #a4a5a9; color: #000; display: inline-block; vertical-align:top; padding: 15px 18px; margin-bottom: 15px; font-size: 0.8em; width: 100px; height: 50px; text-align: center; text-decoration: none; }
.theatre-hall-link a{ text-transform: uppercase; text-decoration: none; color: #000; }

.theatre-heading {font-size: 1.2em; text-transform: uppercase;}
.theatre-sponsor-text {width: 60%;}
a:last-of-type.theatre-hall-link{ margin-right: 0; }

.theatre-tab{ font-family: Open Sans; border-radius: 2px; background-color: #e6e7e9; display: inline-block; margin-bottom: 0; padding: 5px 10px; margin: 5px 7px 10px 0px; cursor: pointer; width: 95px; height: 60px; vertical-align: top; text-align: center; line-height: 1;}
.theatre-tab a { font-weight: 600; line-height: 1; color: #000; text-decoration: none;}

@media(max-width: 810px){
	img.speakerPic{}
	section{min-height: auto;}
	.seminar-details{margin-left: 0;}
}

@media(max-width: 750px){
	h2.theatre-day-tab{display: block;}
	h2.theatre-day-tab:nth-of-type(2){margin-top: 0;}
}

@media(max-width: 450px){
	.seminar-details{width: 100%; margin-top: 10px}
	.theatre-see-more{padding:5px; bottom:0; }
}
/* End of Theatre css */

.feature-page h1, .workshops-page h1, .content-page h1, .exhibitors-page h1, .seminars-page h1 { color: #00823b; font-size: 1.5em; font-weight: normal; text-transform: uppercase; line-height: normal; margin: 10px 0; }
.feature-page h2, .workshops-page h2, .workshop-page h1 { background: #00823b; color: #fff; font-size: 1.1875em; font-weight: normal; text-transform: uppercase; padding: 3px 12px; border-radius: 15px; line-height: normal; display: inline-block; }

.workshop-page h1 { font-size: 1.4125em; padding: 6px 20px; border-radius: 20px; }

.feature-page h2 a, .workshops-page h2 a { color: #fff; text-decoration: none; }

.content-page h2 { color: #00823b; font-size: 1.2em; font-weight: normal; text-transform: uppercase; line-height: normal; margin: 10px 0; }
.content-page h3 { color: #00823b; font-size: 1em; font-weight: normal; text-transform: uppercase; line-height: normal; margin: 10px 0; }
.content-page ul, .content-page ol { font-size: 0.75em; }
.content-page li ul, .content-page li ol { font-size: 1em; padding-left: 1.75em; }
.content-page li { margin-bottom: 1em; margin-right:15px; }
.content-page p{ text-align: left; }

p.more { font-size: 10px; line-height: 10px; text-transform: uppercase; border-bottom: #c3c3c3 1px solid; height: 10px; margin: 0 0 2em 0; }
p.more a { float: right; background: #272727 url(/images/icons/arrow2.png) no-repeat 9px 50%; border-radius: 10px; color: #fff; text-decoration: none; padding: 5px 17px 5px 22px; }

.heading-with-more { text-transform: uppercase; margin-bottom: 10px; }
.heading-with-more h1, .heading-with-more h2, .heading-with-more h3, .heading-with-more h4, .heading-with-more h5, .heading-with-more h6 { font-size: 1.375em; font-weight: normal; float: left; margin-top: 10px; margin-bottom: 0; }
.heading-with-more a { float: left; margin-left: 10px; margin-top: 18px; padding-left: 12px; font-size: 0.7272727272727em; text-decoration: none; }
#exhibitor ul { display: block; float: left; width: 45%; padding: 0px; margin: 0px 0px 0px 20px;  }

/* ==========================================================================
   Global styles
   ========================================================================== */

.colUl { font-size: 0.75em; margin-left: 20px; padding: 0; display: block; float: left; width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.colUl + ul { padding-left: 25px; }
.colUl li { margin: 0; }

.masthead {	background: #000; }
.masthead .inner { width: 990px; margin: 0 auto; position: relative; }
.masthead .mobile { display: none; }
.site-logo { position: absolute; top: 15px; left: 20px; max-width: 360px; max-height: 85px;}
.site-logo a { display: block; margin: 0 auto; }
.site-enviro-logo {  position: absolute; top: 145px; left: 150px; width: 190px;  }
.site-cpd-logo { position: absolute; top: 30px; right: -120px; width: 90px; }
.site-supported-text { position: absolute; top: 150px; left: 70px; color: #fff; text-align: center; font-size: 8px;  }
.masthead .show-logos { width: 990px; margin: -65px auto -6px; position: relative; display: block; }

.show-logos img { display: block; float: left; height: 24px; padding: 10px 15px 10px; opacity: 0.7; border-top: 8px solid #000; }
.show-logos img:hover {	opacity: 1.0; }
.show-logos .current-selected-logo{	opacity: 1.0; padding: 15px 12px 15px; background: #00823b; border: none; border-bottom: 8px solid #00823b; border-radius: 15px 15px 0px 0; }
.show-info { text-align: right; position: absolute; top: 15px; right: 0px; color: #00172b; font-size: 1.25em; font-weight: bold; line-height: 1.15; }

.show-dates { position: absolute; top: 10px; right: 0px; color: #fff; padding: 5px 28px 0px 8px; text-align: right;}
.show-dates h1 { font-size:20px; font-weight:bold; line-height: 20px; }
.show-dates h2 { font-size:16px; font-weight:bold; }
.show-dates h3 { font-size:12px; font-weight:bold; }

.show-a-part-of { position: absolute; top: 10px; left: 10px; width: 200px; }
.show-a-part-of img{ margin-bottom: 15px; }

.show-association { position: absolute; top: 10px; left: 0px; width: 110px; }
.awards-sticker { text-align: center; position: absolute; top: 10px; right: 45px; }
.show-venue { color: #00823b; font-size: 1em; }
.show-venue .city { text-transform: uppercase; }

.premier-sponsors { position: absolute; top: 50%; right: 40px; margin-top: -27px; width: 350px; text-align: right; }
.premier-sponsors h3, .premier-sponsors img { display: inline; vertical-align: middle; }
.premier-sponsors h3 { font-size: 0.8125em; text-transform: uppercase; font-weight: normal; margin-right: 5px; }
.premier-sponsors img { margin-left: 15px; }
.headline-sponsors{ text-align: center; background-color: #fff; padding: 10px 0; }
.headline-sponsors:before{ content: ""; vertical-align: middle; /* height: 100%; */	display: inline-block; }
.headline-sponsors img{ display: inline-block; vertical-align: middle; max-height: 30px; margin: 0 10px; }
.headline-sponsors span{ display: inline-block; vertical-align: middle; /*font-family: Cabin Condensed;*/ font-size: 0.75em; text-transform: uppercase; }

.show-countdown { color: #00823b; font-size: 0.875em; font-weight: bold; padding: 5px 0; margin-bottom: 5px; text-transform: uppercase; }
.show-countdown span { font-size: 1.2em; color:#222021; }

.social { position: absolute; top: 0; right: 0px; width: 35px; }
.social a { float: left; width: 35px; height: 35px; background-repeat: no-repeat; background-position: 50%; margin-right: 5px; -moz-transition: background-color 0.2s linear; }

#google_translate_element { margin: 5px 5px 5px 2px; background: #eee; border: 1px solid #ccc; text-align: center; }
.main-menu { font-family: Source Sans Pro; text-align: center; font-size: 0.975em; line-height: 1; }

.main-menu .inner { display:inline-block; text-align: center; /* overflow: hidden; */ background: #00823b; margin: 0 auto; padding-left: 15px; }

.homepage-link-holder{ display:inline-block; width: 100%; background: #00823b; }

.sidebarSlider { overflow: hidden; position: relative; margin: 0 auto; width: 180px; height: 300px; }
.sidebarSlider img { display: block; float: none; margin: 15px auto; width: 90%; padding-bottom: 5px; }

.footerSlider { overflow: hidden; position: relative; margin: 0 auto; width: 960px; height: 90px; }

.slide-along { width: 957px!important; }

.main-menu li { float: left; position: relative; font-size: 1em; margin: 10px 5px; }
.main-menu li:last-child { padding-right: 0; }
.main-menu a:hover, .main-menu a.active, .main-menu .here a { background-color: #006633; border-radius: 15px; }
.main-menu a { color: #fff; text-decoration: none; text-transform: uppercase; display: block; padding: 10px 20px 10px; -moz-transition: background-color 0.2s linear; }
.main-menu .white-ticket a { background: #fff; color: #00823b; border-radius: 15px; font-weight: bold; }
.main-menu .home a { background-image: url(/images/icons/home.png); background-repeat: no-repeat; background-position: 50% 50%; text-indent: -999em; width: 25px; padding-left: 14px; padding-right: 14px; }
.main-menu .tickets a { background: #197ebd; font-weight: bold; padding: 10px; margin-top: 5px !important; }

.submenu { display: none; position: absolute; top: 100%; left: 0; z-index: 40; background: #00823b; border-radius: 0 0 15px 15px; }
.submenu li { float: none; background: none; }
.submenu a { padding-top: 10px; padding-bottom: 10px; font-size: 0.875em; margin: 0; min-width: 80px; }

.content { width: 960px; margin: 0 auto 0 auto; padding: 15px 15px 30px 15px; background: #fff; z-index: 2; position: relative; }

.sidebar { width: 180px; float: left; }
.sidebar h4{ text-align: center; text-transform: uppercase; margin-bottom: 5px; font-weight: bold; }

.secondary-menu { font-family: Open Sans; font-size: 0.9375em; }
.secondary-menu li {     border-bottom: 1px solid #e4e4e4; }
.secondary-menu .tickets { font-weight: bold; }
.secondary-menu a {     font-weight: 600; padding: 9px 10px; display: block; text-decoration: none; color: #1f1f1f; }
.secondary-menu a:hover, .secondary-menu a.active,
.secondary-menu .here a { -webkit-transition: all 60ms ease; transition: all 60ms ease; opacity: .85; }
.secondary-menu a:hover { transform: scale(1.05); }
.secondary-menu a:hover::after { transform: rotate(0deg); }
.secondary-menu li:hover { border: none;}
.secondary-menu li.menuBreak a:hover { margin: 0px; background: #363636 url(/images/ui/subnav-selected.png) no-repeat 203px 50%; }
.secondary-menu li a::after { content: ''; border-top: 2px solid #00823b; border-radius: 1px; width: 80%; display: block;  transform: rotateY(90deg); transition-property: transform; transition: 0.25s linear; }
.secondary-menu li a:hover { transform: scale(1.05); }
.secondary-menu li a:hover::after { transform: rotate(0deg); }

.left { transform-origin: left 50%; }
.left::after { transform-origin: left 2px; }

.secondary-menu a.sidebar_tickets { text-transform: uppercase; letter-spacing: 0.4px; font-weight: 600; margin-bottom: 10px; background: #00823b; color: #fff; padding: 8px 10px; }
.secondary-menu a.sidebar_newsletter { text-transform: uppercase; letter-spacing: 0.4px; font-weight: 600; margin-bottom: 10px; background: #00823b; color: #fff; padding: 8px 10px; }

.teaser { margin: 10px 0px 15px; }
.teaser h2 { font-size: 1em; color: #00823b; }
.teaser h3 { margin:0 0 0.5em 0; line-height: 1.1; }
.teaser img { width: 80%; }

.sidebar-ticket {}

.features-slideshow { margin: 15px 0; position: relative; z-index: 1; }
.feature-slide { background: #272727; color: #e0eef3; position: relative; display: none; }
.feature-slide:first-child { display: block; }
.feature-slide h2 { text-transform: uppercase; font-size: 1.5625em; position: absolute; top: 18px; left: 15px; line-height: 1; text-shadow: 0 0 6px #000; }
.feature-slide h2 a { color: #fff; text-decoration: none; }
.feature-slide .feature-details { padding: 12px 15px 27px 15px; width: 210px; }
.feature-slide .feature-details p:last-child { margin-bottom: 0; }

.new-feature { position: absolute; top: -3px; right: -3px; width: 100px; height: 65px; background: url(/images/ui/new-feature.png); text-indent: -999em; }

.features-nav-container { text-align: center; margin: -30px 0 -15px 0; }
.features-nav { background: #fff; border-radius: 15px; position: relative; z-index: 2; padding: 10px 8px 13px 13px; display: inline-block; }
.features-nav a { float: left; width: 9px; height: 9px; background: url(/images/ui/slideshow-nav.png); text-indent: -999em; outline: 0; margin-right: 5px; }
.features-nav a:hover, .features-nav .activeSlide { background-image: url(/images/ui/slideshow-nav-active.png); }
.banner { margin: 15px 0; }

.register-mini { background: #fbb702; color: #fff; text-align: center; padding: 15px 25px; margin: 15px 0; }
.register-mini h2 { text-transform: uppercase; font-size: 1.1875em; font-weight: normal; }
.register-mini label { font-size: 0.75em; margin-bottom: 5px; display: block; }
.register-mini .textbox { border: #0193b8 1px solid; font-size: 0.75em; display: block; margin-bottom: 8px; padding: 3px 6px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.register-mini input[type="submit"] { padding: 4px 15px 4px 25px; background: #000 url(/images/icons/arrow2.png) no-repeat 12px 50%; border: 0; color: #fff; font-size: 0.875em; text-transform: uppercase; border-radius: 12px; }

.sidebar-partners { margin: 0 auto; padding: 10px 0 20px; border-bottom: #c3c3c3 1px solid; }
.sidebar-partners a { text-decoration: none; color: #00823b; font-weight: bold; }
.sidebar-partners .heading-with-more { margin: 0 5px 10px 5px; }
.sidebar-partner-logos { background: #fff; padding: 5px 0; }
.sidebar-mobile-logo { margin: 0 0 10px; }

.slide{ max-width: 180px; width: 90%; left: auto; margin: 0 auto; background: #fff; }

.alongside { padding: 5px 0 5px 0; }
.alongside h3 { text-transform: uppercase; font-weight: 700; color: #000; font-size: 0.75em; margin-bottom: 0; }
.alongside img { margin: 20px auto; display: block; }
.alongside p { font-style: italic; font-size: 0.7em; color: #E92742; padding: 0; margin: 0; text-align: center; }

.main { width: 760px; float: right; }

.footer { background: #272727; padding-top: 35px; z-index: 1; position: relative; }
.footer .inner { width: 960px; margin: 0 auto; padding: 0px 15px 20px; line-height: 1.6; }
.footer-links { float: left; width: 145px; font-size: 0.625em; }
.footer-links a { color: #fff; text-decoration: none; }
.footer-links a:before { content: '>'; margin-right: 4px; }
.legal { float: right; width: 50%; text-align: right; color: #fff; }
.legal p { font-size: 0.625em; }

.bullets { font-size: 1em; }
footer nav { display: block; float: left; width: 300px; }
.homepage-second-link{ font-family: Open Sans; display: inline-block; background-color: #fff; color: black; font-size: 1em; text-align: left; vertical-align: top; float: left; margin-right: 14px; }
.homepage-second-link h2{ font-family: Open Sans; text-transform: uppercase; color: #000; font-size: 1em; font-weight: 300; line-height: 1; min-height: 30px; margin-top: 15px; text-transform: uppercase; }

@media(min-width: 610px){
	.homepage-second-link:first-of-type{margin-left: 0;}
	.homepage-second-link:last-of-type{margin-right: 0;}
}

@media(max-width: 610px){
	.homepage-second-link{width: 45%; text-align:center; margin-bottom: 10px;}
}

@media(max-width: 480px){
	.homepage-second-link{width: 45%; text-align:center; margin-bottom: 10px;}
	.homepage-second-link h2{min-height: 0;}
}

.homepage-second-link div{ vertical-align: top; display: inline-block; }
.homepage-second-link a, .homepage-first-links>div a{ color: #fff; text-decoration: none; display: inline-block; vertical-align: middle; }
.homepage-second-link:first-child{ clear: left; }
.homepage-second-link:nth-child(4){ clear: right;}

.running-alongside{ text-align: center; background-color: #fff; padding: 10px 0; border-bottom: solid 4px #00823b; }
.running-alongside:before{  content: ""; vertical-align: middle; /* height: 100%; */ display: inline-block; }
.running-alongside img{ display: inline-block; vertical-align: middle; max-height: 35px; margin: 0 10px; }
.running-alongside span{ display: inline-block; vertical-align: middle; font-size: 0.75em; text-transform: uppercase;}

@media(max-width: 768px){
	.running-alongside { display: none;}
}

/* ==========================================================================
   Speakers
   ========================================================================== */

.speakers-list { list-style: none; margin: 0; padding: 0; }
ul.speakers-list, ol.speakers-list { font-size: 1em; }
ul.speakers-list p, ol.speakers-list p { font-size: 0.75em; }
.speakers-list-text {min-height: 120px;}
.speakers-list-text p {margin: 0 5px 8px 0;}

.speaker-box { display: inline-block; vertical-align: top; position: relative; width: 145px; margin-right: 3px; }
.speaker-box figure { background: #fff; width: 145px; height: 145px; margin-bottom: 6px; }
.speaker-box figure img { max-height: 180px; width: 180px; }
.speaker-box figure img:hover{ max-width: 102%; -webkit-transition: max-width 0.2s ease-in-out; -moz-transition: max-width 0.2s ease-in-out; -o-transition: max-width 0.2s ease-in-out; transition: max-width 0.2s ease-in-out; }

.feature-page ul li { font-size: 0.75em; }

.gw { display: block; border: solid 5px #efefef; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 20px; }

.hide { display: none; }
.registerInterest { padding: 15px; background: #41b6e6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.registerInterest h2 { background: none; font-weight: bold; padding: 0px 0px 10px 0px; margin: 0px; font-size: 1.6em; line-height: 1em; }
.registerInterest input { width: 70%; border: 1px solid #004990; float: left; font-size: 0.8em; padding: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.registerInterest input[type="submit"] { width: auto; font-size: 0.7em; padding: 4px 20px 4px 20px; float: right; width: 25%; background: #000 url(/images/icons/arrow2.png) no-repeat 10px 50%; border: 0; color: #fff; text-transform: uppercase; border-radius: 12px; }

.sponsor { margin-top: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; background: #e5e5e5; }
.sponsor h2 { color: #000; background: none; font-size: 1.4em; padding: 0px; margin: 0px 0px 15px 0px; }
.sponsor h2 + img { display: block; padding-bottom: 15px; }
.wreg { color: #004990; font-weight: bold; font-style: italic; }

.leftSide { display: block; float: left; width: 65%; }
.rightSide { display: block; float: right; width: 35%; }
.right-content-page { display: block; float: right; width: 35%; background: #e6e6e6; margin-top: 10px; }
.right-content-page p{ margin: 0 15px 1em; }

.leftSide ol li { font-size: 0.75em; padding-bottom: 5px; }
.leftSide p { margin-right: 15px; }
.speaker-left-side { display: block; float: left; width: 60%; }
.speaker-right-side { display: block; float: right; width: 37%; margin-left:10px; text-align: right;}
.speaker-left-side h1 {	color: #000; background: none; font-size: 1.5em; font-weight: normal; text-transform: uppercase; line-height: 110%; margin: 10px 0; padding-left: 0;}

.rightSide-textbox-head{padding: 10px; background: #197ebd; margin: 10px auto 0px;}
.rightSide-textbox-head h2{font-size: 1em; margin-left: 20px; color: #ffffff;}
.rightSide-textbox {background: #ededed; padding: 10px 0px 20px; margin-bottom: 10px;}
.rightSide-textbox p {margin: 5px 20px 5px 30px;}
.rightSide-textbox h3{margin-left: 30px;}
.rightSide-textbox ul li {font-size: 0.75em; line-height: 1.2em; margin-left: 5px;}
.rightSide-textbox img {margin: 10px 15px 10px 25px;}

.feature-page .rightSide { width: 31%; }

.rightSide ul { background: #eee; padding: 20px 20px 20px 1.75em; font-size: 1em; }

.mainPic { display: block; position: relative; padding-bottom: 10px; }
.mainPic h1 { font-size: 1.6em; }
.mainPic h1, .covered h2 { font-family: "FrutigerCondensed"; font-weight: bold; color: #fff; }
.covered h2 { margin: 0px; padding: 0px 0px 10px 0px; background: none; }
.mainPic img { display: block; width: 100%; }
.mainPic .textHolder { position: absolute; top: 0px; left: 21px; width: 25%; color: #fff; }

.covered { display: block; background: #004990; padding: 20px; position: relative; color: #fff; margin: 15px 0px; }
.covered img { position: absolute; top: -4px; right: -6px; }
.covered ul { margin: 0px; padding: 0px 0px 0px 10px; }
.covered ul li { list-style: none; background: url(/images/bulletArrow.png) no-repeat 0px 2px; padding-left: 30px; line-height: 1.8em; }

.registerText { margin-bottom: 20px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; background-color: #efefef; }
.registerText p.mainText { margin-bottom: 0px; padding-bottom: 0px; line-height: 1.25em; font-family: "FrutigerCondensed"; color: #5880c8; font-size: 1.7em; font-weight: bold; float: left; width: 53%; text-transform: uppercase; }
.registerText p.smallText { font-weight: bold; float: right; width: 47%; }

p.interest { font-size: 0.85em; }
p.interest a { text-decoration: none; text-transform: uppercase; color: #204A96; font-weight: bold; }
p.interest a:hover { color: #363636; }

.feature-page .mainPic { margin-bottom: 0px; padding-bottom: 10px; }

.masterClass figure p { padding-top: 10px; text-align: center; font-weight: bold; }
.masterClass h2 { color: #7F7F7F; }

.halls h3 span { color: #9EAC54!important; }
.halls .smaller-image .feature-details { width: 100% !important; }
.halls h2 { color: #B3D4FC!important; }

.comingSoon { font-size: 1.3em; color: #9EAC54; font-weight: bold; }

.masterClass .feature-box { border-bottom: 1px solid #efefef; }

.speaker-background{ margin: -6px auto 0; width: 145px; min-height: 145px; padding: 6px 0; background-image: url('/images/speaker-shadow.png'); background-repeat: no-repeat; }
.speaker-name { font-size: 0.9em; line-height: 18px; margin: 0 5px 8px 0; }
.speaker-name a { text-decoration: none; }
.speaker-company { font-size: 0.85em; line-height: 18px; margin: 0 5px 8px 0; }
.speaker-company a { text-decoration: none; }
.seminar-name { font-size: 0.75em; margin: 0 5px 8px; }

.dont-miss { position: absolute; top: -3px; right: -3px; width: 101px; height: 67px; background: url(/images/ui/dont-miss.png); text-indent: -999em; }

.seminar-sub-heading { font-weight: normal; text-transform: uppercase; font-size: 1em; }

.speaker-image {margin: 1em 0 1em 1em;}
.speaker-social-icon{margin-left: 1em; margin-bottom: 1em;}
.speakers-social-box{margin: 0 0 1em 1em;}

.seminar-snapshot { display: inline-block; background: #00823b; padding: 20px; position: relative; color: #fff; margin: 15px 0px 20px; }
.seminar-snapshot img { position: absolute; top: -4px; right: -6px; }
.seminar-snapshot-heading {font-weight: 600; text-transform: uppercase; font-size: 1em; padding-right: 80px;}
.more-seminars {width: 100%; float: left; border-top: #030303 1px solid; margin-top:20px; padding-top: 10px;}
.more-seminar-text { min-height: 40px; font-size: 0.9em;}
.more-seminar-text p {padding-top: 5px;}
.more-seminar-text a {text-decoration: none;}

img.theatre-sponsor{ display: inline-block; float: right; max-width:300px; }

.exhibitor-contentholder { display: inline-block; vertical-align: top; width: 55%; padding: 5px 5px 5px 0; margin-right: 2%; float: left; }
.exhibitor-contentholder iframe{ width: 100%!important; height: 215px!important; }
.exhibitor-mediaholder { display: inline-block; vertical-align: top; width: 38%; /* border: 5px solid #e5e5e5; */ padding: 0px 0 5px 5px; margin-top: 21px; margin-left: 2%; float: right; overflow: hidden; text-align: center; }

.stand_number { width: 40%; display: block; vertical-align: top; font-size: 0.9em; font-weight: normal; color: #fff; background-color: #00823b; text-transform: uppercase; padding: 8px 16px; margin: 10px 0 5px; }

@media(max-width: 610px){
	.exhibitor-contentholder, .exhibitor-mediaholder{ margin-left: 1%; display: block; width: 98%; }
}
img.exhibitor_product:first-child { margin-bottom: 10px; }
img.exhibitor_product { display: inline-block; width: 100%; vertical-align: top; margin-bottom: 10px; }
.exhibitor-images { display: block; max-width: 200px; min-height: 55px; padding: 15px; }

/* ==========================================================================
   Exhibitors
   ========================================================================== */

.category-select { background: #2f3590; border-radius: 0 12px 0 0; padding: 6px 15px; text-align: right; }
.category-select select { border: #0193b8 1px solid; padding: 3px; font-size: 0.75em; }

.exhibitors-list { list-style: none; margin: 0; padding: 0; }
ul.exhibitors-list, ol.exhibitors-list { font-size: 1em; }
ul.exhibitors-list p, ol.exhibitors-list p { font-size: 0.75em; margin-right: 20px; margin-left: 20px; }

.exhibitor-box { display: inline-block; vertical-align: top; position: relative; width: 190px; margin-right: -5px; }
.exhibitor-box figure { background: #fff; margin-bottom: 6px; border: #e5e5e5 1px solid; text-align: center; height: 125px; text-align: center;	}
.exhibitor-box figure:before{ height: 100%; display: inline-block; vertical-align: middle; content: ""; text-align: center; }
.exhibitor-box figure img { max-width: 120px; max-height: 80px; margin: 0 auto; vertical-align: middle; display: inline-block; }

.inner .exhibitor-box figure { margin-bottom: 12px; }

.exhibitor-name { font-size: 0.9em; line-height: 18px; margin: 0 20px 10px; }
.exhibitor-name a { text-decoration: none; }
.exhibitor-images img { display: block; }
.exhibitor-social-icon{ margin: 1em 0.5em 0.5em 0; }

.mainpage-left{ display: inline-block; float: left; width: 63%; }
.mainpage-left h1{ font-size: 1.5em; }
.mainpage-right{ display: inline-block; float: right; width: 30%; background: #e6e6e6; margin-top: 10px; padding: 10px 10px 20px; }
.mainpage-right-logo { background: #fff; padding: 15px; margin: 10px auto; }
.mainpage-right p { margin: 1em; }
.mainpage-right h2 { margin: 0.5em; color: #00823b; font-size: 1.3em; }
.mainpage-right a { color: #00823b; }
.mainpage-right-map{ display: inline-block; float: right; width: 32.5%; }

.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; }

/* ==========================================================================
   Image Hover Event
   ========================================================================== */
   
.image_hover_container { position: relative; }
.image_hover_image { opacity: 1; height: auto; transition: .5s ease; backface-visibility: hidden; }
.image_hover_middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%) }
.image_hover_container:hover .image_hover_middle { opacity: 1; }
.picture_hover_text { background-color: #fff; color: #797979; font-size: 16px; padding: 18px 22px; font-weight: 600; border: 1px solid; text-align: center; }
.image_hover_text { background-color: #fff; color: #797979; font-size: 16px; padding: 18px 42px; font-weight: 600; border: 1px solid; text-align: center; }
.image_hover_container a { text-decoration: none; }

/* ==========================================================================
   Floorplan
   ========================================================================== */

.floorplan-form{ background-color: #e5e5e5; margin: 200px auto 0 auto; padding: 20px; border-radius: 5px; width: 70%; text-align: left; }
.floorplan-form{ padding: 10px; }
.floorplan-form-logo{ background-color: #fff; padding: 10px; margin-bottom: 15px; }
.floorplan-form.form-row{ width: 99%; margin-bottom: 10px; }
.floorplan-form input{ width: 99%; margin-top: 5px; margin-bottom: 5px; font-size: 0.8em; }
.floorplan-form span{ font-size: 0.8em; font-weight: bold; color: red; }
.floorplan-form input[type="submit"]{ padding-top: 10px; padding-bottom: 10px; }
.floorplan-form input, .my-form label{ display: block; }
.floorplan-form textarea{ width: 90%; min-width: 150px; }

/* ==========================================================================
   Exhibit With Form
   ========================================================================== */

.exhibit-with-form{ background-color: #e5e5e5; margin: 10px auto 0 auto; padding: 20px; border-radius: 5px;	width: 70%;	text-align: left; }
.exhibit-with-form{ padding: 10px; }
.exhibit-with-form-logo{ background-color: #fff; padding: 10px; margin-bottom: 15px; }
.exhibit-with-form.form-row{ width: 99%; margin-bottom: 10px; }
.exhibit-with-form input{ width: 99%; margin-top: 5px; margin-bottom: 5px; font-size: 0.8em; }
.exhibit-with-form span{ font-size: 0.8em; font-weight: bold; color: red; }
.exhibit-with-form input[type="submit"]{ padding-top: 10px; padding-bottom: 10px; }
.exhibit-with-form input, .my-form label{ display: block; }
.exhibit-with-form textarea{ width: 90%; min-width: 150px; }

@media (max-width: 611px){
	.exhibit-with-form-container {display: none;}
}

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

.sponsorship-leftside { width: 50%; display: inline-block; }

.emailContactForm { font: 95% Arial, Helvetica, sans-serif; margin: 0 auto 10px; padding: 16px; background: #F7F7F7; text-align: center; width: 45%; display: inline-block; vertical-align: top; }

.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 #135d9e; padding: 2%; border: 1px solid #135d9e; }

.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: #135d9e; border-bottom: 2px solid #2267a2; border-top-style: none; border-right-style: none;
	border-left-style: none; color: #fff; }
.emailContactForm input[type="submit"]:hover, .emailContactForm input[type="button"]:hover{ background: #2577bf; border-bottom:2px solid #57a9f1; }

@media(max-width: 610px){
	.sponsorship-leftside{ width: 100%; }
	.emailContactForm { width: 90%; }
}

/* ==========================================================================
   Innovation Awards
   ========================================================================== */

.award-nominee-tab{	background-color: #e6e7e9; border-radius: 2px; display: inline-block; margin-bottom: 0; padding: 15px 15px; margin: 10px 10px 0px 0px; cursor: pointer; width: 120px; height: 40px; vertical-align: top; }
.award-nominee-tab:nth-child(3n+3) {margin-right: 0;}
.award-nominee-tab:nth-child(3n+1) {background-color: #333; color: #fff;}
.award-nominee-tab h2 :nth-child(3n+1) {background-color: #333; color: #fff;}
.award-nominee-tab h2 {font-size: 0.8em; font-weight: 600; text-align: center; margin-top: 15px}
.award-container { margin-top: 10px;}
.award-container h3 { color:#00823b; font-size: 1em; margin: 0 0 5px; font-weight: 600;}
.award-judges { margin-top: 10px; background: #f2f2f2; padding: 20px;}
.award-judges img {background: #fff; padding: 20px 10px; margin: 10px auto; width: 90%;}
.awards-gallery-link { text-decoration: none; }
.awards-gallery-link p { padding: 10px; border-radius: 5px; color: #fff; background: #00823b; display: inline-block; font-size: 20px; transition: .5s; }
.awards-gallery-link p:hover { background: #279559; transform: translateX(5px); }


/* ==========================================================================
   Homepage
   ========================================================================== */

.home-show-info { background: #e5e5e5; border-bottom: #00823b 5px solid; padding: 15px; margin-bottom: 0; }

.show-info-col { width: 45%; float: left; margin-right: 26px; }
.show-info-col.end { margin-right: 0; }
.show-info-col h2 { font-weight: normal; text-transform: uppercase; font-size: 1.25em; color: #00823b; margin-bottom: 0.5em; }
.show-info-col a { color: #00823b; }
.show-info-col ul { font-size: 0.75em; margin: 0; padding: 0 0 0 25px;}
.show-info-col li { margin-bottom: 0.25em; }

.home h1 { background: #373938; color: #fff; text-align: center; font-weight: normal; text-transform: uppercase; font-size: 1.2em; padding:  7px 0 7px; margin: 0; }
.home h1 strong { margin: 0 6px; }
.home .show-info-heading { font-size: 1.5em; }
.home-slideshow { text-align: center; width:100%; z-index: 0; height: 305px; overflow: hidden;}
.home-slideshow img { margin: 0 auto; text-align: center; width:100%; }
.home-slideshow li { display: none; }

.home-speakers { margin-bottom: 20px; }
.home-speakers .speaker-box { margin-bottom: 0; }

.home-features { width: 470px; float: left; list-style: none; margin: 0 0 20px 15px; padding: 0; }
.home-features li { float: left; width: 215px; margin: 0 20px 10px 0; }
.home-features h2 { font-size: 1.125em; font-weight: normal; color: #00172b; text-transform: uppercase; margin-bottom: 5px; }
.home-features h2 a { text-decoration: none; color: #0069ab; }

.home-exhibitors { width: 195px; float: right; margin: 0 15px 20px 0; }
.home-exhibitors img { display: block; margin: 15px auto; width: auto; max-width: 150px; }
.home-sponsors { background: #e5e5e5; border-top-left-radius: 16px; padding: 10px 15px 15px 15px; }
.home-sponsors-slideshow { background: #fff; padding: 15px 0 20px 0; text-align: center; }
.home-sponsors-slideshow img { margin: 0 15px; }

.issuuembed { float: left; }

.homepage-supporters{ position: relative; display: inline-block; width: 100%; border-top: #030303 1px solid; margin-top: 10px; padding-top: 10px; }
.homepage-supporters h2{ font-size: 1em; font-weight: 600; }
.homepage-supporters img{ display: inline-block; }
.homepage-supporters-single-image { width: 180px; height: 82px; text-align: center; display: inline-block; vertical-align: top; margin-right: 6px; margin-bottom: 10px; background: #fff; border: #e6e6e6 1px solid; }
.homepage-supporters-single-image img { max-height: 40px; display: inline-block; padding: 20px 0; margin: 0 auto; }

.homepage-left{width: 52%; float: left; margin: 0;}
.homepage-left img {margin-bottom: 20px;}
.homepage-right { background: #f2f2f2; display: block; width: 43%; float: right; margin: 0 0 20px; padding:0 10px 10px; }

.home-top-page { display:block; width: 100%; padding: 0 5px 10px; border-bottom: 1px #1f1f1f solid;}
.home-top-page h1{ font-size: 22px; font-weight: bolder; background: none; color: #000; text-transform: none; }
.home-top-page img { margin: 0 15px 5px; max-width: 300px; }
@media(max-width: 610px){
	.home-top-page img{ display: none; }
}

.features-list { list-style: none; margin: 0; padding: 0; }
ul.features-list, ol.features-list { font-size: 1em; }
ul.features-list p, ol.featuress-list p { font-size: 0.75em; margin-right: 20px; }

.feature-box { display: inline-block; vertical-align: top; position: relative; width: 164px; margin-right: -5px; }
.feature-box figure { background: #fff; margin-bottom: 6px; border: #e5e5e5 1px solid; text-align: center; height: 100px; text-align: center; }
.feature-box p { margin-right: 10px; }
.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-name { font-size: 0.9em; line-height: 18px; margin: 0 20px 0 0; font-size: 0.8em; }
.feature-name a { text-decoration: none; }

/* ==========================================================================
   Workshops
   ========================================================================== */

.workshop-box { margin: 15px 0; }
.workshop-box figure { width: 176px; float: left; padding: 6px; background: #e5e5e5; }
.workshop-details { width: 492px; float: right; }
.no-figure .workshop-details { width: auto; float: none; margin-left: 12px; }

/* ==========================================================================
   Workshop detail
   ========================================================================== */

.workshop-page { padding-top: 20px; }
.workshop-intro { float: left; width: 410px; padding-left: 20px; }
.workshop-intro h1 { margin-left: -20px; }
.workshop-content { float: right; width: 200px; padding: 0 20px 0 19px; border-left: #c3c3c3 1px solid; }
.workshop-content h2 { font-size: 1.375em; font-weight: normal; text-transform: uppercase; margin-bottom: 0.5em; }
.workshop-content ul { list-style: none; margin: 0; padding: 0; font-size: 0.75em; font-weight: bold; }
.workshop-content li { background: url(/images/icons/arrow3.png) no-repeat; padding-left: 26px; margin-bottom: 10px; line-height: 18px; }

.workshop-coming-soon { padding: 15px 20px; background: #eee; margin-top: 15px; }
.workshop-coming-soon h2 { float: left; width: 380px; color: #2f3590; text-transform: uppercase; font-size: 1.9375em; line-height: 1.15; margin: 0; }
.workshop-coming-soon p { margin: 0; float: right; width: 260px; font-weight: bold; }

.workshop-register { background: #2f3590; color: #fff; padding: 12px 0 12px 20px; margin-bottom: 15px; }
.workshop-register h2 { font-size: 1.375em; text-transform: uppercase; float: left; margin: 0 10px 0 0; line-height: 1; }
.workshop-register .textbox { background: #fff; font-size: 0.75em; border: #0193b8 1px solid; padding: 3px 8px; width: 280px; float: left; margin-right: 10px; }
.workshop-register .button { border: 0; color: #fff; border-radius: 12px; padding: 3px 14px 3px 26px; background: #272727 url(/images/icons/arrow2.png) no-repeat 12px 50%; font-size: 0.9125em; text-transform: uppercase; line-height: 1; }

.workshop-gallery { background: #e6e6e6; padding: 16px 0 20px 20px; border-bottom-left-radius: 16px; margin-bottom: 20px; }
.workshop-gallery img { width: 196px; border: #fff 5px solid; margin-right: 20px; float: left; }
.workshop-gallery img:nth-child(3n) { margin-right: 0; }
.workshop-gallery-full img { border: #ddd 5px solid; margin: 0 20px 20px 0; float: left; }

/* ==========================================================================
   Gallery
   ========================================================================== */

.gallery-list { list-style: none; padding: 0px; }
.gallery-box { display: inline-block; margin: 3px; transition: .3s; }
.gallery-box:hover { transform: scale(.95); }
.gallery-box img { border-radius: 5px; }

/* ==========================================================================
   Features
   ========================================================================== */

.feature-box { margin: 5px 0 15px 0; }
.smaller-image figure { width: 105px; }
.feature-box .feature-details { float: right; width: 492px; }
.smaller-image .feature-details { width: 563px; }
.no-figure .feature-details { width: auto; float: none; margin-left: 12px; }
.feature-page .speakers-list { margin-bottom: 20px; }
.inner .speaker-box figure { background: #e5e5e5; }
.inner .exhibitor-box h3, .inner .speaker-box h3 {  }

.feature-left-side{ width: 64%; float: left; margin-top: 15px; }
.feature-right-side{ width: 32%; float: right; }
.feature-right-side img {margin-top: 30px;}
.feature-right-side-info { background: #f2f2f2; padding: 20px; margin-top: 15px; }
.feature-left-side h1{ font-size:1.5em; }
.feature-right-side h2{ font-size: 1em; font-weight: 600; }

.feature-page-logo { background: #fff; padding: 15px; margin: 10px auto; }
.feature-page-logo img {margin-top: 0;}
.feature-page-button { padding: 5px 15px; background: #363636; margin: 10px 0; text-align: center;}
.feature-page-button a {color: #fff; text-decoration: none; font-size:0.8em;}

.award-winner { margin-top: 30px; margin-right: 50px; }

/* ==========================================================================
   Timetable
   ========================================================================== */

.timetable { border-collapse: collapse; margin: 0 0 2em 0; }
.timetable.half { width: 48.5%; }
.timetable.left { float: left; }
.timetable.right { float: right; }
.timetable th { text-align: left; }
.timetable th, .timetable td { font-size: 0.75em; padding: 8px 10px; border-bottom: #ccc 1px dotted; vertical-align: top; }
.timetable .time { width: 15%; background: #00823b; color: #fff; border-bottom-color: #fff; }
.timetable .title { background-color: #22b573; color: #fff; font-weight: bold; width: 22.5%; }

/* ==========================================================================
   Register
   ========================================================================== */

.register { margin: 1.5em 0 2em 0; font-size: 0.75em; }
.register .form-row { margin-bottom: 0.5em; }
.register label { width: 110px; float: left; }
.register .textbox { border: #0193b8 1px solid; float: left; width: 250px; padding: 3px 6px; }
.register select { border: #0193b8 1px solid; float: left; width: 175px; padding: 3px; }
.register .title { width: 100px; }
.register .error { color: #c00; font-weight: bold; margin-left: 10px; padding-top: 4px; float: left; }

.message { background: #2f3590; color: #fff; font-family: FrutigerCondensed; font-size: 1.1875em; font-weight: normal; text-transform: uppercase; padding: 3px 12px; border-radius: 15px; line-height: normal; }

.workshop-register-form { background: #ddd; padding: 20px;}
.workshop-register-form { background: #ddd; padding: 20px; }
.workshop-register-form .form-row { margin-bottom: 3px; }
.workshop-register-form .form-footer { padding-top: 10px; }
.workshop-register-form label { float: left; width: 140px; font-size: 0.75em; padding-top: 3px; }
.workshop-register-form textarea, .workshop-register-form input, #register-slot { display: block; width: 56%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px!important; }
.workshop-register-form .textbox, .workshop-register-form textarea, .workshop-register-form select { border: #ccc 1px solid; padding: 2px; font-size: 0.75em; float: left; }
.workshop-register-form .textbox {  }
.workshop-register-form textarea {  }
.workshop-register-form select { }
.workshop-register-form .button { margin-left: 140px; }

/* ==========================================================================
   LightBox
   ========================================================================== */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }

#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }

#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

/* ==========================================================================
   Hamburger Menu
   ========================================================================== */

#nav-toggle { position: absolute; left: 20px; top: 30px; }
#nav-toggle { cursor: pointer; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 5px; width: 35px; background: black; position: absolute; display: block; content: ''; }
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); }
#nav-toggle.active span:after { transform: rotate(-45deg); }

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 100%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden { display: none !important; visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible { visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after { clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clear { clear: both; }
.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* ==========================================================================
   Wordpress Blog Styles
   ========================================================================== */

.home .news h1 { font-family: Source Sans Pro; font-weight: bold; text-align: left; float: left; padding: 10px 20px; background-color: #e0e0e0; color: #6b6b6b; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px; }

.news article iframe { position: absolute; bottom: 0px; left: 20px; }
.news span { color: #000; font-weight: bold; }
.news span.blue { color: #106E99; }
.news .newsIntro { clear: both; background-color: #e0e0e0; color: #6b6b6b; padding: 20px; font-size: 1.2em; font-style: italic; margin-bottom: 20px; }
.news article { margin-bottom: 20px!important; padding: 20px 20px 50px 20px; }
.news article, #bmsJobsHolder ul li { position: relative; background-color: #f7f7f7; }
#bmsJobsHolder ul li { padding: 20px; }
.news article h2 { margin: 0px; padding-bottom: 10px; }
.home .news article h2 a { color: #6B6B6B; text-decoration: none; font-size: 1em; }
.news article h2 a:hover { color: #014c8d; }

.news article .date { position: absolute; top: 10px; right: -55px; background: #e0e0e0; width: 55px; text-align: center; padding: 10px 0px; }
.news article .date span { display: block; clear: both; color: #6b6b6b; line-height: 1em; }

.news .newsIntro span { font-size: 1.2em; }

.postDetails span { font-size: 0.7em; text-transform: uppercase; color: #c6c6c6; }
.postDetails span.return { display: block; float: right; }
.single .postDetails { padding-bottom: 20px; }
.news .moreButton { font-size: 0.7em; font-weight: bold; position: absolute; bottom: 0px; right: 0px; padding: 5px 10px; background-color: #6B6B6B; color: #fff; text-decoration: none; text-transform: uppercase; }
.news .moreButton:hover { background-color: #9a9a9a; }

.single h1 { font-weight: bold; }

.post-edit-link { display: none; }
#comments { display: block; padding: 20px; background-color: #efefef; margin-top: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
#comments .comment-meta { display: block; padding-bottom: 15px; }
#comments ul { background-color: #e1e1e1; margin: 0px 0px 20px 0px; padding: 15px; }
#comments ul li { list-style: none; }

#comments ul li p { font-size: 1em; color: #333; font-style: italic; font-size: 0.8em; }

#respond label { display: block;  }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
#peek {/* min-height: 100%; *//* max-width: 100%; */z-index: 9998;position: relative;-webkit-transition:-webkit-transform 0.5s ease;-moz-transition:-moz-transform 0.5s ease;-o-transition:-o-transform 0.5s ease;}

.slideOut { -webkit-transform: translate(190px, 0); -moz-transform: translate(190px, 0); transform: translate(190px, 0); -ms-transform: translate(190px, 0); -o-transform: translate(190px, 0) }

@media(min-width: 611px){
.mobileOnly, .order-tickets{
	display: none;
	}
}

#dropdown{display: none;}

@media screen and (max-width: 1130px) {
	.news article .date { top: 0px; right: 0px; }
	.showguide {width: 100%;}

}

@media(min-width: 991px){
	.homepage-left li.feature-box:nth-child(even){
		margin-right: 60px;
	}
}

@media(min-width: 991px){
	.homepage-left li.feature-box:nth-child(even){
		margin-right: 60px;
	}
}
   
@media screen and (max-width: 990px) {
	.content { width: 90%; }
	.masthead .inner, .main-menu .inner, .footer .inner { width: 90%; }
	.main-menu .inner { padding: 0px; }
	a.site-logo { margin-top: 15px;}
	a.site-logo img{width: 70%; max-width: 350px;}
	.content { padding: 10px 0px 30px 0px;}
	.footer .inner { padding: 20px 0px; }
	.main-menu a { padding: 15px 8px; }
	.sidebar { width: 25%; }
	.main { width: 73%; }
	.home-features, .rightSide, .right-content-page { width: 100%; float: none; margin: 0px; border-right: none; clear: both; }
	.home-features li { width: 90%; }
	
	.smaller-image .feature-details { width: 100%; }
	.opening-times {margin-left: 50px; }
	.home-exhibitors { min-height: 280px;
	width: 100%; }
	.home-exhibitors a img {float: left; padding: 10px; }
	.speakers-list{margin: 0 auto; text-align: center;}
	.speaker-box{text-align: left;}
	.show-countdown {display: none;}
	.homepage-supporters{width: 90%;}
}

@media screen and (max-width: 980px) {
	.opening-times {margin-left: 40px; }
}
@media screen and (max-width: 928px) {
	.opening-times {margin-left: 25px; }
}
@media screen and (max-width: 910px) {
	.opening-times {margin-left: 10px; }
}

@media screen and (max-width: 895px) {
	.opening-times {margin-left: 10px; display: none !important;}
	.showguide{display: none;}
	.youtube{display: none;}
	.site-logo{ width: 80%; height: 80%;}
}

@media screen and (max-width: 800px) {
	.main-menu a { font-size: 0.8em; }
	.site-logo, .show-dates, .site-supported-text, .site-enviro-logo, .site-cpd-logo, .masthead .show-logos, .homepage-supporters, .home-slideshow { display: none; }
	.homepage-left {width: 100%;}
	.homepage-right {width: 100%; background: #fff;}
	.masthead .mobile { display: block; width: 100%; max-height: 220px; background-color: #fff;}
	.mobile_logo { max-width: 300px; max-height: 80px; margin: 10px 0 0 30px;}
	.ipad_mobile_logo { display: inline-block; max-width: 300px; max-height: 80px; margin: 10px 0 0 30px; }
	.mobile-enviro-logo {display: inline-block; vertical-align: top;}
	.mobile-enviro-logo img {width: 90px;}
	.mobile-enviro-logo h2 { font-size: 14px; margin-top: 15px; }
	.mobile-show-dates {display: inline-block; margin: 5px 15px 5px 20px; vertical-align: top;}

}

@media screen and (max-width: 710px) {
	.show-info { position: absolute; top: 0px; left: 15px;}
	.speaker-image{width: 100%; margin: 0;}
	.main-menu a { font-size: 1em; }
	.legal { float: none; width: 100%; text-align: left; clear: both; padding-top: 20px; }
	ul.speakerList li { width: 33%; }
	.show-association {display: none;}
	.show-a-part-of {position: absolute; top: 10px; left: 380px !important;}
	#full-speaker-timetable{float: none!important;	margin: 0 auto;}
	.speakers-social-box h3 {text-align: left; margin-top: 10px;}
	.social-images{text-align: left; margin-top: 10px; height: 20px;}
	.alongside{display:none;}

}

@media screen and (max-width: 650px) {
	.content { margin: 0px auto; display: table;}
	.show-info { position: absolute; top: 0px; left: 0px;}
	.show-info img { padding: 0px; margin: 0px auto 0px auto; }
	.main-menu {padding-bottom: 0px;}
	nav.sidebar-nav {display: inline;}
}

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

}

@media (min-width: 611px){
	nav.nav2 { display: none; }
	#mobile-form{display: none;}
}



@media (min-width: 10px) and (max-width: 610px) {

	.mobile_display_none { display: none;}
	.mobileOnly { display: inline-block; background-color: #00823b; color: white; border-radius: 5px; padding: 5px 5px 0px 5px; box-sizing: border-box; text-decoration: none; }
	.mobileOnlyContainer { text-align: center; }
	
	.showGuide_mobile { width: 90%; margin: 0 auto; }
	.home-blog-snippet { margin: auto; text-align: center;}

	#peek { background-color: #fff; }
	.sidebar-mobile-logo { width: 80%; }

	.order-tickets { display: block; margin: 20px auto 0 auto; color: #fff; background-color: #014c8d; text-align: center; }
	.order-tickets a { text-decoration: none; color: #fff; font-size: 2.5em; font-weight: bold; }
	
	img.exhibitor_product { display: inline-block; width: 99%; }
	img.exhibitor_product:first-child{ margin-right: 0 auto; }

	.show-info-col { float: none; width: 90%; display: block; margin: 0 auto; }	
	.show-info { position: absolute; top: 0px; left: 0px;}
	.show-info img { padding: 0px; margin: 0px auto 0px auto; }
	.show-info img.cpd_sticker{ display: none; }
	
	.sidebar, .main, .home-features li, .leftSide, .rightSide, .right-content-page, .speaker-left-side, .speaker-right-side, .mainpage-left, .mainpage-right, .mainpage-right-map, .live-demo, .home-exhibitors {width: 99%; text-align: center; float: none;}
	.sidebar p, .main p, .home-features li, .rightSide p, .right-content-page p, .home-exhibitors p {text-align: left;}
	.sidebar { margin-bottom: 15px; }
	.feature-box p { text-align: center; }

	.live-demo figure{width: 99%; text-align: center; float: none; margin:10px 0px;}
	.live-demo figure img{width: 99%; text-align: center; float: none; margin:10px 0px;}

	.masthead .inner { display:none;}
	.masthead .mobile { display: block; width: 100%; max-height: 220px; background-color: #fff;}
	.masthead .show-logos {display: none;}
	.site-logo { display: none;}
	.show-dates { display: none; }
	.site-supported-text { display: none; }
	.site-enviro-logo { display: none; }
	.site-cpd-logo { display: none; }
	.mobile_logo { width: 60%; margin-top: 10px;  float: right; margin-right: 40px;}
	.ipad_mobile_logo {display: none;}
	.mobile-enviro-logo {display: inline-block; vertical-align: top;}
	.mobile-enviro-logo img {width: 90px;}
	.mobile-enviro-logo h2 { font-size: 14px; margin-top: 15px; }
	.mobile-show-dates {display: inline-block; margin: 5px 15px 5px 20px; vertical-align: top;}
	.sidebar-mobile-logo { display: none; }

	.heading-with-more h2 { width: 100%; clear: both;  }
	.heading-with-more a {float:none; margin: auto; padding: inherit;}
	.secondary-menu li { margin-right: 0px; display: inline-block; width: 44%; border: 1px solid #000; margin: 10px 2%; }
	.secondary-menu li a { padding: 10px; box-sizing: border-box; font-weight: bold; font-size: 12px; }
	.secondary-menu a.sidebar_tickets { padding: 20px 0px; font-weight: bold; font-size: 20px; }
	.secondary-menu a.sidebar_newsletter { padding: 20px 0px; font-weight: bold; font-size: 20px; }
	.register-mini, .sidebar-partners { margin: 0 auto 15px auto; width: 85%;}
	.register-mini .textbox { padding: 10px; }
	
	.home h1 { margin-bottom: 20px; }
	.home-features { width: 90%; margin: auto; }	
	#tweets { width: 90%; text-align: center; margin: auto; }
	
	.homepage-left {width: 100%;}
	.homepage-right {width: 90%; background: #fff;}
	.homepage-left iframe {width: 76%; margin: 0 auto;}
	.homepage-supporters { display: none; }
	
	.alongside{width: 75%; margin: 0 auto;}
	.teaser { width: 85%; margin: 0 auto; text-align: justify;}
	.teaser img {display: none;}
	.teaser h1 { font-size: 1.5em; }
	.sidebar-ticket{display:none;}
	
	.teaser h2{text-align: center;}

	.teaser a h3{ font-size: 1.2em; text-align: center; }
	
	#dropdown { display: block; top:0px; background-color: #fff; z-index: 50000000000000000000; height: 75px; }

	.home-features iframe { width: 100%; margin: auto; }
	nav { display: none; }
	nav.nav2 {  z-index: 1; padding: 0px; position: fixed; color: #fff; background-color: #1f3252; width: 190px; top: 0px; left: 0px; bottom: 0px; overflow-y: scroll; -webkit-overflow-scrolling: auto; }
	nav.nav2 ul { }
	nav.nav2 ul li {  float: none; border-bottom: 1px solid #3d5175; }
	nav.nav2 ul li a { font-size: 0.8em; text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif; display: block; color: #fff; width: 100%; padding: 12px 0px; text-align: center; text-decoration: none; }
	nav.nav2 ul li a:hover { color: #efefef; }
	.content-page { width: 90%; margin: 0px auto; float: none; }
	.smaller-image figure { display: block; float: none; margin: 0px auto 20px auto; }
	.feature-box { margin: 0px auto 0px auto; width: 90%; }
	
	.content-page ul, .content-page ol { margin: 0px; padding: 0px; }
	.content-page ul li { list-style: none;  }
	.home-features { padding-top: 20px; }
	.home-features h1 { text-align: center; }
	
	.feature-page h1, .workshops-page h1, .content-page h1, .exhibitors-page h1, .seminars-page h1 { width: 90%; margin: 10px auto; }
	.exhibitors-list { list-style: none; margin: 0; padding: 0 25px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box; }
	.exhibitor-box {  width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box; }	
	
	.exhibitor-images{margin: 0 auto 1em auto; float: none; clear: both;}
	
	.exhibitor-images img {display: block; max-width: 200px; margin: 0 auto;}
	
	footer nav { width: 90%; }
	.home-slideshow {display: none !important; }
	.homepage-video { display: none; }
	.opening-times { margin: 0 ; width: 100%; text-align: center; display: block !important;}
	.opening-times h4 {width: 100%;}
	
	img.aeo,sidebar-partners {display: none; }
	.speaker-box {float:none;}
	.feature-left-side, .feature-right-side {width: 98%;}
	.show-info-col {width:100%;}
	.charityIframe { display: none; }

	.mobile_display_none { display: none!important }
	.mobile_display_block { display: block!important }
}

@media screen and (max-width: 490px){
	.show-a-part-of {display:none;}
}

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

	.main-sponsor{display: none;}
	.social { right: 0px; width: 130px}

	.awards-sticker{right: 10px; top: 40px;}
	#exhibitor ul { width: 100%; margin: 0;}	
	
	ul.speakerList li { width: 45% }
	.exhibitor-box { height: 250px; width: 80%;}
	.exhibitors-list li { padding-bottom: 20px; }

	.homepage-left iframe {width: 100%;}

}