@font-face {
  font-family: 'open-sans regular';
  src: url('../fonts/Open-Sans/OpenSans-Regular.eot');
  src: url('../fonts/Open-Sans/OpenSans-Regular.ttf');
  src: url('../fonts/Open-Sans/OpenSans-Regular.woff2') format('woff2'),
       url('../fonts/Open-Sans/OpenSans-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/Open-Sans/OpenSans.woff') format('woff'),
       url('../fonts/Open-Sans/OpenSans.ttf') format('truetype'),
       url('../fonts/Open-Sans/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}

.static {
	position: inherit !important;
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: 'open-sans regular';
}

input[type='text'] {
	background-color: #f9f7f7;
	border: 1px solid #e6e4e4;
}

input[type='password'] {
	background-color: #f9f7f7;
	border: 1px solid #e6e4e4;
}

h2 {
	color: #005696;
	font-size: 32px;
	font-weight: 600;
	margin-top: 0;
}

h3 {
	font-size: 18px;
}

p {
	font-size: 13px;
}

h4 {
	margin-top: 0;
	font-size: 15px;
	font-weight: bold;
}

.nav-head {
	max-width: 1170px;
	margin: 0 auto;
}



/*
.zoomText_background {
    background-color: #7ee1ff;
	width:129px;
    height: 34px;
	display: inline-block;
	border-radius: 9px 9px 0 0;
	float: right;
	text-align:center;
	bottom:3px;
}
.zoomText {
     background-color: #7ee1ff;
	 width:26px;
     display: inline-block;
     color: #005696;
	 font-weight:bold;
     text-align: center;
     line-height: 34px;
     font-size: 12pt;
     cursor: pointer;
		
}
.divider {
	 background-color: #7ee1ff;
	 width:30px;
     display: inline-block;
     border-right: 1px solid #eeeeef;
		
}*/

.zoomText_background {
    padding-left: 4px;
    padding-right: 0px;
    background-color: #FFFFFF;
    width: 162px;
    height: 29px;
    display: inline-block;
    border-radius: 7px 7px 0 0;
    float: left;
    text-align: center;
    bottom: 5px;
}
.zoomText {
     background-color: transparent;
	 
		
}
.divider {
	 background-color: #7ee1ff;
	 width:20px;
     display: inline-block;
     border-right: 1px solid #eeeeef;
		
}



/* *** Sub Menu Start *** */
.consumerSubmenu {
	width: auto; /* Set width of the dropdown */
	margin-top: 0px;
	position: absolute;
	z-index: 999;
	/* left: 134px; rk*/
	left: 140px;
	background-color: transparent;
	/* padding: 8px; rk*/
	font-size: 13px;
	color: #005696;
	border-radius: 1px;
	text-align: left;
	min-height: 150px;
	/* box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2); */
}

.consumerSubmenu1 {
	float: left;
	width: 200px;
	background: #d0f1fb;
}

.consumerSubmenu ul li a,.tendersubmenu li a,.aboutusSubmenu1 li a,.aboutusSubmenu2 li a,.aboutusSubmenu3 li a,.projectsubmenu li a,.plansubmenu li a,.plansubmenu1 li a,.plansubmenu2 li a,.plansubmenu3 li a
	{
	padding: 10px;
	color: #005696;
	text-transform: none;
}

.consumerSubmenu ul li:hover a {
	color: #00b0c9;
}

.consumerSubmenu ul li {
	list-style: none;
	text-decoration: none;
	display: block;
	cursor: pointer;
	/* background: #fff; */
}

.consumerSubmenu1 li:hover {
	background-color: white;
	color: #00b0c9;
}

.consumerSubmenu1 li a:hover {
	color: #00b0c9;
}

.consumerSubmenu2,.consumerSubmenu3,.consumerSubmenu4,.consumerSubmenu5,.consumerSubmenu6,.consumerSubmenu7,.consumerSubmenu8,.consumerSubmenu9
	{
	display: none;
	float: left;
	background-color: #d0f1fb;
	/*margin-left: 1px;*/
	border-left: 1px solid #d0f1fb;
	padding: 0 10px;
	/* min-height: 150px; rk */
	/* padding: 0px 5px 5px 0px; rk*/
	padding: 0;
}
.consumerSubmenu2>li,.consumerSubmenu3>li,.consumerSubmenu4>li,.consumerSubmenu5 >li,.consumerSubmenu6 >li,.consumerSubmenu7 >li,.consumerSubmenu8>li,.consumerSubmenu9>li{
	background-color: #fff !important;
			
}

.consumerSubmenu8,.consumerSubmenu5 {
	width: 200px;
	/*height: 157px;*/
}

.consumerSubmenu4 li,.consumerSubmenu5 li,.consumerSubmenu6 li,.consumerSubmenu7 li,.consumerSubmenu8 li,.consumerSubmenu9 li
	{
	border-bottom: 1px solid #dddddd;
}

.consumerSubmenu2,.consumerSubmenu3 {
	padding-right: 0;
}

.consumerSubmenu2 hr,.consumerSubmenu3 hr {
	margin: 0;
	width: 94%;
}

.padding-menu {
	padding: 10px;
	cursor: pointer;
}

.padding-menu:hover {
	color: #00b0c9;
}



.lastUpdate {
			padding-left:482px;
			color: #000000;
		}



.arrow-up {
	width: 0;
	height: 0;
	/* margin-top: -6px; */
	margin-top: -8px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	display: none;
	border-bottom: 8px solid #d0f1fb;
	position: absolute;
}

.consumerarrow {
	margin-left: 70px;
}

.vendorsarrow,.investorearrow,.reportarrow {
	margin-left: 40px;
}

.submenu3 {
	width: 100%; /* Set width of the dropdown */
	margin-top: 30px;
	display: none;
	position: absolute;
	z-index: 999;
	left: 0px;
	background-color: #e8e8e8;
	color: #fff;
	border-radius: 1px;
	height: auto;
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
}

.subMenu-title {
	padding: 20px 0 15px 0;
	color: #0c6caf;
	font-size: 15px;
	text-align: left;
	border-bottom: 1px solid #d3d3d3;
}

.subMenu-subtitle,.subMenu-subtitle2 {
	text-align: left;
	padding: 0 0 0 5px;
}

.payBill ul {
	padding: 0 3px 0 0 !important;
}

.payBill ul li {
	padding: 0 !important;
}

.subMenu-titles {
	display: block;
}

.com-btm p {
	margin-bottom: 0;
}

.subMenu-titles a {
	padding: 7px 0 7px 0;
	display: block;
	text-transform: none;
	color: #0c6caf;
	font-size: 14px;
	text-align: left;
	border-bottom: 1px solid #d3d3d3;
}

.subMenu-titles a:hover {
	padding: 7px 0 7px 0;
	display: block;
	text-transform: none;
	color: #0c6caf;
	font-size: 14px;
	text-align: left;
	border-bottom: 1px solid #d3d3d3;
	text-decoration: underline;
}

.subMenu-titless {
	text-align: left;
}

.subMenu-titless a {
	padding: 0px 0 25px 0;
	text-transform: none;
	color: #0c6caf;
	font-size: 15px;
	text-align: left;
}

.subMenu-titless a:hover {
	padding: 0px 0 25px 0;
	color: #0c6caf;
	font-size: 15px;
	text-align: left;
	text-decoration: underline;
}

.subMenu-subtitle ul li a {
	color: #737373;
	font-size: 12px;
	padding: 0 0 0 5px;
	text-transform: none;
}

.subMenu-subtitle ul li a:hover {
	text-decoration: underline;
	font-size: 12px;
	padding: 0 0 0 5px;
	text-transform: none;
}

.loadtop {
	padding-top: 10px;
}

.subMenu-subtitle ul,.subMenu-heading {
	font-size: 13px;
	color: #1b1b1b;
	padding: 5px 0;
}

.subMenu-heading a {
	color: #1b1b1b;
}

.subMenu-subtitle2 ul {
	text-align: left;
	float: left;
}

.subMenu-subtitle2 ul li {
	padding: 5px 0;
	display: block;
}

.subMenu-subtitle2 ul li:first-child {
	padding-top: 10px;
}

.subMenu-subtitle2 ul li a {
	display: block;
	font-size: 13px;
	text-transform: none;
	padding-bottom: 0;
	padding-top: 0;
}

.subMenu-subtitle2 ul li a:hover {
	color: #1b1b1b;
	display: block;
	font-size: 13px;
	text-transform: none;
	padding-bottom: 0;
	padding-top: 0;
	text-decoration: underline;
}

.main-container {
	/* margin: 0 auto; */
	padding-left: 90px;
	padding-right: 90px;
}

header {
	position: fixed;
	z-index: 1000;
	width: 100%;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}

header .nav-level-1 {
	background-color: #005696;
	font-size: 13px;
	height: 44px;
	position: relative; /* added for hamburger dropdown */
}

.nav-level-1 .col-xs-9 ul li a:hover {
	color: #34cdff;
}

header ul {
	margin-bottom: 0;
	padding-left: 0;
}

header ul li {
	display: inline-block;
	list-style-type: none;
}

header ul li a {
	display: inline-block;
	color: #fff;
	padding: 13px 17px;
	text-decoration: none;
	font-size: 13px;
	font-family: 'open-sans regular';
	text-transform: uppercase;
}

header ul li a:focus {
	color: #fff;
	text-decoration: none;
}

header ul li a:hover {
	color: #34cdff;
	text-decoration: none;
}

header .col-reg-btn {
	padding-top: 5px;
	text-align: right;
	padding-right: 6px;
}

.search-box {
	width: 186px;
	padding: 5px 5px 5px 15px;
	border-radius: 20px;
	border: none;
	background-color: #fff;
	color: #6e6e6e;
	font-size: 13px;
	font-family: 'open-sans regular';
	height: 33px;
	outline: none;
	position: relative;
}

.srch-btn {
	border: none;
	margin-left: -33px;
	background-color: #0d6cb0;
}

::-webkit-input-placeholder {
	padding-left: 5px;
}

header .icon-logo {
	margin: 7px 0;
	border-right: 1px solid #dfdfdf;
	padding-right: 10px;
}

.icon-text {
	margin: 7px 0;
	padding-left: 15px;
}

header .nav-level-2 {
	background-color: #fff;
	height: 110px;
	overflow: hidden;
}

header .nav-level-2 .main-menu {
	text-align: right;
	padding: 17px 0px;
	padding-right: 15px;
	margin: 10px 0px;
}

header .nav-level-2  .main-menu ul {
	float: right;
}

.navign-bar>li>a,.navign-bar>li>a:hover {
	padding: 12px 20px 44px 15px;
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img {
  	margin: auto;
	height: 360px;
}


.carousel-control.left,.carousel-control.right {
	background-image: none;
	filter: none;
	width: 5%;
	margin: 100px 0 0 0;
}

.company-name {
	color: #fff;
	float: left;
	padding: 54px 0px 4px 0px;
}

.text1 {
	font-size: 30px;
	color : white;
	line-height: 38px;
	padding-bottom: 20px;
	letter-spacing: 1px;
}

.text3 {
	font-size: 17px;
	color : white;
	font-family: 'open-sans regular';
}


.text2 {
	font-size: 15px;
	color : white;
	font-family: 'open-sans regular';
}

.applyNow {
	margin-top: 10px;
	height: 40px;
	font-size: 14px;
	font-family: 'open-sans regular';
	font-weight: 500;
	padding: 10px 20px;
	border-radius: 5px;
	background-color: #0dbdf6;
	color: #fff;
	border: none;
}

.applyNow:hover {
	background-color: #fff;
	color: #005696;
}

.msg-section {
	height: 45px;
	background-color: #e8e8e8;
	font-size: 13px;
	overflow:auto;
}

.about-wbsedcl,.keyfeatues {
	text-align: center;
}

.about-wbsedcl {
	background-color: #444444;
	height: 160px;
	border-top: 4px solid #0c6caf;
	color: #fff;
	text-align: left;
	padding: 30px 0;
	font-size: 13px;
}

.about-wbsedcl span {
	font-size: 15px;
}

.about-wbsedcl  p {
	color: #bbbbbb;
	line-height: 20px;
	font-size: 12px;
	text-align: left;
	padding: 20px 30px 0 0;
}

.keyfeatues {
	background-color: #fff;
	color: #0d6cb0;
	padding-bottom: 40px;
}

.keyfeatues>.main-container>h1 {
	padding: 50px 0px 0px 0px;
	margin: 0px;
}

.keyfeature-link a {
	text-decoration: none;
	color: #0d6cb0;
}

.keyfeature-link img {
	margin: 45px 0 24px 0;
}

.key-feature-text {
	padding: 0 3%;
	font-size: 15px;
	text-align: center;
	line-height: 12px;
	width: 191px;
	margin-left: -16px;
}

.carousel-inner>.item>p,.carousel-inner>.item>a>p {
	margin: auto;
}


.whatsnew-section {
	background-color: #0d6cb0;
	text-align: center;
}

.whatsnew-section h1 {
	color: #fff;
	padding: 50px 0 40px 0;
	margin: 0px
}

.whatsnew-section p {
	color: #fff;
	min-height: 295px;
	line-height: 26px;
	width: 89%;
	padding: 10px 17% 100px 17%;
}

footer {
	background-color: #0c6caf;
	color: #fff;
	padding: 0;
	font-size: 12px;
	font-family: 'open-sans regular';
}

footer .footer-toplinks {
	padding-right: 5px;
	padding-top: 11px;
	text-align: right;
}

.footer-toplinks ul {
	padding-top: 11px;
}

footer .footer-toplinks ul li {
	display: inline-block;
}

footer .footer-toplinks ul li a {
	margin-left: 0px;
	padding-left: 22px;
}

footer .footer-toplinks ul li a:hover {
	color: #34cdff;
}

footer .footer-btmlinks {
	color: #a6bfd9;
	padding-top: 10px;
	font-size: 12px;
	font-family: 'open-sans regular';
}

.hrrow {
	border-bottom: 1px solid #3d89bf;
}

.footer-menu {
	padding-right: 5px;
	text-align: left;
	padding-left: 0px;
}

.footer-menu ul {
	display: inline-block;
	float: none;
}

.footer-menu .copyright {
	display: inline-block;
	margin-left: 40px;
}

.footer-menu>ul>li {
	display: inline-block;
	padding: 0 12px;
	border-right: 1px solid #a7bfd7;
}

.footer-menu>ul>li:hover {
	color: #fff;
	cursor: pointer;
}

.footer-menu>ul>li a {
	text-decoration: none;
	font-weight: 100;
    color: #a6bfd9;
}

.footer-menu ul li:last-child {
	border-right: none;
	padding-right: 0;
}

.caret {
	margin-left: 14px;
}

footer ul,.menubar-div {
	padding-left: 0;
}

footer ul li {
	list-style-type: none;
}

footer ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-family: 'open-sans regular';
}

footer ul li a:hover {
	color: #fff;
	text-decoration: none;
}

footer .copyrgt {
	text-align: right;
	padding-left: 0;
}

.associatedMenu ul li a:hover {
	color: #0c6caf;
}

.associatedMenu a {
	text-decoration: none;
	color: #bbbbbb;
}

.associatedMenu hr {
	padding: 0;
	margin: 0;
}

.width100 {
	margin-top: 0px;
	min-width: 170px;
}

.footer_wrapper .selecT {
	padding-left: 0px;
	color: #fff;
	font-family: 'open-sans regular';
	cursor: pointer;
}

.footer_wrapper img {
	padding-left: 34px;
}

.associatedMenu {
	background-color: #0a5992;
	height: 33px;
	width: 166px;
	border-radius: 20px;
	border: none;
	color: #202020;
	font-size: 12px;
	font-family: 'open-sans regular';
	padding: 8px 15px 10px;
	margin-top: 15px;
	margin-bottom: 14px;
}

.associatedMenu ul li:hover {
	background-color: #d9f4fc !important;
}

/* .footer_wrapper {
	height: 62px;
} */
.associatedMenu .dropdown-menu {
	bottom: 100%;
	top: auto;
}

.carousel-section {
	position: relative;
	padding-top: 154px;
}

.productDetails {
	width: 100%;
	background-color: #e8e8e8;
	padding: 50px 0 50px 0;
}

.arrow-left,.arrow-right {
	background-image: none;
	filter: none;
	width: 5%;
	margin: 104px 0 0 0;
}

.productItems {
	margin: auto;
	margin-left: 16%;
}

.title {
	font-size: 15px;
	color: #202020;
	font-family: 'open-sans regular';
	font-weight: bold;
	padding: 20px 0 8px 20px;
}

.findoutmore {
	font-size: 13px;
	font-family: 'open-sans regular';
	color: #0D6BB1;
	padding: 5px 0px 5px 20px;
	background: url("../images/small_grey_arrow_3.png") no-repeat 115px 7px;
}

.findoutmore a {
	text-decoration: none;
}

.findoutmore a:hover {
	color: #7f7f7f;
}

.text-msg {
	font-size: 13px;
	font-family: 'open-sans regular';
	color: #444444;
	padding: 0 20px 20px 20px;
	border-bottom: 1px solid #e8e8e8;
}

.productItems img {
	width: 100%;
}

.safety {
	padding: 0;
	background-color: #fff;
	font-size: 13px;
	font-family: 'open-sans regular';
	width: 270px;
	margin-right: 60px;
}

.safety hr {
	width: 100%;
	color: #e8e8e8;
}

.menubar-div li {
	height: 33px;
	color: #0b4c7a;
	list-style-type: none;
	border-bottom: 1px solid #aeaeae;
	padding: 5px 10px 3px 3px;
}

.menubar-div li:last-child {
	border-bottom: none;
}

.menubar-div li a,.menubar-div li a:hover {
	text-decoration: none;
	color: #0d6bb1;
}

.display-none {
	display: none !important;
}

a.back-to-top {
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 6px;
	opacity: 0.5;
	bottom: 15px;
	background: #0d6cb0 url("../images/up-arrow4.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	display: inline;
}

a:hover.back-to-top {
	background-color: #8a8a8a;
}

.carousel-indicators  li,.carousel-indicators .active {
	margin-right: 13px !important;
}

.overlapped-div {
	position: absolute;
	top: 0px;
	padding-left: 100px;
	margin: 0px auto;
}

.inner-overlapped-div {
	max-width: 1170px;
	height: 100%;
	margin: 0px auto;
}

.menubar-div {
	background-color: #fff;
	width: 286px;
	z-index: 99;
	position: absolute;
	top: 169px;
	right: 8%;
	font-size: 15px;
	font-family: 'open-sans regular';
	opacity: 0.8;
	border-radius: 10px;
}

.menubar-div li:first-child:hover {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.menubar-div li:last-child:hover {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.menubar-div span {
	display: block;
	padding-top: 3px;
	font-size: 13px;
	font-family: 'open-sans regular';
	color: #202020;
	font-weight: 400;
}

li a span.img {
	float: left;
	width: 50px;
}

.menubar-div li a span.img {
	height: 26px;
}

.menubar-div hr {
	border-top: 1px solid #b1ccdf;
	width: 100%;
	float: left;
	margin: 0;
}

.pay-your-qutn p,.app-load-enhnt p,.app-status p,.view-bill p,.paymnt-recpt p,.griv-redrsl p,.complaint p,.rept-prob p,.trf-dtls p
	{
	padding: 0px 0px 0px 42px;
}

.pay-your-qutn {
	background: url("../images/image/consumer_registration.png") no-repeat
		center;
}

.app-load-enhnt {
	background: url("../images/image/consumer_login.png") no-repeat center;
}

.app-status {
	background: url("../images/image/online_application.png") no-repeat
		center;
}

.view-bill {
	background: url("../images/image/online_payment.png") no-repeat center;
}

.paymnt-recpt {
	background: url("../images/image/download_payment_recept.png") no-repeat
		center;
}
.file-recpt {
    background: url("../images/image/file.png") no-repeat center;}

.griv-redrsl {
	background: url("../images/image/view_bill.png") no-repeat center;
}

.complaint {
	background: url("../images/image/docket.png") no-repeat center;
}

.rept-prob {
	background: url("../images/image/award.png") no-repeat center;
}

.menubar-div li:hover {
	background-color: #cef2ff;
}

.trf-dtls {
	background: url("../images/image/download_mobile-app.png") no-repeat
		center;
}

.msg-section>.main-container .tollFree {
	padding-top: 11px;
	font-weight: 600;
	font-family: 'open-sans regular';
	float: left;
	text-transform: uppercase;
	color: #005696;
}

.tollFree span {
	padding-top: 4px;
	float: right;
}

.msg-section>.main-container .tollFreAdd {
	padding-top: 12px;
	font-size: 12px;
	font-family: 'open-sans regular';
	float: left;
	color: #4e4e4e;
}

.arrowContain {
	height: 45px;
	width: 45px;
	padding: 9px 15px 9px 15px;
	border-left: 1px solid #b0b0b0;
	border-top: none;
	border-bottom: none;
}

.arrowContain:hover {
	background-color: #bcdfeb;
}

.rght-border {
	border-right: 1px solid #dfdfdf;
}

.rightarrwborder {
	border-right: 1px solid #b0b0b0;
}

.width89 {
	width: 88%;
}

.msg-section>.main-container  .tollFreeNum {
	padding-top: 12px;
	font-size: 15px;
	float: left;
	font-family: 'open-sans regular';
	color: #0c6caf;
}

.tollFreeArrow {
	height: 45px;
	float: right;
}

.telicon {
	padding-right: 10px;
}

.tollFreeFixDiv {
	width: 13%;
	float: left;
}

.tollFreeDiv {
	width: 87%;
	float: left;
	padding-left: 15px;
}

.topadjstmnt,.topadjstmntfrst {
	margin-top: 0px !important;
}

.topadjstmntfrst {
	right: 45px !important;
	left: auto !important;
}

.colorblack {
	color: black;
}

.colorblack img {
	padding-top: 6px;
	float: right;
}

.associateSites {
	border-radius: 0;
	bottom: 29px !important;
	margin-left: -30px;
	box-shadow: none;
	width: 100px !important;
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
	-moz-transition: opacity ease-in-out .3s;
	-o-transition: opacity ease-in-out .3s;
	-webkit-transition: opacity ease-in-out .3s;
	transition: opacity ease-in-out .3s;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
	-moz-transition: opacity ease-in-out .3s;
	-o-transition: opacity ease-in-out .3s;
	-webkit-transition: opacity ease-in-out .3s;
	transition: opacity ease-in-out .3s;
	z-index: 2;
}


.carousel-fade .carousel-inner-1 .item {
	opacity: 0;
	transition-property: opacity;
	-moz-transition: opacity ease-in-out .9s;
	-o-transition: opacity ease-in-out .9s;
	-webkit-transition: opacity ease-in-out .9s;
	transition: opacity ease-in-out .9s;
}

.carousel-fade .carousel-inner-1 .active {
	opacity: 1;
	-moz-transition: opacity ease-in-out .9s;
	-o-transition: opacity ease-in-out .9s;
	-webkit-transition: opacity ease-in-out .9s;
	transition: opacity ease-in-out .9s;
	z-index: 2;
}


.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right
	{
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right
	{
	opacity: 0.3;
}

.carousel-fade .carousel-control {
	z-index: 2;
}

.borderall {
	border: 1px solid #d3d3d3;
}

.footer-toplinks li a {
	background: url("../images/arrow_small_menu.png") 0px 4.5px;
	background-repeat: no-repeat;
}

.color-para {
	font-size: 13px;
	font-family: 'open-sans regular';
	color: #005696;
	margin-bottom: 0;
	cursor: pointer;
}

.colored-para2,.colored-para-call {
	font-size: 20px;
	font-family: 'open-sans regular';
	font-weight: 600;
	color: #005696;
	margin-bottom: 5px;
	cursor: pointer;
}

.colored-para-call {
	font-weight: 500;
}

.colored-para3 {
	font-size: 12px;
	font-family: 'open-sans regular';
	font-style: italic;
	color: #6e6e6e;
	cursor: pointer;
}

.last-level-nav {
	margin-top: 10px;
}

.last-level-nav>div.pull-left>img {
	padding-top: 17px;
	cursor: pointer;
}

.details {
	padding-top: 12px;
	padding-left: 12px;
	cursor: pointer;
}

.paddleft0 {
	padding-left: 0;
}

.paddRight0 {
	padding-right: 0;
        padding-left: 58px;
}

.dropdown-menu {
	border-radius: 10px;
}

.dropdown-menu>li>a:hover {
	background-color: #d9f4fc;
	color: #005696;
}

#connMgmt img {
	float: right;
	display: none;
}

.allignmenttp {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 5px;
	font-size:26px;
}

.icon-color {
	color: #005696;
}
.aboutsubmenu-parent {
	background-color: transparent; /* rk */
	padding: 0 ; /* rk */
	display: none;
	position: absolute;
	left: 19px;
	width: auto;
	margin-top: 0px;
	z-index: 999;
	font-size: 13px;
	color: #005696;
	border-radius: 1px;
	text-transform: none;
	text-align: left;
	height: 245px;
}

.tendersubmenu-parent,.projectsubmenu-parent,.plansubmenu-parent
	{
	display: none;
	position: absolute;
	left: 19px;
	width: auto;
	margin-top: 0px;
	z-index: 999;
	padding: 0;
	background-color: #d0f1fb; /* rk */
	font-size: 13px;
	color: #005696;
	border-radius: 1px;
	text-transform: none;
	text-align: left;
	height: 245px;
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
}

.aboutusSubmenu1,.aboutusSubmenu2,.aboutusSubmenu3,.plansubmenu1,.plansubmenu2,.plansubmenu3
	{
	width: 200px; /* Set width of the dropdown */
	display: none;
	float: left;
	background-color: #fff;
	/* height: 230px; rk */
	height: auto;
	border-right: 1px solid #d0f1fb;
}

.plansubmenu {
	float: left;
	width: 200px;
}
.paddright0{
	padding-right:0px;
}
.aboutusSubmenu1 {
	background-color: #d0f1fb;
	width: 190px;
	border:none;
}
.aboutusSubmenu2,.aboutusSubmenu3{

border-left:1px solid #d0f1fb;
}
.aboutusSubmenu2 hr,.aboutusSubmenu3 hr {
	width: 94%;
	margin: 0px 0px 0px 6px;
}

.aboutusSubmenu1 li,.aboutusSubmenu2 li,.aboutusSubmenu3 li,.tendersubmenu li,.projectsubmenu li,.plansubmenu li,.plansubmenu2 li a,.plansubmenu3 li a
	{
	display: block;
	cursor: pointer;
}

/* .plansubmenu1 li a{
    display: none;	
} */


.aboutusSubmenu1 li:hover,.aboutusSubmenu2 li:hover,.aboutusSubmenu3 li:hover,.tendersubmenu li:hover,.projectsubmenu li:hover,.plansubmenu li:hover,.plansubmenu1 li:hover,.plansubmenu2 li:hover,.plansubmenu3 li:hover
	{
	background-color: #fff;
	color: #00b0c9;
}

.aboutUsarrow,.tenderarrow,.projectarrow,.plansarrow {
	width: 0;
	height: 0;
	left: 105px;
	margin-top: -8px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	display: none;
	border-bottom: 8px solid #d0f1fb;
	position: absolute;
}

.tendersubmenu-parent {
	left: 294px;
	height: auto;
}

.projectsubmenu-parent {
	left: 386px;
	height: auto;
}

.plansubmenu-parent {
	left: 479px;
	height: auto;
}

.tenderarrow {
	left: 363px;
}

.projectarrow {
	left: 458px;
}

.plansarrow {
	left: 571px;
}

.main-container .marginleft0 {
	margin-left: 0;
}

.padding-left-33 {
	padding-left: 33px;
}

.font-bold {
	font-weight: bold;
}

.link {
	color: #005696;
}

.link:hover {
	color: #0dbdf6;
}

.txtBold {
	font-weight: bold;
}

.padding-left20 {
	padding-left: 20px;
}

.div-hr-type {
	width: 29%;
	height: 1px;
	margin-top: 8px;
	background-color: #0c6caf;
}

.div-hr-color {
	background-color: #dddddd;
}

.WBSEDCL-text {
	color: #005696;
	font-weight: bold;
	font-family: 'open-sans regular';
	font-size: 14px;
	padding-top: 30px;
	padding-right: 0;
        padding-left: 0;
}

.WBSEDCL-Subtext {
		font-size: 11px;
		padding-top: 9px;
		font-weight:bold;
	}


.Employee-info h2 {
    text-align: center;
}
.Employee-info .viewBillhr {
    width: 9%;
    margin-left: 45%;
}
.menu-bar-div-mobview {
	display: none;
}

.menu-bar-div-mobview .menu-optns {
	padding: 24px 0px 20px 0px;
	height: 100%;
}

/* .menu-bar-div-mobview .row {
	height: 85px;
} */
.menu-bar-div-mobview a span.img {
	height: 26px;
	display: block;
	width: 40px;
	float: left;
}

.bor-rgt-btm {
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

.bor-btm {
	border-bottom: 1px solid gray;
}

.whats-next-carousal-ind {
	display: none;
}

.home-img-common {
	float: left;
	height: 58px;
}

.padding-0 {
	padding: 0;
}

.padding-5 {
	padding: 5px;
	text-align: center;
}

.menu-bar-div-mobview table {
	margin: 0;
	width: 100%;
}

.plansubmenu1 li+hr,.plansubmenu2 li+hr,.plansubmenu3 li+hr {
	margin: 0 0 0 7px;
	width: 94%;
}
/* hamburger code starts */
.hamburger-container {
	display: none;
	/* width: 20px; */
}

.hamburger-icon-one,.hamburger-icon-two,.hamburger-icon-three {
	width: 20px;
	border: 2px solid #fff;
}

.hamburger-icon-one {
	margin-top: 15px;
	margin-bottom: 4px;
}

.hamburger-icon-two {
	margin-bottom: 4px;
}

.hambrgr-arrow {
	display: none;
	position: absolute;
	height: 0;
	width: 0;
	top: 35px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #d0f1fb;
	left: 19px;
}

.hambrgr-dropdown {
	display: none;
	position: absolute;
	left: 0;
	top: 43px;
	background-color: #d0f1fb;
}

.elements-dropdown {
	margin-top: 0 !important;
	border-left: none;
	border-right: none;
	border-top: none;
	background-color: #d0f1fb;
}

.elements-dropdown a {
	text-decoration: none;
	font-size: 13px;
	font-family: open-sans regular;
	color: #202020;
}

.panel-heading {
	background-color: #d0f1fb !important;
}

.panel-body {
	border-top: none !important;
	background-color: #d0f1fb;
}

.panel-default,.panel-default>.panel-heading {
	border-color: #b1b1b1;
}

dt,dd {
	color: #005696;
}

dt:hover,dd:hover {
	color: #00b0c9;
}

.frst-description-list,.scnd-description-list
 {
	margin-left: 21px;
	margin-bottom: 10px;
	
}

.frst-description-list dd,.scnd-description-list dd,.thrd-description-list
	{
	margin-left: 10px;
}

.frst-description-list a,.scnd-description-list a,.thrd-description-list a
	{
	color: #005696;
}

.glyphicon-plus,.glyphicon-minus {
	float: right;
	color: #0c6caf;
}
/* hamburger code ends */
.show-xs,.search-container,.mobilesrchicon,.show-xs-tablet {
	display: none;
}

.sitemapline {
	height: 3px;
	width: 20%;
	background: url("../images/blue-line.jpg") #e8e8e8 47% 10%;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}
.cntr {
	text-align: center;
}
.extended-container {
	position:absolute;
    left:679px;
}

@media screen and (max-width: 371px) {
	.menu-optns span {
		font-size: 12px;
	}
}

@media screen and (max-width: 1250px) {
	.main-container {
		padding-left: 20px;
		padding-right: 20px;
	}
	header ul li a {
		padding: 13px 11px;
		font-size: 12px;
	}
	.search-box {
		width: 132px;
	}
	.tollFreeDiv {
		width: 80%;
	}
	.tollFreeFixDiv {
		width: 18%;
	}
}


@media screen and (max-width: 1280px) {
        .paddRight0 {
             padding-right: 0;
             padding-left: 5px;
         }

         .main-container {
    
             padding-left: 80px;
             padding-right: 80px;
        }
		
		.lastUpdate {
			padding-left:565px;
			color: #000000;
		}


}


@media screen and (max-width: 1024px) {
	.navign-bar>li>a,.navign-bar>li>a:hover {
		padding: 12px 8px 44px 8px !important;
	}
	.telicon {
		padding-left: 10px;
		padding-right: 6px;
	}
	/* .tollFreeDiv {
		width: 86%;
	} */
	
	.lastUpdate {
			padding-left:493px;
			color: #000000;
		}
	
	.topadjstmntfrst {
		left: 88% !important;
	}
	.whatsnew-section p {
		width: 100%;
	}
	.productItems {
		margin-left: 8%;
	}
	.safety {
		width: 26%;
		margin-right: 30px;
	}
	.about-wbsedcl {
		padding: 30px 15px 30px 15px;
	}
	footer {
		padding: 15px 15px 0px 15px;
	}
	.key-feature-text {
		margin-left: -34px;
	}
	.keyOnline {
		width: 87%;
		margin: 0 auto;
	}
	.text1 {
		font-size: 28px;
	}
	.text2 {
		font-size: 13px;
	}
	/* .overlapped-div {
		right: 0px;
	} */
	.menubar-div {
		width: 250px;
		right: 100px;
	}
	.company-name ul li {
		font-size: 11px;
	}
	/* .tollFreeFixDiv {
		width: 14%;
	} */
	.carousel-control.right {
		width: 7%;
	}
	.msg-section>.main-container .width1024 {
		padding-top: 6px;
		width: 78%;
	}
	footer .footer-toplinks ul li a {
		margin-left: 8px;
	}
	.footer-menu .copyright {
		margin-left: 20px;
	}
	footer .footer-btmlinks {
		font-size: 11px;
	}
	/* 	.footer_wrapper {
		height: 57px;
	} */
	.associatedMenu {
		margin-top: 9px;
	}
	.footer-toplinks ul {
		padding-top: 5px;
	}
	.consumerSubmenu1 {
		width: 188px !important;
	}
	.main-container {
		/* margin: 0 auto; */
		padding-left: 5px;
		padding-right: 5px;
	}
	.consumerSubmenu {
		left: 95px;
	}
	.consumerarrow {
		margin-left: 52px;
	}
	.aboutUsarrow {
		left: 82px;
	}
	.consumerSubmenu2 {
		width: 197px;
	}
	.consumerSubmenu7,.consumerSubmenu5 {
	    width: 166px;
	}
	.aboutsubmenu-parent {
		left: 3px;
	}
	.tendersubmenu-parent {
		left: 233px;
	}
	.tenderarrow {
		left: 302px;
	}
	.projectarrow {
		left: 381px;
	}
	.projectsubmenu-parent {
		left: 308px;
	}
	.plansarrow {
		left: 479px;
	}
	.plansubmenu-parent {
		left: 388px;
	}
	.extended-container {
		left: 588px;
	}

        .paddRight0 {
              padding-right: 0;
              padding-left: 12px;
        }
        
        .icon-text {
              padding-left: 0px;
        }
        
        .WBSEDCL-text {
              font-size: 12px;
              font-weight: bold;
        }

}
/* @media ( min-width : 768px) and (max-width: 992px) {
		.msg-section .carousel-control.left,.msg-section .carousel-control.right,.home-menu-div,.nav-level-1 .col-xs-9,.nav-level-1 .col-reg-btn,#menubarListDiv,.tollFreeArrow,.carousel-control .topadjstmntfrst,.carousel-control .topadjstmnt
		{
		display: none;
	}

		.menu-bar-div-mobview,.show-xs {
		display: block;
	}

} */
@media screen (min-width: 993px) and (max-width: 1024px) {
	.tollFreeFixDiv {
		width: 16%;
	}
	.tollFreeDiv {
		width: 84%;
	}
}

@media screen and (max-width: 992px) {
	.msg-section .carousel-control.left,.hidden-xs-tablet,.msg-section .carousel-control.right,.home-menu-div,.nav-level-1 .home-menu-nav1,#menubarListDiv,.tollFreeArrow,.carousel-control .topadjstmntfrst,.carousel-control .topadjstmnt
		{
		display: none;
	}
	.selectbox-hide,.showViewBill {
		padding-left: 0px;
		padding-right: 0px;
	}
	.menu-bar-div-mobview,.show-xs-tablet {
		display: block;
	}
	.logo_div {
		padding-right: 0;
	}
	.rght-border {
		border: none;
	}
	.logo-txt-img {
		margin-top: 30px;
		width: 73%;
	}
	.nav-level-2 .details,.nav-level-2 .last-level-nav {
		padding-left: 0;
		margin-left: -5px;
	}
	header .icon-logo {
		margin-top: 10px;
	}
	/* .nav-level-2 .details .color-para,.nav-level-2 .details .colored-para-call,.nav-level-2 .details .colored-para2
		{
		text-align: right;
	} */
	.overlapped-div {
		padding-left: 21px;
		padding-right: 21px;
		left: 0;
		right: 0;
	}
	.carousel-control img {
		width: 20px;
	}
	.company-name {
		float: none;
	}
	.inner-overlapped-div {
		text-align: left;
		padding-left: 15px;
	}
	/* #myCarousel .left {
		margin-left: 21px;
	}
	#myCarousel .right {
		margin-right: 21px;
	} */
	.details .colored-para-call,.details .colored-para2 {
		display: inline-block;
	}
	.WBSEDCL-text {
		font-size: 16px;
		padding-top: 20px;
		padding-left: 40px;
	}
	.msg-section>.main-container .tollFreeFixDiv {
		width: 100%;
		float: none;
	}
	.msg-section>.main-container .tollFree {
		float: none;
		text-align: center;
	}
	.tollFree span {
		float: none;
	}
	.msg-section {
		height: 200px;
	}
	.msg-section>.main-container .tollFreAdd {
		float: none;
		text-align: center;
	}
	.whats-new-carousal {
		height: 155px;
	}
	.msg-section>.main-container .tollFreeDiv {
		padding-left: 70px;
		padding-right: 70px;
		width: 100%;
	}
	.msg-section>.main-container .width1024 {
		width: 100%;
	}
	/* .footer_wrapper {
		height: 49px;
	} */
	.associatedMenu {
		margin: 0px auto;
	}
	footer {
		padding: 15px 15px 15px 15px;
	}
	.footer-menu {
		text-align: center;
		padding-right: 0px;
		padding-left: 0px;
	}
	.footer-menu .copyright {
		margin-left: 0px;
	}
	.whats-next-carousal-ind {
		display: block;
	}
	footer .footer-toplinks {
		padding-left: 0px;
		padding-right: 0px;
		text-align: center;
	}
	footer .copyrgt {
		text-align: center;
		padding-left: 0 0 5px 0;
	}
	.main-container {
		padding: 0px 15px;
	}
	.icon-text {
		display: none;
	}
	.hamburger-container {
		display: block;
		cursor: pointer;
	}
	.frst-description-list dd span {
		padding-right: 5px;
	}
	.accordion-viewbill {
		padding-left: 5px;
		padding-right: 5px;
	}
	.common-cls36 {
		margin-top: 36px;
	}
	.rti-menu {
		margin-bottom: 15px;
	}
	.collapsed {
		cursor: pointer;
	}
	.consumercornerlist {
		height: 200px;
		overflow-y: scroll;
	}
	
	.last-level-nav {
		position: relative;
		min-height: 76px;
	}
	.search-container {
		position: absolute;
		padding: 15px;
		top: 43px;
		left: 0;
		background-color: #fff;
	}
	.search-container>input {
		height: 45px;
		width: 100%;
		padding-left: 10px;
		outline: none;
	}
	.inputclose-icon {
		position: absolute;
		top: 28px;
		right: 30px;
	}
	.mobilesrchicon {
		padding-top: 10px;
		display: block;
		margin-right: 0;
	}
	.hamburger-container {
		padding-left: 0px;
	}
}

@media screen and (max-width: 200px) {
	.WBSEDCL-text {
		padding-left: 10px;
	}
	.mobilesrchicon {
		display: block;
	}
	.text1 {
		font-size: 14px;
		line-height: 20px;
		font-weight:bold;
	}
	.nav-level-2 .details .color-para,.nav-level-2 .details .colored-para-call,.nav-level-2 .details .colored-para2
		{
		text-align: right;
	}
	.last-level-nav .details {
		float: right !important;
	}
	.menu-bar-div-mobview,.show-xs {
		display: block;
	}
	.call-no-text,.colored-para3 {
		text-align: right;
	}
	.last-level-nav  .colored-para3 {
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 192px;
	}
	.showViewBill {
	padding:20px 0px !important;
	}
	.carousel-inner>.item>img,.carousel-inner>.item>a>img {
  	margin: auto;
	height: 230px;
}

.applyNow {
	margin-top: 10px;
	height: 30px;
	font-size: 12px;
	font-family: 'open-sans regular';
	font-weight: 500;
	padding: 6px 6px;
	border-radius: 5px;
	background-color: #0dbdf6;
	color: #fff;
	border: none;
}
	.zoomText_background {
    display: none;
	}
	
}

@media ( min-width : 768px) and (max-width: 832px) {
	.main-menu {
		width: 22%;
	}
	.last-level-nav {
		width: 28%;
	}
	.carousel-inner>.item>img,.carousel-inner>.item>a>img {
  	margin: auto;
	height: 230px;
}

.applyNow {
	margin-top: 10px;
	height: 30px;
	font-size: 12px;
	font-family: 'open-sans regular';
	font-weight: 500;
	padding: 6px 6px;
	border-radius: 5px;
	background-color: #0dbdf6;
	color: #fff;
	border: none;
}
}

@media screen and (max-width: 550px) {
	.WBSEDCL-text {
		font-size: 14px;
		padding-top: 20px;
		padding-left: 10px;
	}
	.carousel-inner>.item>img,.carousel-inner>.item>a>img {
  	margin: auto;
	height: 180px;
}

.applyNow {
	margin-top: 10px;
	height: 30px;
	font-size: 12px;
	font-family: 'open-sans regular';
	font-weight: 500;
	padding: 6px 6px;
	border-radius: 5px;
	background-color: #0dbdf6;
	color: #fff;
	border: none;
}

     

        .zoomText_background {
    
	width:105px;
    
}
/*
.zoomText {
     background-color: #7ee1ff;
	 width:21px;
     display: inline-block;
     color: #005696;
	 font-weight:bold;
     text-align: center;
     line-height: 24px;
     font-size: 11pt;
     cursor: pointer;
		
}
*/


    .lastUpdate {
			padding-left:237px;
			color: #000000;
		}

 

}

@media screen and (max-width: 100px) {
	header .icon-logo {
		height: 100%;
		width: 100%;
	}
	.WBSEDCL-text {
		font-size: 12px;
		padding-top: 20px;
		padding-left: 10px;
	}
	h2 {
    font-size: 28px;
}
.carousel-inner>.item>img,.carousel-inner>.item>a>img {
  	margin: auto;
	height: 180px;
}

.applyNow {
	margin-top: 10px;
	height: 30px;
	font-size: 12px;
	font-family: 'open-sans regular';
	font-weight: 500;
	padding: 6px 6px;
	border-radius: 5px;
	background-color: #0dbdf6;
	color: #fff;
	border: none;
}
	
	.zoomText_background {
    display: none;	
}
	
}



@media screen and (max-width: 480px) {
	header .icon-logo {
		height: 100%;
		width: 100%;
	}
	.WBSEDCL-text {
		font-size: 11px;
		padding-top: 20px;
		padding-left: 4px;
	}
	h2 {
    font-size: 28px;
}

        .zoomText_background {
    
	width:105px;
    
}
/*
.zoomText {
     background-color: #7ee1ff;
	 width:21px;
     display: inline-block;
     color: #005696;
	 font-weight:bold;
     text-align: center;
     line-height: 24px;
     font-size: 11pt;
     cursor: pointer;
		
}*/





}



@media screen and (max-width: 420px) {
	header .icon-logo {
		margin-top: 20px;
	}
	.WBSEDCL-text {
		font-size: 11px;
	}
	.color-para {
		font-size: 11px;
	}
	.colored-para2,.colored-para-call {
		font-size: 17px;
	}
	.msg-section>.main-container .tollFreeDiv {
		padding-left: 45px;
		padding-right: 45px;
	}
	.carousel-inner>.item>img,.carousel-inner>.item>a>img {
  	margin: auto;
	height: 180px;
}
.applyNow {
	margin-top: 10px;
	height: 30px;
	font-size: 12px;
	font-family: 'open-sans regular';
	font-weight: 500;
	padding: 6px 6px;
	border-radius: 5px;
	background-color: #0dbdf6;
	color: #fff;
	border: none;
}

      .zoomText_background {
    
	width:105px;
    padding-left: 1px;
    padding-right: 27px;
}
 
 


/*
.zoomText {
     background-color: #7ee1ff;
	 width:21px;
     display: inline-block;
     color: #005696;
	 font-weight:bold;
     text-align: center;
     line-height: 24px;
     font-size: 11pt;
     cursor: pointer;
		
}*/

}

@media screen and (max-width: 366px) {
	
	/*
	.container-fluid {
    padding-right: 5px;
	}*/
	
	.WBSEDCL-text {
		font-size: 9px;
	}
	.WBSEDCL-Subtext {
		font-size: 9px;
		padding-top: 9px;
		font-weight:bold;
	}
	.color-para {
		font-size: 10px;
	}
	.last-level-nav .colored-para3 {
		bottom: 8px;
		font-size: 9px;
	}
	.colored-para2,.colored-para-call {
		font-size: 14px;
	}
	.carousel-inner>.item>img,.carousel-inner>.item>a>img {
  	margin: auto;
	height: 180px;
}
.applyNow {
	margin-top: 10px;
	height: 30px;
	font-size: 12px;
	font-family: 'open-sans regular';
	font-weight: 500;
	padding: 6px 6px;
	border-radius: 5px;
	background-color: #0dbdf6;
	color: #fff;
	border: none;
}
 
 .main-container {
    padding: 0px 15px;
}

}

@media screen ( min-width : 1024px) and (max-width: 1200px) {
.WBSEDCL-text {
     font-size: 13px;
    }
	.WBSEDCL-Subtext {
		font-size: 11px;
		padding-top: 9px;
		font-weight:bold;
	}
    .main-container {
	    padding-left: 50px;
        padding-right: 50px;
	}
	.paddRight0 {
	   padding-left: 64px;
	}
}



@media screen and (min-width: 1400px) {
	.menubar-div {
		right: 20%;
	}
	.menubardivscroll {
		right: -212px;
		box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
	}
	.productItems {
		margin-left: 25.5%;
	}


        .main-container {
		 padding-left: 76px;
                 padding-right: 76px;
	}


}

@media ( min-width : 1367px) and (max-width: 1920px) {
	.main-container {
		width: 94% !important;
	}
	.overlapped-div {
		right: 19.5%;
	}
}