/* Blue: #2e6ca9; Red: #ef4648; */
@font-face {
    font-family: 'ottawabold_italic';
    src: url('../fonts/ottawa_bold_italic-webfont.eot');
    src: url('../fonts/ottawa_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ottawa_bold_italic-webfont.woff') format('woff'),
         url('../fonts/ottawa_bold_italic-webfont.ttf') format('truetype'),
         url('../fonts/ottawa_bold_italic-webfont.svg#ottawabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Normalize */
html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}
a:focus {outline: thin dotted;}
a:active,a:hover { outline: 0;}
img {border: 0;-ms-interpolation-mode: bicubic;}
form {margin: 0;}
ul{margin:0;}

.chromeframe {margin: 0.2em 0;color: #000;padding: 0.2em 0;width:900px;margin:0 auto;}


/* My Styles */
body{margin:0;font-family: 'Duru Sans', sans-serif;-webkit-font-smoothing: antialiased;font-size: 12px;}
.container{width:900px;margin:0 auto;clear: both;}
.container:after{clear:both;}
#header{position: absolute;z-index: 9999;width: 100%;}
.topbar{background:url(../img/topbar-bg.gif) 0 -6px;height:10px; }
.menubar{background: #fff; /* background: rgba(255, 255, 255, 0.65); */}
.menubar:hover{/* background: rgba(255, 255, 255, 0.90); */}
.menubar .container{overflow:hidden;}
.menubar{
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.3s ease 0s;
}
.hmc{font-family: 'ottawabold_italic', 'Duru Sans', sans-serif;font-size: 1.2em; line-height: 1em;}
.mainmenu ul{text-align: right;}
.mainmenu li{display: inline-block;vertical-align: top;text-align: left;}
.mainmenu a{font-size: 15px;color: #666;padding: 15px 10px 6px;height: 37px;display: block;}
.mainmenu a.current{background: url(../img/marker.gif) no-repeat top center;color: #2e6ca9;}
.mainmenu a:hover{color:#2e6ca9;}
.mainmenu a small{display:block;margin-top: -5px;}

.mainmenu li ul{text-align: left;z-index: 999;margin: -9px 0 0 22px;position: absolute;padding: 9px 0 0;display: none;background: url(../img/marker-up.gif)no-repeat;}
.mainmenu li li  {display: block;border-left: 1px solid #ccc;border-right: 1px solid #ccc;background:#fff;float: none;margin-left: -22px;}
.mainmenu li li:last-child{padding-bottom: 10px;border-bottom: 1px solid #ccc;}
.mainmenu li li:first-child{padding-top: 10px;}
.mainmenu li li  a{color:#666;background:none!important;font-size:12px;text-transform: none;margin: 0 10px;line-height: 20px;padding: 3px!important;height: auto;text-align: left;}
.mainmenu li li  a:hover{color:#2e6ca9;text-decoration:none;}
.mainmenu li:hover ul{display:block;}

.social_container {
float: right;
display: inline;
margin: 12px 0 0 0;
}
#header .social_container ul {
float: right;
padding: 0;
margin: 0;
}
#header .social_container ul li {
float: right;
display: inline;
}
#header .image_replacement {
  line-height: 999em;
  text-indent: -9999em;
  overflow: hidden;
}

#header .image_replacement.youtube,
#header .image_replacement.facebook,
#header .image_replacement.pinterest,
#header .image_replacement.twitter {
  background-image: url("images/link_footer_social.png");
  display: block;
}

#header .image_replacement.youtube { background-position: 0px 0px; width: 42px; height: 19px;  margin: 0 14px 0 0;}
#header .image_replacement.facebook { background-position: 0px -19px; width: 51px; height: 11px; margin: 3px 14px 0 0; }
#header .image_replacement.pinterest { background-position: 0px -52px; width: 51px; height: 13px; margin: 2px 14px 0 0;}
#header .image_replacement.twitter { background-position: 0 -30px; height: 10px;  width: 48px; margin: 3px 14px 0 0;}
.icons{/* margin: 70px 35px 0 0; */float:right;border-left:1px solid #ccc}
.icons img{height:16px;width:16px;padding:5px;}
.search{overflow:hidden;margin-top: 65px;float:right;}

.logobar{
    position: absolute;
    z-index: 9999;
}
.logo{
}
.logo a{float:left;background: url(../img/logo.png); width: 160px; height: 58px;}
.submenu{/* float:right; */}
.submenu ul{margin:0;padding:0;list-style:none;}
.submenu a{text-decoration:none;width:80px;height:35px;display:block;padding:15px 0 0 50px;font-size: 11px;font-weight:bold;font-family: sans-serif;}
.submenu a.inbound{background:url(../img/submenu/inbound.gif) no-repeat;color:#5ab5e4;}
.submenu a.outbound{background:url(../img/submenu/outbound.gif) no-repeat;color:#b292bb;}
.submenu a.voice{background:url(../img/submenu/voice.gif) no-repeat;color:#7dc3c3;}
.submenu a.email{background:url(../img/submenu/email.gif) no-repeat;color:#d6be7e;}
.submenu a.chat{background:url(../img/submenu/chat.gif) no-repeat;color:#7773b0;}
.submenu a.sms{background:url(../img/submenu/sms.gif) no-repeat;color:#c0d381;}
.submenu a.data{background:url(../img/submenu/data.gif) no-repeat;color:#5a8e4c;}
.submenu a.hro{background:url(../img/submenu/hro.gif) no-repeat;color:#5370d8;}
.submenu a.infra{background:url(../img/submenu/infra.gif) no-repeat;color:#9a60d9;width:85px;margin-right:10px;}
.submenu a:hover{text-decoration:underline;color:#666;}
#main{
}
.banner{position: relative;overflow: hidden;min-width: 900px;height: 400px;font-size: 0;padding-top: 58px;}
.banner .banner-text{
	top:100px;
	left:50%;
	margin-left:-450px;
	width:900px;
	position: absolute;
	z-index:999;
  max-width: 50%;
}
.banner .title{
color: #000;
background: url(../img/transparent-bg.png);
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/transparent-bg.png',sizingMethod='scale');
padding: 10px 20px;
text-transform: uppercase;
font-size: 24px;
}
.banner .text{
white-space: pre;
color: #333;
background: url(../img/transparent-bg.png);
_background:none;
       _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/transparent-bg.png',sizingMethod='scale');
padding: 15px 20px;
text-transform: uppercase;
font-size: 13px;
margin-top:5px;
}
/*.banner div.text{padding-top:15px}*/
.banner span{font-size:16px;font-weight:bold;color: black;}
.banner ul{padding:0;}
.banner li{position:relative}
.banner img{min-height: 300px;width:100%;}
.banner-pagination{position:relative}
.pager{
    position: absolute;
    bottom: 10px;
    right: 0;
    z-index: 999;
}
.pager a{width: 8px;height: 8px;display: block;float: left;text-align: center;background: rgba(255, 255, 255, 0.5);margin: 5px;border-radius: 5px;border: 1px solid #666;line-height: 2em;color: #fff;font-size: 0;font-weight: bold;}
.pager a.selected, .pager a:hover{background: #fff;}
.drop-shadow {
position: relative;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.light{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.drop-shadow:before, .drop-shadow:after {
content: "";
position: absolute;
z-index: -2;
}
.curved:before {
top: 10px;
bottom: 10px;
left: 0;
right: 0;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
box-shadow: 0 0 15px rgba(0,0,0,0.6);
-moz-border-radius: 10px / 100px;
border-radius: 10px / 100px;
}


.content{text-align: justify;overflow:hidden;padding:35px 60px;background:#fff;color:#888;}
.content small{text-align: left;display: block;text-transform: capitalize;}
h1{font-size: 18px;color: #fff;background: #2e6ca9;padding: 10px;text-transform: uppercase;}
h2{color: #2e6ca9;font-size: 14px;padding:0;margin:30px 0 0 0;text-transform: uppercase;}
.content img{/* float:left; *//* margin:5px 20px 10px 0; */}
.content a.more{background:#2e6ca9; padding:5px 10px;color:#fff;text-decoration:none;}
.content ul{padding:0; /* margin:0 0 30px 0; */font-size: 12px;}
.content li{list-style:none;background: url(../img/bullet.gif) no-repeat 0 2px; padding: 3px 0 3px 22px; /* margin: 8px 0; */}
.content li li{}
#main .shifted {width: 535px;float: right;}
#sidebar {
float: left;
margin: 50px 0 20px;
padding: 5px 25px;
background: url(../img/line3.png) repeat-y right;
width: 195px;
}
#sidebar h2{margin:10px 0 0;color:#2e6ca9;font-size: 12px;}
#sidebar ul{list-style:none;padding-left:10px;margin:15px 0;}
#sidebar li{list-style:none;background:url(../img/bullet.gif) no-repeat 0 5px; padding-left:30px;}
#sidebar a{font-size: 12px;font-family: sans-serif;line-height:25px;color:#888;
-webkit-transition: all 1s ease 0s;
/* -moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s; */
}
#sidebar a:hover, #sidebar a.current{color:#2e6ca9;font-weight:bold}
.homecontent{text-align: justify;color: #666;font-size: 14px;overflow:hidden;}
.homecontent strong{color: #2e6ca9;font-size: 16px;}
.box{ width:390px; float:left;margin-right:26px; padding: 10px 20px; margin-top: 20px;moz-border-radius: 5px;b-moz-border-radius: 5px; border-radius: 5px; background: #f5f5f5; border:#ddd 1px solid;}
.box h4{color: #666;font-size: 17px;margin:10px 0 20px;font-family: tahoma;}
.box ul{padding:0; margin:0;font-size: 14px;}
.box li{list-style:none;color:#888888; background: url(../img/bullet.gif) no-repeat 0 1px; padding-left:25px; margin: 10px 0;}
.left{}
.right{margin-right:0;}
#footer{clear: both;font-size: 12px;border-top: 1px solid #eee;}
.footerdata{background: #f5f5f5;overflow:hidden;color: #333;-moz-border-radius: 5px;border:#ddd 1px solid;}
.footerdata h4{color: #666;margin: 10px 0;font-size:16px;}
.footerdata span.label{font-size: 11px;color: #333;}
.col-touch span.label{width: 50px;float:left;}
.col{float:left;margin:0 10px;padding: 10px 0 15px;min-width: 130px;}
.col ul{padding:0;margin:0}
.col li{list-style:none;margin:10px 0;}
a{text-decoration:none; color: #2e6ca9;}
.contact{}
.col a:hover span{text-decoration: underline;color: #13619f;}
.col-contact{width: 320px;}
.col-touch{width: 275px;}
.col-social p {
}
.col-social li{float:left;margin: 0;}
.col-social .twitter{background:url(../img/social/twitter.png);}
.col-social .fb{background:url(../img/social/facebook.png);}
.col-social .ln{background:url(../img/social/linkedin.png);}
.col-social .google{background:url(../img/social/googleplus.png);}
.col-social .rss{background:url(../img/social/rss.png);}
.col-social li a{display:block; width:32px; height:32px;margin:2px;}
.col-social .linkedin{display:block; width: 99px; height: 24px;margin-top: 10px;background:url(../img/linkedin.png);}
.footerbar{background: #666;color:#fff;line-height: 20px;margin-top: -5px;overflow: hidden; width:100%;}
.copyright{margin: 0 15px;float:left;font-size:12px;}
.footermenu{float:right;}
.footermenu ul{margin:0;}
.footermenu li{float:left;margin:0 15px;}
.footermenu li:first-child{list-style:none;}
.footermenu a{text-decoration:none;color:#fff;}
.footermenu a:hover{text-decoration:underline;}
ul.sitemap, ul.sitemap ul{font-size:14px}
.contactpage{overflow:hidden; background:#fff;}
.contactinfo{width: 440px; float:left; margin-right: 30px;}
.contactpage h1{font-size:14px;padding:5px}
.jobinfo{width:200px; float:left; margin-right:30px;}
.contactform{width:310px; float:left;}
.jobform .job1,.jobform .job2{float:left}
.jobform {font-size:14px;}

p.field {
margin-bottom: 9px;
overflow: hidden;
vertical-align: top;
position: relative;
}
p.small {font-size:12px; width:290px;}
p.note {font-size:20px;}
.jobform p.field {margin: 3px;}
.contactform input[type=text], .contactform textarea {
background: #fff;
border: 1px solid #dfdfdf;
padding: 8px 4px 7px 14px;
color: #a8a7a7;
width: 290px;
}
.jobform input[type=text], textarea {
background: #fff;
border: 1px solid #dfdfdf;
padding: 5px;
color: #a8a7a7;
width: 200px;
}
.jobform label{width:100px;display:inline-block;vertical-align:top;margin:5px 0;font-size:14px;}
.jobform .job1 label{width:50px;}
.address {
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
}
.address{
float: left;
padding: 0 0 0 55px;
background: url(../img/address-icon1.png) no-repeat 0 3px;
text-align:left;
}
input[type=submit], input[type=reset] {
position: relative;
display: inline-block;
font: 11px/24px Open Sans,sans-serif;
font-weight: 600;
color: #1896bf;
border: none;
height: 31px;
padding: 0;
cursor: pointer;
margin-right: 10px;
background-color: transparent;
text-decoration: underline;
text-transform: uppercase;
}

.error_box {
    background:#FAD3C4;
    border:1px solid #A75B4E;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    color:#444444;
    display:none;
    font-size:13px;
    margin:0px 0px 15px 0px;
    padding:8px 8px;
    /* width:290px; */
}

.success_box {
    background:#E2F1BB;
    border:1px solid #598800;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    color:#000000;
    display:none;
    font-size:13px;
    margin:0px 0px 15px 0px;
    padding:8px 8px;
}
.google-map{width: 450px; height:300px;}
.google-map h2{color:#1982c6; margin:0}

.contactpage table{border-top:1px solid #dedede;border-left:1px solid #dedede;font-size:14px;}
.contactpage th{padding:5px 0;font-size:16px; font-weight:normal;color:#2e6ca9;}
.contactpage td, th{padding: 5px 0;border-bottom:1px solid #dedede;border-right:1px solid #dedede;vertical-align:top;}
.contactpage table li{list-style:none}


.search input, .gsc-input-box {
float: right;
margin-top:4px;
background: url(../img/search-white.png) no-repeat 10px 3px #fcfcfc!important;
border: 1px solid #d1d1d1;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #bebebe;
width: 150px;
padding: 3px 0 3px 30px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
height: auto!important;
}
.gsc-input-box-focus,.gsc-input-box-hover {width: 200px!important;outline:none;}
.search input{background: none!important;margin-left:20px;}

.cse .gsc-control-cse, .gsc-control-cse {background:none!important;border:none!important;padding: 0!important;}
table.gsc-search-box {width:300px!important;}
.gsc-search-button, .gsc-clear-button{visibility:hidden;display:none;}
table.gsc-search-box {width:200px!important;float:right;}
input.gsc-input {font-size:14px!important;font-weight:normal;}
.gsst_a , .gsib_a {padding:0!important;}
.gscb_a {font: 26px/13px arial,sans-serif!important;}
.gsst_b{font-size:12px!important;}

.progress {float:left;width: 200px;border: 1px solid #ddd;padding: 1px;border-radius: 3px;}
.bar {background-color: #B4F5B4;width: 0%;height: 2px;border-radius: 3px;}
.percent {margin: -6px 0 0 210px;font-size: 11px;}



#client-panel .caroufredsel_wrapper {
	top:0!important;
	height:70px!important;
}

#client-panel {
	padding:10px 0;
	margin-top:10px;
	border-top:1px solid #eee;
}
.acpanel{margin:0 auto;width:705px;}

#clients-carousel {
	overflow:hidden;
	height:70px;
	padding:0;margin:0;
}

#clients-carousel li {
	float:left;
	width:225px;
	height:70px;
	list-style:none;
}

#clients-carousel li:hover {
	background-position:top left!important;
}
#clients-carousel li a{height:70px; display:block; background-repeat:no-repeat;background-position:center;
  /* Firefox 10+, Firefox on Android */
	/* IE6-9 */
	-webkit-filter: grayscale(50%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	-khtml-opacity:.50;
 -moz-opacity:.50;
    opacity: .50;
	-ms-filter: alpha(opacity=50);
}
#clients-carousel li a:hover{
	-webkit-filter: grayscale(0%);
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity: 1;
	-ms-filter: alpha(opacity=100);
}
.client-list{
    overflow: hidden;
    margin: 10px 0;
    /* border-bottom: 1px solid #eee; */
}
.client-list li{
	width: 180px;
	height: 60px;
	margin: 10px 25px;
	float: left;
}
.bhartia {background:url(../img/clients/bhartia.jpg) no-repeat!important}
.enron {background:url(../img/clients/enron.jpg) no-repeat!important}
.fabindia {background:url(../img/clients/fabindia.jpg) no-repeat!important}
.himachal {background:url(../img/clients/himachal.jpg) no-repeat!important}
.icici {background:url(../img/clients/icici.jpg) no-repeat!important}
.oriflame {background:url(../img/clients/oriflame.jpg) no-repeat!important}
.premier {background:url(../img/clients/premier.jpg) no-repeat!important}
.shahnaz {background:url(../img/clients/shahnaz.jpg) no-repeat!important}
.sitaram {background:url(../img/clients/sitaram.jpg) no-repeat!important}
.thomson {background:url(../img/clients/thomson.jpg) no-repeat!important}
.sultanchand {background:url(../img/clients/sultanchand.jpg) no-repeat!important}
.globalenergy {background:url(../img/clients/globalenergy.jpg) no-repeat!important}
.sungroup {background:url(../img/clients/sungroup.jpg) no-repeat!important}
.microland {background:url(../img/clients/microland.jpg) no-repeat!important}
.kngroup {background:url(../img/clients/kngroup.jpg) no-repeat!important}
.capital-first {background:url(../img/clients/capital-first.jpg) no-repeat!important}
.vodafone {background:url(../img/clients/vodafone.jpg) no-repeat!important}
.superiorair {background:url(../img/clients/superiorair.jpg) no-repeat!important}
.who {background:url(../img/clients/who.jpg) no-repeat!important}
.dse {background:url(../img/clients/dse.jpg) no-repeat!important}
.isi {background:url(../img/clients/isi.jpg) no-repeat!important}

/* Media Queries
@media screen and (max-width: 480px) {
	body,.container{width:100%;margin:0 auto;clear: both;font-family: sans-serif;}
	h1{text-align: center;}
	.menubar{background:none;}
	.social_container, .icons, .search, .banner, #client-panel, .footerdata, .footermenu{display:none;}
	.logo a{float:none;margin:15px auto; display:block;}
	.content{padding:15px}
	.box{width:90%}
	.copyright{text-align:center; float:none;}
	.mainmenu {position: relative;width:100%;min-height: 40px; margin:0;}
	.mainmenu ul {
		min-height: 40px;
		width:100%;
		position: absolute;
		top: 0;
		background: #0e2048 url(../img/icon-menu.png) no-repeat 10px 15px;
	}
	.mainmenu li {
		display: none;
		margin: 0;
		float:none;
	}

	.mainmenu a , .mainmenu li li a{
		font-size:1em;
		display: block;
		margin:0;
		padding: 0 0 0 40px;
		text-align: left;
		color:#ccc;
		border-bottom:1px solid #0B3455;
		line-height:40px;
	}
	.mainmenu li li a{padding: 0 0 0 60px;}

	.mainmenu ul:hover {
		background-image: none;
	}
	.mainmenu ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.mainmenu a.current {
		background: url(../img/icon-check.png) no-repeat 10px 15px;
	}

	.mainmenu li ul{margin: 0;position: relative;padding:0;display: none;background: none;display:block}
	.mainmenu li li  {border:none;background:none;float: none;margin:0;}
	.mainmenu li li  a:hover{color:#fff}
	.mainmenu li li:last-child, .mainmenu li li:first-child{padding: 0; border:none;}
}
*/