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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,  ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	/* [disabled]background: transparent; */
}


ol, ul {
	list-style: none;
}

a img { border: none; }

.clear{clear:both;}

/*****************************Comman css ****************************************/
body 										{margin: 0px; padding: 0px;}
#wrapper 									{width:100%; height:auto; margin:0 auto; padding:0;}
/***************************** Header start here ****************************************/
.topheader 									{width:100%; margin:0 auto; padding:0; background:#000000;}
.topheader .topheader_inner					{width:1000px; margin:0 auto; padding:0;}
.topheader_left								{float:left; width:400px; margin:0 auto; padding:8px 0; font-family:"Roboto"; font-size:15px; font-weight: bold; color:#fff;}
.topheader_left a 							{font-family:"Roboto"; font-size:15px; font-weight:bold; color:#fff; text-decoration:none; padding:0 0 0 5px;}
.topheader_left a:hover 					{font-family:"Roboto"; font-size:15px; font-weight:bold; color:#0294D6; text-decoration:none;}
.topheader_left ul li 						{float: left; padding-right: 10px; border-right: solid 1px #fff; margin-right: 20px;}
.topheader_left ul li:last-child			{border-right: none;}
.topheader_left ul li .last			{border-right: none;}
.topheader_right							{float:right; width:220px; margin:0 auto; padding:8px 0; font-family:"Roboto"; font-size:15px; font-weight:bold; color:#fff;}
.topheader_right a 							{font-family:"Roboto"; font-size:15px; font-weight:bold; color:#fff; text-decoration:none;}
.topheader_right a:hover 					{font-family:"Roboto"; font-size:15px; font-weight:bold; color:#0294D6; text-decoration:none;}

.topheader01 									{width:100%; margin:0 auto; padding:0; background:#000000;}
.topheader01 .topheader_inner01					{width:1000px; margin:0 auto; padding:0;}
.slider-marquee								{float:left; width:100%; margin:0 auto; padding:8px 0; font-family:"Roboto"; font-size:15px; font-weight:bold; color:#fff;}
.slider-marquee a 							{font-family:"Roboto"; font-size:15px; font-weight:bold; color:#fff; text-decoration:none;}
.slider-marquee a:hover						{text-decoration:underline;}
marquee a 							{font-family:"Roboto"; font-size:15px; font-weight:bold; color:#fff; text-decoration:none;}
marquee a:hover						{text-decoration:underline;}

.outerheader								{width:100%; margin:0 auto; padding:0; background:rgb(51, 51, 51);}
.header 									{width:1000px; margin:0 auto; padding:0;}
.logo								    {width:auto; margin:0; padding:5px 10px; float:left; background: #fff;}

/***************************** Header Nav start here ****************************************/
.menu-nav 									{display: block; float: right; height: auto; width: auto;}
.menu-nav ul li 							{display: block; float: left; list-style-type: none;}
.menu-nav ul li:hover 						{opacity:0.8;}
.menu-nav ul li a 							{display:inline-block; text-decoration:none; font-family:"Roboto"; font-size:14px; font-weight:700; color:#a1a1a1; padding:45px 15px 44px 15px; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: transparent;}
.menu-nav ul li a:hover 					{display:inline-block; text-decoration:none; font-family:"Roboto"; font-size:14px; font-weight:700; color:#508651; padding:45px 15px 44px 15px; background-color: transparent; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #367439;}
.menu-nav ul li a:hover, .menu-nav ul li .active {color:#508651; border-bottom-color: #367439;}
.menu-nav ul li a:hover, .menu-nav ul li a:active, .menu-nav ul li a:focus {color:#508651; border-bottom-color: #367439;}


/*****************************mobile menu starts here ****************************************/
 #topmenupic									{display:none }
 #menu											{display:none }
.mobile-menu-container							{width:100%; display:none; height:auto; background:rgb(51, 51, 51); text-align:right; padding:1px 0;}
.mobile-logo									{width:auto; padding:5px; float:left; margin:0 0 0 1%; background:#fff;}
.mobile-logo img								{width:100%;}

/*****************************Click menu starts here ****************************************/
.mobilemenu button:after 						{content: ''; position: absolute; width: 68%; height: 5px; background: #fff; top: 10px; 
												left: 16%; box-shadow:  0 10px 0 #fff,  0 20px 0 #fff; }
.mobilemenu button 								{background:#CCCCCC;border: medium none;cursor: pointer;height: 45px;outline: medium none;
												overflow: hidden;position: relative;text-indent: -900em;width: 48px; }
.mobilemenu button 								{background:#0367a2; margin-top:0px; }
.mobilemenu										{display: inline-block; float:none; margin:33px 0; position: relative; width:auto; padding-right:3%;}
.mobilemenu div.nav								{ margin:0px; padding:0; float:left; clear:both; background:rgba(3, 103, 162, 0.7);  width:300%; position:absolute;
												 right:10%; top:45px; z-index:9999999; }
.accordionm 									{ list-style-type: none; padding: 0; margin: 0 0 30px; border: 1px solid #17a; border-top: none;
												 border-left: none; }
.accordionm ul 									{ padding: 0; margin: 0; float: left; display: block; width: 100%; }
.accordionm li 									{ background-color: rgba(3, 103, 162, 0.7); cursor: pointer; list-style-type: none; padding: 0; margin: 0; 
												float: left; display: block; width: 100%; text-align:left;}
.accordionm li div 								{ padding: 20px; background: #aef; display: block; clear: both; float: left;}
.accordionm a 									{ text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 0.075); color: #222; 
												padding:8px 8% 8px 3%;   position: relative; float:left; width: 89%; display: block; 
												cursor: pointer; font-size:14px; font-weight:bold; color:#FFFFFF; 
												font-family: "Franklin Gothic Medium",Tahoma,Arial;}
.accordionm a:hover								{color:#a1a1a1; }																								 
/*.active{background:red!important}
*//* Level 2 */
.accordionm li ul li 							{background: #e3e3e3; font-size: 0.9em; }
.accordionm li ul li a							{color: #464646; font-family: "Franklin Gothic Medium",Tahoma,Arial;}
.accordionm li a > span							{background: url(../images/plus-icon.png) no-repeat center center rgba(0, 0, 0, 0.2); float: right;
												 height: 100%; padding: 0 14px; position: absolute; right: 0; top: 0; width:14px;}
 .accordionm li.active > a > span				{background:url(../images/minz-icon.png) no-repeat center center rgba(0, 0, 0, 0.2); float:right; 
 												 height: 100%; padding: 0 14px; position: absolute; right: 0; top: 0; width:14px;}
.accordionm li ul li ul li 						{background: #f1f1f1; font-size: 0.9em; }
.accordionm li ul li ul li a					{color: #464646;}
.accordionm li ul li ul li ul li a				{color:#0367a2;}
.accordionm ul.coloradd li						{background:#f1f1f1;}
.accordionm ul.coloradd li a					{color:#0367a2; font-size:12px; padding:2.5% 0 2.5% 11%; margin-left:0%;}
.accordionm ul.coloradd li a:hover				{color:#f15826; }


/*****************************Baner css start here ****************************************/
.middle-container							{width:100%; margin:0 auto; padding:0; background:#fff;}
/*.banner-outside							{width:100%; margin:0; padding:0; border-bottom:solid 5px #043664;}*/
.banner_inner								{width:100%; margin:0 auto; padding:0; background:#fff;}
.banner_inner02								{width:100%; margin:0 auto; padding:0; background:#fff;}
.banner_inner02 img							{width:100%; /*height:514px;*/}
/***************************** Header start here ****************************************/
.homemiddle-outside							{width:100%; margin:0 auto; padding:0; background:#fff;}
.homemiddle-outside .middle_inner			{width:1000px; margin:0 auto; padding:0; position: relative; top:-60px; z-index:999999;}
.homemiddle-outside .middle_inner03			{width:1000px; margin:0 auto; padding:0; position: relative; top:-90px; z-index:999999;}
.homemiddle-outside .middle_inner02			{width:100%; margin:0; padding:0;}
.homemiddle-outside .middle_home			{width:100%; margin:0 auto; padding:0;}
.middle_home .heading						{width:25%; float:left; margin:0 auto; padding:0; /*background:#16a9ef;*/ background:rgb(51, 51, 51); border-radius:5px 5px 0 0;}
.middle_home .heading  h1					{display:block; margin:0; padding:10px 0; font-size:22px; color:#fff; line-height:30px; text-align:center; font-family:"Roboto", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;}
.middle_home .heading  h2					{display:block; margin:0; padding:10px 0; font-size:22px; color:#fff; line-height:30px; text-align:center; font-family:"Roboto", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;}
.heading-textcont							{width:96%; float:left; margin:0 auto; padding:2%; /*background:#16a9ef;*/ background:rgb(51, 51, 51);}
.heading-textcont p							{font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:14px; margin:0; padding:0; line-height:20px; color:#fff; text-align:justify;}
.text01										{font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:15px; font-weight:700; margin:0; padding:0; line-height:23px; color:#53C7FB; text-align:justify;}
.heading-textcont ul li						{font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:14px; padding:0 0 0 20px; line-height:25px; color:#fff; text-align:justify; background: url(../images/bullets.png) no-repeat 0px 10px; margin: 0;}
.middle-container02									{width:100%; margin:-30px auto; padding:0;}
.middle-container03									{width:100%; margin:-60px auto; padding:0;}
a:link.link01, a:visited.link01									{font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#fff; text-align:justify; text-decoration:none;}
a:hover.link01								{color:#0294D6;}
.middle_contactus							{width:100%; margin:0 auto; padding:0;}
.middle_contactus-l							{width:40%; margin:0 auto; padding:0; float:left;}
.middle_contactus-r							{width:50%; margin:0 auto; padding:0; float:right;}
.middle_contactus img						{width:100%;}
/*****************************Footer css start here ****************************************/
.footer_outer 								{width:100%; margin:0 auto; padding:0; /*background:#333;*/ background:#000;}
.footer_outer .footer_inner					{width:1000px; margin:0 auto; padding:0;}
.footer										{width:100%; margin:0; padding:20px 0;}
.footer_left								{float:left; width:400px; margin:0 auto; padding:0;}
.footer_left p								{margin:0; padding:0; font-family:"Roboto", Arial, Helvetica, sans-serif; text-transform:inherit; font-size:12px; margin:0; padding:0; line-height:18px; text-decoration:none; color:#fff;}
.footer_left img							{vertical-align:top;}
.social_icon								{float:right; width:80px; margin:0 auto; padding:0; font-family:"Roboto"; font-size:14px; font-weight:normal; color:#fff;}
.social_icon ul li 							{float: left; list-style-type: none;}
.social_icon ul li:hover 					{opacity:0.8;}
.social_icon ul li a 						{text-decoration: none; font-family: "Roboto"; font-size: 14px; font-weight: normal; color: #FFF; margin-right:25px;}
.social_icon ul li a .fa 					{display: block; text-align: center; height: 20px; width: 20px; line-height: 20px; background: rgba(255, 255, 255, 0.3); border-radius: 25%;}
.social_icon ul li a:hover					{opacity:0.8; color:#16a9ef;}
/*****************************FEEDBACK css start here ****************************************/
.feedback-cont					{width:100%; margin:20px 0 0 0; padding:0;}
.add-form						{width:90%; margin:0 auto; padding:0;}
.add-form .headding								{display:block; margin:0; padding:0 0 20px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; text-transform:inherit;
										         font-size:16px; color:#53C7FB; line-height:20px; text-align:center;}	
.add-form .addform-row							{width:100%; margin:0 0 15px 0; padding:0;}	
.addform-row .addleftcol						{width:20%; height:auto; display:inline-block; color: #fff; line-height: normal; 
												 font-family:"Roboto", Arial,Helvetica,sans-serif; font-size: 14px;font-weight: normal; 
												 padding: 0 10px 0 0; text-align: right; vertical-align:middle;}
.addform-row .addightcolcol						{width:70%; height:auto; display:inline-block;  vertical-align:middle;}	
.addightcolcol .textfield11 			  		{background-color: #f8f8f8;    border: 1px solid #e7dfdf;  border-radius: 5px;  color: #333;  
											     font-family:"Roboto", Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; height: 28px; 
												 line-height: normal;margin: 0; padding: 0 5px; width:100%;}
.addightcolcol .areafield11		   				{background-color: #f8f8f8;    border: 1px solid #e7dfdf;  border-radius: 5px;  color: #333;  
											     font-family:"Roboto", Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; height:auto; 
												 line-height: normal;margin: 0; padding: 0 5px; width:100%;}
.addform-row .submitmes						    {background:#367439; border-radius:5px; padding:8px 20px; border:none; outline:none; font-family:"Roboto", Arial, Helvetica, sans-serif;
											     color:#fff; font-size:14px; font-weight:bold; cursor:pointer;}
												 
/*===================================================================CLIENTS===========================================================================*/											
.services-row .client-cont 						{width:100%; margin:0; padding:0;}
.client-cont .client-logobox					{width:24%; margin:0; padding:6px 4px 20px 4px; float:left;}
.client-logobox .client-pics					{width:auto;}
.client-logobox .client-pics img				{width:100%;}
.client-logobox .client-name					{display:block; padding:10px 0 7px 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; line-height:normal;
												text-align:center; /*border-bottom:dashed 1px #EAEAEA;*/}
.client-logobox .client-area					{display:block; padding:5px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8c8c8c; line-height:normal;
												text-align:center;}