@charset "utf-8";
/* CSS Document */
*{
box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;	
-webkit-box-sizing:border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, header, article, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;  }

body{margin:0px; padding:0px; font-family:'Open Sans'; color:#000000;}
a{
transition:0.3s;
}
a:hover{
transition:0.3s;
}
img{
max-width:100%;
}
.clr{
clear:both;	
}
.fl{
float:left;	
}
.fr{
float:right;	
}
header{width:100%; display:block; padding:20px 0;}
.container{max-width:1170px; margin:0 auto;}

.bg-blue{background:#244797;}
.bg-sea-blue{background:#03a5ab;}




.logo{width:auto; float:left; padding:10px 40px 0 0;}
.starting-date{float:left; color:#fff; text-align:center; margin-left:20px;}
.date-section{
float:left; margin:10px 0 0 0;	
}
.starting-date .date{
background:#244797; padding:5px 20px; font-weight:bold; font-size:18px; 	
}
.starting-date .time{
background:#03a5ab; padding:5px 20px;		
}
.vanue-address{
float:left;
font-size:20px;
font-weight:200; 
margin:5px 0 0 20px;
text-transform:uppercase;	
}
.vanue-address span{
	display:block;
	font-weight:bold;

}
.top-button-section{
float:right;	
}
.Exhibit-button{
margin:0 0 5px 0;
padding:0;	
}
.Exhibit-button a{
display:block; color:#fff; background:#03a5ab; padding:8px 15px; text-decoration:none; text-align:center;
}
.Exhibit-button a:hover{
	background:#068d92;
}

.click-visit-button{
margin:0;
padding:0;	
}
.click-visit-button a{
display:block; color:#fff; background:#244797; padding:8px 15px;  text-decoration:none; text-align:center;
}
.click-visit-button a:hover{
	background:#19377a;
}

/* new slider css*/

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flex-direction-nav{
display:none;	
}
.flexslider li { list-style-type:none;}
.flexslider .slides img {
	display: block;
	height:auto;
	max-width:100%;
}
.flex-pauseplay span {text-transform: capitalize;}


/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.flexslider { position: relative;  }
.flex-direction-nav a {width: 66px; height: 64px; margin: 16px 53px; display: block; top: 39%; z-index: 10; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -50px; }
.flex-direction-nav .flex-prev {left: -50px;}
.flex-direction-nav .flex-disabled {cursor: default;}
.flex-control-nav {width:138px; position:absolute; bottom:10px; text-align:left; right:575px; }
.flex-control-nav li {margin: 0 6px; display: inline-block;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background:;  cursor: pointer; text-indent: -99999px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }


.middle-matter-section{
padding:0 0 70px 0;	
}

.blue-bar{
background:#244797; padding:20px; margin:-67px 5% 0; position:relative; z-index:999999;  box-shadow: 0 6px 4px #acacac;	
}

.blue-bar-img{
float:left; width:50%;	
}
.blue-box-matter{
float:left;
width:33%;	
}
.blue-box-matter-txt{
float:right; width:48%; color:#fff; text-align:center;	
}

.blue-box-matter-txt span{
font-size:38px; font-size:300; display:block; line-height:38px;	
}

.main-txt{
float:left; width:31%; margin:9% 0 0 10%; 
}
.main-txt h1{
font-size:25px;  font-weight:normal; margin-bottom:20px;		
}
.main-txt h1 span{
	font-size:18px; display:block;  font-weight:200;
}

.main-txt p{
font-size:15px; text-align:justify; line-height:20px;		
}

.main-txt-img{
float:left; width:45%; margin:5% 0 0 5%;	
}

.blue-bg{
background:#244797; padding:50px 0; color:#fff;	
}
.blue-bg h2{
font-size:25px; text-transform:uppercase; font-weight:normal; margin-bottom:15px;
}
.blue-bg p{
font-size:18px;  line-height:20px; padding:10px 0;		
}
.blue-bg ul{
margin:25px 0 0 0;
}
.blue-bg li{
padding:5px 0 5px 28px; background: url(https://tiimg.tistatic.com/new_website1/mailers/asean-ports/icon.png)  left center no-repeat; list-style-type:none;	
}

.bottom-txt{
background:#ededed; padding:50px 0;
}
.exhibitor-profile{
font-size:15px; line-height:20px; float:left; width:30%;	
}
.exhibitor-profile h2, .visitors-profile h2{
	font-size:25px; font-weight:normal; margin-bottom:22px;
}

.exhibitor-profile a{
display:block; color:#fff; background:#244797; padding:8px 15px;  text-decoration:none; text-align:center; text-transform:uppercase; margin:50px 0 0 0;
}
.exhibitor-profile a:hover{
	background:#19377a;
}

.visitors-profile{
font-size:15px; line-height:20px; float:right; width:63%;	
}

ul.profile-list{
list-style-type:none; margin:15px 0 0 0; float:left; width:33%;	
}
ul.profile-list li{
background:url(https://tiimg.tistatic.com/new_website1/mailers/asean-ports/blue-icon.png) left center no-repeat; padding:2px  0 2px 22px;
}

.visitors-profile a{
display:block; color:#fff; background:#244797; padding:8px 15px;  text-decoration:none; text-align:center; text-transform:uppercase; margin:20px 0 0 0;
}
.visitors-profile a:hover{
	background:#19377a;
}
footer{
background:#244797; padding:50px 0; width:100%; display:block;
}

.footer-mid{
max-width:800px; margin:0 auto;	
}

.footer-logo{
float:left;	width:34%;
}

.contact-details{
float:right; width:62%; color:#fff;	 
}
.contact-details h2{
		font-size:25px; font-weight:normal; margin-bottom:12px;
}
.bottom-txt-inner{
background:#ededed; padding:30px 0;
}