@charset "UTF-8";
#revolution-slider {
  background: url("../images-slider/bg-jhi-2-op-2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform-origin: content-box;
  min-height: 100vh; }
  #revolution-slider .headline {
    font-size: 1.9em;
    font-weight: bold; }
  #revolution-slider .tagline {
    font-size: 1.3em; }
  #revolution-slider .headline_logo {
    position: relative;
    top: 180px; }
  #revolution-slider .news-headline {
    text-align: justify;
    width: 36%;
    line-height: 1.4;
    left: 160px;
    padding: 15px; }
    #revolution-slider .news-headline p {
      font-weight: bold; }
    #revolution-slider .news-headline .label-container {
      display: inline;
      position: relative;
      font-size: 0.7em;
      /*    top:10px;*/
      background-color: #eedb07;
      padding: 5px;
      font-weight: bold;
      text-transform: uppercase;
      color: black; }
    #revolution-slider .news-headline ul {
      list-style-type: circle;
      font-weight: normal;
      list-style-position: outside; }
    #revolution-slider .news-headline .news-title {
      text-align: justify;
      font-size: 1.5em;
      font-weight: bold;
      padding: 10px 0;
      line-height: 1.2; }
    #revolution-slider .news-headline .news-date {
      font-weight: bold; }
    #revolution-slider .news-headline .news-date a:hover {
      color: blue; }

#about {
  background: url("../img/bg-jhi-spoke-wheels-3.png");
  background-size: cover;
  background-repeat: no-repeat; }
  #about .overlay6 {
    background: rgba(0, 0, 0, 0.3);
    /* Black see-through */
    min-height: 100% !important;
    padding: 20px;
    /*  z-index: 1;*/ }

.p5 {
  padding: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

.no-border {
  border: none !important; }

#property-listing {
  background: url("../img/property-sale-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform-origin: center center 0;
  background-attachment: fixed;
  transform-origin: bottom center 0;
  transform: translateZ(-1px) scale(1);
  z-index: -1; }
  #property-listing h4 {
    padding-bottom: 10px; }
  #property-listing .container-property::after, #property-listing .row::after {
    content: "";
    clear: both;
    display: table; }
  #property-listing .column-property {
    float: left;
    width: 100%;
    margin-bottom: 18px;
    padding: 0 8px;
    /* Add some shadows to create a card effect */ }
    #property-listing .column-property .card {
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
      background: white;
      /* Clear floats */ }
      #property-listing .column-property .card .property-image {
        background-size: cover;
        background-position: bottom center;
        height: 230px; }
      #property-listing .column-property .card .container-property {
        padding: 0 16px; }
        #property-listing .column-property .card .container-property p.number-of-unit-for-sales {
          margin-top: -12px;
          line-height: 1.3em; }
        #property-listing .column-property .card .container-property .devider-property {
          width: 100%;
          border-top: 1px solid grey; }
        #property-listing .column-property .card .container-property .property-price {
          clear: both;
          padding: 10px;
          font-size: 1.6em;
          color: red; }
        #property-listing .column-property .card .container-property .property-features {
          display: inline-flex; }
          #property-listing .column-property .card .container-property .property-features .flex-items {
            padding: 10px; }
            #property-listing .column-property .card .container-property .property-features .flex-items:nth-child(1) {
              padding: 10px 10px 10px 0; }
            #property-listing .column-property .card .container-property .property-features .flex-items strong {
              color: red; }
        #property-listing .column-property .card .container-property icon {
          color: red;
          font-weight: bolder; }
        #property-listing .column-property .card .container-property .title {
          font-weight: bolder;
          text-transform: uppercase; }
        #property-listing .column-property .card .container-property h6 {
          color: red;
          font-size: 1em;
          text-transform: uppercase; }
  #property-listing .property {
    width: 50%; }
    #property-listing .property .property-image {
      width: 100%;
      height: 160px;
      background-size: cover;
      background-position: center;
      padding: 10px;
      box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
    #property-listing .property .property-details {
      margin: -10px 0 20px 0px;
      padding: 10px;
      width: 100%;
      box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); }

#realestate-firstpage {
  background-attachment: fixed;
  background: url("../img/realestate/bahay.jpg") no-repeat;
  background-size: cover;
  display: grid;
  align-items: center;
  justify-content: center;
  height: 100vh;
  color: black;
  line-height: 17px;
  font-size: 12px; }

.flip-card-front img {
  width: 100%; }

.our-team-jhi {
  background-attachment: fixed;
/*  background: url("../img/jhi-team-4.png") no-repeat;*/
  background-position: bottom 0px left 0px;
  background-size: 100% 100%;
  height: 90vh; }

.jhi-team22 {
  position: relative; }
  .jhi-team22 .title {
    display: block;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
    font-size: 22px;
    padding: 70px; }
  .jhi-team22 .half-color {
    position: absolute;
    bottom: 0;
    height: 260px;
    width: 100%;
    z-index: -1;
    margin: 0;
    padding: 10px;
    background-color: #07a5a7; }
  .jhi-team22 .col-md-2, .jhi-team22 .col-lg-2 {
    margin-right: 50px; }
  .jhi-team22 .col-md-2:nth-last-child(1), .jhi-team22 .col-lg-2:nth-last-child(1) {
    margin-right: 0px; }
  .jhi-team22 .team-title {
    position: absolute;
    margin: 0 auto;
    padding: 10px;
    font-weight: bold;
    align-content: center;
    text-align: center;
    width: 100%; }
    .jhi-team22 .team-title .team-sub {
      font-weight: normal;
      line-height: 1.2em; }
  .jhi-team22 .half-color:nth-child(1) {
    background-color: #07a76c; }
  .jhi-team22 .half-color:nth-child(2) {
    background-color: #07a5a7; }

#newspaper .framebody {
  padding: 30px !important; }
  #newspaper .framebody img {
    padding: 10px;
    height: 300px; }
  #newspaper .framebody h3 {
    padding: 10px; }

#featured_articles .overlay-iframe {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  /* Black see-through */
  width: 100%;
  height: 100vh !important;
  /*  opacity:0.8;*/
  font-size: 20px;
  padding: 20px;
  z-index: 1; }

#featured_articles .closeFrameBottom {
  position: absolute;
  right: 20px;
  cursor: pointer;
  padding: 5px;
  color: black; }

#featured_articles .closeFrameTop {
  position: absolute;
  right: 20px;
  cursor: pointer;
  padding: 5px;
  color: white !important;
  border-radius: 100%; }

#featured_articles .closeFrameTop::before {
  content: "\274c";
  /* use the hex value here... */
  font-size: 20px;
  color: #FFF !important;
  line-height: 40px;
  text-align: center; }

#featured_articles .expandable {
  background: #525252;
  overflow: hidden;
  transition: all 1s ease-in-out;
  height: 0; }

#featured_articles iframe {
  border: none; }

#chairman {
  background: url("../img/bg-about-chairman.png") no-repeat;
  background-position: top 0px right -0px;
  background-size: cover;
  display: grid;
  color: white;
  /* center the blockquote in the page */
  /* Blockquote main style */
  /* Blockquote header */
  /* Blockquote right double quotes */
  /* increase header size after 600px */
  /* Blockquote subheader */ }
  #chairman .title {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px; }
  #chairman p {
    line-height: 1.5;
    text-align: justify; }
  #chairman .blockquote-wrapper {
    display: flex;
    padding: 0 20px; }
  #chairman .blockquote {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color: #ffffff;
    padding: 20px 0;
    width: 100%;
    max-width: 500px;
    z-index: 1;
    margin: 20px auto;
    align-self: center;
    border-top: solid 1px;
    border-bottom: solid 1px; }
  #chairman .blockquote h1 {
    position: relative;
    color: #FFFFFF;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0; }
  #chairman .blockquote:after {
    position: absolute;
    content: "”";
    color: white;
    font-size: 10rem;
    bottom: -43px;
    right: 30px; }
  #chairman .blockquote h4 {
    position: relative;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding-top: 20px;
    z-index: 1; }

#chairman2 {
  background: url("../img/tatler-Lexus-bg2-b.png") no-repeat;
  background-position: bottom -100px left 0px;
  background-size: 100%;
  height: 105vh;
  color: white; }
  #chairman2 a {
    color: yellow; }
  #chairman2 p {
    line-height: 1.5;
    text-align: justify; }
  #chairman2 blockquote {
    text-align: justify !important;
    font-size: 15px; }

#chairman3 {
  background-position: top 0px right 0px;
  background-size: cover;
  color: white; }
  #chairman3 .title {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px; }
  #chairman3 p {
    font-size: 12px;
    line-height: 1.3;
    text-align: justify; }
  #chairman3 a {
    color: yellow; }

.w-390 {
  width: 450px; }

.p-590 {
  padding: 0px 150px 0px 70px; }

#arts-firstpage {
  background: url("../img/bg-about-chairman.png") no-repeat;
  background-position: bottom 0px left 0px;
  background-color: #d6d7d9;
  background-size: 100% 100%;
  padding-top: 130px !important;
  color: black; }
  #arts-firstpage p, #arts-firstpage li {
    font-size: 13px;
    text-align: justify;
    line-height: 1.3em; }
  #arts-firstpage .arts-color {
    color: #f27337; }
  #arts-firstpage .arts-font {
    padding: 20px; }
  #arts-firstpage .book-collections {
    display: grid;
    align-content: flex-start;
    align-items: center;
    padding: 20px 0px;
    color: block; }
    #arts-firstpage .book-collections .books {
      bottom: 0; }
    #arts-firstpage .book-collections .inline-book {
      display: inline-block;
      padding-top: 10px; }
      #arts-firstpage .book-collections .inline-book img {
        width: 14%;
        padding: 7px; }
      #arts-firstpage .book-collections .inline-book img:nth-child(5) {
        width: 18%; }
      #arts-firstpage .book-collections .inline-book img:nth-child(6) {
        width: 18%; }
      #arts-firstpage .book-collections .inline-book img:nth-child(7) {
        width: 18%; }

#arts-secondpage {
  background-attachment: fixed;
  background: url("../img/secondpage-image2.png") no-repeat;
  background-position: bottom 0px right -40px;
  background-size: contain;
  display: grid;
  align-items: center;
  justify-content: center;
  height: 80vh; }
  #arts-secondpage p, #arts-secondpage li {
    font-size: 1.2em;
    text-align: justify; }
  #arts-secondpage .arts-color {
    color: #f27337; }

#arts-thirdpage {
  background-attachment: fixed;
  background-color: #414141;
  display: grid;
  align-items: center;
  justify-content: center;
  color: white; }
  #arts-thirdpage p, #arts-thirdpage li {
    font-size: 1.2em;
    text-align: justify; }
  #arts-thirdpage .arts-color {
    color: #f27337; }
  #arts-thirdpage img {
    display: block;
    margin: auto;
    padding: 10px; }

.black-color {
  color: black !important;
  background-color: black; }

#private-equity-firstpage {
  background-attachment: fixed;
  background: url("../img/private-equity/bg1.png") no-repeat;
  background-position: bottom 0px right 0px;
  background-size: cover;
  display: grid;
  align-items: center;
  justify-content: center;
  height: 100vh;
  z-index: auto;
  color: black; }
  #private-equity-firstpage p, #private-equity-firstpage li {
    font-size: 1.2em; }

#private-equity-tgfi {
  background-attachment: fixed;
  background: url("../img/tgfi-bg.png") no-repeat;
  background-position: bottom -70px right 0px;
  background-size: cover;
  display: grid;
  align-items: center;
  justify-content: center;
  height: 100vh;
  z-index: auto;
  color: black; }
  #private-equity-tgfi .tgfi-text {
    font-size: 1.2em;
    text-align: justify;
    padding: 40px; }

#private-equity-golf {
  background-attachment: fixed;
  background: url("../img/januarius-golf-bg.jpg") no-repeat;
  background-position: bottom 0px right 0px;
  background-size: cover;
  display: grid;
  align-items: center;
  justify-content: center;
  height: 80vh;
  z-index: auto;
  color: black; }

#finance-firstpage {
  background-attachment: fixed;
  background: url("../img/piggybank.jpg") no-repeat;
  background-position: bottom -70px right 0px;
  background-size: cover;
  display: grid;
  align-items: center;
  justify-content: center;
  height: 100vh;
  z-index: auto;
  color: black; }
  #finance-firstpage p, #finance-firstpage li {
    font-size: 1.2em; }

#ovialand-firstpage {
  background-attachment: fixed;
  background: url("../img/realestate/caliya1.jpeg") no-repeat;
  background-size: cover;
  align-items: center;
  justify-content: center;
  height: 100vh;
  z-index: auto;
  font-size: 11px;
  line-height: 1.7em;
  color: black; }
  #ovialand-firstpage .ovialand-logo {
    position: absolute;
    top: 10%; }
    #ovialand-firstpage .ovialand-logo img {
      width: 50%; }
    #ovialand-firstpage .ovialand-logo .image-center-logo {
      height: 100%; }
      #ovialand-firstpage .ovialand-logo .image-center-logo p {
        padding: 10px; }
      #ovialand-firstpage .ovialand-logo .image-center-logo img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        border-radius: 100%;
        border: 4px solid green; }
  #ovialand-firstpage .ovialand-group {
    height: 86vh !important;
    position: relative; }
    #ovialand-firstpage .ovialand-group img {
      position: absolute;
      right: 0;
      bottom: 0 !important;
      width: 110%; }

#overview {
  background-color: #39342e;
  background-size: contain; }
  #overview img {
    float: right; }

#ovialand-signing {
  background-color: #fafafa;
  background: url("../img/ovialand-inverted.png");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: center center 0;
  transform: translateZ(-1px) scale(1); }
  #ovialand-signing img {
    width: 110%; }

.image-center {
  height: 100%; }
  .image-center p {
    padding: 10px; }
  .image-center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
    border: 12px solid green; }

.color-blue {
  color: blue; }

.glass-style {
  padding: 20px;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  position: relative;
  z-index: 1;
  background: inherit;
  overflow: hidden; }
  .glass-style p {
    font-size: 1.1em;
    text-align: justify; }
  .glass-style ol {
    text-transform: uppercase;
    font-size: 1.1em; }

.glass-style:before {
  content: "";
  position: absolute;
  background: inherit;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 700px rgba(255, 255, 255, 0.8);
  margin: -20px; }

#private-qquity-overview {
  background: url("../img/private-equity/bg1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform-origin: content-box;
  height: 80vh; }
  #private-qquity-overview .overview-text {
    padding-top: 70px !important; }

#private-equity-hygenius {
  background-color: #f5f5f7; }

.overview-text {
  padding: 7px 50px 5px 50px;
  text-align: justify;
  line-height: 1.5em;
  color: white;
  margin: 30px auto;
  display: block; }

#charts {
  background-size: cover !important; }
  #charts p {
    line-height: 1.5em;
    text-align: justify; }

.table {
  margin: 20px 0 10px 0px;
  width: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  display: table; }
  .table .row {
    display: table-row;
    background: #f6f6f6; }
    .table .row:nth-of-type(odd) {
      background: #e9e9e9; }
    .table .row.header {
      font-weight: 900;
      color: #ffffff;
      background: #ea6153;
      text-align: center; }
    .table .row.green {
      background: #27ae60; }
    .table .row.blue {
      background: #2980b9; }
  .table .cell {
    padding: 4px 10px;
    display: table-cell; }

#board {
  background: url("../img/bg-06-22-21.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: content-box; }

@media screen and (max-width: 800px) and (min-width: 650px) {
  #board {
    background: url("../img/board_of_directors.png");
    background-size: 100% 100%;
    min-height: 86vh; }
  #chairman {
    background: url("../img/chairman.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform-origin: content-box;
    min-height: 86vh; }
  #about {
    background: url("../img/about.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform-origin: content-box;
    min-height: 86vh; }
  #revolution-slider {
    height: 100vh; }
    #revolution-slider .headline_logo {
      top: 30px !important; } }

@media screen and (max-width: 1024px) {
  #about h3 {
    font-size: 1.3em; }
  #about p {
    font-size: 0.8em !important; }
  #chairman p {
    font-size: 0.8em !important; }
  #newspaper img {
    height: 150px !important; }
  .hieght50 {
    height: 100vh !important; }
  #revolution-slider {
    height: 40vh;
    margin-top: 70px; }
    #revolution-slider .headline {
      font-size: 0.9em;
      font-weight: bold; }
    #revolution-slider .tagline {
      margin-top: -10px !important;
      font-size: 0.7em;
      line-height: 1.2em; }
    #revolution-slider .news-headline {
      text-align: justify;
      width: 44%;
      line-height: 1.4;
      left: 20px;
      padding: 10px; }
      #revolution-slider .news-headline .label-container {
        text-align: center !important;
        margin-left: auto;
        margin-right: auto;
        font-size: 0.4em; }
      #revolution-slider .news-headline .news-title {
        font-size: 1em; }
      #revolution-slider .news-headline ul li {
        margin-left: -20px;
        font-size: 0.5em; }
    #revolution-slider .news-date {
      font-weight: bold;
      font-size: 0.5em !important; }
      #revolution-slider .news-date a:hover {
        color: blue; }
    #revolution-slider .ptb-10 {
      padding: 2px 0; } }

@media screen and (max-width: 599px) {
  #board {
    background: url("../img/board_of_directors.png");
    background-size: 100% 100%;
    min-height: 26vh; }
  .our-team-jhi {
    background-size: 100% 100% !important;
    height: 26vh !important; }
  #newspaper img {
    height: 130px !important; }
  #chairman {
    background: url("../img/chairman.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform-origin: content-box;
    min-height: 30vh; }
  #about {
    background: url("../img/about2.png");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 27.3vh; }
  .hieght50 {
    height: 43vh !important; }
  #revolution-slider {
    min-height: 30vh !important;
    padding-bottom: 100px;
    margin-top: 80px; }
    #revolution-slider .headline {
      font-size: 0.8em;
      font-weight: bold; }
    #revolution-slider .tagline {
      margin-top: -10px !important;
      font-size: 0.6em;
      line-height: 1.2em; }
    #revolution-slider .headline_logo {
      position: relative;
      top: 30px; }
    #revolution-slider .news-headline {
      text-align: justify;
      width: 44%;
      line-height: 1.4;
      left: 0px;
      padding: 3px; }
      #revolution-slider .news-headline .label-container {
        text-align: center !important;
        margin-left: auto;
        margin-right: auto;
        font-size: 0.2em; }
      #revolution-slider .news-headline .news-title {
        font-size: 0.6em; }
      #revolution-slider .news-headline ul li {
        margin-left: -20px;
        font-size: 0.4em; }
    #revolution-slider .news-date {
      font-weight: bold;
      font-size: 0.5em !important; }
      #revolution-slider .news-date a:hover {
        color: blue; }
    #revolution-slider .ptb-10 {
      padding: 2px 0; }
  .framebody img {
    width: 30% !important;
    height: 200px !important; }
  .jhi-team22 .col-md-2, .jhi-team22 .col-lg-2 {
    margin-right: 0px !important; }
  .jhi-team22 .col-md-2:nth-last-child(1), .jhi-team22 .col-lg-2:nth-last-child(1) {
    align-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 0 auto !important;
    display: block; }
  .p-rl-90px-140px {
    padding: 0px 20px 0px 20px !important; } }

@media screen and (max-width: 413px) {
  background-size: cover !important;
  transform: translateZ(-1px) scale(4); }

@media screen and (max-width: 580px) {
  padding: 2px 16px;
  display: block;
  .header {
    padding: 0;
    height: 6px; }
    .header .cell {
      display: none; }
  .cell {
    margin-bottom: 10px; }
    .cell:before {
      margin-bottom: 3px;
      min-width: 98px;
      font-size: 10px;
      line-height: 10px;
      font-weight: bold;
      text-transform: uppercase;
      color: #969696;
      display: block; } }

@media screen and (max-width: 650px) {
  .column {
    width: 100%;
    display: block; }
  .w-390 {
    width: 100%; } }

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  /* CSS */ }

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