/* CSS Document */

body {
  background: url(images/bg-total.png) repeat-x center top #A5D9EC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-family: "Times New Roman", Times, serif;
}

* {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

img {
  border: none;
}

ul,
li,
{
padding: 0;
margin: 0;
}

ul {
  list-style-type: none;
}

#container {
  padding: 0;
  margin: 0 auto;
  width: 1002px;
}

p {
  padding: 0 0 15px 0;
  line-height: 160%;
  text-align: justify;
}

.clear {
  clear: both;
}

#header {
  display: block;
}

#header .logozone {
  padding: 50px 0 13px 0;
  float: left;
}

#header .top-menu {
  float: right;
  width: 230px;
  background: url(images/bg-top-menu.png) no-repeat right top;
}

#header .top-menu ul {
  display: block;
  padding: 3px 0 10px 10px;
  float: left;
}

#header .top-menu ul li {
  display: inline;
  background: url(images/menu-strip.png) no-repeat left top;
  padding: 0 5px;
  float: left;
}

#header .top-menu ul li.first {
  background: none;
}

#header .top-menu ul li a {
  color: #fff;
  padding: 5px 27px;
  float: left;
  text-decoration: none;
  font-weight: bold;
}

#header .top-menu ul li a:hover {
  color: #003366;
}

#menu {
  display: block;
}

#menu ul {}

#menu ul li {
  display: block;
  padding: 0 0px 0 0;
  float: left;
}

#menu ul li ul {
  display: none;
}

#menu ul li:hover ul {
  position: absolute;
  z-index: 999;
  background: #808080;
  float: left;
  display: block;
  float: left;
  margin: 47px 0 0 9px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  /* For IE8 and earlier */
}

#menu ul li ul li {
  padding: 0px;
  display: block;
  float: none;
}

#menu ul li ul li a {
  color: #FFFFFF;
  display: block;
  float: none;
  padding: 0px 0px 0px 10px;
}

#menu ul li ul li a span {
  display: block;
  padding: 15px 25px 15px 10px;
}

#menu ul li ul li a:hover {
  color: #000;
  background: #00CCFF;
}

#menu ul li ul li a:hover span {
  background: none;
  padding: 15px 25px 15px 10px;
}

#menu ul li a {
  padding: 0px 0px 0px 20px;
  margin: 0;
  float: left;
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
}

#menu ul li a span {
  padding: 15px 25px 15px 5px;
  margin: 0;
  text-decoration: none;
  display: block;
}

#menu ul li a:hover {
  background: url(images/bg-menu-l.png) no-repeat left top;
  color: #003366;
}

#menu ul li a:hover span {
  margin: 0;
  text-decoration: none;
  display: block;
  background: url(images/bg-menu-r.png) no-repeat right top;
}

#banner-container {
  display: block;
  padding: 9px 0 18px 0;
  background: url(images/bg-banner-part.png) repeat-x left 9px;
}

#banner-container .banner {
  float: left;
}

#banner-container .project-con {
  float: right;
  width: 255px;
}

#banner-container .project-con h2 {
  font-size: 24px;
  padding: 5px 0 5px 10px;
  color: #003366;
}

#banner-container .project-con ul {
  padding: 0 10px 0 5px;
  height: 190px;
  overflow: hidden;
}

#banner-container .project-con ul li {
  list-style-type: none;
  padding: 0 0 5px 0;
}

#banner-container .project-con ul li .project {
  padding: 5px;
  border: #EEEEEE;
  background: #FFFFFF;
}

#banner-container .project-con ul li .project h3 {
  font-size: 13px;
  padding: 0 0 1px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  border-bottom: 1px dashed #00CCFF;
  margin: 0 0 3px 0;
}

#banner-container .project-con ul li .project .images {
  width: 85px;
  float: left;
  padding: 3px 0px;
}

#banner-container .project-con ul li .project .images img {
  border: #ABABAB 1px solid;
  padding: 2px;
}

#banner-container .project-con ul li .project .txt-project {
  width: 135px;
  float: right;
}

#banner-container .project-con ul li .project .txt-project p {
  padding: 0 0 3px 0;
  font-size: 11px;
  line-height: 130%;
  text-align: left;
}

#banner-container .project-con ul li .project .txt-project p a {
  color: #ACACAC;
  float: right;
  font-size: 12px;
}

#banner-container .project-con ul li .project .txt-project p a:hover {
  color: #000;
}

.branch-office {
  width: 250px;
  float: left;
}

#mid-part .left-part .artical .contace-form {
  margin: 0;
  padding: 0;
  width: 375px;
  float: right;
  border: #666666 1px dashed;
  background: #F7F7F7;
  margin-top: 30px;
}

#mid-part .left-part .artical .contace-form ul {
  margin: 0;
  padding: 10px;
  display: block;
  list-style-type: none;
}

#mid-part .left-part .artical .contace-form ul li {
  clear: both;
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#mid-part .left-part .artical .contace-form ul li ul {
  clear: both;
  padding: 5px;
}

#mid-part .left-part .artical .contace-form ul li ul li {
  display: inline;
  list-style-type: none;
  float: none;
}

#mid-part .left-part .artical .contace-form ul li ul li.label-field {
  width: 80px;
  padding: 10px 0 5px 5px;
  float: left;
}

#mid-part .left-part .artical .contace-form ul li ul li.input-field {
  width: 320px;
  padding: 0;
}

#mid-part .left-part .artical .contace-form ul li ul.btn {
  padding: 10px 0 0 0;
}

#mid-part .left-part .artical .contace-form ul li ul li.btn {
  width: 100px;
  padding: 0;
  margin-left: 90px;
}

.txt-field {
  padding: 8px 5px;
  background: #FAFAFA;
  border: #D5D5D5 solid 1px;
  width: 305px;
}

.txt-field-combo {
  padding: 8px 5px;
  background: #FAFAFA;
  border: #D5D5D5 solid 1px;
  width: 317px;
}

.txt-city-code {
  padding: 8px 5px;
  background: #FAFAFA;
  border: #D5D5D5 solid 1px;
  width: 60px;
}

.txt-phone-code {
  padding: 8px 5px;
  background: #FAFAFA;
  border: #D5D5D5 solid 1px;
  width: 155px;
}

.txt-mobile-code {
  padding: 8px 5px;
  background: #FAFAFA;
  border: #D5D5D5 solid 1px;
  width: 305px;
}

.txt-mobile-code {
  padding: 8px 5px;
  background: #FAFAFA;
  border: #D5D5D5 solid 1px;
  width: 305px;
}

.txt-currency {
  padding: 8px 5px;
  background: #FAFAFA;
  border: #D5D5D5 solid 1px;
  width: 100px;
}

.txt-field-amount {
  padding: 8px 5px;
  background: #FAFAFA;
  border: #D5D5D5 solid 1px;
  width: 201px;
}

.txt-box {
  padding: 8px 5px;
  background: #FAFAFA;
  border: #D5D5D5 solid 1px;
  width: 245px;
  height: 150px;
  font: 12px/18px Arial, Helvetica, sans-serif;
}

.txt-box-form {
  padding: 8px 5px;
  background: #FAFAFA;
  border: #D5D5D5 solid 1px;
  width: 305px;
  height: 50px;
  font: 12px/18px Arial, Helvetica, sans-serif;
}

.btn-reset {
  padding: 6px 0px;
  background: #ff0606;
  border: #898989 solid 1px;
  width: 100px;
  color: #fff;
  margin-right: 10px;
  cursor: pointer;
}

.btn-reset:hover {
  background: #ff0606;
  border: #0099FF solid 1px;
  width: 100px;
  color: #fff;
  cursor: pointer;
}

.btn-submit {
  padding: 6px 0px;
  background: #20b40c;
  border: #898989 solid 1px;
  width: 100px;
  color: #000;
  margin-right: 10px;
  cursor: pointer;
}

.btn-submit:hover {
  background: #003366;
  border: #0099FF solid 1px;
  width: 100px;
  color: #fff;
  cursor: pointer;
}

.content {
  padding: 20px 0 0 0;
}

sup.star {
  color: #FF0000;
  font-size: 16px;
}

#mid-part {
  background: #00CCFF;
  display: block;
  background: url(images/body-bg.png) repeat-y left top;
}

#mid-part h1 {
  border-bottom: #666666 1px dashed;
  color: #003366;
  font-size: 24px;
  margin: 0 0 15px 0;
  padding: 0 0 5px 0;
}

#mid-part h2 {
  color: #000;
  font-size: 18px;
  margin: 0 0 5px 0;
  padding: 10px 0 5px 0;
}

#mid-part .left-part {
  width: 740px;
  float: left;
}

#mid-part .left-part .artical {
  padding: 15px;
}

#mid-part .left-part .artical ul {
  padding: 15px 0 0 50px;
}

#mid-part .left-part .artical ul li {
  list-style-type: circle;
  padding: 5px 0;
}

#mid-part .left-part .slider {
  display: block;
}

#mid-part .right-part {
  width: 245px;
  float: right;
  padding: 15px 5px 15px 0px;
}

#mid-part .right-part .annual-report-top {
  background: url(images/bg-annual-report-top.png) no-repeat left top;
  padding: 10px 0px 15px 0px;
}

#mid-part .right-part .annual-report-bot {
  background: url(images/bg-annual-report-bot.png) no-repeat left bottom;
  padding: 0px 0px 15px 0px;
}

#mid-part .right-part .annual-report {
  background: url(images/bg-annual-report.png) repeat-y left top;
  padding: 0 5px;
}

#mid-part .right-part .annual-report h3 {
  font-size: 20px;
  color: #003366;
  padding: 0 0 10px 0;
}

#mid-part .right-part .annual-report ul {
  padding: 0 0 15px 20px;
}

#mid-part .right-part .annual-report ul li {
  padding: 3px 0;
  list-style-type: none;
}

#mid-part .right-part .annual-report ul li a {
  background: url(images/bulite.png) no-repeat left 3px;
  padding: 2px 0 3px 20px;
  color: #979797;
  font-size: 13px;
}

#mid-part .right-part .annual-report ul li a:hover {
  background: url(images/bulite.png) no-repeat left 3px;
  padding: 2px 0 3px 20px;
  color: #000;
}

#mid-part .right-part .founder-top {
  background: url(images/bg-founder-top.png) no-repeat left top;
  padding: 15px 0px 0px 0px;
}

#mid-part .right-part .founder-bot {
  background: url(images/bg-founder-bot.png) no-repeat left bottom;
  padding: 0px 0px 15px 0px;
}

#mid-part .right-part .founder {
  background: url(images/bg-founder.png) repeat-y left top;
  padding: 0px 10px;
}

#mid-part .right-part .founder .contant {
  padding: 0px 3px 0px 0;
  ;
  height: 300px;
  overflow-y: scroll;
  margin-bottom: 20px;
}

p.name {
  text-align: right;
  font-size: 16px;
  font-style: italic;
  padding: 0;
  line-height: 120%;
  color: #003366;
  font-weight: bold;
}

p.name strong {
  font-size: 13px;
  padding: 0;
  color: #000;
  font-weight: normal;
}

#footer {
  background: url(images/bg-footer.png) repeat-x left top #646464;
  border-top: #FFFFFF 3px solid;
  color: #CCCCCC
}

#footer .footer-inner {
  width: 1002px;
  margin: 0 auto;
}

#footer .footer-inner .footer-logo {
  width: 300px;
  float: left;
  padding: 25px 0;
}

#footer .footer-inner .social-media {
  width: 120px;
  float: left;
  padding: 25px 0 20px 40px;
  display: none;
}

#footer .footer-inner .footer-menu {
  width: 530px;
  float: right;
  padding: 25px 0 25px 00px;
  text-align: right;
}

#footer .footer-inner .footer-menu a {
  padding: 0 2px 0 5px;
  color: #CCCCCC;
  border-left: 1px solid #ABABAB;
  line-height: 100%;
}

#footer .footer-inner .footer-menu a.first {
  border-left: none;
}

#footer .footer-inner .footer-menu a:hover {
  color: #fff;
}

.image-left {
  padding: 0 10px 10px 0;
  float: left;
}

.image-left img {
  padding: 5px;
  border: #00CCFF 1px solid;
}

.image-left:hover img {
  border: #666666 1px solid;
  background: #EEEEEE;
}

.img-founder {
  padding: 0 5px 5px 0;
  float: left;
}

.img-founder img {
  padding: 3px;
  border: #00CCFF 1px solid;
}

.img-founder:hover img {
  border: #666666 1px solid;
  background: #EEEEEE;
}

.address {
  padding: 0 0 10px 50px;
}

.address h3 {
  font-size: 21px;
  padding: 0 0 5px 0;
}

.address h3 span {
  font-size: 21px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #0099FF;
  font-weight: bold;
}

.address h4 {
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 0 5px 0;
}

.address h4 strong {
  color: #003366;
  font-weight: normal;
}

.address h4.palace {
  color: #003366;
  font-weight: bold;
}

.project-detail {
  padding: 10px;
  border: 1px #D9D9D9 groove;
  margin-bottom: 15px;
}

.project-detail:hover {
  background: #E9FAFF;
  border: 1px #000 outset;
}

.project-detail .row {
  display: block;
  padding: 0 0 10px 0;
}

.project-detail .row .title {
  width: 150px;
  font-weight: bold;
  float: left;
}

.project-detail .row .discription {
  width: 525px;
  float: right;
  border-left: 1px solid #00CCFF;
  padding: 0 0 0 5px;
}

.project-detail .row .discription p {
  padding: 0 0 5px 0;
}

.thanks {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 30px;
  font-style: italic;
  text-align: center;
  line-height: 100px;
  padding: 100px 0 0 0;
}

.terms {
  font-size: 12px;
}

.terms ul {
  padding: 0 0 0 20px;
}

.terms ul li {
  padding: 8px 0;
  display: block;
  list-style-type: decimal !important;
}

a.linkmain {
  cursor: pointer;
  color: #CC0000;
}

a.linkmain:hover {
  cursor: pointer;
  color: #003366;
}

.razorpay-payment-button {
  padding: 10px 40px;
  font-size: 15px;
}

.rozarpay_pay_page {
  max-width: 90%;
  margin: 0 auto;
  padding-bottom: 50px;
}

.rozarpay_pay_page .main_title {
  color: white;
  font-size: 26px;
  padding: 10px 0 31px;;
}


.rozarpay_pay_page .payer_detail .field {
  display: flex;
  color: #fff;
  font-size: 14px;
}

.rozarpay_pay_page .payer_detail .label {
  width: 100px;
}

.rozarpay_pay_page .payer_detail .detail {}
.error{ color: red; padding-left: 25px; margin-bottom: 0; padding: 0;}