@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-Regular'; background: #1d2023 }
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:24px/21px  'Raleway-Bold'; color:#fff;  } 
#root {width:100% ; margin:0 auto;    }
.bg {  width:100%; float:left }



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

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

.but {width:38%;  float:right;  padding:2% 0 0 0; text-align:right}
.but-txt {  font:28px/50px 'Raleway-Bold'; color:#fff;}
.but-txt1 {  font:20px 'Raleway-Regular'; color:#fff;}


#topbar { width:100%;   float:left; margin:0px 0px 0 0 ; padding:0px; }
#topbar-main {  margin:0 auto; width:1170px; padding: 3% 0 3% 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: 'codaregular'; font-size:27px; color:#fff; line-height:40px }

#banner-outer {width:100%;  float:left; margin:0; padding:20px 0px;  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:#1d2023}
#middle-inner { margin:0 auto; width:1170px; padding:0;  font:18px/20px 'Raleway-Regular'; color:#fff;}


#middle1 {  width:100%; padding:0px;    padding:30px 0 30px 0px; float:left;  background:#2b221e }
#middle-inner1 { margin:0 auto; width:1170px; padding:0px 0 0 0;  font:14px/25px 'Raleway-Bold'; color:#FFF; text-align:center;  } 
.middle-txt{ width:100%; padding:0;  margin:0 auto; font:16px/26px 'Raleway-Regular'; color:#fff;  text-align:left} 

#middle2 {  width:100%; padding:0px;    padding:50px 0 50px 0px; float:left ;  background:#f21e24}
#middle-inner2 { margin:0 auto; width:1170px; padding:0;  font:15px/24px 'Raleway-Regular'; color:#FFF;  } 

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

#middle-box { margin:0; width:100%; padding:0;  font:14px/25px  'Raleway-Regular'; color:#fff; float:left;  display:flex;  } 
.exh { width:35%; float:left;  padding:15px;  border-right:dashed 1px #FFF; text-align:center  }
.exh1 { width:57%; float:left;  padding:15px;    }

.exh-pic { border-radius: 50%;  }
.box-inner {padding:0 2% 0 2%}

.vis { width:32%; float:left;  margin:2% 1% 0 0;  text-align:left; padding:0px; font:16px/25px 'Raleway-Regular'; color:#fff; text-align: center; background: #1d2023  }

.vis img { width:100%;  }


.vis1 { width:24%; float:left;  margin:3% 1% 0 0;  text-align:left; padding:0px; font:18px/25px 'Raleway-Regular'; color:#000; text-align: center   }


.vis1 img  { border: solid 1px #fff; padding:10%; width: 80px; height: 80px}




h2 { font:24px/24px 'Raleway-Bold'; color:#fff; margin:0px; padding:0px 0 0px 0; text-transform:uppercase; text-align: center}
h3 { font:24px/30px 'Raleway-Bold'; color:#000f; margin:0px; padding:0px 0 10px 0; text-transform:uppercase}


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

.trade { float:right; margin:0; width:20%; padding:10px 0 0 0}
.but-footer-inner { padding:5% 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:#e23340
}
.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;
}


.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:50%; height:auto; text-align:center; float:left; margin:0px;  background:#f21e24; border-radius: 4px;
}
.exhibit2 a { font-family:'Raleway-Regular'; color:#fff; font-size:20px; display:block; padding:20px 0; text-decoration:none; margin:0px
}
.exhibit2 a:hover {
	text-decoration:none; background:#ed8019; border-radius: 4px;
}

.exhibit3 {width:49%; height:auto; text-align:center; float:left; margin:0px;  background:#f21e24; margin:0 0 0 1%; border-radius: 4px;
}
.exhibit3 a { font-family:'Raleway-Regular'; color:#fff; font-size:20px; display:block; padding:20px 0; text-decoration:none; margin:0px
}
.exhibit3 a:hover {
	text-decoration:none; background:#ed8019;  color:#FFF; border-radius: 4px;
}


/*
* 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;}





@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%; margin:2% 0 0 0  }

#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%; margin:2% 0 0 0  }
 
#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) {

.but img{max-width:46% }
.logo img{ max-width:98%}


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