@import url('font-awesome.css');
@import url('../fonts/text-font/fontcss.css');
@import url('../fonts/font.css');
@import url('../fonts/open-sans-regular/open-resular.css');


body{margin:0px; padding:0px; font-family:'Open Sans';  color:#666666; background-color:#ffffff;}
h1, h2, h3, h5, h6{margin:0px; padding:0px;}
.CommenButton {
	background-color: #D5D5D5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #B1B0B0;
	display: inline-block;
	cursor: pointer;
	color: #1F1E1E;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
	
}
.CommenButton:hover { 
	background-color:#2164b1; cursor:pointer; border:1px solid #0A478A; color:#ffffff;
}
.CommenButton:active {
	position:relative;
	top:1px;
}

.fullwidth{width:100%; height:auto; float:left; margin:0px; padding:0px;}
.headfull{background-color:#ffffff; box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.5); position: fixed !important; z-index:99999;}
.containerfull{width:100%; height:auto; float:left; margin-top:67px;}
.noneMargin{ margin-top:0px;}
/*.fixedmenu {position: fixed !important;top:0; left:0; right:0; z-index:99; }
.fixemake {position: fixed !important;top:67px; left:0; right:0; z-index:9; }*/
.bannerfull{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0557ab),color-stop(1, #012546));
	background:-moz-linear-gradient(top, #0557ab 5%, #012546 100%);
	background:-webkit-linear-gradient(top, #0557ab 5%, #012546 100%);
	background:-o-linear-gradient(top, #0557ab 5%, #012546 100%);
	background:-ms-linear-gradient(top, #0557ab 5%, #012546 100%);
	background:linear-gradient(to bottom, #0557ab 5%, #012546 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0557ab', endColorstr='#012546' 
	,GradientType=0);
	background-color:#0557ab;margin-top: 67px;
}
.bannermap-bg{background-image:url(../images/map-bg.png);  background-position:center; width:100%; float:left;}

.mainWrap{ max-width:1156px; padding:0px 22px 0px 22px; height:auto; margin:0px auto;}
.header{width:100%; max-height:186px; float:left; margin:0px 0px; padding:0px 0px;}
.logo{max-width:230px; float:left; height:auto; margin:9px 0px 10px 0px;}
.logo img{width:100%;}
.Navigation{width:auto; float:left; height:39px; margin:0px 0px 0px 2%;}
.contactDetails{width:270px; height:30px; float:right; margin:13px 0px 0px 0px; }
.bannerSlider {width: 100%;height: auto;float:left;margin:0px 0px 0px 0px}
.disnone{display:none;}
.banner-img img{max-width:100%;}
.banner-dscp{width:51%; float:left; height:auto; margin:8% 0px 0px 50px;}
.banner-img{ float:right; width:40%; height:auto; margin:30px 0px 0px 0px;}
.banner-dscp h2{ font-size:35px; color:#ffffff; font-family:Cambria;}
.banner-dscp h3{font-size:24px; color:#f57300; margin:5px 0px 5px 0px;}
.banner-dscp span{ font-size:14px; color:#ffffff; margin:5px 0px 0px 0px;}
/*.banner-dscp ul{margin:0px 10px; padding:0px;}
.banner-dscp ul li{list-style-type:none; margin:0px; padding:0px;font-size:12px;color:#ffffff;}
.banner-dscp ul li a{color:#ffffff; text-decoration:none;}
.banner-dscp ul li a:hover{color:#cccccc;}
*/
.skype{ width:41px; height:40px; float:left; margin:0px 15px 0px 0px;}
.phoneEmail{ width:200px; float:left; height:auto; margin:0px 0px 0px 0px; font-size:13px;}
.phone{width:100%; float:left; height:auto; margin:0px 0px 4px 0px;}
.email{width:100%; float:left; height:auto; margin:0px 0px;}
.email a{text-decoration:none;color:#666}
.phoneEmail span{margin:3px 5px 0px 0px; float:left;}
.containerRow{width:100%; height:auto; float:left; margin:0px 0px 0px 0px;}


.inpagehd h2{text-align:left !important; text-transform:none !important;}
.mainhd{width:100%; height:auto; margin:35px 0px 0px 0px; float:left; text-align: center;}
.mainhd h1{font-size:25px;font-weight:normal; margin:0px 0px 10px 0px !important; text-align:left;}
.border-botm{border-bottom:1px solid #dddddd; padding-bottom:15px;}
.contenttxt{font-size:14px; line-height:20px;text-align: justify;}
.contenttxt h2{font-size:14px}
.aligntext{text-align:left !important;}
.readmore{width:100%; text-align:center; margin:10px 0px 0px 0px;}
.readmore a{font-size:14px; text-transform:uppercase; color:#666; text-decoration:none;}
.readmore a:hover{color:#06C;}
.CArrow{ width:100%; height:auto; float:left; text-align:center; margin:0px 0px 0px 0px;}

/*-----------servicesBoxes--------*/
.MBicon{display:none;}
.serimg img:hover{}
.servicesBoxes{width:100%; height:auto; float:left; margin:20px 0px 0px 0px;}
.serBox{width:31%; height:auto; float:left; margin:0px 1% 40px 1%;}/*23*/
.serimg{max-width:142px; height:auto; margin:0 auto; background-color:#023772;}
.serHd{width:100%; float:left; height:auto; margin:12px 0px 10px 0px; text-align:center; font-weight:bold;} 
.serHd h1{font-size:16px; color:#0cacf6; font-weight:bold;}
.serHd h2{font-size:14px; color:#0cacf6; font-weight:bold;}
.serimg img{max-width:100%; height:auto;}
.serimg:hover{background-color:#0FA1CD;}
.serDiscp{text-align:center;padding:0px 0px 0px 0px; margin:0px 0px; font-size:12px; height:120px;}
.SRreadmore{margin:10px auto 5px auto; text-align:center;vertical-align: bottom;}/*width:300px; height:50px; margin:0 auto; display: table-cell; */
.SRreadmore a{padding:5px 10px; font-size:12px; color:#FFF; background-color:#999; text-decoration:none; border-radius:2px 2px 2px 2px;}
.SRreadmore a:hover{color:#FFF; background-color:#000000;}

.logoSlide{width:100%; height:auto; float:left; margin:20px 0px 20px 0px;  background-color:#F1F1F1; }
.logosliderfull{background-color:#F1F1F1; margin:30px 0px 0px 0px;}

/*--------------footer------------*/
.footer{background-color:#4D4D4D; height:auto; color:#FFF; margin:0px 0px;}
.footerbox{width:22%; float:left; margin:0px 3% 0px 0px; height:auto; } 
.footerbox h2{font-size:16px; color:#0cacf6; margin:10px 0px 10px 0px;}
.footerbox ul{margin:0px 0px; padding:0px;}
.footerbox ul li{ list-style-type:none; margin:0px 0px 0px 0px; padding:0px;}
.footerbox ul li a{ font-size:12px; color:#ffffff; text-decoration:none;margin:0px 0px 5px 0px; padding:0px;}
.footerbox ul li a:hover{color:#cccccc; text-decoration:none;}
.ftpbtp{padding:10px 0px 10px 0px;}
.social ul li{ display:inline !important; margin:0px 5px 0px 0px;}
.footer2{background-color:#332F2F;}
.copyright{ font-size:11px; color:#ffffff;}
.copyright a{ font-size:11px; color:#ffffff; text-decoration:none;}
.copyright a:hover{ color:#29b0f4; text-decoration:none;}

/*-----------iner--page--------leftpanel--------------------------*/
.leftpanel{width:74%; height:auto; float:left; margin:0px 0px 15px 0px;}
.rightpanel{width:24%; height:auto; float:right; margin:0px 0px 0px 0px;}
.rightHD{width:100%; height:auto; float:left;}
.rightHD img{width:25px; height:25px; float:left; margin:0px 0px 0px 0px;}
.borderBold{border-bottom:solid 4px #34b5f5;}
.rhd{font-size:25px;font-weight:normal; margin:0px 0px 10px 0px  !important; float:left;} 

/*-----------------client--------------------*/
 .boxgrid {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #E7E7E7;float:left;
    height:150px; margin:0 1.5% 3% 1.5%;overflow: hidden;position: relative;width: 30%;
}
.boxgrid img {border: 0 none;height: 100%; width:100%;left: 0;position: absolute;top: 0;}
.boxgrid p {color: #AFAFAF;font: 10pt "Lucida Grande",Arial,sans-serif;padding: 0 10px;}
.boxcaption { background: none repeat scroll 0 0 #FFFFFF; float: left; height: 150px;opacity: 1; position: absolute;text-align: center; width: 100%;}
.captionfull .boxcaption { left: 0;}
.caption .boxcaption { left: 0;}  

/*==============contact==============================*/

.ContactUs{width:100% !important;height:auto;float:left;}
.addressbox{width:100%;height:auto;float:right;margin:0px 0px 0px 0px;  padding:0px 0px 20px 0px; font-size:12px;} 
.addressbox p{padding:0px 0px 0px 0px !important; clear:both;}
.querybox{ width:100%;height:auto;float:left;margin:0px 0px 0px 0px;  padding:30px 0px 30px 0px;}
.leftbox{ width:50%; height:auto;float:left;margin:15px 0px 0px 0px;} 
.rightbox{width:45%;height:auto;float:right;margin:15px 0px 0px 0px;}
.querybox p{width:44%;height:auto;float:left;margin:10px 0px 0px 20px;}

/*------------form css--------------*/
.loginpanel{width:100%;height:auto;margin:0px auto 0px auto;padding:0px 0px 0px 0px;}
.inputrow{width:44%;height:auto;float:left;margin:0px 0px 0px 20px;}

.morwidth{width:91% !important;height:auto;}
.placeholder{font-size:12px;color:#000;margin:0px 0px 5px 0px;}
.querybox label{font-size:14px;color:#999999;}
.querybox .inputtext{width:95%;height:auto;padding:5px;float:left;margin:0px 0px 2px 0px;font-size:12px;color:#575251;border:none;background:#ffffff;
	border-radius:2px;outline:none;border: solid 1px #D4D4D4;	
}

.querybox .fieldset{border:none !important;}

.querybox .error{ clear:both !important; color:#900; display: block; font-size:12px;}
.querybox textarea{width:100% !important;}
.querybox .chekbox{margin:0px 8px 0px 0px ;float:left;}
.querybox label span{margin:0px 0px 5px 0px;padding:0px 0px 0px 0px;float:left;}
 input.inputtext:focus{-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px rgba(0,0,0,0.3); 
                       border-color: #ccc; 
}
.submit_button{margin:0px 10px 25px 0px !important;}
.prsName{ font-size:14px; color:#000000; padding:0px 0px 0px 0px; font-weight:bold;}
.contpad{padding:11px 20px 0px 20px; float:left;}
.conthd{font-size:16px !important; color:#34B5F5 !important; font-weight:bold;}
.addressbox a{color:#666; text-decoration:none;}
.addressbox a:hover{color:#000; text-decoration:none;}

/*------------------SCROOLING---TOP--------*/
#btn{width:60px;height:60px;background-color:#FF6600;position:fixed;bottom:10px;right:10px;
	display:none;
	border-radius:60px;
	text-align:center;
	color:#fff;
	cursor:pointer;
	z-index:99999;
	opacity:0.7;
	border:2px solid #fff;
}
#btn img{
	margin-top:12px;
}
#btn:hover{
	opacity:1;
}




/*----query-result----*/
.query_result{
	  border: 1px solid #D6D6D6;
	  color:red;
	  font-weight:normal;
	  width:auto; 
	  padding:4px 4px 4px 4px; 
	  line-height:15px;
	  font-family:Verdana, Geneva, sans-serif;
	  font-size:12px;
	 /* FireFox 3.6 */
	     background-image: -moz-linear-gradient(top, #F4F4F4, #ffffff);
	    /* Safari4+, Chrome */
     	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #F4F4F4));
	   /* IE6,IE7 */
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F4F4F4');
	    /* IE8 */
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#ffffff')";
	    background-image: -o-linear-gradient(top, #F4F4F4, #ffffff);
	  }
.team_txt{
	    font-family:Verdana, Geneva, sans-serif;
		font-size:15px;
		color:#25A5CF;
		text-align:center;
}

/*seo package*/
table.seo-package,
table.seo-package th,
table.seo-package td {
   border: 1px solid black;
}
table.seo-package{
	border-collapse: collapse;
}
.seo-package .heading{
	font-weight:bold;
}
.seo-package .dark-green{
	color:#00b050;
	fonnt-weight:bold;
}
.seo-package .tick{
	text-align:center; 
	vertical-align:middle;
	height:50%
}
.seo-package .sub-head{
	text-align:center; 
	vertical-align:middle;
	height:50%;
	font-weight:bold;
	color:#00b050;
}

/*====================================================== ===============/* 
      Multimedia Screen responsive css
/*==================\/===================================================*/



@media (max-width: 1003px){
	  .menu > ul > li > a {font-size:14px !important;}
	  .Navigation{margin-top:2px;}
	  .leftpanel{width:72%;}
      .rightpanel{width:26%;}
}

@media (max-width: 990px){
	
	.MBicon{display:block; visibility:visible !important;}
	.serimg:hover{ background:none !important;}
	.serimg{background:none;}
	.dsticon{display:none;}
}



@media (max-width: 960px){
	.Navigation{margin:10px 0px 0px 3% !important; float:right;}
	.banner-dscp{ margin-top:3%;}
	.addressbox{width:100%;height:auto;float:left;margin:15px 0px 0px 0px; padding:0px 0px 20px 0px;} 
	.leftbox{ width:50%;}
}

@media (max-width:900px){
	.boxgrid{width:46.6%}
}

@media (max-width: 825px){
	.boxgrid{width:44.6%}
}

@media (max-width: 840px){ 
	   .Navigation { float:right !important;}
	   .contactDetails{width:417px; clear:both; margin:15px auto; float:none;}
	   .skype {margin: -9px 15px 0px 0px;}
	   .phoneEmail {width: 360px;}
	   .phone {width: 140px;}
	   .email {width: 210px;}
	   .contactbg{background-color: #F1F1F1;clear: both;padding: 12px 0px 1px 0px;border-top: 1px solid #ddd;}
	   .leftpanel{width:65%;}
       .rightpanel{width:32%;}
	   .fixemake {top:141px;}
	   .bannerfull{ margin-top:0px !important;}
	   .containerfull{ margin-top:0px;}
	   .serDiscp{ height:130px;}
	   .noneMargin{ margin-top:0px;}
	   .headfull{position:relative !important;}
  
}


@media (max-width: 790px){ 
.footerbox{ width:47%;min-height:180px;}
.banner-dscp{ margin:2% 0px 0px 50px;}
.banner-img{ float:right; width:40%; height:auto; margin:30px 0px 0px 0px;}
.banner-dscp h2{font-size:32px;}
.banner-dscp h3{font-size:20px;}
.banner-dscp span{ font-size:12px;}
.leftpanel{width:62%;}
.rightpanel{width:35%;}
	   
}

@media (max-width: 768px){ 
  .leftbox{ width:48%;}
  .querybox p{width:40% ;}
  .morwidth{width:91% !important;}
  .serDiscp{ height:145px;}
   

}

@media (max-width: 640px){ 
 .serBox{width:48%; margin-bottom:30px;}
 
.banner-dscp{ margin:2% 0px 0px 50px;}
.banner-dscp h2{ font-size:30px;}
.banner-dscp h3{font-size:16px;}
.banner-dscp span{ font-size:10px;}
.serDiscp{ height:150px;}/*100*/
   

}


@media (max-width: 600px){ 
.Navigation{margin:20px auto !important; float:none !important; height:39px;}
.contactDetails2 {width:290px;height:30px;float:left;margin: 10px 0px 30px 0px;  }
.disnone600{display:none;}
.logo{max-width:230px; float:none; height:auto; margin:9px auto 20px auto;}
.disnone{display:block; visibility:visible;}
.fixemake {top:186px;}
.leftbox{ width:100%;}
.rightbox{ width:100%;}
.bannerfull{ margin-top:186px;}
.containerfull{ margin-top:0px;}
.noneMargin{ margin-top:0px;}

.phoneEmail{ width:200px; float:left; height:auto; margin:0px 0px 0px 0px;}
.phone{width:100%; float:left; height:auto; margin:0px 0px 4px 0px;}
.email{width:100%; float:left; height:auto; margin:0px 0px;}
.skype{ margin:0px 15px 0px 15px;}
.contactbg{display:none;}

.leftpanel{width:100%;}
.rightpanel{width:100%;}
.boxgrid{width:44.6%}
.mobilenone{display:none;}
.ddmenu{ margin:-50px 0px 0px 0px !important;}

}


@media (max-width:550px){ 
.bannerfull{display:none}
.banner-img{display:none;}
.banner-dscp{ margin:2% auto 5% auto; width:80%; float:none;}
.banner-dscp h2{ font-size:30px;}
.banner-dscp h3{font-size:14px;}
.banner-dscp span{ font-size:10px;}
.boxgrid{width:100%; margin:0px 0px 25px 0px;}  
.clientsGLY{ width:70% !important; margin:0 auto;}
.inpagehd h2{text-align:center !important;} 

}


@media (max-width: 480px){ 
  .serBox{width:100%; margin-left:0px; margin-right:0px; margin-bottom:30px;}
  .serDiscp{ height:auto; float:left; margin-bottom:30px;}
  .SRreadmore{ display:block; vertical-align:top; height:auto; }

}

@media (max-width: 350px){ 
.contactDetails2{width:auto; text-align:center; border:none; display:none;}
.email{ display:none !important;}
.skype{display:none !important;}
.phone{ font-size:22px !important; width:100% !important; text-align:center !important;}
.phone span{display:none;}
.phoneEmail{ display:none;}
.header{ height:68px !important;}
.logo{float:left;}
.Navigation{margin:0px 0px 0px 0px !important; float:right;}
.ddmenu{margin:-60px 0px 0px 0px !important;}
.SRreadmore a{font-size:11px !important;}
}

@media (max-width: 340px){ 
.SRreadmore{vertical-align:top; height:auto; width:81px !important; margin:0 auto; float:none;}
}