@charset "UTF-8";
@import url("reset.css");

/*-- General Style --*/
html, body{font-family: 'Roboto', sans-serif;}
body{margin: 0 auto; width: 1280px;}


/*-- Header Style --*/
#header{position: fixed; width:100%; background: #000;z-index:9999;}
/*-- Logo Style --*/
h1#logo{display: inline-block; width: 50%;} /* float left */
h1#logo a{display: inline-block; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} /*8*/
h1#logo a{color: #FFF; font-size: 12px; font-weight: 300; letter-spacing: 1px; text-decoration: none; text-transform: uppercase;} /*text*/
/*-- IE 6 7 Fix inline block --*/
.lt-ie9.lt-ie8 h1#logo{display: inline-block; display: inline; zoom: 1;}
.lt-ie9.lt-ie8 h1#logo a{display: inline-block; display: inline; zoom: 1;}
/*-- Global Navigation Style --*/
#glo_nav{float:right; padding-top: 14px; text-align: right; vertical-align: top;} /* float left */
#glo_nav li{display: inline-block;} /* float left */
#glo_nav li a{display: block; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} /*8*/
#glo_nav li a{color: #FFF; font-size: 12px; font-weight: 300; letter-spacing: 1px; text-decoration: none; text-transform: uppercase;} /*text*/
/*-- IE 6 7 Fix inline block --*/
.lt-ie9.lt-ie8 #glo_nav{display: inline-block; display: inline; zoom: 1;}
.lt-ie9.lt-ie8 #glo_nav li{display: inline-block; display: inline; zoom: 1;}


/*-- General Container Style --*/
.container{position: relative; padding: 50px 180px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center;}
.container h2.content_tit{position: relative; padding: 40px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 5000;} /*8*/
.container h2.content_tit{font-size: 72px; font-weight: 100; letter-spacing: 1px; text-transform: uppercase;} /*text*/
.container h2.content_tit{background: -webkit-linear-gradient(bottom, #E8E8E8, #323232); background: linear-gradient(bottom, #E8E8E8, #323232); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.container p.content{text-align:justify;position: relative; color: #939597; font-size: 18px; line-height: 40px; z-index: 5000;} /*text*/
.container p.content span{display: block; color: #58585B; font-size: 25px;} /*text*/
/*-- Advantage Point Style --*/
.container ul.adv_point_nav{position: relative; padding: 40px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 5000;}
.container ul.adv_point_nav{color: #58585B; line-height: 22px; text-transform: uppercase;} /*text*/
.container ul.adv_point_nav li{display: inline-block; width:170px; vertical-align: top;}
/*-- IE 6 7 Fix inline block --*/
.lt-ie9.lt-ie8 .container ul.adv_point_nav li{display: inline-block; display: inline; zoom: 1;}


/*-- Introduction Container Style --*/
#introduction{padding: 100px 230px;}
#introduction .logo_wrap{position: relative; padding-bottom: 70px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; z-index: 2000}
#introduction .logo_wrap h5{font-size: 14px; font-weight: 100; letter-spacing: 2px; line-height: 30px;}
#introduction .tagline_wrap{position: relative; padding-bottom: 80px; width: 100%; z-index: 2000;}
#introduction .tagline_wrap span{position: relative; top: -25px; display: inline-block; width: 5%;}
#introduction .tagline_wrap h4{display: inline-block; width: 90%; color: #C52627; font-size: 38px; font-weight: 100; letter-spacing: 1px; line-height: 50px;}
#introduction .learn_more_wrap{position: relative; z-index: 2000;}
#introduction .learn_more_wrap a.learn_more_bu{display: inline-block; margin-bottom: 15px; padding: 4px 10px; background: #C52627; color: #FFF; font-size: 20px; font-weight: 100; text-decoration: none; text-transform: uppercase;}
/*-- IE 6 7 Fix inline block --*/
.lt-ie9.lt-ie8 #introduction .tagline_wrap span{display: inline-block; display: inline; zoom: 1;}
.lt-ie9.lt-ie8 #introduction .tagline_wrap h4{display: inline-block; display: inline; zoom: 1;}
.lt-ie9.lt-ie8 #introduction a.learn_more_bu{display: inline-block; display: inline; zoom: 1;}


/*-- What We Do Container Style --*/
#what_we_do{background: #C52627;}
#what_we_do h2.content_tit{color: #FFF;}
#what_we_do h2.content_tit{background: -webkit-linear-gradient(bottom, #EA988B, #FFF); background: linear-gradient(bottom, #EA988B, #FFF); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#what_we_do p.content{color: #FFF; font-weight: 100;}
#what_we_do p.content span{color: #FFF; font-weight: 100;}
/*-- IE 6 7 Fix inline block --*/
.lt-ie9.lt-ie8 #what_we_do p.content span a{display: inline-block; display: inline; zoom: 1;}
/*-- Advantage Point Style --*/
#what_we_do ul.adv_point_nav{color: #FFF;} /*text*/
#what_we_do ul.adv_point_nav.point_nav_one{padding: 65px 0 35px 0;}
#what_we_do ul.adv_point_nav.point_nav_two{padding: 0 15px;}



/*-- Job Reference Container Style --*/
#job .video_wrap{position: relative;}
#job .video_wrap .video{width: 867px;}
#job .video_wrap .playpause{position: absolute; top: 240px; left: 350px;}


/*-- Contact Us Container Style --*/
#contact_us{padding-bottom: 180px; color: #FFF; background: url("../images/Contact_us_bg.jpg") no-repeat top; background-color: #000;}
.container h6.content_tit{position: relative; padding: 40px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /*8*/
.container h6.content_tit{font-size: 72px; font-weight: 100; letter-spacing: 1px; text-transform: uppercase;} /*text*/
.container h6.content_tit{color:#fff;}
/*-- Form Reset --*/
label, input, textarea, button{display: block; margin: 0; border: 0; padding: 0; width: 100%; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea{resize: none;}
/*-- New Form --*/
input, textarea{border: 1px solid #FFF; padding: 10px; background: none; color: #FFF;}
label{display: none; text-align: left; color: #09314C;}
button{margin-top: 20px; padding: 6px; width: 45%; background: #FFF; color: #000; font-size: 14px; letter-spacing: 1px; text-transform: uppercase;}
textarea{width: 95%; height: 200px;}
#form_container{position: relative; display: inline-block; width: 50%; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#form_container #email_form{width: 100%; text-align: left;}
#form_container #email_form ul .name_wrap, #form_container #email_form ul .email_wrap, #form_container #email_form ul .phone_wrap{vertical-align: top;display: inline-block; margin-right: 5%; margin-bottom: 5%; width: 45%;}
/*-- Infomation Container --*/
#info_container{position: relative; display: inline-block; padding-left: 40px; width: 50%; vertical-align: top; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#info_container h3{color: #FFF; font-size: 18px; letter-spacing: 1px; line-height: 24px; text-transform: uppercase;}
#info_container p{color: #A7A9AB; padding-bottom: 10px; font-size: 13px; line-height: 24px;}
#info_container p span{padding-right: 10px; color: #FFF; font-size: 15px; text-transform: uppercase;}
/*-- IE Fix inline block --*/
.lt-ie9.lt-ie8 #info_container{display: inline-block; display: inline; zoom: 1;}
.lt-ie9.lt-ie8 #form_container{display: inline-block; display: inline; zoom: 1;}
.lt-ie9.lt-ie8 #form_container form ul .name_wrap, .lt-ie9.lt-ie8 #form_container form ul .email_wrap, .lt-ie9.lt-ie8 #form_container form ul .phone_wrap{display: inline-block; display: inline; zoom: 1;}


.error{color:#FF0000;font-size:13px;}

/*-- Footer Style --*/
#footer{color: #FFF; padding: 40px; width: 100%; background: #000; font-size: 14px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


/*-- Background Style --*/
.bg_pt_01{position: absolute; top: 0; left: 65px; z-index: 1000;}
.bg_pt_02{position: absolute; top: 0; right: 145px; z-index: 1000;}
.bg_pt_03{position: absolute; top: 230px; right: 0; z-index: 1000;}
.bg_pt_04{position: absolute; top: 250px; left: 0; z-index: 1000;}
.bg_pt_05{position: absolute; bottom: 0; right: 0; z-index: 500;}
.bg_pt_06{position: absolute; top: 500px; left: 0; z-index: 1000;}


@media screen and (max-width: 1080px) {
.container{position: relative; padding: 140px;}
.container p.content{font-size: 14px;}
.container p.content span{font-size: 20px;}
.bg_pt_06{position: absolute; top: 650px; left: -60px; z-index: 1000;}
#glo_nav li a{font-size:20px;}
}


@media only screen and (min-width: 1280px) {
	body{width: 100%;}
	.container{padding: 50px 18%;}
	.container ul.adv_point_nav li {width:163px};
	#introduction .tagline_wrap{margin: 0 auto; width: 850px;}
	#job .video_wrap .playpause{left: 42%;}
}