@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Raleway-Bold';
  src: url('Raleway-Bold.eot') format('embedded-opentype');
  src: url( 'Raleway-Bold.eot') format('embedded-opentype'),
         url('Raleway-Bold.woff2') format('woff2'),
         url('Raleway-Bold.woff') format('woff'),
         url('Raleway-Bold.ttf') format('truetype'),
         url('Raleway-Bold.svg#Raleway-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Raleway-Regular';
  src: url('Raleway-Regular') format('embedded-opentype');
  src: url( 'Raleway-Regular.eot') format('embedded-opentype'),
         url('Raleway-Regularwoff2') format('woff2'),
         url('Raleway-Regular.woff') format('woff'),
         url('Raleway-Regular.ttf') format('truetype'),
         url('Raleway-Regular.svg#Raleway-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'codaregular';
    src: url('abel-regular.eot');
    src: url( 'abel-regular.eot') format('embedded-opentype'),
         url('abel-regular.woff2') format('woff2'),
         url('abel-regular.woff') format('woff'),
         url('abel-regular.ttf') format('truetype'),
         url('abel-regular.svg#AbelRegular') format('svg');
}

@font-face {
    font-family: 'eurostileregular';
    src: url('eurosti_0-webfont.eot');
    src: url('eurosti_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('eurosti_0-webfont.woff') format('woff'),
         url('eurosti_0-webfont.ttf') format('truetype'),
         url('eurosti_0-webfont.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'codaregular';
    src: url('coda-regular-webfont.eot');
    src: url('coda-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('coda-regular-webfont.woff2') format('woff2'),
         url('coda-regular-webfont.woff') format('woff'),
         url('coda-regular-webfont.ttf') format('truetype'),
         url('coda-regular-webfont.svg#codaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body { margin:0px 0 0 0; padding:0px;     font-family: 'Raleway-Bold';  background:#fff}
img, p { border:none; outline:none; max-width:100%; vertical-align:top;  background-size:100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
.clrfix{ clear:both}
h1 { margin:0; padding:0;  font:28px/30px  'Raleway-Bold'; color:#fff; text-transform:uppercase;  } 
h3 { margin:0; padding:0 0 15px 0;  font:32px/21px  'Raleway-Bold'; color:#fff; text-transform:uppercase;   } 

#root {width:100% ; margin:0 auto;    }
.bg {  width:100%; float:left }



#top-strip { width:100%; height:auto;  float:left; padding:0; background:#004d7e}
.top-main { margin:0 auto; max-width:1170px; padding:0; color:#FFF; font-size:30px }
.home { float:left;  padding:10px 0px 0px 0px;}
.logo { width:50%; float:left; padding:3% 0; }

.date { width:25%; float:left; padding:5% 0 0 0}

.but {width:40%;  float:right;  padding:4% 0% 0 0; text-align:right}

.but1 {width:50%;  float:right;  padding:0% 0 0 0; text-align:right; background:#eeeeee}


#topbar { width:100%;   float:left; margin:0px 0px 0 0 ; padding:0px; background:#eeeeee; }
#topbar-main {  margin:0 auto; width:100%; padding:0% 0%;    }
#punch-outer {width:100%;  float:left; margin:0% 0 0% 0; padding:0px; z-index:99;    }
.punch { margin:0 auto; width:1170px;  text-align:center; font-family: 'Raleway-Bold'; font-size:30px; color:#fff; line-height:40px; padding:30px 0; text-transform:uppercase }

#banner-outer {width:100%;  float:left; margin:0; padding:0px 0px; background:#000; z-index:99 }
.banner{  margin:0 auto; width:100%; padding:0px; overflow:hidden; padding:0px     }
.img1 { float:left; width:100%; margin:0px; padding:0px;}
.img2 { float:right; width:60%; margin:0px; padding:8% 0%; text-align:center; font-size:50px; color:#FFF; line-height:45px; text-shadow: 2px 2px #191919;}
.txt {font-size:60px; }

#middle {  width:100%; padding:0px; padding:55px 0px; float:left; background:#1c84ba }
#middle-inner { margin:0 auto; width:1170px; padding:0;  font:18px/20px 'Raleway-Regular'; color:#333;}


#middle1 {  width:100%; padding:0px;    padding:30px 0 30px 0px; float:left;  background:#0fbaf7}
#middle-inner1 { margin:0 auto; width:1170px; padding:0;  font:14px/20px 'Raleway-Regular'; color:#FFF; text-align:center } 
.middle-txt{ width:100%; padding:0;  margin:0 auto; font:17px/24px 'Raleway-Regular'; color:#fff;  text-align:left } 

#middle2 {  width:100%; padding:0px;    padding:50px 0 50px 0px; float:left; background:#FFF}
#middle-inner2 { margin:0 auto; width:1170px; padding:0;   } 

#middle-box1 { margin:0; width:100%; padding:2% 0 0 0;  font:14px/22px 'Raleway-Regular'; color:#fff; float:left; display:flex;    } 
.box-inner {padding:0 2% 0 2%}

.vis { width:44%; float:left;  margin:0 0% 0 0; color:#fff ;  margin:0 0 0 1%; -webkit-border-radius: 8px;
 padding:20px 2%; text-align: left; font:18px/30px 'Raleway-bold'; border:solid 3px #fff}

.vis1 { width:50%; float:left;  margin:0;   text-align:left; font:17px/34px 'Raleway-Regular'; -webkit-border-radius: 8px;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 8px;
-moz-border-radius-bottomright: 0;
border-radius: 8px;
border-bottom-right-radius: 0;  }






 
#footer-outer { width:100%; background:#fff; float:left; padding:15px 0px; text-align:center}
.footer-inner { width:96%; margin:0 auto; height:auto; overflow:hidden}
.org { float:left; text-align:center; width:30%}
.org img{ max-width:80%}
.but-footer { float:left; width:46%; text-align:center;}

.trade { float:right; margin:0; width:20%; padding:10px 0 0 0}
.but-footer-inner { padding:7% 0 0 0  }


.exhibit {width:48%; height:auto; text-align:center;  -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; float:left; margin:0px;  background:#ed6c00; border-radius:8px;
}
.exhibit a { font-family:'Raleway-Regular'; color:#fff; font-size:26px; display:block; padding:7px 0 7px 0; text-decoration:none; margin:0px
}
.exhibit a:hover {
	text-decoration:none; background:#4c4240; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;border-radius:8px;
}


.exhibit1 {width:47%; height:auto; text-align:center; border:0px solid #fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;  float:left; margin:0% 0 0 2%;  background:#000
}
.exhibit1 a { font-family:'Raleway-Regular'; color:#fff; font-size:26px; display:block; padding:7px 0 7px 0; text-decoration:none; margin:0px
}
.exhibit1 a:hover {
	text-decoration:none; background:#2e2e2e; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
}


.exhibit2 {width:32%; height:auto; text-align:center; float:left; margin:0px;  background:#01568c; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.exhibit2 a { font-family:'Raleway-Regular'; color:#fff; font-size:18px; display:block; padding:10px 0 10px 0; text-decoration:none; margin:0px
}
.exhibit2 a:hover {
	text-decoration:none; background:#5e5971; -webkit-border-radius: -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.exhibit3 {width:48%; height:auto; text-align:center; float:left; margin:0px;  background:#ed6c00; margin:0 0 0 1%;
}
.exhibit3 a { font-family:'Raleway-Regular'; color:#fff; font-size:22px; display:block; padding:18px 0 18px 0; text-decoration:none; margin:0px
}
.exhibit3 a:hover {
	text-decoration:none; background:#5e5971;  color:#FFF; 
}

.exhibit4 {width:90%; height:auto; text-align:center; float:right; margin:0px;  background:#ff005a; border-radius:4px;
}
.exhibit4 a { font-family:'Raleway-Regular'; color:#fff; font-size:22px; display:block; padding:18px 0 18px 0; text-decoration:none; margin:0px
}
.exhibit4 a:hover {
	text-decoration:none; background:#5e5971;  color:#FFF; border-radius:4px;
}

.exhibit5 {width:33%; text-align:center;   -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; border:2px #FFF solid; margin:0 auto; 
}
.exhibit5 a { font-family:'Raleway-Bold'; color:#fff; font-size:20px; display:block; padding:10px 0 10px 0; text-decoration:none; margin:0px; text-transform:uppercase
}
.exhibit5 a:hover {
	text-decoration:none; background:#5e5971;  color:#FFF; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}



/*
* Navigation
*/
.nav-container{  background:#FFF;  width:100%; border-bottom:1px #fff solid; }

	.f-nav{ z-index: 9999; position: fixed;  width:100%; }
	


/*
* Content
*/
.main-content{ min-height: 150;}





.categories{ padding:25px 0;}
.categories h2{ font-size:40px; font-weight:400; color:#424040; text-transform:uppercase;}
.categories h2 span.linetwo{ font-weight:100; display:block;}
.categories h2 span.linethree{ font-size:62px; color:#d92028;  display:block;}
.categories-box{ position:relative; margin-top:-100px;}
.categories .box-01, .categories .box-02, .categories .box-03, .categories .box-04{float:left; position:relative; border-left:18px solid; border-top:18px solid; min-height:100px;}
.box-shapebg{ position:absolute; top:-75px; right:0px;}
.categories .box-01{ border-color:#01568c; width:20%; margin-right:2%; margin-top:170px;}
.categories .box-02{ border-color:#ff005a; width:20%; margin-right:2%; margin-top:115px; }
.categories .box-03{ border-color:#1c84ba; width:20%; margin-right:2%; margin-top:60px;}
.categories .box-04{ border-color:#a10036; width:20%; right:0; margin-top:30px;}
.categories .box-01 p, .categories .box-02 p, .categories .box-03 p, .categories .box-04 p{ padding:20px 0 0 20px;}


.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}




.prog-sessions{ padding:30px 0px; text-align:center; margin:0 auto; color:#fff; font-size:16px; line-height:26px }
.prog-sessions ol{ margin-bottom:0px; padding-left:0px; }
.prog-sessions  li{  margin-right:30px; padding: 0 0 0 18px; color:#fff; font-size:16px; line-height: 24px;  ; width:100%; float:left; text-align: left}








@media screen and (max-width:480px) {
	h1 { margin:0; padding:0;  font:24px/24px 'Raleway-Regular'; text-align:center  } 

	.logo { text-align:center; width:100%}
	.but { text-align:center; width:100%}
	
	
	

.logo img{ max-width:99%}



.exh { width:96%; float:left; margin:2%  0 2% 0}
.vis { width:96%; float:left; margin:2%  0 2% 0; border-right:none} 
.vis1 { width:100%; float:left; margin:2%  0 2% 0}

.footer-inner { width:100%; margin:0 auto; height:auto; overflow:hidden}
.but-footer { margin:0 auto; float:none; padding:10px 0px; width:100%  }
.but-footer img {max-width:30%;}

.org {margin:0 auto; float:none; width:100%  }
.trade {  margin:0 auto;  color:#333; float:none; width:100%}

.but-footer-inner { padding:10px 0 0 0  }

.top-main {width:100%;  }
#topbar-main { width:90%; padding:5% 0; background:none   }
.banner{ width:100%;  }
#middle-inner {width:90%;  }
#middle-inner1 { width:90%; } 
#middle-inner2 { width:90%; } 
 .footer-inner { width:90%; }
 .punch { width:90%; }

 
 .exhibit {width:100% }
.exhibit1  {width:100%; float:left; margin:10px 0 10px 0}

.exhibit2  { width:100% }
.exhibit3  { width:100%;   }

#middle-box1 {  display:block;   } 


	 }


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

	h1 { margin:0; padding:0;  font:24px/24px 'Raleway-Regular'; text-align:center  } 

	.logo { text-align:center; width:100%}
	.but { text-align:center; width:100%}
	
	
	
	.but img {max-width:46% }
.logo img{ max-width:99%}



.exh { width:96%; float:left; margin:2%  0 2% 0}
.vis { width:96%; float:left; margin:2%  0 2% 0; border-right:none} 
.vis1 { width:100%; float:left; margin:2%  0 2% 0}

.footer-inner { width:100%; margin:0 auto; height:auto; overflow:hidden}
.but-footer { margin:0 auto; float:none; padding:10px 0px; width:100%  }
.but-footer img {max-width:30%;}

.org {margin:0 auto; float:none; width:100%  }
.trade {  margin:0 auto;  color:#333; float:none; width:100%}

.but-footer-inner { padding:10px 0 0 0  }

.top-main {width:100%;  }
#topbar-main { width:90%; padding:5% 0; background:none   }
.banner{ width:100%;  }
#middle-inner {width:90%;  }
#middle-inner1 { width:90%; } 
#middle-inner2 { width:90%; } 
 .footer-inner { width:90%; }
 .punch { width:90%; }
 
 .exhibit {width:100% }
.exhibit1  {width:100%; float:left; margin:10px 0 10px 0}

.exhibit2  { width:100% }
.exhibit3  { width:100%;   }
 
#middle-box1 {  display:block;   } 
 
}


@media screen and (min-width: 701px) and (max-width: 990px) {
	
.but {width:100% }


.top-main {width:100%; background:none }
#topbar-main { width:90%;  background:none  }
.banner{ width:100%;  }
.punch { width:90%; }
#middle-inner {width:90%;  }
#middle-inner1 { width:90%; } 
#middle-inner2 { width:90%; } 
 .footer-inner { width:90%; }	
.exh { width:96%; float:left; margin:2%  0 2% 0}



 .exhibit a {font-size:18px; }
.exhibit1 a {font-size:18px; }	
	
.f-nav{ position:absolute; }
	
	 }
	 
		
	 
	 @media screen and (min-width: 991px) and (max-width: 1279px) {




#middle-box { font:15px/18px 'Raleway-Regular'; color:#fff; float:left;    } 
.top-main {width:94%; }
.punch { width:90%; }
#topbar-main { width:94%;   }
.banner{ width:100%;  }
#middle-inner {width:94%;  }
#middle-inner1 { width:94%; } 
#middle-inner2 { width:94%; } 
 .footer-inner { width:94%; }
 
 .txt {font-size:50px; }
		 }