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

html, body, div, object, iframe, section, nav, article, aside, hgroup, header, footer, address, figure, figcaption,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, del, img, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, thead, tbody, tfoot, tr, th, td,
a, em, span, strong, small, s, cite, q, dfn, abbr, time, code, var, samp, kbd, sub, sup, mark, acronym,
button, input, select, textarea {
    margin:0; padding:0; border:0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block}
[hidden] {display:none}

html {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%}
body {font:normal 100% 'Open Sans',"Helvetica Neue",Helvetica,sans-serif; -webkit-font-smoothing:antialiased; color:#333; background-color:#101835}
article {max-width:100%}

a:focus {outline:thin dotted}
a:active, a:hover {outline:0}

a {text-decoration:none; color:#ffa200}
h1 {font-size:2em; margin:0.67em 0}
b, strong {font-weight:bold}
dfn {font-style:italic}
hr {-moz-box-sizing:content-box; box-sizing:content-box; height:0}
mark {background-color:#ff0; color:#000}
code, kbd, pre, samp {font-family:monospace,serif; font-size:1em}
pre {white-space:pre-wrap}
q {quotes:"\201C" "\201D" "\2018" "\2019"}
small {font-size:80%}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup {top:-0.5em}
sub {bottom:-0.25em}

ul, ol {list-style:none}

button, input, select, textarea {font-family:inherit; font-size:100%}
button, input {line-height:normal}
button, select {text-transform:none}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer}
button[disabled], html input[disabled] {cursor:default}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0}
input[type="search"] {-webkit-appearance:none; border-radius:0}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none; border-radius:0}
input[type="search"], input[type="text"] {font-size: 1em; line-height: 1em; padding: 0.3125em; box-shadow: rgba(0, 0, 0, 0.5) 0 0.125em 0.25em -0.125em;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0}
textarea {overflow:auto; vertical-align:top}

header>nav:before, header>nav:after, header>section:before, header>section:after, header>nav>div:before, header>nav>div:after, #newslettersignup:before, #newslettersignup:after, .cf:before, .cf:after, #exhibitors>div:before, #exhibitors>div:after, header nav.subnav:before, header nav.subnav:after, .feedback .input:before, .feedback .input:after {  content: " ";  display: table;}
header>nav:after, header>section:after, header>nav>div:after, .cf:after, #exhibitors>div:after, header nav.subnav:after, #newslettersignup:after, .feedback .input:after {clear: both;}
header>nav, header>section, header>nav>div, .cf, #exhibitors>div, header nav.subnav, #newslettersignup, .feedback .input { *zoom: 1;}
.belowarticle {margin-bottom:22px; clear:both; width:100%}
.addthis_button_tweet {
width: 90px !important;
}
table {border-collapse:collapse; border-spacing:0}

img {display:block; height:auto; width:100%}

.container {padding:0;  width:100%; max-width: 100%; overflow: hidden;}
    
.row {width:100%; max-width:768px; min-width:320px; margin:0 auto}
    .row .row {min-width:0}

.row.page-content {background-color:#fff}
    
.row:before, .row:after, .clearfix:before, .clearfix:after, footer:before, footer:after, header:before, header:after {content:''; display:table}
.row:after, .clearfix:after, footer:after, header:after {clear:both}
.row, .clearfix, footer, header {zoom:1}

.right {float:right}
.left {float:left}

.relative {position: relative;}

.tracking-image {width:0; height:0}
.load-more {background: #c9c8c8; color: #fff; text-transform: uppercase; display: block; font: 700 0.9375em/1.3333333333333333333333333333333em 'Lato', sans-serif; padding: 0.66666666666666666666666666666667em 0; text-align: center;}

section h2, section a h2, section>a>h2, div section h2, div section a h2, div section > a > h2, div aside > a > h2, div aside a h2, div aside h2, div.organisers article h2, div.article article h2.big {text-decoration:none; color:#363634; margin:0; padding:0 0 0 0; font-weight:300; text-transform: uppercase; font-size:18px; line-height:18px;margin-bottom:10px}
    div section h2 + hr, div section a h2 + hr, div section>a>h2 + hr, div aside>a>h2 + hr, div aside a h2 + hr, div aside h2 + hr, div.organisers article h2 + hr, div.article article h2.big + hr, #twitter > hr{border-bottom:3px solid #ffa200;display: block; width: 50%; padding: 0; margin: 0 0 20px 0}
        #twitter > hr {clear:left;}
    section>a {text-decoration: none;}

#leftarrow, #rightarrow {position: absolute; display: none; background-color: #101835; width: 23px; height: 31px; background-image:url('../../img/arrow2.png'); background-repeat:no-repeat; padding:9px 0 0 17px; background-position:9px 5px}
#rightarrow {right:0;}
#leftarrow {left:0; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg)}

body {font-size:14px; font-weight:400; color:#363634;}
.showrooms > div.article > article h1 {color:#ffa200; font-weight:600; text-transform: none; margin-bottom:8px;padding:0}

/* ----------------------------------------
   Icon font
---------------------------------------- */
@font-face {
    font-family:'WebAppGlyph';
    src:url('../fonts/WebAppGlyph.eot');
    src:url('../fonts/WebAppGlyph.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WebAppGlyph.woff') format('woff'),
        url('../fonts/WebAppGlyph.ttf') format('truetype'),
        url('../fonts/WebAppGlyph.svg#WebAppGlyph') format('svg');
    font-weight:normal;
    font-style:normal;
}

/* ----------------------------------------
   Icons
---------------------------------------- */
[class^="icon-"], [class*=" icon-"],
.activeColumnistsCarousel .bx-prev:before, .activeColumnistsCarousel .bx-next:before {
    font-family:'WebAppGlyph'; font-style:normal; vertical-align:bottom; display:inline-block;
}
.icon-twitter:before {content:'\e001'}
.icon-google-plus:before {content:'\e005'}
.icon-facebook:before {content:'\e007'}
.icon-menu:before {content:'\e004'}
.icon-user:before {content:'\e000'}
.icon-search:before {content:'\e002'}
.icon-remove {background-position:-2.222222222222222em -8.416666666666667em}
.icon-arrow-down {background-position:-4.138888888888889em -8.416666666666667em}
.icon-remove:before {content:' '}
.icon-arrow-down:before {content:' '}

.icoPdf {display:inline-block; width:2.125em; height:2.25em; background-position:0 -8.4em}
.icoPhone {display:inline-block; width:.9166666666666667em; height:2em; background-position:-6em -8.388888888888889em}

.off, nav {display:none;}
input.button { border: 0; font-size:14px; cursor:pointer;}
a.button, input.button {background-color:#ffa200; color:#ffffff; text-decoration:none; display:inline-block; padding:9px 21px; border-bottom:1px solid #d78913;white-space:nowrap;cursor:pointer;}
    
    a.button:hover, input.button:hover, a.button.on {background-color:#ffaa3c;border-bottom:1px solid #ce8300;}
a.button.grey {background-color:#e7e7e3; color:#000000; border:0; border-radius: 6px; font-size:0.85em;margin-top:12px}
a.button.black {background-color:#000000; color:#ffffff; border:0; border-radius: 6px; font-size:0.85em;padding:8px 16px 10px 20px}

#main, #facebookfeed {background-color:#ffffff}

body > .container > header, body .container footer > header {background-color:#101835; }
body > .container > header a, .container footer > header a { display:block; width:20%; margin-left: 5%; float: left; color:#ffffff;font-size:1.8em; padding-top:79px }
    body > .container > header h1, body > .container > header h2, .container footer > header h1, .container footer > header h2 {width:50%; display:block; float:left;}
    body > .container > header a.icon-search, .container footer > header a.icon-search {text-align:right; margin-left:0; margin-right:5%}
    body > .container > header a span, .container footer > header a span {display:none}
body > .container > header h1 a, body > .container > header h2 a, .container footer > header h1 a, .container footer > header h2 a {text-indent: -9999em; float:none;background-image:url('../../img/logo_mobile_new.png?v=3'); background-repeat:no-repeat; width:100%; height:auto; margin:10px auto -50px auto; background-size:100%; max-width:160px }
nav, #search {width:100%;}
    #search {background-color:#e7e8e3; padding:7px;}
        #search input {padding:3px 7px; font-size:1em}
nav a {display:block; border-top:1px solid #30302f; padding:0.5em 5%; text-transform: uppercase; color:#ffffff; width:100%;}
    nav a.on {color:#ffa200;}
    nav a i {background:url('../../img/menu/show_mobile_new.png') no-repeat;background-size:32px auto;cursor: pointer;display: block;float: right;height: 27px;margin: -4px 0 0 0;width: 32px}
        nav a i.show_subnav {background-position: 0px -27px}
    nav div.subnav a {background-color: #212d56;border-top:1px solid #3a3a3a}
    
    .search-box input{ width:75%; padding: 6px 7px 5px 7px;-webkit-appearance: none;-webkit-border-radius:0;  border-radius:0; border-top-left-radius: 8px;border-bottom-left-radius: 8px; border:0;margin:0;-webkit-appearance:textfield ;-moz-box-sizing:content-box;-webkit-box-sizing:content-box; box-sizing:content-box; margin:12px 0 12px 12px;font-size:0.8em; float:left; line-height:11px}
    .search-box .searchbutton {padding:5px 12px 5px 12px; background-color: #212d56;border-top-right-radius: 8px;border-bottom-right-radius: 8px; cursor:pointer;color:#ffffff; margin:12px 0}
    .search-box form button.searchbutton i {display:block; background-image:url('../../img/sprite.png?v=17'); background-repeat:no-repeat; background-position: -132px -24px; width:16px; height:16px; }
                    .search-box form button.searchbutton:hover {background-color:#ffa200}
    
#slidecontainer {position:relative; top:0; left:0; margin:0; width:400%; }
#heroimagecontainer {position:relative;  width:100%; height:auto; max-width:754px; overflow:hidden;-ms-touch-action: none;}
.slide { width:25%; float:left;background-color:#212d56;} /* height:274px; */
    .slide img {max-width:100%}

#heroimagecontainer div.caption {clear:left; padding:7px; margin:0 auto; z-index:5;text-align:center; width:80%; clear:both;}
    #heroimagecontainer a {text-decoration:none; display:block; }
    #heroimagecontainer div.caption h3, #heroimagecontainer div.caption h4 {margin:0; padding:2px 0;}
        #heroimagecontainer div.caption h3 {font-size:17px;font-weight:400; line-height:19px; background-color:#212d56;color:#ffa200;width:auto;}
        #heroimagecontainer div.caption a h4 {clear:left;font-size:13px; font-weight:400; line-height:15px; color:#363634;}
#articlelist {display:none;}

.homepage #upcomingevents table{width:100%}
#upcomingevents table, #upcomingevents table tr, #upcomingevents tbody, #upcomingevents td {border:0;padding:0;margin:0;border-spacing:0;}
#upcomingevents table a {text-decoration:none; color:#000000; font-weight: 600;}
#upcomingevents table time, #upcomingevents table a time, #upcomingevents table time a {text-decoration:none; color:#ffa200}
    #upcomingevents table td {width:71%; background-color:#ffffff; font-size:11px; padding:12px 7px 13px 10px;}
        #upcomingevents table tr td { -webkit-box-shadow: inset 0px 8px 6px -2px rgba(0, 0, 0, 0.08); box-shadow: inset 0px 8px 6px -2px rgba(0, 0, 0, 0.08);}
        #upcomingevents table tr:first-child td {-webkit-box-shadow:none; box-shadow:none;}
    #upcomingevents table td:first-child {display:table-cell; width:29%; background-color:#f5f5f4}

.organisertable {padding:0; margin:0; width:100%; }
article table {margin:10px 0 10px 0; width:100%;padding:0;}
    .organisertable tr th, article table tr th, .organisertable tr td , article table tr td {padding:8px 11px 6px 11px; margin:0;font-size:0.85em}
    .organisertable tr th , article table tr th {text-transform: uppercase;text-align:left; font-weight:600;font-weight:bold; background-color:#e7e7e3; }
    .organisertable tr td , article table tr td {background-color: #f5f5f4;border-bottom: 1px solid #dededf;}
        article .detailscontainer table tr td, article .detailscontainer table tr th {padding:0; background-color: #ffffff;}
        .organisertable tr:last-child td , article table tr:last-child td {border-bottom:0;}
        .organisertable tr td a , article table tr td a {font-weight:600;font-weight:bold;}
            .organisertable tr td a.more.arrow , article table tr td a.more.arrow {font-size:0.85em}
        
    .organisertable tr td:last-child, .organisertable tr th:last-child {display:none}
    article table.bigtable tr th, article table.bigtable tr td {padding:8px 3px 6px 3px; font-size:0.7em}
    article table.bigtable {max-width:100%}

.homepage > div > section {margin-top:17px;}
.homepage > div > section:first-child {margin-top:7px}
.homepage > div > section#twitter:first-child {margin-top:17px;}

.events .detailscontainer span p {font-size:1em}
.events .detailscontainer h4 {text-transform: uppercase;margin-bottom:4px;}
.events .detailscontainer hr {margin-top: 10px;}

.bqpositioner {float:left; display:block; width:1px; }
blockquote {padding:45px 20px; background-color:#f5f5f4; color:#000000;font-weight: 600; font-size:19px;  margin:9px 12px 9px 0; width:100%; float:left; clear:left }
blockquote span {font-weight: 300;color:#363634; margin-left:14px; margin-right:3px }
.bodycopy h2 {text-transform: uppercase; font-size:14px; }
.bodycopy {padding-top:20px}

aside blockquote {padding:25px 20px; width: 100%; float: none; clear: none}
aside blockquote b {font-weight: 600;color:#000000; margin-right:3px; font-size: 16px; margin-top: 10px; display: inline-block }
aside blockquote span {font-size: 18px; line-height: 21px;}
aside .findoutmore a {background-image:url('../../img/page/findoutmore/enquirenow.png'); background-repeat: no-repeat;display:block; margin: 20px 0; width: 100%; height: auto; background-size: cover}
aside #blankimagepanel img {margin: 10px 0;}


div.normal {padding:10px; background-color:#e7e8e3}


#videocontainer a {width:100%; height:auto; display:block; padding-bottom:12px; padding-top:14px; border-bottom:1px solid #e7e7e3 }
    #videocontainer a:first-child {padding-top: 8px;}
    #videocontainer a:hover {opacity:0.8}
#videocontainer figure {width:100%; height:auto;}
    #videocontainer figure img {width:100%;height:auto;}
#videocontainer a p {width:293px;color:#363634;font-size:0.8em;text-align: left; padding:0; margin:2px 0 7px 0}
#videocontainer a button {margin: 11px 0 15px 0 ;border-radius:8px; border:0; background-color:#e0dddb;text-transform:uppercase; font-size:1em; font-weight: 400;padding:6px;cursor:pointer}
    #videocontainer a button i {float:left; display:inline-block; width:26px; height:26px; background-image:url('../../img/sprite.png?v=17'); background-repeat:no-repeat; margin-right:8px;background-position:-230px 0;}
    #videocontainer a button span {float:left; display:inline-block;line-height:26px}
#videocontainer a h2 {font-weight: 600; color:#000000; padding:0; margin:0;font-size:1em; text-align: left; margin-bottom:12px}
#galleryMainPhotoShell {background-color:#636361; position:relative; overflow:hidden}

        #galleryMainPhoto {color:#000; -ms-touch-action: none;}
    
    #galleryMainPhotoActions {width:880px; min-height:40px; padding:10px; margin-bottom:20px; background-color:#5c5756}
    
        #galleryMainPhotoActions p {margin-bottom:10px; color:#fff}
        #galleryMainPhotoActions .social-widget {float:left; height:20px; margin:0 5px 0 0}

#gallerytitles h3 {font-size:1em;font-weight:600; margin:7px 0 3px 0}
#gallerytitles date {color:#a19d9d; font-size:0.8em;font-weight:600}
#gallerytitles p {font-size:0.8em;font-weight:400; margin:1em 0 }
    #gallerytitles p:last-child {margin-bottom:0;}
.photo-galleries article div.addthis_toolbox  {margin-top:20px}
        figure {border-bottom: 30px solid #ffffff;}
        figcaption {color: #ffffff;padding: 4px 12px 9px 12px;font-size: 12px;}
            #galleryMainPhoto figcaption a {display:inline-block; float: right; color:#ffa200; opacity: 1}
            #galleryMainPhoto figcaption a:hover {opacity: 0.8}

#exhibitors input.button, #newslettersignup input.button {background-color:#212d56; color:#ffffff; font-weight:400; padding:6px 21px; width:auto; border-radius:8px;font-size:13px;border-bottom:0}

.button.upload, .button.download {padding:4px 0 4px 10px; width:215px;}
.button em {float:left; display:inline-block; width:19px; height:19px; margin-right:15px;;background-image:url('../../img/sprite.png?v=17'); background-repeat:no-repeat;background-position:-70px 0;}
.button.upload em {background-position:-70px 0;}
.button.download em {background-position:-70px -19px;}
.button.shopping em {background-position:-89px 0;margin-top:2px}

.equal-height {background-color:#ffffff; margin-top:-4px}
    .equal-height div {padding-top:10px}
    .bloglist {background-color:#ffffff;padding:21px 0 21px 0}
    .bloglist a { display:block; width:100%;font-size:0.95em; margin-right:19px;}
        .bloglist a:last-child {margin-right:0;}
        .bloglist a span, .bloglist a date {display:block;}
        .bloglist a span {font-weight:600;font-size:1.2em; padding-top:6px}
            .bloglist a span:last-child {font-size:0.9em; padding-top:0; padding-bottom: 20px;}
        .bloglist a date {color:#a9a199; font-weight: 400;}
        .bloglist a p {color:#363634; margin-top:10px; font-weight:400}

div.more {clear:both;width:100%; background-color:#f5f5f4; }
div.more.white {background-color:#ffffff;height:28px}
a.more.arrow {display:block;padding:10px; color:#000000; text-indent:20px; background-image:url('../../img/bdcsprite.png?v=17'); background-repeat:no-repeat; background-position:9px;  text-decoration:none; font-size:0.8em; font-weight: 600;}
.defaultpanel, #venueintrocopy {padding:10px 10px 16px 10px;font-size:1em}
    .defaultpanel.nopadding {padding:0; height:74px}
        .defaultpanel.nopadding img {width:164px;float:left;margin-right: 10px}
        .defaultpanel.nopadding div {padding:10px}
#venueintrocopy {padding-bottom:10px;}
#venuelinks {padding:10px;background-color:#ffffff}
    #venuelinks a {display:block; width:48%; border-bottom:1px solid #e7e7e3; padding:3px; text-decoration: none; font-size: 0.85em; float:left;font-weight:600}
    #venuelinks a:last-child, #venuelinks a:nth-last-child(2) {border-bottom:none}

#breadCrumb {width:100%}
.breadcrumbs { margin: 0; padding: 0; list-style-type: none; overflow: hidden; margin:8px 0 11px 0;}
    .breadcrumbs li {float: left; display: inline-block; position: relative; padding: 0 0 0 10px; height: 23px; line-height: 23px; font-size: 12px; color: #a19d9d;}
        .breadcrumbs li:last-child {padding-right:0}
        .breadcrumbs li.first {padding-left:0;}
        .breadcrumbs li a {display: block; height: 23px; line-height: 23px; color: #201c1b;float:left; }
            .breadcrumbs li a:hover {color:#ffa200;}
        .breadcrumbs li .breadcrumbs-sep {display: block; width: 8px; height: 13px; float:left; background: url('../../img/sprite.png?v=17') no-repeat scroll -50px -23px; margin:5px 0 0 12px}
        .breadcrumbs li.last .breadcrumbs-sep {background-position: -114px 0px;}
    
h1, header h2, .normal > div.article > h2 {font-size:24px;margin-top:0;margin-bottom:6px; font-weight:300;text-transform:uppercase; padding-top:0; padding-bottom: 18px;}
p, ul, li {font-weight:300; font-size:14px;}
hr {border : 0;height:1px; margin:0; background-color:#d4d4d4;margin-bottom:10px;margin-top:10px}

div.normal {width:100%;}
div.normal article {background-color:#ffffff; padding:10px; padding-bottom:25px;}
    div.fullwidth article {width:100%; }
div.article { width:100%;margin-bottom:25px}
div.normal aside {width:100%;margin-top:21px}
    div.normal p, div.normal ul, div.normal ul li {font-size:0.9em}
    div.normal.organisers ul li {font-size:1em}
#child-container, #exhibitorOrVisitor { padding:10px 10px 20px 10px; background-color: #ffffff;}
.organisers #child-container {padding-top:0}
div.fullwidth #child-container {padding:10px 0 20px 0;}
    #child-container section {margin-right:19px; width:100%; }
        #child-container section:nth-child(3n){margin-right: 0;}
        #child-container section div.defaultpanel {background-color:#f5f5f4; height:auto; overflow:hidden; padding:20px 10px 20px 10px; margin-bottom:30px; font-size:12px}
        #child-container section div.defaultpanel a {display:block}
            #child-container section div.defaultpanel.small {padding:10px 10px 10px 0;}
            #child-container section div.defaultpanel.small img {width:106px; height:auto; float:left; margin-right: 10px;margin-bottom:10px;}
            #child-container section div.defaultpanel.small div {}
        #child-container.large {width:100%; background-color: transparent;}
        #child-container.large section {width:100%; margin-bottom:30px; }
        #child-container.large section img {width:100%}
        #child-container.large section div.defaultpanel {margin-bottom: 0;}

div.normal article p {padding:10px 0;font-weight:400}

div.blogarticle aside section div.lists {padding:10px; background-color:#ffffff}
aside section:nth-child(n+2) {margin-top:20px}
aside section:last-child {margin-bottom:20px}
    div.blogarticle aside section div.lists a {display:block; width:98%; border-bottom:1px solid #e7e7e3; padding:3px; text-decoration: none; font-size: 1em; float:left;}
    div.blogarticle aside section div.lists a:last-child {border-bottom:none}
    div.blogarticle aside section div.lists a:hover {color:#1b1b1b;}
    div.blogarticle aside section#subscribe div.lists a {margin-top:6px}
    div.blogarticle aside section#subscribe div.lists a i {background-image:url('../../img/blogsprite.png'); background-repeat:no-repeat; display:inline-block;width:16px; height:16px;margin-right:12px;float:left}
    div.blogarticle aside section#subscribe div.lists a span {margin-bottom:4px;display:inline-block; float:left}
        div.blogarticle aside section#subscribe div.lists a.twitterblog i {background-position: -16px 0; width:19px;margin-right:9px; margin-top:4px;}
        div.blogarticle aside section#subscribe div.lists a.facebookblog i {background-position: -35px 0; height:19px; margin-top:4px;}
        div.blogarticle aside section#subscribe div.lists a.facebookblog span {padding-top:4px;}
        
#newslettersignup {margin-top:20px}
#newslettersignup input {float:left; border-radius: 4px; }
    #newslettersignup input.button {border-radius: 4px;border-top-left-radius: 0;border-bottom-left-radius: 0;padding:4px 13px 6px 16px;margin:0;border-bottom:0; }
    #newslettersignup input.email {width:181px;font-size:0.8em; background-color:#f5f5f4; border-top-right-radius: 0;border-bottom-right-radius: 0;margin:0; border:1px solid #dedede; padding:5px 5px 5px 7px;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1) inset;outline:none; -webkit-appearance: none; }
        #newslettersignup input.email:focus {box-shadow: 0 -4px 4px 0 rgba(0,0,0,0.05) inset; border:1px solid #cacaca;}
    #newslettersignup input::-webkit-input-placeholder, #newslettersignup input::-moz-placeholder, #newslettersignup input:-ms-placeholder, #newslettersignup input:-moz-placeholder {font-weight:600;font-weight:bold;}
    #newslettersignup span.errormsg {margin-left:9px;}

div.blog div.article article a h2, div.blog div.article article h2 { margin: 0; font-size: 1.2em; font-weight: 600; padding: 0; line-height: 19px;}
div.blog div.article article a date, div.blog div.article article date {font-size:0.8em; color:#a9a199; font-weight: 600;}
div.blog div.article article img {padding-top:8px}
div.blog div.article article div.addthis_toolbox {margin:5px 0 10px 0;}
div.blog div.article article div.bloglistitem {padding:20px 0 10px 0; border-bottom: 1px solid #e7e7e3;}
    div.blog div.article article div.bloglistitem:first-child {padding-top:0;}
    div.blog div.article article div.bloglistitem:last-child {border-bottom: 0;}

#blognav {margin-top:30px; display:block; width: 100%; height:40px;}
#blognav span.next, #blognav span.prev {width:91px;float:left; display:block;height:33px}
#blognav span.next {float:right}
#blognav span.next a, #blognav span.prev a {display:block; background-color:#212d56; color:#ffffff; width:91px; height:33px;  border-radius: 5px; font-size: 0.9em; font-weight: 400;} 
    #blognav span.next a i, #blognav span.prev a i {display:inline-block; background-image:url('../../img/sprite.png?v=17'); background-repeat:no-repeat; background-position: -89px -19px; width:19px; height:19px;background-size:auto; margin-top:0px  }
    
    #blognav span.prev > span, #blognav span.next > span {display:none}
    
    #blognav span.prev a i {float:left; margin-left:9px; background-position: -89px 0; }
    #blognav span.prev a span {float:left; margin-left:13px}
    #blognav span.next a i {float:right; margin-right:9px }
    #blognav span.next a span {float:right; margin-right:13px}
    
#blognav div.numbers {margin:0 auto; width:50%; float:left;}
    #blognav div.numbers span {float:left; display:block; margin-right:4px; width:24px; height:24px; border:1px solid #b3b3b3; text-align:center; font-size:0.8em; color:#717171; border-radius:4px; background-color: #ffffff;background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */ background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */ -webkit-box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.2); box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.2);}
    #blognav div.numbers span {display:table;}
    #blognav div.numbers a {display:table-cell; vertical-align: middle; text-align: center;font-size:0.8em; color:#717171;font-weight: 600;}
    #blognav div.numbers span:hover, #blognav div.numbers span.current {background:none;background-color: #ffffff;-webkit-box-shadow:0;box-shadow:0;}
        #blognav div.numbers span:hover a {color:#ffa200}
    #blognav div.numbers span.current {background-color: #000000; border-color: #000000;}
        #blognav div.numbers span.current a {color:#ffffff}
    #blognav div.numbers div {margin:0 auto;}

img.tracking {width:1px; height:1px; float:left}

/* ORGANISERS SECTION */
div.organisers article p, .widepanel {padding-bottom:30px; border-bottom:1px solid #dedede;}
    .widepanel:last-child {border-bottom:0}
    .homepage .widepanel {padding-bottom: 0;border-bottom: 0;}
    div.organisers .bodycopy p {border-bottom: 0; padding-bottom:1em}
    div.organisers .bodycopy p:last-child {border-bottom: 0; padding-bottom:30px}
div.organisers h3 {margin-bottom:2px; margin-top:24px}
    div.organisers #child-container a:first-child h3 {margin-top:0}
div.organisers ul.three_cols {list-style-type: none;padding-left:0; padding:12px 0; }
    div.organisers ul.three_cols li {border-bottom:1px solid #dedede; width:90%; padding:12px 0;}
        div.organisers ul.three_cols li:last-child {border-bottom:0}
        div.organisers ul li strong {display:block;}
        div.organisers ul li strong a {color:#000000}
            div.organisers ul li strong a:hover {color:#ffa200;}

.detailscontainer span {display:block; padding-bottom:7px;}


/* SERVICES SECTION */
.servicelisting, .showroomlist {padding:16px 0; border-top:1px solid #d4d4d4;}
    .showroomlist:first-child {border-top:0}
.servicelisting a img, .showroomlist a img {width:66%;border:1px solid #dedede;margin-bottom:12px;}
.servicelisting div strong, .servicelisting div span, .showroomlist div strong, .showroomlist div span {font-weight: bold; display:block; float:left}
.servicelisting div span.telephone, .showroomlist div span.telephone {width:80%}

.showrooms > .article > article div.detailscontainer strong {float:left;width:25%; font-size:0.8em}
    .showrooms.events > .article > article div.detailscontainer strong {width:100%; float:none;font-size:0.9em}
.showrooms > .article > article div.detailscontainer span {font-size:0.8em}
    .showrooms > .article > article div.detailscontainer span:last-child {clear:left}
    .showrooms > .article > article div.detailscontainer span p {font-size:1.15em}
    
div.footerlinks {padding-top:20px; clear:both; border-top:1px solid #d4d4d4; padding:8px 0}
div.footerlinks a {font-size:0.85em}
.showrooms div.footerlinks a.left {width:100%;margin-top:12px}
.showrooms div.footerlinks a.button.grey.right, .showrooms div.footerlinks a.left {float:none; clear:both; display:block}

/* FOOTER BITS */

footer section {padding:9px 0; border-top:1px solid #30302f; text-align:center; font-size:0.8em; color:#ffffff; margin:0 auto; font-weight:600}
    footer section:last-child {padding-bottom:21px}
    footer section.social div {width:189px; margin:0 auto;}
    footer section.social span {background-color:#4f4f4f; height:100%; display:inline-block; float:left; width:1px; height:100%;margin-right:16px;}
a.twitter, a.facebook, a.googleplus, a.linkedin, a.instagram {display:block; float:left; background-image:url('../../img/sprite.png?v=17'); background-repeat:no-repeat;margin-right:16px;}

a.twitter {background-position: -163px 0;height:15px; width:19px;margin-top:5px}
    a.twitter:hover {background-position: -163px -15px;}
a.instagram {width:19px; height:19px;background-position:-282px 0;margin-top:4px;}
    a.instagram:hover {width:19px; height:19px;background-position:-282px -19px;}
a.facebook {height:19px; width:9px;background-position: -154px 0;margin-top:2px;}
    a.facebook:hover {background-position: -154px -19px;}
a.googleplus {width:20px; height:17px;background-position:-182px 0;margin-top:4px;margin-right:0}
    a.googleplus:hover {width:20px; height:17px;background-position:-182px -17px;}
a.linkedin {width:21px; height:21px;background-position:-301px 0;margin-top:4px;}
    a.linkedin:hover {width:21px; height:21px;background-position:-301px -21px;}


footer section.newsletterandsponsors div {width:calc(100% - 10px); margin-left:10px; float:left; text-align: left;} 
    footer section.newsletterandsponsors div h4 {text-transform: uppercase;}
footer section.newsletterandsponsors div#footersponsors {float:right; width:225px}
footer section.newsletterandsponsors p {font-weight:600; font-size:1.1em; margin-top:8px}
footer section.newsletterandsponsors form {clear:both; display:block}

footer section.newsletterandsponsors form {width:100%; padding-top:11px}
.carbon, .iip, .icca, .aev {display:block; float:left; background-image:url('../../img/footersponsors.png?v=2'); background-repeat:no-repeat;height:64px;}
a.carbon {width:51px;background-position:0 0;}
a.iip {width:88px;background-position:-51px 0;}
a.icca {width:43px;background-position:-139px 0;}
a.aev {background-position:0 -66px; width: 85px; height: 38px;background-image:url('../../img/footersponsors2.png');margin-top: 13px;}


header section form input.search, footer .newsletterandsponsors form input.search {width:267px; padding: 7px 7px 6px 7px; -webkit-appearance: none;-webkit-border-radius:0;  border-radius:0;border-top-left-radius: 8px;border-bottom-left-radius: 8px; border:0;margin:0;}
    footer .newsletterandsponsors form input.search {width:calc(100% - 84px); font-size:0.8em}
    header section form button.searchbutton, footer .newsletterandsponsors form button.searchbutton {padding:4px 12px 4px 12px; background-color: #212d56;border-top-right-radius: 8px;border-bottom-right-radius: 8px; cursor:pointer;color:#ffffff;margin:0; margin-left:-3px}
        header section form button.searchbutton:hover, footer .newsletterandsponsors form button.searchbutton:hover {background-color:#ffa200}
        footer .newsletterandsponsors form button.searchbutton {height:26px}
    
div.belowfooter {background-color:#212d56; text-align:center}
div.footercoda {background-color:#101835}
    div.belowfooter span, div.footercoda .footercodainner span {color:#8d8d8d; font-size:0.8em; display:block; width:100%; padding:9px; text-align:center}
    .footersponsors3 {background-image:url('../../img/footersponsors3_mobile2.png'); border-bottom: 1px solid #3b4462;  width: 100%; background-repeat: no-repeat; background-position: 50% 10px; padding: 10px 0 20px 0; height: 234px;}
#accreditation {background-image:url('../../img/accreditation_mob.png?v=3'); width:162px; height: 590px; background-size: 50%; background-position: center 0; background-repeat:no-repeat; text-align: center; margin: 20px auto 0 auto} 

/* NEWSLETTER FORM */

    #exhibitors input, #exhibitors label {margin:0 10px}
section div#exhibitors header {background-color:#e6e6e6; color:#1b1b1b;height:auto; font-weight:600;font-weight:bold;padding:6px 11px;font-size:0.8em}
label span, form section header span b, form div.section div.header span b {color:#ffa200;}
form section header span, form div.section div.header span {float:right; }
label, #exhibitors > div.double > span {display:block; float:left; width:175px;font-weight:400; line-height:23px;}
    #hands label {width:421px;}
    .twain label, #terms_form label {width:275px; line-height:16px;}
    #terms_form label {line-height: 19px}
label span, form section header span b, form div.section div.header span b {color:#ffa200;}
    form section header span, form div.section div.header span {float:right}
#exhibitors input, #hands input.required, #hands textarea, #exhibitors textarea {display:block; background-color:#ffffff;border:1px solid #dedede; padding:8px; width:100%;font-weight:600;font-weight:bold; color:#ffa200}
        #hands input.required {width:100%;}
        #exhibitors div.checkbox input {width:auto; margin:5px 0 0 20px}
        #exhibitors div.checkbox label {width:auto}
            #hands label.special {width:100%;color:#ffa200;font-weight:600;font-weight:bold; padding-bottom:14px; display:inline-block; }
        #hands textarea {height:142px;width:100%;}
        #extraquestion {}
    
    
    #exhibitors input.smaller, #exhibitors textarea.smaller {width:92%;font-size:0.8em;margin:6px 0 12px 10px;box-shadow:none}
    #exhibitors input.error {background-color:#ffd8d8; border-color: #ecbbbb;}
#exhibitors p {font-size:13px;font-weight:400; padding-top:11px; clear:both}
#exhibitors > div, section.sup > div  {background-color:#f5f5f4; clear:both; }
    #exhibitors > div:nth-child(2) {padding-top:21px}
    #exhibitors > div:last-child {padding-bottom:21px;padding-top:21px}
    #exhibitors > div.noborder {border-bottom:none}
#exhibitors input.fileupload { width: 171px; text-align: center; padding: 50px 6px; margin-right: 10px; overflow:hidden }
#exhibitors input.button, #newslettersignup input.button {background-color:#212d56; color:#ffffff; font-weight:400; padding:6px 21px; width:auto; border-radius:8px;font-size:13px;}



/* EXHIBITIONS */
article.exhibitionlanding .exhibitionlist { margin-bottom:5px;border-bottom:1px solid #dedede; padding:20px 0; width:100%}
    article.exhibitionlanding .exhibitionlist:last-child {border-bottom:0}
    article.exhibitionlanding .exhibitionlist div {float:right; width:100%;}
        
    article.exhibitionlanding .exhibitionlist a h2 { width:100%; font-size:1.1em; padding:0.6em 0 0.2em 0; }
    article.exhibitionlanding .exhibitionlist date {font-size:0.95em; font-weight: bold;width:100%; display:block }
    article.exhibitionlanding .exhibitionlist span { font-size:0.9em; width:100%}
        article.exhibitionlanding .exhibitionlist span a {display:none}
    
    article.exhibitionlanding .exhibitionlist nav {display:block; text-align:right;width:100%;}
        article.exhibitionlanding .exhibitionlist nav a.button {float:right; font-size:0.9em}
            article.exhibitionlanding .exhibitionlist nav a {margin-bottom:8px;width:auto; text-align:center;}
            article.exhibitionlanding .exhibitionlist nav a:first-child {float:left}

.eventimages img {width:66%; height:auto;border:1px solid #dedede;margin-bottom:12px;}


/* SEARCH */

.search div.article article a {float:left; display:block; width:100%;padding-top:10px;padding-bottom:10px;}
    .search div.article article a:hover {opacity:0.6}
    .search div.article article a:nth-child(even) {background-color:#f4f4f4}
    .search div.article article a img {float:left; margin-right: 12px; width:35%}
    .search div.article article a span {color:#363634; font-size:0.7em; line-height:0.6em; font-weight: 400;}
    .search div.article article a strong {font-size:0.85em; font-weight: 600;display:block;margin-top:-5px }

/* CONTACT */

.contact article figure figcaption {display:none}
.contact article ul li {padding-top:14px}

/* HOTELS */

section#hotelmap {background-color:#f5f5f4; clear:both;margin-bottom:20px}
    section#hotelmap header {background-color:#ffa200;}
        section#hotelmap header h3 {color:#ffffff;font-weight:600;padding:3px 0 2px 11px; font-size:1em; margin:0;}
    section#hotelmap p {margin:0; padding:11px;font-size:0.8em; color:#363634;}
    section#hotelmap a {margin-left:11px;margin-bottom:10px;}
    .servicelisting div p {width:100%; margin-top:40px}
    
/* SHOWROOM DIRECTORY */
article.showrooms {width:100%; overflow:hidden}
article.showrooms div div strong, article.showrooms div div span {display:block; float:left;  font-weight:600;font-weight:bold; width:40%; }
article.showrooms div div span {width: 60%; font-weight:400}
article.showrooms div div strong { clear:left;}
article.showrooms div div span:last-child { width:100%;}
article.showrooms div div span.withlink {overflow: scroll; position:relative}

p:last-child {margin-bottom:0;}
#child-container.nobottpadding {padding-bottom: 0;}

a.mtli {font-size:11px;display:inline-block;height:32px;background-position: top left;background-attachment: scroll;background-repeat: no-repeat; padding-left:39px; margin-top:12px; font-weight:600;}
    #child-container a.mtli {clear:left; margin-left:10px}
    a.pdf {background-image:url('../../img/filetypes/pdf.png')}
    a.ai {background-image:url('../../img/filetypes/ai.png')}
    a.csv {background-image:url('../../img/filetypes/csv.png')}
    a.doc {background-image:url('../../img/filetypes/doc.png')}
    a.docx {background-image:url('../../img/filetypes/docx.png')}
    a.indd {background-image:url('../../img/filetypes/indd.png')}
    a.ppt {background-image:url('../../img/filetypes/ppt.png')}
    a.pptx {background-image:url('../../img/filetypes/pptx.png')}
    a.xls {background-image:url('../../img/filetypes/xls.png')}
    a.xlsx {background-image:url('../../img/filetypes/xlsx.png')}
    a.zip {background-image:url('../../img/filetypes/zip.png')}
    a.pageturny {background-image:url('../../img/pdf-flip.png')}
        a.pageturny.oneline {line-height: 30px}

a.mtli span {color:#363634;font-weight:400;}



/* ----------------------------------------
   MediaQueries
---------------------------------------- */

@media only screen and (min-width: 480px) {
    body {font-size:150%}
    
}

@media only screen and (min-width: 640px) {
    body {font-size:200%}
    
}

@media only screen and (min-width: 720px) {
    body {font-size:225%}
   
}
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332){
    .defaultpanel, #venueintrocopy {font-size:0.85em}
}

/* ----------------------------------------
   COMMON
---------------------------------------- */

.hR {height:auto; overflow:hidden}
.hA {overflow:auto}

.clear {clear:both}

.mb0 {margin-bottom:0 !important}
.mbB {margin-bottom:.625em !important}
.mbC {margin-bottom:1.25em !important}
.mbD {margin-bottom:2.5em !important}

.mlC {margin-left:1.85em !important}

.hidden {display:none}

/* ----------------------------------------
   CakePHP
---------------------------------------- */
pre, code {clear:both; font-family:monospace,serif; font-size:.75em}
.cake-debug-output, pre {padding:0 1.25em; margin:0; white-space:pre; white-space:pre-wrap; background-color:#ffe68d}
pre {padding:1.25em; border-bottom:.0625em solid #3e330d; position:relative; z-index:5}

.cake-sql-log {width:90%; margin:5%; font-size:.6875em}
    .cake-sql-log caption {margin-bottom:1.25em; font-weight:bold; font-size:.8125em}
    .cake-sql-log th, .cake-sql-log td {padding:.625em .9375em; border-bottom:.0625em solid #ddd}
    .cake-sql-log th {text-align:left; font-size:.75em}
    .cake-sql-log td {background-color:#fff}
    
/* feedback forms */
.hideondesktop, div.hidelabelondesktop label {display:none}
#exhibitors .initial .radio input[type="radio"] {margin:5px 10px 0 170px}
.otherfeedback #exhibitors textarea.smaller {margin-left:175px}
    .otherfeedback #exhibitors textarea.smaller.withlabel {margin-left:0}
    .otherfeedback #exhibitors textarea.nomargin {margin-left:0}
    .otherfeedback #exhibitors textarea.wider {width:550px}
.otherfeedback #exhibitors textarea.shorttextarea {height:28px}
.otherfeedback section {margin-bottom:1em}
.otherfeedback div#exhibitors section.sup > header {background-color:#212d56}
.otherfeedback section.sup > header h3 {margin:0; padding:0; color: #ffffff; font-weight:normal}
.otherfeedback section.initial fieldset label {width: calc(100% - 280px);}
.otherfeedback article table {border-collapse: collapse; width:100%; max-width:725px}
.otherfeedback article table tr th { font-weight: 600; text-transform: none;}
.otherfeedback article table tr th, .otherfeedback article table tr td {background-color:#ffffff;border-top: 1px solid #dededf; border-left: 1px solid #dededf; padding: 4px 12px 4px 12px;font-size: 1em; white-space: nowrap; text-align:center; min-width:63px}
    .otherfeedback article table tr:last-child th, .otherfeedback article table tr:last-child td{border-bottom: 1px solid #dededf; }
    .otherfeedback article table tr th:last-child, .otherfeedback article table tr td:last-child {border-right: 1px solid #dededf; }
        .otherfeedback article table tr td {padding: 10px 14px;;}
        .otherfeedback article table tr td:first-child {text-align:left; white-space: normal;}
        #exhibitors .ratings .radio input[type="radio"] {margin: 0 auto; float: none;}
        
        #exhibitors .leftish fieldset {margin-top:20px}
        #exhibitors .leftish fieldset legend {width: 220px; max-width:100%; float:left;}
        #exhibitors .leftish fieldset input.optional.smaller.bottom {width:25px;}

#exhibitors .ratings tr.error, #exhibitors .ratings tr.error td {background-color:#ffdede}    

.otherfeedback section.nomargin {margin-top:-1em;}
.otherfeedback section.nomargin div {margin-top:0;}
.otherfeedback section.nomargin div p {padding-top:0;}
    div.recaptcha {padding:14px 0; margin: 0 auto; max-width:100%}

.feedback #exhibitors > div, .feedback #exhibitors section.sup > div {padding: 14px 21px;}
.otherfeedback #exhibitors label, .otherfeedback #exhibitors input {margin:0}
.otherfeedback #exhibitors .radio input[type="radio"] {width: auto;margin: 5px 10px 0 0;float:left}

.newslettergdpr #exhibitors div.checkbox input {float: left;}
.newslettergdpr #exhibitors div.checkbox label {float: left;width: calc(100% - 60px);}
.disabled {-webkit-filter: grayscale(100%); filter: grayscale(100%);opacity:0.1;}

.hero_image_container { padding: 0 10px; margin: 0 auto; text-align: center;background-color: #e7e8e3}
.section_parent ul.breadcrumbs {margin: 15px 0 16px 10px;}
.section_parent h1 {margin-left: 10px; margin-bottom: 1px;padding-bottom: 0;}
div.section_parent.normal aside {margin-top: 60px;}
div.section_parent article {padding-top: 0; }
div.section_parent article > p:first-child {margin-top: 0}
div.article {background-color: #ffffff;}
div.section_parent.normal {padding-top: 0}
div.section_parent.normal ul {margin-top:0}
div.section_parent div.article {padding-top: 5px}

@media screen and (max-width: 680px){
    .hideondesktop {display:inline-block}
    div.hidelabelondesktop label {display:inline-block}
    table.ratings, table.ratings tbody {display:block; width:100%}
    table.ratings tr {display:block}
    table.ratings tr td {display:block}
    table.ratings tr th {display:none}
    #exhibitors .radio input[type="radio"] {margin: 5px 0 0 20px }
    .otherfeedback article table tr th, .otherfeedback article table tr td {min-width: 0; padding:12px 0; text-align: left; border: 0; background-color:transparent}
        .otherfeedback article table tr td:first-child {font-weight:600; border-bottom:1px solid #dedede}
        .otherfeedback article table tr {padding-bottom:1em; }
        .otherfeedback article table tr th:last-child, .otherfeedback article table tr td:last-child {border:0}
    .otherfeedback article table tr:last-child th, .otherfeedback article table tr:last-child td{border-bottom: 0; }
    .otherfeedback #exhibitors textarea.smaller {margin-left:0;clear:left; max-width:95%;}
    div.normal.resp article {width: 100%;}
    .otherfeedback #exhibitors textarea.wider {width:350px; max-width:95%}
    #exhibitors .ratings tr.error, #exhibitors .ratings tr.error td {background-color:transparent}
        #exhibitors .ratings tr.error td:first-child {background-color:#ffdede}
    span.errormsg {margin-left:0;margin-bottom:20px;}
    .input.textarea label {width:100%; margin:7px 0}
    #exhibitors .initial .radio input[type="radio"] {margin: 5px 10px 0 0; }
    .otherfeedback section.initial fieldset label {width: calc(100% - 30px);}
    #exhibitors input.smaller, #exhibitors textarea.smaller {max-width:90%}
    div.recaptcha {padding:14px 10px; margin: 0 auto;}
    #exhibitors .leftish fieldset legend {width:100%;margin-bottom: 10px;}
    #exhibitors .leftish fieldset label {width:calc(100% - 50px)}
}

@media screen and (max-width: 490px){
    .resp section div#exhibitors header {width: 100%; padding:12px 10px;}
    form section header span {font-size:0.8em;line-height: 19px;}
    .hashovertwins {display:none}
}

header section div{float:right; width:auto;}
header > section > div.hashovertwins_mobile {padding:20px 0; ;float: none;width: 90%;margin: 0 5%;;}
header > section > div.hashovertwins_mobile ul {display: flex}
header > section > div.hashovertwins_mobile > ul > li > a {background-image:url('../../img/sprite.png?v=17'); background-repeat:no-repeat;height:19px; width:9px; background-position: -154px 0;display:block; overflow:hidden; text-indent: -9999em;margin-right:1px; margin-left:1px;margin-top:2px;padding-top:0; float:none; margin: 2px auto}
header > section > div.hashovertwins_mobile > ul > li {flex-basis:13%; flex-grow:2}
header > section > div.hashovertwins_mobile > ul > li.instagram {flex-grow:1; flex-basis: 6%}
header section div a:hover {background-position: -154px -19px;}
    header section div a#twitter_top {background-position: -163px 0;height:15px; width:19px;margin-top:5px;}
        header section div a#twitter_top:hover {background-position: -163px -15px;}
    header section div a#youtube_top {background-position: -330px 0;height:22px; width:32px;margin-top:2px;}
        header section div a#youtube_top:hover {background-position: -330px -22px;}
    header section div a#instagram_top {background-position: -282px 0;height:19px; width:19px;margin-top:3px;margin-left: 1px}
        header section div a#instagram_top:hover {background-position: -282px -19px;}
    header section div a#gplus_top {background-position: -182px 0;height:17px; width:20px;margin-top:4px;}
        header section div a#gplus_top:hover {background-position: -182px -17px;}
    header > section > div.hashovertwins_mobile > ul > li.linkedin {padding-left:15px}
    header section div a#linkedin_top {background-position: -301px 0;height:21px; width:30px;margin-top:2px;}
        header section div a#linkedin_top:hover {background-position: -301px -21px;}
    header > section > div.hashovertwins_mobile > ul > li.twice {flex-grow:6; flex-shrink:6; flex-basis: 29%}
        header > section > div.hashovertwins_mobile > ul > li.twice > a:nth-child(2) {float: right; padding-right:10px}
            header > section > div.hashovertwins_mobile > ul > li.twice > a:nth-child(2) span {font-weight: bold}
    header section div a#parking {background-position: -202px 0;height:19px; width:28px;float: right}
        header section div a#parking:hover, header section div a#parking.on {background-position: -202px -19px;}
header section div i {display:inline-block; border-right:1px solid #4a4a4a; width:1px; height:22px; float:right;border-right:0}
header section div a#span {background-image:none;text-indent: 0; width:auto; font-size: 11px;margin-right: -4px;}
header section div a#span span {display:inline-block;float:left; color:#ffffff} 
    header section div a#span:hover span, header section div a#span.on span {color:#ffa200;}

@media screen and (max-width: 320px){
    header > section > div.hashovertwins_mobile > ul > li.twice {flex-grow:2; flex-shrink:2; flex-basis: 13%}
        header > section > div.hashovertwins_mobile > ul > li.twice > a:nth-child(2) {float: right; padding-right:10px}
            header > section > div.hashovertwins_mobile > ul > li.twice > a:nth-child(2) {display:none}
}

.homepage.interim div.left a, .homepage.interim div.right a {position: relative; display: block;text-align: center;}
.homepage.interim div.left h2, .homepage.interim div.right h2 {text-transform: uppercase; position: absolute; color: #ffffff; top: calc(50% - 40px); font-weight: 300; font-size: 48px;width: 100%}
.homepage.interim div.left span, .homepage.interim div.right span {display: inline-block; width: 100%; position: absolute; top: calc(50% + 30px); text-align: center; left: 0; }
.homepage.interim div.left a span img, .homepage.interim div.right a span img { background: #ffa200; border-radius: 100%; padding: 8px 6px; transition: background-color 0.2s; width: 36px; height:36px; margin:0 auto}
.homepage.interim div.left a:hover span img, .homepage.interim div.right a:hover span img { background: #000000;}
.homepage.interim div.full a {display: block; margin-bottom: 20px; }
.homepage.interim div.full h3 {text-transform: uppercase; color: #ffffff; font-weight: 300; font-size: 22px;width: 100%; background-color:#212d56; margin: -1px auto 0 auto; padding: 8px 10px 12px 10px;}
.homepage.interim div.full a:hover h3 {background-color:#394673;}
.homepage.interim > div {margin-bottom: 20px;}

.mediacentre { text-align: centre }
.mediacentre img {display:block; padding: 9px 29px; border-radius: 10px; background-color:#fff;margin-top:12px; max-width: 144px;margin: 0 auto}

@media screen and (max-width: 330px){
    .homepage.interim div.right h2 {top: 40px; line-height: 50px}
}