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





.bg1 {width:100%; float:left}
.bg2 {width:100%; float:left}


body { margin:0px; padding:0px; font-family:Arial, "sans-serif"}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
.clrfix{ clear:both}


h1 { margin:0px; padding:0px; font-family:Arial, "sans-serif"; color:#373737; font-size:20px; line-height:30px   }
h2 { font-family:Arial, "sans-serif"; color:#373737; font-size:30px; margin:0px; padding:10px 0px 20px 0px; text-align:center; line-height: 50px}
h3 { font-family:Arial, "sans-serif";  color:#fff; font-size:26px; margin:0px; padding:10px 0px 5px 0px; }
h4 { margin:0px; padding:0px 0 10px 0; font-family:Arial, "sans-serif";  font-size:32px; }

h5 { margin:0px; padding:0px; font-family:Arial, "sans-serif";  color:#fff; font-size:28px   }




#root {width:100% ; margin:0 auto;  z-index:9999;      }
.top-bar { width:100%; margin:20px 0px ; padding:0px;  }
.strip { background:#fff; height:2px;}
header { width:100%; margin:0px 0px ; padding:25px 0 30px 0; background: #ffffff}
.top-main { width:1170px;   margin:0 auto;  padding:0px 0 0px 0px;  z-index:9999}
.logo{   width:55%; z-index:9999; margin:0; text-align:left; float:left; padding:0px 0 0 0; font-size: 24px; color: #f04502 }
.logo a{   color: #f04502; text-decoration: none }


.logo span{   color: #001558 }


.but {  width:38%; padding:0% 0 0 0; margin:0; float:right }

.date { float:left;  width:40%;  font-family:'codaregular'; font-size:23px; line-height:28px; color:#333}
.date-txt {  font-family:'codaregular'; font-size:35px; color:#e60012; font-weight:bold; line-height:31px; margin:0px; padding:0px;}
.date-txt1 {  font-family:'codaregular'; font-size:28px; color:#fff; line-height:28px; margin:0px; padding:0px;}
.date-inner { padding:3% 0% 3% 4%}



#banner-outer { width:100%; height:100%;  padding:0px 0 0px 0px ; z-index:99; margin:0px;    }
#banner-outer1 { width:100%;   padding:0; z-index:99; margin:0px;  }


.banner-inner{ width:100%; height:100%;  margin:0 auto;  font-family: 'Raleway-Bold';   font-weight:bold; color:#FFF; text-align:center}

.banner { width:43%; float:left; padding: 80px 0 0 0}
.banner1 { width:57%; float:right;}





.punch-inner{ width:100%; height:100%;  margin:0 auto; padding:0px 0 0px 0; font-family:Arial, "sans-serif"; font-size:22px;  color:#000;  text-align: center; line-height: 50px; }

.punch-inner1{ width:100%; height:100%;  margin:0 auto; padding:20px 0 20px 0; font-family:Arial, "sans-serif"; font-size:24px;  color:#00327b;  text-align: center; line-height: 32px; background: #fff}
.txt { font-family:Arial, "sans-serif"; font-size:33px; line-height:52px; color:#fff;  text-align: center; text-transform: uppercase; display: block;     font-weight: 900; display: block}
.txt1 { font-family:Arial, "sans-serif"; font-size:50px; line-height:55px; color:#fff;  text-align: center;font-weight: 900; display: block; padding: 0 0 10px 0 }



#middle-outer { width:100%; background:#f3fcff; height:100%;  float:left;  padding:50px 0px;   margin:0px 0 0 0; }
.middle-inner { width:1170px; height:100%; margin:0 auto;  overflow:hidden;}
.middle-txt { width:50%;  float:right; font-family:Arial, "sans-serif"; font-size:15px; color:#000; line-height:25px;  padding:0% 3%;  }
.middle-side {width:43%; float:left}
	
	
.exhibit-outer { width:100%; padding:25px 0; margin:0px 0px ; float:left; background:#fff;     z-index:9999}
.exh { width:1170px; margin:0 auto;  font-family:Arial, "sans-serif"; font-size:17px; color:#000000; line-height:23px;   text-align:center}
.exh-main { width:100%; display:flex; padding:0 0 0% 0; display: flex}
.exh-box { width:31.8%; margin:0 0 0 2%; padding:0px 0;  float:left; text-align:center; font-family:Arial, "sans-serif"; font-size:18px; color:#000000;  background: #fff; }

.exh-box img{ width:95%; margin: 0px; padding: 0px;   }


.exh-box1 { width:92%; padding:3.5% 4%;  font-family:Arial, "sans-serif"; color:#000000; font-size:18px; line-height:25px; text-align: center;  background: #fff; margin: 0px; font-weight:normal; }

.exh-box.last { margin:0}




#exhibitor-outer2 { width:100%; background:#202020;  height:auto; margin:0px 0 0 0; padding:40px 0px;   border-bottom:solid 0px #CCC; float:left; z-index:9999
 }
.exhibit-main2 { width:100%; float:right; padding:0px; font-family:'Poppins-Regular'; font-size:17px; color:#fff; line-height:23px; text-align:center }




.exhibit {width:49%; height:auto; text-align:center;   float:left; margin:0px; background: #f04502;
}
.exhibit a { font-family:Arial, "sans-serif"; color:#fff; font-size:22px; display:block; padding:20px 0 20px 0; text-decoration:none; margin:0px
}
.exhibit a:hover {
	text-decoration:none; background:#000000;  color:#fff; 
}



.exhibit1 {width:48%; height:auto; text-align:center;    float:left; margin:0% 0 0 2%;  background: #0068b7;
}

.exhibit1 a { font-family:Arial, "sans-serif"; color:#fff; font-size:22px; display:block; padding:20px 0 20px 0; text-decoration:none; margin:0px
}
.exhibit1 a:hover {
	text-decoration:none; background:#000000;  color:#fff; 
}



.exhibit2 {width:240px; height:auto; text-align:center;    margin:0 auto; background:#a51c30; border-radius: 4px
}
.exhibit2 a { font-family:Arial,'Poppins-Regular'; color:#fff; font-size:23px; display:block; padding:10px 0 10px 0; text-decoration:none; margin:0px
}
.exhibit2 a:hover {
	text-decoration:none;  background:#171717;    -webkit-transition: background-color 2s ease-out; border-radius: 4px;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}


.exhibit3 {width:200px; height:auto; text-align:center;  float: left;  border: solid 2px #fff
}
.exhibit3 a { font-family:Arial,'Poppins-Regular'; color:#fff; font-size:23px; display:block; padding:12px 0 12px 0; text-decoration:none; margin:0px
}
.exhibit3 a:hover {
	text-decoration:none;  background:#171717;    -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}


.exhibit4 {width:48%; height:auto; text-align:center;    float:left; margin:0% 0 0 10%;  background:#ff9600
}
.exhibit4 a { font-family:'codaregular'; color:#fff; font-size:21px; display:block; padding:18px 0 18px 0; text-decoration:none; margin:0px
}
.exhibit4 a:hover {
	text-decoration:none; background:#1d1c1c;  color:#fff; }




.exhibit5 {width:90%; height:auto; text-align:center;    margin:0 auto; background:#a52124
}
.exhibit5 a { font-family:'codaregular'; color:#fff; font-size:15px; display:block; padding:5px 0 5px 0; text-decoration:none; margin:0px
}
.exhibit5 a:hover {
	text-decoration:none;  background:#171717;    -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}





#footer-outer { width:100%;  background:#000000; float:left; padding:25px 0px;   position: relative; z-index:9999}
#footer { width:850px;margin:0 auto; color:#fff; font-family:Arial, "sans-serif"; font-size:15px; line-height:23px; overflow:hidden}
.footer-inner { width:38%; float:left; padding:1% 0 0 0; text-align: right}
.footer-inner img{ max-width:100% }
.footer-inner1 { width:59%; float:right }

.contactDetails h6 {
	font-family:Arial, "sans-serif";
	font-size:32px;
	color:#fff;
	font-weight:normal;
	padding:0;
	margin:0px 0; 
	line-height:36px
}



.bor {
	width:100%;
	height:1px;
	background:#232323;
	margin:5px 0 10px 0;
}

.company {
	font-family:'codaregular';
	font-size:20px;
	color:#fff;
	font-weight:normal;
	padding:0;
	margin:3px 0;
	line-height:24px
}
.company1 {
	font-family:'codaregular'; font-size:20px; color:#ee5b2b; 

}









@media screen and (max-width:480px) {
	
	h1 {  font-size:24px;   }
	h2 { font-size:24px; padding:0px 0px 10px 0px;   }
	h3 { font-size:28px; }
h4 { font-size:28px; }

.top-main { width:85%;   margin:0 auto; }
.logo{  width:85%; text-align:center; margin:0 auto; float:none; border-right:none}	
 .logo img{  max-width:100%; float:none;  text-align:center}
 .but { width:100%;  margin:0 auto; text-align:center; padding:10px 0 10px 0; }
header { width:100%; margin:0px 0px ; padding:0px;   overflow:hidden;  }


.banner { width:100%;  padding: 20px 0 0 0}
	.banner img{ width:80%; text-align: center}
	
.banner1 {width:100%; }
	

.middle-txt { width:90%;   padding:2% 3%; margin: 0 auto; float: none}
.middle-side {display: none}	
	
	

.banner-inner{ width:100%; height:100%;  margin:0 auto }
.punch-inner{width:93%; }
#middle-outer { width:100%; float:left; }
.middle-inner { width:94%;    }
.middle-txt { width:95.2%;  float:left; }
.exh { width:96%; }
.exh-main { display:block }
.exh-box { width:98%; margin:0}

#exhibitor-outer2 { background:#e60012 }
.exhibit-main2 { width:100%; }



#footer { width:95%;}
.footer-inner { width:100%;  }
.footer-inner img{ max-width:50% }
.footer-inner1 { width:100%; float:left }
.contactDetails h6 {
	 text-align:left
}


.exhibit2 {width:98%; margin:0px;  }
.exhibit3 {width:98%; margin:2.8% 0 0 0%;   }

.exhibit1 {width:98%;  margin:3% 0 0 0%;  
}
.exhibit {width:98%; 
}
p { max-width:90%; }

}


@media screen and (min-width: 481px) and (max-width: 700px) {
	
	h1 {  font-size:24px;   }
	h2 { font-size:24px; padding:0px 0px 10px 0px;   }
	h3 { font-size:28px; }
h4 { font-size:28px; }
	

.top-main { width:85%;   margin:0 auto; }
.logo{  width:85%; text-align:center; margin:0 auto; float:none; border-right:none}	
 .logo img{  max-width:100%; float:none;  text-align:center}
 .but { width:100%;  margin:0 auto; text-align:center; padding:10px 0 10px 0; }
header { width:100%; margin:0px 0px ; padding:0px;   overflow:hidden;  }

.banner-inner{ width:100%; height:100%;  margin:0 auto }
.punch-inner{width:90%; }

#middle-outer { width:100%; float:left; }
.middle-inner { width:94%;    }
.middle-txt { width:95.2%;  float:left; }
.exh { width:96%; }
.exh-main { display:block }
.exh-box { width:98%; margin:0}

#exhibitor-outer2 { background:#e60012 }
.exhibit-main2 { width:100%; }



#footer { width:95%;}

.footer-inner { width:100%;  }
.footer-inner img{ max-width:50% }
.footer-inner1 { width:100%; float:left }
.contactDetails h6 {
	 text-align:left
}



.exhibit {width:98%; 
}


.exhibit1 {width:98%; margin:2% 0 0 0 
}



 }
 
 



@media screen and (min-width: 701px) and (max-width: 991px) {
	

	h1 {  font-size:24px;   }
	h2 { font-size:24px;   }
	h3 { font-size:28px; }
h4 { font-size:28px; }
	


.top-main { width:85%;   margin:0 auto; }
.logo{  width:85%; text-align:center; margin:0 auto; float:none; border-right:none}	
 .logo img{  max-width:100%; float:none;  text-align:center}
 .but { width:100%;  margin:0 auto; text-align:center; padding:10px 0 10px 0; }
header { width:100%; margin:0px 0px ; padding:0px;   overflow:hidden;  }





.banner-inner{ width:100%; height:100%;  margin:0 auto }
.punch-inner{ width:92%; height:100%;  margin:0 auto }
.punch-inner{width:93%; }

#middle-outer { width:100%; float:left; }
.middle-inner { width:94%;    }
.middle-txt { width:95.2%;  float:left; }
.exh { width:96%; }
.exh-main { display:block }
.exh-box { width:98%; margin:0}

#exhibitor-outer2 { background:#e60012 }
.exhibit-main2 { width:100%; }



#footer { width:95%;}

.footer-inner { width:100%;  }
.footer-inner img{ max-width:50% }
.footer-inner1 { width:100%; float:left }
.contactDetails h6 {
	 text-align:left
}


	 }



 	
	 
	 @media screen and (min-width: 991px) and (max-width:1279px) { 
	
	h1 {  font-size:18px   }
	h2 { font-size:24px;  padding:0px 0px 10px 0px; }
	h3 { font-size:24px; }



#footer {font-size:14px; line-height:21px}


.middle-txt {     }
.top-main { width:90%;   }
.banner-inner { width:90%;  }
.middle-inner { width:93%; }
.punch-inner{width:90%; }

.exhibit-main2 {  font:15px/21px 'codaregular';    }	
.exh { width:93%; font:15px/23px 'codaregular' ;}


		 }