@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700');
 
 
/*    

font-family: 'Open Sans', sans-serif;     

*/

body{font-family: 'Open Sans', sans-serif; margin:0px auto;     }
section{margin:0px auto; width:100%;}

h1{
	margin:0px auto;
	font-size:30px;
	color:#3c3c3c;
	font-family: 'Open Sans', sans-serif;    
	font-weight:600;
	background:url(../images/h1.png) center bottom no-repeat;
	text-align:center;
	margin-bottom:50px;
	padding-bottom:16px;
}
h1 span{
	font-size:30px;
	color:#3c3c3c;
	font-weight:400;
	text-transform:uppercase;
}

.logo{
	float: left;
width: auto;
position: relative;
top: 20px;

}.mViewCall{
	margin-top:80px;
}

#sticky-wrap {
	color:#fff;
	z-index:99999999999999999;
	background:url(../images/header-bg.png) repeat;
	height:85px;
	position: relative;
	top: 0;
	right:0;
	left:-30px;
}
#sticky-wrap .menus{
 margin-top:40px;
 padding-left:15px;
 padding-right:15px;
 float:right;
 width:auto;
}
#sticky-wrap .logo{
padding-top:12px;
	position: relative;
	top: 00px;
}



#sticky-wrap .trainngC{float:left; width:auto; padding-top:35px;}
#sticky-wrap .nocall{
	float:left; width:100%; padding-top:12px;
}





#sticky-wrap.stickyhead {
	position: fixed;
	top: 0;
	right:0;
	left:0;
	height:65px;
	background: url(../images/innerbg.jpg) no-repeat center top;
}

#sticky-wrap.stickyhead .trainngC{float:left; width:100%; padding-top:35px; display:none;}
#sticky-wrap.stickyhead .nocall{
	float:left; width:100%; padding-top:12px; display:none;
}

#sticky-wrap.stickyhead .menus  {
	 margin-top:10px;
	 
}
#sticky-wrap.stickyhead .logo {
	padding-top:12px;
	position: relative;
	top: 00px;
}
#sticky-wrap.stickyhead .logo img {
	height:45px;
}
.nevIcon{
	padding-right:6px;
	position:relative;
	top:-3px;
}



/*--------top bar --------- */

.trainngCtext {
    margin: 0px auto;
    width: 261px;
    height: 40px;
    background: url(../images/trainingName.png) center top no-repeat;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 1px 1px #333;
    text-transform: uppercase;
    line-height: 34px;
	display:block;
}


.trainngC{float:left; width:100%; padding-top:35px;}
.trainngC img{ width:100%; max-width:260px;}
.nocall{
	float:left; width:100%; padding-top:12px;
}
.placementCall{float:left; width:100%; max-width:220px;}
.whatsApp{float:left; width:100%; max-width:220px;}

.topBar{
	margin:0px auto;
	background:#0b294f;
	float:left;
	width:100%;font-family: 'Open Sans', sans-serif;    
}
.topBar img{
	padding-right:9px;
}
.topBar .call{
	float:left;
	width:auto;
	color:#fff;
	font-size:14px;
	font-family: 'Open Sans', sans-serif; 
	padding-right:18px;   
	border-right:1px solid #274262;
	padding-top:6px;
	padding-bottom:6px;
	line-height: 25px;
}
.topBar .email{
	float:left;
	width:auto;
	color:#fff;
	font-size:14px;
	font-family: 'Open Sans', sans-serif; 
	padding-right:18px; 
	padding-left:18px;   
	border-right:1px solid #274262;
	padding-top:6px;
	padding-bottom:6px;
	line-height: 25px;
	  
}
.topBar .email a{
	text-decoration:none;
	color:#fff;
	
}
.topBar .email a:hover{
	text-decoration:underline;
	color:#fff;
}

.topBar .skype{
	float:left;
	width:auto;
	color:#fff;
	font-size:14px;
	font-family: 'Open Sans', sans-serif; 
	padding-left:18px;   
	padding-top:6px;
	padding-bottom:6px; 
	line-height: 25px;  
}

.topBar .social{
	float:right;
	width:auto;
	color:#fff;
	font-size:14px;
	font-family: 'Open Sans', sans-serif; 
	padding-left:18px;   
	padding-top:6px;
	padding-bottom:6px; 
	line-height: 25px;  
}
.topBar .social .facebook{
	float: left;
	width: 42px;
	background: url(../images/social-icons.png) 16px 4px no-repeat;
	border-right: 1px solid #234061;
	height: 26px;

}

.topBar .social .Twitter{
	float:left;
	width:42px;
	background:url(../images/social-icons.png) -24px 5px no-repeat;
	border-right:1px solid #234061;
	height: 26px;
}
.topBar .social .vvv{
	float:left;
	width:42px;
	background:url(../images/social-icons.png) -67px 5px no-repeat;
	border-right:1px solid #234061;
	height: 26px;
}
.topBar .social .google{
	float:left;
	width:42px;
	background:url(../images/social-icons.png) -110px 5px no-repeat;
	border-right:1px solid #234061;
	height: 26px;
}
.topBar .social .linkedin{
	float:left;
	width:42px;
	background:url(../images/social-icons.png) -155px 5px no-repeat;
	height: 26px;
}


.header{
	margin:0px auto;
	width:100%;
	height:350px;
}
.innerBG{
	background:url(../images/innerbg.jpg) no-repeat center top;
	background-size: 100% 350px;
}
.row-header{
	margin:0px auto;
	width:100%;
}
.row-header .logo{
	margin:0px auto;
	width:auto;
	float:left;
	padding-top:6px;
}
.row-header .nevigation{
	margin:0px auto;
	width:auto;
	float:right;
}

/*------------training cources -----------------------*/

.TrainingName1 {
    margin: 0px auto;
    width: 292px;
    height: 49px;
    background: url(../images/trainingName1.jpg) no-repeat center top;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 36px;
	text-transform:uppercase;
	margin-top:5px;
	padding-bottom:5px;
}


.TrainingName2 {
    margin: 0px auto;
    width: 292px;
    height: 49px;
    background: url(../images/trainingName2.jpg) no-repeat center top;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 36px;
		text-transform:uppercase;
			margin-top:5px;
	padding-bottom:5px;
}

.TrainingName3 {
    margin: 0px auto;
    width: 292px;
    height: 49px;
    background: url(../images/trainingName3.jpg) no-repeat center top;
    color: #fff;
    font-weight: 600;
     font-size: 18px;
    line-height: 36px;
		text-transform:uppercase;
			margin-top:5px;
	padding-bottom:5px;
}

.TrainingName1 a{
    color: #fff;
	text-decoration:none;
}
.TrainingName1 a:hover{
    color: #333;
	text-decoration:none;
}
.TrainingName2 a{
    color: #fff;
	text-decoration:none;
}
.TrainingName2 a:hover{
    color: #333;
	text-decoration:none;
}
.TrainingName3 a{
    color: #fff;
	text-decoration:none;
}
.TrainingName3 a:hover{
    color: #333;
	text-decoration:none;
}



.placements{
	float:left;
	width:221px; height:50px;
	background:url(../images/placement-call.png) no-repeat center top;
	color:#fff;
	font-size: 22px;
	font-weight: 700;
	padding-left: 52px;
	line-height: 43px;
	text-shadow:1px 1px 1px #666;
	text-align:left;

}
.placements a{
	color:#fff;
	text-decoration:none;
}
.placements a:hover{
	color:#fff;
	text-decoration:none;
}
.whatsAppno{
	text-align:left;
	float:left;
	width:221px; height:50px;
	background:url(../images/whatsApp.png) no-repeat center top;
	color:#fff;
	font-size: 19px;
	font-weight: 700;
	padding-left: 43px;
	line-height: 43px;
	text-shadow:1px 1px 1px #666;
}


.trainingCources{
	margin:0px auto;
	background:#fff url(../images/trainingCourcesbg.png) no-repeat center center;
	padding:55px 0px;
}
.corcsebdr{border-right:1px solid #eeeeee;}
.courcessRow{
	margin:0px auto;;
	height:60px;
}
.trainingCources .trainingPic{
	margin:0px auto;
	width:100%;
	text-align:center;
}
.trainingCources h2{
	margin: 0px auto;
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: 20px;
	padding-top: 18px;

}
.trainingCources p{
	margin:0px auto;
	width:100%;
	text-align:center;
	font-family: 'Open Sans', sans-serif;    
	font-size:15px;
	padding-top:6px;
	line-height:22px;
}




.whyTraning{
	margin:0px auto;
	background:#f6f6f6 url(../images/bg1.jpg) no-repeat center center / cover;
	padding:55px 0px 15px 0px;
}
.gap{padding-bottom:40px;}
.whyTraning span{
	
}
.whyTraning span img{
	width:100%;
	max-width:700px;	
}

h3 {
    margin: 0px auto;
    font-size: 26px;
    color: #2eb8e6;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    background: url(../images/h1.png) center bottom no-repeat;
    text-align: center;
    padding-bottom: 14px;
	letter-spacing:-0.5px;
}
.whyTraning ul{
	margin:0px auto; list-style-type:none;
	padding-left:0px;
	padding-top:20px;
	
}
.whyTraning ul li{
	margin:0px auto;
	padding-bottom:12px;
	font-size:16px;
	color:#3e3e3e;
	font-family: 'Open Sans', sans-serif;
	background:url(../images/blue-right.png) no-repeat left 8px;
	padding-left:30px;
	
}


/*      slider css      */

.skills-slider-bg{
	margin:0px auto;
	background:#f6f6f6 url(../images/skills-slider-bg.jpg) no-repeat center center / cover;
	padding:55px 0px;
}



.feeDetails{
	margin:0px auto;
	background:#f6f6f6 url(../images/detailsBg.jpg) no-repeat center center / cover;
	padding:42px 0px 60px 0px;
	border-top:1px solid #fff;
	
}
.feeRowHead{
	margin:0px auto;
	background:#2eb8e6;
	width:100%;
	float:left;
	font-size:16px;
	color:#fff;
}
.feeDetails .cols1{
	float: left;
	width: 25%;
	text-align: center;
	height: 53px;
	line-height: 52px;

}
.feeDetails .cols1 span{

}
.feeDetails .cols1 span a{
	color:#333;
	text-decoration:none;
}
.feeDetails .cols1 span a:hover{
	color:#333;
	text-decoration:none;
}
.feeDetails .cols2{
	float: left;
	width: 20%;
	text-align: center;
	height: 53px;
	line-height: 52px;

}
.feeDetails .cols3{
	float: left;
	width: 15%;
	text-align: center;
	height: 53px;
	line-height: 52px;

}
.feeDetails .cols4{
	float: left;
width: 15%;
text-align: center;
height: 47px;
line-height: 20px;
padding-top: 6px;


}
.feeDetails .cols5{
	float: left;
width: 20%;
text-align: center;
height: 47px;
line-height: 20px;
padding-top: 6px;


}
.courceDetailsROw{
	margin: 0px auto;
	background:url(../images/bg2.png) no-repeat center bottom;
	background-size: 100% 110px;
	width: 100%;
	float:left;
}
.courceDetailsROw2{
	margin: 0px auto;
	background:url(../images/bg2.png) no-repeat center top;
	background-size: 100% 110px;
	width: 100%;
	float:left;
}
.courceBtn{
	background: #2eb8e6;
    padding: 5px 12px;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    line-height: 15px;
    display: inline-block;
    margin-top: 6px;
}

.job{width:100%; width:100%; text-align:center;}
.job img{width:100%; max-width:1123px;}



.placementBg{
	margin:0px auto;
	background:#fff url(../images/placementBg.jpg) no-repeat center center / cover;
	padding:55px 0px 48px 0px;
	border-bottom:1px solid #e2e2e2;
	
}
.placementBg h1 {
    margin-bottom: 35px;
}


.mobileVideo{
	margin:0px auto;
	width:344px;
	height:536px;
	background:url(../images/MovieVideo.png) no-repeat center top;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

.mobileVideo .top{
    margin: 0px auto;
    width: 90%;
    height: 53px;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    line-height: 48px;
    float: left;

}
.mobileVideo .middle{
	margin:0px auto;
	width:100%;
	height:auto;
	padding-top:50px;
	padding-bottom:50px;
	display:inline-block;
}
.mobileVideo .bottom{
	margin:0px auto;
	width:100%;
	height:48px;
	font-size:18px;
	font-weight:400;
	color:#fff;text-align:center;
	line-height:42px;
}
.MVideo{
	width:100%;
	height:330px;
}


/*------------- footer css-------------------*/


.footer{
	margin:0px auto;
	width:100%;
}

.footer .top{
	margin:0px auto;
	width:100%;
	background:#26578e url(../images/footer-top.jpg) no-repeat center center / cover;
	
}
.webdesigning{
	margin:0px auto;
	text-align:center;
}
.webdesigning img{
	width:100%;
	max-width:296px;
}
.footer .top p{
	margin:0px auto;
	font-family: 'Open Sans', sans-serif;     
	font-size:14px;
	font-weight:400;
	color:#fefefe;
	text-align:center;
	line-height:24px;
	padding-top:13px;
	padding-bottom:13px;
	font-style:italic;
	letter-spacing:0.4px;
	
}

.footer .mid{
	margin:0px auto;
	width:100%;
	background:#0c2749 url(../images/footer-bg.jpg) no-repeat center center / cover;
	clear:both;
	display:inherit;
	padding-top:32px;
	padding-bottom:43px;
}
.footer .mid span{
	margin: 0px auto;
padding-right: 20px;
display: inline-table;

}

.footer .mid h6{
	margin:0px auto;
	font-size:18px;
	font-weight:400;
	color:#6dacf4;
	padding-top:15px;
	padding-bottom:22px;
	
}
.footer .mid .f_cols{
	margin:0px auto;
	width:30%;
	float:left;	
}
.footer .mid .f_cols2{
	margin:0px auto;
	width:30%;
	float:right;	
}
.footer .mid .f_cols3{
	margin:0px auto;
	width:30%;
	float:right;	
}
.footer .mid .contact-row{
	float:left;
	width:100%;
	font-size:14px;
	color:#fff;
	padding-bottom:13px;
}
.footer .mid .payments {
	float:left;
	width:100%;
	font-size:14px;
	color:#fff;
	padding-bottom:13px;
	padding-top:12px;
}
.footer .mid .payments a {
	float:left;
	margin-left:0px;
	margin-right:14px;
}
.footer .mid .contact-row img{
	padding-right:5px;
}
.footer .mid ul{
	margin:0px auto;
	list-style-type:none;
	padding-left:0px;
}
.footer .mid ul li{
	margin:0px auto;
	list-style-type:none;
	padding-left:0px;
	color:#fff;
	font-size:14px;
	padding-bottom:12px;
}
.footer .mid ul li a{
	color:#fff;
	font-size:14px;
	background:url(../images/whiteArrow.png) left 7px no-repeat;
	padding-left:18px;
}
.footer .mid ul li a:hover{
	color:#fff;
	font-size:14px;
	background:url(../images/whiteArrow.png) left 7px no-repeat;
	padding-left:18px;
	text-decoration:underline;
}

.footer .bottom{
	margin:0px auto;
	width:100%;
	background:#041c3a;
	clear:both;
	padding-top:26px;
	padding-bottom:26px;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;  
	font-weight:400;
	
}
.footer .bottom .left{
	margin:0px auto;
	width:auto;
	float:left;
	color:#fff;
}
.footer .bottom .right{
	margin:0px auto;
	width:auto;
	float:right;
	color:#fff;
}
.footer .bottom .right a{
	float:left;
	width:auto;
	background:none;
	color:#fff;
	text-decoration:none;
	padding:2px 5px 2px 5px;
	border-radius:3px;
	margin-left:1px;
	margin-right:1px;
}
.footer .bottom .right a:hover{
	float:left;
	width:auto;
	background:#3b7dc9;
	color:#fff;
	text-decoration:none;
	padding:2px 5px 2px 5px;
	border-radius:3px;
	margin-left:1px;
	margin-right:1px;
}




/*------------- inner page copntent -----------*/

.ScreenVideo {
    margin: 0px auto;
        margin-right: auto;
        margin-left: auto;
    width:698px;
    height:445px;
    background: url(../images/php2ranjan.jpg) no-repeat center top;
    display: inline-block;
   padding:23px 25px 58px 25px; display:table;
}
.SVideo {
    width: 100%;
    height: 364px;
}



.rgtBorder{
	border-right:1px solid #eaeaea;
}
.quickContact{
	margin: 0px auto;
	width: 100%;
	height: 48px;
	text-align: center;
	margin-bottom: 8px;
	background: url(../images/quickContact.jpg) center top no-repeat;
	text-align: center;
	color: #092951;
	font-size: 17px;
	font-weight: 600;
	line-height: 33px;
}
.innerPage{
	margin:0px auto; 
	width:100%;
	margin-top:30px;
	padding-bottom:30px;
}
.innerPage h6 {
    margin: 0px auto;
        margin-bottom: 0px;
    font-size: 26px;
    color: #3c3c3c;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    background: url(../images/h1.png) center bottom no-repeat;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 16px;
}
.innerPage h6 span{
	text-transform:uppercase;
}

.innerPage p{
	margin:0px auto; 
	font-size:15px;
	color:#1f1a17;
	text-align:justify;
	line-height:28px;
	padding-bottom:22px;
}


.innerPage h5{
	margin:0px auto;
	background:url(../images/h5Top.jpg) no-repeat 20px top;
	padding-top:9px;
	margin-top:30px;
	margin-bottom:12px;
}

.innerPage h5 span {
    margin: 0px auto;
    padding: 1px 20px 15px 37px;
    background: #207dca url(../images/yellow.jpg) no-repeat 27px top;
    color: #3c3d3e;
    display: inherit;
    border-radius: 7px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
}
.listing{
	margin:0px auto;
	padding-left:0px;
	list-style-type:none;
	display:inherit;
	padding-top:20px;
}

.listing li{
	margin:0px auto;
	list-style-type:none;
	float:left;
	width:33.33%;
	background:url(../images/listing1.jpg) left 11px no-repeat;
}
.listing li span{
	padding-left:20px;
	padding-right:20px;display: inherit;
	line-height:36px;
}
.php2ranjan{
	margin:0px auto;
	width:100%;
	padding-bottom:24px;
}

.php2ranjan img{
	width:100%;
	max-width:790px;
}
.space1{
	margin:0px auto;
	float:left;
	width:100%; 
	height:60px;
}
.space2{
	margin:0px auto;
	float:left;
	width:100%; 
	height:40px;
}
.space3{
	margin:0px auto;
	float:left;
	width:100%; 
	height:30px;
}
.space4{
	margin:0px auto;
	float:left;
	width:100%; 
	height:00px;
}
.serviceList{
	list-style-type:none;
	margin:0px auto;
	padding-left:0px;
	display:inherit;
	padding-bottom:29px;
}
.clear{clear:both;}
.serviceList li{
	margin:0px auto;
	background:url(../images/serviceLink.jpg) no-repeat left top;
	height:45px;
	color:#fff;
	font-size:16px;
	font-weight:400;
	line-height:45px;
	margin-bottom:4px;
	
}
.serviceList li span{
	width: 45px;
	padding-right: 0px;
	line-height: 38px;
	text-align: center;
	float: left;


	
}

.serviceList li:hover{
	margin:0px auto;
	background:url(../images/serviceLink3.jpg) no-repeat left top;
	height:45px;
	color:#333;
	font-size:16px;
	font-weight:400;
	line-height:45px;
	margin-bottom:4px;
}

.serviceList .active{
	margin:0px auto;
	background:url(../images/serviceLink3.jpg) no-repeat left top;
	height:45px;
	color:#333;
	font-size:16px;
	font-weight:400;
	line-height:45px;
	margin-bottom:4px;
	
}
.serviceList .active:hover{
	margin:0px auto;
	background:url(../images/serviceLink3.jpg) no-repeat left top;
	height:45px;
	color:#333;
	font-size:16px;
	font-weight:400;
	line-height:45px;
	margin-bottom:4px;
	
}
.serviceList .active span{
	width: 45px;
	padding-right: 0px;
	line-height: 38px;
	text-align: center;
	float: left;


	
}

.serviceList .active a{
	color:#333;
	text-decoration:none;	
}
.serviceList .active a:hover{
	color:#333;
	text-decoration:none;	
}

.serviceList li a{
	color:#fff;
	text-decoration:none;	
}
.serviceList li a:hover{
	color:#333;
	text-decoration:none;	
}





.placement-Assistent{
	margin:0px auto;
	width:100%;
	text-align:center;
	padding-bottom:12px;
}
.placement-Assistent img{
	max-width:292px;
	width:97%;
}

.formBg{
	margin:0px auto;
	width:303px;
	background:url(../images/formBg.jpg) no-repeat center top;
	margin-bottom:28px;
	border-radius:0px 0px 10px 10px;
	float: none;
}
.formBg h6{
	margin: 0px auto;
	font-size: 18px;
	color: #092951;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 32px;
	background: none;

}
.formBg .ctRow{
	margin:0px auto;
	float:left;
	width:100%;
	padding-bottom:15px;
}
.formBg .ctRow .lft {
    float: left;
    width: 85px;
    padding-left: 20px;
	color:#fff;
}

.formBg .ctRow .rgt{
	float:left;
	width:210px;
}

.formBg .ctRow .rgt input{
	border:none;
	padding:2px 5px 2px 5px;
	color:#b2b2b2;
	font-size:15px;
}
.formBg .ctRow .rgt select{
	border:none;
	padding:2px 5px 2px 5px;
	color:#b2b2b2;
	font-size:15px;
	width:203px;
}
.formBg .ctRow .rgt textarea{
	border:none;
	padding:2px 5px 2px 5px;
	color:#b2b2b2;
	font-size:15px;
	width:204px;
}
.formBg .submitBTn{
	margin: 0px auto;
	float: left;
	width: 95%;
	padding-bottom:28px;
	padding-top: 5px;

}
.submitButton{
	border:none;
	float:right;
	width:108px;
	height:32px;
	text-indent:-9999999;
	background:url(../images/submitBtn.png) no-repeat left top;
}


.corporateMenu{ left:51.5%; width:300px;}

.SoftwareMenu{ left:40.5%; width:300px;}

.ProjectsMenu{ left:69.9%; width:300px;}

.AboutMenu{ width: 300px; left: 60.7%;
}









/*======================= slider css================*/


.bannerPic{
	float:left;
	width:auto;
	padding-right:50px;
	padding-top:10px;
	margin-left:7%;
}
.bannerPic img{
	width:100%;
	max-width:428px;
}

.bannerServices{
	float:left;
	width:auto;
	padding-top:5px;
}

.bannerServiceList{
	list-style-type:none;
	margin:0px auto;
	padding-left:0px;
	display:inherit;
	padding-bottom:29px;
}
.bannerServiceList li{
	margin:0px auto;
	background:url(../images/serviceLink.png) no-repeat left top;
	height:45px;
	color:#fff;
	font-size:16px;
	font-weight:400;
	line-height:45px;
	margin-bottom:4px;
	text-align:left;
	padding-right:25px;
	
}
.bannerServiceList li span{
	width: 45px;
	padding-right: 0px;
	line-height: 38px;
	text-align: center;
	float: left;

}

.bannerServiceList li:hover{
	margin:0px auto;
	background:url(../images/serviceLink3.png) no-repeat left top;
	height:45px;
	color:#333;
	font-size:16px;
	font-weight:400;
	line-height:45px;
	margin-bottom:4px;
}

.bannerServiceList li a{
	color:#fff;
	text-decoration:none;
}
.bannerServiceList li a:hover{
	color:#fff;
	text-decoration:none;
}



.nocallss{float:left;
width:auto; padding-top:320px;
}

.panel2{
	position:absolute;
	left:0;
	right:0;
	z-index:9999;
	padding-top: 255px;
	height:643px;
	overflow:hidden;
}


.formPanel{
	position:absolute;
	left:0;
	right:0;
	z-index:99999;
	padding-top: 40px;
}
.formDiv {
    margin: 0px auto;
        margin-top: 0px;
    width: 310px;
    background: #3b7dc9;
    padding: 1px;
    border-radius:0;
    height: auto;
    float: right;

}
.icon1{position:relative; top:-2px; padding-right:10px;}
.formDiv h6{
	    margin: 0px auto;
    width: 100%;
    background: none;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 14px 0px 13px 0px;
    border-radius: 0px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #6297d4;
	margin-bottom:20px;
	
}
h6 span{
	color:#e73639;
}
.formDiv p{
	margin:0px auto;
	width:100%;
	font-size:11px;
	color:#fff;
	font-weight:300;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
}
.formDiv .filed {
    padding: 0px 20px 11px 20px;
    margin: 0px auto;
}

.formDiv .filed input{
	font-size:14px;
	padding:7px 8px;
	border-radius:1px;
	border:none;
	width:266px;
	color:#a2a2a2;
	height:34px;
}
.formDiv .filed textarea {
    font-size: 14px;
    padding: 7px 8px;
    border-radius: 1px;
    border: none;
    width: 266px;
    height: 55px;
	color:#a2a2a2;
}
ul{list-style-type:none;}
ul li{list-style-type:none;}

.formDiv .filed2{
	padding: 8px 00px 22px 00px;
margin: 0px auto;
display: table;
width: 87%;

}

.formDiv .filed2 input{
	padding:0px 0px;
	border-radius: 6px;
	border: none;
	background:url(../images/submitBtn.png) no-repeat left top;
	font-size: 16px;
	color: #242424;
	font-weight: 400;
	width:108px;
	height:32px;
	text-align: center;
	float:right;
	text-indent:-9999999px;
}
.formDiv .filed2 input:hover{
	padding:0px 0px;
	border-radius: 6px;
	border: none;
	background:url(../images/submitBtn.png) no-repeat left top;
	font-size: 16px;
	color: #242424;
	font-weight: 400;
	width:108px;
	height:32px;
	text-align: center;
	float:right;
	text-indent:-9999999px;
}
.carousel-control.left{    z-index:9999999; left: 00px;
}
.carousel-control.right{    z-index: 9999999; right: 40px;
}
.carousel-indicators {
    display: none;
}
.carousel-caption{ }
.carousel-caption h3{
float: none;
margin: 0px auto;
font-size: 26px;
font-weight: 300;
color: #fff;
text-shadow: none;
padding-bottom: 20px;
}
.carousel-caption .bigtext{
margin: 0px auto;
font-size: 46px;
width:100%;
font-weight: 900;
line-height:40px;
color: #fff;
text-shadow: none;
}
.carousel-caption p{
margin: 0px auto;
font-size:15px;width:100%;
font-weight:600;
color: #fff;
text-shadow: none;

padding-top:20px;
}

.readmore{
float:left; }
.portfolios{
float:left; }
.whatsapp1{
float:left;}
.iconsDiv{float:left;padding-top: 273px;}
.iconsDiv2{display:none;}
.space01{padding-right:40px;}

.readmore img{
width:auto; }

.readmore img{

width:auto; }
.whatsapp1 img{

width:auto; }









@media (max-width:1260px){
	
	.bannerPic{
	float:left;
	width:auto;
	padding-right:20px;
	padding-top:10px;
	margin-left:6%;
}
.bannerPic img{
	width:350px;
	max-width:350px;
}


}













@media (max-width:1221px){

#sticky-wrap .menus{
 margin-top:40px;
 padding-left:10px;
 padding-right:10px;
 float:right;
 width:auto;
}
.nevIcon {
    padding-right:5px;
    position: relative;
    top: -3px;
}

.topBar .call {
    float: left;
    width: auto;
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding-right: 8px;
    border-right: 1px solid #274262;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 25px;
}
.topBar .call img {
 width: 28px;
 padding-right:6px;
}
.topBar .email {
    float: left;
    width: auto;
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding-right: 9px;
    padding-left: 9px;
    border-right: 1px solid #274262;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 25px;
}
.topBar .email img {
 width: 28px;
 padding-right:6px;
}

.topBar .skype {
    float: left;
    width: auto;
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 9px;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 25px;
}
.topBar .skype img {
 width: 28px;
 padding-right:6px;
}

}










@media (max-width:1200px){

.ScreenVideo {
    margin: 0px auto;
        margin-right: auto;
        margin-left: auto;
    width:420px;
    height:268px;
    background: url(../images/php2ranjan.jpg) no-repeat center top;
	background-size:420px 268px;
    display: inline-block;
   padding:13px 15px 35px 15px;
   display:table;
}
.SVideo {
    width: 100%;
    height: 220px;
}



	
	.footer .bottom .left {
    margin: 0px auto;
    width: 100%;
    float: left;
    color: #fff;
	text-align:center;
}
.footer .bottom .right {
    margin: 0px auto;
    width: 100%;
    float: left;
    color: #fff;
	text-align:center;
	padding-top:8px;
}
.footer .bottom .right a {
    float: none;
    width: auto;
    background: none;
    color: #fff;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
    border-radius: 3px;
    margin-left: 1px;
    margin-right: 1px;
    text-align: center;
}

.footer .bottom .right a:hover {
    float: none;
    text-align: center;
}







.mobileVideo{
	margin:0px auto;
	width:273px;
	height:425px;
	background:url(../images/MovieVideo.png) no-repeat center top;
	background-size:273px 425px;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

.mobileVideo .top{
   margin: 0px auto;
	width: 90%;
	height: 42px;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	line-height: 40px;
	float: left;

}
.mobileVideo .middle{
	margin:0px auto;
	width:100%;
	height:auto;
	padding-top:30px;
	padding-bottom:30px;
	display:inline-block;
}
.mobileVideo .bottom{
	margin:0px auto;
	width:100%;
	height:38px;
	font-size:15px;
	font-weight:400;
	color:#fff;text-align:center;
	line-height:32px;
}
.MVideo{
	width:100%;
	height:280px;
}




}


@media (max-width:1199px){

.corporateMenu{ left:48.1%; width:300px;}

.SoftwareMenu{ left:58.1%; width:300px;}

.ProjectsMenu{ left:67.7%; width:300px;}

.AboutMenu{ width: 300px; left: 53.9%;
}


.formDiv {
    margin: 0px auto;
        margin-top: 0px;
    margin-top: 0px;
    width: 250px;
    background: #3b7dc9;
    padding: 1px;
    border-radius: 0;
    height: auto;
    float: right;
}

.formDiv .filed input {
    font-size: 14px;
    padding: 7px 8px;
    border-radius: 1px;
    border: none;
    width: 206px;
    color: #a2a2a2;
}
.formDiv .filed textarea {
    font-size: 14px;
    padding: 7px 8px;
    border-radius: 1px;
    border: none;
    width: 206px;
    height: 55px;
    color: #a2a2a2;
}

.bannerServiceList li{
	margin:0px auto;
	background:url(../images/serviceLink.png) no-repeat left top;
	height:45px;
	color:#fff;
	font-size:13px;
	font-weight:400;
	line-height:45px;
	margin-bottom:4px;
	text-align:left;
	padding-right:10px;
	
}




}






@media (max-width:991px){


.rgtBorder {
    border-right: none;
}
.ScreenVideo {
    margin: 0px auto;
        margin-right: auto;
        margin-left: auto;
    width:500px;
    height:319px;
    background: url(../images/php2ranjan.jpg) no-repeat center top;
	background-size:500px  319px;
    display: inline-block;
   padding:16px 17px 41px 17px; display:table;
}
.SVideo {
    width: 100%;
    height: 262px;
}


.gap {
    padding-bottom: 40px;
    margin: 0px auto;
    display: table;
}
#sticky-wrap {
	color:#fff;
	z-index:99999999999999999;
	background:url(../images/header-bg.png) repeat;
	height:85px;
	position: relative;
	top: 0;
	right:0;
	left:0;
}

.bannerServices{display:none;}

.bannerPic{display:none;}

.trainngC{display:none;}
.displayNone1{display:none;}

.footer .mid .f_cols {
    margin: 0px auto;
    width: 33.33%;
    float: left;
}
.footer .mid .f_cols2 {
    margin: 0px auto;
   width: 33.33%;
    float: left;
}
.footer .mid .f_cols3 {
    margin: 0px auto;
   width: 33.33%;
    float: left;
}

.corcsebdr {
    border-bottom: 1px solid #eeeeee;
	border-right: none;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.courcessRow {
    margin: 0px auto;
    height: 2px;
}
.innerBG {
    background: url(../images/innerbg.jpg) no-repeat center top;
        background-size: auto auto;
    background-size: 100% 220px;
    display: inline-block;
}
.header {
    margin: 0px auto;
    width: 100%;
    height: 220px;
}

.topBar .call {
    float: left;
    width: 50%;
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding-right: 8px;
    border-right:none;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 25px;
}

.topBar .email {
    float: right;
    width: 50%;
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding-right: 9px;
    padding-left: 9px;
    border-right: none;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 25px;
}
.topBar .skype {
    float: left;
    width: 50%;
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 6px;
    line-height: 25px;
}
.topBar .social {
    float: right;
    width: 50%;
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 25px;
}



.formDiv {
    margin: 0px auto;
        margin-top: 0px;
    width:60%;
    background: #3b7dc9;
    padding: 1px;
    border-radius:0;
    height: auto;
    float: none;
	display:table;

}
.panel2 {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
    padding-top: 110px;
	margin-top:50px;
}
.formDiv .filed input {
    font-size: 14px;
    padding: 7px 8px;
    border-radius: 1px;
    border: none;
    width: 100%;
    color: #a2a2a2;
}
.formDiv .filed textarea {
    font-size: 14px;
    padding: 7px 8px;
    border-radius: 1px;
    border: none;
    width: 100%;
    height: 55px;
    color: #a2a2a2;
}
.nocallss {
    float: none;
	width: auto;
	padding-top: 40px;
	text-align: center;
	margin: 0px auto;
	display: table;

}
.whatsApp {
    float: none;
    width: 100%;
    max-width: 220px;
}
.placementCall {
    float: none;
    width: 100%;
    max-width: 220px;
}


.formPanel {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999999999999;
    padding-top: 80px;
}




}





@media (max-width:767px){

.formDiv .filed input {
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 1px;
    border: none;
    width: 100%;
    color: #a2a2a2;
}
.formDiv .filed2 {
    padding: 5px 00px 15px 00px;
    margin: 0px auto;
    display: table;
    width: 87%;
}
.placements {
    float: none;
    width: 221px;
    height: 50px;
    background: url(../images/placement-call.png) no-repeat center top;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding-left: 52px;
    line-height: 43px;
    text-shadow: 1px 1px 1px #666;
    text-align: left;
    margin-bottom: 8px;
}
.whatsAppno {
    text-align: left;
    float: none;
    width: 221px;
    height: 50px;
    background: url(../images/whatsApp.png) no-repeat center top;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    padding-left: 43px;
    line-height: 43px;
    text-shadow: 1px 1px 1px #666;
}

.nocallss {
    float: none;
    width: auto;
    padding-top: 22px;
    text-align: center;
    margin: 0px auto;
    display: table;
}
.mViewCall {
    margin-top: 20px;
}



}


@media (max-width:640px){
.mobileVideo {
    margin: 0px auto;
        margin-right: auto;
        margin-left: auto;
    width: 273px;
    height: 425px;
    background: url(../images/MovieVideo.png) no-repeat center top;
        background-size: auto auto;
    background-size: 273px 425px;
    display: table;
    margin-left: 0px;
    margin-right: 0px;
	margin-top:8px;
	margin-bottom:16px;
}


}

@media (max-width:600px){

.innerBG {
    background: url(../images/innerbg.jpg) no-repeat center top;
        background-size: auto auto;
    background-size: 100% 240px;
    display: inline-block;
}
.header {
    margin: 0px auto;
    width: 100%;
    height: 240px;
}


.footer .mid .f_cols {
    margin: 0px auto;
    width: 100%;
    float: left;
}
.footer .mid .f_cols2 {
    margin: 0px auto;
    width: 100%;
    float: left;
}
.footer .mid .f_cols3 {
    margin: 0px auto;
    width: 100%;
    float: left;
}

.courceDetailsROw{
	margin: 0px auto;
	background:#cdced0;
	background-size: 100% 110px;
	width: 100%;
	float:left;
}
.courceDetailsROw2{
	margin: 0px auto;
	background:#f2f2f2;
	background-size: 100% 110px;
	width: 100%;
	float:left;
}

.cNone{display:none;}

.mViewCall {
    margin-top: 49px;
}


.listing li {
    float: left;
    width: 50%;
}

.formDiv {
    margin: 0px auto;
        margin-top: 0px;
    margin-top: 0px;
    width: 80%;
    background: #3b7dc9;
    padding: 1px;
    border-radius: 0;
    height: auto;
    float: none;
    display: table;
}



}

@media (max-width:550px){

.ScreenVideo {
    margin: 0px auto;
        margin-right: auto;
        margin-left: auto;
    width:350px;
    height:223px;
    background: url(../images/php2ranjan.jpg) no-repeat center top;
	background-size:350px  223px;
    display: inline-block;
   padding:11px 12px 29px 12px; display:table;
}
.SVideo {
    width: 100%;
    height: 183px;
}

}

@media (max-width:500px){

.topBar .call {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding-right: 0px;
    border-right:none;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 25px;
}

.topBar .email {
    float: right;
    width: 100%;
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding-right: 0px;
    padding-left: 0px;
    border-right: none;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 25px;
}
.topBar .skype {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 25px;
}
.topBar .social {
    float: right;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 0px;
    padding-top: 3px;
    padding-bottom: 10px;
    line-height: 25px;
}

.innerBG {
    background: url(../images/innerbg.jpg) no-repeat center top;
        background-size: auto auto;
    background-size: 100% 210px;
    display: inline-block;
}
.header {
    margin: 0px auto;
    width: 100%;
    height: 210px;
}

.placementCall {
    float: none;
    width: 180px;
    max-width: auto;
    text-align: center;
	 padding-top: 6px;
}
.whatsApp {
    float: none;
    width: 180px;
    max-width: auto;
    padding-top: 6px;
}
.mViewCall {
    margin-top: 23px;
}

.innerPage h5 span {
    margin: 0px auto;
    padding: 11px 20px 9px 37px;
    background: #207dca url(../images/yedllow.jpg) no-repeat 27px top;
    color: #fff;
    display: inherit;
    border-radius: 7px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
}
.innerPage h5 {
    margin: 0px auto;
        margin-top: 0px;
        margin-bottom: 0px;
    background: none;
    padding-top: 0px;
    margin-top: 30px;
    margin-bottom: 12px;
}
.formDiv {
    margin: 0px auto;
        margin-top: 0px;
    margin-top: 0px;
    width: 90%;
    background: #3b7dc9;
    padding: 1px;
    border-radius: 0;
    height: auto;
    float: none;
    display: table;
}
.formPanel {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999999999999;
    padding-top: 128px;
}

.panel2 {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
    padding-top: 110px;
    margin-top: 90px;
}


}





@media (max-width:412px){

#sticky-wrap .nocall {
    float: left;
    width: 100%;
    padding-top: 12px;
    text-align: center;
}
.placementCall {
    float: none;
    width: 150px;
    max-width: auto;
    text-align: center;
    padding-top: 6px;
}

.whatsApp {
    float: none;
    width: 150px;
    max-width: auto;
    padding-top: 6px;
    text-align: center;
}

.listing li {
    float: left;
    width: 100%;
}




h1 span {
    font-size: 20px;
    color: #3c3c3c;
    font-weight: 400;
    text-transform: uppercase;
}

h1 {
    margin: 0px auto;
        margin-bottom: 0px;
    font-size: 23px;
    color: #3c3c3c;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    background: url(../images/h1.png) center bottom no-repeat;
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 16px;
	line-height: 28px;
}

h3 {
    margin: 0px auto;
    font-size: 20px;
    color: #2eb8e6;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    background: url(../images/h1.png) center bottom no-repeat;
    text-align: center;
    padding-bottom: 14px;
    letter-spacing: -0.5px;
}
.feeRowHead {
    margin: 0px auto;
    background: #2eb8e6;
    width: 100%;
    float: left;
    font-size: 14px;
    color: #fff;
}
.courceBtn {
    background: #2eb8e6;
    padding: 5px 8px;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    line-height: 12px;
    display: inline-block;
    margin-top: 6px;
    font-size: 12px;
}


.formDiv {
    margin: 0px auto;
        margin-top: 0px;
    margin-top: 0px;
    width: 95%;
    background: #3b7dc9;
    padding: 1px;
    border-radius: 0;
    height: auto;
    float: none;
    display: table;
}

.ScreenVideo {
    margin: 0px auto;
        margin-right: auto;
        margin-left: auto;
    width:200px;
    height:127px;
    background: url(../images/php2ranjan.jpg) no-repeat center top;
	background-size:200px  127px;
    display: inline-block;
   padding:6px 7px 16px 7px; display:table;
}
.SVideo {
    width: 100%;
    height: 105px;
}



}

@media (max-width:380px){

.placementCall {
    float: none;
    width: 120px;
    max-width: auto;
    text-align: center;
    padding-top: 6px;
}

.whatsApp {
    float: none;
    width: 120px;
    max-width: auto;
    padding-top: 6px;
    text-align: center;
}


.formDiv {
    margin: 0px auto;
        margin-top: 0px;
    margin-top: 0px;
    width: 97%;
    background: #3b7dc9;
    padding: 1px;
    border-radius: 0;
    height: auto;
    float: none;
    display: table;
}

}