*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}


a{
	text-decoration: none;
	color:inherit;
}

a:hover{
	text-decoration: none;
}


body{
    font-family: "Segoe UI",Roboto,Arial, Helvetica, sans-serif;
    font-size: 15px;
}

header{
	border-bottom: 1px solid #eeeeee;
	font-size: 15px;
	padding:10px 0px;
}

header ul li{
	padding-left: 30px !important;
}

.image{
	height: 400px;
	background: linear-gradient(rgba(0,0,0,.3),
	rgba(0,0,0,.3)),
	url('../image/index.jpg')#eee no-repeat center;
	background-size: cover;
	position: relative;
}


.welcome-msg{
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	width: 100%;
	padding-right: 10px;
}

.welcome-msg .wlc{
	font-size: 25px;
	color:#fff;
	width: 100%;
	padding-left: 10%;
	text-shadow: 0px 0px 5px #7c7c7c;
}

.welcome-msg .wlc-2{
	font-size: 20px;
	color:#fff;
	width: 100%;
	padding-left: 10%;
}

.welcome-msg a #quoteShow{
	margin-left: 10%;
	background: #3498DB;
	color:#fff;
	width: 200px;
	height: 40px;
	margin-top: 20px;
	border:none;
	cursor: pointer;
}

.welcome-msg a #quoteShow:hover{
	transition: .45s ease;
	background:#fff;
	color:#000;
}

.img-32{
	width: 50px;
	margin: 0px auto;
	padding-bottom: 20px;
}

.img-32 img{
	width: inherit;
}

.title-25{
	font-size: 20px;
	padding-bottom: 15px;
}

.center{
	text-align: center;
}

#index-info{
	padding: 100px 0px;
	width: 100%;
}

#index-info p{
	font-size: 15px;
	opacity: .7;
	line-height: 1.5em;
	padding:10px 0px;
	text-align: justify;
	padding-right: 10px;
}


.small-table{
	padding: 15px 0px;
}

.small-table table{
	text-align: center;
}

.small-table-img img{
	width: 30px;
}


footer{
	background: #1C1C1C;
	padding:90px 0px;
	font-family: 'Roboto',Arial, Helvetica, sans-serif;
	position: relative;
}

footer .footer-title{
	font-size: 15px;
	text-transform: uppercase;
	color:#999;
	margin-bottom: 10px;
}

footer .footer-title a{
	color:#999;
}

#subscribe{
	padding-top: 20px;
}

#subscribe input{
	border:2px solid #f39c12;
	height: 40px;
	font-size: 15px;
}

#subscribe input[type='email']{
	padding:0px 5px;
	border-right: none;
	border-radius: 3px 0px 0px 3px;
	box-shadow: inset 0px 1px 10px  rgba(6, 6, 14,.5);
}



#subscribe input[type='submit']{
	background: #f39c12;
	color:#fff;
	cursor: pointer;
	padding:0px 5px;
	border-radius: 0px 3px 3px 0px;
}

#subscribe input[type='submit']:hover,
#subscribe input[type='submit']:hover #subscribe input{
	background: #d35400;
	border:2px solid #d35400;
}

#subscribe input[type='email']:focus #subscribe{
	opacity: 1 !important;
}


.footer-text{
	color:#777;
	padding-top: 20px;
	font-size: 15px;
	line-height: 1.5em;
}

footer a{
	color:#777;
	font-size: 15px;
	font-family: 'Roboto',Arial, Helvetica, sans-serif;
	display: block;
}

footer a:hover{
	color:#999;
}


#whoweare,#ict,#export{
	background:#fff;
	position: relative;
	padding:50px 0px;
}


.img-40 img{
	width: 40px;
}

.title-20{
	font-size: 20px;
}

.td-width{
	width:60px;
}


.content-1{
	line-height: 2em;
}

.inside-title{
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
}

.event-title{
	cursor: pointer;
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: -5px;
}


.content-1 ul li{
	margin-left: 40px;
	color:#444;
}

.content-1 ul{
	padding-top: 5px;
}


.form{
	background:rgb(248, 248, 248);
	margin:10px 0px;
	padding:20px 15px;
	padding-bottom: 60px;
	border-radius: 3px;
	display: none;
}

.form-display{
	background:rgb(248, 248, 248);
	margin:10px 0px;
	padding:20px 15px;
	padding-bottom: 60px;
	border-radius: 3px;
}

.no-event{
	padding:40px 0px;
	text-align: center;
	font-size: 15px;
	color:#ddd;
}

.event-calender{
	background:#eee;
	height:40px;
	position: relative;
	width: 40px;
	border-radius: 3px;
	margin-top: 30px;
}

.month{
	text-align: center;
	line-height: 20px;
	font-size: 13px;
	height: 20px;
	background: #f1c40f;
	color:#fff;
	border-radius: 3px 3px 0px 0px;
}

.day{
	text-align: center;
	line-height: 19px;
	font-size: 15px;
	height: 20px;
	font-weight: lighter;
}


.other-cont-detail{
	margin-top: 60px;
}


.logo{
	position: relative;
	height: 250px;
	background:#eee;
	display: block;
	width:100%;
	box-shadow: inset 0px -2px 2px rgba(0,0,0,.15); 
	background:repeating-linear-gradient(to left,#f4f4f4,#f4f4f4 1px,#fff 1px ,#fff 2px);
	
}

.logo img{
	width: 260px;
	position: absolute;
	top: 50%;
	left: 20%;
	transform: translate(-50%,-50%);
}


.logo .social-icons{
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(-50%,-50%);
	font-size: 15px;
}


.social-icons ul li{
	display: inline-block;
	list-style: none;
	position: relative;
	margin-left: 40px;
}

.social-icons ul li img{
	width: 35px;
	opacity: .7;
	cursor: pointer;
}


.social-icons ul li img:hover{
	opacity: 1;
}

.logo .search-bar{
	position: absolute;
	top: 50px;
	right: -3.2%;
	transform: translate(-50%,-50%);
	font-size: 15px;
}


.search-bar input{
	border: 1px solid #ddd;
	padding:5px 15px;
}

.search-bar input[type='submit']{
	border-left: none;
	cursor: pointer;
}


.search-bar input[type='search']{
	box-shadow: inset 0px 0px 3px rgba(0,0,0,.1);
}


.message-icon{
	position: fixed;
	background: #c0392b;
	top: 90%;
	right: 0%;
	transform: translate(-50%,-50%);
	z-index: 9;
	cursor: pointer;
	width: 70px;
	height:70px;
	border-radius: 50%;
}

.message-icon:active{
	background: #2980b9;
}

.message-icon img,.back-top img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	transform: translate(-50%,-50%);
}


.back-top{
	position: absolute;
	top: 50px;
	right: 10px;
	transform: translate(-50%,-50%);
	border:2px solid #34495e;
	height: 60px;
	width: 50px;
	cursor: pointer;
}


.back-top:hover{
	transition: .35s ease-in;
	background: #34495e;
}

.chat-box{
	width: 350px;
	background:#F8F8F8;
	position: fixed;
	bottom: 10px;
	right: 20px;
	z-index: 10;
	border-radius: 3px;
	display: none;
}

.chat-box-header{
	height: 80px;
	background: #3498db;
	line-height: 80px;
	padding:0px 20px;
	color:#fff;
	font-size: 15px;
	border-radius: 3px 3px 0px 0px;
}

.chat-box-content{
	padding:40px 20px;
	padding-bottom: 100px;
}



.close-chat{
	float: right;
	cursor: pointer;
}

.message-icon-mobile{
	display: none;
}



@media only screen and (max-width: 768px){
	header{
		padding:0px;
	}

	.welcome-msg{
		left: 50%;
	}

	.welcome-msg .wlc{
		font-size: 20px;
	}

	.welcome-msg .wlc-2{
		font-size: 15px;
	}

	#index-info p{
		font-size: 15px;
	}
	.title-25{
		font-size: 20px;
	}

	.img-32{
		width: 30px;
	}


	.export-up-space{
		padding-top: 100px;
	}

	.td-width{
		width:40px;
	}

	.td-width img{
		width:30px !important;
	}

	.event-calender{
		width: 40px;
	}

	.month{
		text-align: center;
		line-height: 25px;
		font-size: 15px;
		height: 25px;
		background: #f1c40f;
		color:#fff;
		border-radius: 3px 3px 0px 0px;
	}

	.day{
		text-align: center;
		line-height: 25px;
		font-size: 15px;
		height: 25px;
	}

	.event-calender{
		margin-right: 10px;
	}

	.logo{
		display: none;
	}

	.message-icon{
		/*position: fixed;
		top: 90%;
		right: -15px;
		width: 50px;
		height:50px;*/
		display: none;

	}

	.message-icon-mobile{
		position: fixed;
		display: block;
		bottom: 50px;
		right: -10px;
		transform: translate(-50%,50%);
		width:50px;
		height: 50px;
		background:orange;
		z-index: 9;
		border-radius: 25px;
	}

	.message-icon-mobile img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		height: 24px;
	}

	.back-top{
		top: 40px;
		right: -10px;
		height: 60px;
		width: 40px;
	}

	.chat-box{
		width: 100vw;
		height: 100vh;
		top:0px;
		left:0px;
		bottom: 0px;
		right: 0px;
		display: none !important;
	}


	.footer-title{
		margin-top: 30px;
		margin-bottom: -15px;
	}
	
}