@charset "utf-8";
/* CSS Document */
h1{ font-family:"OpenSansRegular" !important; font-size:36px !important; text-shadow: 2px 2px 3px #a1a1a1; }
.white-background{background-color:#fff; margin-top:10px;}
.blue-background{ background-color:#0060a7;}
.grey-background{ background-color:#f2f1f1; }
.blue-iconcolor{ color:#0060a7;}
.red-backgroundcolor{ background-color:#fd6364;}
.red-color{ color:#fd6364;}
.white-color{ color:#fff !important;}
.None-backgroundcolor{ color:#fffssdd !important;}

.blue-iconcolor-Mobile{ color:#1b89c3!important; margin:10px auto;}
.red-iconcolor{ color:#ed5f55 !important; margin:18px auto; }
.green-iconcolor{ color:#91ca61 !important; margin:14px auto; }
.black-color{ color:#181818; margin:0px; padding:0px;}
.light-font{ font-weight:300}

.contain-outer-div{ padding:0px 20px 0px 20px; width:100%; height:auto; float:left; clear:both;}
.blue-color{ color:#1b89c3 !important; margin:18px auto; }
.text-color{ color:#949494;}
.subheding-blucolor{ color:#1b89c3;}

.subheding-blackcolor{ color:#181818; text-align:center;  padding-top:15px; clear:both;}

.center-align{ text-align:inherit;}

.topheader-outer{ width:100%; float:left; position:fixed; left:0; top:0; z-index:1001; background: rgba(255, 255, 255, 0.7); -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.41);  -moz-box-shadow:    0px 2px 8px 0px rgba(50, 50, 50, 0.20);
box-shadow:         0px 2px 8px 0px rgba(50, 50, 50, 0.20);}

.topheader-outer-inner{ width:100%; float:left; background-color:#FFF;  position:fixed; left:0; top:0; z-index:1001; background: rgba(255, 255, 255); -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.41);
-moz-box-shadow:    0px 2px 8px 0px rgba(50, 50, 50, 0.20);
box-shadow:         0px 2px 8px 0px rgba(50, 50, 50, 0.20); }


.image-marign{ margin-top:10px;}

.top-strip-background{ background-image:url(../images/top-strip.png);  background-repeat:no-repeat; background-size: 100% 25px;
}
.top-menu{ width:190px; height:auto; float:right;}

.top-menu ul{ width:100%; height:auto; margin:0px; padding:0px;}
.top-menu ul li{ width:auto; font-family:"OpenSansRegular"; font-size:11px;  list-style:none; }

.top-menu ul li a{  height:auto; padding:5px; float:left; font-family:"OpenSansRegular"; font-size:11px;  list-style:none; color:#fff; text-transform:uppercase; text-decoration:none; }

.top-menu ul li a:hover{ width:auto; height:auto; padding:5px; float:left; font-family:"OpenSansRegular"; font-size:11px;  list-style:none; background-color:#FFF; color:#1b89c3; text-transform:uppercase; text-decoration:none; }
.top-menu-seprator{ line-height:25px; float:left; color:#fff;}
.top-menu .active{ background-color:#FFF; color:#1b89c3;}

.logodiv{ width:100%; float:left;}

.Main-menudiv{ width:100%; float:left;}

.icondiv{ width:100%; height:auto; float:left; text-align:center;}

.blue-underline{ background-color:#1b89c3; margin:0 auto; width:70px; height:4px;}
.red-underline{ background-color:#fd6364; margin:0 auto; width:70px; height:4px;}
.font-size{ font-size:25px;}

.bold-text{ font-weight:bold;}
<!--.......................Heading.......................-->
.h1heading{ text-align:center; font-style:normal; font-family:"OpenSansRegular";}
.main-heading{ text-align:center; font-style:normal; font-family:"OpenSansRegular"; line-height:50px; font-size:38px;}
.mainh2-heading{ text-align:center; font-style:normal; font-family:"OpenSansRegular"; font-size:24px; line-height:50px;}

p.text{ font-family:"OpenSansRegular"; font-size:14px; color:#949494; margin:0px; padding:0px; line-height:21px; text-align:justify;}
.text{ font-family:"OpenSansRegular"; font-size:14px; color:#949494; margin:0px; padding:0px; line-height:21px; text-align:justify;}
.round-div{ height: 70px;width: 70px; -moz-border-radius: 35px; border-radius: 35px; border:1px #d9d9d9 solid; text-align:center;}

.round-div img{ margin-top:14px;}
.li-seprator{ width:auto; float:left; margin-top:5px; color:#b4b4b4;}

.li-seprator-footer{ width:auto; float:left; margin-top:0px; color:#b4b4b4;}


<!--.......................End top header.......................-->
.animator{ width:100%; height:auto; float:left; }
<!--.......................End Slider.......................-->

.bottom-banner-wrwpper{ width:100%; height:100%; background-size: 100% 100%; background-image:url(../images/bottom-banner.png); background-repeat:no-repeat; float:left; clear:both; min-height:225px;}

.bottom-banner-wrapper{ width:100%; height:100%; background-size: 100% 100%; background-image:url(../images/bottom-banner.png); background-repeat:no-repeat; float:left; clear:both; min-height:225px;}

.logo-background{ width:100%; height:auto; text-align:center; float:left; background-color:#ececec; min-height:150px; }

.logo-background a{text-decoration:none; display:block;  min-height:150px;   box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  transition: box-shadow 0.3s ease-in-out;
}

.logo-background a:hover{ border:1px #fd6364 solid;  box-shadow: 0 5px 15px rgba(0,0,0,0.3); background-color:#FFF; }


.other-solutions{ width:100%; height:auto; text-align:center; float:left; background-color:#ececec; min-height:auto; font-family:"OpenSansRegular"; font-size:24px; color:#666; line-height:100Px; }

.other-solutions a{text-decoration:none; display:block;  min-height:auto;   box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  transition: box-shadow 0.3s ease-in-out; text-decoration:none;
}

.other-solutions a:hover{ border:1px #fd6364 solid;  box-shadow: 0 5px 15px rgba(0,0,0,0.3); background-color:#FFF; text-decoration:none; }


.clienBox{ width:200px; height:160px; float:left; border:1px #CCC solid; box-sizing:border-box; margin:5px;}

.car-icon{ background:url(../images/sprite.png) 2px -11px no-repeat scroll transparent;  color:#000; height:50px; width:54px; }

.customer-support{ background:url(../images/sprite.png) 3px -58px no-repeat scroll transparent;  color:#000; height:50px; width:54px;}

.payment-option{ background:url(../images/sprite.png) 3px -105px no-repeat scroll transparent;  color:#000; height:50px; width:54px;}


.data-reduace-icon{ background:url(../images/sprite.png) 6px -165px no-repeat scroll transparent;  color:#000; height:50px; width:54px;}

.data-Security-icon{ background:url(../images/sprite.png) 4px -229px no-repeat scroll transparent;  color:#000; height:50px; width:54px;}


.home-security-icon{ background:url(../images/sprite.png) -141px -313px no-repeat scroll transparent;  color:#000; height:50px; width:54px; margin:0 auto;}

.home-cloud-icon{ background:url(../images/sprite.png) -6px -368px no-repeat scroll transparent;  color:#000; height:50px; width:54px; margin:0 auto;}


.home-analysis-icon{ background:url(../images/sprite.png) -141px -80px no-repeat scroll transparent;  color:#000; height:50px; width:54px; margin:0 auto;}


.home-phone-icon{ background:url(../images/sprite.png) -141px -232px no-repeat scroll transparent;  color:#000; height:50px; width:54px; margin:0 auto;}


.transportaion-security-icon{ background:url(../images/sprite.png) -139px -9px no-repeat scroll transparent;  color:#000; height:50px; width:54px; margin:0 auto;}


.transportaion-transparncy-icon{ background:url(../images/sprite.png) -145px -158px no-repeat scroll transparent;  color:#000; height:50px; width:54px; margin:0 auto;}


.transportaion-hand-icon{ background:url(../images/sprite.png) -4px -299px no-repeat scroll transparent;  color:#000; height:50px; width:54px; margin:0 auto;}




.fontsize-10{font-size:10px!important}
.fontsize-12{font-size:12px}
.fontsize-14{font-size:14px}
.fontsize-16{font-size:16px}
.fontsize-18{font-size:18px}
.fontsize-20{font-size:20px}
.fontsize-22{font-size:22px}.fontsize-24{font-size:24px}


.footer{ background-color:#3a3a3a; width:100%; float:left; height:auto; clear:both; color:#fff;}
.footer p{ font-size:13px; font-family:"OpenSansRegular"; font-weight:300; clear:both; margin:0px;}
.footerMenu{ width:100%; height:auto; float:left; clear:both;}
.footerMenu ul{ width:100%; height:auto; padding:0px; margin:0px; margin-top:15px;}
.footerMenu ul li{ width:100%; height:auto; list-style:none; }
.footerMenu ul li a{ width:100%; height:auto; line-height:25px; color:#fff; text-decoration:none;}

.footerMenu h3{ font-family:"OpenSansRegular"; font-size:18px; color:#FFF; text-transform:uppercase; margin:0px; padding:0px;}

.footer span { font-family:"OpenSansRegular"; font-size:14px;}

.footer-bottom{width:100%; height:auto; float:left; clear:both; background-color:#f4f4f4; padding:10px 0px 10px 0px; }

.bottomMenu ul{ width:100%; height:auto; padding:0px; margin:0px; }
.bottomMenu ul li{ width:auto; height:auto; list-style:none; float:left; margin:0px; padding:0px; }
.bottomMenu ul li a{ width:auto; height:auto; padding:0px 15px 0px 15px; line-height:20px; float:left; color:#262626; text-decoration:none;}

.bottomMenu-p{ font-size:13px; font-family:"OpenSansRegular"; font-weight:300; clear:both; padding:0px; margin:0px;}

.bottomMenu-p a{ margin-top:15px; text-decoration:none;}
/* Padding & Margin CSS */
.margin-left{ margin-left:50px;}
.btn-margin{ margin:0 auto;}
.p-t-5{ padding-top:5px;}
.p-t-10{ padding-top:10px;}
.p-t-15{ padding-top:15px;}
.p-t-20{ padding-top:20px;}
.p-t-25{ padding-top:25px;}
.p-t-30{ padding-top:30px;}
.p-t-40{ padding-top:40px;}
.p-t-50{ padding-top:50px;}

.p-b-5{ padding-bottom:5px;}
.p-b-10{ padding-bottom:10px;}
.p-b-15{ padding-bottom:15px;}
.p-b-20{ padding-bottom:20px;}
.p-b-25{ padding-bottom:25px;}
.p-b-30{ padding-bottom:30px;}
.p-b-40{ padding-bottom:40px;}
.p-b-50{ padding-bottom:50px;}


.p-l-5{ padding-bottom:5px;}
.p-l-10{ padding-bottom:10px;}
.p-l-15{ padding-bottom:15px;}
.p-l-20{ padding-bottom:20px;}
.p-l-25{ padding-bottom:25px;}
.p-l-30{ padding-bottom:30px;}


.m-5{ margin:0px;}
.m-10{ margin:0px;}
.m-15{ margin:0px;}
.p-10{ padding:10; }
.p-10{ padding:10; }
.p-20{ padding:20; }

.m-t-5{ margin-top:5px;}
.m-t-10{ margin-top:10px;}
.m-t-15{ margin-top:15px;}
.m-t-20{ margin-top:20px;}
.m-t-25{ margin-top:25px;}
.m-t-30{ margin-top:30px;}
.m-t-40{ margin-top:40px;}
.m-t-50{ margin-top:50px;}

.m-r-5{ margin-right:5px;}
.m-r-10{ margin-right:10px !important;}
.m-r-15{ margin-right:15px;}
.m-r-20{ margin-right:20px;}
.m-r-25{ margin-right:25px;}
.m-r-30{ margin-right:30px;}

.m-b-5{ margin-bottom:5px;}
.m-b-10{ margin-bottom:10px;}
.m-b-15{ margin-bottom:15px;}
.m-b-20{ margin-bottom:20px;}
.m-b-25{ margin-bottom:25px;}
.m-b-30{ margin-bottom:30px;}

.m-l-5{ margin-left:5px;}
.m-l-10{ margin-left:10px;}
.m-l-15{ margin-left:15px;}
.m-l-20{ margin-left:20px;}
.m-l-25{ margin-left:25px;}
.m-l-30{ margin-left:30px;}




.inner-page-header{ margin-top:78px !important ;}






@media only screen and (max-width: 768px) {
	
	
	.animator{ width:100%; height:auto; float:left;  margin-top:84px; clear:both;}
	
	.animator h1{ font-size:24px; top:-60px !important;}
	
	.top-menu{ width:190px; height:auto; float:none; margin:0 auto;}
	
	.top-menu ul li{ width:auto; height:auto; text-align:center}

	.logodiv{ text-align:left; width:auto}
	
	.center-align{ text-align:center;}
	
	.round-div{ margin:0 auto; margin-top:20px; }
	
	.subheding-blucolor{ color:#1b89c3; text-align:center;}
	
	p.text{ text-align:justify !important; }
	
	.icondiv{ margin-top:20px;}
	
	.footerMenu h3{ margin-top:20px;}
	
	.bottomMenu ul li { width:100%;}
	
	.li-seprator-footer{ display:none;}
	
	.li-seprator{ display:none !important; color:#fff !important; }
	
	.nav li .none{ display:none !important;}
	
	.bottomMenu-p{ margin-top:15px;}
	
	.logo-background{ border-top:1px #d8d8d8  solid;}
	
	.other-solutions{ width:100%; height:auto; text-align:center; float:left; background-color:#ececec; min-height:auto; font-family:"OpenSansRegular"; font-size:24px; color:#666; line-height:30px; margin-top:10px;}

.other-solutions a{ width:100%; height:auto; text-align:center; float:left; background-color:#ececec; min-height:auto; font-family:"OpenSansRegular"; font-size:24px; color:#666; line-height:30px; }
	

	.topheader-outer{background: #FFF;}
	
	.bottomMenu ul li a{ padding:0px;}
	.white-background{background-color:#fff; margin-top:0px;}
	.other-solutions a{ padding:10px;}
}