@import url("https://fonts.googleapis.com/css2?family=Sansita+Swashed&display=swap");
html {
  min-height: 100%;
  position: relative;
  scroll-behavior: smooth;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  color: #fff;
  background-color: #fff;
}

body .container.page {
  max-width: 1024px;
}

body nav .hero-nav {
  padding: 0 4rem .5rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body nav.navbar {
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

body nav.navbar .navbar-nav {
  height: 80px;
  font-size: .8rem;
  text-transform: uppercase;
}

body nav.navbar .navbar-nav .nav-item .nav-link {
  color: #000;
  margin-right: 4rem;
  margin-top: 1.5rem;
  padding: 0;
  position: relative;
}

body nav.navbar .navbar-nav .nav-item .nav-link.last-nav {
  margin-right: 0;
}

body nav.navbar .navbar-nav .nav-item .nav-link .svg-inline--fa.fa-w-14 {
  width: 0.675em;
}

body nav.navbar .navbar-nav .nav-item .nav-link:hover::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  display: block;
  background: #CB2C2F;
}

body nav.navbar .navbar-nav .nav-item.active {
  color: #000;
  font-weight: bold;
}

body nav.navbar .navbar-nav .nav-item.active .nav-link {
  color: #000;
  padding-bottom: 0;
  margin-bottom: 1.65rem;
}

body nav.navbar .navbar-nav .nav-item.active .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  display: block;
  background: #CB2C2F;
}

body nav.navbar .navbar-nav .nav-item.droplink::after {
  content: '';
  display: none;
  position: absolute;
  top: 3.5rem;
  left: 0;
  width: 100%;
  height: 50px;
  padding-bottom: 1rem;
  text-decoration: none;
  background: transparent;
  z-index: 1;
  -webkit-transition: display 0.3s ease-in-out;
  transition: display 0.3s ease-in-out;
}

body nav.navbar .navbar-nav .nav-item.droplink .sub-nav-link {
  display: none;
  position: absolute;
  top: 4.5rem;
  z-index: 2;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-transition: display 0.3s ease-in-out;
  transition: display 0.3s ease-in-out;
}

body nav.navbar .navbar-nav .nav-item.droplink .sub-nav-link li {
  position: relative;
  display: inline-block;
}

body nav.navbar .navbar-nav .nav-item.droplink .sub-nav-link a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  margin-right: 1.5rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

body nav.navbar .navbar-nav .nav-item.droplink .sub-nav-link a:hover {
  color: #CB2C2F;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

body nav.navbar .navbar-nav .nav-item.droplink .sub-nav-link a:hover.non-click {
  color: #000;
  cursor: default;
}

body nav.navbar .navbar-nav .nav-item.droplink .sub-nav-link.our-nav a {
  font-weight: bold;
}

body nav.navbar .navbar-nav .nav-item.droplink .sub-nav-link.our-nav li:hover .expand {
  display: block;
}

body nav.navbar .navbar-nav .nav-item.droplink .sub-nav-link.our-nav .expand {
  display: none;
  -webkit-padding-start: unset;
          padding-inline-start: unset;
  font-size: .8rem;
}

body nav.navbar .navbar-nav .nav-item.droplink .sub-nav-link.our-nav .expand li {
  display: block;
}

body nav.navbar .navbar-nav .nav-item.droplink .sub-nav-link.our-nav .expand a {
  font-weight: normal;
}

body nav.navbar .navbar-nav .nav-item.droplink .sub-nav-link.our-nav .expand::after {
  content: '';
  position: absolute;
  top: 0;
  left: -1rem;
  width: 100vw;
  height: 70px;
  border-radius: 10px;
  text-decoration: none;
  background: #AFB0B2;
  z-index: -1;
  -webkit-transition: display 0.3s ease-in-out;
  transition: display 0.3s ease-in-out;
}

body nav.navbar .navbar-nav .nav-item.droplink:hover::after {
  display: block;
}

body nav.navbar .navbar-nav .nav-item.droplink:hover .sub-nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body nav.navbar .navbar-nav .nav-item.droplink:hover .sub-nav-link p {
  margin: 0;
}

body nav.navbar .navbar-nav.home .nav-item.droplink .sub-nav-link {
  top: 3.5rem;
}

body nav.navbar .navbar-nav.home .nav-item.droplink .sub-nav-link.our-nav .expand::after {
  background: transparent;
}

body nav.navbar.navbar-scrolled, body nav.navbar.nav-pages {
  background: #dbdbdb;
  -webkit-box-shadow: 10px 10px 60px -25px black;
  box-shadow: 10px 10px 60px -25px black;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

body nav.navbar.navbar-scrolled .navbar-nav, body nav.navbar.nav-pages .navbar-nav {
  height: 50px;
}

body nav.navbar.navbar-scrolled .navbar-nav .nav-item .nav-link, body nav.navbar.nav-pages .navbar-nav .nav-item .nav-link {
  margin-top: 1rem;
}

body nav.navbar.navbar-scrolled .navbar-nav .nav-item.droplink::after, body nav.navbar.nav-pages .navbar-nav .nav-item.droplink::after {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: #AFB0B2;
}

body nav.navbar.navbar-scrolled .navbar-nav .nav-item.droplink .sub-nav-link, body nav.navbar.nav-pages .navbar-nav .nav-item.droplink .sub-nav-link {
  top: 4.5rem;
}

body nav.navbar.navbar-scrolled .navbar-nav .nav-item.droplink .sub-nav-link a, body nav.navbar.nav-pages .navbar-nav .nav-item.droplink .sub-nav-link a {
  color: #fff;
  font-weight: bold;
}

body nav.navbar.navbar-scrolled .navbar-nav .nav-item.droplink .sub-nav-link a:hover, body nav.navbar.nav-pages .navbar-nav .nav-item.droplink .sub-nav-link a:hover {
  color: #CB2C2F;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

body nav.navbar.navbar-scrolled .navbar-nav .nav-item.droplink .sub-nav-link a:hover.non-click, body nav.navbar.nav-pages .navbar-nav .nav-item.droplink .sub-nav-link a:hover.non-click {
  color: #fff;
  cursor: default;
}

body nav.navbar.navbar-scrolled .navbar-nav .nav-item.droplink .sub-nav-link a.active, body nav.navbar.nav-pages .navbar-nav .nav-item.droplink .sub-nav-link a.active {
  color: #CB2C2F;
}

body nav.navbar.navbar-scrolled .navbar-nav .nav-item.droplink .sub-nav-link.our-nav .expand::after, body nav.navbar.nav-pages .navbar-nav .nav-item.droplink .sub-nav-link.our-nav .expand::after {
  background: #AFB0B2;
}

body nav.navbar.navbar-scrolled .navbar-nav.home .nav-item .nav-link {
  padding-bottom: 1.65rem;
}

body nav.navbar.navbar-scrolled .navbar-nav .nav-item .nav-link {
  padding-bottom: 1.65rem;
}

body nav.navbar.navbar-scrolled .navbar-nav .nav-item.active .nav-link {
  padding-bottom: 0;
}

body nav.navbar .navbar-brand .img-brand {
  max-width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

body nav.navbar .navbar-brand .img-shrink {
  max-width: 160px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

body main {
  /* HOMEPAGE START 
        ===================================*/
  /* HOMEPAGE END 
        ===================================*/
  /* ABOUT START 
        ===================================*/
  /* ABOUT END 
        ===================================*/
  /* NEWS START 
        ===================================*/
  /* NEWS END 
        ===================================*/
  /* CONTACT-US START --BELOMAN--
        ===================================*/
  /* CONTACT-US END 
        ===================================*/
  /* CAREERS START 
        ===================================*/
  /* CAREERS END 
        ===================================*/
  /* OUR BUSINESS START
        ===================================*/
  /* OUR BUSINESS END 
        ===================================*/
  /* GALLERY START 
        ===================================*/
  /* GALLERY END 
        ===================================*/
  /* CSR PAGE START 
        ===================================*/
  /* CSR PAGE END 
        ===================================*/
}

body main#content {
  overflow: hidden;
  padding-bottom: 64px;
}

body main .section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

body main h1 {
  margin-top: 3.5rem;
  font-size: 2.5rem;
  font-weight: bold;
}

body main h1 hr {
  border: 3px solid #fff;
  margin: 2rem 0 3rem;
  width: 4rem;
}

body main h1.pages {
  color: #000;
}

body main h2 {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

body main h3 {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

body main h4 {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

body main h5 {
  font-weight: bold;
}

body main .btn-primary {
  color: #fff;
  background-color: #00AAEB;
  padding: .5rem 1.5rem;
  margin-top: .5rem;
  border-radius: 10px;
  border: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body main .btn-primary:hover {
  background-color: #2E74B4;
}

body main .btn-secondary {
  color: #fff;
  background-color: #424143;
  padding: .5rem 1.5rem;
  border-radius: 12px;
  border: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body main .btn-secondary:hover {
  color: #000;
  background-color: #6D6E71;
}

body main .btn-learn {
  color: white;
  text-decoration: none;
  font-size: 1rem;
  cursor: pointer;
  position: absolute;
  bottom: 16%;
  padding: .35rem 1rem;
  border: thin solid white;
  outline: none;
  background-color: transparent;
  white-space: nowrap;
}

body main .btn-learn::before {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  width: 0;
  height: 100%;
  background-color: white;
  -webkit-transition: 0.35s ease;
  transition: 0.35s ease;
}

body main .btn-learn::after {
  content: "Learn More >";
  color: #000;
  left: 18px;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.65s ease;
  transition: opacity 0.65s ease;
}

body main .btn-learn:hover::before {
  width: 100%;
}

body main .btn-learn:hover::after {
  opacity: 1;
}

body main .btn-learn.w-submit::after {
  content: "Submit >";
  left: 18px;
}

body main .btn-load {
  color: #000;
  text-decoration: none;
  font-size: 1rem;
  cursor: pointer;
  padding: .3rem 1rem;
  border: thin solid #000;
  background-color: transparent;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

body main .btn-load:hover {
  color: #fff;
  background-color: #000;
}

body main .header {
  width: 100%;
  height: 90vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  position: relative;
}

body main .header .heading {
  font-size: 3rem;
  font-weight: bold;
  line-height: 3.3rem;
  width: auto;
  max-width: 100%;
  top: 0;
  position: static;
  top: 40%;
}

body main .header .sub-heading {
  font-size: 1.3rem;
  line-height: 1.8rem;
  width: auto;
  max-width: 100%;
  top: 0;
  position: static;
}

body main .business-tiles p {
  color: #fff;
  text-align: center;
  font-weight: bold;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .business-tiles .tiles-wrap {
  width: 100%;
  height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

body main .business-tiles .tiles-wrap .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  -webkit-transition: -webkit-box-flex 0.3s ease;
  transition: -webkit-box-flex 0.3s ease;
  transition: flex 0.3s ease;
  transition: flex 0.3s ease, -webkit-box-flex 0.3s ease, -ms-flex 0.3s ease;
}

body main .business-tiles .tiles-wrap .item:hover {
  -webkit-box-flex: 1.5;
      -ms-flex: 1.5;
          flex: 1.5;
}

body main .business-tiles .tiles-wrap .item.mining {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(236, 33, 36, 0.6)), to(rgba(236, 33, 36, 0.6))), url("../img/bg/tiles/bg-mining.png");
  background: linear-gradient(rgba(236, 33, 36, 0.6), rgba(236, 33, 36, 0.6)), url("../img/bg/tiles/bg-mining.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

body main .business-tiles .tiles-wrap .item.contracting {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(82, 81, 83, 0.8)), to(rgba(82, 81, 83, 0.8))), url("../img/bg/tiles/bg-contracting.png");
  background: linear-gradient(rgba(82, 81, 83, 0.8), rgba(82, 81, 83, 0.8)), url("../img/bg/tiles/bg-contracting.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

body main .business-tiles .tiles-wrap .item.property {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(63, 150, 61, 0.6)), to(rgba(63, 150, 61, 0.6))), url("../img/bg/tiles/bg-property.png");
  background: linear-gradient(rgba(63, 150, 61, 0.6), rgba(63, 150, 61, 0.6)), url("../img/bg/tiles/bg-property.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

body main .business-tiles .tiles-wrap .item.trading {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(154, 31, 99, 0.6)), to(rgba(154, 31, 99, 0.6))), url("../img/bg/tiles/bg-trading.png");
  background: linear-gradient(rgba(154, 31, 99, 0.6), rgba(154, 31, 99, 0.6)), url("../img/bg/tiles/bg-trading.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

body main .business-tiles .tiles-wrap .item.tollroad {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 96, 158, 0.6)), to(rgba(8, 96, 158, 0.6))), url("../img/bg/tiles/bg-toll.png");
  background: linear-gradient(rgba(8, 96, 158, 0.6), rgba(8, 96, 158, 0.6)), url("../img/bg/tiles/bg-toll.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

body main .business-tiles .tiles-wrap .item.pharma {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(146, 39, 143, 0.7)), to(rgba(146, 39, 143, 0.7))), url("../img/bg/tiles/bg-pharma.png");
  background: linear-gradient(rgba(146, 39, 143, 0.7), rgba(146, 39, 143, 0.7)), url("../img/bg/tiles/bg-pharma.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

body main .business-tiles .tiles-wrap .item .business-type {
  margin: 5rem auto 0;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

body main .business-tiles .tiles-wrap .item .business-type .head {
  margin-bottom: 1rem;
  text-align: center;
}

body main .business-tiles .tiles-wrap .item .business-type .head img {
  margin: 0 0 2rem;
  width: 80px;
}

body main .business-tiles .tiles-wrap .item .business-type .head h2 {
  font-size: 1.5rem;
  font-weight: bold;
  -webkit-transition: font-size 0.3s ease;
  transition: font-size 0.3s ease;
}

body main .business-tiles .tiles-wrap .item .business-type .desc {
  opacity: 0;
  max-width: 14rem;
  text-align: center;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

body main .business-tiles .tiles-wrap .item .business-type .desc p {
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
  margin-bottom: 1.3rem;
}

body main .business-tiles .tiles-wrap .item .business-type .desc a {
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: normal;
  -webkit-transition: letter-spacing 0.3s ease;
  transition: letter-spacing 0.3s ease;
}

body main .business-tiles .tiles-wrap .item .business-type .desc a:hover {
  letter-spacing: 1px;
  -webkit-transition: letter-spacing 0.3s ease;
  transition: letter-spacing 0.3s ease;
}

body main .business-tiles .tiles-wrap .item:hover .head h2 {
  font-size: 1.7rem;
  -webkit-transition: font-size 0.3s ease;
  transition: font-size 0.3s ease;
}

body main .business-tiles .tiles-wrap .item:hover .desc {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

body main .business-tiles::after {
  position: relative;
}

body main .partners {
  padding-bottom: 3rem;
}

body main .partners h1 {
  color: #000;
}

body main .partners h1 hr {
  border: 3px solid #000;
}

body main .partners .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body main .partners .slick-track .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body main .partners img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

body main .partners img:hover {
  -webkit-filter: none;
          filter: none;
}

body main .awards {
  background: url("../img/bg/bg-award2.png");
  background-size: cover;
  padding-bottom: 3rem;
  background-position: center;
}

body main .awards p {
  font-size: 1rem;
  line-height: 1.8rem;
  padding-right: 1rem;
}

body main .awards .logo-awards {
  padding: 0 .5rem;
}

body main .awards .logo-awards img {
  width: 150px;
  height: auto;
  margin-right: 1.2rem;
}

body main .news {
  background-color: #424143;
  padding-top: 3.5rem;
  padding-bottom: 2rem;
}

body main .news h1 {
  margin-top: 0;
}

body main .news .post-wrapper {
  padding: 0 1.5rem;
}

body main .news .post-wrapper .news-post {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top !important;
  height: 27rem;
}

body main .news .post-wrapper .news-post .caption {
  margin: 1rem 0 0;
  position: absolute;
  left: .7rem;
  bottom: 1rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .news .post-wrapper .news-post .caption span {
  color: #fff;
  font-weight: bold;
  font-size: 1.15rem;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

body main .news .post-wrapper .news-post .caption p {
  font-size: .8rem;
  font-weight: normal;
  margin-bottom: 0;
}

body main .news .post-wrapper .news-post .arrow {
  background-image: url("../img/ic/ic_arrow.png");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 1rem;
  right: .7rem;
  width: 40px;
  height: 40px;
  border: thin solid #fff;
}

body main .news .post-wrapper .news-post:hover .arrow {
  background-image: url("../img/ic/ic_arrow_black.png");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
}

body main .news .post-wrapper .post {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-bottom: 2rem;
}

body main .news .post-wrapper .post img {
  height: 250px;
  border-radius: 5px;
}

body main .news .post-wrapper .post p {
  font-size: 0.9rem;
  font-weight: normal;
}

body main .news .post-wrapper .post .title-post {
  margin: 1rem 0 2rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .news .post-wrapper .post .title-post a {
  color: #fff;
  font-weight: bold;
  font-size: 1.3rem;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

body main .news .post-wrapper .post .title-post a:hover {
  color: #424143;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

body main .news .post-wrapper .post .desc-post {
  line-height: 1.3rem;
  margin-right: 2rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .news .post-wrapper .post .desc-post a.rmore-link {
  color: #fff;
  font-size: 0.8rem;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: normal;
  text-transform: uppercase;
  -webkit-transition: letter-spacing 0.3s ease;
  transition: letter-spacing 0.3s ease;
}

body main .news .post-wrapper .post .desc-post a.rmore-link:hover {
  letter-spacing: 2px;
  -webkit-transition: letter-spacing 0.3s ease;
  transition: letter-spacing 0.3s ease;
}

body main .news .post-wrapper .post:hover {
  border: thin solid #000;
  -webkit-transform: scale3d(1.03, 1.03, 1);
          transform: scale3d(1.03, 1.03, 1);
  -webkit-box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, 0.75);
  box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .news .post-wrapper .post:hover .title-post {
  -webkit-transform: scale3d(0.9, 0.9, 1);
          transform: scale3d(0.9, 0.9, 1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .news .post-wrapper .post:hover .desc-post {
  -webkit-transform: scale3d(0.9, 0.9, 1);
          transform: scale3d(0.9, 0.9, 1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .helps {
  background-color: #424143;
  padding-bottom: 4rem;
}

body main .helps h1 {
  font-size: 4rem;
  line-height: 4rem;
  margin-bottom: 1.5rem;
}

body main .helps h5 {
  color: #fff;
}

body main .helps p {
  font-size: 1.7rem;
}

body main .helps img {
  width: 100px;
  margin-top: 3.5rem;
  margin-bottom: 1rem;
}

body main .helps a {
  text-decoration: none;
}

body main .helps a:hover h5 {
  color: #dbdbdb;
}

body main .we {
  margin-top: 4rem;
  margin-bottom: 3rem;
}

body main .we .bg-we {
  background-position: center;
  width: 100vw;
  height: 450px;
}

body main .we .bg-we .heading {
  font-size: 5rem;
}

body main .we .missions {
  background-color: #2C73B5;
  padding-bottom: 2.5rem;
}

body main .we .missions h1 {
  margin-top: 0;
  padding-top: 3rem;
}

body main .we .missions img {
  padding-bottom: 1.5rem;
}

body main .we .the-value {
  padding: 1rem 8rem;
}

body main .we .the-value .check-blue {
  background-image: url("../img/ic/ic_cek_blue.png");
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
}

body main .we .the-value .mid-value {
  border-left: thin solid #6D6E71;
  border-right: thin solid #6D6E71;
}

body main .we .the-value .each-value p {
  color: #000;
  margin-bottom: 0;
}

body main .we .the-value .each-value p.tag {
  font-weight: bold;
  font-size: 1.5rem;
  text-transform: uppercase;
}

body main .we .the-value .each-value p.desc-tag {
  color: #6D6E71;
  font-size: 1.3rem;
}

body main .about-us {
  margin-top: 3rem;
  color: #000;
  margin-bottom: 1.5rem;
}

body main .about-us .first-p {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.7rem;
}

body main .about-us .other-p {
  font-size: 1rem;
  line-height: 1.5rem;
}

body main .directors {
  margin-top: 4rem;
  margin-bottom: 3rem;
}

body main .directors .bg-directors {
  background-position: center;
  width: 100vw;
  height: 450px;
}

body main .directors .bg-directors .heading {
  font-family: 'Montserrat Bold';
  font-size: 5rem;
  line-height: 5rem;
}

body main .directors .bg-directors .sub-heading {
  font-family: 'Nunito Sans';
  top: 65%;
}

body main .directors .dirs {
  margin-top: 3rem;
  padding: 0 1.5rem;
}

body main .directors .dirs .news-post {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top !important;
  height: 35rem;
}

body main .directors .dirs .news-post .caption {
  margin: 1rem 0 0;
  position: absolute;
  left: .7rem;
  bottom: 1rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .directors .dirs .news-post .caption span {
  color: #fff;
  font-weight: bold;
  font-size: 1.15rem;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

body main .directors .dirs .news-post .caption p {
  font-size: .8rem;
  font-weight: normal;
  margin-bottom: 0;
}

body main .directors .dirs .news-post .arrow {
  background-image: url("../img/ic/ic_arrow.png");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 1rem;
  right: .7rem;
  width: 40px;
  height: 40px;
  border: thin solid #fff;
}

body main .directors .dirs .news-post:hover .arrow {
  background-image: url("../img/ic/ic_arrow_black.png");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
}

body main .directors .dirs .post {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-bottom: 2rem;
}

body main .directors .dirs .post img {
  height: 250px;
  border-radius: 5px;
}

body main .directors .dirs .post p {
  font-size: 0.9rem;
  font-weight: normal;
}

body main .directors .dirs .post .title-post {
  margin: 1rem 0 2rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .directors .dirs .post .title-post a {
  color: #fff;
  font-weight: bold;
  font-size: 1.3rem;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

body main .directors .dirs .post .title-post a:hover {
  color: #424143;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

body main .directors .dirs .post .desc-post {
  line-height: 1.3rem;
  margin-right: 2rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .directors .dirs .post .desc-post a.rmore-link {
  color: #fff;
  font-size: 0.8rem;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: normal;
  text-transform: uppercase;
  -webkit-transition: letter-spacing 0.3s ease;
  transition: letter-spacing 0.3s ease;
}

body main .directors .dirs .post .desc-post a.rmore-link:hover {
  letter-spacing: 2px;
  -webkit-transition: letter-spacing 0.3s ease;
  transition: letter-spacing 0.3s ease;
}

body main .directors .dirs .post:hover {
  border: thin solid #000;
  -webkit-transform: scale3d(1.03, 1.03, 1);
          transform: scale3d(1.03, 1.03, 1);
  -webkit-box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, 0.75);
  box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .directors .dirs .post:hover .title-post {
  -webkit-transform: scale3d(0.9, 0.9, 1);
          transform: scale3d(0.9, 0.9, 1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .directors .dirs .post:hover .desc-post {
  -webkit-transform: scale3d(0.9, 0.9, 1);
          transform: scale3d(0.9, 0.9, 1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .news-page {
  margin-top: 4rem;
  margin-bottom: 5rem;
  background-color: unset;
}

body main .news-page .bg-news {
  background-position: center;
  width: 100vw;
  height: 450px;
}

body main .news-page .bg-news .heading {
  font-size: 5rem;
}

body main .news-page #back {
  font-size: 1rem;
  background: transparent;
  border: none;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

body main .news-page #back:hover {
  color: #00AAEB;
  letter-spacing: 1px;
}

body main .news-page #print {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url("../img/ic/ic_print.jpg");
  background: linear-gradient(transparent, transparent), url("../img/ic/ic_print.jpg");
  background-repeat: no-repeat;
  width: 85px;
  height: 35px;
  border: none;
}

body main .news-page #print:hover {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

body main .news-page #load-news {
  margin-top: 3rem;
}

body main .news-page .the-post {
  border: thin solid #000;
  margin-bottom: 1.5rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .news-page .the-post img {
  width: 450px;
}

body main .news-page .the-post .the-posttext {
  color: #000;
  padding: 3rem 2.5rem 1rem;
}

body main .news-page .the-post .the-posttext p {
  margin-bottom: 1rem;
}

body main .news-page .the-post .the-posttext a {
  text-decoration: none;
  margin-bottom: 1rem;
}

body main .news-page .the-post:hover {
  -webkit-transform: scale3d(1.005, 1.005, 1);
          transform: scale3d(1.005, 1.005, 1);
  -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .news-page .the-details .the-newsphoto img {
  width: 100%;
}

body main .news-page .the-details .the-newsdetails {
  color: #000;
  margin-top: 4rem;
  position: relative;
}

body main .news-page .the-details .the-newsdetails h2 {
  margin-bottom: 1.5rem;
}

body main .news-page .post-wrapper {
  margin-top: 3rem;
}

body main .contact {
  margin-top: 4rem;
}

body main .contact .bg-contact {
  background-position: center;
  width: 100vw;
  height: 450px;
}

body main .contact .bg-contact .heading {
  font-size: 5rem;
}

body main .contact .address {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

body main .contact .address a {
  color: #000;
  text-decoration: none;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

body main .contact .address a:hover {
  color: #0E76BC;
}

body main .contact .left-side {
  color: #000;
}

body main .contact .left-side h4 {
  text-transform: unset;
}

body main .contact .left-side p {
  font-size: 1rem;
  line-height: 1.2rem;
}

body main .contact .right-side img {
  width: 400px;
}

body main .contact .the-field {
  background-color: #2C73B5;
  padding: 2rem 4rem;
}

body main .contact .the-field .the-form {
  margin: 2rem 0 4rem;
}

body main .contact .the-field .the-form label {
  color: #fff;
}

body main .contact .the-field .the-form span {
  color: #fff;
  font-size: 0.9rem;
}

body main .contact .the-field .the-form .btn-learn {
  position: relative;
  border-radius: unset;
}

body main .contact .the-field .the-form .btn-learn span {
  color: #000;
  font-size: 1rem;
}

body main .contact .the-field .the-form .form-control {
  color: #E5E6E7;
  border: none;
  border-bottom: thin solid #fff;
  border-radius: 0;
  padding: 0;
  background-color: #2C73B5;
}

body main .contact .the-field .the-form .form-control:focus {
  color: #fff;
  border-bottom: thin solid #E5E6E7;
  background-color: #307cc3;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body main .contact .the-field .the-form select#country {
  overflow: hidden;
  overflow: -moz-hidden-unscrollable;
  background: #E5E6E7, url(../img/ic/ic_down_circle2.png) no-repeat right;
  background-size: 45px;
  display: inline-block;
  position: relative;
  -webkit-appearance: none;
}

body main .careers {
  margin-top: 4rem;
  margin-bottom: 10rem;
}

body main .careers .bg-career {
  background-position: center;
  width: 100vw;
  height: 450px;
}

body main .careers .bg-career .heading {
  font-size: 5rem;
}

body main .careers .the-jobs {
  color: #000;
  margin-top: 4rem;
}

body main .careers .the-jobs h4 {
  text-transform: uppercase;
  margin-bottom: 0;
}

body main .careers .the-jobs h5 {
  margin-top: 1rem;
}

body main .careers .the-jobs a {
  text-decoration: none;
  position: absolute;
  right: 0;
  bottom: 0;
}

body main .careers .the-jobs a.apply {
  position: relative;
}

body main .careers .the-jobs p.postdate {
  color: #424143;
  margin-bottom: 1rem;
}

body main .careers .the-jobs .the-jobpos {
  margin-bottom: 8rem;
  margin-right: 1rem;
  height: 300px;
  position: relative;
}

body main .careers .the-jobs .the-jobpos.right {
  border-left: thin solid #000;
  padding-left: 1.5rem;
}

body main .careers .the-jobs #back {
  position: absolute;
  right: 10rem;
  bottom: -4.7rem;
  font-size: 1rem;
  background: transparent;
  border: none;
  margin-bottom: 1rem;
  text-transform: uppercase;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

body main .careers .the-jobs #back:hover {
  color: #00AAEB;
  letter-spacing: 1px;
}

body main .our-business {
  margin-top: 4rem;
}

body main .our-business .bg-business {
  background-position: center;
  width: 100vw;
  height: 450px;
}

body main .our-business .bg-business #with-icon {
  padding-bottom: 8rem;
}

body main .our-business .bg-business ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}

body main .our-business .bg-business .heading {
  font-size: 5rem;
}

body main .our-business .bg-business .headline {
  font-size: 4rem;
  font-weight: bold;
  line-height: 4.2rem;
  position: inherit;
  z-index: 3;
}

body main .our-business .bg-business .headline.mine {
  font-size: 3rem;
}

body main .our-business .bg-business .headline.mine.main {
  padding-top: 5rem;
}

body main .our-business .bg-business .headline.keys {
  max-width: 100%;
  position: relative;
  padding-top: 0;
}

body main .our-business .bg-business .headline.smallest {
  font-size: 2.5rem;
  line-height: 3.2rem;
}

body main .our-business .bg-business .headline.small {
  font-size: 3rem;
}

body main .our-business .bg-business .headline.medium {
  font-size: 3.5rem;
}

body main .our-business .bg-business .headline.large {
  font-size: 4rem;
  line-height: 5rem;
}

body main .our-business .bg-business .headline.largest {
  font-size: 4.5rem;
  line-height: 5rem;
}

body main .our-business .bg-business .spec-wrapper {
  max-width: 80%;
}

body main .our-business .bg-business .spec-wrapper.with-par {
  max-width: 99%;
}

body main .our-business .bg-business .spec-wrapper .specs {
  font-weight: 400;
  line-height: 1.5rem;
}

body main .our-business .bg-business .spec-wrapper .specs.with-par {
  max-width: 70%;
}

body main .our-business .bg-business .spec-wrapper .specs ul {
  font-weight: 500;
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}

body main .our-business .bg-business .spec-wrapper .specs p {
  font-size: 1.1rem;
  font-weight: normal;
}

body main .our-business .bg-business .spec-wrapper .btn-learn {
  position: relative;
  font-weight: normal;
}

body main .our-business .bg-business .spec-wrapper.mine {
  max-width: 90%;
  padding: 3rem 0;
  position: relative;
}

body main .our-business .bg-business .spec-wrapper.mine .btn-learn {
  position: absolute;
  right: 0;
  bottom: 70%;
}

body main .our-business .bg-business .section-tab {
  top: 0;
  background-color: #fff;
  height: 70px;
  padding: 1rem 5rem;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

body main .our-business .bg-business .section-tab .section-name {
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
}

body main .our-business .bg-business .section-tab .section-name.mining {
  color: #e62327;
}

body main .our-business .bg-business .section-tab .section-name.gold {
  color: #FCB040;
}

body main .our-business .bg-business .section-tab .section-name.mine {
  color: #424143;
}

body main .our-business .bg-business .section-tab .section-name.mine2 {
  color: #0E76BC;
}

body main .our-business .bg-business .section-tab .section-name.trading {
  color: #92278F;
}

body main .our-business .bg-business .section-tab .section-name.property {
  color: #0B9444;
}

body main .our-business .bg-business .icon {
  position: absolute;
  bottom: 0;
  width: 103px;
  height: 92px;
  background-repeat: no-repeat;
}

body main .our-business .bg-business .icon.mining {
  background-image: url("../img/bg/tiles/icons/ic_mining2.png");
}

body main .our-business .bg-business .icon.contracting {
  background-image: url("../img/bg/tiles/icons/ic_contracting.png");
}

body main .our-business .bg-business .icon.trading {
  background-image: url("../img/bg/tiles/icons/ic_trading2.png");
}

body main .our-business .bg-business .icon.property {
  background-image: url("../img/bg/tiles/icons/ic_property2.png");
}

body main .our-business .bg-business .icon.toll {
  background-image: url("../img/bg/tiles/icons/ic_toll2.png");
}

body main .our-business .bg-business .vector {
  position: absolute;
  background-repeat: no-repeat;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

body main .our-business .bg-business .vector.mining {
  left: 20%;
  bottom: 20%;
  width: 270px;
  height: 155px;
  background-image: url("../img/ic/vectors/truck.png");
}

body main .our-business .bg-business .vector.inland {
  top: 25%;
  right: 10%;
  width: 325px;
  height: 180px;
  background-image: url("../img/ic/vectors/kobelco.png");
}

body main .our-business .bg-business .vector.jetty {
  top: 2%;
  left: 20%;
  width: 232px;
  height: 258px;
  background-image: url("../img/ic/vectors/crane.png");
}

body main .our-business .bg-business .vector.barging {
  top: 50%;
  right: 10%;
  width: 279px;
  height: 192px;
  background-image: url("../img/ic/vectors/truck2.png");
}

body main .our-business .bg-business .vector.mine {
  left: 25%;
  bottom: 8%;
  width: 141px;
  height: 209px;
  background-image: url("../img/ic/vectors/miner.png");
}

body main .our-business .bg-business .vector.crane {
  top: 5%;
  right: 5%;
  width: 229px;
  height: 251px;
  background-image: url("../img/ic/vectors/crane2.png");
}

body main .our-business .bg-business .vector.truck2 {
  top: 10%;
  right: 10%;
  width: 279px;
  height: 192px;
  background-image: url("../img/ic/vectors/truck2.png");
}

body main .our-business .bg-business .vector.truck3 {
  top: 12%;
  left: -1%;
  width: 251px;
  height: 157px;
  background-image: url("../img/ic/vectors/truck3.png");
}

body main .our-business .bg-business .vector.kobelco {
  top: 7%;
  right: 10%;
  width: 244px;
  height: 187px;
  background-image: url("../img/ic/vectors/kobelco2.png");
}

body main .our-business .bg-business .vector.trade {
  left: 25%;
  bottom: 12%;
  width: 140px;
  height: 178px;
  background-image: url("../img/ic/vectors/stock1.png");
}

body main .our-business .bg-business .vector.stock {
  top: 10%;
  right: 15%;
  width: 129px;
  height: 121px;
  background-image: url("../img/ic/vectors/stock2.png");
}

body main .our-business .bg-business .vector.pie {
  top: 15%;
  right: 8%;
  width: 132px;
  height: 137px;
  background-image: url("../img/ic/vectors/pie.png");
}

body main .our-business .bg-business .vector.home {
  left: 25%;
  bottom: 12%;
  width: 203px;
  height: 190px;
  background-image: url("../img/ic/vectors/home.png");
}

body main .our-business .bg-business .vector.belco {
  top: 12%;
  right: 2%;
  width: 325px;
  height: 180px;
  background-image: url("../img/ic/vectors/kobelco.png");
}

body main .our-business .bg-business .spacer-medium {
  margin: 5rem 0 0;
  height: 320px;
}

body main .our-business .bg-business .spacer-small {
  margin: 5rem 0 0;
  height: 180px;
}

body main .our-business .bg-business .thumbnail {
  top: 20%;
  width: 550px;
  height: 300px;
}

body main .our-business .bg-business .thumbnail.at-right {
  right: 4%;
}

body main .our-business .bg-business .thumbnail .white-frame {
  width: 100%;
  height: 100%;
  border: thin solid #fff;
  position: relative;
  z-index: 2;
}

body main .our-business .bg-business .thumbnail .image {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  -webkit-transition: .3s all ease;
  transition: .3s all ease;
}

body main .our-business .bg-business .thumbnail .image img {
  width: 100%;
  max-height: 100%;
}

body main .our-business .bg-business .thumbnail .image.bottom-right {
  top: 0;
  left: 0;
}

body main .our-business .bg-business .thumbnail .image.top-right {
  top: 0;
  left: 0;
}

body main .our-business .bg-business .thumbnail .image.top-left {
  top: 0;
  left: 0;
}

body main .our-business .bg-business .thumbnail:hover .image.bottom-right, body main .our-business .bg-business .thumbnail:hover .image.top-right, body main .our-business .bg-business .thumbnail:hover .image.top-left {
  top: 0;
  left: 0;
}

body main .our-business .bg-business.mining {
  height: auto;
  border-top: 5px solid #fff;
}

body main .our-business .bg-business .all-project {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

body main .our-business .info {
  color: #000;
  padding-bottom: 3rem;
}

body main .our-business .info .general-info {
  padding: 3rem 7rem;
}

body main .our-business .info .general-info .number {
  color: #e62327;
  font-size: 3.5rem;
  font-weight: 600;
}

body main .our-business .info .general-info .number.mine {
  color: #424143;
}

body main .our-business .info .general-info .number.mine2 {
  color: #00AAEB;
}

body main .our-business .info .general-info .number.trade {
  color: #B95D8E;
}

body main .our-business .info .general-info .number.prop {
  color: #0B9444;
}

body main .our-business .info .general-info .number span {
  font-size: 1.5rem;
}

body main .our-business .info .general-info img {
  padding-bottom: 1.5rem;
}

body main .our-business .info .general-info p {
  color: #424143;
}

body main .our-business .info .info-wrapper {
  margin-bottom: 2.5rem;
}

body main .our-business .info .info-wrapper span {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: unset;
}

body main .our-business .info .info-wrapper p {
  margin-top: 1.5rem;
}

body main .our-business .info .info-wrapper ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}

body main .our-business .info .info-wrapper.mine {
  padding-top: 3rem;
}

body main .our-business .info .address img {
  height: 80px;
}

body main .gallery {
  margin-top: 4rem;
  margin-bottom: 5rem;
}

body main .gallery .bg-gallery {
  background-position: center;
  width: 100vw;
  height: 450px;
}

body main .gallery .bg-gallery .heading {
  font-size: 5rem;
}

body main .gallery #gallery {
  margin-top: 3rem;
}

body main .gallery #gallery .images {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top !important;
  height: 620px;
}

body main .gallery #gallery .images .caption {
  margin: 1rem 0 0;
  position: absolute;
  left: 3rem;
  bottom: 2rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body main .gallery #gallery .images .caption span {
  color: #fff;
  font-weight: bold;
  font-size: 1.15rem;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

body main .gallery #gallery .images .caption p {
  font-size: .8rem;
  font-weight: normal;
  margin-bottom: 0;
}

body main .gallery #gallery .slick-slide.pic img {
  display: block;
  margin: auto;
  width: 99%;
  height: 620px;
}

body main .gallery #gallery .slick-slide.pics {
  padding: 20px 5px;
}

body main .gallery #gallery .slick-slide.pics img {
  display: block;
  margin: .5rem auto;
  width: 100%;
  height: 100px;
}

body main .gallery #gallery .slick-prev {
  left: 2rem;
  z-index: 1;
}

body main .gallery #gallery .slick-prev:before {
  content: url("../img/ic/arrow_prv.png");
}

body main .gallery #gallery .slick-next {
  right: 3.7rem;
  z-index: 1;
}

body main .gallery #gallery .slick-next:before {
  content: url("../img/ic/arrow_nxt.png");
}

body main .csr-page {
  padding: 6rem 0 5rem;
}

body main .csr-page .head {
  padding: 2rem;
}

body main .csr-page .head .tema {
  color: #000;
}

body main .csr-page .head .tema h2 {
  text-transform: unset;
}

body main .csr-page .big-image {
  background-size: 100vw;
  background-repeat: no-repeat;
  background-position: center;
  height: 80vh;
}

body main .csr-page .the-contents {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

body main .csr-page .the-contents .headline {
  padding: 2rem 12rem;
  text-align: center;
}

body main .csr-page .the-contents .headline span {
  color: #231F20;
  font-family: 'Sansita Swashed', cursive;
  font-size: 1.5rem;
  line-height: 2.2rem;
  letter-spacing: .05rem;
}

body main .csr-page .the-contents .description p, body main .csr-page .the-contents .description div {
  color: #000;
}

body main .csr-page .the-contents .framing {
  padding: 2rem 5rem;
}

body main .csr-page .the-contents .framing .video {
  padding: 2rem;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  width: 100%;
}

body main .csr-page .the-contents .framing .video iframe {
  border: 0;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.modal#modal-apply {
  color: #000;
  max-width: 500px;
  background-color: #949699;
}

.modal#modal-apply a.close-modal {
  right: 7.5px;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.modal#modal-apply h3 {
  text-align: center;
  font-weight: 800;
  margin-bottom: 2rem;
}

.modal#modal-apply .modals-body {
  padding: 0 1.5rem;
  margin-bottom: 5rem;
}

.modal#modal-apply .modals-body label {
  font-weight: bold;
}

.modal#modal-apply .modals-body span {
  color: #fff;
  font-style: italic;
}

.modal#modal-apply .modals-body .custom-upload label[for="cvfile"] {
  background-color: #6D6E71;
  color: white;
  font: 300 1rem/1.2rem 'Ubuntu',sans-serif;
  padding: .5rem .8rem;
  margin-bottom: 0;
  border-radius: .2rem;
  cursor: pointer;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.modal#modal-apply .modals-body .custom-upload label[for="cvfile"]:hover {
  background-color: #424143;
}

.modal#modal-apply .modals-body .custom-upload span#file-chosen {
  margin-left: .5rem;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 64px;
  background-color: #424143;
}

.footer p {
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.3rem;
}

.footer .footer-copy {
  background-color: #231F20;
  height: 4rem;
  display: -ms-grid;
  display: grid;
}

.footer .footer-copy p {
  margin: auto;
}
/*# sourceMappingURL=style.css.map */