/* Scss Document */
/* navbar */
/* DOCUMENT Wide Styling STARTS */
body {
  font-family: "Open Sans", sans-serif !important; }

h2 {
  font-weight: 800;
  color: #003366;
  font-size: 32px;
  font-family: "Open Sans", sans-serif !important; }

h3 {
  font-weight: 300;
  color: #666666;
  font-size: 28px; }
  h3 span {
    font-weight: 300;
    color: #666666;
    font-size: 18px;
    font-style: italic; }

h4 {
  font-weight: 600;
  color: #666666;
  font-size: 14px;
  padding-bottom: 20px; }

@media (min-width: 992px) {
  .nav-cont {
    width: 1020px !important; } }

.navbar-header {
  background: transparent; }
  .navbar-header .burger {
    float: right;
    font-size: 40px;
    margin: 5px;
    color: white; }
  .navbar-header img {
    width: 230px; }

.resp-nav {
  position: absolute;
  width: 100%;
  left: 0; }
  .resp-nav ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .resp-nav ul li {
      position: relative;
      background: rgba(0, 0, 0, 0.8); }
      .resp-nav ul li i {
        position: absolute;
        top: 48%;
        transform: translateY(-50%);
        font-size: 25px;
        margin-left: 15px; }
      .resp-nav ul li a {
        color: white;
        display: block;
        width: 100%;
        padding: 22px;
        text-transform: uppercase;
        font-weight: 700;
        margin-left: 15px; }
        .resp-nav ul li a:hover {
          text-decoration: none; }
      .resp-nav ul li.active {
        background: rgba(5, 30, 60, 0.8); }
      .resp-nav ul li:hover {
        background: rgba(5, 30, 60, 0.8); }

.lead {
  font-weight: 300;
  color: #666666;
  font-size: 22px; }

hr {
  border-bottom: #003366 solid 3px;
  width: 40px;
  margin: 0;
  text-align: left;
  margin-bottom: 20px; }

.white {
  border-color: #fff !important; }

.block-fill-height {
  height: 100vh; }

.block-title {
  font-family: Times, Times New Roman, serif;
  font-size: 100px !important;
  font-style: italic;
  letter-spacing: 0.5rem; }
  @media only screen and (min-width: 1281px) {
    .block-title {
      font-size: 120px !important; } }
  @media only screen and (min-width: 1367px) {
    .block-title {
      font-size: 150px !important; } }
  @media only screen and (max-width: 768px) {
    .block-title {
      font-size: 60px !important; } }

.resp-arrow {
  display: block;
  font-size: 30px;
  text-align: center; }

.resp-arrow-invest {
  font-size: 20px;
  text-align: center;
  margin-right: 7px; }
  .resp-arrow-invest.black {
    color: black;
    transform: rotate(-90deg); }
  .resp-arrow-invest.white {
    color: white; }

.navbar-brand {
  font-family: Times, Times New Roman, serif;
  font-size: 30px !important;
  font-style: italic;
  letter-spacing: 0.5rem; }

.nav li {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2rem; }

@media only screen and (min-width: 768px) {
  .navbar-right {
    text-align: center; } }

/* DOCUMENT Wide Styling ENDS */
/* SECTION Two Column STARTS */
.landing .block {
  background-size: cover; }

/* SECTION Two Column ENDS */
@media only screen and (max-width: 992px) {
  .main-section {
    padding: 50px; } }

/* SECTION Two Column STARTS */
.two-column {
  background-color: #f4f4f4;
  padding-top: 30px;
  padding-bottom: 100px; }
  @media only screen and (max-width: 768px) {
    .two-column {
      padding: 50px; } }
  .two-column .names {
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap; }
    .two-column .names .left-name {
      padding-left: 0;
      padding-right: 20px;
      padding-bottom: 30px;
      margin-bottom: 20px;
      border-bottom: 1px dashed #666666;
      flex: 1 auto; }
    .two-column .names .right-name {
      position: relative;
      padding-bottom: 30px;
      margin-bottom: 20px;
      padding-right: 20px;
      border-bottom: 1px dashed #666666;
      flex: 1 auto; }
  .two-column .directors {
    background-color: #fff;
    padding-top: 15px;
    margin-bottom: 10px;
    height: 90px; }
    .two-column .directors h4 {
      top: 50%;
      left: 50%;
      position: absolute;
      transform: translateY(-50%) translateX(-50%);
      margin: 0;
      padding: 0;
      text-align: center;
      width: 100%; }

/* SECTION Two Column END */
/* SECTION Investor Centre STARTS */
.invest-btn {
  background: #00295a;
  color: white;
  text-transform: uppercase;
  border: none;
  padding: 0;
  font-weight: 700;
  margin-top: 10px;
  display: inline-block; }
  .invest-btn a {
    color: white !important;
    display: block;
    border: 1px solid #757575;
    padding: 10px 20px;
    margin: 5px; }
    .invest-btn a:hover {
      text-decoration: none; }

.investor-centre {
  background-image: url(../img/investor_image.jpg);
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 150px; }
  .investor-centre a {
    color: #00295a; }
  .investor-centre .tab h3 {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.2rem;
    font-weight: 400;
    padding-top: 20px;
    padding-bottom: 20px; }
  .investor-centre .tab img {
    height: 20px;
    margin-right: 15px; }
  .investor-centre .tab.blue {
    background: #00295a;
    border-bottom: 1px solid #00295a; }
    .investor-centre .tab.blue h3 {
      background: #00295a;
      color: white; }
    @media only screen and (max-width: 992px) {
      .investor-centre .tab.blue {
        width: 100%; } }
  .investor-centre .tab.default {
    background: white;
    border-bottom: 1px solid #c2c2c2; }
    .investor-centre .tab.default h3 {
      background: white;
      color: black; }
      .investor-centre .tab.default h3 img {
        transform: rotate(-90deg); }
  .investor-centre .tab-resp {
    width: 100%; }
    .investor-centre .tab-resp h3 {
      color: #fff;
      font-size: 16px;
      letter-spacing: 0.2rem;
      font-weight: 400;
      padding-top: 20px;
      padding-bottom: 20px; }
    .investor-centre .tab-resp img {
      height: 20px;
      margin-right: 15px; }
    .investor-centre .tab-resp.blue-resp {
      background: #00295a;
      border-bottom: 1px solid #00295a; }
      .investor-centre .tab-resp.blue-resp h3 {
        background: #00295a;
        color: white; }
        .investor-centre .tab-resp.blue-resp h3 img {
          transform: rotate(-90deg); }
    .investor-centre .tab-resp.default-resp {
      background: white;
      border-bottom: 1px solid #c2c2c2;
      position: absolute;
      top: 187px;
      z-index: 1; }
      .investor-centre .tab-resp.default-resp h3 {
        background: white;
        color: black; }
  .investor-centre .switchable-menu {
    background-color: #fff;
    color: #707070;
    padding: 40px 0 30px 0;
    height: 490px; }
    @media only screen and (max-width: 992px) {
      .investor-centre .switchable-menu {
        width: 100%; } }
    .investor-centre .switchable-menu ul {
      list-style-type: none;
      padding: 0; }
      .investor-centre .switchable-menu ul li {
        position: relative;
        padding-left: 15px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.05rem;
        line-height: 5rem;
        text-transform: uppercase;
        border-top: 1px solid white;
        border-bottom: 1px solid white; }
        .investor-centre .switchable-menu ul li:nth-child(even) {
          background: linear-gradient(to right, #fbfbfb 60%, white); }
        .investor-centre .switchable-menu ul li:after {
          content: '';
          position: absolute;
          top: -1px;
          left: 0;
          width: 90%;
          border-bottom: 1px dotted #c2c2c2; }
          @media only screen and (max-width: 992px) {
            .investor-centre .switchable-menu ul li:after {
              width: 100%; } }
        .investor-centre .switchable-menu ul li img {
          margin-left: 20px;
          margin-right: 20px; }
        .investor-centre .switchable-menu ul li.active {
          background: #ebebeb;
          border-left: 10px solid #00295a;
          border-right: 1px solid #ebebeb;
          border-top: 1px solid #c2c2c2;
          border-bottom: 1px solid #c2c2c2;
          padding-left: 5px;
          z-index: 1; }
          .investor-centre .switchable-menu ul li.active:after {
            content: none; }
          .investor-centre .switchable-menu ul li.active + li {
            border-top: none; }
  .investor-centre .switchable-menu-resp {
    background-color: #fff;
    color: #707070;
    padding: 40px 0 30px 0;
    height: 490px; }
    .investor-centre .switchable-menu-resp ul {
      list-style-type: none;
      padding: 0; }
      .investor-centre .switchable-menu-resp ul li {
        position: relative;
        padding-left: 15px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.05rem;
        line-height: 5rem;
        text-transform: uppercase;
        border-top: 1px solid white;
        border-bottom: 1px solid white; }
        .investor-centre .switchable-menu-resp ul li.cont {
          border: none; }
          .investor-centre .switchable-menu-resp ul li.cont .resp-content {
            z-index: 1;
            left: 0px;
            position: absolute;
            padding: 0;
            width: 100%; }
            .investor-centre .switchable-menu-resp ul li.cont .resp-content .tab-content {
              text-transform: none;
              background: #fbfbfb; }
              .investor-centre .switchable-menu-resp ul li.cont .resp-content .tab-content .scrollable {
                padding: 0 35px;
                padding-bottom: 20px; }
          .investor-centre .switchable-menu-resp ul li.cont:after {
            border: none; }
        .investor-centre .switchable-menu-resp ul li:nth-child(4n+1) {
          background: linear-gradient(to right, #fbfbfb 60%, white); }
        .investor-centre .switchable-menu-resp ul li:after {
          content: '';
          position: absolute;
          top: -1px;
          left: 0;
          width: 90%;
          border-bottom: 1px dotted #c2c2c2; }
          @media only screen and (max-width: 992px) {
            .investor-centre .switchable-menu-resp ul li:after {
              width: 100%; } }
        .investor-centre .switchable-menu-resp ul li img {
          margin-left: 20px;
          margin-right: 20px; }
        .investor-centre .switchable-menu-resp ul li.active {
          background: #ebebeb;
          border-left: 10px solid #00295a;
          border-right: 1px solid #ebebeb;
          border-top: 1px solid #c2c2c2;
          border-bottom: 1px solid #c2c2c2;
          padding-left: 5px;
          z-index: 1; }
          .investor-centre .switchable-menu-resp ul li.active:after {
            content: none; }
          .investor-centre .switchable-menu-resp ul li.active + li {
            border-top: none; }
  .investor-centre .fin-sec {
    padding: 0; }
  .investor-centre .tab-content {
    background-color: #ebebeb;
    color: #707070;
    height: 490px;
    border-left: 1px solid #c2c2c2;
    margin-left: -1px;
    padding: 0; }
    .investor-centre .tab-content ::-webkit-scrollbar {
      width: 10px !important; }
    .investor-centre .tab-content ::-webkit-scrollbar-track {
      border-left: 1px solid #c2c2c2; }
    .investor-centre .tab-content ::-webkit-scrollbar-thumb {
      background: #00295a; }
    @media only screen and (max-width: 992px) {
      .investor-centre .tab-content {
        display: none; } }
    .investor-centre .tab-content.display {
      display: block !important; }
    .investor-centre .tab-content .scrollable {
      overflow-y: auto;
      height: 100%;
      padding-bottom: 20px;
      padding-right: 25px; }
      .investor-centre .tab-content .scrollable p {
        font-size: 16px;
        line-height: 25px;
        color: #555555;
        font-weight: 300;
        margin-top: 14px; }
      .investor-centre .tab-content .scrollable h3 {
        border-bottom: 1px dotted #c2c2c2;
        padding-bottom: 12px; }
      .investor-centre .tab-content .scrollable.fins h3 {
        margin-left: 30px;
        border: none; }
      .investor-centre .tab-content .scrollable.fins ul {
        padding: 0;
        list-style: none;
        margin: 0;
        margin-left: 10px;
        width: 97%; }
        .investor-centre .tab-content .scrollable.fins ul li {
          margin-left: -20px;
          border-top: 1px dotted #c2c2c2;
          padding: 18px 0; }
          .investor-centre .tab-content .scrollable.fins ul li:nth-child(odd) {
            background: linear-gradient(to right, #fbfbfb 50%, #ebebeb); }
          .investor-centre .tab-content .scrollable.fins ul li:last-child {
            border-bottom: 1px dotted #c2c2c2; }
          .investor-centre .tab-content .scrollable.fins ul li img {
            position: absolute;
            top: 1px; }
          .investor-centre .tab-content .scrollable.fins ul li span {
            margin-left: 22px;
            text-align: left;
            display: block;
            font-weight: bold;
            color: #555555;
            line-height: 16px; }
            .investor-centre .tab-content .scrollable.fins ul li span a {
              text-decoration: none;
              color: #707070;
              text-decoration: underline; }
              .investor-centre .tab-content .scrollable.fins ul li span a:hover {
                color: black; }
    .investor-centre .tab-content .overlay {
      height: 100%;
      width: 100%;
      background: white;
      position: absolute;
      background: -webkit-linear-gradient(to bottom, transparent 60%, white);
      background: -o-linear-gradient(to bottom, transparent 60%, white);
      background: -moz-linear-gradient(to bottom, transparent 60%, white);
      background: linear-gradient(to bottom, transparent 60%, white);
      pointer-events: none; }

/* SECTION Investor Centre ENDS */
.contact_details {
  background: #eee;
  padding-bottom: 30px;
  padding-top: 30px; }
  @media only screen and (max-width: 768px) {
    .contact_details {
      padding: 50px; } }
  .contact_details b {
    color: #404040; }
  .contact_details .contact_header {
    margin-left: 7px; }
  .contact_details .contact {
    padding: 0; }
  .contact_details .padding-fix {
    padding: 0; }
  .contact_details form input {
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    border: none; }
  .contact_details form button {
    background: #00295a;
    color: white;
    text-transform: uppercase;
    border: none;
    padding: 0;
    width: 100%;
    font-weight: 700;
    margin-top: 10px; }
    .contact_details form button span {
      display: block;
      border: 1px solid #757575;
      padding: 10px 20px;
      margin: 5px; }
  .contact_details form textarea {
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    border: none;
    resize: none; }
  .contact_details .address {
    font-size: 18px;
    letter-spacing: 0.1rem;
    line-height: 3.5rem; }
    @media only screen and (max-width: 768px) {
      .contact_details .address .head {
        font-size: 15px; } }
    .contact_details .address .details {
      font-size: 15px;
      font-style: italic;
      font-weight: 600;
      color: #404040; }
      @media only screen and (max-width: 768px) {
        .contact_details .address .details {
          font-size: 13px; } }

footer .box {
  background: #002148;
  height: 450px;
  padding-top: 50px; }
  footer .box .inner-box {
    width: 84%;
    height: 360px;
    margin: 0 auto;
    border: 1px solid white; }
    footer .box .inner-box img {
      width: 200px; }
    footer .box .inner-box .footer-title {
      font-family: Times, Times New Roman, serif;
      font-weight: normal;
      letter-spacing: 0.5rem;
      font-size: 36px;
      font-style: italic;
      margin-top: 120px;
      padding: 0;
      margin-bottom: 20px; }
      footer .box .inner-box .footer-title a {
        color: white; }
        footer .box .inner-box .footer-title a:hover {
          text-decoration: none; }
    footer .box .inner-box .footer-nav {
      list-style: none;
      text-align: center;
      padding: 0;
      width: 80%;
      margin: 0 auto;
      margin-bottom: 20px; }
      footer .box .inner-box .footer-nav li {
        display: inline;
        text-transform: uppercase;
        padding-left: 15px;
        padding-right: 15px;
        border-right: 1px solid white;
        padding-top: 0px;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.110em; }
        footer .box .inner-box .footer-nav li a {
          color: rgba(255, 255, 255, 0.8);
          text-decoration: none; }
        footer .box .inner-box .footer-nav li:last-child {
          border: none; }
    footer .box .inner-box .copyright {
      text-transform: none;
      font-style: italic;
      color: #999999;
      letter-spacing: 1px;
      font-size: 13.5;
      font-weight: 300; }

/* SECTION Five Column Layout STARTS */
@media (min-width: 992px) {
  .col-sm-2-4 {
    float: left;
    padding-left: 15px !important;
    padding-right: 15px !important; }

  .col-sm-2-4 {
    width: 19.999999999%; }

  .col-sm-pull-2-4 {
    right: 19.999999999%; }

  .col-sm-push-2-4 {
    left: 19.999999999%; }

  .col-sm-offset-2 {
    margin-left: 19.999999999%; } }
/* SECTION Five Column Layout ENDS */
/* SECTION General Styling STARTS */
@media (max-width: 768px) {
  .block .lead {
    line-height: 1.3; }

  .block h3 {
    line-height: 1.15; } }
/* ie10+ */
@media only screen and (min-width: 768px) {
  .app-align-center {
    display: flex;
    align-items: center; } }
/* SECTION General Styling ENDS */
::-webkit-scrollbar {
  width: 12px; }

::-webkit-scrollbar-track {
  background: none; }

::-webkit-scrollbar-thumb {
  background: #D3D3D3; }

.hp-wrap {
  display: none; }

.form-button-parent {
  padding: 5px;
  background: #00295a; }

.query-form-button {
  background: #00295a;
  color: white;
  font-weight: 700;
  margin: 0 !important;
  border: 1px solid #757575 !important; }

.ninja-forms-req-symbol, .ninja-forms-required-items {
  display: none; }

.ninja-forms-all-fields-wrap input, .ninja-forms-all-fields-wrap textarea {
  margin: 0 !important; }

/*# sourceMappingURL=style.css.map */