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

@font-face {
	font-family: 'Conv_Snell Roundhand Bold Script';
	src: url('font/Snell Roundhand Bold Script.eot');
	src: local('☺'), url('font/Snell Roundhand Bold Script.woff') format('woff'), url('font/Snell Roundhand Bold Script.ttf') format('truetype'), url('font/Snell Roundhand Bold Script.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Gotham-Book";
	src: url(font/Gotham-Book.otf);
}
@font-face {
	font-family: "Gotham-Medium";
	src: url(font/Gotham-Medium.otf);
}
@font-face {
	font-family: "Gotham-Bold";
	src: url(font/Gotham-Bold.otf);
}
@font-face {
	font-family: 'BebasNeue';
	src: url(font/BebasNeue.otf);
}


html{
	height:100%;
	width:100%;
}
body{
	font-family: "Gotham-Book";
	background-color:#f9f9f9;
	margin:0px auto;
	font-size:15px;
	color:#333;
	padding:0px;
	overflow-y:scroll;
	overflow-x:hidden;
	letter-spacing:1px;
	height:100%;
	width:100%;
}
input, textarea{
	font-family: "Gotham-Book";
	font-size:15px;
	letter-spacing:1px;
	color:#000;
	-webkit-appearance:none;
}
td{
	vertical-align:top;
}
img{
	border:none;
}
p{
	margin:0px;	
}
a{
	color:#333;
	-o-transition:color .2s ease-out, background 0.2s ease-in;
	-ms-transition:color .2s ease-out, background 0.2s ease-in;
	-moz-transition:color .2s ease-out, background 0.2s ease-in;
	-webkit-transition:color .2s ease-out, background 0.2s ease-in;
	transition:color .2s ease-out, background 0.2s ease-in;
	text-decoration:none;
	cursor:pointer;
}
a:hover{
	color:#8cc63f;
}
.animation{
	-o-transition:color .2s ease-out, background 0.2s ease-in;
	-ms-transition:color .2s ease-out, background 0.2s ease-in;
	-moz-transition:color .2s ease-out, background 0.2s ease-in;
	-webkit-transition:color .2s ease-out, background 0.2s ease-in;
	transition:color .2s ease-out, background 0.2s ease-in;
	text-decoration:none;
}
.verticalmiddle{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.horizontalcenter{
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.borderradius5{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.borderradius10{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.borderradius25{
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
}
.error{
	color:#9cbc5a;
	font-size:15px;
}
.header{
	position:fixed;
	z-index:10000;
	width:100%;
	background:#fff;
	box-shadow:0px 2px 5px #999;
}
.container{
	margin:0px auto;
	/*width:1000px;*/
}
.screen{
	cursor: url('images/cursor.png') 16 16, auto;
	width:100%;
	height:100vh;
}
.pointerdotanimate{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width:5px;
	height:5px;
	background:rgba(0,0,0,0.9);
	border:1px solid rgba(0,0,0,0.9);
	border-radius:100%;
	pointer-events:none;
	box-sizing:border-box;
	transition:0.1s;
	display:none;
	z-index:99999;
}
.pointerdotanimate2{
	background:rgba(0,0,0,0.5);
	border:1px solid rgba(0,0,0,0.5);
	transition:0.2s;
}
.pointerdotanimate3{
	background:rgba(0,0,0,0.1);
	border:1px solid rgba(0,0,0,0.1);
	transition:0.3s;
}
.col4{
	float:left;
	margin:10px;
	width:190px;
	padding:20px;
	height:72.5px;
	display:inline-block;
	font-size:20px;
	font-weight:bold;
}
.colfree{
	float:left;
	margin:10px;
	width:auto;
	padding:20px;
	height:22.5px;
	display:inline-block;
	font-size:15px;
	font-weight:bold;
	cursor:pointer;
}
.bgblue{
	background:#005e9d;
	color:#fff;
}
.bglightblue{
	background:#66ccff;
	color:#fff;
}
.bggreen{
	background:#8cc63f;
	color:#fff;
}
.bgred{
	background:#ff6666;
	color:#fff;
}
.bgorange{
	background:#ff9900;
	color:#fff;
}
.contactbtn{
	width:155px;height:45px;background:#333;color:#fff;font-weight:bold;cursor:pointer;text-align:center;border-bottom:5px solid #8cc63f;
}
.contactbtn:hover{
	background:#8cc63f;
}
.menu_point{
	height:50px;
	line-height:50px;
	border-bottom:1px solid #fff;
	padding:0px 30px;
	cursor:pointer;
	background:#005e9d;
}
.menu_point:hover{
	background:#8cc63f;
}
.expertise_point{
	padding-top:30px;
	padding-bottom:30px;
}
.expertise_img_td{
	width:90px;
	height:75px;
	text-align:center;
	vertical-align:top;
	padding-right:20px;
	padding-left:45px;
}
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(0.8); }
.expertise_img_class{
	width:90px;
	height:75px;
}
.expertise_point:hover .expertise_img_class{
	background-position:0 100%;
}
a.a_expertise{
	color:#a5a7a9;
	cursor:pointer;
}
a.a_expertise:hover{
	color:#13a99f;
}
.expertise_title{
	font-size:20px;
	padding-bottom:10px;
	
}
.expertise_desc{
	font-size:15px;
	color:#999;
	line-height:20px;
}
.footer_company{
	font-size:20px;
	padding-bottom:10px;
}
.footer_description{
	font-size:17px;
	line-height:30px;
	padding-bottom:50px;
}
.footer_copyright{
	font-size:14px;
	text-align:center;
	padding:20px;
	line-height:20px;
}
.imgclient{
	max-width:100%;
}
#expertise{
	min-height:100%;background:#fff;padding:0px 50px;
}
#homefixedbtn{
	display:none;
}
.footer_copyright a{
	color:#8cc63f;
}
.footer_copyright a:hover{
	color:#333;
}
@media (max-width: 700px)
{
	#menu{
		display:none;
	}
	#home{
		padding-left:0px !important;
	}
	.container{
		width:100%;
	}
	.expertise_img_td{
		width:70px;
		padding-left:0px;
	}
	.expertise_img_td img{
		height:50px !important;
	}
	#btncontactusfixed{
		right:0px !important;
	}
	#expertise{
		padding:0px 20px !important;
	}
	#homefixedbtn{
		display:block;
	}
	#mainlogo{
		display:none;
	}
}