@import url( http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);
body { margin: 0px; padding: 0px; font-family: Open Sans;}
#leftbar { width: 225px; float: left; padding-top: 29px;}
#rightbar { width: 768px; float: left; max-width: 100%;}
.clearboth { clear: both;}
.mainbar { margin: 0px auto; max-width: 99%; width: 1000px;}
img { max-width:100%; border: 0px; }
.topbold { font-size: 13px; color: #034ea2; text-align: right; font-weight: 700; padding-top: 7px; line-height: 20px;}
.benormal { font-size: 12px; color: #034ea2; font-weight: normal; }
.benormal a { text-decoration: none; color: #034ea2;}
.header { width: 767px; height: 265px; background: url(images/header.jpg) no-repeat; margin-left: 2px; max-width: 100%;}
.hydrntext { font-size: 14px; color: #034ea2; padding-left: 250px; font-style: italic; font-weight: 700; float: left; margin-bottom: -32px; width: 250px;}
.hydrnsubtitle { color: #00a651; padding-left: 40px;}
.hylaunch { float: left; width: 253px; margin-bottom: -19px; padding-top: 15px; margin-left: 5px;}
.contenttext { font-size: 13px; color: #757575; padding-left: 20px; padding-top: 8px; line-height: 25px; text-align: justify;}
.footer { border-top: solid 1px #d8d8d8;}
.footerlinktext { font-size: 13px; color: #757575; padding-top: 14px; width: 844px; float: left; padding-bottom: 13px;}
.footerlinktext a { text-decoration: none; color: #757575;}
.footerright { width: 148px; float: left; font-size: 13px; color: #034ea2; padding-top: 14px; }
.footerright a { text-decoration: none; color: #034ea2;}
.colorblue { color: #034ea2;}
.leftmain { border-right: solid 1px #efeff0; width: 225px;}
.select-main{position: relative;font-size: 14px;font-weight: normal;color: #999999;display: inline-block;width: 100%;vertical-align: top;}
.select-main label:before{content: "";  background: url(images/arrow-down.jpg) no-repeat; background-position: center; background-color: #ffffff;  display: block;height: 28px;pointer-events: none;position: absolute;right: 0px;top: 0px;width: 40px; text-align: center; line-height: 37px; color: #19b698; font-size: 13px;
}
.select-main label:after{ background-color: #ffffff; color: #7f7f7f; background: url(images/arrowselact.jpg) no-repeat; background-position: center; padding: 0 0 2px;pointer-events: none;position: absolute;right: 10px;top: -3px;transform: rotate(90deg);-webkit-transform:rotate(90deg); line-height: 45px; }
.select-main label{position: relative;display: block;margin-bottom: 0px; border: solid 1px #cdcdcd;}
.select-main select{ background-color: #ffffff; width: 100%;height: 28px;border: none;font-weight: normal;outline: none;padding-left: 5px;line-height: 28px;-webkit-appearance:none;border-radius: 0px;-webkit-border-radius: 0; font-size: 11px; color: #00a651;}
.select-main select option{padding: 5px; color: #000000; }
.select-main select option:hover {box-shadow: 0 0 10px 100px #00a7aa inset;}
.select-main select option:checked { background: linear-gradient(#00a7aa, #00a7aa);}

.clintmain { text-align: left;  margin-left: 22px;}
.abouttitle {  padding: 5px; color: #034ea2; font-weight: 700;  font-size: 16px; border-bottom:  dotted 1px #00a651; padding-left: 0px;}
.clinteadbox { border: dashed 1px #cfd0d2; padding: 10px; width: 200px; font-size:13px; text-align: center; color: #757575; font-weight: 600; line-height: 22px; display: inline-block; vertical-align: top; margin-top: 5px; min-height: 45px; margin-right: 10px;}
.clinteadbox:nth-child(2n) {color: #00a651;}
.clinteicon { width: 150px; display: block; margin: 0px auto;}
.networkbox { background-color: #f4f4f5; margin-bottom: 14px; margin-left: 10px;}
.citytitle { background-color: #2f5daa; height: 36px; font-size: 18px; font-weight: 700; text-transform: uppercase;  width: 180px; text-align: center; color: #ffffff; line-height: 36px; float: left; margin-left:6px; border-radius: 0px 0px 5px 5px; }
.addressleft { width: 243px; float: left; font-size: 15px; font-weight: 600; color: #626266; line-height: 25px; margin-left: 34px; padding-top: 15px; padding-bottom: 10px;}
.addressright { float: left; width: 275px; font-size: 15px; color: #5685b3; margin-left: 20px; padding-top: 15px; line-height: 20px; padding-bottom: 14px;}
.contacttitle {font-size: 16px; font-weight: 700; padding-bottom: 6px;}

.contactusboxblue { background-color: #00a651; padding: 5px; color: #ffffff; font-weight: 700; font-size: 14px;}
.contactmain { background-color: #f4f4f5; padding: 15px;}
.contactmainleft {width: 40%; float: left; line-height: 20px; font-weight: 600;}
.contactmaintext { font-size: 16px; color: #2f5daa; font-weight: 700; margin-top: 10px; padding-bottom: 8px;  border-bottom: 1px dashed #2f5daa; margin-bottom: 10px;}
.contactmainright { width: 40%; float: left; line-height: 20px; font-weight: 600; margin-left: 65px; color: #2f5daa;}
.procticon { width: 200px; height: 200px; display: inline-block; vertical-align: middle; padding-top: 10px; padding-left: 10px;}
.peoducttext { display: inline-block; width: 520px; vertical-align: middle;  padding-top: 10px; padding-left: 10px; max-width: 90%;}

.engreybox { background: #ededee;  padding: 8px; margin-top: 15px; margin-left: 5px; margin-right: 5px;}
.qucickbox { background: #00a44d; text-align: center; color: #ffffff; font-size: 15px; font-weight: 700; height: 34px; line-height: 34px;}

.frommain {max-width: 100%; margin: 0px auto; text-align: left; margin-bottom: 6px;}
.nametext { font-size: 14px; color: #757575; display: inline-block; vertical-align: middle; width: 240px;max-width: 100%; text-align: right; padding-right: 10px;}
.rfrombox { background: none; border: none; border: solid 1px #5284b5; width: 250px;max-width: 100%; }
.rfrombox2 { width: 254px;border: solid 1px #5284b5; max-width: 100%; height: 30px;}
.rbox2 {display: inline-block; vertical-align: middle;}
.redicon { color: #ff1800; font-size: 16px;}


.quicktext { font-size: 13px; color: #034ea2; padding-top: 5px; padding-bottom: 5px; font-weight: 600;}

.from-box-join-now { background: none; border: none; background: #ffffff; width: 196px; height: 33px;}
.submit_button input[type="submit"] {
    background-color: #00a44d;
    border: medium none;
    border-radius: 7px;
    color: #f7f3e1;
    padding-left: 20px;
    padding-right: 20px;
    height: 35px;
    margin-top: 12px;
     font-weight: 700;
}

.navbar { min-height: inherit;}


@media all and (min-width: 766px)
{
  .navbar { margin-bottom: 0px;}
  #menu { float: none; display: inline-block; }
  #menu ul.navbar-nav { float: none; }
  #menu .navbar-default{background: none;border: none;     text-align: right; }
  #menu .navbar-collapse { padding-right: 0px; }
  #menu .container-fluid { padding-right: 0px; padding-left: 0px; }
  #menu ul li { float: none; }
  #menu ul li.home { margin-left: 0px; }
  #menu ul li a { font-size: 13px; color: #2c3337; padding: 0px; text-align: left; padding-right: 20px; padding-top: 9px; padding-bottom: 9px;  border-bottom:  dotted 1px #d8d8d8; width: 184px;}
  

  #menu ul li.dropdown .caret { display: none; }
  #menu ul li.active a { background: none; }
  .navbar { min-height: 0px;}
  
  
  
  #menu ul li.public-page { margin-right: 0px; }
  #menu ul li.public-page.open a { background: none; }
  #menu ul li.public-page ul { text-align: left; }
  
  #menu ul li.public-page ul li a:before { content: ""; }
  #menu ul li a:hover{  }
  #menu ul li:hover a:before { color: #0286d2; }
  #menu ul li.active a:before { color: #0286d2; }
  #menu ul li .dropdown-menu li:hover .sub-menu {
    visibility: visible;
  }
  
  #menu ul .dropdown:hover .dropdown-menu {
      display: block;
  }
.container-fluid { padding-left: 0px;}
}



@media all and (max-width:400px){
#leftbar { width: 100%;}
.from-box-join-now { width: 100%;}
.hydrntext { padding-left: 0px; margin-bottom: 0px;}
.hylaunch { margin-bottom: 0px; width: 94%;}
.header { background-size: contain; height: 104px;}
.footerlinktext { max-width: 100%;}
.contenttext {padding-left: 0px;}
.leftmain { width: 100%;}
.contactmainright{ margin-left: 0px; width: 96%;}
.contactmainleft { width: 100%;}
.addressleft { margin-left: 0px; max-width: 100%;}
.addressright { margin-left: 0px; max-width: 100%;}
.frommain { text-align: center;}
.engreybox {display: none;}
.navbar-default .navbar-nav > li > a { background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #d1d1d1;
    color: #777777;}

}