/*5338, 5356, 5288 --- changed by keval*/

@font-face {
	font-family: 'ProximaNovaRegular';
	

	src: url('./ProximaNovaRegular.eot');
	src: local('ProximaNovaRegular'), url('./ProximaNovaRegular.woff') format('woff'), url('./ProximaNovaRegular.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_58703">Text with this font applied</p> */
.fontsforweb_fontid_58703 {
	
}
body{font-family: 'Proxima Nova' !important;font-size:14px;line-height:18px;font-weight:300px;}
.otherpagemainimg h1{}
@media only screen and (min-width : 768px) and (max-width : 1024px){
.mobile_menu{float:right;padding:20px;font-weight:bold;color:#000000;}
.clientbackimg{display:none!important;}
.clientbackimgsmallscreen{display:block !important;}
.clientbackimgmobilescreen{display:none !important ;}
  td{font-size: 14px;min-width:50px;}

h1, h2, h3, h4, h5, h6{
	font-family:proxima nova;
    }
a{color:#003D79;}
.row::after {
    content: "";
    clear: both;
    display: block;
}
.main_container{
	margin:0;
	padding:0px;
}
.container{
	width:100%;
	margin:0;
	padding:0;
	float:left;
    
    
}
.wrapper {
	
	margin:0px auto;
	padding:0;
	width:100%;
	
	
}
.fixed_top{
	float:left;
	width:100%;

	background-color:#A00000;
	opacity:.7;
	z-index:111;
}
.fixed_detail{
	width:40%;
	float:left;
	text-align:center;
	color:#FFf;
	padding:20px 10px;
	position:relative;
}

.header{
	margin:0px auto 0 auto;
	width:100%;
	float:left;
	border-bottom:none;
	border-top:none;
	color:#000;
	
}
.top_header{
	width:100%;
	float:left;	
	
	}	
.logo{float:left;height:75px;border-radius:6px;}
.cotetion{float:left;padding-left:5px;margin-top:21px;color:#000;}
.cotetion h2{font-size:18px;
    font-weight: 600;font-style:normal;
	}	
.certified_iso{padding: 7px;
    text-align: center;
    width: 26%;
    font-weight: bold;
   float:left;
   color:#fff;
    font-size: 11px;
    line-height: 20px;
	
   }
 .social_icon_top{float: right;
    font-size: 12px;  
    text-align:right;
	padding:7px 2px;
	width:30%;
	} 
.contact_top{padding: 5px 2px;
    font-size: 13px;
    margin-left: 0; font-weight:600;
    text-align: left;}
.header_logo{
	float:left;
	width:400px;
	padding:0px 10px;
}
.logo_img {float:left;height:80px;border-radius:6px;}
.logo_heading{float:left;padding-left:10px;margin-top:25px;color:#336699;text-shadow:none;}
.top_header logo_img img{
	float:left;
	height:800px;
	
}
.logo_heading h1{text-shadow:none;}
.header_menu{
	width:200px;
	top:0;
	padding:0px;
	display:block;
	position:fixed;
	right:-200px;
	height:100%;
	
	float:left;

	
}
ul {
	
	list-style:none;
	margin:0 auto;
	
}

.header_menu ul{ 
	padding:0 0px;
	width:200px;
	float:right;
	height:100%;
	height:900px;
	    background-color: #393939 !important;
	opacity:none;

	
}
.header_menu ul li {
	padding:10px 10px;
	
	width:100%;
	font-size:14px;
	font-weight:500;
	box-sizing:border-box;
	border-bottom:none;
	border-top:none;
	color:#fff;
	background-color: #393939 !important;
		
	
}
.header_menu ul li:first-child{
	border-left-width:2px;
	
}
.header_menu ul li:last-child{
	border-right-width:2px;
	
}

.header_menu ul li:hover{
	
	color:#fff;
	border:none;
}

.header_menu ul li:hover a{
	
	color:#fff;
	
	
}

.header_menu ul li .submenu{
	

	z-index:999;
	    background-color: #A00000 !important;
	behavior:url(css/PIE.htc);
	width:200px;
	margin-left:-10px;
	float:left;
	padding:0px;
	display:none;
	color:#fff;
	height:auto;
	
	

}
.header_menu ul li:hover .submenu{
	display:block;
	padding:0px;
	width:200px;
	    background-color: #fff !important;
	margin-left:-10px;
	float:left;
	color:#A00000;
	
}
.submenu .submenu_li
	{

	width:100%;
	color:#fff;
	padding:10px;
	font-size:13px;
	
	font-weight:bold;
	float:left;
	
	text-shadow:none;
	    background-color: #A00000 !important;
	
	
		}

.submenu .submenu_li:hover
	{
	
	border-bottom:1px solid #efefef;
	margin:0px;
	 background-color: #fff !important;
	color:#A00000 !important;
	
	}
.submenu .submenu_li:first-child
	{
	color:#fff;
	border-top:none;
	}

a {
	text-decoration:none;
	font-size:14px;
	font-weight:200;
	
}
.header_menu ul li a{
	color:#fff;
	font-weight:400;
	font-size:16px;
	
	
}
.main_header {
	width:100%;
	float:left;
	background:#fff;
}
.main_header ul{
	
	margin:0 auto;
	float:left;
	}
.main_header ul li{
	padding:20px 0;
	width:150px;
	text-align:center;
	
}
.main_header ul li:hover{
	
}
.main_header ul li:hover a{

	color:#888;
	
}
.main_header ul li a:hover{
	color:#999;
}
.main_body{
	float:left;
	width:100%;
	
	
}
.slide_title{
	padding:10px;
	float:left;
	width:100%;
	text-align:center;
	color:#009966;
	
	
}
.slide_title h1{
	text-align:center;
	color:#009966;
	text-shadow:0 1px 1px yellow;
	word-spacing:5px;
	opecity:0.6;
	
	
}
.slide_title h1:hover{
	
	text-shadow:0px 1px 1px rgba(200, 105, 530, 1);
	
}
.slider{
	width:100%;

	
	margin:0 auto;
	

	position:relative;
	border-top:none;
	
	
	
	
	
}
.slide_text{
	position:absolute;width:inherit;z-index:222;
}
.slide_text h1{
text-align:left;padding:0;margin:0;height:auto;font-size:65px;background:none;
}
.slider img{
	float:inherit;
	margin:0;
	
	width:100%;
	padding:0px;
}
.services{
	width:100%;
	float:left;
	
	min-width:700px;
	border:none;
	
}
.portfolio{
	 float: left;
    width: 100%;
    height: 100%;
	padding:0 0 20px 0;border:none;
    background-color:#fff;
}
.portfolio1{
	 float: left;
    width: 100%;
    height: 100%;
	padding:20px;
    background-color:#fff;
	
}
.portfolio_ul{width:100%;float:left;padding:20px;box-shadow: 0 0 12px 0.5px #dedede;min-height: 600px;}
.portfolio_ul li{float:left;width:28.3%;margin:4% 2.50%;padding:2px;box-shadow:0 0 8px 4px #e3e6e6;height:170px;border-radius:4px;}
.portfolio_ul li p{padding-top:10px;color:#666;float:left;font-size:11px;text-align:center;line-height:15px;font-weight:600;}
.portfolio_ul li img {width:100%;height:100%;float:left;border-radius:4px;}
.gallery{
	 float: left;
    width: 100%;
    height: 100%;
	padding:0 0 20px 0;border:none;
    background-color:#fff;
}
.gallery_left{
	 float: left;
    width: 70%;
    height: 100%;
	padding:20px;
    background-color:#fff;
	
}
    .gallery_right{
	 float: left;
    width: 30%;
    height: 100%;
	padding:20px;
    background-color:#fff;
}
.gallery_left h1{text-align:left;padding:10px;background:#fff;color:#333;line-height:50px;
  }
.gallery_right h1{text-align:center;padding:10px;background:#fff;color:#333;line-height:50px;
   }
.gallery_ul{width:100%;float:left;padding:20px;box-shadow: 0 0 12px 0.5px #dedede;min-height: 600px;}
.gallery_ul li{float:left;width:28.3%;margin:4% 2.50%;padding:2px;box-shadow:0 0 8px 4px #e3e6e6;height:170px;border-radius:4px;}
.gallery_ul li p{padding-top:10px;color:#666;float:left;font-size:11px;text-align:center;line-height:15px;font-weight:600;}
.gallery_ul li img {width:100%;height:100%;float:left;border-radius:4px;}
.vedio_ul{width:100%;float:left;padding:20px 20px;background: #fff;min-height: 600px;box-shadow: 0 0 12px .5px #dedede;} 
 .vedio_ul li{float:left;width:100%;padding:1px;box-shadow:0 0 8px 4px #e3e6e6;height:180px;margin:18px 0;background:#FFD8B0;}
 .vedio_ul li p{padding-top:10px;color:#666;float:left;font-size:12px;text-align:center;line-height:15px;font-weight:600;}
    .vedio_ul li video {width:100%;height:100%;float:left;}
.services h1{
	padding:10px 20px;
	text-align:center;
	background:#fff;
	color:#f88814;
   

	
}
.vplay{margin:0 auto;width:60px;border:1px solid red;border-radius:50%;height:50px;background-image:url(image/play.png);background-size:cover;}
.vpushed{margin:0 auto;width:60px;border:1px solid red;border-radius:50%;height:50px;background:red;background-size:cover;}

.services_colom{
	float:left;
	width:25.33%;
	border:1px solid #999999;
	margin:4%;
	text-align:center;
	height:230px;
	overflow:hidden;
	position:relative;
	background:#fff;
	margin-top:35px;
	box-sizing:border-box;
	box-shadow:0 0 4px 1px #bbb;
	
}
.services_colom img{
	width:100%;
	min-height:50%;
	padding:10px;
    
	
}

.services_text{
	position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:#fff;
 
  overflow: hidden;
  width: 100%;
  height:40px;
  color:#000;
  transition: 1s ease;
	
	
			
}
.services_colom:hover .services_text{
	height: 100%;
	color:#000;
}

.services_colom:hover .text p{
	 color:#000;
	padding:2px;
	margin:5px;
}

.text {
 
   color:#000;
  text-align:justify;
  position: absolute;
  overflow: hidden;
  top:0%;
 
 
} 
.text p{
   color:#333;
  text-align:justify;
 padding:10px;
 font-size:12.5px;
 font-family:proxima nova;
 line-height:19px;
 
} 
.text h4{
 color:#fff;
 width:100%;
 background:#009999;
 padding:10px 5px;
 margin-top:0;
 text-align:left;
 font-size:13px;
 font-family:proxima nova;
 
}
.OutTeam{
	width:100%;
	float:left;
	min-width:700px;
	color:#3b6caa;
}
.OutTeam h1{
	text-align:left;
	padding:10px 20px;
	background:#0c8181;
	color:#fff;
	text-shadow:.5px 1px 1px red;
}
.team_detail{
	float:left;
	width:20%;
	
	margin:2.50%;
	text-align:center;
	
		
}
.description img{width:80%;height:220px;border-radius:50%;box-shadow:0 0 5px 1px #bbb;}
.description {
	width:100%;
	float:left;
	color:#FF6600;
	padding:0px;
	
}
.description_text{
	float:left;
	width:inherit;
	text-shadow:none;
	
}
.description_text h3{
	float:left;
	color:#006666;
	padding:5px 0;
	width:100%;
	text-align:center;
	
	
}
.team_detail .description .description_text p{color:#3b6caa;padding:0px 0 5px 0;float:left;z-index:1111;font-size:12px;text-align:justify;}
/* this is for footer ..................................*/
.footer{
	float:left;
	background-color:#393939 !important;
	width:100%;
	padding:0;
	overflow:hidden;
	font-family:proxima nova;
}
.footer_upper{
	width:100%;
	float:left;
	color:#FFF;
	height:260px;
	overflow:hidden;
	
	

}
.footer_upper h2{
	padding:15px 0;
	color:#FFFFFF;
	
    font-weight: 700 !important;
	font-size:18px;
	
	
}
.footer_left{
	width:28.3%;
	float:left;
	padding:5px 10px;
	color:#000;

	
}

.footer_upper a p{
	padding:5px 0px;
float:left;
width:100%;
  font-size:14px;
	font-weight:400;
	color:rgba(255, 255, 255, 0.9) !important;
	font-family:proxima nova;

   
}
.footer_upper h4{
	padding:20px 40px 15px 20px;
	width:100%;
	text-shadow:none;
	text-align:center;
	color:#FFF;
	font-size:18px;
    font-weight: 700 ;font-family:proxima nova;
	
}
.footer_middle{
	width:35%;
	float:left;font-family:proxima nova;
	color:#FFF;
	padding:5px 10px;
	font-size:14px;line-height:22px;
   /* border-width: 2px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    -moz-border-image:
      -moz-linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    -o-border-image:
      -ms-linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    border-image:
      linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;*/
}

.footer_middle h4 img{margin:0 5px;float:left;font-family:proxima nova;}
.footer_right{
	width:34%;
	float:left;
	color:#FFF;
	padding:5px 10px 5px 10px;font-family:proxima nova;

	 
}
.footer_right input[type=text]{
	width:200px;height:25px;
	border:none;padding:5px;
	
}
.footer_right input[type=textarea]{
	width:200px;height:50px;border:none;
}
.footer_right input[type=submit]{
	width:70px;padding:4px;
	margin-top:5px;
	background:#efecec;
	border:none;
	
	
}
.footer_right input[type=reset]{
	width:70px;padding:4px;
	margin-top:5px;
	background:#fff;
	border:none;
	float:right;
}
.footer_bottom{
	float:left;
	width:100%;
	font-family:proxima nova;
	line-height:40px;
	color:#fff;
	
    font-weight: 400 !important;
	background:#2c2b2b;
	
	
}
.footer_bottom p{
	
	text-align:center;
	width:100%;
	color:#fff;
	font-family:proxima nova;
    font-weight: 400 !important;
	height:40px;
	line-height:40px;
    font-size:14px;
}
/* this is for footer end..................................*/
/* this is for slider effect ..................................*/

#slideshow {
 	position:relative;
    height:400px;
	border-radius:0 0 6px 6px;
	
}

#slideshow DIV {
   position:absolute;
    z-index:8;
    background-color: #FFF;
	width:100%;
	 height:400px;
	
	
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
	
}

#slideshow DIV.last-active {
    z-index:9;
	
}

#slideshow DIV IMG {
    height:400px;
    display: block;
    border: 0;
	width:100%;
	padding:0px;
	

}
.iso{
	position:absolute;left:5%;bottom:10px;width:300px;height:100px;
	z-index:6666;
	
}
.iso img{
	width:50%;padding:5px;height:100%;
}

/* this is for slider effect ..............end....................*/

/* this is for What we do ..................................*/

.WhatWeDo{
	text-align: left;
 	padding-top:10px;
    background:#fff;
  	font-family:proxima nova;
	float:left;
	overflow:hidden;
   
	
}
.WhatWeDo h4{padding:20px 0;text-align:center;margin-top:28px;font-family:proxima nova;}

.WhatWeDo p{text-align:justify;padding:5px 20px;
	text-align:justify;	color:#001122;font-size:18px;line-height:26px;word-spacing:3px;letter-spacing:.7px;
	 border-bottom: 2px solid transparent;font-family:proxima nova;font-weight:400;}
.WhatWeDo h1{
	padding:30px 20px 10px 20px;
	text-align:left;
	color:#333;
	font-weight:700;
	font-size:32px;
	font-family:proxima nova;
	
}

.WhatWeDo_left_img{
	width:29%;
	float:left;
	margin-top:20px;
	
}
.WhatWeDo_left_content{
	width:69%;
	float:left;
	margin-top:5px;
	
	

}
.WhatWeDo_left_content h1{
	color:#333;
	padding:20px 20px 10px 20px;
	background:none;
	font-family:proxima nova;
	font-weight:700;
	line-height:32px;
	font-size:25px; 
}
.WhatWeDo_left_content p{
	
	text-align:justify;	color:#001122;font-size:18px;line-height:26px;word-spacing:3px;letter-spacing:.7px;
	 border-bottom: 2px solid transparent;
	padding:10px 30px;
	font-weight:400;
	font-family:proxima nova;
	text-align:justify;
}
.area_whatwedo{
	
    font-weight: 400 !important;
	text-align:justify;	color:#001122;font-size:16px;line-height:26px;word-spacing:3px;letter-spacing:.7px;
	padding:20px;
	float:left;
}
.area_whatwedo_background{background:green;}
.WhatWeDo_left_img img {
	width:100%;
	padding:20px 10px;
	margin-top:0px;
}
.WhatWeDo_right_content{
	width:69%;
	float:right;
	margin-top:10px;
	
}
.WhatWeDo_right_content h1{
	color:#333;
	padding:20px 20px 10px 20px;
	background:none;font-size:25px;
	lettet-height:45px;letter-spacing:.8px;
	font-family:proxima nova;font-weight:700;
	line-height:32px;
}
.WhatWeDo_right_content p{
	padding:20px 30px;
	text-align:justify;
	font-family:proxima nova;
	font-weight:400;
	font-size:18px;
	letter-spacing:.7px;
	line-height:26px;
	
}
.WhatWeDo_right_img{
	width:29%;
	float:right;
	
	margin-top:20px;
}
.WhatWeDo_right_img img{
	width:100%;
	padding:20px 10px;
	margin-top:30px;
		
}
.WhatWeDo content{width:100%;}
.software_development{
	width:100%;
	float:left;
	padding:2px 20px 2px 20px;
	}
.software_development_colom{
	float:left;
	width:42%;
	
	margin:2%;
	padding:0px 0 10px 0;
	box-shadow:8px 10px 12px #ccc, -3px -3px 0px #fff;
	box-sizing:border-box;
}
.s1{background:linear-gradient(to right, #fff, #fff);}
.s2{background:linear-gradient(to left, #fff, #fff);}
.s3{background:linear-gradient(to right, #fff, #fff);}
.h1{background:linear-gradient(to left, #efefef, #efefef);}
.h2{background:linear-gradient(to left, #efefef, #efefef);}
.h3{background:linear-gradient(to left, #efefef, #efefef);}
.software_development_colom_head img {width:100%;height:100%;}
.software_development_colom_head{width:100%;padding:0px 0px;margin:0;float:left;height:80px;border:1px solid gray;color:black;border-left: none;border-right: none;}
.software_development_colom_head_img{width:25%;float:left;padding:2px;}
.software_development_colom_head_img img{width:100%;height:100%;margin-top:20px;padding:2px;}
.software_development_colom_head_content{width:75%;float:left;font-size:16px;line-height:25px;padding:15px 5px;font-weight:600;}
.software_development_colom_center{width:100%;padding:5px 5px;float:left;border-bottom:1px solid gray;margin:0%;height:50px;}
.software_development_colom_img{width:18.5%;float:left;text-align:right;height:100%;padding:2px;}
.software_development_colom_img img{width:100%;height:100%;}
.software_development_colom_content{height:100%;width:81.5%;float:left;padding:8.3px 3px;font-size:14px;}
.software_development_background{background:#fefdfd;}
.software_development_background_one {background:#fff}

.software_development p{text-align:left;font-size:16px;padding:25px 20px 0px 25px;}

.software_development_left {
	width:29.33%;

	float:left;
	margin-top:15px;
	
	
	padding:7px;
}
.software_development_left ul{
	padding:0 10px 10px 10px;
	width:100%;
	float:left;	
	list-style:none;
}
.software_development_left ul li{
	
	color:#006666;
	margin:2px 0;
	float:left;
	width:90%;
	text-align:left;
	
}
.software_development_left ul li a{
	padding:10px 3px ;
	float:left;
	width:100%;
	text-align:left;
	
}
span{background: 0 0;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
	text-shadow:none;
    list-style-type: none;
	background: url(image/list-btm-brdr.jpg) no-repeat bottom left;}
.software_development_right{
	width:70%;
	float:right;
	margin-top:20px;
	padding:0 10px 0 0;
	position:relative;
	min-height:550px;
	
}
.software_development_middle{
	height:inherit;
	position:absolute;
	margin-left:-50px;
	padding:0 10px 0 0;
	box-shadow:0 0 6px 2px gray;
	 background: linear-gradient(to right, #ddd, #fff, #fff, #fff, #fff, #fff, #fff, #ccc);
	 
}
.software_development_middle h4{
	color:red;
	text-align:left;
	padding:0px 20px 10px 20px;
	background:none;
}
.software_development_middle p{
	padding:20px;
	text-align:justify;
}
.software_development_middle ul{
		padding:5px 10px 10px 70px;
		list-style-image: url("../image/direction1.png");
		
		float:left;
}
.software_development_middle ul li{
		width:100%;
		float:left;
		padding:2px 10px 2px 10px;
		
	
}
.whatWeDo_left{
	width:42%;
	float:left;
	margin:4%;
	padding:10px 10px;
	 position:relative;
  overflow:hidden; 
 
  background:#efefef ;
  	
}
.whatWeDo_left:before {
  content: ""; 
  position:absolute; 
  z-index: 1100; 
  width:10px;  
  top: 0%; 
  height: 100%; 
  left: -10px; 
 right: -10px; 
  box-shadow:0 0 13px rgba(0,0,0,0.6); 
}
.whatWeDo_left:after {
  content: ""; 
  position:absolute; 
  z-index: 1100; 
  width:10px;  
  top: 0%; 
  height: 100%; 
  right: -10px; 
  box-shadow:0 0 13px rgba(0,0,0,0.6); 
}
.whatWeDo_left h2{
		padding:15px 10px 10px 35px;
		text-align:left;
		}
.whatWeDo_left ul{
		width:100%;
		
		padding:0px 20px 10px 60px;
		
		float:left;
		list-style-image:url(../image/direction1.png)	
}
.whatWeDo_left ul li{
		width:100%;
		line-height:25px;
		float:left;
		color:#000;
		font-size:16px;
}
.icon{width:30px;background:#FFFFFF;font-size:30px;color:red;line-height:40px;}


/* this is for What we do .............end.....................*/

/* this is for ...Home ..................................*/
.area{	width:100%;
	float:left;
	background:#fff;
	min-width:700px;
	padding:5px 20px;
	margin-top:0px;
	text-shadow:none;
	color:#001122;
	
    font-weight: 400 !important;
	}
	
.home_left_home{
	width:65%;
	float:left;
	text-align:justify;
	padding:10px 0px 10px 2px;
	background:#fff;
    color:#000;
	font-family:proxima nova !important ;
	
}
.home_right_home{
	width:35%;
	float:left;
	text-align:justify;
	padding:10px 30px;
	background:#fff;
    color:#000;
	font-family:proxima nova !important ;
	
}
.home{
	 text-align: left;
    text-shadow: 0 1px 1px red;
    background: #fff;
  
	
	float:left;
	word-spacing:.5px;
	letter-spacing:.5px;

}
.home h1{
	padding:10px 0px;
	text-align:left;
	 font-weight: 700;
    letter-spacing: .04e;
    letter-height:50px;
    font-size: 20px;
    color: #333;
    
    text-shadow: none;
  
	
	
}
.home_left{
	width:100%;
	float:left;
	text-align:justify;
	padding:0px 0px 10px 10px;
	background:#fff;
    color:#001122;
	
	letter-spacing:normal;
}
.home_right h2{
	background:#fefefe;
		text-align:center;
		margin-top:10px;
		padding:5px;
		color:#777;
		 font-weight: 700;
		 font-size:20px;
		
		 font-family:proxima nova;
		 letter-spacing:.7px;
	border-bottom:2px solid #37a000;
		}
.project{padding:0px 17px;}
.project li a{padding:20px 0;color:#FF0000;line-height:27px;}
.project1{padding:0px 17px; line-height:22px; }
.project1 li a{padding:20px 0;color:#CA0000;line-height:27px;}


.home_left p{
	padding:10px 10px 10px 0;  
	font-size: 18px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.3em;
    font-weight: 400;
	font-family:proxima nova !important ;
	letter-spacing:0em;
	color:#00081a;
	}
.home_right p{padding:10px 0;}
.home_right p a{text-align:left;
		word-spacing:normal;
		letter-spacing:normal;
		color:#FF0000;
	line-height:23px;
		}
.home_right p img{width:100%;}
.home_right{
	float:left;
	width:100%;
	color:#000;
	text-align:left;
	padding:0px 30px;
	background-color:#fefefe;
	  
}

/* this is for ...Home ..................end...............*/
/* this is for our project ..................................*/

.our_project{
	text-align: left;
 border:none;
    background: #fff;
 
	width:100%;
	float:left;
}
.our_project_border{	border-bottom:1px solid #efefef;padding:20px 0}
.our_project h4{padding:20px 0;text-align:center;margin-top:20px;}
.our_project p{text-align:justify;padding:10px 20px;}
.our_project h1{padding:10px 20px 0 20px;
	text-align:left;
	font-family:proxima nova;
	text-align:left;
	 font-weight: 700;
    letter-spacing: .04e;
    line-height:50px;
    font-size: 25px;
    color: #ff3a11;
 
    text-shadow: none;
  
	
}
.our_project_left_img{
	width:29.5%;
	float:left;
    min-height: 100px;
	margin-top:40px;
	margin-left:2%;
	margin-right:.5%;
	text-align:center;
	border-color:#000000;padding:1px;
	box-shadow: 0 0 1px 2px black;
	
}
.our_project_right_img{
	width:29.5%;
	float:left;
    min-height: 100px;
	margin:105px 1.7% 0 .75%;

	
	text-align:center;
	border-color:#000000;padding:1px;
	box-shadow: 0 0 1px 2px black;
	
}
.our_project_right_img img{width:100%;height:100%;}
.content{padding:0px 40px 20px 45px;float:left;width:100%;color:#0e0e0e;}
.content li{padding:10px 0;border-left:none;border-right:none;border-top:none;font-size:16px;  }
.content li:first-child{}

.our_project_left_img img {
	width:100%;

	padding:10px;
	
	border:1px solid gray;
}
.our_project_left_img video{
	width:100%;

	

	border-color:#000000;
}
.our_project_right_content{
	width:68%;
	float:left;
	margin-top:10px;
	padding:5px;
	
	
}
.our_project_right_content h1{

	padding:10px 20px;

	text-align:left;
	 font-weight: 700;
    letter-spacing: .04e;
    line-height:50px;
    font-size: 25px;
    color: #333;
   
    text-shadow: none;
  
}
.our_project_right_content p{
	padding:10px 20px;
	text-align:justify;
	color:#001122;
	letter-spacing:1px;
	line-height:22px;
	font-family:proxima nova;
	font-weight:400;
	line-height:25px;
	
}
    .our_project p b{color:#000;}
.our_project_right_content ul{width:100%;float:left;padding:5px 20px;z-index: 9999;}
.our_project_right_content ul li{width:100%;float:left;padding:2px 5px 1px 0px;display:block;}
.our_project_right_content ul li .imgdiv{float:left;padding:5px 0px;line-height:26px;width:4%;height:35px;}	
.our_project_right_content ul li .imgdiv img{width:100%;height:100%;float:left;}
.our_project_right_content ul li .list_content{float:left;padding:5px 8px;line-height:28px;text-align:justify;width:90%;color:#001122;font-size:16px;}

.our_project_right_content ul li .list_content_crm{float:left;padding:5px 8px;line-height:28px;text-align:justify;width:45%;color:#001122;font-size:16px;}

/* this is for Our Project.............end.....................*/
.WhoWeAre{
	
    background: #fff;
 	border-bottom:1px solid #efefef;
	float:left;
	overflow:hidden;
	
	font-size:16px;
	color:#001122;
	
 }
.testimonial{height:150px;border:1px solid red;width:100%;position:relative;}
 .WhoWeAre h1{text-align:left;color:#333;padding:0px 5px 0px 5px;font-size:25px;}
 .WhoWeAre p{text-align:justify;color:#333;font-size:18px;line-height:26px;word-spacing:3px;letter-spacing:.75px;padding-top:20px;}
 .WhoWeAre_75{float:left;
 width:73%;
 text-align: left; 
  background: #fff;
  float:left;
  padding:0 1.5% 3% 1.5%;
  margin:0 1%;
	overflow:hidden;
	}
.WhoWeAre_75 h1{text-align:left;}	
.WhoWeAre_25{float:left;
 width:24%;
 text-align: left; 
  background:#FFFFFF;
  float:left;
  margin-top:2.5%;
  padding:1% 0 0% .5%;
	overflow:hidden;
	box-shadow:0 0 8px 4px #efefef;font-weight:bold;
	}	
.WhoWeAre_24{float:left;
 width:24%;
 text-align: left; 
  background:#FFFFFF;
  float:left;
  margin-top:3%;
  padding:1.5% 0 0% .5%;
	overflow:hidden;

	}	
.WhoWeAre_left{
	width:50%;
	float:left;
	
	padding:2.5%;
	text-align:justify;
	font-size:16px;
	color:#333;
		
}
.WhoWeAre_left p{
	
	text-align:justify;
	font-size:15px;
	color:#333;
	font-weight:400;
	}
.WhoWeAre_25 h2{padding:5px;background:#fff;color:#333;text-shadow:none;}
.keyskill{width:100%;background:#fff;line-height:20px;color:#422100;font-size:11px;padding:2px 5px;font-weight:bold;}
.WhoWeAre_25 h4{color:red;text-align:left;padding:3px 5px;border:1px solid gray;border-right:none;border-left:none;text-shadow:none;font-weight:bold;}
.WhoWeAre_left p b{color: rgba(0, 0, 0, .6);}
.WhoWeAre_left h1{
		padding:5px 0 5px 0;
		text-align:left;
		
		}
.WhoWeAre_25 ul{
		width:100%;
		
		padding:10px 10px 10px 30px;
		
		float:left;
		list-style-image:url(../image/rightaero.png)	
}
.WhoWeAre_25 ul li{
		width:100%;
		line-height:22px;
		float:left;
		font-size:13px;
		border-bottom:1px dashed gray;
	
}

.vedio_controller{margin:0px;padding:0px;float:left;border-left:2px solid #000;border-right:2px solid #000;}
.vedio_header{height:30px;width:100%;background-color:#000;font-size:20px;color:#fff;padding:0;line-height:28px;}
.vedio_vedio{width:100%;margin:0px;padding:0px;height:100%;float:left;height:100%;}
.controller{width:100%;float:left;margin-left:0px;z-index:999;bottom:0;padding:2px 0;overflow:hidden;border-left:1px solid black;border-right:1px solid black;}
.controller1{width:100%;float:left;background-color:#000;}
.spaning{width:98%;margin:auto;}
.span1{float:left;border-radius:50%;text-align:center;padding:4px;background-image:url(../our_project_image/play.png);background-size:cover;height:30px;width:30px;margin-top:5px;margin-left:5px;}
.span2{padding:4px;background-image:url(../our_project_image/sound.png);float:left;border-radius:50%;text-align:center;margin:0 0px 0 40px;background-size:cover;width:32px;height:32px;margin-top:6px}
.span3{float:right;text-align:center;margin:6px;height:30px;width:30px;background-image:url(../our_project_image/FullScreen.png);background-size:cover;box-shadow:0 0 1px 1px gray;}
.span4{float:left;text-align:center;margin:20px 6px 6px 0px;}
input[type=range]{
	
	height:2px;
	 border-color: transparent;
	border:none;
	background-color:#009966;
	 -webkit-appearance: none;
	
}

body, html{
	width:100%;
	height:100%;
	margin:0;
	background: #FFFFFF;
}

*{
  
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;

	margin:0;
	padding:0;
}
  }
  

 
  
  @media only screen and (min-width : 1025px) and (max-width : 1280px){
  
.mobile_menu_1{float:right;padding:20px 10px;font-weight:bold;color:#000000;display:none !important ;}
.clientbackimg{display:block!important;}
.clientbackimgsmallscreen{display:none !important;}
.clientbackimgmobilescreen{display:none !important ;}
  td{font-size: 14px;}

h1, h2, h3, h4, h5, h6{
	font-family:proxima nova;
    }
a{color:#003D79;}
.row::after {
    content: "";
    clear: both;
    display: block;
}
.main_container{
	margin:0;
	padding:0px;
}
.container{
	width:100%;
	margin:0;
	padding:0;
	float:left;
    
    
}
.wrapper {
	min-width:980px;
	margin:0px auto;
	padding:0;
	
	
	
}
.fixed_top{
	float:left;
	width:100%;

	background-color:#A00000;
	opacity:.7;
	z-index:111;
}
.fixed_detail{
	width:37%;
	float:left;
	text-align:center;
	color:#FFf;
	padding:20px;
	position:relative;
}

.header{
	margin:0px auto 0 auto;
	width:100%;

	float:left;
	
	
	border-bottom:none;
	border-top:none;
	color:#000;
	
}
.top_header{
	width:100%;
	float:left;	
	
}	
.logo{float:left;height:75px;border-radius:6px;}
.cotetion{float:left;padding-left:5px;margin-top:21px;color:#000; }
.cotetion h2{font-size:18px;
    font-weight: 600;font-style:normal;
	}	
.certified_iso{padding: 7px;
    text-align: center;
    width: 23%;
    font-weight: bold;
   	color:#FFf;
	float:left;
    font-size: 14px;
    line-height: 28px;
   }
 .social_icon_top{float: right;
    font-size: 15px;  
    text-align:right;
	padding:7px 2px;} 
.contact_top{padding: 6px;
    font-size: 13px;
    margin-left: 0; font-weight:600;
    text-align: left;}
.header_logo{
	float:left;

	padding:5px 10px;
}
.logo_img {float:left;height:80px;border-radius:6px;}
.logo_heading{float:left;padding-left:10px;margin-top:25px;color:#336699;text-shadow:none;}
.top_header logo_img img{
	float:left;
	height:800px;
	
}
.logo_heading h1{text-shadow:none;}
.header_menu{
	float:right;
	padding:0px;
	
}
ul {
	
	list-style:none;
	margin:0 auto;
	
}

.header_menu ul{ 
	padding:0px 0px 0px 0px;
	
	float:left;

}
.header_menu ul li {
	padding:30px 15px;
	float:left;
	
	font-size:14px;
	font-weight:500;
	box-sizing:border-box;
	border-bottom:none;
	border-top:none;
	color:#000;
	
}
.header_menu ul li:first-child{
	border-left-width:2px;
	
}
.header_menu ul li:last-child{
	border-right-width:2px;
	
}

.header_menu ul li:hover{
	
	color:#000;
	border:none;
}

.header_menu ul li:hover a{
	
	color:#bbb;
	
	
}
.submenu{float:left;
	position:absolute;
	z-index:999;

	width:200px;
	margin:30px 0 0 -15px;
	display:none;
	padding:0px;
	

}
.header_menu ul li:hover .submenu{
	display:block;
	padding:0px;
	border-top:1px solid white;
	background-color:#A00000;
	
	
}
.submenu .submenu_li
	{
	margin:0px 0 0 0px;
	width:100%;
	color:#fff;
	padding:10px 5px;
	font-size:13px;
	border:none;
	font-weight:bold;
	
	background:none;
	text-shadow:none;
	background:#A00000;
	
	}

.submenu .submenu_li:hover
	{
	background:#FFF;
	
	margin:0px 0 0 0px;
	width:100%;
	color:#A00000;
	
	
	}
.submenu .submenu_li:first-child
	{
	
	border-top:none;
	}

a {
	text-decoration:none;
	font-size:14px;
	font-weight:200;
	
}
.header_menu ul li a{
	color:#00080a;
	font-weight:400;
	font-size:16px;
	
	
}
.main_header {
	width:100%;
	float:left;
	background:#fff;
}
.main_header ul{
	
	margin:0 auto;
	float:left;
	}
.main_header ul li{
	padding:20px 0;
	width:150px;
	text-align:center;
	
}
.main_header ul li:hover{
	
}
.main_header ul li:hover a{

	color:#888;
	
}
.main_header ul li a:hover{
	color:#999;
}
.main_body{
	float:left;
	width:100%;
	
	
}
.slide_title{
	padding:10px;
	float:left;
	width:100%;
	text-align:center;
	color:#009966;
	
	
}
.slide_title h1{
	text-align:center;
	color:#009966;
	text-shadow:0 1px 1px yellow;
	word-spacing:5px;
	opecity:0.6;
	
	
}
.slide_title h1:hover{
	
	text-shadow:0px 1px 1px rgba(200, 105, 530, 1);
	
}
.slider{
	width:100%;
	
	margin:0 auto;
	

	position:relative;
	border-top:none;
	
	
	
	
	
}
.slide_text{
	position:absolute;width:inherit;z-index:222;
}
.slide_text h1{
text-align:left;padding:0;margin:0;height:auto;font-size:65px;background:none;
}
.slider img{
	float:inherit;
	margin:0;
	
	width:100%;
	padding:0px;
}
.services{
	width:100%;
	float:left;
	
	min-width:700px;
	border:none;
	
}
.portfolio{
	 float: left;
    width: 100%;
    height: 100%;
	padding:0 0 20px 0;border:none;
    background-color:#fff;
}
.portfolio1{
	 float: left;
    width: 100%;
    height: 100%;
	padding:20px;
    background-color:#fff;
	
}
.portfolio_ul{width:100%;float:left;padding:20px;box-shadow: 0 0 12px 0.5px #dedede;min-height: 600px;}
.portfolio_ul li{float:left;width:28.3%;margin:4% 2.50%;padding:2px;box-shadow:0 0 8px 4px #e3e6e6;height:170px;border-radius:4px;}
.portfolio_ul li p{padding-top:10px;color:#666;float:left;font-size:11px;text-align:center;line-height:15px;font-weight:600;}
.portfolio_ul li img {width:100%;height:100%;float:left;border-radius:4px;}
.gallery{
	 float: left;
    width: 100%;
    height: 100%;
	padding:0 0 20px 0;border:none;
    background-color:#fff;
}
.gallery_left{
	 float: left;
    width: 70%;
    height: 100%;
	padding:20px;
    background-color:#fff;
	
}
    .gallery_right{
	 float: left;
    width: 30%;
    height: 100%;
	padding:20px;
    background-color:#fff;
}
.gallery_left h1{text-align:left;padding:10px;background:#fff;color:#333;line-height:50px;
  }
.gallery_right h1{text-align:center;padding:10px;background:#fff;color:#333;line-height:50px;
   }
.gallery_ul{width:100%;float:left;padding:20px;box-shadow: 0 0 12px 0.5px #dedede;min-height: 600px;}
.gallery_ul li{float:left;width:28.3%;margin:4% 2.50%;padding:2px;box-shadow:0 0 8px 4px #e3e6e6;height:170px;border-radius:4px;}
.gallery_ul li p{padding-top:10px;color:#666;float:left;font-size:11px;text-align:center;line-height:15px;font-weight:600;}
.gallery_ul li img {width:100%;height:100%;float:left;border-radius:4px;}
.vedio_ul{width:100%;float:left;padding:20px 20px;background: #fff;min-height: 600px;box-shadow: 0 0 12px .5px #dedede;} 
 .vedio_ul li{float:left;width:100%;padding:1px;box-shadow:0 0 8px 4px #e3e6e6;height:180px;margin:18px 0;background:#FFD8B0;}
 .vedio_ul li p{padding-top:10px;color:#666;float:left;font-size:12px;text-align:center;line-height:15px;font-weight:600;}
    .vedio_ul li video {width:100%;height:100%;float:left;}
.services h1{
	padding:10px 20px;
	text-align:center;
	background:#fff;
	color:#f88814;
   

	
}
.vplay{margin:0 auto;width:60px;border:1px solid red;border-radius:50%;height:50px;background-image:url(image/play.png);background-size:cover;}
.vpushed{margin:0 auto;width:60px;border:1px solid red;border-radius:50%;height:50px;background:red;background-size:cover;}

.services_colom{
	float:left;
	width:25.33%;
	border:1px solid #999999;
	margin:4%;
	text-align:center;
	height:230px;
	overflow:hidden;
	position:relative;
	background:#fff;
	margin-top:35px;
	box-sizing:border-box;
	box-shadow:0 0 4px 1px #bbb;
	
}
.services_colom img{
	width:100%;
	min-height:50%;
	padding:10px;
    
	
}

.services_text{
	position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:#fff;
 
  overflow: hidden;
  width: 100%;
  height:40px;
  color:#000;
  transition: 1s ease;
	
	
			
}
.services_colom:hover .services_text{
	height: 100%;
	color:#000;
}

.services_colom:hover .text p{
	 color:#000;
	padding:2px;
	margin:5px;
}

.text {
 
   color:#000;
  text-align:justify;
  position: absolute;
  overflow: hidden;
  top:0%;
 
 
} 
.text p{
   color:#333;
  text-align:justify;
 padding:10px;
 font-size:12.5px;
 font-family:proxima nova;
 line-height:19px;
 
} 
.text h4{
 color:#fff;
 width:100%;
 background:#009999;
 padding:10px 5px;
 margin-top:0;
 text-align:left;
 font-size:13px;
 font-family:proxima nova;
 
}
.OutTeam{
	width:100%;
	float:left;
	min-width:700px;
	color:#3b6caa;
}
.OutTeam h1{
	text-align:left;
	padding:10px 20px;
	background:#0c8181;
	color:#fff;
	text-shadow:.5px 1px 1px red;
}
.team_detail{
	float:left;
	width:20%;
	
	margin:2.50%;
	text-align:center;
	
		
}
.description img{width:80%;height:220px;border-radius:50%;box-shadow:0 0 5px 1px #bbb;}
.description {
	width:100%;
	float:left;
	color:#FF6600;
	padding:0px;
	
}
.description_text{
	float:left;
	width:inherit;
	text-shadow:none;
	
}
.description_text h3{
	float:left;
	color:#006666;
	padding:5px 0;
	width:100%;
	text-align:center;
	
	
}
.team_detail .description .description_text p{color:#3b6caa;padding:0px 0 5px 0;float:left;z-index:1111;font-size:12px;text-align:justify;}
/* this is for footer ..................................*/
.footer{
	float:left;
	background-color:#393939 !important;
	width:100%;
	padding:0;
	overflow:hidden;
	font-family:proxima nova;
}
.footer_upper{
	width:100%;
	float:left;
	color:#FFF;
	height:260px;
	overflow:hidden;
	
	

}
.footer_upper h2{
	padding:15px 0;
	color:#FFFFFF;
	
    font-weight: 700 !important;
	font-size:18px;
	
	
}
.footer_left{
	width:30.3%;
	float:left;
	padding:5px 25px;
	color:#000;

	
}

.footer_upper a p{
	padding:5px 0px;
float:left;
width:100%;
  font-size:14px;
	font-weight:400;
	color:rgba(255, 255, 255, 0.9) !important;
	font-family:proxima nova;

   
}
.footer_upper h4{
	padding:20px 40px 15px 20px;
	width:100%;
	text-shadow:none;
	text-align:center;
	color:#FFF;
	font-size:18px;
    font-weight: 700 ;font-family:proxima nova;
	
}
.footer_middle{
	width:35.3%;
	float:left;font-family:proxima nova;
	color:#FFF;
	padding:5px 25px;
	font-size:14px;line-height:22px;
   /* border-width: 2px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    -moz-border-image:
      -moz-linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    -o-border-image:
      -ms-linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    border-image:
      linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;*/
}

.footer_middle h4 img{margin:0 5px;float:left;font-family:proxima nova;}
.footer_right{
	width:34.3%;
	float:left;
	color:#FFF;
	padding:5px 30px 5px 30px;font-family:proxima nova;

	 
}
.footer_right input[type=text]{
	width:200px;height:25px;
	border:none;padding:5px;
	
}
.footer_right input[type=textarea]{
	width:200px;height:50px;border:none;
}
.footer_right input[type=submit]{
	width:70px;padding:4px;
	margin-top:5px;
	background:#efecec;
	border:none;
	
	
}
.footer_right input[type=reset]{
	width:70px;padding:4px;
	margin-top:5px;
	background:#fff;
	border:none;
	float:right;
}
.footer_bottom{
	float:left;
	width:100%;
	font-family:proxima nova;
	line-height:40px;
	color:#b0b0b0;
	
    font-weight: 400 !important;
	background:#2c2b2b;
	
	
}
.footer_bottom p{
	
	text-align:center;
	width:100%;
	color:#fff;
	font-family:proxima nova;
    font-weight: 400 !important;
	height:40px;
	line-height:40px;
    font-size:14px;
}
/* this is for footer end..................................*/
/* this is for slider effect ..................................*/

#slideshow {
 	position:relative;
    height:500px;
	border-radius:0 0 6px 6px;
	
}

#slideshow DIV {
   position:absolute;
    z-index:8;
    background-color: #FFF;
	width:100%;
	 height:500px;
	
	
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
	
}

#slideshow DIV.last-active {
    z-index:9;
	
}

#slideshow DIV IMG {
    height:500px;
    display: block;
    border: 0;
	width:100%;
	padding:0px;
	

}
.iso{
	position:absolute;left:5%;bottom:10px;width:300px;height:100px;
	z-index:6666;
	
}
.iso img{
	width:50%;padding:5px;height:100%;
}

/* this is for slider effect ..............end....................*/

/* this is for What we do ..................................*/

.WhatWeDo{
	text-align: left;
 	padding-top:10px;
    background:#fff;
  	font-family:proxima nova;
	float:left;
	overflow:hidden;
   
	
}
.WhatWeDo h4{padding:20px 0;text-align:center;margin-top:28px;font-family:proxima nova;}

.WhatWeDo p{text-align:justify;padding:5px 20px;
	text-align:justify;	color:#001122;font-size:18px;line-height:26px;word-spacing:3px;letter-spacing:.7px;
	 border-bottom: 2px solid transparent;font-family:proxima nova;font-weight:400;}
.WhatWeDo h1{
	padding:30px 20px 10px 20px;
	text-align:left;
	color:#333;
	font-weight:700;
	font-size:32px;
	font-family:proxima nova;
	
}

.WhatWeDo_left_img{
	width:29%;
	float:left;
	margin-top:20px;
	
}
.WhatWeDo_left_content{
	width:69%;
	float:left;
	margin-top:5px;
	
	

}
.WhatWeDo_left_content h1{
	color:#333;
	padding:20px 20px 10px 20px;
	background:none;
	font-family:proxima nova;
	font-weight:700;
	line-height:32px;
	font-size:25px; 
}
.WhatWeDo_left_content p{
	
	text-align:justify;	color:#001122;font-size:18px;line-height:26px;word-spacing:3px;letter-spacing:.7px;
	 border-bottom: 2px solid transparent;
	padding:10px 30px;
	font-weight:400;
	font-family:proxima nova;
	text-align:justify;
}
.area_whatwedo{
	
    font-weight: 400 !important;
	text-align:justify;	color:#001122;font-size:16px;line-height:26px;word-spacing:3px;letter-spacing:.7px;
	padding:20px;
	float:left;
}
.area_whatwedo_background{background:green;}
.WhatWeDo_left_img img {
	width:100%;
	padding:20px 10px;
	margin-top:0px;
}
.WhatWeDo_right_content{
	width:69%;
	float:right;
	margin-top:10px;
	
}
.WhatWeDo_right_content h1{
	color:#333;
	padding:20px 20px 10px 20px;
	background:none;font-size:25px;
	lettet-height:45px;letter-spacing:.8px;
	font-family:proxima nova;font-weight:700;
	line-height:32px;
}
.WhatWeDo_right_content p{
	padding:20px 30px;
	text-align:justify;
	font-family:proxima nova;
	font-weight:400;
	font-size:18px;
	letter-spacing:.7px;
	line-height:26px;
	
}
.WhatWeDo_right_img{
	width:29%;
	float:right;
	
	margin-top:20px;
}
.WhatWeDo_right_img img{
	width:100%;
	padding:20px 10px;
	margin-top:30px;
		
}
.WhatWeDo content{width:100%;}
.software_development{
	width:100%;
	float:left;
	padding:2px 20px 2px 20px;
	}
.software_development_colom{
	float:left;
	width:29.33%;
	
	margin:2%;
	padding:0px 0 10px 0;
	box-shadow:8px 10px 12px #ccc, -3px -3px 0px #fff;
	box-sizing:border-box;
}
.s1{background:linear-gradient(to right, #fff, #fff);}
.s2{background:linear-gradient(to left, #fff, #fff);}
.s3{background:linear-gradient(to right, #fff, #fff);}
.h1{background:linear-gradient(to left, #efefef, #efefef);}
.h2{background:linear-gradient(to left, #efefef, #efefef);}
.h3{background:linear-gradient(to left, #efefef, #efefef);}
.software_development_colom_head img {width:100%;height:100%;}
.software_development_colom_head{width:100%;padding:0px 0px;margin:0;float:left;height:80px;border:1px solid gray;color:black;border-left: none;border-right: none;}
.software_development_colom_head_img{width:25%;float:left;padding:2px;}
.software_development_colom_head_img img{width:100%;height:100%;margin-top:20px;padding:2px;}
.software_development_colom_head_content{width:75%;float:left;font-size:16px;line-height:25px;padding:15px 5px;font-weight:600;}
.software_development_colom_center{width:100%;padding:5px 5px;float:left;border-bottom:1px solid gray;margin:0%;height:50px;}
.software_development_colom_img{width:18.5%;float:left;text-align:right;height:100%;padding:2px;}
.software_development_colom_img img{width:100%;height:100%;}
.software_development_colom_content{height:100%;width:81.5%;float:left;padding:8.3px 3px;font-size:14px;}
.software_development_background{background:#fefdfd;}
.software_development_background_one {background:#fff}

.software_development p{text-align:left;font-size:16px;padding:25px 20px 0px 25px;}

.software_development_left {
	width:29.33%;

	float:left;
	margin-top:15px;
	
	
	padding:7px;
}
.software_development_left ul{
	padding:0 10px 10px 10px;
	width:100%;
	float:left;	
	list-style:none;
}
.software_development_left ul li{
	
	color:#006666;
	margin:2px 0;
	float:left;
	width:90%;
	text-align:left;
	
}
.software_development_left ul li a{
	padding:10px 3px ;
	float:left;
	width:100%;
	text-align:left;
	
}
span{background: 0 0;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
	text-shadow:none;
    list-style-type: none;
	background: url(image/list-btm-brdr.jpg) no-repeat bottom left;}
.software_development_right{
	width:70%;
	float:right;
	margin-top:20px;
	padding:0 10px 0 0;
	position:relative;
	min-height:550px;
	
}
.software_development_middle{
	height:inherit;
	position:absolute;
	margin-left:-50px;
	padding:0 10px 0 0;
	box-shadow:0 0 6px 2px gray;
	 background: linear-gradient(to right, #ddd, #fff, #fff, #fff, #fff, #fff, #fff, #ccc);
	 
}
.software_development_middle h4{
	color:red;
	text-align:left;
	padding:0px 20px 10px 20px;
	background:none;
}
.software_development_middle p{
	padding:20px;
	text-align:justify;
}
.software_development_middle ul{
		padding:5px 10px 10px 70px;
		list-style-image: url("../image/direction1.png");
		
		float:left;
}
.software_development_middle ul li{
		width:100%;
		float:left;
		padding:2px 10px 2px 10px;
		
	
}
.whatWeDo_left{
	width:42%;
	float:left;
	margin:4%;
	padding:10px 10px;
	 position:relative;
  overflow:hidden; 
 
  background:#efefef ;
  	
}
.whatWeDo_left:before {
  content: ""; 
  position:absolute; 
  z-index: 1100; 
  width:10px;  
  top: 0%; 
  height: 100%; 
  left: -10px; 
 right: -10px; 
  box-shadow:0 0 13px rgba(0,0,0,0.6); 
}
.whatWeDo_left:after {
  content: ""; 
  position:absolute; 
  z-index: 1100; 
  width:10px;  
  top: 0%; 
  height: 100%; 
  right: -10px; 
  box-shadow:0 0 13px rgba(0,0,0,0.6); 
}
.whatWeDo_left h2{
		padding:15px 10px 10px 35px;
		text-align:left;
		}
.whatWeDo_left ul{
		width:100%;
		
		padding:0px 20px 10px 60px;
		
		float:left;
		list-style-image:url(../image/direction1.png)	
}
.whatWeDo_left ul li{
		width:100%;
		line-height:25px;
		float:left;
		color:#000;
		font-size:16px;
}
.icon{width:30px;background:#FFFFFF;font-size:30px;color:red;line-height:40px;}


/* this is for What we do .............end.....................*/

/* this is for ...Home ..................................*/
.area{	width:100%;
	float:left;
	background:#fff;
	min-width:700px;
	padding:5px 20px;
	margin-top:0px;
	text-shadow:none;
	color:#001122;
	
    font-weight: 400 !important;
	}
	
.home_left_home{
	width:65%;
	float:left;
	text-align:justify;
	padding:10px 0px 10px 2px;
	background:#fff;
    color:#000;
	font-family:proxima nova !important ;
	
}
.home_right_home{
	width:35%;
	float:left;
	text-align:justify;
	padding:10px 30px;
	background:#fff;
    color:#000;
	font-family:proxima nova !important ;
	
}
.home{
	 text-align: left;
    text-shadow: 0 1px 1px red;
    background: #fff;
  
	
	float:left;
	word-spacing:.5px;
	letter-spacing:.5px;

}
.home h1{
	padding:10px 0px;
	text-align:left;
	 font-weight: 700;
    letter-spacing: .04e;
    letter-height:50px;
    font-size: 20px;
    color: #333;
    
    text-shadow: none;
  
	
	
}
.home_left{
	width:100%;
	float:left;
	text-align:justify;
	padding:0px 0px 10px 10px;
	background:#fff;
    color:#001122;
	
	letter-spacing:normal;
}
.home_right h2{
	background:#fefefe;
		text-align:center;
		margin-top:10px;
		padding:5px;
		color:#777;
		 font-weight: 700;
		 font-size:20px;
		
		 font-family:proxima nova;
		 letter-spacing:.7px;
	border-bottom:2px solid #37a000;
		}
.project{padding:0px 17px;}
.project li a{padding:20px 0;color:#FF0000;line-height:27px;}
.project1{padding:0px 17px; line-height:22px; }
.project1 li a{padding:20px 0;color:#CA0000;line-height:27px;}


.home_left p{
	padding:10px 10px 10px 0;  
	font-size: 18px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.3em;
    font-weight: 400;
	font-family:proxima nova !important ;
	letter-spacing:0em;
	color:#00081a;
	}
.home_right p{padding:10px 0;}
.home_right p a{text-align:left;
		word-spacing:normal;
		letter-spacing:normal;
		color:#FF0000;
	line-height:23px;
		}
.home_right p img{width:100%;}
.home_right{
	float:left;
	width:100%;
	color:#000;
	text-align:left;
	padding:0px 30px;
	background-color:#fefefe;
	  
}

/* this is for ...Home ..................end...............*/
/* this is for our project ..................................*/

.our_project{
	text-align: left;
 border:none;
    background: #fff;
 
	width:100%;
	float:left;
}
.our_project_border{	border-bottom:1px solid #efefef;padding:20px 0}
.our_project h4{padding:20px 0;text-align:center;margin-top:20px;}
.our_project p{text-align:justify;padding:10px 20px;}
.our_project h1{padding:10px 20px 0 20px;
	text-align:left;
	font-family:proxima nova;
	text-align:left;
	 font-weight: 700;
    letter-spacing: .04e;
    line-height:50px;
    font-size: 25px;
    color: #ff3a11;
 
    text-shadow: none;
  
	
}
.our_project_left_img{
	width:29.5%;
	float:left;
    min-height: 100px;
	margin-top:40px;
	margin-left:2%;
	margin-right:.5%;
	text-align:center;
	border-color:#000000;padding:1px;
	box-shadow: 0 0 1px 2px black;
	
}
.our_project_right_img{
	width:29.5%;
	float:left;
    min-height: 100px;
	margin:105px 1.7% 0 .75%;

	
	text-align:center;
	border-color:#000000;padding:1px;
	box-shadow: 0 0 1px 2px black;
	
}
.our_project_right_img img{width:100%;height:100%;}
.content{padding:0px 40px 20px 45px;float:left;width:100%;color:#0e0e0e;}
.content li{padding:10px 0;border-left:none;border-right:none;border-top:none;font-size:16px;  }
.content li:first-child{}

.our_project_left_img img {
	width:100%;

	padding:10px;
	
	border:1px solid gray;
}
.our_project_left_img video{
	width:100%;

	

	border-color:#000000;
}
.our_project_right_content{
	width:68%;
	float:left;
	margin-top:10px;
	padding:5px;
	
	
}
.our_project_right_content h1{

	padding:10px 20px;

	text-align:left;
	 font-weight: 700;
    letter-spacing: .04e;
    line-height:50px;
    font-size: 25px;
    color: #333;
   
    text-shadow: none;
  
}
.our_project_right_content p{
	padding:10px 20px;
	text-align:justify;
	color:#001122;
	letter-spacing:1px;
	line-height:22px;
	font-family:proxima nova;
	font-weight:400;
	line-height:25px;
	
}
    .our_project p b{color:#000;}
.our_project_right_content ul{width:100%;float:left;padding:5px 20px;z-index: 9999;}
.our_project_right_content ul li{width:100%;float:left;padding:2px 5px 1px 0px;display:block;}
.our_project_right_content ul li .imgdiv{float:left;padding:5px 0px;line-height:26px;width:4%;height:35px;}	
.our_project_right_content ul li .imgdiv img{width:100%;height:100%;float:left;}
.our_project_right_content ul li .list_content{float:left;padding:5px 8px;line-height:28px;text-align:justify;width:90%;color:#001122;font-size:16px;}

.our_project_right_content ul li .list_content_crm{float:left;padding:5px 8px;line-height:28px;text-align:justify;width:45%;color:#001122;font-size:16px;}

/* this is for Our Project.............end.....................*/
.WhoWeAre{
	
    background: #fff;
 	border-bottom:1px solid #efefef;
	float:left;
	overflow:hidden;
	
	font-size:16px;
	color:#001122;
	
 }
.testimonial{height:150px;border:1px solid red;width:100%;position:relative;}
 .WhoWeAre h1{text-align:left;color:#333;padding:0px 5px 0px 5px;font-size:25px;}
 .WhoWeAre p{text-align:justify;color:#333;font-size:18px;line-height:26px;word-spacing:3px;letter-spacing:.75px;padding-top:20px;}
 .WhoWeAre_75{float:left;
 width:73%;
 text-align: left; 
  background: #fff;
  float:left;
  padding:0 1.5% 3% 1.5%;
  margin:0 1%;
	overflow:hidden;
	}
.WhoWeAre_75 h1{text-align:left;}	
.WhoWeAre_25{float:left;
 width:24%;
 text-align: left; 
  background:#FFFFFF;
  float:left;
  margin-top:2.5%;
  padding:1% 0 0% .5%;
	overflow:hidden;
	box-shadow:0 0 8px 4px #efefef;font-weight:bold;
	}	
.WhoWeAre_24{float:left;
 width:24%;
 text-align: left; 
  background:#FFFFFF;
  float:left;
  margin-top:3%;
  padding:1.5% 0 0% .5%;
	overflow:hidden;

	}	
.WhoWeAre_left{
	width:50%;
	float:left;
	
	padding:2.5%;
	text-align:justify;
	font-size:16px;
	color:#333;
		
}
.WhoWeAre_left p{
	
	text-align:justify;
	font-size:15px;
	color:#333;
	font-weight:400;
	}
.WhoWeAre_25 h2{padding:5px;background:#fff;color:#333;text-shadow:none;}
.keyskill{width:100%;background:#fff;line-height:20px;color:#422100;font-size:11px;padding:2px 5px;font-weight:bold;}
.WhoWeAre_25 h4{color:red;text-align:left;padding:3px 5px;border:1px solid gray;border-right:none;border-left:none;text-shadow:none;font-weight:bold;}
.WhoWeAre_left p b{color: rgba(0, 0, 0, .6);}
.WhoWeAre_left h1{
		padding:5px 0 5px 0;
		text-align:left;
		
		}
.WhoWeAre_25 ul{
		width:100%;
		
		padding:10px 10px 10px 30px;
		
		float:left;
		list-style-image:url(../image/rightaero.png)	
}
.WhoWeAre_25 ul li{
		width:100%;
		line-height:22px;
		float:left;
		font-size:13px;
		border-bottom:1px dashed gray;
	
}

.vedio_controller{margin:0px;padding:0px;float:left;border-left:2px solid #000;border-right:2px solid #000;}
.vedio_header{height:30px;width:100%;background-color:#000;font-size:20px;color:#fff;padding:0;line-height:28px;}
.vedio_vedio{width:100%;margin:0px;padding:0px;height:100%;float:left;height:100%;}
.controller{width:100%;float:left;margin-left:0px;z-index:999;bottom:0;padding:2px 0;overflow:hidden;border-left:1px solid black;border-right:1px solid black;}
.controller1{width:100%;float:left;background-color:#000;}
.spaning{width:98%;margin:auto;}
.span1{float:left;border-radius:50%;text-align:center;padding:4px;background-image:url(../our_project_image/play.png);background-size:cover;height:30px;width:30px;margin-top:5px;margin-left:5px;}
.span2{padding:4px;background-image:url(../our_project_image/sound.png);float:left;border-radius:50%;text-align:center;margin:0 0px 0 40px;background-size:cover;width:32px;height:32px;margin-top:6px}
.span3{float:right;text-align:center;margin:6px;height:30px;width:30px;background-image:url(../our_project_image/FullScreen.png);background-size:cover;box-shadow:0 0 1px 1px gray;}
.span4{float:left;text-align:center;margin:20px 6px 6px 0px;}
input[type=range]{
	
	height:2px;
	 border-color: transparent;
	border:none;
	background-color:#009966;
	 -webkit-appearance: none;
	
}

body, html{
	width:100%;
	height:100%;
	margin:0;
	background: #FFFFFF;
}

*{
  
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;

	margin:0;
	padding:0;
}
  }
  
  /*. ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/
  

@media only screen and (min-width : 1281px) and (max-width : 1366px){
 
.mobile_menu_1{float:right;padding:20px 0px;font-weight:bold;color:#000000;display:none !important;}
.clientbackimg{display:block!important;}
.clientbackimgsmallscreen{display:none !important;}
.clientbackimgmobilescreen{display:none !important ;}
  td{font-size: 14px;}

h1, h2, h3, h4, h5, h6{
	font-family:proxima nova;
    }
a{color:#003D79;}
.row::after {
    content: "";
    clear: both;
    display: block;
}
.main_container{
	margin:0;
	padding:0px;
}
.container{
	width:100%;
	margin:0;
	padding:0;
	float:left;
    
    
}
.wrapper {
	min-width:1024px;
	margin:0px auto;
	padding:0;
	width:95%;
	
	
}
.fixed_top{
	float:left;
	width:100%;

	background-color:#A00000;
	opacity:.7;
	z-index:111;
}
.fixed_detail{
	width:37%;
	float:left;
	text-align:center;
	color:#FFf;
    position:relative;
	}

.header{
	margin:0px auto 0 auto;
	width:100%;

	float:left;
	
	
	border-bottom:none;
	border-top:none;
	color:#000;
	
}
.top_header{
	width:100%;
	float:left;	
	
}	
.logo{float:left;height:75px;border-radius:6px;}
.cotetion{float:left;padding-left:5px;margin-top:21px;color:#000;}
.cotetion h2{font-size:18px;
    font-weight: 600;font-style:normal;
	}	
.certified_iso{padding: 7px;
    text-align: center;
    width: 23%;
    font-weight: bold;
   float:left;	color:#FFf;
    font-size: 14px;
    line-height: 28px;
   }
 .social_icon_top{float: right;
    font-size: 15px;  
    text-align:right;
	padding:7px 2px;} 
.contact_top{padding: 6px;
    font-size: 13px;
    margin-left: 0; font-weight:600;
    text-align: left;}
.header_logo{
	float:left;
	
	padding:5px 10px;
}
.logo_img {float:left;height:80px;border-radius:6px;}
.logo_heading{float:left;padding-left:10px;margin-top:25px;color:#336699;text-shadow:none;}
.top_header logo_img img{
	float:left;
	height:800px;
	
}
.logo_heading h1{text-shadow:none;}
.header_menu{
	float:right;
	padding:0px;
	
}
ul {
	
	list-style:none;
	margin:0 auto;
	
}

.header_menu ul{ 
	padding:0px 0px 0px 0px;
	
	float:left;

}
.header_menu ul li {
	padding:30px 15px;
	float:left;
	
	font-size:14px;
	font-weight:500;
	box-sizing:border-box;
	border-bottom:none;
	border-top:none;
	color:#000;
	
}
.header_menu ul li:first-child{
	border-left-width:2px;
	
}
.header_menu ul li:last-child{
	border-right-width:2px;
	
}

.header_menu ul li:hover{
	
	color:#000;
	border:none;
}

.header_menu ul li:hover a{
	
	color:#bbb;
	
	
}
.submenu{float:left;
	position:absolute;
	z-index:999;
	background-color:#A00000;
	
	 opacity:.8;
	width:200px;
	margin:30px 0 0 -15px;
	display:none;
	padding:0px;
	

}
.header_menu ul li:hover .submenu{
	display:block;
	padding:0px;
	border-top:1px solid white;
	background-color:#A00000;
	
	
}
.submenu .submenu_li
	{
	margin:0px 0 0 0px;
	width:100%;
	color:#fff;
	padding:10px 5px;
	font-size:13px;
	border:none;
	font-weight:bold;
	
	background:none;
	text-shadow:none;
	background:#A00000;
	
	}

.submenu .submenu_li:hover
	{
	background:#FFF;
	opacity:1;
	margin:0px 0 0 0px;
	width:100%;
	color:#A00000;
	
	
	}
.submenu .submenu_li:first-child
	{
	
	border-top:none;
	}

a {
	text-decoration:none;
	font-size:14px;
	font-weight:200;
	
}
.header_menu ul li a{
	color:#00080a;
	font-weight:400;
	font-size:16px;
	
	
}
.main_header {
	width:100%;
	float:left;
	background:#fff;
}
.main_header ul{
	
	margin:0 auto;
	float:left;
	}
.main_header ul li{
	padding:20px 0;
	width:150px;
	text-align:center;
	
}
.main_header ul li:hover{
	
}
.main_header ul li:hover a{

	color:#888;
	
}
.main_header ul li a:hover{
	color:#999;
}
.main_body{
	float:left;
	width:100%;
	
	
}
.slide_title{
	padding:10px;
	float:left;
	width:100%;
	text-align:center;
	color:#009966;
	
	
}
.slide_title h1{
	text-align:center;
	color:#009966;
	text-shadow:0 1px 1px yellow;
	word-spacing:5px;
	opecity:0.6;
	
	
}
.slide_title h1:hover{
	
	text-shadow:0px 1px 1px rgba(200, 105, 530, 1);
	
}
.slider{

	width:100%;
	
	margin:0 auto;
	

	position:relative;
	border-top:none;
	
	
	
	
	
}
.slide_text{
	position:absolute;width:inherit;z-index:222;
}
.slide_text h1{
text-align:left;padding:0;margin:0;height:auto;font-size:65px;background:none;
}
.slider img{
	float:inherit;
	margin:0;
	
	width:100%;
	padding:0px;
}
.services{
	 width:100%;             /*width:100%;(was before)*/
	float:left;              /*Was there before*/  
	/*margin-left:20%;*/     /*Was not there there before*/  
	
	min-width:700px;
	border:none;
	
	
}
.portfolio{
	 float: left;
    width: 100%;
    height: 100%;
	padding:0 0 20px 0;border:none;
    background-color:#fff;
}
.portfolio1{
	 float: left;
    width: 100%;
    height: 100%;
	padding:20px;
    background-color:#fff;
	
}
.portfolio_ul{width:100%;float:left;padding:20px;box-shadow: 0 0 12px 0.5px #dedede;min-height: 600px;}

.portfolio_ul li{float:left;width:31.3%;margin:1% 1%;padding:2px;box-shadow:0 0 8px 4px #e3e6e6;height:220px;border-radius:4px;}
.portfolio_ul li p {padding-top: 10px;color: #666;float: left;font-size: 13px;text-align: center;line-height: 15px;font-weight: 600;}
.portfolio_ul li img {width:100%;height:100%;float:left;border-radius:4px;}
.gallery{
	 float: left;
    width: 100%;
    height: 100%;
	padding:0 0 20px 0;border:none;
    background-color:#fff;
}
.gallery_left{
	 float: left;
    width: 70%;
    height: 100%;
	padding:20px;
    background-color:#fff;
	
}
    .gallery_right{
	 float: left;
    width: 30%;
    height: 100%;
	padding:20px;
    background-color:#fff;
}
.gallery_left h1{text-align:left;padding:10px;background:#fff;color:#333;line-height:50px;
  }
.gallery_right h1{text-align:center;padding:10px;background:#fff;color:#333;line-height:50px;
   }
.gallery_ul{width:100%;float:left;padding:20px;box-shadow: 0 0 12px 0.5px #dedede;min-height: 600px;}
.gallery_ul li{float:left;width:45%;margin:2.50%;padding:2px;box-shadow:0 0 8px 4px #e3e6e6;height:200px;border-radius:4px;}
.gallery_ul li p {
    padding-top: 10px;
    color: #666;
    float: left;
    font-size: 13px;
    text-align: center;
    line-height: 15px;
    font-weight: 600;}
.gallery_ul li img {width:100%;height:100%;float:left;border-radius:4px;}
.vedio_ul{width:100%;float:left;padding:20px 20px;background: #fff;min-height: 1000px;box-shadow: 0 0 12px .5px #dedede;} 
 .vedio_ul li{float:left;width:100%;padding:1px;box-shadow:0 0 8px 4px #e3e6e6;height:200px;margin:15px 0;background:#FFD8B0;}
 .vedio_ul li p {
    padding-top: 10px;
    color: #666;
    float: left;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    font-weight: 600;}
    .vedio_ul li video {width:100%;height:100%;float:left;}
.services h1{
	padding:10px 20px;
	text-align:center;
	background:#fff;
	color:#f88814;
   

	
}
.vplay{margin:0 auto;width:60px;border:1px solid red;border-radius:50%;height:50px;background-image:url(image/play.png);background-size:cover;}
.vpushed{margin:0 auto;width:60px;border:1px solid red;border-radius:50%;height:50px;background:red;background-size:cover;}

.services_colom{
	float:left;
	width:25.33%;
	border:1px solid #999999;
	margin:4%;
	text-align:center;
	height:260px;
	overflow:hidden;
	position:relative;
	background:#fff;
	margin-top:35px;
	box-sizing:border-box;
	box-shadow:0 0 4px 1px #bbb;
	
}
.services_colom img{
	width:100%;
	min-height:50%;
	padding:10px;
    
	
}

.services_text{
	position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:#fff;
 
  overflow: hidden;
  width: 100%;
  height:40px;
  color:#000;
  transition: 1s ease;
	
	
			
}
.services_colom:hover .services_text{
	height: 100%;
	color:#000;
}

.services_colom:hover .text p{
	 color:#000;
	padding:2px;
	margin:5px;
}

.text {
 
   color:#000;
  text-align:justify;
  position: absolute;
  overflow: hidden;
  top:0%;
 
 
} 
.text p{
   color:#000;
  text-align:justify;
 padding:10px;
 font-size:14px;
 font-family:proxima nova;
 line-height:21px;
 
} 
.text h4{
 color:#fff;
 width:100%;
 background:#009999;
 padding:10px 5px;
 margin-top:0;
 text-align:left;
 font-size:15px;
 font-family:proxima nova;
 
}
.OutTeam{
	width:100%;
	float:left;
	min-width:700px;
	color:#3b6caa;
}
.OutTeam h1{
	text-align:left;
	padding:10px 20px;
	background:#0c8181;
	color:#fff;
	text-shadow:.5px 1px 1px red;
}
.team_detail{
	float:left;
	width:20%;
	
	margin:2.50%;
	text-align:center;
	
		
}
.description img{width:80%;height:220px;border-radius:50%;box-shadow:0 0 5px 1px #bbb;}
.description {
	width:100%;
	float:left;
	color:#FF6600;
	padding:0px;
	
}
.description_text{
	float:left;
	width:inherit;
	text-shadow:none;
	
}
.description_text h3{
	float:left;
	color:#006666;
	padding:5px 0;
	width:100%;
	text-align:center;
	
	
}
.team_detail .description .description_text p{color:#3b6caa;padding:0px 0 5px 0;float:left;z-index:1111;font-size:12px;text-align:justify;}
/* this is for footer ..................................*/
.footer{
	float:left;
	background-color:#393939 !important;
	width:100%;
	padding:0;
	overflow:hidden;
	font-family:proxima nova;
}
.footer_upper{
	width:100%;
	float:left;
	color:#FFF;
	height:260px;
	overflow:hidden;
	
	

}
.footer_upper h2{
	padding:15px 0;
	color:#FFFFFF;
	
    font-weight: 700 !important;
	font-size:18px;
	
	
}
.footer_left{
	width:30.3%;
	float:left;
	padding:5px 25px;
	color:#000;

	
}

.footer_upper a p{
	padding:5px 0px;
float:left;
width:100%;
  font-size:14px;
	font-weight:400;
	color:rgba(255, 255, 255, 0.9) !important;
	font-family:proxima nova;

   
}
.footer_upper h4{
	padding:20px 40px 15px 20px;
	width:100%;
	text-shadow:none;
	text-align:center;
	color:#FFF;
	font-size:18px;
    font-weight: 700 ;font-family:proxima nova;
	
}
.footer_middle{
	width:35.3%;
	float:left;font-family:proxima nova;
	color:#FFF;
	padding:5px 25px;
	font-size:14px;line-height:22px;
   /* border-width: 2px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    -moz-border-image:
      -moz-linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    -o-border-image:
      -ms-linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    border-image:
      linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;*/
}

.footer_middle h4 img{margin:0 5px;float:left;font-family:proxima nova;}
.footer_right{
	width:34.3%;
	float:left;
	color:#FFF;
	padding:5px 30px 5px 30px;font-family:proxima nova;

	 
}
.footer_right input[type=text]{
	width:200px;height:25px;
	border:none;padding:5px;
	
}
.footer_right input[type=textarea]{
	width:200px;height:50px;border:none;
}
.footer_right input[type=submit]{
	width:70px;padding:4px;
	margin-top:5px;
	background:#efecec;
	border:none;
	
	
}
.footer_right input[type=reset]{
	width:70px;padding:4px;
	margin-top:5px;
	background:#fff;
	border:none;
	float:right;
}
.footer_bottom{
	float:left;
	width:100%;
	font-family:proxima nova;
	line-height:40px;
	color:#b0b0b0;
	
    font-weight: 400 !important;
	background:#2c2b2b;
	
	
}
.footer_bottom p{
	
	text-align:center;
	width:100%;
	color:#fff;
	font-family:proxima nova;
    font-weight: 400 !important;
	height:40px;
	line-height:40px;
    font-size:14px;
}
/* this is for footer end..................................*/
/* this is for slider effect ..................................*/

#slideshow {
 	position:relative;
    height:600px;
	border-radius:0 0 6px 6px;
	
}

#slideshow DIV {
   position:absolute;
    z-index:8;
    background-color: #FFF;
	width:100%;
	 height:600px;
	
	
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
	
}

#slideshow DIV.last-active {
    z-index:9;
	
}

#slideshow DIV IMG {
    height:600px;
    display: block;
    border: 0;
	width:100%;
	padding:0px;
	

}
.iso{
	position:absolute;left:5%;bottom:10px;width:300px;height:100px;
	z-index:6666;
	
}
.iso img{
	width:50%;padding:5px;height:100%;
}

/* this is for slider effect ..............end....................*/

/* this is for What we do ..................................*/

.WhatWeDo{
	text-align: left;
 	padding-top:10px;
    background:#fff;
  	font-family:proxima nova;
	float:left;
	overflow:hidden;
   
	
}
.WhatWeDo h4{padding:20px 0;text-align:center;margin-top:28px;font-family:proxima nova;}

.WhatWeDo p{text-align:justify;padding:5px 20px;
	text-align:justify;	color:#001122;font-size:18px;line-height:26px;word-spacing:3px;letter-spacing:.7px;
	 border-bottom: 2px solid transparent;font-family:proxima nova;font-weight:400;}
.WhatWeDo h1{
	padding:30px 20px 10px 20px;
	text-align:left;
	color:#333;
	font-weight:700;
	font-size:32px;
	font-family:proxima nova;
	
}

.WhatWeDo_left_img{
	width:29%;
	float:left;
	margin-top:20px;
	
}
.WhatWeDo_left_content{
	width:69%;
	float:left;
	margin-top:5px;
	
	

}
.WhatWeDo_left_content h1{
	color:#333;
	padding:20px 20px 10px 20px;
	background:none;
	font-family:proxima nova;
	font-weight:700;
	line-height:32px;
	font-size:25px; 
}
.WhatWeDo_left_content p{
	
	text-align:justify;	color:#001122;font-size:18px;line-height:26px;word-spacing:3px;letter-spacing:.7px;
	 border-bottom: 2px solid transparent;
	padding:10px 30px;
	font-weight:400;
	font-family:proxima nova;
	text-align:justify;
}
.area_whatwedo{
	
    font-weight: 400 !important;
	text-align:justify;	color:#001122;font-size:16px;line-height:26px;word-spacing:3px;letter-spacing:.7px;
	padding:20px;
	float:left;
}
.area_whatwedo_background{background:green;}
.WhatWeDo_left_img img {
	width:100%;
	padding:20px 10px;
	margin-top:0px;
}
.WhatWeDo_right_content{
	width:69%;
	float:right;
	margin-top:10px;
	
}
.WhatWeDo_right_content h1{
	color:#333;
	padding:20px 20px 10px 20px;
	background:none;font-size:25px;
	lettet-height:45px;letter-spacing:.8px;
	font-family:proxima nova;font-weight:700;
	line-height:32px;
}
.WhatWeDo_right_content p{
	padding:20px 30px;
	text-align:justify;
	font-family:proxima nova;
	font-weight:400;
	font-size:18px;
	letter-spacing:.7px;
	line-height:26px;
	
}
.WhatWeDo_right_img{
	width:29%;
	float:right;
	
	margin-top:20px;
}
.WhatWeDo_right_img img{
	width:100%;
	padding:20px 10px;
	margin-top:30px;
		
}
.WhatWeDo content{width:100%;}
.software_development{
	width:100%;
	float:left;
	padding:2px 20px 2px 20px;
	}
.software_development_colom{
	float:left;
	width:29.33%;
	
	margin:2%;
	padding:0px 0 10px 0;
	box-shadow:8px 10px 12px #ccc, -3px -3px 0px #fff;
	box-sizing:border-box;
}
.s1{background:linear-gradient(to right, #fff, #fff);}
.s2{background:linear-gradient(to left, #fff, #fff);}
.s3{background:linear-gradient(to right, #fff, #fff);}
.h1{background:linear-gradient(to left, #efefef, #efefef);}
.h2{background:linear-gradient(to left, #efefef, #efefef);}
.h3{background:linear-gradient(to left, #efefef, #efefef);}
.software_development_colom_head img {width:100%;height:100%;}
.software_development_colom_head{width:100%;padding:0px 0px;margin:0;float:left;height:80px;border:1px solid gray;color:black;border-left: none;border-right: none;}
.software_development_colom_head_img{width:25%;float:left;padding:2px;}
.software_development_colom_head_img img{width:100%;height:100%;margin-top:20px;padding:2px;}
.software_development_colom_head_content{width:75%;float:left;font-size:18px;line-height:25px;padding:15px 5px;font-weight:600;}
.software_development_colom_center{width:100%;padding:5px 5px;float:left;border-bottom:1px solid gray;margin:0%;height:50px;}
.software_development_colom_img{width:18.5%;float:left;text-align:right;height:100%;padding:2px;}
.software_development_colom_img img{width:100%;height:100%;}
.software_development_colom_content{height:100%;width:81.5%;float:left;padding:8.3px 3px;font-size:medium;}
.software_development_background{background:#fefdfd;}
.software_development_background_one {background:#fff}

.software_development p{text-align:center;font-size:16px;padding:25px 20px 0px 25px;}

.software_development_left {
	width:29.33%;

	float:left;
	margin-top:15px;
	
	
	padding:7px;
}
.software_development_left ul{
	padding:0 10px 10px 10px;
	width:100%;
	float:left;	
	list-style:none;
}
.software_development_left ul li{
	
	color:#006666;
	margin:2px 0;
	float:left;
	width:90%;
	text-align:left;
	
}
.software_development_left ul li a{
	padding:10px 3px ;
	float:left;
	width:100%;
	text-align:left;
	
}
span{background: 0 0;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
	text-shadow:none;
    list-style-type: none;
	background: url(image/list-btm-brdr.jpg) no-repeat bottom left;}
.software_development_right{
	width:70%;
	float:right;
	margin-top:20px;
	padding:0 10px 0 0;
	position:relative;
	min-height:550px;
	
}
.software_development_middle{
	height:inherit;
	position:absolute;
	margin-left:-50px;
	padding:0 10px 0 0;
	box-shadow:0 0 6px 2px gray;
	 background: linear-gradient(to right, #ddd, #fff, #fff, #fff, #fff, #fff, #fff, #ccc);
	 
}
.software_development_middle h4{
	color:red;
	text-align:left;
	padding:0px 20px 10px 20px;
	background:none;
}
.software_development_middle p{
	padding:20px;
	text-align:justify;
}
.software_development_middle ul{
		padding:5px 10px 10px 70px;
		list-style-image: url("../image/direction1.png");
		
		float:left;
}
.software_development_middle ul li{
		width:100%;
		float:left;
		padding:2px 10px 2px 10px;
		
	
}
.whatWeDo_left{
	width:42%;
	float:left;
	margin:4%;
	padding:10px 10px;
	 position:relative;
  overflow:hidden; 
 
  background:#efefef ;
  	
}
.whatWeDo_left:before {
  content: ""; 
  position:absolute; 
  z-index: 1100; 
  width:10px;  
  top: 0%; 
  height: 100%; 
  left: -10px; 
 right: -10px; 
  box-shadow:0 0 13px rgba(0,0,0,0.6); 
}
.whatWeDo_left:after {
  content: ""; 
  position:absolute; 
  z-index: 1100; 
  width:10px;  
  top: 0%; 
  height: 100%; 
  right: -10px; 
  box-shadow:0 0 13px rgba(0,0,0,0.6); 
}
.whatWeDo_left h2{
		padding:15px 10px 10px 35px;
		text-align:left;
		}
.whatWeDo_left ul{
		width:100%;
		
		padding:0px 20px 10px 60px;
		
		float:left;
		list-style-image:url(../image/direction1.png)	
}
.whatWeDo_left ul li{
		width:100%;
		line-height:25px;
		float:left;
		color:#000;
}
.icon{width:30px;background:#FFFFFF;font-size:30px;color:red;line-height:40px;}


/* this is for What we do .............end.....................*/

/* this is for ...Home ..................................*/
.area{	width:100%;
	float:left;
	background:#fff;
	min-width:700px;
	padding:5px 20px;
	margin-top:0px;
	text-shadow:none;
	color:#001122;
	
    font-weight: 400 !important;
	}
	
.home_left_home{
	width:65%;
	float:left;
	text-align:justify;
	padding:10px 0px 10px 2px;
	background:#fff;
    color:#000;
	font-family:proxima nova !important ;
	
}
.home_right_home{
	width:35%;
	float:left;
	text-align:justify;
	padding:10px 30px;
	background:#fff;
    color:#000;
	font-family:proxima nova !important ;
	
}
.home{
	 text-align: left;
    text-shadow: 0 1px 1px red;
    background: #fff;
  
	
	float:left;
	word-spacing:.5px;
	letter-spacing:.5px;

}
.home h1{
	padding:10px 0px;
	text-align:left;
	 font-weight: 700;
    letter-spacing: .04e;
    letter-height:50px;
    font-size: 20px;
    color: #333;
    
    text-shadow: none;
  
	
	
}
.home_left{
	width:100%;
	float:left;
	text-align:justify;
	padding:0px 0px 10px 10px;
	background:#fff;
    color:#001122;
	
	letter-spacing:normal;
}
.home_right h2{
	background:#fefefe;
		text-align:center;
		margin-top:10px;
		padding:5px;
		color:#777;
		 font-weight: 700;
		 font-size:20px;
		
		 font-family:proxima nova;
		 letter-spacing:.7px;
	border-bottom:2px solid #37a000;
		}
.project{padding:0px 17px;}
.project li a{padding:20px 0;color:#FF0000;line-height:27px;}
.project1{padding:0px 17px; line-height:22px; }
.project1 li a{padding:20px 0;color:#CA0000;line-height:27px;}


.home_left p{
	padding:10px 10px 10px 0;  
	font-size: 18px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.3em;
    font-weight: 400;
	font-family:proxima nova !important ;
	letter-spacing:0em;
	color:#00081a;
	}
.home_right p{padding:10px 0;}
.home_right p a{text-align:left;
		word-spacing:normal;
		letter-spacing:normal;
		color:#FF0000;
	line-height:23px;
		}
.home_right p img{width:100%;}
.home_right{
	float:left;
	width:100%;
	color:#000;
	text-align:left;
	padding:0px 30px;
	background-color:#fefefe;
	box-shadow:0 -6px 8px 1px #e3e6e6;
	  
}

/* this is for ...Home ..................end...............*/
/* this is for our project ..................................*/

.our_project{
	text-align: left;
 border:none;
    background: #fff;
 
	width:100%;
	float:left;
}
.our_project_border{	border-bottom:1px solid #efefef;padding:20px 0}
.our_project h4{padding:20px 0;text-align:center;margin-top:20px;}
.our_project p{text-align:justify;padding:10px 20px;}
.our_project h1{padding:10px 20px 0 20px;
	text-align:left;
	font-family:proxima nova;
	text-align:left;
	 font-weight: 700;
    letter-spacing: .04e;
    line-height:50px;
    font-size: 25px;
    color: #ff3a11;
 
    text-shadow: none;
  
	
}
.our_project_left_img{
	width:29.5%;
	float:left;
    min-height: 100px;
	margin-top:32px;
	margin-left:2%;
	margin-right:.5%;
	text-align:center;
	border-color:#000000;padding:1px;
	box-shadow: 0 0 1px 2px black;
	
}

.our_project_right_img {
    width: 29.5%;
    float: left;
    min-height: 100px;
    margin: 105px 1.7% 0 .75%;
    text-align: center;
    border-color: #000000;
    padding: 1px;
    box-shadow: 0 0 1px 2px black;
	}
.our_project_right_img img{width:100%;height:100%;}	
.content{padding:0px 40px 20px 45px;float:left;width:100%;color:#0e0e0e;}
.content li{padding:10px 0;border-left:none;border-right:none;border-top:none;font-size:16px;  }
.content li:first-child{}

.our_project_left_img img {
	width:100%;

	padding:10px;
	
	border:1px solid gray;
}
.our_project_left_img video{
	width:100%;

	

	border-color:#000000;
}
.our_project_right_content{
	width:68%;
	float:left;
	margin-top:10px;
	padding:5px;
	
	
}
.our_project_right_content h1{

	padding:10px 20px;

	text-align:left;
	 font-weight: 700;
    letter-spacing: .04e;
    line-height:50px;
    font-size: 25px;
    color: #333;
   
    text-shadow: none;
  
}
.our_project_right_content p{
	padding:10px 20px;
	text-align:justify;
	color:#001122;
	letter-spacing:1px;
	line-height:22px;
	font-family:proxima nova;
	font-weight:400;
	line-height:25px;
	
}
    .our_project p b{color:#000;}
.our_project_right_content ul{width:100%;float:left;padding:5px 20px;z-index: 9999;}
.our_project_right_content ul li{width:100%;float:left;padding:2px 5px 1px 0px;display:block;}
.our_project_right_content ul li .imgdiv{float:left;padding:5px 0px;line-height:26px;width:4%;height:35px;}	
.our_project_right_content ul li .imgdiv img{width:100%;height:100%;float:left;}
.our_project_right_content ul li .list_content{float:left;padding:5px 8px;line-height:28px;text-align:justify;width:90%;color:#001122;font-size:16px;}

.our_project_right_content ul li .list_content_crm{float:left;padding:5px 8px;line-height:28px;text-align:justify;width:45%;color:#001122;font-size:16px;}

/* this is for Our Project.............end.....................*/
.WhoWeAre{
	
    background: #fff;
 	border-bottom:1px solid #efefef;
	float:left;
	overflow:hidden;
	
	font-size:16px;
	color:#001122;
	
 }
.testimonial{height:150px;border:1px solid red;width:100%;position:relative;}
 .WhoWeAre h1{text-align:left;color:#333;padding:0px 5px 0px 5px;font-size:25px;}
 .WhoWeAre p{text-align:justify;color:#333;font-size:18px;line-height:26px;word-spacing:3px;letter-spacing:.75px;padding-top:20px;}
 .WhoWeAre_75{float:left;
 width:73%;
 text-align: left; 
  background: #fff;
  float:left;
  padding:0 1.5% 3% 1.5%;
  margin:0 1%;
	overflow:hidden;
	}
.WhoWeAre_75 h1{text-align:left;}	
.WhoWeAre_25{float:left;
 width:24%;
 text-align: left; 
  background:#FFFFFF;
  float:left;
  margin-top:2.5%;
  padding:1% 0 0% .5%;
	overflow:hidden;
	box-shadow:0 0 8px 4px #efefef;font-weight:bold;
	}	
.WhoWeAre_24{float:left;
 width:24%;
 text-align: left; 
  background:#FFFFFF;
  float:left;
  margin-top:3%;
  padding:1.5% 0 0% .5%;
	overflow:hidden;

	}	
.WhoWeAre_left{
	width:50%;
	float:left;
	
	padding:2.5%;
	text-align:justify;
	font-size:16px;
	color:#333;
		
}
.WhoWeAre_left p{
	
	text-align:justify;
	font-size:15px;
	color:#333;
	font-weight:400;
	}
.WhoWeAre_25 h2{padding:5px;background:#fff;color:#333;text-shadow:none;}
.keyskill{width:100%;background:#fff;line-height:20px;color:#422100;font-size:11px;padding:2px 5px;font-weight:bold;}
.WhoWeAre_25 h4{color:red;text-align:left;padding:3px 5px;border:1px solid gray;border-right:none;border-left:none;text-shadow:none;font-weight:bold;}
.WhoWeAre_left p b{color: rgba(0, 0, 0, .6);}
.WhoWeAre_left h1{
		padding:5px 0 5px 0;
		text-align:left;
		
		}
.WhoWeAre_25 ul{
		width:100%;
		
		padding:10px 10px 10px 30px;
		
		float:left;
		list-style-image:url(../image/rightaero.png)	
}
.WhoWeAre_25 ul li{
		width:100%;
		line-height:22px;
		float:left;
		font-size:13px;
		border-bottom:1px dashed gray;
	
}

.vedio_controller{margin:0px;padding:0px;float:left;border-left:2px solid #000;border-right:2px solid #000;}
.vedio_header{height:30px;width:100%;background-color:#000;font-size:20px;color:#fff;padding:0;line-height:28px;}
.vedio_vedio{width:100%;margin:0px;padding:0px;height:100%;float:left;height:100%;}
.controller{width:100%;float:left;margin-left:0px;z-index:999;bottom:0;padding:2px 0;overflow:hidden;border-left:1px solid black;border-right:1px solid black;}
.controller1{width:100%;float:left;background-color:#000;}
.spaning{width:98%;margin:auto;}
.span1{float:left;border-radius:50%;text-align:center;padding:4px;background-image:url(../our_project_image/play.png);background-size:cover;height:30px;width:30px;margin-top:5px;margin-left:5px;}
.span2{padding:4px;background-image:url(../our_project_image/sound.png);float:left;border-radius:50%;text-align:center;margin:0 0px 0 40px;background-size:cover;width:32px;height:32px;margin-top:6px}
.span3{float:right;text-align:center;margin:6px;height:30px;width:30px;background-image:url(../our_project_image/FullScreen.png);background-size:cover;box-shadow:0 0 1px 1px gray;}
.span4{float:left;text-align:center;margin:20px 6px 6px 0px;}
input[type=range]{
	
	height:2px;
	 border-color: transparent;
	border:none;
	background-color:#009966;
	 -webkit-appearance: none;
	
}

body, html{
	width:100%;
	height:100%;
	margin:0;
	background: #FFFFFF;
}

*{
  
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;

	margin:0;
	padding:0;
}

  }
  
  
  /*  ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/
  @media only screen and (min-width : 1367px){
  .mobile_menu_1{float:right;padding:20px 0px;font-weight:bold;color:#000000;display:none !important;}
.clientbackimg{display:block!important;}
.clientbackimgsmallscreen{display:none !important;}
.clientbackimgmobilescreen{display:none !important ;}
  td{font-size: 10px;}

h1, h2, h3, h4, h5, h6{
	font-family:proxima nova;
    }
a{color:#003D79;}
.row::after {
    content: "";
    clear: both;
    display: block;
}
.main_container{
	margin:0;
	padding:0px;
}
.container{
	width:100%;
	margin:0;
	padding:0;
	float:left;
    
    
}
.wrapper {
	min-width:1024px;
	margin:0px auto;
	padding:0;
	width:95%;
	
	
}
.fixed_top{
	float:left;
	width:100%;

	background-color:#A00000;
	opacity:.7;
	z-index:111;
}
.fixed_detail{
	width:37%;
	float:left;
	text-align:center;
	color:#FFf;
	padding:20px;
	position:relative;
}

.header{
	margin:0px auto 0 auto;
	width:100%;

	float:left;
	
	
	border-bottom:none;
	border-top:none;
	color:#000;
	
}
.top_header{
	width:100%;
	float:left;	
	
}	
.logo{float:left;height:75px;border-radius:6px;}
.cotetion{float:left;padding-left:5px;margin-top:21px;color:#000;}
.cotetion h2{font-size:18px;
    font-weight: 600;font-style:normal;
	}	
.certified_iso{padding: 7px;
    text-align: center;
    width: 23%;
    font-weight: bold;
   float:left;	color:#FFf;
    font-size: 14px;
    line-height: 28px;
   }
 .social_icon_top{float: right;
    font-size: 15px;  
    text-align:right;
	padding:7px 2px;} 
.contact_top{padding: 6px;
    font-size: 13px;
    margin-left: 0; font-weight:600;
    text-align: left;}
.header_logo{
	float:left;
	
	padding:5px 10px;
}
.logo_img {float:left;height:80px;border-radius:6px;}
.logo_heading{float:left;padding-left:10px;margin-top:25px;color:#336699;text-shadow:none;}
.top_header logo_img img{
	float:left;
	height:800px;
	
}
.logo_heading h1{text-shadow:none;}
.header_menu{
	float:right;
	padding:0px;
	
}
ul {
	
	list-style:none;
	margin:0 auto;
	
}

.header_menu ul{ 
	padding:0px 0px 0px 0px;
	
	float:left;

}
.header_menu ul li {
	padding:30px 15px;
	float:left;
	
	font-size:14px;
	font-weight:500;
	box-sizing:border-box;
	border-bottom:none;
	border-top:none;
	color:#000;
	
}
.header_menu ul li:first-child{
	border-left-width:2px;
	
}
.header_menu ul li:last-child{
	border-right-width:2px;
	
}

.header_menu ul li:hover{
	
	color:#000;
	border:none;
}

.header_menu ul li:hover a{
	
	color:#bbb;
	
	
}
.submenu{float:left;
	position:absolute;
	z-index:999;
	background-color:#FFFFFF;
	behavior:url(css/PIE.htc);
	 opacity:.7;
	width:200px;
	margin:30px 0 0 -15px;
	display:none;
	padding:0px;
	

}
.header_menu ul li:hover .submenu{
	display:block;
	padding:0px;
	border-top:1px solid white;
	background-color:#efefef;
	
	
}
.submenu .submenu_li
	{
	margin:0px 0 0 0px;
	width:100%;
	color:#222;
	padding:10px 5px;
	font-size:13px;
	border:none;
	font-weight:bold;
	
	background:none;
	text-shadow:none;
	background:#FFF;
	
	}

.submenu .submenu_li:hover
	{
	background:#FFF;
	opacity:.9;
	margin:0px 0 0 0px;
	width:100%;
	color:#ccc;
	
	
	}
.submenu .submenu_li:first-child
	{
	
	border-top:none;
	}

a {
	text-decoration:none;
	font-size:14px;
	font-weight:200;
	
}
.header_menu ul li a{
	color:#00080a;
	font-weight:400;
	font-size:16px;
	
	
}
.main_header {
	width:100%;
	float:left;
	background:#fff;
}
.main_header ul{
	
	margin:0 auto;
	float:left;
	}
.main_header ul li{
	padding:20px 0;
	width:150px;
	text-align:center;
	
}
.main_header ul li:hover{
	
}
.main_header ul li:hover a{

	color:#888;
	
}
.main_header ul li a:hover{
	color:#999;
}
.main_body{
	float:left;
	width:100%;
	
	
}
.slide_title{
	padding:10px;
	float:left;
	width:100%;
	text-align:center;
	color:#009966;
	
	
}
.slide_title h1{
	text-align:center;
	color:#009966;
	text-shadow:0 1px 1px yellow;
	word-spacing:5px;
	opecity:0.6;
	
	
}
.slide_title h1:hover{
	
	text-shadow:0px 1px 1px rgba(200, 105, 530, 1);
	
}
.slider{

	width:100%;
	
	margin:0 auto;
	

	position:relative;
	border-top:none;
	
	
	
	
	
}
.slide_text{
	position:absolute;width:inherit;z-index:222;
}
.slide_text h1{
text-align:left;padding:0;margin:0;height:auto;font-size:65px;background:none;
}
.slider img{
	float:inherit;
	margin:0;
	
	width:100%;
	padding:0px;
}
.services{
	width:100%;
	float:left;
	
	min-width:700px;
	border:none;
	
}
.portfolio{
	 float: left;
    width: 100%;
    height: 100%;
	padding:0 0 20px 0;border:none;
    background-color:#fff;
}
.portfolio1{
	 float: left;
    width: 100%;
    height: 100%;
	padding:20px;
    background-color:#fff;
	
}
.portfolio_ul{width:100%;float:left;padding:20px;box-shadow: 0 0 12px 0.5px #dedede;min-height: 600px;}
.portfolio_ul li{float:left;width:28.3%;margin:2.50%;padding:2px;box-shadow:0 0 8px 4px #e3e6e6;height:200px;border-radius:4px;}
.portfolio_ul li p {padding-top: 10px;color: #666;float: left;font-size: 13px;text-align: center;line-height: 15px;font-weight: 600;}
.portfolio_ul li img {width:100%;height:100%;float:left;border-radius:4px;}
.gallery{
	 float: left;
    width: 100%;
    height: 100%;
	padding:0 0 20px 0;border:none;
    background-color:#fff;
}
.gallery_left{
	 float: left;
    width: 70%;
    height: 100%;
	padding:20px;
    background-color:#fff;
	
}
    .gallery_right{
	 float: left;
    width: 30%;
    height: 100%;
	padding:20px;
    background-color:#fff;
}
.gallery_left h1{text-align:left;padding:10px;background:#fff;color:#333;line-height:50px;
  }
.gallery_right h1{text-align:center;padding:10px;background:#fff;color:#333;line-height:50px;
   }
.gallery_ul{width:100%;float:left;padding:20px;box-shadow: 0 0 12px 0.5px #dedede;min-height: 600px;}
.gallery_ul li{float:left;width:28.3%;margin:2.50%;padding:2px;box-shadow:0 0 8px 4px #e3e6e6;height:200px;border-radius:4px;}
.gallery_ul li p {
    padding-top: 10px;
    color: #666;
    float: left;
    font-size: 13px;
    text-align: center;
    line-height: 15px;
    font-weight: 600;}
.gallery_ul li img {width:100%;height:100%;float:left;border-radius:4px;}
.vedio_ul{width:100%;float:left;padding:20px 20px;background: #fff;min-height: 600px;box-shadow: 0 0 12px .5px #dedede;} 
 .vedio_ul li{float:left;width:100%;padding:1px;box-shadow:0 0 8px 4px #e3e6e6;height:200px;margin:15px 0;background:#FFD8B0;}
 .vedio_ul li p {
    padding-top: 10px;
    color: #666;
    float: left;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    font-weight: 600;}
    .vedio_ul li video {width:100%;height:100%;float:left;}
.services h1{
	padding:10px 20px;
	text-align:center;
	background:#fff;
	color:#f88814;
   

	
}
.vplay{margin:0 auto;width:60px;border:1px solid red;border-radius:50%;height:50px;background-image:url(image/play.png);background-size:cover;}
.vpushed{margin:0 auto;width:60px;border:1px solid red;border-radius:50%;height:50px;background:red;background-size:cover;}

.services_colom{
	float:left;
	width:25.33%;
	border:1px solid #999999;
	margin:4%;
	text-align:center;
	height:260px;
	overflow:hidden;
	position:relative;
	background:#fff;
	margin-top:35px;
	box-sizing:border-box;
	box-shadow:0 0 4px 1px #bbb;
	
}
.services_colom img{
	width:100%;
	min-height:50%;
	padding:10px;
    
	
}

.services_text{
	position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:#fff;
 
  overflow: hidden;
  width: 100%;
  height:40px;
  color:#000;
  transition: 1s ease;
	
	
			
}
.services_colom:hover .services_text{
	height: 100%;
	color:#000;
}

.services_colom:hover .text p{
	 color:#000;
	padding:2px;
	margin:5px;
}

.text {
 
   color:#000;
  text-align:justify;
  position: absolute;
  overflow: hidden;
  top:0%;
 
 
} 
.text p{
   color:#000;
  text-align:justify;
 padding:10px;
 font-size:14px;
 font-family:proxima nova;
 line-height:21px;
 
} 
.text h4{
 color:#fff;
 width:100%;
 background:#009999;
 padding:10px 5px;
 margin-top:0;
 text-align:left;
 font-size:15px;
 font-family:proxima nova;
 
}
.OutTeam{
	width:100%;
	float:left;
	min-width:700px;
	color:#3b6caa;
}
.OutTeam h1{
	text-align:left;
	padding:10px 20px;
	background:#0c8181;
	color:#fff;
	text-shadow:.5px 1px 1px red;
}
.team_detail{
	float:left;
	width:20%;
	
	margin:2.50%;
	text-align:center;
	
		
}
.description img{width:80%;height:220px;border-radius:50%;box-shadow:0 0 5px 1px #bbb;}
.description {
	width:100%;
	float:left;
	color:#FF6600;
	padding:0px;
	
}
.description_text{
	float:left;
	width:inherit;
	text-shadow:none;
	
}
.description_text h3{
	float:left;
	color:#006666;
	padding:5px 0;
	width:100%;
	text-align:center;
	
	
}
.team_detail .description .description_text p{color:#3b6caa;padding:0px 0 5px 0;float:left;z-index:1111;font-size:12px;text-align:justify;}
/* this is for footer ..................................*/
.footer{
	float:left;
	background-color:#393939 !important;
	width:100%;
	padding:0;
	overflow:hidden;
	font-family:proxima nova;
}
.footer_upper{
	width:100%;
	float:left;
	color:#FFF;
	height:260px;
	overflow:hidden;

	

}
.footer_upper h2{
	padding:15px 0;
	color:#FFFFFF;
	
    font-weight: 700 !important;
	font-size:18px;
	
	
}
.footer_left{
	width:30.3%;
	float:left;
	padding:5px 25px;
	color:#000;

	
}

.footer_upper a p{
	padding:5px 0px;
float:left;
width:100%;
  font-size:14px;
	font-weight:400;
	color:rgba(255, 255, 255, 0.9) !important;
	font-family:proxima nova;

   
}
.footer_upper h4{
	padding:20px 40px 15px 20px;
	width:100%;
	text-shadow:none;
	text-align:center;
	color:#FFF;
	font-size:18px;
    font-weight: 700 ;font-family:proxima nova;
	
}
.footer_middle{
	width:35.3%;
	float:left;font-family:proxima nova;
	color:#FFF;
	padding:5px 25px;
	font-size:14px;line-height:22px;
   /* border-width: 2px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    -moz-border-image:
      -moz-linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    -o-border-image:
      -ms-linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    border-image:
      linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;*/
}

.footer_middle h4 img{margin:0 5px;float:left;font-family:proxima nova;}
.footer_right{
	width:34.3%;
	float:left;
	color:#FFF;
	padding:5px 30px 5px 30px;font-family:proxima nova;

	 
}
.footer_right input[type=text]{
	width:200px;height:25px;
	border:none;padding:5px;
	
}
.footer_right input[type=textarea]{
	width:200px;height:50px;border:none;
}
.footer_right input[type=submit]{
	width:70px;padding:4px;
	margin-top:5px;
	background:#efecec;
	border:none;
	
	
}
.footer_right input[type=reset]{
	width:70px;padding:4px;
	margin-top:5px;
	background:#fff;
	border:none;
	float:right;
}
.footer_bottom{
	float:left;
	width:100%;
	font-family:proxima nova;
	line-height:40px;
	color:#b0b0b0;
	
    font-weight: 400 !important;
	background:#2c2b2b;
	
	
}
.footer_bottom p{
	
	text-align:center;
	width:100%;
	color:#fff;
	font-family:proxima nova;
    font-weight: 400 !important;
	height:40px;
	line-height:40px;
    font-size:14px;
}
/* this is for footer end..................................*/
/* this is for slider effect ..................................*/

#slideshow {
 	position:relative;
    height:600px;
	border-radius:0 0 6px 6px;
	
}

#slideshow DIV {
   position:absolute;
    z-index:8;
    background-color: #FFF;
	width:100%;
	 height:600px;
	
	
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
	
}

#slideshow DIV.last-active {
    z-index:9;
	
}

#slideshow DIV IMG {
    height:600px;
    display: block;
    border: 0;
	width:100%;
	padding:0px;
	

}
.iso{
	position:absolute;left:5%;bottom:10px;width:300px;height:100px;
	z-index:6666;
	
}
.iso img{
	width:50%;padding:5px;height:100%;
}

/* this is for slider effect ..............end....................*/

/* this is for What we do ..................................*/

.WhatWeDo{
	text-align: left;
 	padding-top:10px;
    background:#fff;
  	font-family:proxima nova;
	float:left;
	overflow:hidden;
   
	
}
.WhatWeDo h4{padding:20px 0;text-align:center;margin-top:28px;font-family:proxima nova;}

.WhatWeDo p{text-align:justify;padding:5px 20px;
	text-align:justify;	color:#001122;font-size:18px;line-height:26px;word-spacing:3px;letter-spacing:.7px;
	 border-bottom: 2px solid transparent;font-family:proxima nova;font-weight:400;}
.WhatWeDo h1{
	padding:30px 20px 10px 20px;
	text-align:left;
	color:#333;
	font-weight:700;
	font-size:32px;
	font-family:proxima nova;
	
}

.WhatWeDo_left_img{
	width:29%;
	float:left;
	margin-top:20px;
	
}
.WhatWeDo_left_content{
	width:69%;
	float:left;
	margin-top:5px;
	
	

}
.WhatWeDo_left_content h1{
	color:#333;
	padding:20px 20px 10px 20px;
	background:none;
	font-family:proxima nova;
	font-weight:700;
	line-height:32px;
	font-size:25px; 
}
.WhatWeDo_left_content p{
	
	text-align:justify;	color:#001122;font-size:18px;line-height:26px;word-spacing:3px;letter-spacing:.7px;
	 border-bottom: 2px solid transparent;
	padding:10px 30px;
	font-weight:400;
	font-family:proxima nova;
	text-align:justify;
}
.area_whatwedo{
	
    font-weight: 400 !important;
	text-align:justify;	color:#001122;font-size:16px;line-height:26px;word-spacing:3px;letter-spacing:.7px;
	padding:20px;
	float:left;
}
.area_whatwedo_background{background:green;}
.WhatWeDo_left_img img {
	width:100%;
	padding:20px 10px;
	margin-top:0px;
}
.WhatWeDo_right_content{
	width:69%;
	float:right;
	margin-top:10px;
	
}
.WhatWeDo_right_content h1{
	color:#333;
	padding:20px 20px 10px 20px;
	background:none;font-size:25px;
	lettet-height:45px;letter-spacing:.8px;
	font-family:proxima nova;font-weight:700;
	line-height:32px;
}
.WhatWeDo_right_content p{
	padding:20px 30px;
	text-align:justify;
	font-family:proxima nova;
	font-weight:400;
	font-size:18px;
	letter-spacing:.7px;
	line-height:26px;
	
}
.WhatWeDo_right_img{
	width:29%;
	float:right;
	
	margin-top:20px;
}
.WhatWeDo_right_img img{
	width:100%;
	padding:20px 10px;
	margin-top:30px;
		
}
.WhatWeDo content{width:100%;}
.software_development{
	width:100%;
	float:left;
	padding:2px 20px 2px 20px;
	}
.software_development_colom{
	float:left;
	width:29.33%;
	
	margin:2%;
	padding:0px 0 10px 0;
	box-shadow:8px 10px 12px #ccc, -3px -3px 0px #fff;
	box-sizing:border-box;
}
.s1{background:linear-gradient(to right, #fff, #fff);}
.s2{background:linear-gradient(to left, #fff, #fff);}
.s3{background:linear-gradient(to right, #fff, #fff);}
.h1{background:linear-gradient(to left, #efefef, #efefef);}
.h2{background:linear-gradient(to left, #efefef, #efefef);}
.h3{background:linear-gradient(to left, #efefef, #efefef);}
.software_development_colom_head img {width:100%;height:100%;}
.software_development_colom_head{width:100%;padding:0px 0px;margin:0;float:left;height:80px;border:1px solid gray;color:black;border-left: none;border-right: none;}
.software_development_colom_head_img{width:25%;float:left;padding:2px;}
.software_development_colom_head_img img{width:100%;height:100%;margin-top:20px;padding:2px;}
.software_development_colom_head_content{width:75%;float:left;font-size:18px;line-height:25px;padding:15px 5px;font-weight:600;}
.software_development_colom_center{width:100%;padding:5px 5px;float:left;border-bottom:1px solid gray;margin:0%;height:50px;}
.software_development_colom_img{width:18.5%;float:left;text-align:right;height:100%;padding:2px;}
.software_development_colom_img img{width:100%;height:100%;}
.software_development_colom_content{height:100%;width:81.5%;float:left;padding:8.3px 3px;font-size:medium;}
.software_development_background{background:#fefdfd;}
.software_development_background_one {background:#fff}

.software_development p{text-align:left;font-size:16px;padding:25px 20px 0px 25px;}

.software_development_left {
	width:29.33%;

	float:left;
	margin-top:15px;
	
	
	padding:7px;
}
.software_development_left ul{
	padding:0 10px 10px 10px;
	width:100%;
	float:left;	
	list-style:none;
}
.software_development_left ul li{
	
	color:#006666;
	margin:2px 0;
	float:left;
	width:90%;
	text-align:left;
	
}
.software_development_left ul li a{
	padding:10px 3px ;
	float:left;
	width:100%;
	text-align:left;
	
}
span{background: 0 0;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
	text-shadow:none;
    list-style-type: none;
	background: url(image/list-btm-brdr.jpg) no-repeat bottom left;}
.software_development_right{
	width:70%;
	float:right;
	margin-top:20px;
	padding:0 10px 0 0;
	position:relative;
	min-height:550px;
	
}
.software_development_middle{
	height:inherit;
	position:absolute;
	margin-left:-50px;
	padding:0 10px 0 0;
	box-shadow:0 0 6px 2px gray;
	 background: linear-gradient(to right, #ddd, #fff, #fff, #fff, #fff, #fff, #fff, #ccc);
	 
}
.software_development_middle h4{
	color:red;
	text-align:left;
	padding:0px 20px 10px 20px;
	background:none;
}
.software_development_middle p{
	padding:20px;
	text-align:justify;
}
.software_development_middle ul{
		padding:5px 10px 10px 70px;
		list-style-image: url("../image/direction1.png");
		
		float:left;
}
.software_development_middle ul li{
		width:100%;
		float:left;
		padding:2px 10px 2px 10px;
		
	
}
.whatWeDo_left{
	width:42%;
	float:left;
	margin:4%;
	padding:10px 10px;
	 position:relative;
  overflow:hidden; 
 
  background:#efefef ;
  	
}
.whatWeDo_left:before {
  content: ""; 
  position:absolute; 
  z-index: 1100; 
  width:10px;  
  top: 0%; 
  height: 100%; 
  left: -10px; 
 right: -10px; 
  box-shadow:0 0 13px rgba(0,0,0,0.6); 
}
.whatWeDo_left:after {
  content: ""; 
  position:absolute; 
  z-index: 1100; 
  width:10px;  
  top: 0%; 
  height: 100%; 
  right: -10px; 
  box-shadow:0 0 13px rgba(0,0,0,0.6); 
}
.whatWeDo_left h2{
		padding:15px 10px 10px 35px;
		text-align:left;
		}
.whatWeDo_left ul{
		width:100%;
		
		padding:0px 20px 10px 60px;
		
		float:left;
		list-style-image:url(../image/direction1.png)	
}
.whatWeDo_left ul li{
		width:100%;
		line-height:25px;
		float:left;
		color:#000;
}
.icon{width:30px;background:#FFFFFF;font-size:30px;color:red;line-height:40px;}


/* this is for What we do .............end.....................*/

/* this is for ...Home ..................................*/
.area{	width:100%;
	float:left;
	background:#fff;
	min-width:700px;
	padding:5px 20px;
	margin-top:0px;
	text-shadow:none;
	color:#001122;
	
    font-weight: 400 !important;
	}
	
.home_left_home{
	width:65%;
	float:left;
	text-align:justify;
	padding:10px 0px 10px 2px;
	background:#fff;
    color:#000;
	font-family:proxima nova !important ;
	
}
.home_right_home{
	width:35%;
	float:left;
	text-align:justify;
	padding:10px 30px;
	background:#fff;
    color:#000;
	font-family:proxima nova !important ;
	
}
.home{
	 text-align: left;
    text-shadow: 0 1px 1px red;
    background: #fff;
  
	
	float:left;
	word-spacing:.5px;
	letter-spacing:.5px;

}
.home h1{
	padding:10px 0px;
	text-align:left;
	 font-weight: 700;
    letter-spacing: .04e;
    letter-height:50px;
    font-size: 20px;
    color: #333;
    
    text-shadow: none;
  
	
	
}
.home_left{
	width:100%;
	float:left;
	text-align:justify;
	padding:0px 0px 10px 10px;
	background:#fff;
    color:#001122;
	
	letter-spacing:normal;
}
.home_right h2{
	background:#fefefe;
		text-align:center;
		margin-top:10px;
		padding:5px;
		color:#777;
		 font-weight: 700;
		 font-size:20px;
		
		 font-family:proxima nova;
		 letter-spacing:.7px;
	border-bottom:2px solid #37a000;
		}
.project{padding:0px 17px;}
.project li a{padding:20px 0;color:#FF0000;line-height:27px;}
.project1{padding:0px 17px; line-height:22px; }
.project1 li a{padding:20px 0;color:#CA0000;line-height:27px;}


.home_left p{
	padding:10px 10px 10px 0;  
	font-size: 18px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.3em;
    font-weight: 400;
	font-family:proxima nova !important ;
	letter-spacing:0em;
	color:#00081a;
	}
.home_right p{padding:10px 0;}
.home_right p a{text-align:left;
		word-spacing:normal;
		letter-spacing:normal;
		color:#FF0000;
	line-height:23px;
		}
.home_right p img{width:100%;}
.home_right{
	float:left;
	width:100%;
	color:#000;
	text-align:left;
	padding:0px 30px;
	background-color:#fefefe;
	  
}

/* this is for ...Home ..................end...............*/
/* this is for our project ..................................*/

.our_project{
	text-align: left;
 border:none;
    background: #fff;
 
	width:100%;
	float:left;
}
.our_project_border{	border-bottom:1px solid #efefef;padding:20px 0}
.our_project h4{padding:20px 0;text-align:center;margin-top:20px;}
.our_project p{text-align:justify;padding:10px 20px;}
.our_project h1{padding:10px 20px 0 20px;
	text-align:left;
	font-family:proxima nova;
	text-align:left;
	 font-weight: 700;
    letter-spacing: .04e;
    line-height:50px;
    font-size: 25px;
    color: #ff3a11;
 
    text-shadow: none;
  
	
}
.our_project_left_img{
	width:29.5%;
	float:left;
    min-height: 100px;
	margin-top:32px;
	margin-left:2%;
	margin-right:.5%;
	text-align:center;
	border-color:#000000;padding:1px;
	box-shadow: 0 0 1px 2px black;
	
}

.our_project_right_img {
    width: 29.5%;
    float: left;
    min-height: 100px;
    margin: 105px 1.7% 0 .75%;
    text-align: center;
    border-color: #000000;
    padding: 1px;
    box-shadow: 0 0 1px 2px black;
	}
.our_project_right_img img{width:100%;height:100%;}	
.content{padding:0px 40px 20px 45px;float:left;width:100%;color:#0e0e0e;}
.content li{padding:10px 0;border-left:none;border-right:none;border-top:none;font-size:16px;  }
.content li:first-child{}

.our_project_left_img img {
	width:100%;

	padding:10px;
	
	border:1px solid gray;
}
.our_project_left_img video{
	width:100%;

	

	border-color:#000000;
}
.our_project_right_content{
	width:68%;
	float:left;
	margin-top:10px;
	padding:5px;
	
	
}
.our_project_right_content h1{

	padding:10px 20px;

	text-align:left;
	 font-weight: 700;
    letter-spacing: .04e;
    line-height:50px;
    font-size: 25px;
    color: #333;
   
    text-shadow: none;
  
}
.our_project_right_content p{
	padding:10px 20px;
	text-align:justify;
	color:#001122;
	letter-spacing:1px;
	line-height:22px;
	font-family:proxima nova;
	font-weight:400;
	line-height:25px;
	
}
    .our_project p b{color:#000;}
.our_project_right_content ul{width:100%;float:left;padding:5px 20px;z-index: 9999;}
.our_project_right_content ul li{width:100%;float:left;padding:2px 5px 1px 0px;display:block;}
.our_project_right_content ul li .imgdiv{float:left;padding:5px 0px;line-height:26px;width:4%;height:35px;}	
.our_project_right_content ul li .imgdiv img{width:100%;height:100%;float:left;}
.our_project_right_content ul li .list_content{float:left;padding:5px 8px;line-height:28px;text-align:justify;width:90%;color:#001122;font-size:16px;}

.our_project_right_content ul li .list_content_crm{float:left;padding:5px 8px;line-height:28px;text-align:justify;width:45%;color:#001122;font-size:16px;}

/* this is for Our Project.............end.....................*/
.WhoWeAre{
	
    background: #fff;
 	border-bottom:1px solid #efefef;
	float:left;
	overflow:hidden;
	
	font-size:16px;
	color:#001122;
	
 }
.testimonial{height:150px;border:1px solid red;width:100%;position:relative;}
 .WhoWeAre h1{text-align:left;color:#333;padding:0px 5px 0px 5px;font-size:25px;}
 .WhoWeAre p{text-align:justify;color:#333;font-size:18px;line-height:26px;word-spacing:3px;letter-spacing:.75px;padding-top:20px;}
 .WhoWeAre_75{float:left;
 width:73%;
 text-align: left; 
  background: #fff;
  float:left;
  padding:0 1.5% 3% 1.5%;
  margin:0 1%;
	overflow:hidden;
	}
.WhoWeAre_75 h1{text-align:left;}	
.WhoWeAre_25{float:left;
 width:24%;
 text-align: left; 
  background:#FFFFFF;
  float:left;
  margin-top:2.5%;
  padding:1% 0 0% .5%;
	overflow:hidden;
	box-shadow:0 0 8px 4px #efefef;font-weight:bold;
	}	
.WhoWeAre_24{float:left;
 width:24%;
 text-align: left; 
  background:#FFFFFF;
  float:left;
  margin-top:3%;
  padding:1.5% 0 0% .5%;
	overflow:hidden;

	}	
.WhoWeAre_left{
	width:50%;
	float:left;
	
	padding:2.5%;
	text-align:justify;
	font-size:16px;
	color:#333;
		
}
.WhoWeAre_left p{
	
	text-align:justify;
	font-size:15px;
	color:#333;
	font-weight:400;
	}
.WhoWeAre_25 h2{padding:5px;background:#fff;color:#333;text-shadow:none;}
.keyskill{width:100%;background:#fff;line-height:20px;color:#422100;font-size:11px;padding:2px 5px;font-weight:bold;}
.WhoWeAre_25 h4{color:red;text-align:left;padding:3px 5px;border:1px solid gray;border-right:none;border-left:none;text-shadow:none;font-weight:bold;}
.WhoWeAre_left p b{color: rgba(0, 0, 0, .6);}
.WhoWeAre_left h1{
		padding:5px 0 5px 0;
		text-align:left;
		
		}
.WhoWeAre_25 ul{
		width:100%;
		
		padding:10px 10px 10px 30px;
		
		float:left;
		list-style-image:url(../image/rightaero.png)	
}
.WhoWeAre_25 ul li{
		width:100%;
		line-height:22px;
		float:left;
		font-size:13px;
		border-bottom:1px dashed gray;
	
}

.vedio_controller{margin:0px;padding:0px;float:left;border-left:2px solid #000;border-right:2px solid #000;}
.vedio_header{height:30px;width:100%;background-color:#000;font-size:20px;color:#fff;padding:0;line-height:28px;}
.vedio_vedio{width:100%;margin:0px;padding:0px;height:100%;float:left;height:100%;}
.controller{width:100%;float:left;margin-left:0px;z-index:999;bottom:0;padding:2px 0;overflow:hidden;border-left:1px solid black;border-right:1px solid black;}
.controller1{width:100%;float:left;background-color:#000;}
.spaning{width:98%;margin:auto;}
.span1{float:left;border-radius:50%;text-align:center;padding:4px;background-image:url(../our_project_image/play.png);background-size:cover;height:30px;width:30px;margin-top:5px;margin-left:5px;}
.span2{padding:4px;background-image:url(../our_project_image/sound.png);float:left;border-radius:50%;text-align:center;margin:0 0px 0 40px;background-size:cover;width:32px;height:32px;margin-top:6px}
.span3{float:right;text-align:center;margin:6px;height:30px;width:30px;background-image:url(../our_project_image/FullScreen.png);background-size:cover;box-shadow:0 0 1px 1px gray;}
.span4{float:left;text-align:center;margin:20px 6px 6px 0px;}
input[type=range]{
	
	height:2px;
	 border-color: transparent;
	border:none;
	background-color:#009966;
	 -webkit-appearance: none;
	
}

body, html{
	width:100%;
	height:100%;
	margin:0;
	background: #FFFFFF;
}

*{
  
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;

	margin:0;
	padding:0;
}

  }
  
  /*  
 .;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;.*/ 
   
  
@media only screen and (min-width : 310px) and (max-width : 767px){
 .mobile_menu{padding:20px 20px 20px 0;font-weight:bold;color:#000000;}  /*before it was = padding-right:-22px, Floar:right */
.clientbackimg{display:none!important;}
.clientbackimgmobilescreen{display:block!important;}
.clientbackimgsmallscreen{display:none !important;}
  td{font-size: 14px;min-width:50px;}

h1, h2, h3, h4, h5, h6{
	font-family:proxima nova;
    }
a{color:#003D79;}
.row::after {
    content: "";
    clear: both;
    display: block;
}
.main_container{
	margin:0;
	padding:0px;
}
.container{
	width:100%;
	margin:0;
	padding:0;
	float:left;
    
    
}
.wrapper {
	
	margin:0px auto;
	padding:0;
	width:100%;
	
	
}
.fixed_top{
	float:left;
	width:100%;
	
	background-color:#A00000;
	opacity:.7;
	z-index:111;
}
.fixed_detail{
	width:40%;
	float:left;
	text-align:center;
	color:#FFf;
	padding:20px 10px;
	position:relative;
}

.header{
	margin:0px auto 0 auto;
	width:100%;
	float:left;
	border-bottom:none;
	border-top:none;
	color:#000;
	height:80px; /*(Previously it was not there)*/
	
}
.top_header{
	width:100%;
	float:left;	
	
}	
.logo{float:left;height:65px;border-radius:6px;}
.cotetion{float:left;padding-left:3px;margin-top:15px;color:#000;}<!-- padding-left:3px;-->
.cotetion h2{
	font-size:16px;
    font-weight: 600;
	font-style:normal;
	padding:0;
	margin-top:15px;
	line-height:10px;
	
	}	
.cotetion p{
	color:#000;font-size:12px;text-align:right;font-family:Proxima-nova;letter-spacing:0em;font-weight:bold;float:left;padding:0;margin-top:0;
}	
.certified_iso{
	padding: 7px 0px 7px 2px;
    text-align: left;

    font-weight: bold;
   float:left;color:#fff;
    font-size: 12px;
    line-height: 28px;
	min-width:140px;
   }
 .social_icon_top{
 	float: right;
    font-size: 12px;  
    text-align:left;
	padding:7px 0px;
	min-width:155px;
	} 
.contact_top{padding: 5px 2px;
    font-size: 13px;display:none;
    margin-left: 0; font-weight:600;
    text-align: left;
	}
.header_logo{
	float:left;

	padding:2px;
}
.logo_img {float:left;height:70px;border-radius:6px;}
.logo_heading{float:left;padding-left:5px;margin-top:25px;color:#336699;text-shadow:none;}
.top_header logo_img img{
	float:left;
	height:800px;
	
}
.logo_heading h1{text-shadow:none;}
.header_menu{
	width:200px;
	top:0;
	padding:0px;
	display:block;
	position:fixed;
	right:-200px;
	height:100%;
	z-index:999;
	float:left;

	
}
ul {
	
	list-style:none;
	margin:0 auto;
	
}

.header_menu ul{ 
	padding:0 0px;
	width:200px;
	float:right;
	height:100%;
	height:900px;
	    background-color: #393939 !important;
	opacity:none;
	position:relative;
	
}

.header_menu ul li {
	padding:10px 10px;
	
	width:100%;
	font-size:14px;
	font-weight:500;
	box-sizing:border-box;
	
	
	color:#fff;
	background-color: #393939 !important;
		
	
}
.header_menu ul li:first-child{
	border-left-width:2px;
	
}
.header_menu ul li:last-child{
	border-right-width:2px;
	
}

.header_menu ul li:hover{
	
	color:#fff;
	border:none;
}

.header_menu ul li:hover a{
	
	color:#fff;
	
	
}

.header_menu ul li .submenu{
	

	z-index:999;
	    background-color: #393939 !important;
	behavior:url(css/PIE.htc);
	width:100%;
	margin:0px;
	float:left;
	padding:0px;
	display:none;
	color:#fff;
	height:auto;
	
	

}
.header_menu ul li:hover .submenu{
	display:block;
	padding:0px;
	width:100%;
	    background-color: #A00000 !important;
	margin-left:-10px;
	float:left;
	color:#fff;
	border-top:1px solid #fff;
	
}
.submenu .submenu_li
	{

	width:200px;
	color:#fff;
	padding:10px;
	font-size:13px;
	
	font-weight:bold;
	float:left;
	
	text-shadow:none;
	    background-color: #A00000 !important;
	
	
		}

.submenu .submenu_li:hover
	{
	
	border-bottom:1px solid #efefef;
	margin:0px;
	 background-color:#fff !important;
	color:#A00000 !important;
	
	
	}
.submenu .submenu_li:first-child
	{
	color:#fff;
	border-top:none;
	}

a {
	text-decoration:none;
	font-size:14px;
	font-weight:200;
	
}
.header_menu ul li a{
	color:#fff;
	font-weight:400;
	font-size:16px;
	
	
}
.main_header {
	width:100%;
	float:left;
	background:#fff;
}
.main_header ul{
	
	margin:0 auto;
	float:left;
	}
.main_header ul li{
	padding:20px 0;
	width:150px;
	text-align:center;
	
}
.main_header ul li:hover{
	
}
.main_header ul li:hover a{

	color:#888;
	
}
.main_header ul li a:hover{
	color:#999;
}
.main_body{
	float:left;
	width:100%;
	
	
}
.slide_title{
	padding:10px;
	float:left;
	width:100%;
	text-align:center;
	color:#009966;
	
	
}
.slide_title h1{
	text-align:center;
	color:#009966;
	text-shadow:0 1px 1px yellow;
	word-spacing:5px;
	opecity:0.6;
	
	
}
.slide_title h1:hover{
	
	text-shadow:0px 1px 1px rgba(200, 105, 530, 1);
	
}
.slider{
	width:100%;

	
	margin:0 auto;
	

	position:relative;
	border-top:none;
	
	
	
	
	
}
.slide_text{
	position:absolute;width:inherit;z-index:222;
}
.slide_text h1{
text-align:left;padding:0;margin:0;height:auto;font-size:65px;background:none;
}
.slider img{
	float:inherit;
	margin:0;
	
	width:100%;
	padding:0px;
}
.services{
	width:100%;
	float:left;
	padding:10px;
	border:none;
	
}
.portfolio{
	 float: left;
    width: 100%;
    height: 100%;
	padding:5px 0 20px 0;border:none;
    background-color:#fff;
}
.portfolio1{
	 float: left;
   width:100%;
    height: 100%;
	padding:20px;
    background-color:#fff;
	
}
.portfolio_ul{width:100%;float:left;padding:20px;box-shadow: 0 0 12px 0.5px #dedede;min-height: 600px;}
.portfolio_ul li{float:left;width:100%;margin:4% 2.50%;padding:2px;box-shadow:0 0 8px 4px #e3e6e6;height:170px;border-radius:4px;}
.portfolio_ul li p{padding-top:10px;color:#666;float:left;font-size:11px;text-align:center;line-height:15px;font-weight:600;}
.portfolio_ul li img {width:100%;height:100%;float:left;border-radius:4px;}
.gallery{
	 float: left;
    width: 100%;
    height: 100%;
	padding:5px 0 20px 0;border:none;
    background-color:#fff;
}
.gallery_left{
	 float: left;
   width:100%;
    height: 100%;
	padding:20px;
    background-color:#fff;
	
}
    .gallery_right{
	 float: left;
   width:100%;
    height: 100%;
	padding:20px;
    background-color:#fff;
}
.gallery_left h1{text-align:left;padding:10px;background:#fff;color:#333;line-height:50px;
  }
.gallery_right h1{text-align:center;padding:10px;background:#fff;color:#333;line-height:50px;
   }
.gallery_ul{width:100%;float:left;padding:20px;box-shadow: 0 0 12px 0.5px #dedede;min-height: 600px;}
.gallery_ul li{float:left;width:100%;margin:4% 2.50%;padding:2px;box-shadow:0 0 8px 4px #e3e6e6;height:170px;border-radius:4px;}
.gallery_ul li p{padding-top:10px;color:#666;float:left;font-size:11px;text-align:center;line-height:15px;font-weight:600;}
.gallery_ul li img {width:100%;height:100%;float:left;border-radius:4px;}
.vedio_ul{width:100%;float:left;padding:20px 20px;background: #fff;min-height: 600px;box-shadow: 0 0 12px .5px #dedede;} 
 .vedio_ul li{float:left;width:100%;padding:1px;box-shadow:0 0 8px 4px #e3e6e6;height:180px;margin:18px 0;background:#FFD8B0;}
 .vedio_ul li p{padding-top:10px;color:#666;float:left;font-size:12px;text-align:center;line-height:15px;font-weight:600;}
    .vedio_ul li video {width:100%;height:100%;float:left;}
.services h1{
	padding:10px 20px;
	text-align:center;
	background:#fff;
	color:#f88814;
   

	
}
.vplay{margin:0 auto;width:60px;border:1px solid red;border-radius:50%;height:50px;background-image:url(image/play.png);background-size:cover;}
.vpushed{margin:0 auto;width:60px;border:1px solid red;border-radius:50%;height:50px;background:red;background-size:cover;}

.services_colom{
	float:left;
	width:100%;
	border:1px solid #999999;

	text-align:center;
	height:230px;
	overflow:hidden;
	position:relative;
	background:#fff;
	margin-top:35px;
	box-sizing:border-box;
	box-shadow:0 0 4px 1px #bbb;
	
}
.services_colom img{
	width:100%;
	min-height:50%;
	padding:10px;
    
	
}

.services_text{
	position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:#fff;
 
  overflow: hidden;
  width: 100%;
  height:40px;
  color:#000;
  transition: 1s ease;
	
	
			
}
.services_colom:hover .services_text{
	height: 100%;
	color:#000;
}

.services_colom:hover .text p{
	 color:#000;
	padding:2px;
	margin:5px;
}

.text {
 
   color:#000;
  text-align:justify;
  position: absolute;
  overflow: hidden;
  top:0%;
 
 
} 
.text p{
   color:#333;
  text-align:justify;
 padding:10px;
 font-size:12.5px;
 font-family:proxima nova;
 line-height:19px;
 
} 
.text h4{
 color:#fff;
 width:100%;
 background:#009999;
 padding:10px 5px;
 margin-top:0;
 text-align:left;
 font-size:13px;
 font-family:proxima nova;
 
}
.OutTeam{
	width:100%;
	float:left;
	min-width:700px;
	color:#3b6caa;
}
.OutTeam h1{
	text-align:left;
	padding:10px 20px;
	background:#0c8181;
	color:#fff;
	text-shadow:.5px 1px 1px red;
}
.team_detail{
	float:left;
	width:100%;
	
	margin:2.50%;
	text-align:center;
	
		
}
.description img{width:100%;height:220px;border-radius:50%;box-shadow:0 0 5px 1px #bbb;}
.description {
	width:100%;
	float:left;
	color:#FF6600;
	padding:0px;
	
}
.description_text{
	float:left;
	width:inherit;
	text-shadow:none;
	
}
.description_text h3{
	float:left;
	color:#006666;
	padding:5px 0;
	width:100%;
	text-align:center;
	
	
}
.team_detail .description .description_text p{color:#3b6caa;padding:0px 0 5px 0;float:left;z-index:1111;font-size:12px;text-align:justify;}
/* this is for footer ..................................*/
.footer{
	float:left;
	background-color:#393939 !important;
	width:100%;
	padding:0;
	overflow:hidden;
	font-family:proxima nova;
}
.footer_upper{
	width:100%;
	float:left;
	color:#FFF;
	
	overflow:hidden;
	
	

}
.footer_upper h2{
	padding:15px 0;
	color:#FFFFFF;
	
    font-weight: 700 !important;
	font-size:18px;
	
	
}
.footer_left{
	width:100%;
	float:left;
	padding:5px 10px;
	color:#000;

	
}

.footer_upper a p{
	padding:5px 0px;
float:left;
width:100%;
  font-size:14px;
	font-weight:400;
	color:rgba(255, 255, 255, 0.9) !important;
	font-family:proxima nova;

   
}
.footer_upper h4{
	padding:20px 40px 15px 20px;
	width:100%;
	text-shadow:none;
	text-align:center;
	color:#FFF;
	font-size:18px;
    font-weight: 700 ;font-family:proxima nova;
	
}
.footer_middle{
	width:100%;
	float:left;font-family:proxima nova;
	color:#FFF;
	padding:5px 10px;
	font-size:14px;line-height:22px;
   /* border-width: 2px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    -moz-border-image:
      -moz-linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    -o-border-image:
      -ms-linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;
    border-image:
      linear-gradient(to top, rgba(0, 102, 102, 0), #fff, rgba(0, 102, 102, 0)) 0 100%;*/
}

.footer_middle h4 img{margin:0 5px;float:left;font-family:proxima nova;}
.footer_right{
	width:100%;
	float:left;
	color:#FFF;
	padding:5px 10px 5px 10px;font-family:proxima nova;

	 
}
.footer_right input[type=text]{
	width:200px;height:25px;
	border:none;padding:5px;
	
}
.footer_right input[type=textarea]{
	width:200px;height:50px;border:none;
}
.footer_right input[type=submit]{
	width:70px;padding:4px;
	margin-top:5px;
	background:#efecec;
	border:none;
	
	
}
.footer_right input[type=reset]{
	width:70px;padding:4px;
	margin-top:5px;
	background:#fff;
	border:none;
	float:right;
}
.footer_bottom{
	float:left;
	width:100%;
	font-family:proxima nova;
	line-height:40px;
	color:#b0b0b0;
	
    font-weight: 400 !important;
	background:#2c2b2b;
	
	
}
.footer_bottom p{
	
	text-align:center;
	width:100%;
	color:#fff;
	font-family:proxima nova;
    font-weight: 500 !important;
	height:40px;
	line-height:40px;
    font-size:11px;
}
/* this is for footer end..................................*/
/* this is for slider effect ..................................*/
.otherpagemainimg{}
#slideshow {
 	position:relative;
   height:250px;
	border-radius:0 0 6px 6px;
	
}

#slideshow DIV {
   position:absolute;
    z-index:8;
    background-color: #FFF;
	width:100%;
	 height:250px;
	
	
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
	
}

#slideshow DIV.last-active {
    z-index:9;
	
}

#slideshow DIV IMG {
    height:250px;
    display: block;
    border: 0;
	width:100%;
	padding:0px;
	

}

/* this is for slider effect ..............end....................*/

/* this is for What we do ..................................*/

.WhatWeDo{
	text-align: left;
 	padding-top:10px;
    background:#fff;
  	font-family:proxima nova;
	float:left;
	overflow:hidden;
   
	
}
.WhatWeDo h4{padding:20px 0;text-align:center;margin-top:28px;font-family:proxima nova;}

.WhatWeDo p{text-align:justify;padding:5px 20px;
	text-align:justify;	color:#001122;font-size:18px;line-height:26px;word-spacing:3px;letter-spacing:.7px;
	 border-bottom: 2px solid transparent;font-family:proxima nova;font-weight:400;}
.WhatWeDo h1{
	padding:30px 20px 10px 20px;
	text-align:left;
	color:#333;
	font-weight:700;
	font-size:32px;
	font-family:proxima nova;
	
}

.WhatWeDo_left_img{
	width:100%;
	float:left;
	margin-top:20px;
	padding:10px;
}
.WhatWeDo_left_content{
	width:100%;
	float:left;
	margin-top:5px;
	padding:10px;
	

}
.WhatWeDo_left_content h1{
	color:#333;
	padding:20px 20px 10px 20px;
	background:none;
	font-family:proxima nova;
	font-weight:700;
	line-height:32px;
	font-size:25px; 
}
.WhatWeDo_left_content p{
	
	text-align:justify;	color:#001122;font-size:18px;line-height:26px;word-spacing:3px;letter-spacing:.7px;
	 border-bottom: 2px solid transparent;
	padding:10px 10px;
	font-weight:400;
	font-family:proxima nova;
	text-align:justify;
}
.area_whatwedo{
	
    font-weight: 400 !important;
	text-align:justify;	color:#001122;font-size:16px;line-height:26px;word-spacing:3px;letter-spacing:.7px;
	padding:20px;
	float:left;
}
.area_whatwedo_background{background:green;}
.WhatWeDo_left_img img {
	width:100%;
	padding:20px 10px;
	margin-top:0px;
}
.WhatWeDo_right_content{
	width:100%;
	float:right;
	margin-top:10px;
	
}
.WhatWeDo_right_content h1{
	color:#333;
	padding:20px 20px 10px 20px;
	background:none;font-size:25px;
	lettet-height:45px;letter-spacing:.8px;
	font-family:proxima nova;font-weight:700;
	line-height:32px;
}
.WhatWeDo_right_content p{
	padding:20px 30px;
	text-align:justify;
	font-family:proxima nova;
	font-weight:400;
	font-size:18px;
	letter-spacing:.7px;
	line-height:26px;
	
}
.WhatWeDo_right_img{
	width:100%;
	float:right;
	padding:10px;
	margin-top:20px;
}
.WhatWeDo_right_img img{
	width:100%;
	padding:20px 10px;
	margin-top:30px;
		
}
.WhatWeDo content{width:100%;padding:5px;}
.software_development{
	width:100%;
	float:left;
	padding:2px 20px 2px 20px;
	}
.software_development_colom{
	float:left;
	width:100%;
	
	margin:2%;
	padding:10px;
	box-shadow:8px 10px 12px #ccc, -3px -3px 0px #fff;
	box-sizing:border-box;
}
.s1{background:linear-gradient(to right, #fff, #fff);}
.s2{background:linear-gradient(to left, #fff, #fff);}
.s3{background:linear-gradient(to right, #fff, #fff);}
.h1{background:linear-gradient(to left, #efefef, #efefef);}
.h2{background:linear-gradient(to left, #efefef, #efefef);}
.h3{background:linear-gradient(to left, #efefef, #efefef);}
.software_development_colom_head img {width:100%;height:100%;}
.software_development_colom_head{width:100%;padding:0px 0px;margin:0;float:left;height:80px;border:1px solid gray;color:black;border-left: none;border-right: none;}
.software_development_colom_head_img{width:25%;float:left;padding:5px 10px;height:100%;}
.software_development_colom_head_img img{width:100%;height:100%;margin:0px;padding:5px;}
.software_development_colom_head_content{width:75%;float:left;font-size:17px;line-height:22px;padding:15px 2px;font-weight:600;}
.software_development_colom_center{width:100%;padding:5px 5px;float:left;border-bottom:1px solid gray;margin:0%;height:50px;}
.software_development_colom_img{width:15%;float:left;text-align:right;height:100%;padding:10px;max-width:60px;}
.software_development_colom_img img{width:100%;height:100%;}
.software_development_colom_content{height:100%;width:85%;float:left;padding:5.3px 3px;font-size:16px;}
.software_development_background{background:#fefdfd;}
.software_development_background_one {background:#fff}

.software_development p{text-align:left;font-size:16px;padding:25px 20px 0px 25px;}

.software_development_left {
	width:100%;

	float:left;
	margin-top:15px;
	
	
	padding:7px;
}
.software_development_left ul{
	padding:0 10px 10px 10px;
	width:100%;
	float:left;	
	list-style:none;
}
.software_development_left ul li{
	
	color:#006666;
	margin:2px 0;
	float:left;
	width:100%;
	text-align:left;
	padding:5px;
}
.software_development_left ul li a{
	padding:10px 3px ;
	float:left;
	width:100%;
	text-align:left;
	
}
span{background: 0 0;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
	text-shadow:none;
    list-style-type: none;
	background: url(image/list-btm-brdr.jpg) no-repeat bottom left;}
.software_development_right{
	width:100%;
	float:right;
	margin-top:20px;
	padding:10px;
	position:relative;
	min-height:550px;
	
}
.software_development_middle{
	height:inherit;
	position:absolute;
	margin-left:-50px;
	padding:0 10px 0 0;
	box-shadow:0 0 6px 2px gray;
	 background: linear-gradient(to right, #ddd, #fff, #fff, #fff, #fff, #fff, #fff, #ccc);
	 
}
.software_development_middle h4{
	color:red;
	text-align:left;
	padding:0px 20px 10px 20px;
	background:none;
}
.software_development_middle p{
	padding:20px;
	text-align:justify;
}
.software_development_middle ul{
		padding:5px 10px 10px 70px;
		list-style-image: url("../image/direction1.png");
		
		float:left;
}
.software_development_middle ul li{
		width:100%;
		float:left;
		padding:2px 10px 2px 10px;
		
	
}
.whatWeDo_left{
	width:100%;
	float:left;
	margin:4%;
	padding:10px 10px;
	 position:relative;
  overflow:hidden; 
 
  background:#efefef ;
  	
}
.whatWeDo_left:before {
  content: ""; 
  position:absolute; 
  z-index: 1100; 
  width:10px;  
  top: 0%; 
  height: 100%; 
  
  box-shadow:0 0 13px rgba(0,0,0,0.6); 
}
.whatWeDo_left:after {
  content: ""; 
  position:absolute; 
  z-index: 1100; 
  width:10px;  
  top: 0%; 
  height: 100%; 
  right: -10px; 
  box-shadow:0 0 13px rgba(0,0,0,0.6); 
}
.whatWeDo_left h2{
		padding:15px 10px 10px 35px;
		text-align:left;
		}
.whatWeDo_left ul{
		width:100%;
		
		padding:0px 20px 10px 60px;
		
		float:left;
		list-style-image:url(../image/direction1.png)	
}
.whatWeDo_left ul li{
		width:100%;
		line-height:25px;
		float:left;
		color:#000;
		font-size:16px;
}
.icon{width:30px;background:#FFFFFF;font-size:30px;color:red;line-height:40px;}


/* this is for What we do .............end.....................*/

/* this is for ...Home ..................................*/
.area{	width:100%;
	float:left;
	background:#fff;
	
	padding:5px 0px;
	margin-top:0px;
	text-shadow:none;
	color:#001122;
	
    font-weight: 400 !important;
	}
	
.home_left_home{
	width:100%;
	float:left;
	text-align:justify;
	padding:10px 0px 10px 2px;
	background:#fff;
    color:#000;
	font-family:proxima nova !important ;
	
}
.home_right_home{
	width:100%;
	float:left;
	text-align:justify;
	padding:10px 0px;
	background:#fff;
    color:#000;
	font-family:proxima nova !important ;
	
}
.home{
	 text-align: left;
    text-shadow: 0 1px 1px red;
    background: #fff;
  
	
	float:left;
	word-spacing:.5px;
	letter-spacing:.5px;

}
.home h1{
	padding:10px 0px;
	text-align:left;
	 font-weight: 700;
    letter-spacing: .04e;
    letter-height:50px;
    font-size: 20px;
    color: #333;
    
    text-shadow: none;
  
	
	
}
.home_left{
	width:100%;
	float:left;
	text-align:justify;
	padding:0px 0px 10px 10px;
	background:#fff;
    color:#001122;
	
	letter-spacing:normal;
}
.home_right h2{
	background:#fefefe;
		text-align:center;
		margin-top:10px;
		padding:5px;
		color:#777;
		 font-weight: 700;
		 font-size:20px;
		
		 font-family:proxima nova;
		 letter-spacing:.7px;
	border-bottom:2px solid #37a000;
		}
.project{padding:0px 17px;}
.project li a{padding:20px 0;color:#FF0000;line-height:27px;}
.project1{padding:0px 17px; line-height:22px; }
.project1 li a{padding:20px 0;color:#CA0000;line-height:27px;}


.home_left p{
	padding:10px 10px 10px 0;  
	font-size: 18px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.3em;
    font-weight: 400;
	font-family:proxima nova !important ;
	letter-spacing:0em;
	color:#00081a;
	}
.home_right p{padding:10px 0;}
.home_right p a{text-align:left;
		word-spacing:normal;
		letter-spacing:normal;
		color:#FF0000;
	line-height:23px;
		}
.home_right p img{width:100%;}
.home_right{
	float:left;
	width:100%;
	color:#000;
	text-align:left;
	padding:0px;
	background-color:#fefefe;
	  
}

/* this is for ...Home ..................end...............*/
/* this is for our project ..................................*/

.our_project{
	text-align: left;
 border:none;
    background: #fff;
 
	width:100%;
	float:left;
}
.our_project_border{	border-bottom:1px solid #efefef;padding:20px 0}
.our_project h4{padding:20px 0;text-align:center;margin-top:20px;}
.our_project p{text-align:justify;padding:10px 20px;}
.our_project h1{padding:10px 20px 0 20px;
	text-align:left;
	font-family:proxima nova;
	text-align:left;
	 font-weight: 700;
    letter-spacing: .04e;
    line-height:50px;
    font-size: 25px;
    color: #ff3a11;
 
    text-shadow: none;
  
	
}
.our_project_left_img{
	width:100%;
	float:left;
    min-height: 100px;
	margin-top:40px;
	margin-left:2%;
	margin-right:.5%;
	text-align:center;
	border-color:#000000;padding:1px;
	box-shadow: 0 0 1px 2px black;
	
}
.our_project_right_img{
	width:100%;
	float:left;
    min-height: 100px;
	margin:105px 1.7% 0 .75%;

	
	text-align:center;
	border-color:#000000;padding:1px;
	box-shadow: 0 0 1px 2px black;
	
}
.our_project_right_img img{width:100%;height:100%;}
.content{padding:0px 40px 20px 45px;float:left;width:100%;color:#0e0e0e;}
.content li{padding:10px 0;border-left:none;border-right:none;border-top:none;font-size:16px;  }
.content li:first-child{}

.our_project_left_img img {
	width:100%;

	padding:10px;
	
	border:1px solid gray;
}
.our_project_left_img video{
	width:100%;

	

	border-color:#000000;
}
.our_project_right_content{
	width:100%;
	float:left;
	margin-top:10px;
	padding:5px;
	
	
}
.our_project_right_content h1{

	padding:10px 20px;

	text-align:left;
	 font-weight: 700;
    letter-spacing: .04e;
    line-height:50px;
    font-size: 25px;
    color: #333;
   
    text-shadow: none;
  
}
.our_project_right_content p{
	padding:10px 20px;
	text-align:justify;
	color:#001122;
	letter-spacing:1px;
	line-height:22px;
	font-family:proxima nova;
	font-weight:400;
	line-height:25px;
	
}
    .our_project p b{color:#000;}
.our_project_right_content ul{width:100%;float:left;padding:5px 20px;z-index: 9999;}
.our_project_right_content ul li{width:100%;float:left;padding:2px 5px 1px 0px;display:block;}
.our_project_right_content ul li .imgdiv{float:left;padding:5px 0px;line-height:26px;width:5%;height:35px;}	
.our_project_right_content ul li .imgdiv img{width:100%;height:100%;float:left;}
.our_project_right_content ul li .list_content{float:left;padding:5px 8px;line-height:28px;text-align:justify;width:90%;color:#001122;font-size:16px;}

.our_project_right_content ul li .list_content_crm{float:left;padding:5px 8px;line-height:28px;text-align:justify;width:100%;;color:#001122;font-size:16px;}

/* this is for Our Project.............end.....................*/
.WhoWeAre{
	
    background: #fff;
 	border-bottom:1px solid #efefef;
	float:left;
	overflow:hidden;
	padding:10px;
	font-size:16px;
	color:#001122;
	
 }
.testimonial{height:150px;border:1px solid red;width:100%;position:relative;}
 .WhoWeAre h1{text-align:left;color:#333;padding:0px 5px 0px 5px;font-size:25px;}
 .WhoWeAre p{text-align:justify;color:#333;font-size:18px;line-height:26px;word-spacing:3px;letter-spacing:.75px;padding-top:20px;}
 .WhoWeAre_75{float:left;
width:100%;
 text-align: left; 
  background: #fff;
  float:left;
  padding:0 1.5% 3% 1.5%;
  margin:0 1%;
	overflow:hidden;
	}
.WhoWeAre_75 h1{text-align:left;}	
.WhoWeAre_25{float:left;
width:100%;
 text-align: left; 
  background:#FFFFFF;
  float:left;
  margin-top:2.5%;
  padding:1% 0 0% .5%;
	overflow:hidden;
	box-shadow:0 0 8px 4px #efefef;font-weight:bold;
	}	
.WhoWeAre_24{float:left;
width:100%;
 text-align: left; 
  background:#FFFFFF;
  float:left;
  margin-top:3%;
  padding:1.5% 0 0% .5%;
	overflow:hidden;

	}	
.WhoWeAre_left{
width:100%;
	float:left;
	
	padding:2.5%;
	text-align:justify;
	font-size:16px;
	color:#333;
		
}
.WhoWeAre_left p{
	
	text-align:justify;
	font-size:15px;
	color:#333;
	font-weight:400;
	}
.WhoWeAre_25 h2{padding:5px;background:#fff;color:#333;text-shadow:none;}
.keyskill{width:100%;background:#fff;line-height:20px;color:#422100;font-size:11px;padding:2px 5px;font-weight:bold;}
.WhoWeAre_25 h4{color:red;text-align:left;padding:3px 5px;border:1px solid gray;border-right:none;border-left:none;text-shadow:none;font-weight:bold;}
.WhoWeAre_left p b{color: rgba(0, 0, 0, .6);}
.WhoWeAre_left h1{
		padding:5px 0 5px 0;
		text-align:left;
		
		}
.WhoWeAre_25 ul{
		width:100%;
		
		padding:10px 10px 10px 30px;
		
		float:left;
		list-style-image:url(../image/rightaero.png)	
}
.WhoWeAre_25 ul li{
		width:100%;
		line-height:22px;
		float:left;
		font-size:13px;
		border-bottom:1px dashed gray;
	
}

.vedio_controller{margin:0px;padding:0px;float:left;border-left:2px solid #000;border-right:2px solid #000;}
.vedio_header{height:30px;width:100%;background-color:#000;font-size:20px;color:#fff;padding:0;line-height:28px;}
.vedio_vedio{width:100%;margin:0px;padding:0px;height:100%;float:left;height:100%;}
.controller{width:100%;float:left;margin-left:0px;z-index:999;bottom:0;padding:2px 0;overflow:hidden;border-left:1px solid black;border-right:1px solid black;}
.controller1{width:100%;float:left;background-color:#000;}
.spaning{width:98%;margin:auto;}
.span1{float:left;border-radius:50%;text-align:center;padding:4px;background-image:url(../our_project_image/play.png);background-size:cover;height:30px;width:30px;margin-top:5px;margin-left:5px;}
.span2{padding:4px;background-image:url(../our_project_image/sound.png);float:left;border-radius:50%;text-align:center;margin:0 0px 0 40px;background-size:cover;width:32px;height:32px;margin-top:6px}
.span3{float:right;text-align:center;margin:6px;height:30px;width:30px;background-image:url(../our_project_image/FullScreen.png);background-size:cover;box-shadow:0 0 1px 1px gray;}
.span4{float:left;text-align:center;margin:20px 6px 6px 0px;}
input[type=range]{
	
	height:2px;
	 border-color: transparent;
	border:none;
	background-color:#009966;
	 -webkit-appearance: none;
	
}

body, html{
	width:100%;
	height:100%;
	margin:0;
	background: #FFFFFF;
}

*{
  
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;

	margin:0;
	padding:0;
}
  
  }
  
  /*;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/
  
@media only screen and (min-width : 310px) and (max-width :450px){
.s1{background:linear-gradient(to right, #fff, #fff);}
.s2{background:linear-gradient(to left, #fff, #fff);}
.s3{background:linear-gradient(to right, #fff, #fff);}
.h1{background:linear-gradient(to left, #efefef, #efefef);}
.h2{background:linear-gradient(to left, #efefef, #efefef);}
.h3{background:linear-gradient(to left, #efefef, #efefef);}
.software_development_colom_head img {width:100%;height:100%;}
.software_development_colom_head{width:100%;padding:0px 0px;margin:0;float:left;height:80px;border:1px solid gray;color:black;border-left: none;border-right: none;}
.software_development_colom_head_img{width:25%;float:left;padding:10px 5px;}
.software_development_colom_head_img img{width:100%;height:100%;margin-top:10px;padding:0px;}
.software_development_colom_head_content{width:75%;float:left;font-size:14px;line-height:22px;padding:17px 2px;font-weight:600;}
.software_development_colom_center{width:100%;padding:5px 5px;float:left;border-bottom:1px solid gray;margin:0%;height:50px;}
.software_development_colom_img{width:15%;float:left;text-align:right;height:100%;padding:7px 0px;}
.software_development_colom_img img{width:100%;height:100%;}
.software_development_colom_content{height:100%;width:85%;float:left;padding:5.3px 3px;font-size:12px;}
.software_development_background{background:#fefdfd;}
.software_development_background_one {background:#fff}

.software_development p{text-align:left;font-size:16px;padding:25px 20px 0px 25px;}
  
}