:root
{
    --red: #e74e39;
    --red-bg: #ffddd8;
    --yellow: #fae839;
    --yellow-bg: #faedb2;
    --orange: #f8bf0a;
    --green: #115b2f;
    --green-bg: #eff8f3;
    --black: #000000;
    --white: #ffffff;
	--lightgrey: #f6f6f6;
	--darkgrey: #aaaaaa;

    --exhibitionhall: #a93d93;
    --exhibitionhall-bg: #ffd5d5;
    --livetalk: #208979;
    --livetalk-bg: #cde7d7;
    --workshop: #234490;
    --workshop-bg: #b4deff;
    --expertsession: #d76d33;
    --expertsession-bg: #ffe6be;
    --expertpanel: #d76d33;
    --expertpanel-bg: #ffe6be;
}


@font-face
{
      font-family: "poppinBold";
      src: url("/library/fonts/Poppins-Bold.otf")
        format("opentype");
    }
    
    @font-face {
      font-family: "poppinReg";
      src: url("/library/fonts/Poppins-Regular.otf")
        format("opentype");
    }
    @font-face {
      font-family: "poppinSemi";
      src: url("/library/fonts/Poppins-SemiBold.otf")
        format("opentype");
    }
  
body { background: var(--white); color:#0c2f47;margin:0;padding:0;font-family: poppinReg; }
* {padding:0;margin:0;font-size:100%;}
li{list-style-type:none}
p{margin:0 0 10px 0;line-height:1.5}
    a{ text-decoration:none; color: black; }
    table { width: 100%; }
    td, th { text-align: left; vertical-align: top; }
    fieldset{ border:none; }
    .hidden{display:none}
    input,select,textarea{ font-family:Helvetica,sans-serif; font-size:100%; padding:10px; border:0; box-sizing:border-box; background: #F4F4F4; }
    input:focus, textarea:focus, select:focus{outline: none;}
	button, input[type=submit], input[type=button], a.button { background-color:#105C2E;color: #ffffff;padding: 7px 15px;display: inline-block;border: none;cursor: pointer;border-radius: 20px;box-sizing: border-box;}
    select{ border: 1px solid #F4F4F4; }
    textarea{ border:1px solid grey; width: 100% !important; }
    img{border:none; max-width:100%; height:auto;}
    img.left{margin:5px 5px 5px 0}
    img.right{margin:5px 0 5px 5px}
    h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;line-height:1;}
strong, th { font-weight: normal; font-family: poppinSemi; }
.spacer { clear: both; height: 0px; }
table { border-spacing: 0px; }
td, th { padding: 0px; }

	.at-share-btn-elements { text-align: center; }
  
  /* Header */
  
          /* .layouttopmenu { width: 100%; height: 100%; background: #EDEDED;  }
          .layouttopmenu_inner { max-width: 1340px; height: 150px; margin: 0px auto 0px auto; box-sizing: border-box; }
  
          .layouttopmenu_inner .headerlogo { float: left; padding-top: 10px; }

          .layouttopmenu_inner { position: relative; }

          .headerbadge { background-image: url(/images/OEXS4aV1drHETxXxsNs60aw07m.png);background-size: 196px 137px; width: 196px; height: 137px; text-align: center;text-transform: uppercase;font-size: 80%;color: #EEEFB2;}
          .headerbadge .name { font-family: 'poppinSemi'; padding-top: 50px; margin-bottom:10px; word-spacing: 100vw; }		          
     
          .headersearch { padding: 5px 10px; width: 200px; background-color: #ffffff; }
          .headersearch form { float: left; width: 100%; border-bottom: 2px solid #C5C5C5; }
          .headersearch button { color: #C5C5C5; font-size: 20px; border-radius: 0px; padding: 0px; float: right; background: #ffffff; }
          .headersearch form input { float: left; padding: .5em 1%; margin: 0; font-size: 115%; width: 98%; color: #666666; background: #ffffff;}
          .headersearch input[type="text"] { width: 150px; font-size:90%; box-sizing: border-box; }
          .headersearch input[type="text"]::placeholder { font-size:90%; color:#C5C5C5; opacity:1; }
          
          .statusbanner { padding: 10px; text-align: center; }
          .statusbanner .title { font-family: poppinSemi; font-size: 120%; }
		  .statusbanner .message { margin-top: 10px; }
          .statusbanner.red { background: var(--red); color: #ffffff; }
          .statusbanner.yellow { background: var(--yellow); color: #000000; }
          .statusbanner.green { background: var(--green); color: #000000; } */

.headershowtimes { font-family: poppinSemi; color: var(--green); text-align: center; }

/* .layoutbreadcrumb .headershowtimes { padding-bottom: 20px; }

.layouttopmenu_inner .nav_simple a { background-color: var(--black); color: var(--white); }
.layouttopmenu_inner .nav_simple .menu10 a { background-color: var(--exhibitionhall); }
.layouttopmenu_inner .nav_simple .menu705 a { background-color: var(--livetalk); }
.layouttopmenu_inner .nav_simple .menu11 a { background-color: var(--livetalk); }
.layouttopmenu_inner .nav_simple .menu12 a { background-color: var(--workshop); }
.layouttopmenu_inner .nav_simple .menu13 a { background-color: var(--expertsession); }

.headerhelpbutton a { background-color: var(--green); border-radius: 20px; padding: 7px 12px; color: var(--white); }   */

/* @media(min-width: 1340px)
{
       .layouttopmenu_inner .nav_simple { float: left; margin-top: 52px; } 
      .headerhelpbutton { margin: 60px 0px 0px 10px; }
      .headersearch { margin: 50px 0px 0px 10px; }
}

 @media( max-width: 1339px )
{
      .headerlogo { margin-left: 10px; }
      .headerbadge { margin-right: 10px; }
} 

@media( min-width: 1140px ) and ( max-width: 1339px )
{
      .layouttopmenu_inner .nav_simple { position: absolute; margin: 30px 0px 0px 200px; }
      .headerhelpbutton { margin: 90px 0px 0px 10px; }
      .headersearch { margin: 80px 0px 0px 10px; }
} */

@media(min-width: 1140px)
{
      /* .layouttopmenu_inner .nav_simple .toggle { display: none; }
      .layouttopmenu_inner .nav_simple li { float: left; width: fit-content; padding: 0px 3px; font-weight: bolder;  }
      .layouttopmenu_inner .nav_simple li a { border-radius: 20px; padding: 7px 12px; color: var(--white); display:block; }  
      .layouttopmenu_inner .nav_simple li.menu413 { display: none; }

      .headersearch, .headerhelpbutton { float: left; }
      .headerbadge { float: right; } */
	  #menu3-7 { display: none; }
}

@media( max-width: 1139px )
{
	/* .layouttopmenu_inner .headershowtimes { display: none; }
	.layouttopmenu_inner .nav_simple { margin-top: 10px; font-family: 'poppinSemi'; margin: 0px; position: relative; }
      .layouttopmenu_inner .nav_simple .toggle { display: block; position: absolute; top: 10px; right: 10px; font-size: 150%; color: var(--green) }
      .layouttopmenu_inner .nav_simple.toggleoff ul { display: none; }
      .layouttopmenu_inner .nav_simple.toggleon ul { display: block; position: absolute; width: 100%; top: 150px; z-index: 10; padding-bottom: 120px; background-image: linear-gradient(to bottom, #ffffffff 0%, #ffffffff 75%, #ffffff00 100% ); }
      .layouttopmenu_inner .nav_simple.toggleon ul li a { display: block; padding: 5px 10px 5px 10px; margin-bottom: 1px; }

      .headerhelpbutton { position: absolute; right: 10px; top: 100px; }
      .headersearch { display: none; position: absolute; right: 10px; top: 100px; }
      .headerbadge { float: left; margin-left: 20px; } */

      /*
	.layouttopmenu_inner .nav_simple .menu10 a { color: var(--exhibitionhall); }
	.layouttopmenu_inner .nav_simple .menu705 a { color: var(--livetalk); }
    .layouttopmenu_inner .nav_simple .menu11 a { color: var(--livetalk); }
    .layouttopmenu_inner .nav_simple .menu12 a { color: var(--workshop); }
    .layouttopmenu_inner .nav_simple .menu13 a { color: var(--expertsession); }
    */
}

@media(max-width: 1359px)
{
      /*
      .layouttopmenu_inner { margin: 0px 10px 0px 10px; }
      .layouttopmenu_inner .nav_simple { position: absolute; margin: 50px 0px 0px 200px; }
      .headersearch { position: absolute; margin: 100px 0px 0px 300px; }
      .headerhelpbutton { position: absolute; margin: 110px 0px 0px 200px; }
      */
}

/* @media(max-width: 499px)
{
      .headerbadge { display: none; }
} */

@media( min-width: 700px ) and (max-width: 845px)
{

            /*
	      .layouttopmenu_inner .nav_simple li:last-child { position: absolute; margin: 60px 0px 0px 0px;   }
          .headerhelpbutton { position: absolute; margin: 110px 0px 0px 345px; }
	      .headersearch { position: absolute; margin: 100px 0px 0px 420px; }
            */

}

@media( min-width: 700px )
{
	      /* .layouttopmenu_inner .headershowtimes { position: absolute; margin: 10px 0px 0px 200px; } */

            /*
          .headerhelpbutton a { background-color: var(--green); margin: 0 5px; }
            */
}




/*
    @media(max-width: 1084px) {

              .headerhelpbutton { top: 110px; left: 520px; }
              .headersearch { display: none; top: 100px; left: 590px; }
    }

    @media(max-width: 1018px) {
    	             	 
    	  .layouttopmenu_inner .nav_simple { width: 500px; }
    	  .layouttopmenu_inner .nav_simple li { padding-bottom: 20px; }
    	  .headerhelpbutton { top: 105px; left: 350px; }
          .headersearch { top: 100px; left: 430px; } 
         
    }
    

    @media(max-width:886px) {

    	  .headerbadge { display: none; }
    	  .layouttopmenu_inner { height: 170px; text-align: center; }
    	  .layouttopmenu_inner .nav_simple { margin: 20px 0 0 10px; }
    	  .headerhelpbutton, .headersearch { position: initial; float: left;  }
    }


    @media(max-width:500px) {

          .layouttopmenu_inner { height: 310px; text-align: center; padding: 10px;  }
    	  .layouttopmenu_inner .nav_simple { width: 100%; }   
          .headerlogo { float: none; }
    
    }
*/
    

/* new header */

.layoutheader .logos, .layoutheader .bottom-container{display: block !important;}

.layoutheader {border-bottom: none; padding: 0; position: fixed; left: 0; width: 100%; top: 0; background-color: white; z-index: 9999; transition: all .3s ease-in-out; }
.scroll .layoutheader .logos ul li{max-width: 120px; transition: .5s ease-in-out;}
.layoutheader .layoutheader_inner{all:unset}

.layoutheader .logos{ max-width: 1400px; margin: 0 auto; padding: 10px 20px;}
.scroll .layoutheader .logos{padding: 0px 20px;}
.layoutheader .logos ul{display: flex; justify-content: space-between; align-items: center; gap:20px}
.layoutheader .logos ul li{max-width: 200px; width: 100%;}
.layoutheader .logos ul li img{max-width: 100%; height: auto;}
.layoutheader .logos ul li:not(.link1) img{ filter: grayscale(100%); transition: .5s ease-in-out;}
.layoutheader .logos ul li:hover img{filter: none;}

.layoutheader .bottom-container {background-color: var(--green);  padding: 0px 20px; box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.2);}
.layoutheader .bottom-container>.items{max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height:50px}
.layoutheader .bottom-container .nav_simple ul{ display: flex; gap:15px;}
.layoutheader .bottom-container .nav_simple ul li{padding: 15px 0;}
.layoutheader .bottom-container .nav_simple ul li a{border-bottom: none; color: white;}
.layoutheader .bottom-container .nav_simple ul li a{ font-weight: 500; transition: .2s ease-in; font-size: 14px;}
.layoutheader .bottom-container .nav_simple ul li a:hover { border-bottom: 1px solid white; }

.layoutheader .bottom-container .util_sitesearchbar input[type=text]{display: none;}
.layoutheader .bottom-container .util_sitesearchbar button{background: none; border: none; padding: 0;}
.layoutheader .bottom-container .util_sitesearchbar button i{display: inline-block; color: white; font-size: 16px; padding: 3px; cursor: pointer;}
.layoutheader .bottom-container .util_sitesearchbar button:hover i{color: var(--yellow);}

.layoutheader .spacer{display: none !important;}

@media ( min-width: 1150px )
{
    .layoutheader .layoutheader_inner .nav_simple .toggle { display: none; }
    body{padding-top: 180px;}
}

@media ( max-width: 1150px )
{
    .layoutheader { position: relative; }
    .layoutheader .bottom-container{padding: 0px 20px; position: relative;}
    .layoutheader .bottom-container>.items{flex-direction: row-reverse; justify-content: end; gap:20px; }
    .layoutheader .bottom-container .util_container .nav_linklist:not(.buttons){display: none;}

    .layoutheader .bottom-container .nav_simple.toggleoff ul { display: none; }
    .layoutheader .bottom-container .nav_simple.toggleon ul {display: block; background-color: white; position: absolute; left: 0; width: 100%; top: 55px; padding: 20px 0px; box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.2);}
    .layoutheader .bottom-container .nav_simple.toggleon ul li {padding: 5px 0px;margin: 0px auto;text-align: center; }
    .layoutheader .bottom-container .nav_simple.toggleon ul li a { border: none;color: black; }

    .layoutheader .bottom-container .nav_simple .toggle {display: block !important; position: relative; z-index: 10; padding: 5px 0 0 0; color: white; width: 32px; cursor: pointer;}
    .layoutheader .bottom-container .nav_simple .toggle i{font-size: 32px;}
}

@media ( max-width: 600px )
{
    .layoutheader .logos{padding: 10px;}
    .layoutheader .logos ul{gap:8px}
    .layoutheader .logos ul .link1 {min-width: 120px;}
    .layoutheader .bottom-container {padding: 0px 10px;}
} 



  /* Footer */

          .layoutmiddle { background-color: var(--white); }  
          .layoutfooter { width: 100%; margin-top: 50px; background-color: #000000; clear:both; }
          .layoutfooter_inner { max-width: 1340px; margin: 0 auto 0 auto; }
          .layoutfooter_inner h2.titletxt { color: #DBDBDB; font-size: 75% ;  }

          .footerhelpbutton { padding: 45px 0px 45px 0px; text-align: center; }
          .footerhelpbutton .links { margin-top: 20px; }
          .footerhelpbutton a { background-color: var(--green); color: #ffffff; font-size: 90%; padding: 10px 60px; border: none; cursor: pointer; border-radius: 20px; box-sizing: border-box; }
                    
          .layoutcredits { width: 100%; background-color: #000000; padding-bottom: 20px; }
          .layoutcredits_inner { max-width: 1340px; margin: 0px auto 0px auto; padding: 0px 20px 0px 20px; font-size: 85%; }
          .layoutcredits .beachshore { margin: -80px 0px 0px 0px; float: right; color: #DBDBDB; }
          .layoutcredits .beachshore a { color: #DBDBDB; }

    @media(max-width: 700px ) {
          
          .layoutcredits .beachshore { margin: -20px 0px 0px 0px; float: none; text-align: center;  }
          
    }
  
  /* Layout */
  
          .layoutbreadcrumb_inner { max-width: 1340px; margin: 0 auto 0 auto; }

          .layoutmiddle { margin: 0 auto; clear: both; background-color: white; }
  
          .pagecomponents_inner { margin: 0 auto 0 auto; }
          .pagecomponents_inner:after { content: ''; width: 100%; display: inline-block; }
  


/* Ticker */
          
.feat_ticker { background-color: var(--green-bg); width: 100%; margin-bottom: 20px; clear: left; }
.feat_ticker .titletxt { background-color: #DDF1E5; color: #1D6237; text-transform: uppercase; text-align: center; font-family: 'poppinSemi'; }
.feat_ticker li { display: flex; align-items: center; }

@media( max-width: 799px )
{
      .feat_ticker { font-size: 80%; }
      .feat_ticker .titletxt { padding: 5px; }
      .feat_ticker ul li { text-align: center; padding: 5px; }
}

@media( min-width: 800px )
{
	.feat_ticker .titletxt { float: left; width: 140px; height: 50px; line-height: 50px; } 
    .feat_ticker ul li { height: 50px; line-height: 20px;}
	.feat_ticker ul { padding-left: 15px; }
}
                                    

/* Max widths */

.std_contentpage, .shop_product, .shop_basket, .util_sitesearch, .feat_boothcontent, .feat_boothlist, .feat_boothpage .topsection, .feat_boothpage .middlesection, .feat_boothpage .contentboxes
   { max-width: 1340px; margin: 0px auto 0px auto; }


/* Titles */

.std_contentpage h1, .shop_product h1, .shop_basketpage h1, .feat_boothcontent h1 { font-size: 30px; font-family: 'poppinSemi'; text-align: center; clear: left; margin: 50px 0; display: grid; grid-template-columns: 1fr auto 1fr; grid-gap: 30px; color: #105C2E; }
@supports (display: grid)
{
	.std_contentpage h1:before, .std_contentpage h1:after, .shop_product h1:before, .shop_product h1:after, .shop_basketpage h1:before, .shop_basketpage h1:after, .feat_boothcontent h1:before, .feat_boothcontent h1:after
		{ content: ""; align-self: center; border-top: 3px solid #105C2E; }
}

.util_sitesearch h2 { font-size: 25px; font-family: 'poppinSemi'; text-align: center; clear: left; margin: 50px 0; display: grid; grid-template-columns: 1fr auto 1fr; grid-gap: 30px; color: #105C2E; }
@supports (display: grid)
{
	.util_sitesearch h2:before, .util_sitesearch h2:after
		{ content: ""; align-self: center; border-top: 3px solid #105C2E; }
}


/* Homepage */

.home .pagecomponents { max-width: 950px; margin: 0px auto 0px auto; }


/* Login Page & Homepage Menu */
  
.loginpage .util_image { text-align: center; }
.loginpage .util_image img { max-width: 100%; max-height: 100%;  }
  
.loginpage .homemenu { margin: 20px auto 20px auto;   }
      

          .loginpage .memb_loginbox { background-color: #F6F6F6; height: 350px; text-align: center; vertical-align: middle; }

          .loginpage .memb_loginbox .fieldemail, .loginpage .fieldpw { margin: 30px 0; }
          .loginpage .memb_loginbox .fieldemail label, .loginpage .memb_loginbox .fieldpw label { display: block; padding-bottom: 15px; font-size: 90% }
		  
          .loginpage .memb_loginbox .forgotpw, .loginpage .memb_loginbox .changepassword { display: block; }
  
          .loginpage .memb_loginbox input[type=text], .loginpage input[type=password] { width: 80%; padding: 12px 20px; margin: 8px 0; display: block; background-color: #ffffff;  margin: 0 auto; }
          .loginpage .memb_loginbox input[type=submit] { width: 40%; background-color: #2a2a2a; color: #ffffff; padding: 10px 20px; margin: 8px 0; border: none; border-radius: 45px; cursor: pointer; }
          .loginpage .memb_loginbox input[type=submit]:hover { background-color: #105C2E; }

          .loginpage .memb_loginbox .loggedin { padding-top: 130px; }
          .loginpage .memb_loginbox .logout { margin-top: 30px; }

          .homemenu ul { justify-content: center; display: flex; flex-wrap: wrap; }
          .homemenu li {margin: 20px 20px 20px 20px;vertical-align: middle; }
          .homemenu li a {width: 160px;height: 160px;background-color: var(--green);display: block;border-radius: 50%;text-align: center;font-size: 30px;color: #ffffff;text-transform: uppercase;font-family:'poppinSemi';box-sizing: border-box; padding: 35px 20px 0px 20px;}
          .homemenu .menu35 a { background-color: var(--green); }
          .homemenu .menu333 a, .homemenu .menu422 a { background-color: var(--red); }
          .homemenu .menu34 a { background-color: #48ace2; }
          .homemenu .menu2 a {padding-top: 55px; background-color: var(--orange); color: black;}
          .homemenu li.selected { display: none !important; }
	    .homemenu .menu523 a { background-color: var(--red); }

@media( min-width: 950px )
{
      .loginpage .util_image, .loginpage .homemenu { float: left; }
      .loginpage .util_image { width: 40%; height: auto; margin-top: 40px; }
      .loginpage .homemenu { width: 25%; }
      .loginpage .memb_loginbox { float: right; width: 35%; margin-top: 40px; }
      
}

@media( max-width: 1360px )
{
      .loginpage { padding: 0px 10px 0px 10px; }
}

/*
        @media(min-width:1000px) {
         .loginpage .util_image { margin-left: 2%; }
         .loginpage .homemenu ul { display: table; margin: 0 auto; }
         .loginpage .memb_loginbox { padding: 20px; }
        }

         @media(max-width:999px) {
         .loginpage .memb_loginbox { clear: both; float: none; margin: 0 auto; width: 50%; }
         .loginpage .homemenu { width: 50%; }
         .loginpage .homemenu ul li { display: inline-block;  }
        }

         @media(max-width:800px) {
         .loginpage .util_image, .loginpage .homemenu, .loginpage .memb_loginbox { width: 100%; }
         .loginpage .util_image img { max-width: 70%;}
         .loginpage .util_image { text-align: center; }         
        }
      */ 

/* Reset password */

.memb_account { text-align: center; }
.memb_account .field { padding-bottom: 20px; }
.memb_account .errors { color: var(--red); padding: 20px 0px 20px 0px; }



.feat_socialshare ul { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 200%; }


  /* Central Hub */



.centralhub .nav_linklist.signposts h2 {background: #DFDFDF; position: absolute; height: 310px;width: 60px; }
.centralhub .nav_linklist.signposts h2:before { border-bottom: 25px solid #DFDFDF; border-left: 30px solid transparent; border-right: 30px solid transparent; content: ""; height: 0; left: 0; position: absolute; top: -25px; width: 0; }

.centralhub .nav_linklist.signposts {background-image: url(/images/kJtrnTYidyUC6WOvGDP522g0jg.png);background-size: 1340px;height: 350px;background-position: center center;background-repeat: no-repeat;background-color: #F6F6F6;clear: both;margin-bottom: 50px;text-align: center;line-height: 64px;}		          
          
.centralhub .nav_linklist.signposts a {font-size: 30px;font-family: 'poppinSemi';padding: 10px 26px;}          		          

.centralhub .nav_linklist.signposts .link1 a { color: var(--exhibitionhall-bg); background-color: var(--exhibitionhall);  }		                    		          
.centralhub .nav_linklist.signposts .link2 a { color: var(--livetalk-bg); background-color: var(--livetalk); }          
.centralhub .nav_linklist.signposts .link3 a { color: var(--workshop-bg); background-color: var(--workshop); }          		          
.centralhub .nav_linklist.signposts .link4 a { color: var(--expertsession-bg); background-color: var(--expertsession); }		          
          		          
.centralhub .nav_linklist.signposts .link1, .nav_linklist.signposts .link2, .nav_linklist.signposts .link3, .nav_linklist.signposts .link4 { position: relative; }		          
          
.centralhub .bookings { min-height: 710px; background-color: var(--red-bg); padding: 20px; box-sizing: border-box; }
.centralhub .bookings .titletxt, .bookings h3, .homepagemiddle .titletxt { font-family: 'poppinSemi';  color: var(--red); }
.centralhub .bookings .titletxt, .homepagemiddle .titletxt { font-size: 20px; text-transform: uppercase; margin-bottom: 20px; }
.centralhub .bookings h3, .bookings h4 { margin: 20px 0; }
.centralhub .bookings h4, .bookings span.value {font-family: 'poppinSemi';line-height: 1.5;}
.centralhub .bookings span.label { width: 100px; float: left; text-transform: uppercase;  }
.centralhub .bookings .timezone { border-bottom: 1px solid var(--red); padding-bottom: 20px; }

.centralhub .homepagemiddle .util_image iframe { max-width: 100%; aspect-ratio : 16/9; height: auto; }

.centralhub .feat_countdown { background-color: var(--red); margin-bottom: 50px; color: var(--white); padding: 20px; text-align: center; }
.centralhub .feat_countdown a { color: var(--white); text-decoration: underline; }

.centralhub .welcomenoticesbox .welcomenotice {text-align: center; border: 2px solid var(--red); padding: 30px; margin-bottom: 20px;}

.centralhub .liveannouncements .records { height: 600px; overflow: scroll; }
.centralhub .liveannouncements .titletxt, .homepagewelcome .titletxt, .centralhub .welcomenoticesbox h2 { font-family: 'poppinSemi'; font-size: 20px; margin-bottom: 20px; text-transform: uppercase; color: var(--red); }
.centralhub .liveannouncements .record .column_time { float: right; text-align: right; font-size: 90%; color: var(--red); padding: 15px 20px 0px 0px; box-sizing: border-box;  }
.centralhub .liveannouncements .record .column_name { float: left; font-family: 'poppinSemi'; padding: 15px 20px 0px 0px; box-sizing: border-box;  }
.centralhub .liveannouncements .record .column_text { float: left; border-bottom: 2px solid #DCDCDC; width: 100%; padding: 20px 20px 20px 0px; box-sizing: border-box; }

.centralhub .homepagewelcome .titletxt a { color: var(--red); }
.centralhub .homepagewelcome .imagetop { height: 200px; background-size: contain; background-position: center center; background-repeat: no-repeat; }

.centralhub .feat_social { width: 402px;  height: 380px; border: 5px solid #F1F1F1; box-sizing: border-box; padding: 20px; overflow: scroll; }
.centralhub .feat_social .titletxt { font-family: 'poppinSemi'; margin-bottom: 15px; float: left; }
.centralhub .feat_social .subtitle { font-family: 'poppinSemi'; float: right; color: var(--red); }
.centralhub .feat_social ul { clear: both; }
.centralhub .feat_social li.status { border-top: 2px solid #DCDCDC; padding: 20px 0 12px 0;  }
.centralhub .feat_social .status .logo { height: 100%; margin: 0 15px 20px 0; float: left;  }
.centralhub .feat_social .status .logo img { height: 50px; width: 50px; border-radius: 50%;   }
.centralhub .feat_social .status .name { font-family: 'poppinSemi'; font-size: 80%; }
.centralhub .feat_social .status .text a { font-size: 80%; color: var(--black); }

@media(min-width: 1340px )
{
      .centralhub .pagecomponents_inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
      .centralhub .pagecomponents_inner .signposts { width: 100%; }

      .centralhub .homepageleft { width: 25%; }
      .centralhub .homepagemiddle { width: 45%; box-sizing: border-box; }
      .centralhub .homepageright { width: 25%; box-sizing: border-box; }
      .centralhub .feat_social { margin-top: 20px;}

      .nav_linklist.signposts h2 { margin: 40px 0 0 640px;}
      .nav_linklist.signposts .link1 { margin: 100px 0 0 369px; }
      .nav_linklist.signposts .link2 { margin: 100px 0 0 72px; }
      .nav_linklist.signposts .link3 { margin: 40px 0 0 411px;}
      .nav_linklist.signposts .link4 { margin: 40px 0 0 72px;}
}

@media( min-width: 1000px ) and ( max-width: 1339px )
{
      .centralhub .homepageleft { width: 48%; float: right; margin-right: 1%; padding-bottom: 50px; }
      .centralhub .homepagemiddle { width: 48%; float: left; margin-left: 1%; padding-bottom: 50px; }
      .centralhub .homepageright { width: 48%; float: left; margin-left: 1%; padding-bottom: 50px; }
      .centralhub .feat_social { margin-left: 1%; margin-right: 1%; clear: both; }
}

@media(max-width: 1339px )
{
      .nav_linklist.signposts h2 { margin: 40px 0 0 540px; }
      .nav_linklist.signposts .link1 { margin: 100px 0 0 269px; }
      .nav_linklist.signposts .link2 { margin: 100px 0 0 72px; }
      .nav_linklist.signposts .link3 { margin: 40px 0 0 311px; }
      .nav_linklist.signposts .link4 { margin: 40px 0 0 72px; }    
}

          
        @media(max-width:1200px) {

         .nav_linklist.signposts h2 { margin: 40px 0 0 440px;}
         .nav_linklist.signposts .link1 { margin: 100px 0 0 169px; }
         .nav_linklist.signposts .link2 { margin: 100px 0 0 72px; }
         .nav_linklist.signposts .link3 { margin: 40px 0 0 211px; }
         .nav_linklist.signposts .link4 { margin: 40px 0 0 72px; }

        
        }

        @media(min-width:1000px) {

         .nav_linklist.signposts .link1 a:before { border-right: 30px solid var(--exhibitionhall); }		          
         .nav_linklist.signposts .link2 a:after { border-left: 32px solid var(--livetalk); }
         .nav_linklist.signposts .link3 a:before { border-right: 30px solid var(--workshop); }
         .nav_linklist.signposts .link4 a:after { border-left: 32px solid var(--expertsession); }

         .nav_linklist.signposts .link1, .nav_linklist.signposts .link3 { float: left; clear: left; }		          
         .nav_linklist.signposts .link1 :before, .nav_linklist.signposts .link3 :before { left: -30px; }
          
         .nav_linklist.signposts .link2, .nav_linklist.signposts .link4 { float: left; clear: right;  }      
         .nav_linklist.signposts .link2 :after, .nav_linklist.signposts .link4 :after { right: -32px; }		    

         .nav_linklist.signposts .link1 :before, .nav_linklist.signposts .link3 :before {border-top: 32px solid transparent;border-bottom: 32px solid transparent;content: "";height: 0;position: absolute;width: 0;}
         .nav_linklist.signposts .link2 :after, .nav_linklist.signposts .link4 :after { border-top: 32px solid transparent; border-bottom: 32px solid transparent; content: ""; width: 0; height: 0; position: absolute; width: 0; }		          
                 
         
        }

         @media(max-width: 999px ) {

         .nav_linklist.signposts h2 { margin: 40px 0 0 60px;}

          .nav_linklist.signposts .link1 { margin: 60px 0 0 124px; }
          .nav_linklist.signposts .link1 a:after { border-left: 30px solid var(--exhibitionhall); }		          

          .nav_linklist.signposts .link2 { margin: 130px 0 0 -264px; }
          .nav_linklist.signposts .link2 a:after { border-left: 30px solid var(--livetalk); }
          
          .nav_linklist.signposts .link3 { margin: 200px 0 0 -264px;}
          .nav_linklist.signposts .link3 a:after { border-left: 30px solid var(--workshop); }
          		          
          .nav_linklist.signposts .link4 { margin: 270px 0 0 -264px;}
          .nav_linklist.signposts .link4 a:after { border-left: 30px solid var(--expertsession);  }
          		          
          
          .nav_linklist.signposts .link1, .nav_linklist.signposts .link2, .nav_linklist.signposts .link3, .nav_linklist.signposts .link4 { float: left; clear: right; }      
          .nav_linklist.signposts .link1 a:after, .nav_linklist.signposts .link2 a:after, .nav_linklist.signposts .link3 a:after, .nav_linklist.signposts .link4 a:after { border-top: 32px solid transparent; border-bottom: 32px solid transparent; right: -30px; content: ""; height: 0; position: absolute; width: 0;  }		          
          
          .centralhub .homepageleft, .centralhub .homepagemiddle { padding: 0px 10px 50px 10px; }
            .centralhub .feat_social { margin: 0px 10px 0px 10px; }
         }

         @media(max-width: 500px ) {

         .nav_linklist.signposts h2 { display: none; }
         .nav_linklist.signposts .link1 { margin: 40px 0 0 15px; }
         .nav_linklist.signposts .link2 { margin: 110px 0 0 -264px; }
         .nav_linklist.signposts .link3 { margin: 180px 0 0 -264px;}
         .nav_linklist.signposts .link4 { margin: 250px 0 0 -264px;}

         }

         @media( max-width: 415px) {

         .workshop .introduction p { text-align: center; padding: 0px 10px 0px 10px;}
         .expertsession .introduction p {padding: 0px 10px 0px 10px;}

         }

         @media( max-width: 321px) {

         .layouttopmenu_inner {height: 190px;}
         .nav_linklist.signposts h2 { display: none; }
         .nav_linklist.signposts .link1 { margin: 40px 0 0 0px; }
         .nav_linklist.signposts .link2 { margin: 110px 0 0 -264px; }
         .nav_linklist.signposts .link3 { margin: 180px 0 0 -264px;}
         .nav_linklist.signposts .link4 { margin: 250px 0 0 -264px;}
	          
         }             


/* Featured */ 

.feat_boothlist ul.list>li { padding-left: 90px; margin-bottom: 20px; min-height: 80px; box-sizing: border-box; cursor: pointer; }   
.feat_boothlist ul.list>li .logo {height: 65px;width: 65px;border-radius: 50%; position: absolute; margin: 0px 0px 0px -90px;background-size: contain;background-repeat: no-repeat;background-position: center center;}
.feat_boothlist ul.list>li .name { font-size: 90%; padding-top: 20px;  }
.feat_boothlist h1 {font-size: 30px;font-family: 'poppinSemi';text-align: center;clear: left;margin: 50px 0;display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 30px;}
.feat_boothlist h2 { padding-bottom: 40px; font-size: 120%; }
.feat_boothlist .datetime .booking { text-align: center; background-color: var(--red); color: var(--white); padding: 5px; margin-left: 10px; font-size: 80%; text-transform: uppercase; border-radius: 5px; }
.feat_boothlist .datetime .recording { text-align: center; background-color: var(--green); color: var(--white); padding: 5px; margin-left: 10px; font-size: 80%; text-transform: uppercase; border-radius: 5px; }
.feat_boothlist .introduction { margin: 40px auto; }
.feat_boothlist .boothsb p { padding-bottom: 20px; }

@media( max-width: 1359px )
{
      .feat_boothlist .introduction { padding: 0px 10px 0px 10px; }
      .feat_boothlist h2 { padding: 0px 10px 40px 10px; }
      .feat_boothlist ul.list { padding: 0px 10px 0px 10px; }
	  .feat_boothlist .boothsb p { padding: 0px 10px 20px 10px; }
}

@media( min-width: 1340px )
{
      .feat_boothlist ul.list { margin: auto; display: flex;flex-wrap: wrap;}
      .feat_boothlist .boothsa ul.list {justify-content: flex-start;}
      .feat_boothlist .boothsb ul.list { justify-content: space-between;}
      .feat_boothlist ul.list>li { width: 32%; }   
	  .livetalk .boothsa .list { justify-content: space-evenly !important;}
}

@media( min-width: 900px ) and ( max-width: 1339px )
{
      .feat_boothlist ul.list { display: flex; flex-wrap: wrap; justify-content: space-between; }
      .feat_boothlist ul.list>li { width: 49%; }   
}

@media( max-width: 599px )
{
	.feat_boothlist .datetime .booking, .feat_boothlist .datetime .recording { display: block; margin: 5px 0px 5px 0px; }
}

/* Carousel */

          .feat_boothlist .carousel { height: 350px; position: relative; overflow: hidden; width: 100%; clear: both; background-size: 1340px 350px; background-repeat: no-repeat;}		          
          .feat_boothlist .carousel ul { height: 350px; width: 20000em; position: relative; }
          .feat_boothlist .carousel ul li { height: 350px; float: left; }
          .feat_boothlist .carousel ul li h2 {font-family: 'poppinSemi';font-size: 25px; margin: 30px 0 20px 90px;}
          .feat_boothlist .carousel .name, .feat_boothlist .carousel .introduction { float: left; clear: left;  }    
          .feat_boothpage .carousel .item { overflow: hidden; }
          .feat_boothlist .carousel ul li .introduction { font-family: 'poppinSemi';  }
          .feat_boothlist .carousel .logo { float: right; border-radius: 50%; background-color: #ffffff; background-repeat: no-repeat; }
		  .feat_boothlist .carousel .control { position: relative; padding: 0px; display:table; margin:0 auto; }   

@media (min-width:1000px) {

          .feat_boothlist .carousel .name, .feat_boothlist .carousel .introduction { max-width: 40%; margin-left: 90px; }    
          .feat_boothlist .carousel .logo { width: 670px; height: 670px; margin: -260px -160px 0px 0px; background-position: 0px 200px; background-size: 500px auto;  }

}

@media (max-width:999px) {

          .feat_boothlist .carousel .name, .feat_boothlist .carousel .introduction { max-width: 50%; margin-left: 30px; }    
          .feat_boothlist .carousel .logo { width: 420px; height: 420px; margin: -50px -60px 0px 0px; background-position: 0px 30px; background-size: 400px auto;  }
}

@media (max-width:730px) {

          .feat_boothlist .carousel .name, .feat_boothlist .carousel .introduction { margin-left: 30px; }  
          .feat_boothlist .carousel .logo { width: 250px; height: 250px; margin: 50px 20px 0px 0px; background-position: 0 0px; background-size: 250px auto;  }
}

@media (max-width:600px) {

          .feat_boothlist .carousel { width: 100%; text-align: center; }
          .feat_boothlist .carousel h2.name { width: 100%; padding: 0px; }
          .feat_boothlist .carousel .name, .feat_boothlist .carousel .introduction { max-width: 100%; margin: 10px 15px;  } 
          .feat_boothlist .carousel .logo { width: 150px; height: 150px; float: none; clear: both; margin: 15px auto 5px; background-position: center center; background-size: contain;  }
}

/* Exhbition Hall */
      
.exhibitionhall .carousel li { background-image: url(/images/3ewWu8S4iHjBaij3mZeR22g0ji.png);}		          
.exhibitionhall .list .logo { border: 5px solid var(--exhibitionhall); }
.exhibitionhall h1, .exhibitionhall h2, .exhibitionhall .feat_socialshare { color: var(--exhibitionhall); }
@supports (display: grid) {.exhibitionhall h1:before, .exhibitionhall h1:after { content: ""; align-self: center; border-top: 3px solid var(--exhibitionhall); } }
.exhibitionhall .toolbox button, .exhibitionhall .toolbox a.button, .exhibitionhall .toolbox h2, .exhibitionhall .tools .livechat .maximum span { background-color: var(--exhibitionhall); }
.exhibitionhall .topsection .toolsbutton:hover, .exhibitionhall .tools .links a:hover { color: var(--exhibitionhall); }

.exhibitionhall .middlesection .advert { width: 260px; height: 400px; background-color: var(--lightgrey); padding: 20px; box-sizing: border-box; text-align: center; }
.exhibitionhall .middlesection .advert img { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.exhibitionhall .middlesection .advert .button { background-color: var(--orange); color: var(--white); margin-top: 20px; font-family: poppinBold; }
.exhibitionhall .middlesection .introduction { margin-top: 10px; }
.exhibitionhall .middlesection .services ul { padding-left: 20px; }
.exhibitionhall .middlesection .services li { list-style-type: disc; }

.exhibitionhall .socialsection h2 { text-align: center; padding: 30px; font-size: 120%; }
.exhibitionhall .advert { margin-top: 40px; text-align: center; }

@media( min-width: 800px )
{
      .exhibitionhall .topsection { background-image: url(/images/3ewWu8S4iHjBaij3mZeR22g0ji.png);}
      .exhibitionhall .middlesection { display: flex; }
      .exhibitionhall .middlesection .advert { margin-right: 20px; }
      .exhibitionhall .middlesection .leftcolumn {width: 290px;margin-right: 20px;padding-left: 20px;padding-right: 20px;border-left: solid var(--lightgrey) 2px;border-right: solid var(--lightgrey) 2px;box-sizing: border-box;}
      .exhibitionhall .middlesection .rightcolumn {width: 800px;padding-right: 20px;border-right: solid var(--lightgrey) 2px;}
      .exhibitionhall .middlesection .rightcolumn .exhibitors ul { display: flex; flex-wrap: wrap; }
      .exhibitionhall .middlesection .rightcolumn .exhibitors ul li { width: 33.3%; }
      .exhibitionhall .middlesection .farrightcolumn {width: 400px; border-right: 2px solid var(--lightgrey); margin-left: 20px; padding-right: 20px;}
}


/* Live Talks */
  
          .livetalk .carousel li { background-image: url(/images/GjnAEVLVTrwL3o2dlP5n22g0ji.png); }		    
          .livetalk ul.list>li .logo { border: 5px solid var(--livetalk); }
          .livetalk ul.list>li .details { min-height: 120px; }
          .livetalk ul.list>li .datetime { display: block; font-size: 90%; color: var(--livetalk); }
          .livetalk ul.list>li .name { padding: 7px 0px 7px 0px; }
          .livetalk ul.list>li .speaker, .feat_boothlist.workshop ul.list>li .speaker { font-size: 80%; }
          .livetalk h1, .livetalk h2 { color: var(--livetalk); }
	      .livetalk .boothsb h2, .livetalk .copyright p { text-align: center; }
          .livetalk .boothsb h2 { padding-bottom: 15px; }
          @supports (display: grid) {.livetalk h1:before, .livetalk h1:after { content: ""; align-self: center; border-top: 3px solid var(--livetalk); } }
          .livetalk .toolbox button, .livetalk .toolbox a.button, .livetalk .toolbox h2, .livetalk .tools .livechat .maximum span { background-color: var(--livetalk); }
          .livetalk .topsection .toolsbutton:hover, .livetalk .tools .links a:hover { color: var(--livetalk); }
          

@media( min-width: 800px ) {

         .livetalk .topsection { background-image: url(/images/GjnAEVLVTrwL3o2dlP5n22g0ji.png); }
}

/* Workshops */ 

.workshop .boothsb { clear: left;  padding-top: 50px;}
.workshop .carousel li { background-image: url(/images/bPVB94obj0CBlWg0yQ8a22g0ji.png); }		                    
.workshop .list .logo { border: 5px solid var(--workshop); }
.workshop ul.list>li .details { min-height: 120px; }
.workshop ul.list>li .datetime { display: block; font-size: 90%; color: var(--workshop); }
.workshop ul.list>li .name { padding: 7px 0px 7px 0px; }

.workshop h1, .workshop h2 {color: var(--workshop);}
@supports (display: grid) {.workshop h1:before, .workshop h1:after { content: ""; align-self: center; border-top: 3px solid var(--workshop); } }
.workshop .toolbox button, .workshop .toolbox a.button, .workshop .toolbox h2, .workshop .tools .livechat .maximum span { background-color: var(--workshop); }
.workshop .topsection .toolsbutton:hover, .workshop .tools .links a:hover { color: var(--workshop); }
.feat_boothlist.workshop .boothsa h3::before { content: ""; align-self: center; border-top: 3px solid var(--workshop);}
.feat_boothlist.workshop .boothsa h3::after { content: ""; align-self: center; border-top: 3px solid var(--workshop);}
.feat_boothlist.workshop .boothsa h3 {color: var(--workshop);display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 30px;text-align: center;font-size: 120%;margin-top: 20px;margin-bottom: 40px;}

@media( min-width: 800px ) {

          .workshop .topsection { background-image: url(/images/bPVB94obj0CBlWg0yQ8a22g0ji.png); }	

}



/* Expert panels */ 

.expertpanel .boothsb { clear: left;  padding-top: 50px;}
.expertpanel .carousel li { background-image: url(/images/bPVB94obj0CBlWg0yQ8a22g0ji.png); }		                    
.expertpanel .list .logo { border: 5px solid var(--expertpanel); }
.expertpanel ul.list>li .details { min-height: 120px; }
.expertpanel ul.list>li .datetime { display: block; font-size: 90%; color: var(--expertpanel); }
.expertpanel ul.list>li .name { padding: 7px 0px 7px 0px; }

.expertpanel h1, .expertpanel h2 { color: var(--expertpanel); }
@supports (display: grid) {.expertpanel h1:before, .expertpanel h1:after { content: ""; align-self: center; border-top: 3px solid var(--expertpanel); } }
.expertpanel .toolbox button, .expertpanel .toolbox a.button, .expertpanel .toolbox h2, .expertpanel .tools .livechat .maximum span { background-color: var(--expertpanel); }
.expertpanel .topsection .toolsbutton:hover, .expertpanel .tools .links a:hover { color: var(--expertpanel); }

@media( min-width: 800px ) {

          .expertpanel .topsection { background-image: url(/images/jgx5SNt1A9MR2G1CfqRm22g0ji.png); }	

}



/* Expert Sessions */ 

/*.expertsession .boothsa, .expertsession .boothsb  {display:none;}  see line 602 */
.expertsession .introduction h2 {padding-bottom:20px;}
.expertsession .introduction { margin-bottom: 50px;}
/*.feat_boothlist.expertsession .boothsa, .feat_boothlist.expertsession .boothsb { background-size: auto 100px; background-repeat: no-repeat; background-position: center top; padding-top: 120px; box-sizing: border-box; }*/
.feat_boothlist.expertsession .carousel li { background-image: url(/images/jgx5SNt1A9MR2G1CfqRm22g0ji.png); }	

/*.feat_boothlist.expertsession ul.list { display: block; }
.feat_boothlist.expertsession ul.list>li { width: 100%; }*/
.feat_boothlist.expertsession ul.list>li .logo { border: 5px solid var(--expertsession); }
.feat_boothlist.expertsession ul.list>li .name { padding-top: 0px; font-family: poppinSemi; }
/*.feat_boothlist.expertsession ul.list>li .specialities { padding: 0px 0px 20px 20px; }
.feat_boothlist.expertsession ul.list>li .specialities li { padding: 0px; font-size: 80%; margin: 0px; list-style-type: disc; }*/

.expertsession h1, .expertsession h2 { color: var(--expertsession); }
@supports (display: grid) {.expertsession h1:before, .expertsession h1:after { content: ""; align-self: center; border-top: 3px solid var(--expertsession); } }
.expertsession .toolbox button, .expertsession .toolbox a.button, .expertsession .toolbox h2, .expertsession .tools .livechat .maximum span { background-color:var(--expertsession); }
.expertsession .topsection .toolsbutton:hover, .expertsession .tools .links a:hover { color: var(--expertsession); }
.expertsession .middlesection .specialities ul { padding: 0px 0px 30px 30px; }
.expertsession .middlesection .specialities ul>li { list-style-type: disc; }
.expertsession .middlesection .sessions ul { display: flex; flex-wrap: wrap; }
.expertsession .middlesection .sessions li { list-style-type: none; padding: 10px; border: solid #ffffff 5px; text-align: center; box-sizing: border-box; }
.expertsession .middlesection .sessions li.available { background-color: #aaffaa; cursor: pointer; }
.expertsession .middlesection .sessions li.unavailable { background-color: #ffaaaa; cursor: not-allowed; }
.expertsession .middlesection .sessions li.booked { background-color: #ffffaa; cursor: not-allowed; }
.expertsession .middlesection .sessions li .time { font-family: poppinSemi; font-size: 120%; }

@media( min-width: 1340px )
{
      .feat_boothlist.expertsession ul.list {max-width: 700px; margin: auto;}
      .feat_boothlist.expertsession ul.list li {width: 50%; }
      .feat_boothlist.expertsession ul.list .details { margin-top: 10px; }
}

@media( min-width: 1000px )
{
      /*.feat_boothlist.expertsession .boothsa { float: left; width: 50%; margin-bottom: 50px; border-right: 1px solid black; padding-right: 20px; }
      .feat_boothlist.expertsession .boothsb { float: right; width: 50%; margin-bottom: 50px; padding-left: 20px; }*/
      .expertsession .middlesection .sessions li { width: 12.5%; }	          
}

@media( max-width: 999px )
{
      .feat_boothlist.expertsession .boothsa { border-bottom: 1px solid black; margin-bottom: 20px; }
}

@media( min-width: 600px ) and ( max-width: 999px )
{
      .expertsession .middlesection .sessions li { width: 25%; }	          
}

@media( max-width: 599px )
{
      .expertsession .middlesection .sessions li { width: 50%; }	
      .feat_boothlist.expertsession .boothsa, .feat_boothlist.expertsession .boothsb {clear: both;}          
}

@media( min-width: 800px )
{
      .expertsession .topsection { background-image: url(/images/jgx5SNt1A9MR2G1CfqRm22g0ji.png); }
}

/* Featured Boothpage */ 

.feat_boothpage { max-width: 100%; margin-bottom: 50px; }

.feat_boothpage table td, .feat_boothpage table th { padding: 5px; border-bottom: solid #dcdcdc 1px; }
.feat_boothpage table th { background-color: var(--lightgrey); }
.feat_boothpage table td.right, .feat_boothpage table th.right { text-align: right; }

.feat_boothpage .topsection { margin-bottom: 50px;}		          
.feat_boothpage .topsection .left .logo { border: none; height: 220px; width: 220px; margin: 0 auto; margin-bottom: 15px; border-radius: 50%; background-color: var(--white); background-size: contain; background-repeat: no-repeat; background-position: center center;  }
.feat_boothpage .topsection .left .int_crispchat { text-align: center; }
.feat_boothpage .topsection .left .int_crispchat button {width: 200px;text-align: center;text-transform: uppercase;background-color: #2a2a2a;color: var(--white);padding: 10px;border: none;border-radius: 45px;cursor: pointer;}
.feat_boothpage .topsection .left .zoomtoplink {margin: auto;margin-top: 5px;width: 200px;text-align: center;text-transform: uppercase;background-color: #2d6cee;padding: 7px;box-sizing: border-box;border: none;border-radius: 45px;cursor: pointer;}
.feat_boothpage .topsection .left .zoomtoplink a {color: var(--white);}

.feat_boothpage .topsection .middle { font-size: 90%;  }
.feat_boothpage .topsection .middle .speaker {margin-bottom: 30px; color: #000000;}
.feat_boothpage .topsection .middle h1 { font-family: 'poppinSemi'; margin: 30px 0; font-size: 120%; color: #0c2f47; line-height: 1.5; }
.feat_boothpage .topsection .email, .topsection .links li { font-family: 'poppinSemi';  }
.feat_boothpage .topsection .links i { font-size: 130%; width: 20px; margin-right: 7px; }
.feat_boothpage .topsection a { color: #0c2f47; }
.feat_boothpage .topsection .contact { margin-bottom: 30px; }

.feat_boothpage .topsection .right .feature { background-color: #000000; height: 315px; max-width: 100%; text-align: center; }
.feat_boothpage .topsection .right .feature .message {box-sizing: border-box;display: table-cell;color: #ffffff;font-size: 120%;vertical-align: middle;text-align: center;height: 315px;padding: 20px; width: 1200px; max-width: 100%; }
.feat_boothpage .topsection .right .feature .message i { font-size: 200%; }
.feat_boothpage .topsection .right .feature .message a { background-color: #ffffff; border-radius: 20px; padding: 7px 15px; color: #000000; }
.feat_boothpage .topsection .right .feature .video iframe {height: 315px;max-width: 100%;}

.feat_boothpage .topsection .toolsbutton { position: absolute; font-size: 150%; cursor: pointer; }

.feat_boothpage .tools { margin: 0 auto; }
.feat_boothpage .tools h1 {  text-transform: uppercase; font-family: 'poppinSemi'; margin: 50px 0 30px 0; }
.feat_boothpage .tools h2 { color: #ffffff; margin: 50px 0px 10px 0px; font-family: 'poppinSemi'; padding: 10px; }

.feat_boothpage .tools .success { color: var(--green); padding-bottom: 20px; }
.feat_boothpage .tools .error { color: var(--red); padding-bottom: 20px; }

.feat_boothpage .tools .toolbox.livechat p:first-of-type {padding-top: 20px;}
.feat_boothpage .tools .toolbox.livechat p:last-of-type {padding-bottom: 10px;}
.feat_boothpage .tools .links { padding: 20px; min-height: 30px; }
.feat_boothpage .tools .links li { float: left; width: 20%; text-align: center; }
.feat_boothpage .tools .links li i { font-size: 150%; }

.feat_boothpage .tools .announcements button, .feat_boothpage .tools .schedule button { display: inline-block; margin: 20px auto;}
.feat_boothpage .tools p { text-align: center; }
.feat_boothpage .tools .livechat .maximum { padding: 20px 0px 20px 0px; text-align: center; }
.feat_boothpage .tools .livechat .maximum span { display: inline-block; width: 25px; height: 25px; color: #ffffff; line-height: 25px; border-radius: 100%; }

.feat_boothpage .tools .back { border: none; background: none; float: right; font-size: 150%; cursor: pointer; color: var(--black); }

.feat_boothpage .tools .statusenabled { margin-bottom: 20px; padding: 10px; background-color: var(--green-bg); }
.feat_boothpage .tools .statusdisabled { margin-bottom: 20px; padding: 10px; background-color: var(--red-bg); }

.feat_boothpage .toolbox input[type=text] { width: 100%; border: solid #000000 1px; }
.feat_boothpage .toolbox .formbuilder .field .description { font-size: 80%; }
.feat_boothpage .toolbox textarea#announcement { width: 100%;height: 200px;  }
.feat_boothpage .toolbox table { border-collapse: collapse; font-size: 90%; margin-top: 40px; border: 1px solid #DCDCDC; }
.feat_boothpage .toolbox table tr td {border-top: 1px solid #DCDCDC;}
.feat_boothpage .toolbox table tr:first-child td { border: none; }
.feat_boothpage .toolbox table td { padding: 10px 5px 10px 5px; }
.feat_boothpage .toolbox table td .abstract { font-size: 90%; font-family: 'poppinSemi'; padding-top: 10px; }
.feat_boothpage .toolbox table td .description { font-size: 90%; padding-top: 10px; }
.feat_boothpage.expertsession .toolbox table a { color: var(--expertsession); }
.feat_boothpage.expertsession .toolbox table a.button { color: var(--white); }
.feat_boothpage.expertpanel .toolbox table a { color: var(--expertpanel); }
.feat_boothpage.expertpanel .toolbox table a.button { color: var(--white); }
.feat_boothpage.workshop .toolbox table a { color: var(--workshop); }
.feat_boothpage.workshop .toolbox table a.button { color: var(--white); }
                
.feat_boothpage .middlesection { clear: both; margin-bottom: 30px; }
.feat_boothpage .middlesection .copyright { background-color: var(--yellow); padding: 20px 20px 10px 20px; text-align: center; margin-bottom: 20px; }
.feat_boothpage .middlesection .services, .feat_boothpage .middlesection .resources, .feat_boothpage .middlesection .introduction, .feat_boothpage .middlesection .biography, .feat_boothpage .socialsection, .feat_boothpage .sessions { padding-bottom: 20px; }
.feat_boothpage .middlesection h2 { text-transform: uppercase; font-family: 'poppinSemi'; margin: 15px 0 15px 2px; }
.feat_boothpage .middlesection ul li, .feat_boothpage .middlesection p { font-size: 90%; }
.feat_boothpage .middlesection ul li { line-height: 200%; }
.feat_boothpage .middlesection .speaker { clear: both; }
.feat_boothpage .middlesection .introduction ul, .feat_boothpage .middlesection .introduction ol { padding-left:30px;}
.feat_boothpage .middlesection .introduction ul li { list-style-type: disc;}
.feat_boothpage .middlesection .introduction ol li { list-style-type: decimal;}

.feat_boothpage .middlesection .exhibitors li { display: flex; min-height: 60px; }
.feat_boothpage .middlesection .exhibitors .photo { width: 50px; height: 50px; margin-right: 10px; background-color: var(--lightgrey); border-radius: 100%; background-size: cover; background-position: center center; text-align: center; font-size: 120%; line-height: 50px; }
.feat_boothpage .middlesection .exhibitors .name { padding-top: 5px; }

.feat_boothpage .middlesection .availability { font-size: 90%; padding: 10px; background-color: var(--lightgrey); margin-top: 20px; }

.feat_boothpage .bottomsection { clear: both; max-width: 100%; }
.feat_boothpage .bottomsection .map { margin-bottom: 30px; }
.feat_boothpage .bottomsection .contentboxes { border-top: 2px solid #DCDCDC; clear: both; }
.feat_boothpage .bottomsection .contentboxes h2 { text-transform: uppercase; margin: 30px 0; font-family: 'poppinSemi'; font-size: 20px; }
.feat_boothpage .bottomsection .contentboxes ul li { margin-bottom: 30px;  }
.feat_boothpage .bottomsection .contentboxes .image { height: 180px; background-position: center center; background-size: contain; background-color: var(--lightgrey); background-repeat: no-repeat; }
.feat_boothpage .bottomsection .contentboxes h3 {font-family: 'poppinSemi';margin: 25px 0 15px;line-height: 1.5;}
.feat_boothpage .bottomsection .discover {background: var(--lightgrey);max-width: 100%;border-top: none;padding: 10px 2%;}
.feat_boothpage .bottomsection .discover h2 { color: var(--darkgrey); }
.feat_boothpage .bottomsection .discover_inner { max-width: 1340px; margin: 0px auto 0px auto; }
.feat_boothpage .bottomsection .discover .image { background-color: var(--white); }
.feat_boothpage .zoombutton a { z-index: 100000; background-color: #2d6cee;text-align: center;border-radius: 50%;color: white;}
.feat_boothpage .zoombutton i {font-size: 160%;}

@media( max-width: 1359px )
{
      .feat_boothpage .middlesection, .feat_boothpage .bottomsection { margin-left: 10px; margin-right: 10px; }
}

@media( min-width: 1240px )
{
      .feat_boothpage .topsection { min-height: 350px; clear: both; background-size: 1340px 350px;background-repeat: no-repeat;}		          
      .feat_boothpage .topsection .left { float: left; width: 300px; padding: 16px; box-sizing: border-box; }
      .feat_boothpage .topsection .middle { float: left; width: calc(100% - 892px); padding: 16px; box-sizing: border-box; }
      .feat_boothpage .topsection .right { float: right; width: 592px; padding: 16px; box-sizing: border-box; }	                    

      .feat_boothpage .bottomsection .contentboxes ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
      .feat_boothpage .bottomsection .contentboxes ul li { width: 23.5%; }
}

@media( min-width: 800px ) and ( max-width: 1239px )
{
    .feat_boothpage .topsection { min-height: 350px; clear: both; background-size: 1340px 350px;background-repeat: no-repeat;}		          
    .feat_boothpage .topsection .left { float: left; width: 300px; padding: 16px; box-sizing: border-box; }
    .feat_boothpage .topsection .middle { padding: 16px; max-width: 820px; }
    .feat_boothpage .topsection .right { clear: both; }
    
    .feat_boothpage .bottomsection .contentboxes ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .feat_boothpage .bottomsection .contentboxes ul li { width: 32%; }
}

@media( min-width: 800px ) 
{
      .feat_boothpage .tools { width: 50%; }
}

@media( max-width: 799px )
{
      .feat_boothpage .topsection .middle { text-align: center; padding: 0px 0px 20px 0px; }
      .feat_boothpage .tools { padding: 15px;  }
	  .feat_boothpage .topsection .left { padding: 16px; }
	  .feat_boothpage .sessions table .participant, .feat_boothpage .sessions table .observer { display: none; }
}

@media( min-width: 600px ) and ( max-width: 799px )
{
      .feat_boothpage .bottomsection .contentboxes ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
      .feat_boothpage .bottomsection .contentboxes ul li { width: 48%; margin-bottom: 30px; }
}

@media (min-width: 561px) {
      .feat_boothpage .zoombutton a {width: 60px;height: 60px;position: fixed;bottom: 20px;right: 95px;line-height: 4.3;}
}

@media (max-width: 560px) {
      .feat_boothpage .zoombutton a {width: 54px;height: 54px; position: fixed;bottom: 14px;right: 75px; line-height: 4;}
}


/*FAQs & Help page*/

.helppage .util_container h2.titletxt, .helppage .int_crispchat h2, .helppage .std_content h2 { font-size: 30px; font-family: 'poppinSemi'; text-align: center; clear: left; margin: 50px 0; display: grid; grid-template-columns: 1fr auto 1fr; grid-gap: 30px; color: var(--green); }
@supports (display: grid) { .helppage .util_container h2.titletxt:before, .helppage .util_container h2.titletxt:after, .helppage .int_crispchat h2:before, .helppage .int_crispchat h2:after, .helppage .std_content h2:before, .helppage .std_content h2:after  { content: ""; align-self: center; border-top: 3px solid #105C2E; } }
.helppage .int_crispchat button { display: block; margin: 0 auto; background-color: var(--green); color: var(--white); padding: 10px 20px; border: none; cursor: pointer; border-radius: 20px; box-sizing: border-box; }

.helppage .util_customhtml { text-align: center; }

.helppage .util_expandtext { margin: 10px; text-align: center; }
.helppage .util_expandtext .link a { font-family: 'poppinReg'; color: var(--white); display: block; }
.helppage .util_expandtext .link { background-color: #105C2E; padding: 10px; margin: 10px 0; display: block; }


/* Shop products */

.shop_product { text-align: center; }
.shop_product .image { padding: 0px 0px 20px 0px; }
.shop_product .summary { font-family: poppinSemi; max-width: 1000px; margin: 0px auto 0px auto; padding: 0px 0px 20px 0px; }
.shop_product .description { max-width: 1000px; margin: 0px auto 0px auto; padding: 0px 0px 20px 0px; }
.shop_product .price { color: var(--red); font-size: 200%; }
.shop_product .quantity { padding: 0px 0px 20px 0px; }


/* Shop basket */

.shop_basketpage { padding: 0px 10px 0px 10px; }

.shop_basket { max-width: 800px; margin: 0px auto 0px auto; }
.shop_basket .discount { display: none; }
.shop_basket table { margin-bottom: 50px; }
.shop_basket table th, .shop_basket table td { border-top: solid #dcdcdc 1px; padding: 5px; vertical-align: middle; }
.shop_basket table .price, .shop_basket table .quantity, .shop_basket table .total, .shop_basket table .remove { text-align: right; }
.shop_basket .buttons { padding: 50px 0px 0px 0px; clear: both; text-align: center; }
.shop_basket .buttons input { margin-right: 10px; }

.shop_basket h2 { background-color: var(--green); color: var(--white); padding: 10px; font-family: poppinSemi; margin-bottom: 20px; }

.shop_basket .confirm .contact { float: left; width: 50%; padding: 0px 10px 20px 0px; box-sizing: border-box; }
.shop_basket .confirm .billing { float: right; width: 50%; padding: 0px 0px 20px 10px; box-sizing: border-box; }
.shop_basket .confirm .notes { clear: both; padding: 0px 0px 20px 0px; box-sizing: border-box;  }
.shop_basket .confirm .payment { clear: both; }
.shop_basket .discount { display: block; }
.shop_basket .message { color: var(--red); }
.shop_basket .errors {color: white; background: red; padding: 20px; font-size: 120%;}
.shop_basket input {border: 1px solid black;}

/* Survey */

.surv_surveypage { padding-top: 20px; }
.surv_standard { max-width: 1000px; margin: 0px auto 50px auto; border: solid var(--green) 5px; padding: 20px; text-align: left; border-radius: 20px; }
.surv_standard .titletxt { text-align: center; font-size: 150%; }
.surv_standard .buttons { padding: 50px 0px 0px 0px; clear: both; text-align: center; }
.surv_standard .message { color: var(--red); }
.surv_standard fieldset { min-inline-size: 100% }


/* Formbuilder */

.formbuilder .field { clear: both; padding: 30px 0px 0px 0px; }

@media( min-width: 800px )
{
	.formbuilder .field .label { float: left; width: 30%; padding-right: 20px; box-sizing: border-box; font-family: poppinSemi; border-radius: 20px; }
	.formbuilder .field .input { float: left; width: 70%; }
}

.formbuilder .field_group>.label, .formbuilder .field_section>.label { font-family: poppinSemi; background: var(--green); color: var(--white); padding: 10px; text-align: center; }
.formbuilder .field_group>.label, .formbuilder .field_group>.input, .formbuilder .field_section>.label, .formbuilder .field_section>.input { float: none; width: 100%; }

/* Search Page */

.util_sitesearch #result_report { text-align: center; padding: 0px 0px 30px 0px; }
.util_sitesearch form {margin: 0px auto;width: 375px;}
.util_sitesearch form input[type="text"] { float: left; width: 280px; height: 38px; border-right: none; }
.util_sitesearch form input[type="submit"] { float: left; height: 38px; width: 25%; padding: 10px 10px 10px 10px; text-align: center; }
.util_sitesearch .include { max-width: 1080px; margin: 0px auto 0px auto; }
.util_sitesearch .include .result { padding: 20px 0px 0px 0px; }
.util_sitesearch .include .result .title { padding: 10px 0px 10px 0px; color: var(--green); font-size: 110%; }
.util_sitesearch .include .result .description { padding: 0px 0px 10px 0px; }
.util_sitesearch .url { word-break: break-all; /* For webkit browsers */ word-break: break-word; }

/* Booth Content */

.feat_boothcontent { width: 100%; text-align: center;  }
.feat_boothcontent .abstract { font-family: poppinSemi; padding-bottom: 20px; width: 50%; margin: 0 auto; }
.feat_boothcontent .image { width: 100%; margin-bottom: 30px; }
.feat_boothcontent .boothpage { margin: 25px 0; }
.feat_boothcontent .boothpage a { background-color: var(--exhibitionhall); color: #ffffff; padding: 10px 30px; border: none; cursor: pointer; border-radius: 20px; box-sizing: border-box; }
.feat_boothcontent p { font-size: 90% }
.feat_boothcontent h2 { text-transform: uppercase; font-family: 'poppinSemi'; margin: 20px 0 20px; color: var(--exhibitionhall); }
.feat_boothcontent table { table-layout: fixed; width: 50%; margin: 0 auto;  border-collapse: collapse; }
.feat_boothcontent table tr td { text-align: center; vertical-align: middle; border: 2px solid #f6f6f6; padding: 15px; }

.feat_boothcontent table td { padding: 10px 0px 10px 0px; vertical-align: middle; }
.feat_boothcontent table td .abstract { font-size: 80%; }

@media( max-width: 1339px )
{
      .feat_boothcontent p { padding: 0 10px;  }
      .feat_boothcontent .abstract { width: 70%; }
      iframe#vimeo13727 { width: 100%; }

}

.expertsession .introduction { text-align: center;}
/* .workshop .introduction { text-align: left; }  */
.workshop .introduction li {list-style-type: disc !important; list-style-position: inside;}

/* Banner workshop */

.workshop .introduction, .expertsession .introduction, .expertpanel .introduction { text-align: center;  font-size: 130%; }


.ui-dialog-titlebar { background: none; border: none; padding-left: 20px; }

#bookingdialog input[type=text] { width: 100%; margin-top: 10px; }
#bookingdialog textarea { width: 100%; height: 200px; margin-top: 10px; }

.register .surv_standard .titletxt { font-size:20px; padding-bottom: 10px; text-align: center;}
.register .surv_standard .intro { text-align: center;}
.register .surv_standard .confirm { text-align: center;}
.register .surv_standard .formbuilder .field .label { width: 35%;}
.register .surv_standard .formbuilder .field .input {width: 65%;}

@media (max-width: 600px)
{ 
      .register .surv_standard .formbuilder .field .label { width: 100%;}
      .register .surv_standard .formbuilder .field .input {width: 100%;}
      .register .surv_standard .formbuilder .field .input #ddfb-71 {width: 100%;}
}

.notice2022{
      text-align: center;
      border: solid 2px red;
      max-width: 700px;
      margin: 0px auto;
      padding: 15px;
}

/* Carousel 2024 Live */

.feat_carousel .carousel { overflow: hidden; width: 100%; height: 100%; position: relative; }
.feat_carousel .carousel ul { width: 20000em; position: relative; }
.feat_carousel .carousel li { float: left; height: 100%; text-align: center; box-sizing: border-box; }
.feat_carousel .captionnav ul { display: flex; justify-content: center; text-align: center; gap: 20px; margin-top: 20px; margin-bottom: 20px; flex-wrap: wrap;}
.feat_carousel .captionnav li { background-color: #e74e39; color: #ffffff; padding: 10px; border-radius: 5%; transition: all .3s ease-in-out;}
.feat_carousel .captionnav li:hover { cursor: pointer; scale: 1.05;}

/* PDF */


.home .util_textbox_inner{padding: 20px 0;text-align: center;}
.home .util_textbox_inner a{padding: 10px;border-radius: 5px;border: 1px solid #e74e39;color: #e74e39;}
.home .util_textbox_inner ul { display: flex;  justify-content: center; gap: 20px; flex-wrap: wrap;}
.home .util_textbox_inner ul li { transition: all .3s ease-in-out;}
.home .util_textbox_inner ul li:hover { scale: 1.05;}

@media ( max-width: 600px )
{
      .home .util_textbox_inner ul li { margin-bottom: 20px; }
}


/* 2025 update */

.layoutcredits { display: none; }


.home ul li { margin-bottom: 40px; }
/* .home ul li:first-of-type { margin-top: 30px; } */
/* .home ul li:last-of-type { margin: 0px; } */
.home ul li a { color: white; background-color: var(--red); padding: 10px 20px; border: 1px solid var(--red);  }

.home ul li:nth-child(2) a { background-color: var(--workshop-bg); color: black; border: 1px solid var(--workshop-bg); }
.home ul li:nth-child(3) a { background-color: var(--exhibitionhall); border: 1px solid var(--exhibitionhall);  }
.home ul li:nth-child(4) a {background-color: var(--expertsession); border: 1px solid var(--expertsession); }
.home ul li a:hover { background-color: transparent; color: black;  }

@media ( min-width: 500px )
{
      .home { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; }
}
@media ( max-width: 499px )
{
      .home { position: absolute; top: 50%; transform: translate(20px, -50%);}
}