body,html{
	width:100%;
	height:100%;
	overflow:hidden;
	}
a{
	outline:none;}
*:focus{
	outline:none;}
.clear{
	clear:both;}
.nav{
	width:78px;
	height:300px;
	overflow:hidden;
	padding:20px 0px 20px 0px;
	background-color:#000;
	position:fixed;
	top:50%;
	margin-top:-215px;
	z-index:10;
	}
.inner_nav{
	width: 178px;
	height: 60px;
	}
.inner_nav .nav_icon{
	float: left;
	width: 78px;
	height: 60px;
}
.nav_dis{
	width:95px;
	margin-left:5px;
	height:60px;
	text-align:center;
	line-height:60px;
	float:left;
	display:none;}
.page_overall{
	z-index:10;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;}
.page1_overall{
	background-image: url(../images/1stpage_bg.jpg);
	}
.page2_overall{
	background-image: url(../images/team_main_bg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.page4_overall{
	background-image:url(../images/team_main_bg.jpg);
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	}
.page5_overall{
	background-image:url(../images/career_overall_bg.jpg);
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	}
.page3_overall{
	background-image:url(../images/works_overall_bg.jpg);
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	}
.content{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
.page_title{
	position:absolute;
	top:50%;
	left:50%;
	width:37%;
	margin-left:-18.5%;
	margin-top:-33px;
	text-align:center;
	}
#logoimg{
	width:23.66%;
	float:left;}
.page_title h1{
	width:69.56%;
	float:right;
	text-align:left;
	margin-left:6.78%;
	}
#footer{
	width: 100%;
	height: 160px;
	position: fixed;
	border: 0;
	left: 0;
	bottom: -130px;
	background-color: #FFF;
	z-index:50;
}
#footer_show_part{
	height:30px;
	width:100%;}
#footer_hidden_part{
	height:130px;
	width:100%;}
#contact_caption{
	width:69px;
	margin:0 auto;
	cursor:pointer;
	}
#contact_details{
	width: 800px;
	height:50px;
	overflow: auto;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.contact_details_column{
	margin-right:81.3px;
	float:left;}
.contact_details_column:nth-child(1){
	width:120px;
	}
.contact_details_column:nth-child(2){
	width:160px;
	}
.contact_details_column:nth-child(3){
	width:140px;
	margin-right:0px;
	}
.contact_details_column:nth-child(4){
	margin-right:0px;
	position:relative;
	width:45px;
	height:45px;
	}
#peak{
	width: 145px;
	height: 34px;
	position:absolute;
	left:50%;
	top:60%;
	margin-left:-72.5px;
	cursor:pointer;
}
#peak_about{
	width: 136px;
	height: 34px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -68px;
	margin-top: -35px;
	cursor: pointer;
	}
.page{
	width:100%;
	height:100%;
	position:relative;
}
#overall_content{
	width: 100%;
	height: 100%;
	position: relative;
	}
#overall_bottom{
	height: 141px;
	width: 100%;
	position: relative;
	background-color: #d7010f;
	margin-top: -141px;
}
.about_content_wraper{
	width:100%;}
#about_dis{
	position:absolute;
	top:50%;
	left:50%;
	width:37%;
	margin-left:-18.5%;
	margin-top:-33px;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
	}
#about_overall_content{
	width: 100%;
	height: 100%;
	position: relative;
	}
.header{
	width:100%;
	height:170px;
	background-color:#000;
	}
.about_content2{
	width:100%;
	height:380px;
	padding:55px 0px 31px 0px;
	background-color:#db1725;}
.about_content3{
	width:100%;
	height:576px;
	background-image:url(../images/about_us---inside_3_bg.jpg);}
.about_content_middle{
	width:1000px;
	margin:0 auto;}
#about_content_middle{
	height:152px;
	}
#about_process_grid{
	height:295px;}
.about_process_column{
	float:left;
	width:191px;
	margin-right:78px;}
.process_icon{
	margin-bottom:36px;
	text-align:center;}
.process_title{
	border-bottom:1px solid #373737;
	text-align:center;
	height:35px;
	}
.process_dis{
	text-align:center;
	border-top:1px solid #726e6f;
	padding-top:22px;
	}
.social_link{
	border:1px solid #F00;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width:43px;
	height:43px;
	position:absolute;
	top:0px;
	text-align:center;
	line-height:43px;
	color:#F00;
	transition: all 0.5s ease;
	moz-transition: all 0.5s ease;
	webkit-transition: all 0.5s ease;
	}
.social_link:nth-child(1){
	left:0px;}
.social_link:nth-child(2){
	left:48px;}
.social_link:hover{
	border:3px solid #bcbec0;
	}
.aboutus .content{
	overflow:hidden;}
/*css for work page ---------------------------------------------------------------------------------------------------------*/


.page .content .workfilterbar{
	width:100%;
	height:170px;
	background-color:#000;
	line-height:170px;
	}
.page .content .workfilterbar .workfilterbarcenter{
	width:1000px;
	margin:0 auto;} 
#workfilter{
	width:313px;
	height:51px;
	float:right;
	margin-top:57px;
	position:relative;
	}
.dropitem{
	width:164px;
	background-color:#db1725;
	height:51px;
	border-bottom:1px solid #000;
	padding-left:13px;
	line-height:51px;
	cursor:pointer;
	-webkit-transition:all 0.7s; /* For Safari 3.1 to 6.0 */
	-moz-transition:all 0.7s;
	transition:all 0.7s;
	}
.dropitem:hover{
	color:#000;}
#selected{
	float:left;
	width:107px;
	height:51px;
	border-right:1px solid #000;}
#droparrow{
	float:left;
	width:56px;
	height:50px;
	background-image:url(../images/drop_arrow.jpg);
	cursor:pointer;
	}
#droptitle{
	width:136px;
	line-height:51px;
	position:absolute;
	top:0;
	left:0;
	}
#droplist{
	width:177px;
	height:51px;
	overflow:hidden;
	line-height:none;
	position:absolute;
	left:136px;
	top:0px;
	z-index:9;
	}
#work_grid,#team_grid{
	width:100%;
	height:100%;
	box-sizing:border-box;
	overflow:hidden;
	}
#team_grid{
	height:calc(100% - 200px);
	background-color:#FFFFFF;}
#work_grid{
	background-image:url(../images/about_us---inside_3_bg.jpg);}
#work_grid ul{
	width:100%;
	height:100%;
	text-align:left;
  	font-size: 0;
	}
#work_grid ul:after{
	content: '';
  	display: inline-block;
  	width: 100%;
	}
#work_grid li{
	width: 20%;
	height: 221px;
	display: inline-block;
	position:relative;
	overflow:hidden;
}
.img_container{
	height:221px;
	background-position:center center;
	background-size:cover;
	}
#work_grid ul li .cover{
	width:100%;
	height:100%;
	background-color:rgba(255,0,0,0.7);
	text-align:center;
	position:absolute;
	display:none;
	background-image:url(../images/overlay_mesh.png);
	}
#work_grid ul li .cover .cover_logo{
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	top:0px;
	left:0px;
	line-height:221px;
	}
#work_grid ul li .cover .cover_logo img{
	vertical-align:middle;}

/*css for career page **********************************************************************************************************************/

.career_cat1{
	width: 100%;
	border-bottom: 1px solid #444444;
	height: 70px;
}
.career_cat_top{
	height:70px;
	line-height:70px;
	}
.career_category{
	float:left;
	}
.career_close_btn{
	float:right;
	background-image:url(../images/career_close_btn.jpg);
	width:30px;
	height:30px;
	margin-top:20px;
}
.career_position{
	margin-bottom:24px;
	background-color:#000;
	padding-left:25px;
	padding-bottom:25px;
	position:relative;
	}
.career_position_title{
	height:75px;
	width:100%;
	line-height:75px;
	text-align:left;
	}
.career_position_discription{
	width:775px;}
.career_apply_btn{
	background-image:url(../images/career_apply_btn.jpg);
	position:absolute;
	top:50%;
	right:-4px;
	margin-top:-32.5px;
	width:69px;
	height:65px;}
.career_content{
	display:none;}
#career_redbar{
	height:auto;
	line-height:20px;
	}
	
/* css for team grid ******************************************************************************************/
.member_container{
	width:100%;
	height:374px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	background-position:center center;
	background-size:cover;
	}
.member_position{
	position:absolute;
	left:0px;
	left:0px;
	width:100%;
	height:374px;
	background-image:url(../images/member_position_bg.png);
	background-position:center center;
	background-size:cover;
	z-index:6;}
.member_title{
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 82px;
}
.profile{
	width:992px;
	height:577px;
	border:4px solid #db1725;
	}
.avater{
	float:left;
	width:423px;
	height:577px;}
.discription{
	float:left;
	width:465px;
	height:444px;
	padding-top:133px;
	padding-left:52px;
	padding-right:52px;
	background-color:#000;}
.discription_title{
	height:63px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;}
	
/*css for team page **********************************************************************************************************************/
.swiper-slide{
	position:relative;}
.team_over_img,.member_details_container{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:-1;
	}
.team_over_img{
	background-image:url(../images/team_bottom_bg.png);
	text-align:center;
	 }
.team_over_img_color{
	width:100%;
	height:100%;
	background-color:rgba(181,181,181,0.1);
	}
.member_details_container{
	z-index:3;
	display:none;}
.member_avatar{
	width: 36.7188%;
	height: 100%;
	background-position: left top;
	background-size: cover;
	display:none;
	}
.member_inner_detail{
	height:calc(100% - 84px);
	padding-top: 84px;
	padding-left: 25px;
	padding-right: 25px;
	background-color:rgba(0,0,0,0.8);
}
.member_closebtn{
	width:60px;
	height:60px;
 	background-image:url(../images/member_closebtn.jpg);
	position:absolute;
	top:0px;
	right:0px;}
.team_default_img{
	width: 100%;
	height: calc(100% - 250px);
	text-align: center;
	position:relative;
	bottom:0;
	background-color:#ededed;
	}
.team_default_img img{
	max-height:100%;
	max-width:100%;}
/*career form css ***************************************************************************/
.career_form{
	width:565px;
	height:545px;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-282px;
	margin-left:-272px;
	display:none;
	z-index:500;
	}
.career_top{
	height:74px;
	width:565px;
	}
.career_top .caption{
	background-image:url(../images/colorbox_top_bg.jpg);
	width:490px;
	float:left;
	height:74px;}
.career_top .close_btn{
	width:75px;
	height:74px;
	background-image:url(../images/careers_inside_04.jpg);
	float:left;
	}
.career_element{
	border-bottom:6px solid #db1725;
	border-left:6px solid #db1725;
	border-right:6px solid #db1725;
	width:472px;
	height:439px;
	background-color:#000;
	padding-left:41px;
	padding-right:40px;
	padding-top:26px;
	}
#fullbg{
	width:100%;
	height:100%;
	z-index:200;
	position:fixed;
	display:none;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,0.5);}
.form_text{
	width:465px;
	height:34px;
	border:1px solid #CCC;
	padding-left:5px;
	background-color:#000;
	}
.career_element label:nth-child(1){
	margin-top:0;}
.career_element label{
	display:block;
	margin-bottom:10px;
	margin-top:26px;
	}
.file_upload{
	position: relative;
	width: 472px;
	height: 36px;
	overflow: hidden;
	margin-bottom: 20px;
}
#file{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:472px;
	height:36px;
	z-index:1;
	}
.fileup_btn{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background-image:url(../images/file_btn_img.jpg);
	width:472px;
	height:36px;
	pointer-events:none;}
.contact_details_column a{
	text-decoration:none;
	color:#d71635;}