@charset "utf-8";
/* CSS Document */
body{background:url(../img/bg.png) repeat !important;font-smooth:always;
-webkit-font-smoothing: antialiased;}

h1,h2,h3,h4,h5,h6{font-family: 'Bree Serif', serif !important;font-weight:lighter !important}
body p, span{font-weight:normal !important;/*font-family: 'nexa_lightregular'*/font-family: 'Open Sans', sans-serif !important;}
body ul li{/*font-family: 'nexa_lightregular'*/font-family: 'Open Sans', sans-serif !important;}
body a{cursor:pointer !important}
.container-wrap{max-width:1000px !important;background:#FFFFFF;}
.main-container{background-image:url(../img/main-bg.png);/*min-height:634px;*/min-height:488px;background-size: cover;border-bottom: 1px solid rgba(0, 0, 0, .2);

}
.header{background:url(../img/header-bg1.png) repeat-x;min-height:100px ;border: 1px solid rgba(0, 0, 0, .2); }
.main-container h4{font-size:16px ;margin:0;}
.header img{margin-top:13px;margin-left:20px;}
.drop-button{margin-top:30px;}
.drop-button li a{color:#eee !important; }
.port,.ab,.car,.con,.prod,.clin,.ser1
{
	
	color:#2D77B3;
	
	}
#logo
{
	margin-left:13.8%;
}


.drop-button a{color:#000000 !important;outline: none !important;cursor:pointer }
.drop-button a:hover{background-color:#2D77B3 !important;color:#FFF !important;}
.tog-class{background:rgba(0, 0, 0, .7) !important;color:#FFF !important;}
.gomobile{background:rgba(0, 0, 0, 0) !important;//border: 1px solid rgba(0, 0, 0, .2);
border-top: none !important;border-bottom:none;}
.gomobile h1{color:#FFF;margin-top:18%;text-shadow: 1px 1px 3px #000;filter: dropshadow(color=#000, offx=1, offy=1);font-smooth:always;
-webkit-font-smoothing: antialiased;}
.gomobile p{font-size:26px;max-width:350px;line-height:28px;color:#FFF;text-shadow: 1px 1px 1px #000;filter: dropshadow(color=#000, offx=1, offy=1); }
.gomobile img{}
.gomobile-inner{padding:30px;}
.tour{border-radius: 7px;padding: 10px;background: rgba(0,0,0,.0);float:left;width:99%;margin-left:10px;}
.tour-outer{background:rgba(0, 0, 0, .4) !important;border-radius:5px;padding:6px;-webkit-box-shadow:  0px 0px 1px 1px #233f4f;box-shadow:  0px 0px 1px 1px #233f4f;}
.tour button { background:url(../img/tour.png) repeat-x !important; border-radius:5px; border:1px solid rgba(3, 106, 172, .4) !important; border-radius:9px;
	padding:10px !important;min-width:150px; -moz-box-shadow:    none !important;-webkit-box-shadow: none !important;font-family: 'Bree Serif', serif !important;
  	box-shadow: none !important; 
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	
	}
.tour button:hover { opacity: 0.9;
    filter: alpha(opacity = 90);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	
	}
.tour-span{font-size:22px;width:100%;color:#FFF !important;margin-top:10px;text-shadow: 1px 1px 0px #000;filter: dropshadow(color=#000, offx=1, offy=1);}
.tour-text{font-size: 22px;width: 100%;color: #FFF !important;text-shadow: 1px 1px 0px #000;filter: dropshadow(color=#000, offx=1, offy=1);/*font-family: 'nexa_lightregular'*/font-family: 'Open Sans', sans-serif !important; padding-left:20px;font-weight:normal !important}	
/*@font-face {
    font-family: 'nexa_lightregular';
    src: url('../fonts/nexa_light.eot');
    src: url('../fonts/nexa_light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa_light.woff') format('woff'),
         url('../fonts/nexa_light.ttf') format('truetype'),
         url('../fonts/nexa_light.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
#menubar
{
	height:-10px;
}
.about-section{background:#FFF url(../img/about.png) bottom no-repeat !important;min-height:461px;background-position:30% !important;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom: none !important;border-top: none !important;
}
.about{padding-left:3% !important;padding-top:3% !important;}
.about h1{color:#000;font-size:32px;}
.about p{font-size:22px;color:#646464;margin-top:30px;line-height:24px !important;margin-bottom:40px;}
.about span{font-size:14px;text-shadow:#333;color:#787878;margin-top:20px;}
.work-section{background:#FFF url(../img/work.png) no-repeat !important;min-height:440px;border-bottom:1px solid #d9d9d9 !important;border: 1px solid rgba(0, 0, 0, .2);border-top: none !important; }
.work{padding-left:3% !important;padding-top:3% !important;}
.work h1{color:#000;font-size:32px;line-height:26px;margin-top:40px;}
.work p{font-size:22px;color:#646464;margin-top:30px;margin-bottom:40px;line-height:24px !important;}
.work span{font-size:14px;text-shadow:#333;color:#787878;margin-top:20px;}
.nav-dropdowns {background-color:#000000  !important;border: 0px solid rgba(0, 0, 0, 0.7)  !important;margin: -2px 0 0 !important;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)  !important;
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)  !important;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important  ;
	border-top-right-radius:5px !important ;border-top-left-radius:0px !important ;}
.dropdown-menu:after{border:none !important}
.dropdown-menu:before{border:none !important}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
	color: #ffffff !important;
	background-color:#2D77B3 !important;
	border-color: #999999 !important;
	border-bottom-left-radius: 0 ;
	border-bottom-right-radius: 0;
}
.seop{background:#FFF   url(../img/seo.png)no-repeat;  bottom no-repeat !important;min-height:400px;border-bottom:1px solid #d9d9d9 !important;border: 1px solid rgba(0, 0, 0, .2);border-top: none !important; }
.ux{background:#FFF   url(../img/ux.png)no-repeat;  bottom no-repeat !important;min-height:440px;border-bottom:1px solid #d9d9d9 !important;border: 1px solid rgba(0, 0, 0, .2);border-top: none !important; }

.adwords-PPCs{background:#FFF url(../img/ppc1.png) right bottom no-repeat !important;min-height:440px;border-bottom:0px solid #d9d9d9 !important;border: 1px solid rgba(0, 0, 0, .2);border-top: none !important; }

.top-navs a{text-shadow: 0 -1px 0 rgba(0, 0, 0, 0) !important;}
.service{padding:30px !important;min-height: 60px;border: 1px solid rgba(0, 0, 0, .2);border-bottom-right-radius: 7px;border-bottom-left-radius: 7px;border-top: none;background:#FFF;}
.service h1{color:#000;font-size:28px;}
.footer{background-color:transparent;margin-top:15px;margin-bottom:30px;}
.footer ul{margin:0px;}
.footer li{list-style:none;}
.sitemap li{float:left;margin-right:8px;/*font-family: 'nexa_lightregular'*/font-family: 'Open Sans', sans-serif !important;}
.sitemap a{color:#808080 !important;cursor:pointer;}
.sitemap a:hover{color:#202020 !important}
.copyright{font-family: 'Bree Serif', serif !important;font-size:14px;color:#808080;}
.copyright span{color:#3c3c3c;}
.followus h1{color:#202020;font-size:20px;padding:0px !important;margin-top:0px !important;margin-right:17px;}
.followus{margin:0 auto;min-width:226px !important;}
.followus li{list-style:none;margin-right:5px;float:left;}
.followus img{margin-top:10px}
.followus a{cursor:pointer;-webkit-transition: all .5s ease-in-out;	-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.followus a:hover{opacity: 0.5;
    filter: alpha(opacity = 90);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;}
	
.readmore button { background:url(../img/btn-bg.png) repeat-x !important; border-radius:3px;  border:1px solid #00759b !important;padding:9px 20px !important;
	min-width:150px;font-family: 'Bree Serif', serif !important;font-size:14px;-moz-box-shadow:    none !important;-webkit-box-shadow: none !important;
  	box-shadow: none !important;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.readmore button:hover { opacity: 0.9;filter: alpha(opacity = 90);-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.portfolio{text-align:center;min-height:390px;background:url(../img/section-bg.png) repeat-x bottom;border: 1px solid rgba(0, 0, 0, .2);border-bottom: none !important;border-top: none !important;}
.portfolio h1{color:#000;font-size:32px;line-height:26px;margin-top:0px;margin-bottom:20px;padding-top:40px;}
.portfolio p{;font-size:22px;color:#646464;margin-top:30px;max-width:550px;margin:0 auto;line-height:24px !important;margin-bottom:20px;}
.portfolio img{border: 1px solid rgba(0, 0, 0, .2);border-radius:3px;margin-bottom:20px;}	
.block { margin-bottom:30px;}
.view {max-width: 292px;position: relative;min-height:179px;cursor: pointer;margin: 0 auto ;}
.view .mask {width:100%;min-height:179px;position: absolute;overflow: hidden !important;top: 0;left: 0;}
.view-first .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;background-color: rgba(0,0,0, 0.7); border-radius:3px; border: 1px solid rgba(0, 0, 0, .9);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}


.view-first:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.mask img{width:32px;height:27px;margin-top:35%;border:none}
.mask p{color:#FFF;font-size:16px;float:left}
.mask-inner{margin-top:30%;float:left;max-width:160px;margin-left:30px;}
.mask-inner h6{font-size:22px;color:#FFF;margin:0px;line-height:26px;margin-top:0px;}
.panel_slide img{max-width:240px;max-height:134px;text-align:center;margin:15px;margin-bottom:40px;border:1px solid #E8E8E8;border-radius:0px;}
.service-main-container{background-image:url(../img/main-bg.png);background-size: cover;padding-top:30px;border-bottom: 1px solid rgba(0, 0, 0, .2); }
.ios-section{background:#FFF url(../img/ios1.png) bottom no-repeat !important;min-height:461px;background-position:50% !important;border: 1px solid rgba(0, 0, 0, .2);border-bottom: none !important;border-top: none !important;}

.bbs-section{background:#FFF url(../img/bb1.png) no-repeat !important;min-height:440px;border-bottom:1px solid #d9d9d9 !important;border: 1px solid rgba(0, 0, 0, .2);border-top: none !important; }
.bbs{padding-left:3% !important;padding-top:3% !important; margin-right:50px !important;line-height:24px !important;font-size:14px !important}
.bbs h1{color:#000;font-size:32px;line-height:26px;margin-top:40px;}
.bbs p{font-size:22px;color:#646464;margin-top:30px;margin-bottom:40px;line-height:24px !important;}
.bbs span{font-size:14px;text-shadow:#333;color:#787878;margin-top:20px;}
.android-section{background:#FFF url(../img/windows1.png)  bottom no-repeat !important;min-height:440px;border-bottom:0px solid #d9d9d9 !important;border: 1px solid rgba(0, 0, 0, .2);border-top: none !important; }
.windows-section{background:#FFF url(../img/android1.png) bottom no-repeat !important;min-height:440px;border-bottom:1px solid #d9d9d9 !important;border: 1px solid rgba(0, 0, 0, .2);border-top: none !important; }
.web-section{background:#FFF url(../img/web.png) bottom no-repeat !important;min-height:440px;border-bottom:0px solid #d9d9d9 !important;border: 1px solid rgba(0, 0, 0, .2);border-top: none !important; }
.service-apps{border-bottom:1px solid #d9d9d9 !important;background:#fff;}
.service-app{padding:30px !important;text-align:center !important;}
.service-app p{margin-top:0px;margin-bottom:0px;text-transform:uppercase;}
.services{border-bottom: none !important;border-top: none !important;margin-left:20px;}
.services h1{color:#000;font-size:32px;line-height:26px;margin-top:0px;margin-bottom:20px;padding-top:40px;margin-left:8px !important;}
.services p{font-size:20px;color:#646464;margin-top:30px;max-width:900px;line-height:24px !important;margin-bottom:20px;margin-left:10px;}
.form{ background:#f0efed; }
.form .container { padding: 50px 0; border-bottom:1px solid #ccc; }
.form input, .form textarea { margin-bottom: 15px;}
.form input{padding:10px !important; height:40px !important; }
.form button { background:#00759b !important; border:1px solid #00759b !important;	padding:10px 20px !important;min-width:150px; 
	-moz-box-shadow:    none !important;
  	-webkit-box-shadow: none !important;
  	box-shadow: none !important;  
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	
	}
.form button:hover { background:#005c84 !important; 
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;}
	
	
	.call-btn button { background:#00759b !important; border:1px solid #00759b !important;
	padding:10px 20px !important;min-width:150px; margin-left:30px; margin-top:10px;margin-bottom:25px;
	-moz-box-shadow:    none !important;
  	-webkit-box-shadow: none !important;
  	box-shadow: none !important;  
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	font-size:15px; font-family: 'Bree Serif', serif !important;
	}
.call-btn button:hover { background:#005c84 !important; 
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;}
	
.features-section{background:#FFF url(../img/section-bg.png) bottom repeat-x !important;min-height:100px;border-bottom:1px solid #d9d9d9 !important;border: 1px solid rgba(0, 0, 0, .2);border-top: none !important; padding-bottom:30px !important;/*font-family: 'nexa_lightregular'*/font-family: 'Open Sans', sans-serif !important;font-weight:normal !important;line-height:24px !important;font-size:14px !important}
.features-section h3{ padding-top:20px;color:#000;}
.features-section .col-1 { padding-left:15px; padding-top:10px}
.features-section ul li { list-style: square!important;}
.section { background:#fff url(../img/sec-bg.png) bottom repeat-x;	padding-top:30px; }
.ios{padding-left:3% !important;padding-top:3% !important;line-height:24px !important;font-size:14px !important}
.ios h1{color:#000;font-size:32px;}
.ios p{font-size:22px;color:#646464;margin-top:30px;line-height:24px !important;margin-bottom:40px;}
.ios span{font-size:14px;text-shadow:#333;color:#787878;margin-top:20px;}
.top { margin-top:-20px}
.aboutus-section h1{margin-left:0px; margin-top:0px;color:#000;font-size:32px;}
.aboutus-section p { padding-top:10px;padding-right:20px;line-height:24px !important;font-size:14px !important}
.space{ padding-bottom:25px}
.quick-enquiry {padding-bottom:10px;/*font-family: 'nexa_lightregular'*/font-family: 'Open Sans', sans-serif !important;}
.quick-enquiry h1{color:#000;font-size:32px;font-family: 'Bree Serif', serif !important;background-color:transparent;margin-top:30px;margin-bottom:20px;}
.address{margin:0px !important;padding-left:0px;}
.address p{font-size:14px;text-shadow:#333;color:#787878;margin-top:20px;}
.about-pic{float:right !important;}
.about-pic img{max-width:247px;max-height:271px}
.career-pic {float:right !important;}
.career-pic img{max-width:267px;max-height:212px;}
.career{padding-top:10px !important }
.career h3{line-height:0px !important;margin-bottom:30px !important;font-size:25px !important;margin-top:23px !important;color:#000}
.heads{margin-left:25px;}
.contactus-section{background:#FFF url(../img/contactus1.png) bottom no-repeat !important;min-height:100px;border-bottom:1px solid #d9d9d9 !important;border: 1px solid rgba(0, 0, 0, .2);border-top: none !important;padding-bottom:30px !important;/*font-family: 'nexa_lightregular'*/font-family: 'Open Sans', sans-serif !important;}
.contactus-section h1{color:#000;font-size:32px;margin-top:40px !important;font-family: 'Bree Serif', serif !important;margin-left:-4px;}
.career-section{background:#FFF url(../img/careers1.png) bottom no-repeat !important;min-height:200px;border-bottom:1px solid #d9d9d9 !important;border: 1px solid rgba(0, 0, 0, .2);border-top: none !important;padding-bottom:30px !important;line-height:24px !important;font-size:14px !important}
.career-section h1{color:#000;font-size:32px;margin-top:40px !important;}
.products h1{color:#000 !important;font-size:32px !important;font-weight:normal !important}
.products p{padding-top:10px;padding-right:20px;line-height:24px !important;font-size:14px !important}
.client-img{min-width: 240px !important;}
.section-product{padding-bottom:2px !important;}
.section-product img{min-height:249px;}






@media (min-width: 768px) and (max-width: 979px) { 
.gomobile img {margin-top: 19px !important;}
.ml{margin-left: 18px !important;}
.block {margin-bottom:10px;	width:100% !important;}
.portfolio-single{width:100% !important;float:none !important;clear:both !important;}
.portfolio-section h3{margin-left: 40px;}
.portfolio-section p{margin-left: 40px;}

.space {margin-left:50px !important;}
.work{padding-left:16% !important;}
.service h1 {font-size:24px;}
.drop-button a{color:#fff !important;outline: none !important;cursor:pointer }
}
#menubar1
{
	width:100%;
}
@media (max-width: 767px) {
	.gomobile-inner{text-align:center !important}
	.gomobile-inner h1{text-align:center !important;}
	.gomobile-inner p{text-align:center !important;}
	.gomobile-inner img{text-align:center !important;}
	.gomobile h1 {margin-top: 3% !important;}
	.gomobile p {max-width: 100%;}
	.gomobile img {margin-top: 5%;}
	.service{text-align: center !important;}
	.service img{margin-top:25px;}
	.footer{text-align:center;}
	.sitemap li{float:none !important}
	.followus ul{margin:0 auto;float:none;max-width:120px}
	.work , .about , .ios , .bbs{text-align:center !important;}
	.work{background:rgba(252, 252, 252, .9)}
	.work p{padding-bottom: 20px;}
	.about{background:rgba(252, 252, 252, .9)}
	.about p{padding-bottom: 20px;}
	.ios{background:rgba(252, 252, 252, .9)}
	.ios p{padding-bottom: 20px;}
	.bbs{background:rgba(252, 252, 252, .9)}
	.bbs p{padding-bottom: 20px;}
	.navs{background:rgba(0, 0, 0, .5) !important;margin-top:10px !important;}
	
	.navs2{margin-top: -35px !important;}
	.main-pad{margin:0 !important;padding:0 !important}
	.tour-text {font-size: 18px !important;line-height:25px !important}
	.portfolio-section h3{margin-left: 15px;}
.portfolio-section p{margin-left: 20px;}
.portfolio-single{width:100% !important;}
.address{text-align:center !important;}
.section, .quick-enquiry, .services, .call-btn{text-align:center !important}
.aboutus-section p{margin-left:20px !important;margin-right:20px !important;}
.contactus-section h1 {text-align:center !important}
.heads {margin-left:0px !important}
.aboutus-section p {margin-right:0px !important}
.career-section{text-align:center !important;margin-left:0px !important;}
.features-section{text-align:center !important}
.features-section ul li { list-style: none !important;margin-bottom:10px;}
.address{text-align:center !important;font-size:10px !important;}


}
	@media (max-width: 320px){
	.mask{display:none;}
	.view {min-height:100px !important}
	}