/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.side-button {
    margin-top: 95px;
    max-width: 100px;
    padding: 20px !important;
    position: fixed;
    right: 0;
    width: 20%;
    z-index: 999999999;
}

#nav {
  position:fixed;
  width:100%;
  z-index:99999999;
  background:#FFFFFF;
}

#header {
    padding-top:87px; position:relative; background-color:#FFF;
}

#body-colour {
  background:#FFFFFF;
  padding-top:20px;
}

#supporters-sponsors {
  background-color:#ececec;
  min-height:100px;
  padding-bottom:40px;
}

#supporters-sponsors h2 {
  margin-top:0px;
  padding-top:10px;
  text-align:center;
}

#footer { 
  background-image:url(../../../images/background-footer.png); 
  background-repeat:no-repeat; 
  background-position:top center; 
  background-size:100% auto;
  min-height:260px;
  color:#FFF !important;
  margin-bottom:1%;
}

#footer-below a { color:#FFF !important; }
#footer-below a:hover { color:#CCC !important; }

#footer-below {
  bottom:0;
  width:100%;
  z-index:20;
  margin-bottom:20px;
  color:#FFF !important; 
}

.main-logo {
  width:100%;
  margin:8px 0px 4px 0px;
  height:auto;
}

.social-icons {
  float:right;
  overflow:hidden;
  margin:6px 0px;
  font-size:12px;
}

.social-icons p {
  color:#CCCCCC;
  text-transform:uppercase;
  float: left;
  margin: 7px 10px 0 0;
}

.timeline { margin-top:20px; }
#jux_megamenucss3 .megamenu ul.level0 li.megacss3 span.menu-title {     font-family: 'Lato', Arial, sans-serif; text-transform: uppercase; font-weight: 700; }

#main-content li, div#lb-browsabledirectory-module li, div#lb-directory-index-seminars-container div.session-description li { padding-left:24px !important; background-image:url(../../../images/bullet2.png) !important; background-repeat:no-repeat !important; background-position:left 8px !important; }

div#lb-browsabledirectory-module dt li { padding-left:0px !important; background-image:none !important; background-repeat:no-repeat !important; background-position:left 0px !important; }


div#lb-browsabledirectory-module ul.details li, div#lb-browsabledirectory-module ul.list-speakers li, div#lb-browsabledirectory-module ul.images li, div#lb-directory-index-seminars-container li, div#lb-directory-index-exhibitors-container li, div#lb-browsabledirectory-module ul#other-products li, div#lb-directory-index-products-container li, div#lb-browsabledirectory-module ul.social li,  div#lb-directory-index-speakers-container li { padding-left:0 !important; background-image:none !important; }


div#lb-browsabledirectory-module ul.sessions li { background-image:none !important; }
div#lb-browsabledirectory-module ul.sessions li:nth-child(3) { clear:left; }

table.stats2 { float:right; width:55%; font-weight:700; }
.stats h4 { clear:both; }
table.stats2 td:last-child { text-align:right; }
.wdform-label { font-family: 'Lato', Helvetica, Arial, sans-serif; color:#444 !important; }
#form12 .button-submit, #form13 .button-submit, #form14 .button-submit  { background-color:#327dbb !important; font-family: 'Lato', Helvetica, Arial, sans-serif;}
#form12 .button-submit:hover, #form13 .button-submit:hover, #form14 .button-submit:hover { background-color:#004d86 !important;}
a.visit { display:block; background-image:url(../../../images/visit-tab.jpg);  background-position:top center; background-size:contain; background-color:#09417f; padding:40% 3% 5%; width:94%; text-transform:uppercase; font-size:20px; font-weight:700; text-decoration:none; color:#FFF; background-repeat:no-repeat; }
a.visit:hover { background-color:#073261;}
a.exhibit { display:block; background-image:url(../../../images/exhibit-tab.jpg);  background-position:top center; background-size:contain; background-color:#4391c7; padding:40% 3% 5%; width:94%; text-transform:uppercase; font-size:20px; font-weight:700; text-decoration:none; color:#FFF; background-repeat:no-repeat; }
a.exhibit:hover { background-color:#3a7dac; }
#header-tabs { position:absolute; width:100%; z-index:9999; bottom:20px; }
a.reg, a.book, a.speaker { display:block; width:94%; color:#FFF; font-weight:700; font-size:20px; text-transform:uppercase; text-decoration:none; padding:4.7% 3%; }
a.reg i, a.book i, a.speaker i, a.exhibit i, a.visit i, a.seminars i, a.exhibitors i { float:right;} 
a.reg { background-color:#2db4bf; margin-bottom:10px; }
a.reg:hover { background-color:#299ca5; }
a.book { background-color:#4391c7; margin-bottom:10px; }
a.book:hover { background-color:#3a7dac; }
a.speaker { background-color:#09417f; }
a.speaker:hover { background-color:#073261; }
a.seminars { width:100%; display:block; background-image:url(../../../images/seminars-tab.jpg);  background-position:top center; background-size:contain; padding:5% 3% 38%; width:94%; text-transform:uppercase; font-size:20px; text-decoration:none; color:#FFF; background-repeat:no-repeat; margin:20px 0; text-shadow: 1px 1px 6px rgba(9, 65, 130, 0.81); }
a.seminars span { font-weight:700; }
a.exhibitors { width:100%; display:block; background-image:url(../../../images/exhibitors-tab.jpg);  background-position:top center; background-size:contain; padding:29% 3% 3%; width:94%; text-transform:uppercase; font-size:20px; text-decoration:none; color:#FFF; background-repeat:no-repeat; margin:20px 0; text-shadow: 1px 1px 6px rgba(9, 65, 130, 0.81); }
a.exhibitors span { display:block; font-weight:700; }
.customquote { width:100%; display:block; background-image:url(../../../images/bg-1.jpg);  background-position:top center; background-size:contain; padding:5% 3%; width:94%; font-size:20px; color:#FFF; background-repeat:no-repeat; margin:20px 0; font-style:italic; }
.customquote p.name { font-style:normal; font-weight:700; text-align:right;}
.moduletablesharing { text-align: right; text-transform: uppercase; }
ul.col2 li { width:46%; float:left; }
.testimonials div { padding:3%; margin-bottom:20px; }
.testimonials div:nth-child(odd){background:url(../../../images/testimonial-bg.jpg); background-size:cover; }
.testimonials div:nth-child(even){background:url(../../../images/testimonial-bg2.jpg); background-size:cover; }
.testimonials p { font-size:18px; font-style:italic; color:#FFF;  }
.testimonials p.name { font-weight:bold; text-align:right; font-size:22px; }
.moduletableinsight div.mix-controls { height:1px !important; margin:0 !important; }
.programme-wrap div { display:block; background-color:#ececec; padding:0 20px; overflow:hidden; margin-bottom:20px;}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Larger than 1920 HD (devices and browsers) */
	@media only screen and (min-width: 1921px) {}


/* Smaller than 1700 (devices and browsers) */
@media only screen and (max-width: 1699px) {
  #footer { margin-bottom:7%; }
}

/* Smaller than 1500 (devices and browsers) */
@media only screen and (max-width: 1499px) {

  #footer { margin-bottom:8%; }

}
/* Smaller than 1300 (devices and browsers) */
@media only screen and (max-width: 1299px) {

  #footer { margin-bottom:9%; }



	/* Smaller than standard 1200 (devices and browsers) */
	@media only screen and (max-width: 1199px) {
      
      a.reg, a.book, a.speaker { font-size:16px; padding:4% 3%; }
      .customquote p { font-size: 14px; font-weight: 700; line-height: 18px; }
      a.exhibitors { padding:30% 3% 5% }
      a.seminars { padding:5% 3% 30% }
     
      
      #header {
    padding-top:80px;
}
      
    }

	/* Smaller than 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
      
      
#header-tabs { position:relative; }
.moduletableslider { padding-bottom:40px; }
.none960 { display:none; }
.customquote p { margin-bottom:7px; }
a.exhibitors { padding:26% 3% 5%; }
a.seminars { padding: 5% 3% 26%; }
a.reg, a.book, a.speaker { padding:1.5% 3%; }
h1 { margin-top:0; }

      ul.col2 li { width:90%; float:none; }
      
    }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
      
            .side-button {
    display:none !important;
}
      
            #nav {
  position:relative;
}  
      #header {
    padding-top:0px;
}
      
      #footer { min-height: 100px; margin-bottom: 14%; }
   
      
    }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
      
                  .side-button {
    max-width:100%;
    width:100%;
margin-top:0px;
position:static;
margin-bottom:0px !important; 
}
      
      
      a.visit, a.exhibit { display:none; }
      a.seminars, .moduletablequote, a.exhibitors, .customquote { background-size:cover; margin:20px 0 0 0; }
      a.seminars, a.exhibitors { padding: 5% 3%; }
      a.exhibitors { margin-bottom:20px; }
      a.reg, a.book, a.speaker {  font-size:18px; }
      .customquote p { font-size:18px; line-height:22px; margin-bottom:20px; }
      .moduletablesharing { text-align:center; }
      
      #nav {
  position:relative;
}

#header {
    padding-top:0px;
}
      
      
      #footer { 
  background-image:none;
  color:#FFF !important;
        min-height:36px;
        border-top:1px solid #CCCCCC; margin-bottom:0px; text-align:center;
}
      
      body {
        background:none;
        background-color:#ececec;
      }
      
      #footer-below p {
        color:#327dbb;
      }
      
      #footer-below a {
        color:#327dbb !important;
      }
      
      #footer-below {
        position:relative; z-index:99999; text-align:center;
      }
      
    }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

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