@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXZ2MAKAc2x4R1uOSeegc5U.eot);
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXZ2MAKAc2x4R1uOSeegc5U.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'geosanslight';
    font-style: normal;
	font-weight: 400;
	src: url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciFQlYEbsez9cZjKsNMjLOwM.eot);
	src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciFQlYEbsez9cZjKsNMjLOwM.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

@font-face {
    font-family: 'quicksandbold';
    font-style: normal;
	font-weight: 700;
	src: url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMWzklk6MJbhg7BmBP42CjCQ.eot);
	src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMWzklk6MJbhg7BmBP42CjCQ.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMQFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
}

@font-face {
    font-family: 'rockwell';
    src: url('../fonts/rock.eot');
    src: url('../fonts/rock.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rock.ttf') format('truetype'),
         url('../fonts/rock.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
	margin: 0px;
	padding: 0px;
	outline: 0 none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button, input {
    line-height: normal;
}
input[type="hidden"]{
	*width:0;
	*height:0;
	*border:none !important;
}

img{
	border:0px;
}

a{
	cursor: pointer;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

ul{ list-style: none; }

.clearAll{ clear: both; font-size: 0px; width: 0px; height: 0px; margin: 0;padding: 0;}

html, body{
    width:100%;
	height: 100%;
	font-size: 12px;
	position:relative;
    overflow: hidden;
	font-family: 'geosanslight';
}

.opensans{ font-family: 'Open Sans'; }
.quicksandbold{ font-family: "quicksandbold"; }
.rockwell{ font-family: "rockwell"; }
.geosan{font-family: 'geosanslight';}
.geosan_l{font-family: 'geosanslight';}
.hvn{font-family: 'helvetica_neueregular';}
.p_r{position: relative;}
.fwb{font-weight: bold;}
.left{float:left;}
.right{float:right;}

.color_fff{color: #fff;}

.mt3{margin-top:3px;}
.mt4{margin-top:4px;}
.mt5{margin-top:5px;}
.mt6{margin-top:6px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt17{margin-top:17px;}
.mt18{margin-top:20px;}
.mt20{margin-top:20px;}
.mt22{margin-top:20px;}
.mt24{margin-top:24px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt37{margin-top:37px;}
.mt47{margin-top:47px;}

.fs11{font-size:11px;}
.fs13{font-size:13px;}
.fs18{font-size: 16px; letter-spacing: 0px;}
.fs30{font-size:30px;}
.fs50{font-size:50px;}

#main{
	height: 100%;
    position: relative;
    width: 100%;
}

#container{
	position: relative;
	z-index: 2;
    width: 100%;
	opacity: 0;
}

/*Header*/
.header-main-width{
    width: 960px;
    height: 100%;
    margin: auto;
}

#header{
    width: 100%;
    margin: 0 auto;
    position: fixed!important;
    z-index: 150;
}

#header .box-menu{
    width: 100%;
    background: #fff;
    transition: background-color 0.3s ease-in;
    -moz-transition: background-color 0.3s ease-in;
    -webkit-transition: background-color 0.3s ease-in;
}

#header .header-main{
    width: 960px;
    height: 95px;
    margin: 0 auto;
    position: relative;
    z-index: 12;
}

#header .header-main .logo{
	display: inline-block;
    margin-top: 29px;
    width: 152px;
    height: 33px;
    float: left;
    background: no-repeat;
    transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
    background-image: url(../images/menu/logo-wizard.png);
}

#header .header-main .logo.active{
    background-position: 0 -33px;
}

#header .header-main .nav {
	width: 327px;
	list-style: none; 
	position: relative; 
    float: right;
    font-weight: 600;
    margin-top: 35px;
    font-family: 'geosanslight';
    font-size: 16px; letter-spacing: 0px;
	overflow: hidden;
	top:-1px;
}
#header .header-main .nav li { 
	display: block;
	float: left;
}

#header .header-main .nav li.blog a img{
	vertical-align: -4px;
}

#header .header-main .nav a { 
	font-size: 16px; letter-spacing: 0px; 
	float: left;
    color: #000;
    border: 1px;
	text-decoration: none;
    display: inline-block;
}

#header .header-main .work a{ padding-left: 34px; }
#header .header-main .about a{ padding-left: 33px; }
#header .header-main .blog a{ padding-left: 31px; }
#header .header-main .contact a{ padding-left: 34px; }

#header .header-main .nav{

}

#header .header-main .nav #magic-line { 
	position: absolute;
	top: -1px; 
	left: 50px; 
	width: 10px !important; 
	height: 3px;
	background: #00aeef;
    display: none;
}

#header .header-main .nav .hidden { 
	position:absolute;
	left: -34px;
	height: 3px;
	width: 50px;
	background: #fff;
	z-index: 100;
	transition: background-color 0.3s ease-in;
    -moz-transition: background-color 0.3s ease-in;
    -webkit-transition: background-color 0.3s ease-in;
}

#header .header-main .nav li.active span,#header .header-main .nav li:hover span{
    background-color: #00aeef;
}

#header .header-main .nav li a{
    display: inline-block;
	height: 20px;
}

#header .header-main .nav li.work a{
	width: 43px;
	background-image: url(../images/menu/text_1.png);
    background-repeat: no-repeat;
}

#header .header-main .nav li.about a{
	width: 51px;
	background-image: url(../images/menu/text_2.png);
    background-repeat: no-repeat;
}

#header .header-main .nav li.blog a{
	width: 36px;
	background-image: url(../images/menu/text_3.png);
    background-repeat: no-repeat;
}

#header .header-main .nav li.contact a{
	width: 65px;
	background-image: url(../images/menu/text_4.png);
    background-repeat: no-repeat;
}

#header .header-main ul.active a{
    background-position: 0 -20px;
}

#header-line{
    width: 100%;
    height: 5px;
    background: #000;
    position: fixed;
    top:0;
    z-index: 20;
}

/*item lab*/
#header .header-main .nav li.lab{
    width: 72px;
    height: 27px;
    float: right;
    margin-left: 34px;
    padding-top: 2px;
    padding-left: 3px;
    color: #fff;
    background: url(../images/menu/icon-lab.png);
}

#header .sub-menu{
    width: 100%;
    height: 60px;
    display: none;
    background: url(../images/menu/bg-submenu.png) center 0px no-repeat;
}

#header .sub-menu .show-text{
    font-size: 16px; letter-spacing: 0px;
    line-height: 45px;
}


/*Parallax Slide*/
.antiscroll-wrap {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.antiscroll-scrollbar {
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 1px #fff;
  -moz-box-shadow: 0 0 1px #fff;
  box-shadow: 0 0 1px #fff;
  position: absolute;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: linear 300ms opacity;
  -moz-transition: linear 300ms opacity;
  -o-transition: linear 300ms opacity;
  z-index: 1000;
}

.antiscroll-scrollbar-shown {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.antiscroll-scrollbar-horizontal {
  height: 0px;
  margin-left: 2px;
  bottom: 2px;
  left: 0;
}

.antiscroll-scrollbar-vertical {
  width: 10px;
  margin-top: 2px;
  right: 2px;
  top: 0;
}

.antiscroll-inner {
    width: 100%;
	height: 200px;
	overflow: auto;
	margin-right: auto;
	margin-left: auto;

}

.antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {
  width: 0;
  height: 0;
}

#main{
    position:relative;
    width:100%;
    height:100%;
    float:left;
    overflow: hidden;
    background-color:#fff;
    -webkit-transition:background-color 1.5s ease;
    -moz-transition:background-color 1.5s ease;
    -ms-transition:background-color 1.5s ease;
    -o-transition:background-color 1.5s ease;
    transition:background-color 1.5s ease
}

.resize_full{float:left;position:relative;height:100%}


#home_slide,#about_slide,#project_slide,#service_slide,#contact_slide{overflow:hidden}

#content{
    position:relative;
    overflow:hidden;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease
}

/*Footer*/
#footer{height:280px;width:100%;font-size: 16px; letter-spacing: 0px; line-height: 22px; }
#footer .wrap_footer{height:280px;width:960px;margin:0 auto;}
#footer .wrap_footer .div_left{float:left;width: 550px;padding:133px 0 0 0;}
#footer .wrap_footer .div_right{padding: 133px 0 0 0;float:right;width:250px; text-align: right;}
#footer .wrap_footer .div_right .ft_share{padding:0 0 17px 127px;}
#footer .wrap_footer .p_block{margin-top:1px; }
#footer .wrap_footer .p_block span{background: #000000;color:#FFFFFF;}
#footer .wrap_footer .p_address {padding:33px 0 0 0; font-size: 16px; letter-spacing: 0px;}
#footer .wrap_footer .share_fb{background: url('../images/icon/share.png') left top no-repeat;width:27px;height:26px;display:block;}
#footer .wrap_footer .share_twitter{background: url('../images/icon/share.png') -42px top no-repeat;width:42px;height:26px;display:block;}
#footer .wrap_footer .share_rss{background: url('../images/icon/share.png') -104px top no-repeat;width:30px;height:26px;display:block;}
#footer .wrap_footer .share{margin:0 0 0 8px;}

#popup-project{
	width: 100%;
	overflow: hidden;
	font-size: 15px;
	color: #000;
	position:relative;
	left: -9px;
}

/*Project detail*/
.p_ab{
	position: absolute;
	z-index: 0;
}

.w_960.line_visitpage{
	position: absolute;
	z-index: 0;
	bottom: 40px;
	left: 50%;
	margin-left: -480px;
	border-bottom: 1px solid #fff;
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	font-family: 'rockwell';
}

.w_960.line_visitpage a{
	color: #00aeef;
}

.w_960.line_visitpage a:hover{
	color: #fff;
}

.w_960.line_visitpage .left, .w_960.line_visitpage .right{
	width: 211px;
}

.w_960.line_visitpage .right{
	text-align: right;
}

.w_960.line_visitpage .left.center{
	width: 537px;
	text-align: center;
}

.title_detail_project{
	font-size:35px;
	letter-spacing: 0px;
	color: #00aeef;
	font-family: 'geosanslight';
}

.text_detail_project{
	font-size: 16px; letter-spacing: 0px;
	color: #000;
	line-height: 21px;
}
/*End Project detail*/