@charset "utf-8";

/*==========------Project Css ---------=================*/

#mcs_container .customScrollBox, #mcs2_container .customScrollBox, #mcs3_container .customScrollBox, #mcs4_container .customScrollBox, #mcs5_container .customScrollBox,.mcs3_container{
	overflow:auto;
}
#mcs_container .dragger_container, .mcs3_container, #mcs2_container .dragger_container, #mcs3_container .dragger_container, #mcs4_container .dragger_container, #mcs5_container .dragger_container {
	display:block;
}

.project{
	width:994px;
	margin:auto;
	background:url(../images/fbsptr.gif) bottom center no-repeat;
	padding:43px 0px 10px 0px;
	margin-bottom:50px;
}
.project_contact{
	padding:43px 0px 10px 0px;
	margin-bottom:10px; 
	width:650px; 
	float:left;
}
.spert_cont{
	width:100%;
	background:url(../images/fbsptr.gif) left top no-repeat;
	float:left;
	height:3px;
	padding-top:25px;
	
}
.project h3{
	color:#FFFFFF;
	font-family:'CorbelRegular';
	font-weight:normal;
	font-size:36px;
	text-shadow: 0px -1px  #000;
	float:left;
}
.project p{
	color:#FFFFFF;
	font-family:Calibri;
	font-weight:normal;
	font-size:18px;
	padding-bottom:25px;
	float:left;
}
.pagnation{
	float:right;
	background:url(../images/pagnation_bg.png) no-repeat left top;
	width:337px;
	height:20px;

}
.pagnation ul{
	line-height:19px;
	margin-left:5px;
	margin:0px;
	padding:0px;
	padding-left:10px;
}
.pagnation ul li{
	float:left;
	line-height:15px;
	padding-right:3px;
		}
.pagnation ul li a{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:1px 3px;
}
.pagnation ul li a:hover{
	background:#be5a03;
	padding:1px 3px;
	color:#FFFFFF;
}
.back_link{
	background:url(../images/back_errow.png) no-repeat left 5px;
	width:4px;
	height:14px;
	float:left;
	margin-left:18px;
	cursor:pointer;
	padding-right:15px;
}
.back_link:hover{
	background:url(../images/back_errow-hover.png) no-repeat left 5px;
	width:4px;
	height:14px;
	float:left;
	cursor:pointer;
}
.next_link{
	background:url(../images/next_errow.png) no-repeat left 5px;
	width:4px;
	height:14px;
	cursor:pointer;
	float:left;
}
.next_link:hover{
	background:url(../images/next_errow-hover.png) no-repeat left 5px;
	width:4px;
	height:14px;
	cursor:pointer;
	float:left;
}
.project_dtel{
	 width:993px;
	margin:auto;
}

.project_top{
	float:left;
}
.project_top ul{
	margin:0px;
	padding:0px;
}
.project_top ul li{
	float:left;
	padding-right:18px;
}
.project_top ul li.lastimg{
	float:right;
}
.peoject2{
	width:792px;
	margin:auto;
	float:left;
	margin-left:100px;
}
.peoject2 ul{
	margin:0px;
	padding:0px;
}
.peoject2 ul li{
	float:left;
	padding-right:18px;
}
.peoject2 ul li.lastimg{
	float:right;
}
.pagnation_btom{
	float:left;
/*	background:url(../images/pagnation_bg.png) no-repeat left top;
	width:337px;
	line-height:30px;*/
	height:20px;
	margin:40px 0px 0px 450px;
}
.pagnation_btom span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:2px 2px 6px 5px;

}
.pagnation_btom ul{
	line-height:19px;
	margin:0px;
	padding:0px;
	margin-left:5px;
	padding-left:10px;
}
.pagnation_btom ul li{
	float:left;
	line-height:15px;
	padding-right:3px;
		}
.pagnation_btom ul li a{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:1px 3px;
}
.pagnation_btom ul li a:hover{
	background:#be5a03;
	padding:1px 3px;
	color:#FFFFFF;
}


.detl_left{
/*	width:555px;*/
	float:left;
}
.detl_left a{
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;

}
.project_img{
	width:551px;
	height:640px;
	overflow:hidden;
}
.ful_view{
	width:162px;
	height:100px;
	position:relative;
}
.ful_view a{
	width:162px;
	height:100px;
	position: absolute;
	top:-398px;
	left:199px;
}
.click_tozoom{
	width:550px;
	text-align:center;
	margin:auto;
	float:left;
}
.detl_right{
	width:300px;
	float:right;
	margin-top:32px;
}
.detl_right h4{
	color:#ff7700;
	font-family:'CorbelRegular';
	font-weight:normal;
	font-size:24px;
	text-shadow: 0 -1px #000000;
	background:url(../images/fbsptr.gif) bottom center no-repeat;
	width:100%;
	padding-bottom:6px;
}
.detl_right ul{
	padding:10px 0px 0px 0px;
	margin:0px;
	float:left;
}
.detl_right ul li{
	padding-bottom:15px;
}
.detl_right ul li a{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.detl_right ul li a:hover{
	text-decoration:underline;
}
.url{
	padding-bottom:20px;
	float:left;
	width:100%;
}
.url h4{
	color:#ff7700;
	font-family:'CorbelRegular';
	font-weight:normal;
	font-size:24px;
	text-shadow: 0 -1px #000000;
	background:url(../images/fbsptr.gif) bottom center no-repeat;
	width:100%;
	padding-bottom:6px;
}
.url ul{
	padding-top:10px;
}
.url ul li{
	padding-bottom:15px;
}
.url ul li a{
	color:#29a9e6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
}
.url ul li a:hover{
	text-decoration:none;
}
.txt_detl{
	float:left;
	padding-bottom:10px;
	width: 100%;
}
.txt_detl h4{
	color:#ff7700;
	font-family:'CorbelRegular';
	font-weight:normal;
	font-size:24px;
	text-shadow: 0 -1px #000000;
	background:url(../images/fbsptr.gif) bottom center no-repeat;
	width:100%;
	padding-bottom:6px;
}
.txt_detl p{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
	text-align:justify;
	float:left;
}

.over_all{
	padding:25px 0px;
	float:left;
}
.over_all h4{
	color:#FFFFFF;
	font-family:'CorbelRegular';
	font-size:18px;
	font-weight:normal;
	text-shadow: 0px -1px  #000;
	padding-bottom:10px;

}
.over_all ul{}
.over_all ul li{
	float:left;
	width:100%;
}
.over_all ul li span{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	float:left;
}
.input_check{
	float:left;
	margin-right:6px;
}

.main_slide
{
	width:993px;
	position:relative;
	overflow:hidden;
	height:425px;
	margin:0px auto;
}
.slide_1{
	width:993px;
	height:400px;
	position:absolute;
}
.inner_slide{
	width:933px;
	position:absolute;
	height:400px;
	left:-1000px;
}




/***************     For Pagination     *********************/

.pagination_project{
clear:both;
position:relative;
font-size:11px;
/*background:url(../images/pagnation_bg.png) no-repeat left top;
width:337px;*/
height:20px;
float:right;


}
 
.pagination_project span, .pagination_project a {
display:block;
float:left;
font-family:Arial, Helvetica, sans-serif!important;
font-size:12px !important;
margin:2px 2px 6px 5px;
/*padding:6px 9px 5px 9px;
*/text-decoration:none;
width:auto;
color:#fff;
/*background: #555;*/
}
.pagination_project a{
padding:0px 5px !important; }
 
.pagination_project a:hover{
color:#fff;
/*background: #3279BB;*/
}
 
.pagination_project .current{
/*padding:6px 9px 5px 9px;
background: #0099FF;*/
color:#fff;
}
.pagnat_lft{
background:url(../images/pagint_left.png) no-repeat left top;
width:6px;
height:20px;
float:left;
}
.pagnat_rep{
background:url(../images/pagint_rep.png) repeat-x left top;
height:20px;
float:left;
}
.pagnat_right{
background:url(../images/pagint_right.png) repeat-x right top;
height:20px;
width:6px;
float:right;
}
.inner_nav{
  	margin: auto;
    padding-top: 15px;
    width: 993px;

}
.inner_nav a{
	font-family:'Calibri';
	font-size:12px;
	color:#FFFFFF;
	float:left;
}
.inner_nav label{
	font-family:'Calibri';
	font-size:12px;
	color:#FF7700;
/*	font-weight:bold;
*/	float:left;
	padding-top:1px;
}
.top_navspert{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding:0px 5px;
	float:left;
}

/*********************************************/


/*.project_top ul li:hover{
	background:url(../images/project_hover.png) no-repeat left top;
	width:180px;
	height:209px;

}*/
.project_img1.mobile{ display:none;}
.project_img1{
	z-index:10;
	width:180px;
	height:209px;
	overflow:hidden;
}
.project_img1:hover{
/*	background:url(../images/Project2_hover2.png) no-repeat left top;
	width:180px;
	height:209px;*/
}
.project_img1 a{
	float:left;
	z-index:100;
}
.project_img1 span{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:20px;
	display:none;
	width:100%;
	height:0px;
	text-align:center;
	position:relative;
	top:65px;
	
}
.project_img1:hover span{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	display:block;
	width:100%;
	height:0px;
}
.project_img1:hover a{
/*	background:url(../images/Project2_hover2.png) no-repeat left top;
*/	width:180px;
	height:209px;
	z-index:100;
}


/*===============pop Up CSS==========================*/
.pop_up{
/*	background:url(../images/pop_upbgimg.png) repeat-x left top;
	height:578px;
	
*/	position:absolute;
	top:70px !important;width:100%;
	z-index:100 !important;
	
}
.popup_lyout{
	width:993px;
	margin:auto;
	height:900px;
	overflow:hidden;
	position:relative;

/*	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";

	filter: alpha(opacity=10);

	-moz-opacity:0.01;

	-khtml-opacity: 0.01;

	opacity: 0.01;*/

}
.errow_sect{
	width:100%;
}
.lft_erwpop{
	background:url(../images/Project_leftArrow.png) no-repeat left top;
	width:55px;
	height:66px;
	position:absolute;
	left:0px;
	top:50%;
}
.pop_sect{
/*	width:100%;*/
	/*width:993px;
	float:left;
	height:578px;
	overflow:hidden;
	position:absolute;
	padding:62px 0px;*/
	width:993px;
	float:left;

}
.right_erwpop{
	background:url(../images/Project_lrightArrow.png) no-repeat right top;
	width:55px;
	height:66px;
	position:absolute;
	right:0px;
	top:50%;
}
.lft_imgPop{
	width:395px;
	float:left;
	padding-bottom:60px;
	padding-top: 60px;
}
.lft_imgPop img{
	width:385px;
	height:447px;
	overflow:hidden;
}
.pop_right{
	width:444px;
	float:right;
		position:relative;
}
.pop_txt{
	width:408px;
/*	min-height:181px;
*/	padding-top:100px;


}
.pop_txt.popTxtNew{
	width:610px;
/*	min-height:181px;
*/	padding-top:32px;
	float:left;

}
.peoject_imgs{}
.pop_txt h3{
	color:#ff7700;
	font-family:'CorbelRegular';
	font-size:24px;
	font-weight:normal;
	padding-bottom:10px;
}
.pop_txt p{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-bottom:25px;
	line-height:18px;
	margin:0px;
	text-align:justify;
}
.pop_right a{
	color:#1aa9d0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;


}
.pop_upslider{
	width:443px;
	padding-top:50px;
}
.pop_upslider ul{
	width:400px;
	float:left;
	margin:0px;
	padding:0px;
}
.pop_upslider ul li{
	float:left;
	padding-right:33px;
}
.pop_upslider ul li.lastimg{
	float:right;
	padding-right:0px;
}
.pop_upslider ul li a{}
.pop_upslider ul li a img{}

.slide_pop{
	position:relative;
	width:100%;
}
.lft_slide{
	background:url(../images/slide_lft.png) no-repeat left top;
	width:10px;
	height:19px;
	position:absolute;
	left:0px;
	top:65px;
}
.right_slide{
	background:url(../images/slide_right.png) no-repeat right top;
	width:10px;
	height:19px;
	position:absolute;
	right:0px;
	top:65px;
}
.pop_sliderinner{
position: absolute;
width:408px;
height:152px;
left:0;
overflow:hidden;
}
.p_last{
padding-right:0!important;}
.popBg {
    background: url("../images/Project_bg_img.png") repeat scroll 0 0 transparent;
    height: 1350px;
    position: absolute;
	z-index:1;
    width: 100%;

/*	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

	filter: alpha(opacity=90);

	-moz-opacity:0.9;

	-khtml-opacity: 0.9;

	opacity: 0.9;*/
}
.close_btn{
	position:absolute;
	top:0px;
	right:0px;
}
.close_btn a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/close_sign.png) no-repeat right top;
	width:58px;
	float:left;
	height:59px;

}

.pack_link{
	position:fixed;
	right:0px;
	top:165px;
	z-index:100;
}

.project_mian{ width:100%; text-align:center;}
.project_mian img{ max-height:100%; overflow:hidden; text-align:center;}


@media all and (max-width: 570px) { 
.mainWrap {
	background:url(../images/topStrp.png) repeat-x;
	width:1000px;
}



#midsection{
	margin-top:13px;
	background-image:url(../images/contentBg.jpg);
	background-repeat:repeat;
	width:1000px;


}

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

.mainWrap {
	background:url(../images/topStrp.png) repeat-x;
	width:1024px;
}



#midsection{
	margin-top:13px;
	background-image:url(../images/contentBg.jpg);
	background-repeat:repeat;
	width:1024px;

}


.fotr_menu{
	margin:auto;
	width:470px;
}
}