@charset "utf-8";
/* CSS Document */


@font-face{
	 font-family:"OpenSans-Regular";
	 src:url('../fonts/OpenSans-Regular.ttf');
	
	 }
@font-face {
    font-family:"Serpentine-Bold-Bold";
    src:url('fonts/Serpentine-Bold-Bold.ttf');
}



body{
	margin:0;
	padding:0;
	text-align:center;
	color: #444;
	
	background-image:url(../images/bg.png);
	background-repeat:repeat;
	
	}
#container {
	height:auto;
	margin:0;
	padding:0;
	
	width: 100%;
}
.main{
		height:auto;
		margin:0 auto;
		width:1000px;}
.header{
		width:960px;
		margin:0 auto;
		
		}
.header_btm{
		width:960px;
		margin:12px 0 0 0;
		}
.logo{
		width:267px;
		float:left;
		margin-top:41px;
		position:absolute;
		margin-left:-14px;}
.contact_info{
		float: right;
        margin-right: -33px;
        margin-top: 85px;
        width: 565px;}
.contact_phone{
		width:190px;
		float:left;}
.phone_icon{
	width:18px;
	height:18px;
	float:left;}
.phone_number{
	color: #333333;
    float: left;
    font-family: Serpentine-Bold-Bold;
    font-size: 12px;
    font-weight: bolder;
    margin-left: 4px;
    width: 156px;

}

.contact_mail{
	float: left;
    margin-left: 0;
    width: 197px;}
.mail_icon{
	width:22px;
	height:14px;
	float:left;}
.e-mail{
	color: #333333;
    font-family: Serpentine-Bold-Bold;
    font-size: 12px;
    font-weight: bolder;
    margin-left: 10px;
    width: 209px;
}
.e-mail_txt{
		font-family:Serpentine-Bold-Bold;
		font-size:12px;
		color:#333;
		text-decoration:none;
		font-weight:bolder;
		}
.e-mail a{
		color:#333;
		
	}
.e-mail a:hover{
		color:#23a5cc;
		text-decoration:none;}
		
.skype{
		width:120px;
		float:left;
		margin-left:20px;}
.skype_icon{
	width:18px;
	height:18px;
	float:left;
	margin-left:3px;}
.skype_address{
		color: #333333;
    float: left;
    font-family:Serpentine-Bold-Bold;
    font-size: 12px;
    font-weight: bolder;
    margin-left: 3px;
    width: 96px;
}

.form{	
	width:380px;
	float:left;}

.form1{
	width:370px;
	float:left;}
	
	
.address_bar{	
	width:32%;
	float:right;}

.title{
	color: #157096;
    font-size: 30px;
    text-transform: uppercase;
	margin-top:15px;
	text-decoration:none;
	margin:0 63px 0 0;}
	
.address{
	color: #B1EA42;
    font-size: 16px;
    font-style: normal;
    position: relative;
    width: 410px;
}
.span1{
	font-size:30px;
	color:#f68d1f;
	}
.address1{
		width:}
.span2{
		font-size:18px;
		color:#FFF;
		text-align:left;}

.nav{
		width:100%;
		float:left;
		margin:12px 0 0 0;
		padding:0;
		        background:#2ab7e1;
   
		font-family:"Century Gothic";
}	
.nav2{
		width:960px;
		margin:0 auto;
		}
.slide{
		width:100%;
		}
	
.social{
		 clear: both;
    height: 44px;
    position: absolute;
    top: 169px;
    width: 100%;
    z-index: 9;
		
}
.social1{ 
 
	width:100%;
	}
.social_line{
		width:100%;
		border-top:9px solid #9E9FA4;}
.social_box{
		 height: 54px;
    margin: -9px auto;
    width: 346px;
    z-index: 100;
}
.social_icon{
		height: 34px;
    margin: 0 auto;
    position: relative;
    width: 100px;
    z-index: 0;
		}
.facebook{
		 height: 34px;
    left: 172px;
    margin: 5px 0 0 -167px;
    position: absolute;
    top: -43px;
    width: 29px;
		}

.twitter{
		width:30px;
		height:34px;
		float:left;
		margin:-39px 0 0 39px;}
.linkedin{
		width:30px;
		height:34px;
		float:right;
		margin:-39px -2px 0 0;}






/*------ animating icon------/
	
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	-ms-border-radius:100px;
	-khtml-border-radius:100px;
	border-radius:100px;
	
	-webkit-box-shadow:0 0 1px 1px #afafaf;
	-moz-box-shadow:0 0 1px 1px #afafaf;
	-o-box-shadow: 0 0 1px 1px #afafaf;
	-ms-box-shadow: 0 0 1px 1px #afafaf;
	-khtml-box-shadow:0 0 1px 1px #afafaf;
	box-shadow:0 0 1px 1px #afafaf;
	
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;
	transition:all 1s;
	
	behavior: url(pie/PIE.htc); /* CSS3 Fix for Internet Explorer */


/*........ after slider.....*/
.slider{
		width:100%;
		margin:0 auto;} 
.mid_content{
		width:960px;
		margin:0 auto;
		clear:both;
		}
.intro{
		width:960px;
		float:left;
		}
.icon{
	width:61px;
	height:30px;
	float:left;
	}
.head1{
		width:889px;
		float:left;
		margin-left:10px;
		border-bottom:dotted 1px #23a5cc;}
.head1_1{
		float:left;
		 margin:0 0 0 0px;
		 font-family:'Century Gothic';
		  font-size:18px; 
		  color:#0a3a4e; 
		  text-transform:uppercase;}

.head1_2{
	float:left; margin:-9px 0 0 8px; font-family:'Century Gothic'; color:#23a5cc; font-size:28px; text-transform:uppercase;}
	
.text{	
	width:900px;
	float:left;
	padding:3px 0 0 70px;
	font-family:Calibri;
	color:#323232;
	text-align:justify;
	font-size:12px;
	text-decoration:none;
	line-height:19px;
}
/*....... css3 effects...*/

.slider{
		width:100%;
		margin:0;
		float:left;
		overflow:hidden;
		height:400px;
	
}
.effect{
		width:960px;
		float:left;
		position:relative;
		margin:20px 0 0 0;}
	
.portfolio{
		width:960px;
		float:left;
		margin-top:30px;
		margin-bottom:15px;
		background-image:url(../images/portfolio.png);
		background-repeat:no-repeat;
		height:203px;}
.portfolio_img{
		width:960px;
		margin:52px 0 0 0px;
		float:left;}
		
		
.client_testimonials{
		width:960px;
		float:left;
		margin:0 auto 20px auto;
		background-image:url(../images/test_bg.png);
		background-repeat:repeat;
		height:149px;
		box-shadow:6px 9px 15px -6px #cdd2d4;}
	
.client_testimonials_left{
		width:226px;
		height:149px;
		float:left; 
}
.test_icon{
		width:68px;
		height:50px;
		float:left;
		background-image:url(../images/test_icon.png);
		background-repeat:no-repeat;
		margin:20px 0 0 69px;}
.text1{	
	width:190px;
	float:left;
	font-family:"Century Gothic";
	font-size:18px;
	color:#11394d;
	text-align:center;
	margin:28px 0 0 13px;
	text-decoration:none;
	}

.line1{
		width:25px;
		height:149px;
		float:left;
		background-image:url(../images/line.png);
		background-repeat:no-repeat;}
		
.reviews{
		width:709px;
		height:149px;
		float:left;}

.clients{	
	width:700px;
	float:left;
	}
.name{
	color:#333;
	float:left;
	font-family:Calibri;
	font-size:18px;
	text-decoration:none;
	padding-left:15px;
	}
.other{	
	display: table;
    float: right;
    line-height: 24px;
    margin-left: 10px;
	font-family:Calibri;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	padding-right:27px;}
.text2{
	float: left;
    height: 45px;
    text-align: justify;
    width: 660px;
	font-family:"Open Sans";
	font-size:12px;
	color:#666;
	text-decoration:none;
	padding-top:13px;
	padding-left:15px;
}
/*................. proficiency...................*/
.box{
	width:960px;
	height:216px;
	margin:8px auto 0 auto;
	float:left;}	

.proficient{
		width:400px;
		height:216px;
		float:left;}
.proficient_head{
		width:300px;
		height:20px;
		float:left;
		font-family:"Century Gothic";
		font-size:16px;
		color:#0a3a4e;
		text-decoration:none;
		text-align:left;
		}	
		
.icons{
		width:400px;
		
		float:left;
		margin-top:16px;}
.icons2{
		width:300px;
		float:left;
		margin-top:16px;}
.joomla{
		width:96px;
		height:110px;
		float:left;
		}
.magento{
		width:96px;
		height:110px;
		float:left;
		margin-left:5px;}
.java{
		width:96px;
		height:110px;
		float:left;
		margin-left:50px;
		margin-top:-23px;
}
.html5{
		width:96px;
		height:110px;
		float:left;
		margin-left:5px;
		margin-top:-23px;}
	
.authorised_partner{	
	width:300px;
	float:right;}

.footer{	
	width:100%;
	height:302px;
	background-image:url(../images/footer_bg.png);
	background-repeat:repeat;
	float:left;
	margin-top:23px;}
.footer_menu{
		width:960px;
		margin:0 auto;
		height:302px;
		}

.footer_left{	
	width:266px;
	float:left;
	margin-top:10px;}
	
.contact_head{
		width:266px;
		float:left;
		border-bottom:#424343 1px solid;
		padding-bottom:7px;}
.contact_icon{
		width:32px;
		height:32px;
		float:left;
		background-image:url(../images/contact-icon.png);
		margin-left:3px;}
.head2{
		width:120px;
		float:left;
		font-family:"Century Gothic";
		font-size:16px;
		color:#50b4e6;
		text-decoration:none;
		margin-left:10px;
		margin-top:5px;}
.deatail1{
		width:266px;
		float:left;
		margin-left:12px;
		margin-top:12px;}
.location{
		width:266px;
		float:left;}
.location_icon{
		width:13px;
		height:21px;
		float:left;
		background-image:url(../images/location.png);
		background-repeat:no-repeat;}
.location_text{
		width:226px;
		float:left;
		font-family:Calibri;
		color:#e2e1e1;
		font-size:11px;
		margin-left:14px;
		text-align:left;
}
.mobile{
		width:266px;
		float:left;
		margin-top:15px;
		background-image:url(../images/phone.png);
		background-repeat:no-repeat;
		height:18px;}
.mobile_text{
		float:left;
		font-family:Calibri;
		color:#e2e1e1;
		font-size:11px;
		margin-left:28px;
}
.mobile_text a{
		color:#e2e1e1;
		text-decoration:none;
}
.mobile_text a:hover{
		color:#e57d27;
		text-decoration:none;}
.mail{
		width:266px;
		float:left;
		margin-top:15px;
		background-image:url(../images/mail.png);
		background-repeat:no-repeat;
		height:18px;}
.web{
		width:266px;
		float:left;
		margin-top:15px;
		background-image:url(../images/web.png);
		background-repeat:no-repeat;
		height:18px;}

.footer_middle{
	width:287px;
	float:left;
	margin-left:59px;
	margin-top:12px;}

.what_to_do_head{
		width:287px;
		float:left;
		border-bottom:#424343 1px solid;
		padding-bottom:7px;
		
}
.services_icon{
		width:32px;
		height:32px;
		float:left;
		background-image:url(../images/services.png);
		margin-left:3px;
		background-repeat:no-repeat;}
.service_list{	
	color: #e2e1e1;
    font-size: 17px;
    text-align: justify;
    text-decoration: none;
	font-family:Calibri;
	text-decoration:none;
}
.service_list li{
	font-size: 17px;
    line-height: 30px;
    list-style-image:url(../images/bullet.png);
    list-style-position: inside;}
	
.service_list a{
	color: #e2e1e1;
    font-size: 14px;
    text-decoration: none;
	padding-left:20px;
	clear:both;
	transition:padding 0.2s ease-in-out 0s, background-position 0.2s ease-in-out 0s;}

.service_list a:hover{
	color: #e57d27;
    text-decoration: none;
	transition:padding 0.2s ease-in-out 0s, background-position 0.2s ease-in-out 0s !important;
	
}

.footer_right{
		width:281px;
		float:left;
		margin-left:59px;
		margin-top:12px;}
.contact_icon1{
		width:30px;
		height:23px;
		float:left;
		background-image:url(../images/contact.png);
		margin-left:3px;
		background-repeat:no-repeat;}
.head3{
		width:149px;
		float:left;
		font-family:"Century Gothic";
		font-size:16px;
		color:#50b4e6;
		text-decoration:none;
		margin-left:10px;
		margin-top:5px;
		padding-bottom:5px;}
.contact_form{
		width:281px;
		float:left;
		margin-top:9px;}

ul.last {
	margin-right:0;
}
.txtFld {
	float:left;
	width:244px;
	height:10px;
	padding:10px 20px;
	border:1px solid #2d2d2d;
	background:#1c1c1c url(../images/input-shadow.png) repeat-x 0 0;
	color:#666;
	font-size:11px;
	line-height:20px;
	font-family:Calibri;
	outline:0;
}
.txtAra {
	float:left;
	width:87%;
	height:60px;
	padding:11px 20px;
	border:1px solid #2d2d2d;
	background:#1c1c1c url(../images/input-shadow.png) repeat-x 0 0;
	color:#666;
	font-size:11px;
	line-height:16px;
	font-family:"Open Sans";
	resize:vertical;
	overflow: auto;
	outline:0;
}
.contactForm ul.left {
	float:left;
	width:275px;
	margin:0 0px 0 0;
	padding:0;
	list-style:none;
}
.contactForm ul.left li {
	float:left;
	width:293px;
	margin:0 0 6px 0;
}
.footer_bottom{
		width:100%;
		background-image:url(../images/footer_bottom_bg.png);
		background-repeat:repeat-x;
		height:64px;
		margin:0;
		display:table;
}
.footer_bottom_content{
		width:960px;
		margin:24px auto 0 auto;
		height:30px;}
.footer_bottom_left{
	width:380px;
	float:left;
	font-family:Calibri;
	font-size:12px;
	color:#FFF;
	text-align:left;
	}
.footer_bottom_left a{
	color:#FFF;
	text-decoration:none;}
.footer_bottom_left a:hover{
		color:#e57d27;
		text-decoration:none;}

.footer_bottom_right{
		width:220px;
		float:right;
		font-family:Calibri;
	font-size:12px;
	color:#FFF;
	text-align:right;
		}
	
/*.............  About us.............*/
.slide-text{
	clear: both;
    padding: 0;
    position: relative;
    top: 49px;
    width: 100%;}
.h1{
	border-bottom: 1px solid #E2DED5;
    color:#3e3e3e;
    font-family: Calibri;
    font-size: 80px;
    font-weight: normal !important;
    letter-spacing: 0px;
    line-height: normal;
    margin: 10px 0 5px;
    padding: 15px 0 20px;
    width: 100%;
	box-shadow:#000 9px 7px 8px -10px;
	text-shadow:#fff -3px 2px;
	text-transform:uppercase;
}

	
.contain{
	border-top: 1px solid #E2DED5;
    clear: both;
    
    margin-top: 58px;
    width: 100%;
	}
.about_content{	
	width:960px;
	margin:0 auto;
	}
.about-section-left{
		width:215px;
		float:right;
		text-align:justify;
		margin:0px;
		padding:0px 20px 0 0;
		color:#2ab7e1;
		text-decoration:none;
		font-family:Calibri;
		font-size:12px;
		list-style:none;
		text-transform:uppercase;
		line-height:30px;
		}
.about-section-left a{
		color:#2ab7e1;
		font-size:12px;
		text-decoration:none;
		border-bottom: 1px solid #E6E6E6;
    display: block;
    
		
		}										
.about-section-left a:hover{
		color:#157096;
		text-decoration:none;
		font-size:14px;
		-webkit-transition: all 0.15s ease-out;
		-moz-transition: all 0.15s ease-out;
		transition: all 0.15s ease-out;
}

.left-menu{
		color: #000000;
   		font-size: 17px;
        margin: 5px 15px;
        text-align: justify;
        text-decoration: none;}

.left-menu-text li {
		font-size: 17px;
        line-height: 30px;
        list-style-image: url(../images/bullet1.png);
        list-style-position: inside;
}
.section-right{
		
    	padding: 0px 0 0 0px;
    	width: 635px;
		margin-top:10px;
		float:left;
		
		}

.h2{
		width:100%;
		font-family:"Open Sans";
		font-size:25px;
		text-align:left;
		color:#606060;
		font-weight:bolder;
		text-transform:uppercase;
		text-shadow: 0px 2px #AAAAAA;
		}

.h3{
		width:100%;
		font-family:"Open Sans";
		font-size:25px;
		text-align:left;
		color:#606060;
		font-weight:bolder;
		text-transform:uppercase;
		text-shadow: 0px 2px #AAAAAA;
		margin-top:13px;
}

.text3{
		width:100%;
		font-family:Calibri;
		color:#666;
		font-size:12.30px;
		text-align:justify;
		padding-top:10px;
		line-height:19px;
		}
.mid_01_txt {
	    color: #000000;
    	font-size: 12px;
    	margin: 7px 5px 0 5px ;
    	text-align: justify;
    	text-decoration: none;
}
.mid_01_txt li {
    font-size: 12px;
    line-height: 22px;
    list-style-image:url(../images/sign1.png);
	font-family:Calibri;
}
.mid_01_txt a {
    color: #000000;
    font-size: 11px;
    text-decoration: none;
}
.mid_01_txt a:hover {
    color: #EE1651;
    text-decoration: none;
}

.discovery{
		width:635px;
		float:left;
		margin-top:20px;
}

.eye-icon{
		width:75px;
		height:43px;
		float:left;
		text-align:left;
		margin-top:6px;
}
.head4{
		width:530px;
		float:right;
		font-family:"Open Sans";
		font-size:16px;
		color:#333;
		text-align:left;
		margin-bottom: 4px;
   		margin-top: -1px;
		font-weight:bold;
}
		
.text4{
		width:530px;
		float:right;
		font-family:Calibri;
		font-size:12px;
		text-align:justify;
}
.text5{
		width:100%;
		float:right;
		font-family:Calibri;
		font-size:12px;
		text-align:justify;
		padding-top:15px;
}
.work-process{
		width:100%;
		float:left;
		margin-top:18px;
		border-top:1px #aaaaaa ridge;}
.our-people{
		width:100%;
		float:left;
		margin-top:18px;
		border-top:1px #aaaaaa ridge;
}
.head5{
		width:100%;
		float:left;
		font-family:Calibri;
		font-size:17px;
		color:#606060;
		text-align:left;
		font-weight:bold;
		padding-top:15px;
}

.view-portfolio{
		width:100%;
		float:left;
		margin-top:22px;
}
.portfolio-img{
		width:350px;
		float:left;}


.view-portfolio-btn{
	background-color: #157096;
    background-image: url("../images/line_arrow.png");
    background-position: 90% 48%;
    background-repeat: no-repeat;
    float: left;
    margin-left: 46px;
    margin-top: 135px;
    padding: 14px 27px 14px 0;
    width: 195px;
	color: #FFFFFF;
    font-family: open sans;
	font-size:16px;
	
}
.view-portfolio-btn a{	
    color: #FFFFFF;
  	font-size:16px;
	text-decoration:none;
	
}
.view-portfolio-btn a:hover{
    color: #999999;
	text-decoration:none;

}


.contact{
		width:100%;
		
		
}

.contact-left{
	 border-right: 1px solid #E2DED5;
    height: 558px;
    margin-bottom: 0px;
    margin-top: 20px;
    padding: 10px 8px 0 0 !important;
    width: 228px !important;
	float:left;}
	
.head6{
	 color: #58514A;
    float: left;
    font-weight:bold;
    font-size: 16px;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
	font-family:"Open Sans";}
	
p.cont-address{
	    color: #58514A;
    float: left;
    font-family: Calibri;
    font-size: 13px;
    line-height: 23px;
    margin: 0 0 10px;
    padding: 0;
	text-align:left;}
ul.cont-list{
		 float: left;
    margin: 10px 0 0;
    padding: 0;
    width: 100%;}

ul.cont-list li{
	 border-top: 1px solid #E2DED5;
    color: #7A726B;
    float: left;
    font-family:Calibri;
    font-size: 14px;
    height: 20px;
    padding: 10px 0 17px 59px;
    width: 72%;
	line-height:25px;
	text-align:left;}

.phone-icon{
		background:url(../images/phone-icon.png) no-repeat;
		background-position:0px;}

.phone-icon-red{
		background:url(../images/phone-icon-red.png) no-repeat;
		background-position:0px;}
	
.mail-icon{
		background:url(../images/mail-blue-icon.png);
		background-repeat:no-repeat;
		background-position:0px;}
.facebook-square-icon{
		background:url(../images/facebook_square.png);
		background-repeat:no-repeat;
		background-position:0px;}
.twitter-square-icon{
		background:url(../images/twitter_square.png);
		background-repeat:no-repeat;
		background-position:0px;}
.linked-in-square-icon{
		background:url(../images/twitter_square.png);
		background-repeat:no-repeat;
		background-position:0px;
		border-bottom:1px solid #E2DED5;;}

.right-section{
		  float: right;
    padding: 20px 0 0 23px;
    text-align: left;
    width: 71%;
    }
h2.location-title{
	color: #545859;
    float: left;
    font-family:"Open Sans";
    font-size: 35px;
    font-weight: bold !important;
    line-height: normal;
    margin: 0 0 10px;
    text-transform: uppercase;
    width: 100%;}

.par2{
		width:103%;
		margin-bottom:14px;
		margin-top:60px;
		border:1px solid #c1bdb3;}

.portfolio-head{
	color: #FFFFFF;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: -46px 0 0;
    padding: 0 0 0 13px;
    text-align: center;
    width: 205px;}


.