@charset "utf-8";

@import url("icons.css");

/* CSS Document */



body {

	margin:0px;

	padding:0px;

	background:#382407 url(../images/bg.jpg) no-repeat fixed top;

	font-family:Verdana, Geneva, sans-serif;

	font-size:100%;

}

.clearfix {

	clear: both;

	height: 1px;

}

h1, h2, h3, h4, h5, h6, p{

	margin: 0px;

	padding: 0px;

	font-weight:normal;

}

img{

	border:none;

}

a{

	color:#666;

	text-decoration:none;



	-webkit-transition: color .2s ease-in-out;

	-moz-transition: color .2s ease-in-out;

	-o-transition: color .2s ease-in-out;

	-ms-transition: color .2s ease-in-out;

	transition: color .2s ease-in-out;

}

a:hover {

	color:#3db6f2;

}

.lightBlue{

	color:#3db6f2;

}

#container{

	width:1000px;

	margin:0px auto;

	padding:0px;

	background:#FFF;

}

#headWrap {

	width:100%;

	height:100px;

	margin:0px;

	padding:0px;

	border-bottom:#0057a8 2px solid;

}

#headpanel {

	margin:0 auto;

	padding:0px

}

#headpanel #utilityNav {

	color:#999;

	font-family:Verdana, Geneva, sans-serif;

	font-size:11px;

	margin:0 30px;

	height:35px;

	text-align:right;

	padding:10px 0 0 0;

}

#logo {

	width:235px;

	height:45px;

	margin:5px 0 0 30px;

	padding:0px;

	float:left;

	background:url(../images/logo.jpg) no-repeat

}

#menu {

	width:515px;

	height:30px;

	padding:0px;

	float:right;

	margin:25px 30px 0 0;

}

#menu ul {

	height:28px;

	margin:0px;

	padding:0px;

	display:block;

}

#menu ul li {

	height:28px;

	margin:0px 10px;

	padding:0px;

	display:inline;

}

#menu li:last-child {

	margin:0 0 0 10px;

}

#menu ul li a {

	height:28px;

	margin:0px;

	padding:0px;

	font-family:Arial;

	font-size:15px;

	color:#333333;

	line-height:18px;

	text-decoration:none;

	text-align:right;

}

#menu ul li a:hover {

	color:#000;

	background:url(images/menuHover.jpg) no-repeat center bottom

}

#contentWrap {

	width:100%;

	margin:0px;

	padding:0px;

	float:left;

	background:#fff url(images/contentBg.jpg) repeat-x

}

#contentPanel {

	width:934px;

	margin:0 auto;

	padding:20px 0;

}

.clear{

	height:0px;

	clear:both;

}

.footerLinks{

	color:#666;

}

.footerLinks .fstRow{

	border-bottom:1px solid #CCC;

	padding:10px 0;

}

.footerLinks a{

	color:#333;

	text-decoration:none;

	font-size:11px;

	

	-webkit-transition: color .2s ease-in-out;

	-moz-transition: color .2s ease-in-out;

	-o-transition: color .2s ease-in-out;

	-ms-transition: color .2s ease-in-out;

	transition: color .2s ease-in-out;

}

.footerLinks a:hover{

	color:#666;

}

.keyServices {

	height:50px;

	background:#17233b;

	width:100%;

	margin:0 auto;

}

.keyServices ul {

	width:934px;

	list-style:none;

	margin:0 auto;

	padding:15px 0px;

	color:#97efff;

	text-align:center;

	text-transform:uppercase;

}

.keyServices ul li {

	display:inline;

	font-family:Tahoma, Geneva, sans-serif;

	font-size:13px;

	padding:15px 7px;

	border-right:#424b5e 1px solid;

}

.keyServices ul li:last-child {

	border-right:none;

}

.aboutUs-home{

	width:934px;

	padding:10px 35px;

}

.aboutUs-home h1{

	margin:0px;

	padding:10px 0px;

	font-weight:normal;

	font-size:14px;

	color:#003399;

}

.aboutUs-home p{

	margin:0px;

	padding:0px 20px 0 0;

	font-size:12px;

	color:#333;

	width:650px;

	line-height:18px;

	border-right:#999 solid 1px;

}

.home-tbs h1{

	font-size:14px;

	font-weight:normal;

	color:#003399;

	margin:0px;

	padding:0 0 10px 0;

	border-bottom:#3db6f2 solid 2px;

}

.home-tbs p{

	font-size:12px;

	padding:0 0 10px 0;

	line-height:18px;

	margin:0px;

}

.home-tbs ul{

	list-style:none;

	line-height:18px;

	margin:0;

	padding:0;

	width:50%;

	float:left;

}

.home-tbs ul li{

	font-size:12px;

	padding:0 0 0 15px;

	background:url(../images/bullet.jpg) no-repeat left;

}

/*INSIDE PAGES START*/

#contentWrap .breadCrumb {

	padding:10px 33px;

	font-size:10px;

	font-family:Verdana, Geneva, sans-serif;

	border-bottom:#e5e5e5 1px solid;

}

#contentWrap .LHS-con {

	float:left;

	width:625px;

	min-height:500px;

	font-size:12px;

	color:#333;

	line-height:18px;

}

#contentWrap .LHS-con a{

	color:#333;

}

#contentWrap .LHS-con a:hover{

	color:#666;

}

#contentWrap .LHS-con h1 {

	font-size:20px;

	padding:20px 0;

	color:#1c3770;

}



/*CLIENT LOGOS*/

.clientele{

	border-left:#CCC 1px solid;

}

.clientele dl{

	border-top:#CCC 1px solid;

}

.clientele dt{

	float:left; 

	width:207px; 

	height:120px;

	border-bottom:#CCC 1px solid;

	border-right:#CCC 1px solid;

	text-align:center;

}

#contentPanel .RHS-con {

	float:right;

	width:275px;

	min-height:500px;

}

.RHS-con .img-banner {

	padding:60px 0 30px;

}

.RHS-con .client-logos {

	border:1px solid #CCC;

}

.RHS-con .rhsHd {

	font-size:12px;

	padding:15px;

	border-bottom:1px solid #CCC;

	text-transform:uppercase;

}

.RHS-con ul{

	list-style:none;

	line-height:18px;

	margin:0;

	padding:0;

}

.RHS-con ul li{

	font-size:12px;

	padding:0 0 0 15px;

	background:url(../images/bullet.jpg) no-repeat left;

	text-align:left;

}

/*Services / Soluitions*/

.services .sideBar, .solutions .sideBar {

	float:left;

	width:275px;

	min-height:500px;

}

.sideBar .img-banner {

	padding:60px 0 30px;

}

.services-links ul{

	margin:0 0 30px 0;

	padding:0px;

	list-style:none;

	border-top:#CCC 3px solid;

	border-left:#CCC 1px solid;

}

.services-links ul a li{

	margin:0px;

	padding:8px 0px 8px 40px;

	background:#eeeeef url(../images/bullet.png) 20px no-repeat;

	border-bottom:#CCC 1px solid;

	border-right:#CCC 1px solid;

}

.solutions .services-links ul a.active li{

	margin:0px;

	padding:8px 0px 8px 40px;

	background:#fff url(../images/bullet.png) 20px no-repeat;

	border-bottom:#CCC 1px solid;

	border-left:#fff 1px solid;

	border-right:#fff 1px solid;

}

.solutions .section{

	z-index: 10;

	position: relative;

	padding-top:55px;

}

.services .section{

	z-index: 10;

	position: relative;

	height:55px;

	border-bottom:#e5e5e5 1px solid;

}

/*Enquiry form*/

.enquiry-form {

}

.enquiry-form ul {

	padding-left: 0;

}

.enquiry-form ul li {

	margin-bottom: 15px;

	list-style: none;

	clear: both;

	overflow: hidden;

}

.enquiry-form label {

	width: 75px;

	float: left;

}

.enquiry-form input[type=text] {

	background: #fff;

	width: 200px;

	padding: 2px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #111111;

	line-height: normal;

	border: #CCC 1px solid;

}

.enquiry-form textarea {

	background: #fff;

	width: 200px;

	padding: 2px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #111111;

	line-height: normal;

	border: #CCC 1px solid;

	resize: none;

	height: 100px;

}

.enquiry-form input[type=radio] {

	margin-right: 5px;

	margin-top: 4px;

	float: left;

}

.checkbox-box {

	float: left

}

.enquiry-form .checkbox-label {

	float: left;

	width: 70px;

}

.enquiry-form .note {

	float: left;

	margin: 0 30px 0 0;

}

.enquiry-form .button {

	background: url(../images/submit.jpg) no-repeat left top;

	width: 87px;

	height: 29px;

	text-indent: -9999px;

	border: none;

	cursor: pointer;

	margin-top: 5px;

}

.enquiry-form h3 {

	font-size:18px;

	color:#b0cb1f;

}

.services-con h2 {

	font-size:14px;

	padding:25px 0 14px 0;

	border-bottom:#CCC 2px solid;

	color:#555555;

}

.services-con .serInCon {

	padding:0 0 0 10px;

}

.services-con .value-added-ser {

	border-top:#CCC 1px solid;

}

.services-con .value-added-ser h2 {

	font-size:14px;

	color:#1c3770;

	padding:15px 0;

}

.value-added-ser div ul {

	float:left;

	width:40%;

	list-style:none;

	padding:0;

	margin:0;

}

.value-added-ser div ul li {

	padding:10px 0 5px 55px;

}



.services .services-con {

	float:right;

	width:625px;

}

.solutions .solutions-con {

	float:right;

	width:625px;

}

.services-con .sol-one {

	line-height:18px;

}

.services-con .sol-one .sol-title {

	font-size:13px;

	padding:3px 10px;

	border-bottom:#CCC 1px solid;

	background:#4c8dca;

	color:#FFF;

}

.services-con .sol-one .sol-con {

	padding:10px 0;

}

.services-con .sol-one .sol-con {

	padding:10px 0;

}

.about ul {

	margin:15px 0 0 0px;

	padding:0px;

	list-style:none;

}

.about ul li{

	font-size:12px;

	padding:0 0 0 15px;

	background:url(../images/bullet.jpg) no-repeat left;

	text-align:left;

}

.bestof-ts div{

	float:left; 

	width:30%;

	padding:8px 0 8px 40px;

}

.solutions-con h2 {

	font-size:14px;

	padding:5px 10px;

	border-bottom:#CCC 1px solid;

	background:#4c8dca;

	color:#FFF;

}

.awardimg{ width: 200px; margin: 12px 0 0 38px;}

.news-sec{ width: 288px;}

/* Popup box BEGIN */
.hover_bkgr_fricc {
	background: rgba(0, 0, 0, .4);
	cursor: pointer;
	display: none;
	height: 100%;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 10000;
	left: 0;
	right: 0;
	padding: 6% 0;
	background: rgba(253, 251, 251, 0.67);
	overflow: hidden;
}

.popupCloseButton img{ width: 40%;}

.hover_bkgr_fricc .helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.hover_bkgr_fricc>div {
	background-color: #fff;
	box-shadow: 10px 10px 60px #555;
	display: inline-block;
	height: auto;
	max-width: 551px;
	min-height: 100px;
	vertical-align: middle;
	width: 60%;
	position: relative;
	border-radius: 8px;
	padding: 15px 5%;
}

.popupCloseButton {
	position: absolute;
	top: 12%;
	right: 24%;
}

.trigger_popup_fricc {
	cursor: pointer;
	font-size: 20px;
	margin: 0;
	display: inline-block;
	font-weight: bold;
}

/* Popup box BEGIN */


/*=========home page show popup css=============*/

.cnt223 a {
	text-decoration: none;
}

.popup {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: none;
	position: fixed;
	z-index: 101;
	text-align: center;
	left: 0;
	right: 0;
	background: rgba(253, 251, 251, 0.67);
	overflow: hidden;
}

.popup .popupimg {
	width: auto;
}

.popup .close {
	position: absolute;
	right:6%;
	top: 17%;
}
.popup .close img{ width: 40%;}

.cnt223 {
	position: relative;
	padding: 8% 0;
	width: 60%;
	margin: 0 auto;
}

.cnt223 p {
	clear: both;
	color: #555555;
	/* text-align: justify; */
	font-size: 20px;
	font-family: sans-serif;
}

.cnt223 p a {
	color: #d91900;
	font-weight: bold;
}

.cnt223 .x {
	float: right;
	height: 35px;
	left: 22px;
	position: relative;
	top: -25px;
	width: 34px;
}

.cnt223 .x:hover {
	cursor: pointer;
}

.awardimg {
	cursor: pointer;
	margin: 10px 20px;
}




@media screen and (max-width :1920px){
	#menu ul li a {
		font-size: 14px;
	}
}

@media screen and (max-width :1199px) {
.popup .popupimg{ width: 100%;}
.popup .close{ right: 0; top: 24%;}
.cnt223{padding: 15% 0;}
.hover_bkgr_fricc img{ width: 60%;}
.popupCloseButton img{ width: 40%;}
.popupCloseButton {
	top: 12%;
	right: 24%;
}
}