.container-fluid.page-height {
  height: 100%;
  position: relative;
}

.page-content {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
}

.page-content h2.title {
  max-width: 90%;
  font-size: 2em;
}

/* //Related Content Starts */
.latest-wrapper {
  position: relative;
}

.latest-wrapper a.btn-default {
  margin: 50px auto 50px auto;
}

.news-display-card {
  margin-bottom: 20px;
  position: relative;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  border: 1px solid #e8e8e8;
  min-height: 238px;
}

.news-display-card:hover {
  -webkit-box-shadow: 0px 0px 34px -5px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 0px 34px -5px rgba(0, 0, 0, 0.22);
}

@media (max-width: 575.98px) {
  .news-display-card {
    margin-bottom: 0px;
  }
}

.news-display-card .card-image {
  position: relative;
  max-height: 560px;
  overflow: hidden;
}

.news-display-card .card-image img {
  width: 100%;
  transition: -webkit-transform 2.4s linear;
  -webkit-transition: -webkit-transform 2.4s linear;
  transition: transform 2.4s linear;
  transition: transform 2.4s linear, -webkit-transform 2.4s linear;
  transition: transform 2.4s linear , -webkit-transform 2.4s linear;
}

.news-display-card .card-image img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.news-display-card .display-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  max-width: 48%;
  left: 20px;
  bottom: 20px;
}

@media (max-width: 720px) {
  .news-display-card .display-card {
    position: relative;
    max-width: 100%;
    left: 0;
    border: 1px solid #e8e8e8;
  }
}

.news-display-card .news-card-body .btn {
  padding-left: 0;
  padding-right: 0;
  font-size: 0.85em;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
  color: #9a9a9a;
  position: relative;
}

.cardGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-left: -1%;
  margin-right: -1%;
}

.cardGroup .card {
  min-width: 48%;
  max-width: 48%;
  width: calc(100% / 2 - 6%);
  margin: 1%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e8e8e8;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  background-color: #FFFFFF;
  position: relative;
  padding-bottom: 30px;
}

.cardGroup .card .card-image {
  max-height: 270px;
  min-height: 270px;
  overflow: hidden;
  position: relative;
}

@media (max-width: 575.98px) {
  .cardGroup .card .card-image {
    max-height: 200px;
    min-height: 200px;
  }
}

@media (min-width: 570px) and (max-width: 679px) {
  .cardGroup .card .card-image {
    max-height: 140px;
    min-height: 140px;
  }
}

@media (min-width: 680px) and (max-width: 767px) {
  .cardGroup .card .card-image {
    max-height: 160px;
    min-height: 160px;
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  .cardGroup .card .card-image {
    max-height: 200px;
    min-height: 200px;
  }
}

.cardGroup .card .card-image a {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
}

.cardGroup .card .card-image a img {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
}

.cardGroup .card .card-image iframe {
  position: absolute;
  height: 100%;
}

.cardGroup .card:hover {
  -webkit-box-shadow: 0px 0px 34px -5px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 0px 34px -5px rgba(0, 0, 0, 0.22);
}

.cardGroup .card img {
  width: 100%;
  transition: -webkit-transform 2.4s linear;
  -webkit-transition: -webkit-transform 2.4s linear;
  transition: transform 2.4s linear;
  transition: transform 2.4s linear, -webkit-transform 2.4s linear;
  transition: transform 2.4s linear , -webkit-transform 2.4s linear;
}

.cardGroup .card img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

@media (max-width: 575.98px) {
  .cardGroup .card {
    max-width: 100%;
    width: 100%;
    margin-bottom: 3%;
  }
}

.cardGroup .card .btn {
  padding-left: 0;
  padding-right: 0;
  font-size: 0.85em;
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
  color: #9a9a9a;
  position: absolute;
  left: 30px;
  bottom: 25px;
}

.cardGroup.colm-3 {
  margin-left: -1%;
  margin-right: -1%;
}

.cardGroup.colm-3 .card {
  min-width: 31.33%;
  max-width: 32%;
  width: calc(100% / 3 - 6%);
  margin: 1%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 575.98px) {
  .cardGroup.colm-3 .card {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    margin: 0 0 3% 0;
  }
}

@media (min-width: 575.99px) and (max-width: 767px) {
  .cardGroup.colm-3 .card {
    min-width: 48%;
    max-width: 48%;
    width: calc(100% / 2 - 4%);
  }
}

.cardGroup.colm-3 .card h5.card-title {
  font-size: 1.35em;
}

.cardGroup.colm-3 .card .card-image {
  max-height: 182px;
  min-height: 182px;
}

@media (max-width: 575.98px) {
  .cardGroup.colm-3 .card .card-image {
    max-height: 200px;
    min-height: 200px;
  }
}

@media (min-width: 570px) and (max-width: 679px) {
  .cardGroup.colm-3 .card .card-image {
    max-height: 160px;
    min-height: 160px;
  }
}

@media (min-width: 680px) and (max-width: 767px) {
  .cardGroup.colm-3 .card .card-image {
    max-height: 170px;
    min-height: 170px;
  }
}

@media (min-width: 768px) and (max-width: 989px) {
  .cardGroup.colm-3 .card .card-image {
    max-height: 180px;
    min-height: 180px;
  }
}

@media (min-width: 990px) and (max-width: 1099px) {
  .cardGroup.colm-3 .card .card-image {
    max-height: 136px;
    min-height: 136px;
  }
}

.news-card-body {
  background-color: #FFFFFF;
  padding: 30px;
}

.news-card-body p.content-type {
  color: #f7941e;
  text-transform: normal;
  font-size: 1.12em;
  margin-bottom: 0.5em;
}

.news-card-body h5.card-title {
  font-size: 1.72em;
  line-height: 1.4;
  font-weight: 700;
  padding: 0 0 25px 0;
}

.news-card-body h5.card-title,
.news-card-body h5.card-title a {
  color: #000000;
}

.news-card-body h5.card-title:hover,
.news-card-body h5.card-title a:hover {
  color: #4495d1;
}

.related-content .nav-tabs {
  border-bottom: 0;
}

#relatedCategory .nav-item {
  font-size: 1.5rem;
}

#relatedCategory .nav-item .nav-link {
  padding: 0.5rem 1.5rem;
}

@media (max-width: 575.98px) {
  #relatedCategory .nav-item .nav-link {
    padding: 0.5em 0.7em;
    font-size: 0.9em;
  }
}

#relatedCategory .nav-item .nav-link:focus,
#relatedCategory .nav-item .nav-link:hover {
  border-color: transparent;
}

.nav-item.active {
  color: #000000;
  background-color: transparent;
  border-color: transparent;
  border-bottom: 2px solid #f7941e;
  font-weight: 500;
}

.nav-item.active .nav-link {
  color: #000000;
}

#relatedCategoryContent {
  padding: 30px 0;
}

.inner-latest {
  border-top: 1px solid #e8e8e8;
}

.inner-latest .news-display-card .display-card {
  right: 20px;
  left: auto;
}

@media (max-width: 767px) {
  .inner-latest .news-display-card .display-card {
    right: 0;
  }
}

.topic-latest-tabs {
  margin: 50px 0 25px 0;
}

.topic-latest-tabs .nav-tabs {
  border-bottom: 0;
}

.topic-latest-tabs .nav-tabs > li {
  margin-right: 1em;
}

.topic-latest-tabs .nav-tabs > li > a {
  font-weight: 900;
  font-size: 1.2em;
  color: #9a9a9a;
}

.topic-latest-tabs .nav-tabs > li > a:hover {
  border-bottom: 0;
}

.topic-latest-tabs .nav-tabs > li.active > a {
  color: #000000;
  font-weight: 900;
  font-size: 1.2em;
  border: 0;
  border-bottom: 2px solid #f7941e;
  background-color: transparent;
}

.inner-latest .title-latest {
  position: absolute;
  left: -14%;
  top: 50%;
  margin: 0;
  -webkit-transform: rotate(-90deg) translate(-50%, 0);
          transform: rotate(-90deg) translate(-50%, 0);
  -webkit-transform-origin: left top 0;
          transform-origin: left top 0;
  font-weight: 700;
  font-size: 3em;
  letter-spacing: 0.02em;
  color: #000000;
  top: 40%;
}

@media (max-width: 990px) {
  .inner-latest .title-latest {
    position: relative;
    left: auto;
    top: 0px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-bottom: 25px;
  }
}

@media (min-width: 1200px) and (max-width: 1367px) {
  .inner-latest .title-latest {
    left: -9%;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .inner-latest .title-latest {
    left: -10%;
  }
}

@media (max-width: 575.98px) {
  .inner-latest .title-latest {
    margin: 0;
    padding: 0;
  }
}

.latest-wrapper .btn-default {
  max-width: 200px;
}

.page-latest section#main {
  padding-bottom: 120px;
}

.take-action .row {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .take-action .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.take-action .row .col-md-6 {
  width: 50%;
  padding-left: 0;
}

@media (max-width: 767px) {
  .take-action .row .col-md-6 {
    width: 100%;
  }
}

.take-action .row a {
  display: block;
}

@media (max-width: 575.98px) {
  .take-action .row a.take-action-img {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .take-action .row a.take-action-img {
    width: 100%;
  }
}

.take-action .title-action {
  position: absolute;
  left: -14%;
  top: 50%;
  margin: 0;
  -webkit-transform: rotate(-90deg) translate(-50%, 0);
          transform: rotate(-90deg) translate(-50%, 0);
  -webkit-transform-origin: left top 0;
          transform-origin: left top 0;
  font-weight: 700;
  font-size: 3em;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}

@media (max-width: 990px) {
  .take-action .title-action {
    position: relative;
    left: auto;
    top: 0px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-bottom: 25px;
  }
}

@media (min-width: 1200px) and (max-width: 1367px) {
  .take-action .title-action {
    left: -9%;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .take-action .title-action {
    left: -10%;
  }
}

@media (max-width: 575.98px) {
  .take-action .title-action {
    margin: 0;
    padding-bottom: 20px;
    font-size: 2em;
  }
}

.take-action .action-content {
  max-width: 80%;
  color: #FFFFFF;
}

@media (max-width: 980px) {
  .take-action .action-content {
    max-width: 100%;
    margin-bottom: 25px;
  }
}

.take-action .action-content h2,
.take-action .action-content h3 {
  padding-bottom: 20px;
  color: #FFFFFF;
}

.take-action .action-content p {
  color: #FFFFFF;
  font-size: 1.1em;
}

.take-action .img-holder {
  max-width: 690px;
  max-height: 650px;
  width: 60%;
  height: 115%;
  position: absolute;
  left: auto;
  right: -10%;
  top: 100px;
  background-position-x: center;
  background-size: cover;
  margin: 0;
}

@media (max-width: 980px) {
  .take-action .img-holder {
    width: 50%;
    right: 0%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .take-action .img-holder {
    position: relative;
    height: 400px;
    width: 100%;
    max-width: 99%;
    left: auto;
    right: auto;
    top: 0px;
  }
}

@media (max-width: 575.98px) {
  .take-action .img-holder {
    position: relative;
    height: 400px;
    width: 100%;
    max-width: 99%;
    left: auto;
    right: auto;
    top: 0px;
  }
}

.hm-data {
  padding: 0;
  min-height: 500px;
}

.hm-data .title-data {
  position: absolute;
  left: -14%;
  top: 50%;
  margin: 0;
  -webkit-transform: rotate(-90deg) translate(-50%, 0);
          transform: rotate(-90deg) translate(-50%, 0);
  -webkit-transform-origin: left top 0;
          transform-origin: left top 0;
  font-weight: 700;
  font-size: 3em;
  letter-spacing: 0.02em;
  color: #000000;
}

@media (max-width: 990px) {
  .hm-data .title-data {
    position: relative;
    left: auto;
    top: 0px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-bottom: 25px;
  }
}

@media (min-width: 1200px) and (max-width: 1367px) {
  .hm-data .title-data {
    left: -9%;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .hm-data .title-data {
    left: -10%;
  }
}

@media (max-width: 575.98px) {
  .hm-data .title-data {
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 2em;
  }
}

.hm-data .chart-data {
  padding: 25px 0;
}

@media (max-width: 575.98px) {
  .hm-data .chart-data {
    padding: 0px;
  }
}

.hm-data .chart-data .title {
  border-bottom: 1px solid #000000;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.hm-data .chart-data .title h3 {
  max-width: 48%;
}

@media (max-width: 575.98px) {
  .hm-data .chart-data .title h3 {
    max-width: 70%;
  }
}

.hm-data .chart-data p.chart-description {
  max-width: 60%;
  padding-bottom: 25px;
  font-size: 1.1em;
}

@media (max-width: 575.98px) {
  .hm-data .chart-data p.chart-description {
    max-width: 100%;
  }
}

.hm-data .chart-data .data {
  margin: 0 auto;
  text-align: center;
}

.hm-data .chart-data .data img {
  border: 0;
  margin: 0 auto;
}

.hm-data .chart-data a.btn-default {
  margin: 50px auto 0 auto;
  max-width: 160px;
}

.data .desktop-data {
  display: block;
  max-width: 730px;
  margin: 0 auto;
}

@media (max-width: 575.98px) {
  .data .desktop-data {
    display: none;
  }
}

.data .mobile-data {
  display: none;
}

@media (max-width: 575.98px) {
  .data .mobile-data {
    display: block;
    margin: 0 auto;
    max-width: 412px;
  }
}

.home-events {
  padding: 50px 0 0 0;
  min-height: 500px;
}

.home-events .title-events {
  position: absolute;
  left: -14%;
  top: 50%;
  margin: 0;
  -webkit-transform: rotate(-90deg) translate(-50%, 0);
          transform: rotate(-90deg) translate(-50%, 0);
  -webkit-transform-origin: left top 0;
          transform-origin: left top 0;
  font-weight: 700;
  font-size: 3em;
  letter-spacing: 0.02em;
  color: #9a9a9a;
}

@media (max-width: 990px) {
  .home-events .title-events {
    position: relative;
    left: auto;
    top: 0px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-bottom: 25px;
  }
}

@media (min-width: 1200px) and (max-width: 1367px) {
  .home-events .title-events {
    left: -9%;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .home-events .title-events {
    left: -10%;
  }
}

@media (max-width: 575.98px) {
  .home-events .title-events {
    margin: 0;
    padding: 0;
    font-size: 2em;
  }
}

.home-events .event-list {
  padding: 15px 0;
}

.home-events .event-list .event-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #9a9a9a;
  padding: 25px 0 20px 0;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.home-events .event-list .event-item .item-line {
  width: 90%;
}

.home-events .event-list .event-item .item-line p.date {
  font-size: 0.95em;
  margin: 0;
  padding-bottom: 5px;
}

.home-events .event-list .event-item .item-line h4 {
  padding: 0.5em 0;
}

.home-events .event-list .event-item .item-line h4 a {
  color: #000000;
  font-weight: 700;
  display: block;
}

.home-events .event-list .event-item a.btn {
  font-size: 0.9em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-weight: 500;
  color: #9a9a9a;
}

.home-events .event-list .event-item a.btn:hover {
  color: #4495d1;
}

.home-events a.btn.btn-see-events {
  font-size: 0.9em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin: 50px 0 50px 0;
  font-weight: 500;
  color: #9a9a9a;
}

.home-events a.btn.btn-see-events:hover {
  color: #4495d1;
}

@media (min-width: 1200px) {
  .col-lg-12 {
    width: 100%;
    position: relative;
    min-height: 1px;
  }
}

/*Slick next and previous overridden */
.data .slick-prev:before, .data .slick-next:before {
  color: #3f3f3f;
}