@font-face {
    font-family: Asap Bold;
    src: url('../fonts/Asap-Bold.ttf');
}
@font-face {
    font-family: Asap Regular;
    src: url('../fonts/Asap-Regular.ttf');
}
@font-face {
    font-family: Asap Medium;
    src: url('../fonts/Asap-Medium.ttf');
}
@font-face {
    font-family: Asap SemiBold Italic;
    src: url('../fonts/Asap-SemiBoldItalic.ttf');
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.container-content:before,
.container-content:after {
    content: " ";
    display: table;
}
.wrapper {
    overflow: hidden;
    position: relative;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.cotainer-content:after {
    clear: both;
}
h1,h2,h3,h4,h5{
    font-family: Asap Bold;
}
p{
    font-family: Asap Regular;
}
label, span, ul, li, input{
    font-family: Asap Medium;
}
a{
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.img-responsive {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
img{
    vertical-align: middle;
}

.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-header{
    padding: 0 80px;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    margin: 110px auto;
    width: 76%;
}
.modal-content {
    position: relative;
    background-color: #004f46;
    background-clip: padding-box;
    outline: 0;
    padding: 29px;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}
.modal-backdrop.in {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.modal-body {
    position: relative;
    padding: 40px 80px;
    padding-right: 13px;
}
.close {
    width: 40px;
    height: 40px;
    text-align: center;
    position: relative;
    outline: none;
    z-index: 9;
    cursor: pointer;
    line-height: 35px;
    float: right;
    right: -76px;
}
.content-search-result h2 {
    font-size: 21px;
    margin-bottom: 28px;
}
.content-search-result span {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Asap Bold;
}
.content-search-result span a {
    color: #fff;
}
.content-search-result span img {
    margin-left: 10px;
    margin-top: -2px;
}
.content-search-result p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 30px;
}
.load-more-search{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
    background-color: #57967A;
    position: relative;
}
.btn-loadmore {
    position: relative;
    background-color: #F5EC4F;
    font-family: Asap Medium!important;
    font-size: 12px!important;
    border-radius: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
}
.btn-loadmore a {
    padding: 9px 15px;
    display: block;
    color: #000;
}
.btn-loadmore img {
    margin-left: 15px;
    margin-top: -4px;
}
.search-result .row{
    height: 270px;
    background-color: #57967A;
}
.img-search-result {
    width: 38%;
    position:  relative;
    float:  left;
    height: 100%;
}
.content-search-result {
    position: relative;
    width: 62%;
    float:  left;
    color: #fff;
    padding: 35px;
    height: 100%;
    padding-right: 105px;
}
.search-result .row:first-child{
    margin-top: -1px;
}
.content-search-result:before{
    content: "";
    position: absolute;
    border-top: 1px solid #fff;
    height: 1px;
    width: 70%;
    top: 0
}
.load-more-search:before{
    content: "";
    position: absolute;
    border-bottom: 1px solid #F5EC4F;
    height: 1px;
    width: 71%;
    top: 35px;
    left: 15%;
}
.search-result .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 60px;
}
.search-result .mCSB_inside>.mCSB_container {
    margin-right: 68px;
}
.search-result .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color:#57967A;
}
.search-result  .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color:#57967A;
}
.search-result .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 21px;
}
.search-result .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #F5EC4F;
}
.search-result .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
}
.search-result .mCSB_scrollTools{
    width: 21px;
}
.search-result .mCSB_scrollTools .mCSB_dragger:hover{
    background-color:#57967A;
    border-radius: 16px;
}
.search-result{
    height: 900px;
}
.search-result-bar{
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #F5EC4F;
    width: 100%;
    padding: 4px 0;
    padding-bottom: 5px;
    color: #fff;
    outline: none;
    font-family: Asap Bold;
    font-size: 36px;
    letter-spacing: 1px;
    background: url(../img/search.png) no-repeat right;
    background-size: 13px;
    padding-right: 25px;
    background-position-y: 75%;
    margin-bottom: 35px;
}
.grid-6{
    position: relative;
    width: 49%;
    float: left;
    margin-left:  1%;
}
.media-home .row {
    margin-left: -1%;
}
.container{
    width: 100%;
   margin: 0 auto;
   position: relative;
}
.search-bar{
    background-color: #004F46;
    text-align:  right;
    padding: 11px 60px;
    padding-bottom: 13px;
}/*
.search-bar input:placeholder {
    #ff
}*/
.search-bar input {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #F5EC4F;
    width: 592px;
    padding: 4px 0;
    padding-bottom:  5px;
    color: #fff;
    outline: none;
    font-size: 14px;
    letter-spacing: 1px;
    background: url(../img/search.png) no-repeat right;
    background-size: 13px;
    padding-right:25px;
    background-position-y:  3px;
}
#publicexpose .row:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #fff;
    height: 1px;
    width: 100%;
    top: 49%;
    left: 0;
}
nav{
    padding: 0px 60px;
    background-color: #fff;
    height: 90px;
    width: 100%;
    position: relative;
    clear: both;
    z-index: 9;
}
nav img{
    width: 370px;
    margin: 23px 0px;
    position: absolute;
}
nav ul {
    float: right;
    margin-right: -10px;
}
nav ul li {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    height:  100%;
    padding-top: 4px;
    vertical-align: middle;
}
nav ul li a{
    padding: 35px 12px;
    display:  block;
    color: #000;
}
.dropdown ul li a{
    padding: 0;
    padding-bottom: 10px;
}
.has-dropdown:hover .dropdown{
    display: block;
}
.has-dropdown:hover{
    background-color: #F5EC4F;;
}
.has-dropdown:hover .hover-border{
    background: url(../img/border-hvr.png) no-repeat center;
    background-position-y: 84px;
    background-size: 75% 2px;
}
.dropdown{
    display: none;
    position: absolute;
    top: 90px;
}
.dropdown ul{
    background-color: #F5EC4F;
    padding: 20px 12px;
    margin-right:  0;
}
.dropdown ul li{/*
    width: 33.333333%;*/
    padding-top: 0;
    /*float: left;
    position: relative;*/
    text-align: left;
}
.border-container:before{
    content: '';
    border-bottom: 10px solid #f5ec4f;
    display:  block;
    position:  absolute;
    height: auto;
    width: 90px;
    left: 62px;
    top: 76px;
    z-index: 9;
}
.banner-section{
    position: relative;
    margin-bottom: 87px;
}
.banner-text{
    position: absolute;
    width: 572px;
    left:  0;
    background-color: #004f46;
    padding: 165px 100px 53px 60px;
    transform: translate(0, -50%);
    top: 50%;
}
.milestone-content .grid-4{
    width: 100%;
}
.milestone .row{
    position: relative;
} 
.milestone-slide.swiper-container{
    position: unset;
    padding-left:8px;
}
.milestone-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: -5px;
}
.milestone-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: -5px;
}
.milestone-slide .swiper-button-next, .milestone-slide .swiper-button-prev{
    top: -50px;
}
.milestone-year{
    margin: 0px 45px;
    margin-bottom:40px;
    position: relative;
    min-height: 106px;
}
.milestone-year:before{
    content: '';
    background: url(../img/milestone-border.png) repeat center;
    position: absolute;
    bottom: 8px;
    width: 100%;
    height: 4px;
}
.milestone-year li:before{
    content: '';
    background: url(../img/bullet-milestone.png) no-repeat center;
    position: absolute;
    height: 22px;
    width: 22px;
    bottom: 0;
    left: 12px;
}
.milestone-year li{
    display: inline-block;
    position: relative;
    padding: 0px 5px;
    padding-top: 10px;
    padding-bottom:35px;
    font-family: Asap Medium;
    font-size: 18px;
    transform: translate(0, 40px);
}
.milestone-year .active{
    color: #015046;
    padding-bottom: 75px;
    transform:  unset;
}
.milestone-year .active:before{
    content: '';
    background: url(../img/bullet-active.svg) no-repeat center;
    position: absolute;
    height: 69px;
    width: 21px;
    bottom: 0;
    left: 13px;
}
.banner-text-invert{
    position: absolute;
    width: 572px;
    height: 490px;
    left:  0;
    background-color: #004f46;
    bottom:0;
    padding: 105px 165px;
    padding-top:  145px;
    padding-right: 20px;
}

.about-banner .banner-text{
    position: absolute;
    width: 465px;
    height: 440px;
    left:  0;
    background-color: #004f46;
    bottom:0;
    padding: 44px 165px;
    padding-top: 105px;
    padding-right: 20px;
    z-index: 1;
}
.contact-banner .banner-text{
    position: absolute;
    width: 465px;
    height: 395px;
    left:  0;
    background-color: #004f46;
    bottom:0;
    padding: 44px 165px;
    padding-top: 105px;
    top: 35%;
    padding-right: 20px;
}
.text-banner-about {
    position: absolute;
    width: 660px;
    left: 480px;
    transform: translate(0, -50%);
    top: 54%;
    color: #fff;
    font-size: 48px;
    z-index: 1;
}
.text-banner-about h1{
    font-family: Asap SemiBold Italic;
    line-height:  60px;
    letter-spacing: 0.5px;
}
.btn-lang{
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #F5EC4F;
    padding: 4px 0px;
    color: #fff;
    outline: none;
    font-size: 14px;
    letter-spacing: 1.5px;
    cursor: pointer;
    text-transform: uppercase;
    font-family: Asap Medium;
}
.btn-lang img{
    margin-left: 38px;
    width: 17px;
}
.search-bar hr{
    display: inline;
    margin-right: 10px;
    margin-left: 5px;
    border-color: #fff;
}
.tel-link{
    color: #fff!important;
}
.about-banner{
    padding-left:60px;
    height:  598px;
    overflow: hidden;
}
.news-title{
    text-transform: uppercase;
}
.banner-overlay-black{
    position: relative;
}
.contact-banner{
    padding-left:60px;
    height:  auto;
    margin-bottom: 0;
    height: 845px;
}
.banner-text img{
    display: block;
}
.banner-text h2 {
    font-size: 42px;
    color: #fff;
    letter-spacing: 2px;
}
.banner-text span {
    font-size:  18px;
    text-transform:  uppercase;
    font-family: Asap Bold;
    color: #fff;
    letter-spacing: 2px;
    border-bottom: 4px solid #F5EC4F;
    padding-bottom: 6px;
    margin-bottom: 23px;
    display:  inline-block;
}
.border-container.banner-text-invert:before {
    top: 125px;
}
.banner-text-invert h2 {
    font-size: 42px;
    color: #fff;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.banner-text-invert span {
    font-size:  18px;
    text-transform:  uppercase;
    font-family: Asap Bold;
    color: #fff;
    letter-spacing: 2px;
    border-bottom: 4px solid #F5EC4F;
    padding-bottom: 6px;
    margin-bottom: 25px;
    display:  inline-block;
}
.banner-invert-section {
    position: relative;
    padding-bottom: 87px;
    height:  590px;
    padding-left: 60px;
}
.banner-text h2{
    font-size: 48px;
    color: #fff;
    text-transform:  uppercase;
}
.home-text-banner h2{
    text-transform: unset!important;
    font-size: 45px;
    line-height: 55px;
    letter-spacing: 1px;
}
.home-text-banner{
    padding: 165px 60px 115px 60px;
    z-index: 9;
}
.home-text-banner:before{
    content: '';
    border-bottom: 5px solid #f5ec4f;
    display: block;
    position: absolute;
    height: auto;
    width: 145px;
    left: 62px;
    top: 112px;
    z-index: 9;
}
.home-pagination-banner{
    bottom: unset!important;
    top: 20%;
    width: 572px!important;
    text-align: left;
    padding-left: 60px;
}
.home-pagination-banner .swiper-pagination-bullet {
    width: 10px!important;
    height: 10px!important;
    border-radius: 100%!important;
    background: #fff!important;
    opacity: .4!important;
}
.home-pagination-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0!important;
    margin-right: 7px!important;
}
.home-pagination-banner .swiper-pagination-bullet-active {
    background: #f5ec4f!important;
    opacity: 1!important;
}
.banner-section .swiper-slide{
    padding-left: 60px;
}
.stock-section {
    position: relative;
    padding: 102px 165px;
    background: url(../img/bg-resources2.jpg) no-repeat center;
    color:  #fff;
    padding-right: 63px;
    background-size:  cover;
}
.title{
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom:  5px;
    border-bottom: 4px solid #F5EC4F;
    margin-bottom: 22px;
    display: inline-block;
    position:  relative;
    font-family: AsaP Bold;
}
.text-invert{
    font-size: 48px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 40px;
    position: relative;
}
.stock-section .title{
    color: #fff;
}
.stock-section .text-invert{
    color: #fff;
    letter-spacing:  3px;
}
.grid-relation{
    width: 54%;
    position: relative;
    float: left;
    margin-right: 1%;
    background: rgba(88, 153, 127, 0.60);
    height: 680px;
}
.grid-relation .chart .img-responsive{
    height: 372px;
}
.grid-6.news-slide{
    padding-bottom:20px;
}
.grid-award{
    width: 45%;
    position: relative;
    float: left;
    background: rgba(88, 153, 127, 0.60);
    height: 680px;
}
.relation{
    padding: 40px 45px;
    padding-bottom: 65px;
}
.relation h3{
    font-size: 36px;
    margin-bottom:  11px;
}
.relation span{
    font-size: 14px;
    color: #F5EC4F;
    text-transform: uppercase;
    font-family: Asap Bold;
}
.chart span {
    font-size: 48px;
    margin-right: 25px;
    margin-bottom: 20px;
}

.chart {
    position:  relative;
    margin-top:  35px;
}
.chart img{
    padding-top: 33px
}
.chart label {
    font-size:  18px;
    font-family:  Asap Bold;
    letter-spacing:  2px;
}

.grid-list-award {
    position:  relative;
    float:  left;
    width:  49%;
    margin-right:2%;
    height: 300px;
    background-color: #59967A;
}
.grid-list-award:last-child {
    margin-right:0;
}
.img-list-award {
    position:  relative;
    float:  left;
    width:  41%;
    height: 100%;
}
.content-list-award {
    position: relative;
    float: left;
    width: 59%;
    height: 100%;
    color: #ffffff;
    padding: 40px 39px;
    padding-right: 20px;
}
.date-list-award{
    font-family: Asap Bold;
    font-size: 14px;
    margin-bottom: 30px;
    display: block;
}
.content-list-award h2{
    font-size: 27px;
}
.award{
    padding: 40px 45px;
    padding-bottom: 54px;
}
.award-section{
    margin-bottom: 90px;
}
.award{
    padding: 40px 45px;
    padding-bottom: 54px;
}
.award span{font-size: 10px;}
.award h3{font-size: 30px;margin-bottom:  18px;margin-left: -1px;}
.award p{
    font-size:  12px;
}
.btn-viewmore {
    position:  absolute;
    bottom: -15px;
    background-color: #F5EC4F;
    font-family: Asap Medium!important;
    font-size: 12px!important;
    border-radius:  20px;
    letter-spacing:  1px;
    text-transform: uppercase;
}
.btn-viewmore a {
    padding: 9px 15px;
    display: block;
    color: #000;
    position: relative;
    height: 100%;
}
.banner-text .btn-viewmore img{
    display: inline;
    margin-left:  17px;
}
.btn-viewmore img{
    margin-left: 15px;
    margin-top: -4px;
}
.career-button {
    position:  absolute;
    right: 60px;
    background-color:  #58997F;
    padding: 23px 28px;
    bottom: -40px;
    z-index: 1;
}
.banner-slide{
    height: 697px;
}
.career-button span {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom: 5px;
    border-bottom: 4px solid #F5EC4F;
    display: inline-block;
    margin-left: 15px;
    color: #fff;
}
.number-reward {
    font-size: 24px!important;
    color: #F5EC4F;
    font-family:  Asap Bold;
    float: left;
}

.number-reward sup {
    font-size:  14px;
    vertical-align: super;
    text-transform: lowercase;
}
.list-award p {
    font-size: 14px;
    margin-left: 50px;
    min-height: 32px;
}
.list-award {
    position:  relative;
    margin-top: 40px;
}
.list-award li {
    padding-bottom: 20px;
    border-bottom: 3px solid #F5EC4F;
    margin-bottom:  20px;
    position: relative;
}
.list-award .date-reward {
    font-size: 9px;
    width: 47px;
    text-transform: uppercase;
    line-height: 13px;
    float: left;
    position: absolute;
    left: 0px;
    top: 1px;
}
.tagline{
    background-color: #004F46;
    padding: 105px 165px;
    position:  relative;
    color: #fff;
}
.grid-tagline-title {
    width: 56%;
    position: relative;
    margin-right: 0;
    float: left;
    min-height: 275px;
    padding-right: 0;
    text-transform: uppercase;
}
.grid-tagline-content {
    width: 44%;
    position: relative;
    float: left;
    padding: 0 95px;
    padding-right: 0;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 20px;
    font-family: Asap Regular;
}
.grid-tagline-title h2 {
    font-size: 48px;
    letter-spacing: 3px;
    line-height: 57px;
}
.grid-tagline-title span{
    font-size: 16px;
    position: absolute;
    bottom: 13px;
}
.grid-tagline-content p {
    font-size:  14px;
    line-height: 19px;
    margin-bottom:  20px;
}
.media-home{
    padding: 97px 165px;
}
.news-content-home {
    background-color: #004F46;
    padding: 49px 45px;
    color: #fff;
    padding-right: 100px;
    min-height: 332px;
}

.news-section-content .btn-viewmore img {
    margin-left:  15px;
}
.news-tag {
    font-size:  15px;
    display:  inline-block;
    border-bottom: 4px solid #F5EC4F;
    padding-bottom:  10px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.media-home .btn-viewmore{
    left: 50px;
    bottom: -13px;
}
.news-date {
    display:  block;
    font-size:  14px;
    margin-bottom: 30px;
}
.news-content-home h2 {
    font-size:  21px;
    margin-bottom:  25px;
}
.news-slide .swiper-pagination {
    bottom: unset!important;
    top: 320px;
    text-align:  right;
    right: 0;
    left: unset;
    width: 50%;
    padding-right: 25px;
}
.news-slide .swiper-button-next {
    right:  unset;
    left: 100px;
}
.news-slide .swiper-button-prev{
    left: 45px;
}

.news-slide .swiper-button-next, .news-slide .swiper-button-prev {
    top: 320px;
    opacity: 1!important;
    z-index: 99;
}
.news-slide .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}
.news-slide .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f5ec4f;
}
.gallery-slide .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}
.gallery-slide .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f5ec4f;
}
.gallery-gap {
    padding-bottom: 50px;
}
.gallery-slide .swiper-pagination {
    bottom: 105px!important;
}
.announcements-slide .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #656565;
    opacity: 1;
}
.announcements-slide .swiper-pagination-bullet-active {
    opacity: 1;
    background: #005046;
}
.news-content-home p {
    font-size: 14px;
    line-height:  18px;
}
.two-line-text{
    width: 165px;
}
.press-release-list .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_dragger:active .mCSB_dragger_bar {
    background-color:#F5EC4F;
}
.press-release-list  .mCSB_dragger .mCSB_dragger_bar {
    background-color:#F5EC4F!important;
}
.press-release-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 21px;
}
.press-release-list .mCSB_draggerRail {
    background-color: #ffffff;
}
.press-release-list .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
}
.press-release-list .mCSB_scrollTools{
    width: 21px;
}
.press-release-list .mCSB_scrollTools .mCSB_dragger:hover{
    background-color:#F5EC4F;
    border-radius: 16px;
}
.tabs-list .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_dragger:active .mCSB_dragger_bar {
    background-color:#F5EC4F;
}
.tabs-list  .mCSB_dragger .mCSB_dragger_bar {
    background-color:#F5EC4F;
}
.tabs-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 21px;
}
.tabs-list .mCSB_draggerRail {
    background-color: #ffffff;
}
.tabs-list .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
}
.tabs-list .mCSB_scrollTools{
    width: 21px;
}
.tabs-list .mCSB_scrollTools .mCSB_dragger:hover{
    background-color:#F5EC4F;
    border-radius: 16px;
}
.tabs-list{
    height: 380px;
}
.press-release {
    padding: 38px 55px;
    background-color: #58997F;
    color: #fff;
    padding-right:  40px;
}
.press-release-list {
    height: 540px;
    margin-top: 32px;
    overflow: hidden;
    /* border-top: 1px solid #fff; */
}
.press-release-list li {
    padding-top: 20px;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    margin-right: 55px;
    border-top: 1px solid #fff;
}
.press-release-list li:last-child {
    border-bottom: 0px;
}
.press-release-list li:first-child {
    border-top: 0px;
}
.press-release-list li h2 {
    font-size:  21px;
    margin-bottom: 28px;
}
.press-release-list::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}
.press-release-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
.press-release-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: transparent;
}
.press-release-list li p {
    font-size:  14px;
    line-height:  18px;
    margin-bottom:  30px;
}
.press-release-list li span a {
    color: #fff;
}
.press-release-list li span img{
    margin-left: 10px;
    margin-top: -2px;
}
.press-release-list li span {
    font-size:  14px;
    letter-spacing: 1px;
    text-transform:  uppercase;
}
.ar-sr-home {
    padding: 97px 0;
    background-color: #57967A;
    color: #fff;
}
.ar-sr-home .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: 5%!important;
    right: auto;
}
.ar-sr-home .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 5%!important;
    left: auto;
}
.ar-sr-home .swiper-button-disabled{
    opacity: 1;
    cursor: pointer;
    pointer-events: unset;
}
.head-ar-sr-home{
    padding: 0px 165px;
}
.ar-sr-home .row{
    padding: 0px 165px;
    padding-bottom: 35px;
    position: relative;
}
.ar-sr-home .swiper-container{
    position: unset;
}
.annual-slide .swiper-pagination {
    bottom: 5px;
    left: 165px;
    text-align: left;
    width: 50%;
}
.annual-slide .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}
.annual-slide .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f5ec4f;
}
.annual-slide .grid-annual{
    width: 100%
}
.credit-slide.swiper-container{
    position: unset;
}
#creditresearch .row{
    position: relative;
} 
.credit-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: -60px;
}
.credit-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: -60px;
}
.credit-slide .swiper-pagination{
    bottom: unset;
    left: unset;
    text-align: right;
    width: 50%;
    right: 0;
    top: -30px;
}
.credit-slide .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #004f46;
    opacity: 1;
}
.credit-slide .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f5ec4f;
}
.grid-annual {
    position: relative;
    float: left;
    border: 1px solid #fff;
    padding: 33px 35px;
}
.ar-sr-home .btn-viewmore {
    position: relative;
    bottom: 0;
    background-color: #F5EC4F;
    display: inline-block;
    float: right;
    margin-top: -78px;
}
.grid-annual h2 {
    font-size: 21px;
    line-height: 27px;
    min-height: 97px;
    padding-top: 25px;
    color: #fff;
}
.ar-sr-home .text-invert{
    width: 600px;
}
.grid-annual label {
    font-size: 12px;
    display: block;
    color: #F5EC4F;
    margin-left:  0px;
    margin-bottom: 9px;
}
.ar-sr-home .grid-annual h2 {
    min-height: unset;
    margin-bottom:20px;
}
.download-button {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin-left:  0px;
}
.updated-annual {
    font-size: 11px;
    font-family: Asap Regular;
    margin-bottom: 20px;
}
.download-button a{
    color: #F5EC4F;
}
.download-button img{
    margin-left:10px;
    margin-top:-2px;
}
.presentation-download{
    bottom: 0px!important;
}
.presentation-download img{
    margin-right:10px;
    margin-top:-2px;
    margin-left:0;
}
.presentation-download a{
    color: #fff;
}
.news-section-image {
    width: 33%;
    float: left;
    position: relative;
    height: 100%;
}
.news-section-content {
    width: 67%;
    float: left;
    position: relative;
    height: 100%;
    background-color: #004F46;
    color: #fff;
    padding: 30px;
}
.news-section {
    padding: 75px 165px;
}
.grid-news-section {
    height: 300px;
    margin-bottom: 30px;
}
.news-section-content span {
    font-family:  Asap Bold;
    font-size:  14px;
    margin-bottom: 26px;
    display:  inline-block;
}

.news-section-content h2 {
    font-size:  27px;
    margin-bottom:  25px;
}

.news-section-content p {
    font-size:  14px;
    line-height: 18px;
}
.news-section-content .btn-viewmore {
    position: absolute;
    display:  inline-block;
    bottom: 0;
    margin-bottom: 38px;
}
.press-release-grid {
    border-top:  1px solid #000;
    padding: 18px 0;
}
.press-release-grid:last-child {
    border-bottom:  1px solid #000;
}
.press-release-date {
    width: 30%;
    float:  left;
    position:  relative;
    padding: 0 20px;
}
.press-release-date span{
    display: block;
    letter-spacing:  1px;
    font-size: 18px;
}
.press-release-date .day{
    color: #004F46;
    margin-bottom:  10px;
}
.press-release-date label{
    display: block;
    font-size: 13px;
    margin-top: 45px;
}
.press-release-content {
    width: 50%;
    float: left;
    position: relative;
    padding-right: 50px;
    padding-left: 3px;
}
.press-release-content h2{
    font-size: 21px;
    color: #004F46;
    margin-bottom:  30px;
}
.press-release-content p{
    font-size: 14px;
    line-height: 18px;
}
.read-more-press-release{
    float: left;
    width: 20%;
    position: relative;
    text-align:  right;
    padding-right: 30px;
    text-transform:  uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    margin-top:  10px;
}
.read-more-press-release a{
    color: #000;
}
.read-more-press-release img{
    margin-top: -2px;
    margin-left: 5px;
}
.footer {
    padding: 100px 60px;
    background-color: #004F46;
    padding-bottom:  0;
}
.menu-footer-list {
    position:  relative;
    float:  left;
    width: 25%;
}
.nav-footer {
    padding: 20px 105px;
    padding-right: 60px;
    border-bottom: 1px solid #F5EC4F;
}
.menu-footer {
    position: relative;
    width: 78%;
    float: left;
    border-right:  1px solid #F5EC4F;
}
.socmed-footer{
    position: relative;
    width: 22%;
    float: left;
    padding: 0px 20px;
    padding-right:  0;
    color: #fff;
}
.menu-footer-list ul{
    font-size: 14px;
    margin-bottom: 20px;
    padding-right: 25px;
}
.menu-footer-list ul li a{
    color: #fff;
}
.menu-footer-list li {
    padding: 4px 0;
    text-transform: capitalize;
}
.menu-footer-list li h2{
    text-transform: uppercase;
}
.socmed-footer h2 {
    font-size:  14px;
    margin-top:  20px;
    margin-bottom:  20px;
    letter-spacing:  0px;
}
.socmed-footer p {
    font-size:  14px;
    line-height:  18px;
    margin-bottom:  20px;
}
.socmed-footer span {
    display:  block;
    font-size:  14px;
    font-family: Asap Bold;
    letter-spacing:  1px;
}
.socmed-footer img {
    margin-right: 10px;
}
.footer-dropdown-desktop{display: none;z-index: 1;}
.footer-dropdown-desktop a{
    display: block;
    padding: 4px 0;
}
.menu-footer-list li h3{
    font-family: Asap Medium;
}
.copyright{
    text-align: center;
    padding: 35px 0;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0px;
}
.detail-press-release h2{
    font-size: 34px;
    line-height:  45px;
    letter-spacing:  0;
}
.detail-press-release label{
    display: block;
    font-family:Asap Bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    margin-top: -5px;
    margin-bottom: 27px;
}
.grid-detail-press{
    width: 50%;
    position: relative;
    float: left;
    padding: 1;
    font-family: Asap Regular;
}
.grid-detail-press h2{
    font-size: 32px;
    font-family: Asap Regular;
    color: #004F46;
    margin-bottom:  45px;
    padding-top:  5px;
    padding-left:  5px;
    line-height:  43px;
}
.grid-detail-press p{
    font-size: 16px;
    margin-bottom:  20px;
    line-height:  21px;
    padding-left:  5px;
}
.grid-detail-press img{
    margin-bottom: 20px;
}
.content-detail-left p:first-child{
    padding-top: 105px;
}
.content-detail-right{
    padding-right:  165px;
}
.content-detail-left{
    padding-left:  165px;
    padding-right: 105px;
    padding-bottom: 55px;
}
.content-detail-left table td {
    padding: 3px;
}
.row.vision-mission {
    position: relative;
    min-height: 400px;
    margin-bottom: 30px;
}
.grid-about-vision {
    width: 50%;
    float: left;
    position: absolute;
    left:  0;
    background-color: #57967A;
    padding: 105px 165px;
    padding-right: 180px;
    padding-bottom: 55px;
    z-index: 1;
}
.grid-about-mission {
    width: 65%;
    float: right;
    position: relative;
    right:  0;
    background-color: #005046;
    margin-top: 75px;
    padding: 78px 23.3%;
    padding-right:  165px;
}
.grid-about-vision h2, .grid-about-mission h2 {
    font-size:  48px;
    color: #fff;
    letter-spacing:  1px;
}
.corp-title {
    font-size: 18px;
    text-transform: uppercase;
    font-family: Asap Bold;
    color: #fff;
    letter-spacing: 2px;
    border-bottom: 4px solid #F5EC4F;
    padding-bottom: 6px;
    margin-bottom: 15px;
    display: inline-block;
}
.grid-about-vision p, .grid-about-mission p {
    font-size:  36px;
    font-family:  Asap Bold;
    color:  #fff;
    margin-top: 32px;
    margin-bottom: 20px;
    letter-spacing:  1px;
}
.grid-about-mission li{
    font-size: 18px;
    padding: 8px 0;
    border-bottom: 1px solid #F5EC4F;
    color: #fff;
}
.equal-height {
    height: 692px;
}
.equal-height .img-responsive{
    height: 360px;
}
.milestone {
    position: relative;
    padding: 105px 165px;
}
.grid-4 {
    position: relative;
    float: left;
    width: 33.333333%;
}
.milestone-content h2 {
    font-size:  48px;
    color:  #005046;
    border-bottom: 3px solid #005046;
    border-left: 3px solid #005046;
    padding: 3px 23px;
    margin-top:  15px;
    margin-bottom: 48px;
    position: relative;
    padding-bottom: 6px;
}
.milestone-content h2:before{
    content: '';
    background: url(../img/bullet.png) no-repeat left;
    position:  absolute;
    height: 22px;
    width: 22px;
    left: -12px;
    bottom: -12px;
}
.milestone-content p {
    font-size:  16px;
    line-height:  20px;
    position:  relative;
    padding-top: 25px;
    padding-right: 30px;
}
.milestone-content p:before{
    content: '';
    border-bottom: 5px solid #f5ec4f;
    display:  block;
    position:  absolute;
    height: auto;
    width: 90px;
    left: 0;
    top: 0;
}
.structure-company {
    position: relative;
    padding: 105px 165px;
    background-color: #005046;
    color: #ffffff;
}
.img-structure-detail{
    width: 2000px;
}
.shareholders-section {
    position: relative;
    padding: 105px 165px;
}
.text-grid {
    float:  left;
    position:  relative;
    width: 40%;
}
.content-grid {
    float: left;
    position: relative;
    width: 60%;
}
.table-shareholder h2 {
    border-bottom: 3px solid #005046;
    margin-right: 10px;
    padding-bottom: 5px;
    font-size: 18px;
    text-transform: uppercase;
}
.table-shareholder th {
    padding: 5px 0;
}
.day-upcoming {
    padding-bottom: 20px;
}
.table-shareholder td {
    padding: 10px 0;
    font-size:  16px;
    font-family:  Asap Regular;
    vertical-align:  text-bottom;
    padding-right: 20px;
}
.table-shareholder tbody tr {
    border-bottom: 1px solid #57967A;
}
.total-shareholder {
    border-bottom: 0!important;
    border-top: 3px solid #005046;
}
.text-grid h3{
    font-size: 23px;
    letter-spacing:  1px;
    font-family: Asap Regular;
    margin-top:  99px;
}
.about-banner span {
    margin-bottom:  40px;
}

.milestone-content .grid-4 img {
    padding-right: 8px;
}

.structure-company .content-grid {
    width: 61%;
}
.pagination {
    float: right;
    background-color: #004f46;
    border-radius: 20px;
}
.pagination li {
    display: inline-block;
    font-size: 16px;
}
.pagination li a{
    color: #ffffff;
    padding: 10px 15px;
    display: inline-block;
}
.pagination .active{
    background-color: #f5ec4f;
}
.pagination .active a{
    color: #000000;
}
.structure-company .text-grid {
    width:  39%;
}
.table-shareholder td h3{
    color: #005046;
    margin-bottom: 5px;
    display: block;
}
.grid-article {
    min-height: 333px;
    border-left: 0!important;
    padding-left:  20px;
}/*
.grid-article:last-child {
    border-right: 0;
}*/
.grid-article:first-child{
    padding-left: 0;
}
.grid-article h2 {
    font-size:  36px;
    margin-bottom:  20px;
    overflow-wrap: break-word;
}
.grid-speak-up ul {
    margin-bottom: 20px;
}
.grid-article label {
    display:  block;
    bottom: 50px;
    position:  absolute;
}
.speak-up-section hr {
    margin-bottom: 60px;
    margin-top: 50px;
    border: 0;
    border-bottom: 1px solid #f5ec4f;
}
.grid-article .download-button {
    font-size:  14px;
    position:  absolute;
    bottom: 20px;
    margin-left: 0;
    font-family:  Asap Bold;
}
.text-sustain{
    width: 750px;
    font-size: 45px;
}
.documents-section {
    position: relative;
    padding: 105px 165px;
}
.accordion img {
    float: right;
    margin-right: 0;
    background-color: #fafa46;
    padding: 7px;
    border-radius: 50%;
    width: 28px;
    height: 26px;
    position: absolute;
    right: 0;
}
#managementprofile .text-invert{
    width: 50%;
}
.grid-document-section:before{
    left: -100px;
    top: -30px;
}
#supportingdocument .text-invert{
    width: 50%;
}
.border-container.grid-document-section .text-invert{
    width: 38%!important;
}
.document-slide .grid-4{
    width: 100%;
    padding-left: 20px;
}
.document-slide .swiper-slide{
    border-left: 1px solid #FAFA46;
}
.document-slide .swiper-slide:first-child{
    border-left: 0;
}
#supportingdocument .swiper-container{
    padding-left: 0px;
}
.grid-strategy {
    width:  49%;
    margin-right: 1%;
    float:  left;
    position:  relative;
    background-color: #004f46;
    padding:  40px;
    color: #fff;
}
.text-sustain-head{
    padding-right: 40px;
}
.grid-strategy-sustain ul, .grid-strategy-sustain ol {
    list-style: disc;
    margin-left: 18px;
}
.grid-strategy-sustain li{
    font-family: Asap Regular;
}
.grid-sustain-content ol, .grid-sustain-content ul {
    list-style: decimal;
    margin-left: 18px;
}

.grid-sustain-content li{
    font-family: Asap Regular;
}
.policy-sustain-section .second-document-slide{
    position: unset;
}
.policy-sustain-section .row.single-document{
    position: relative;
}
.policy-sustain-section .swiper-button-next{
    right: -20px;
}
.policy-sustain-section .swiper-button-prev{
    left: -20px!important;
}
.policy-sustain-section .swiper-button-prev, .policy-sustain-section .swiper-button-next{
    top: 60%;
}
.grid-strategy:last-child {
    margin-right: 0;
    margin-left: 1%;
}
.grid-strategy h2 {
    font-size:  18px;
}

.grid-strategy h3 {
    font-size:  18px;
    margin-bottom: 35px;
}

.grid-strategy label {
    display:  block;
    margin-bottom: 12px;
}

.grid-strategy li {
    border-bottom:  1px solid;
    padding-bottom: 20px;
    margin-bottom: 41px;
    margin-right:  56px;
}
.subsidiaries-main {
    position: relative;
    padding: 105px 165px;
    background: #fff;
    background: url(../img/bg-green.jpg) no-repeat left;
    background-position: left;
    background-size: 65% 100%;
    color: #fff;
}
#susbsidiaries-main .text-invert{
    margin-bottom: 30px;
}
.document-main {
    position: relative;
    padding: 103px 165px;
    background-color: #57967A;
    color: #fff;
}
.main-contact p{
    float: left;
    width: 50%;
    margin-left: 6%;
    padding-right: 2%;
}
.main-contact .img-icon{
    width: 12%;
    float: left;
}
.border-about {
    margin-left: 60px;
    margin-right: 60px;
    margin-top: -40px;
    border: 0;
    border-bottom: 1px solid #f5ec4f;
}
.main-contact {
    position: relative;
    padding: 70px 165px;
    margin-bottom:  55px;
    padding-bottom:  28px;
}
.contact-card {
    background-color: #f5ec4f;
    float:  left;
    width: 29%;
    padding:  20px;
    border-bottom: 10px solid #004f46;
    margin-left:  3%;
}
.contact-card a{
    float: left;
    position: relative;
    width: 90%;
    padding-right: 20%;
}
.contact-card img{
    position: absolute;
    right: 20px;
    top: 10px;
}
.contact-card h2 {
    font-size:  28px;
    color: #004f46;
    margin-bottom:  10px;
    letter-spacing:  2px;
}
.contact-card span {
    font-size:  12px;
    color: #004f46;
    font-weight: bold;
    letter-spacing: 0.5px;
}
.governance-document{
    padding-bottom: 0;
}
.grid-document-section:last-child{
    margin-bottom: 0;
    border-bottom: 0;
}
.overlay-text {
    position: absolute;
    padding: 20px;
    width: 100%;
    height:100%;
}
.overlay-text h2{
    font-size: 28px;
    letter-spacing: 2px;
}
.subsidiaries-main .grid-4 {
    margin-right: 10px;
    margin-bottom: 15px;
    width: 30%;
    height: 222px;
}
.subsidiaries-overlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 0;
}
.shareholders-section b h3{
    margin-top:0;
    font-weight: bold;
    font-size: 28px;
}
.shareholders-section .text-invert{
    margin-bottom: 35px;
}
.subsidiaries-main hr {
    border: 0;
    margin: 20px 0;
    margin-bottom: 43px;
    border-color: #f5ec4f;
    border-bottom: 1px solid #f5ec4f;
}
.management-content-grid {
    width: auto;
    position: relative;
    float: left;
    background-color: #004f46;
    padding: 20px;
    border-bottom: 10px solid #f5ec4f;
    color: #fff;
    margin-right: 10px;
    margin-bottom: 20px;
}
.management-content-grid h2{
    font-size: 28px;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.management-content-grid span{
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color:#fff;
    font-family: Asap Regular;
}
.overlay-text span{
    position: absolute;
    bottom: 20px;
    background-color: #F5EC4F;
    font-family: Asap Medium!important;
    font-size: 12px!important;
    border-radius: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.overlay-text span a {
    padding: 5px 15px;
    display: block;
    color: #000;
}
.philosophy-section .text-invert {
    margin-bottom:  29px;
    width: 50%;
}
.no-paddings{
    padding-bottom: 0!important;
}
.structure-section .text-invert{
    width: 50%;
}
h2.text-invert.message-text-title{
    width: 70%;
    letter-spacing: 1.5px;
}
.philosophy-content {
    width:  70%;
}
.philosophy-section {
    padding: 112px 165px;
}
.philosophy-content h2 {
    font-family:  Asap Semibold Italic;
    font-size:  24px;
    color: #005046;
    margin-bottom:  10px;
}

.philosophy-content ul {
    font-size: 24px;
    color: #005046;
    list-style:  disc;
    margin-left: 20px;
    margin-bottom: 30px;
    line-height:  33px;
}

.philosophy-content li {
    font-family: Asap Semibold Italic;
}

.philosophy-content p {
    font-size:  16px;
    line-height:  20px;
    margin-bottom: 15px;
}
.grid-subsidiaries-image{
    width: 46%;
    float: left;
    position: relative;
}
.grid-subsidiaries-content{
    width: 54%;
    float: left;
    position: relative;
    padding-right: 185px;
    padding-left: 65px;
    padding-bottom: 60px;
    font-family: Asap Regular;
}
.grid-subsidiaries-content table td {
    padding: 5px;
}
.grid-subsidiaries-content table th {
    padding: 5px;
}
.grid-subsidiaries-content h2 {
    font-family:  Asap Semibold Italic;
    font-size: 24px;
    margin-bottom: 27px;
    color: #005046;
    line-height: 34px;
}

.grid-subsidiaries-content ul {
    font-size:  16px;
    list-style:  disc;
    margin-left:  22px;
    margin-bottom: 20px;
    line-height:  22px;
}

.grid-subsidiaries-content li {
    font-family: Asap Regular;
}
.report-banner{
    overflow: unset!important;
}
.grid-subsidiaries-content p {
    margin-bottom:  20px;
    font-size:  16px;
    line-height: 22px;
}
.boc-content {
    margin-bottom: 55px;
}

#chart-relation .datacharts-color text tspan,#chart-relation .datacharts-color text {
    font-family: Asap Regular!important;
    font-size: 12px!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    fill: #fff!important;
    color: #fff!important;
}
#chart-relation .highcharts-button text tspan {
	letter-spacing: 1px;
}
#chart-relation .rangecharts-color text {
    color: #fff!important;
    fill: #fff!important;
    font-size: 14px!important;
    font-family: Asap Regular!important;
    letter-spacing: 1px!important;
}
#chart-relation .rangecharts-color .highcharts-grid-line {
    stroke: #ffffff;
    stroke-width: 2px; 
}
#chart-relation .highcharts-scrollbar{
    display: none;
}
#chart-relation .highcharts-credits{
    display: none;
}
.chart .chart-list span {
    margin-right: 0
}
.chart .chart-list{
    width: 35%;
    float: left;
    margin-top: -40px;
}
.boc-image {
    float: left;
    position: relative;
    width: 36%;
}
.boc-container {
    padding: 40px 105px;
}
.boc-content h3 {
    font-size:  36px;
    display:  block;
    letter-spacing:  1px;
    color:  #005046;
}
.boc-content span {
    display:  block;
    font-size:  28px;
    letter-spacing:  1px;
    margin-bottom:  30px;
    color:  #559678;
}
.boc-text {
    position: relative;
    float: left;
    width: 64%;
    padding-left: 20px;
    font-size:  16px;
    line-height: 19px;
    font-family: Asap Regular;
}
.boc-text p {
    font-size:  16px;
    line-height: 19px;
    margin-bottom:  18px;
}
.structure-section {
    padding: 110px 165px;
    padding-bottom: 0;
}
.structure-detail-content {
    padding: 32px 60px;
    padding-bottom:  135px;
    position: relative;
}
.message-content h2 {
    font-family:  Asap Semibold Italic;
    font-size:  24px;
    color: #005046;
    width:  500px;
    line-height: 33px;
    margin-bottom: 30px;
}
.message-banner{
    margin-bottom:0;
}
.message-content h3 {
    font-size:  16px;
    margin-bottom:  15px;
}
.message-content ul {
    font-size: 24px;
    color: #005046;
    list-style:  disc;
    margin-left: 20px;
    margin-bottom: 30px;
}
.message-content li {
    font-family: Asap Semibold Italic;
}
.message-content p {
    font-size:  16px;
    line-height:  20px;
    margin-bottom: 35px;
}
.message-content {
    padding-right: 250px;
    position: relative;
}
#map {
    width: 100%;
    height: 600px;
}
.contact-section{
    padding: 60px;
}
.contact-content {
    position: absolute;
    width: 615px;
    left: 525px;
    /* transform: translate(0, -50%); */
    top: 12%;
}
.contact-content input {
    width: 48%;
    float:  left;
    position:  relative;
    background-color:  transparent;
    border: 0;
    border-bottom: 1px solid #F9F946;
    padding:  20px 0;
    margin-bottom: 25px;
    color: #fff;
    outline:  none;
    margin-right: 2%;
    font-size:  18px;
}
.contact-content input::placeholder{
    text-transform: uppercase;
}
.contact-us-section{
    padding-left: 0px;
    margin-left:60px;
} 
.contact-us-section .banner-text{
    left: -60px;
}
.overlay-contact{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 0;
}
.input-full{
    margin-right: 0!important;
    width: 50%!important;
}
.contact-content textarea {
    width: 100%;
    height: 200px;
    background-color: transparent;
    border: 1px solid #F9F946;
    outline: none;
    resize: none;
    font-family: Asap Regular;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 20px;
    font-size:  18px;
    letter-spacing: 4px;
}
.contact-content label {
    display: inline-block;
    margin-bottom: 19px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 16px;
    font-size: 18px;
    letter-spacing: 2px;
}
.contact-content button{
    background-color: #F5EC4F;
    font-family: Asap Medium!important;
    font-size: 12px!important;
    border-radius: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 7px 20px;
    border:  0;
    margin-top: 40px;
    cursor:  pointer;
}
.contact-content button img {
    margin-left: 5px;
    margin-top: -2px;
}
.under-construct {
    width: 100%;
    text-align:  center;
    border: 1px solid;
    padding: 80px 50px!important;
    position:  relative;
    margin:0!important;
}
.container-under-construct h2 {
    font-family: Asap Medium;
}
.container-under-construct {
    width: 65%;
    margin: 0 auto;
    background-color: #57967a;
    position:  relative;
}
.under-construct:before{
    content:'';
    width: 90%;
    height: 1px;
    position:  absolute;
    background-color:  #fff;
    left: 5%;
    top: 50%;
    transform: translate(0, -50%);
}
.text-under-construct{
    position: relative;
    background-color: #57967a;
    font-size:  30px;
    text-transform:  uppercase;
    color: #F5EC4F;
}
.invert-construct .text-under-construct{
    background-color: #004F46;
}
.corporate-under-construction {
    padding: 45px 20px;
    border: 1px solid;
    position: relative;
    margin-bottom: 41px;
}
.text-corporate-construction {
    text-align:  center;
    position:  relative;
}
.text-corporate-construction h2 {
    font-family:  Asap Medium;
    color: #FAFA46;
    margin-bottom: 15px;
    text-transform:  uppercase;
}
.text-corporate-construction span {
    font-size:  16px;
    position:  relative;
    background-color: #004f46;
    padding: 2px 20px;
}
.text-corporate-construction:before{
    content:'';
    width: 60%;
    height: 1px;
    position:  absolute;
    background-color:  #fff;
    left: 20%;
    top: 83%;
    transform: translate(0, -49%);
}
.menu-footer-list span {
    float: right;
    margin-right: 30px;
}
.contact-banner span {
    margin-bottom:  58px;
}
.map-section {
    background-color: #58997F;
    height: auto;
}
.g-recaptcha {
    margin-top:  8px;
}
.map-card.border-container.border {
    width:  auto;
    float:  left;
    padding: 140px 165px;
    padding-bottom:  50px;
    background-color: #58997f;
    padding-right: 50px;
    padding-bottom: 0;
    padding-top: 120px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9;
}
.map-indonesia {
    margin-top: 110px;
}
.map-card h2 {
    font-size: 48px;
    text-transform:  uppercase;
    color: #fff;
}
.map-card-list {
    position: absolute;
    right: 0;
    bottom: 20%;
    padding: 30px;
    background-color: #004f46;
    color: #fff;
    width: 320px;
    height: auto;
}
.map-card-list h2 {
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 55px;
    font-family: Asap Bold;
    width: 60%;
}
.hide-content-desktop{
    display: none;
}
.map-card-list ul {
    font-size:  15px;
    list-style: decimal-leading-zero;/*
    margin-left: 25px;*/
}
.map-card-list li {
    font-family: Asap Regular;
    padding-left: 0px;
    padding-bottom:  5px;
	list-style: none;
}
#worldwide-map {
	height: 835px;
	background-repeat: no-repeat;
	background-position: left top;
}
.map-location {
    position: absolute;
    bottom: 70px;
    left: 130px;
    background: #59997e;
    padding: 10px 0px 20px 20px;
    color: #fff;	
	width: 400px;
}
	.map-location label {
		display: block;
		float: left;
	}
	.dropdown-map {
		position: relative;
		width: 190px;
		float: right;		
	}
	.dropdown-content-map {
		display: none;
		position: absolute;
		z-index: 99;
		background-color: #59997e;
		width: 100%;
		margin-left: 0px;
		left: 0px;
		top: 28px;
	}	
	.btn-map {
		background-color: transparent;
		border: 0;
		border-bottom: 1px solid #F5EC4F;
		padding: 4px 0px 6px 0px;
		color: #fff;
		outline: none;
		font-size: 14px;
		letter-spacing: 1.5px;
		cursor: pointer;
		text-transform: uppercase;
		font-family: Asap Medium;
		float: right;
		width: 100%;
        text-align: left;
	}
	.dropdown-content-map a {
		color: #ffffff;
		padding: 12px 8px;
		text-decoration: none;
		display: block;
		font-size: 14px;
		letter-spacing: 1px;
		text-transform: uppercase;
		text-align: left;
		font-family: Asap Medium;
        padding-left: 0;
	}	
	.dropdown-content-map a:hover {
		color: #F5EC4F;
	}
	.map-arrow {
        float: right;
        margin-top: 4px;
	}
	.map-location:after {
		clear: both;
	}
.costumer-section {
    position: relative;
    padding: 70px 165px;
    background-color: #004F46;
    color: #fff;
}
.border-container.costumer-section:before{
    top: 50px;
}
.grid-customer-table {
    position:  relative;
    float:  left;
    width: 34%;
}
.charts-title{
    margin-bottom: 10px;
}
.updated-chart{
    font-family: Asap Regular;
    font-size: 11px;
    color: #F6E93B;
    display: block;
    margin-bottom: 40px;
}
.grid-customer-chart {
    float:  left;
    position:  relative;
    width: 66%;
}
.grid-customer-chart img{
    padding-left: 50px;
}
.grid-customer-table table {
    width: 100%;
}
.grid-customer-table table th{
    font-family: Asap Regular;
    font-weight: normal;
    font-size: 19px;
    padding-bottom: 10px;
}
.grid-customer-table table td h2, .grid-customer-table table th h2{
    font-family: Asap Regular;
}
.grid-customer-table table th h2{
    border-bottom: 1px solid #F1EB4C;
    padding-bottom: 10px;
    margin-right: 20px;
}
.grid-customer-table table td h2{
    border-top: 1px solid #F1EB4C;
    padding-top: 10px;
    margin-right: 20px;
}
.grid-customer-table table td{
    font-family: Asap Regular;
    font-weight: normal;
    font-size: 19px;
    padding: 6px 0;
}
.production-section {
    padding: 98px 165px;
    background-color: #57967A;
    color: #fff;
}
.title-production {
    font-family: Asap Regular;
    font-size: 20px;
    float: right;
    margin-top: -90px;
    width: 185px;
    margin-right: 115px;
}
.reserve-section .text-grid h3 {
    width: 90%;
}
.chart-production span{
    font-size: 15px;
    font-family: Asap Regular;
    display: inline-block;
    margin-top: 40px;
}
.quality-section {
    padding: 120px 165px;
}
.subsidiaries-banner span{
    margin-bottom: 22px!important;
}
.detail-subsidiaries-section {
    margin-top: -7px;
}
.overlay-text span img {
    margin-left: 10px;
    margin-top: -2px;
}
.quality-table{
    width: 100%;
}
.quality-table tr, th, td{
    vertical-align: top;
}
.quality-table th{
    font-family: Asap Regular;
    background-color: #004f46;
    border-right: 15px solid #fff;
    color: #fff;
    padding: 15px;
    font-size: 13px;
}
.quality-table th.first-head{
    font-size: 20px;
    font-family: Asap Bold;
}
#committes ul li{
    padding-bottom: 0;
}
.quality-table td{
    font-family: Asap Regular;
    font-size: 17px;
    padding:  15px;
    border-right: 15px solid #fff;
    border-bottom: 15px solid #fff;
    background-color: #57967A;
    color: #fff;
}
.quality-table td.operating{
    background-color: #f5ec4f;
    color: #004f46;
    font-family: Asap Bold;
}
.quality-section h2.text-invert{
    margin-bottom:  25px;
    color: #004f46;
}
.reserve-section {
    padding: 115px 165px;
    background: url(../img/bg-reserve.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
}
.overlay-reserve{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-color: rgba(0, 79, 70, 0.65);
    z-index:0;
}
.reserve-table{
    width: 100%;
}
.head-table-reserve {
    font-size: 25px;
    border-right: 10px solid transparent;
}
.head-table-reserve h2 {
    padding: 20px;
    background-color: #57967a;
    height: 96px;
}
.bg-white {
    color:  #015046;
    background-color: #fff;
    padding:  20px;
    text-align:  right;
    font-size: 22px;
}
.bg-green {
    background-color: #57967a;
    padding: 20px;
    font-size: 22px;
}
.bg-green span{
    font-family: Asap Regular;
}
.bg-green h2{
    padding-bottom: 35px;
}
.bg-green ul{
    padding-bottom: 50px;
    margin-left: 25px;
}
.bg-green ul li{
    list-style: disc;
}
.bg-white h2 {
    margin-top: 27px;
    margin-bottom:  63px;
}
.bg-white span {
    display: block;
}
.bg-white h3 {
    border-top: 1px solid;
    margin-bottom: 21px;
}
.reserve-table td {
    border-right: 10px solid transparent;
}
.reserve-table tbody tr{
    border-bottom: 15px solid transparent;
}
.total-reserve h2 {
    padding: 15px 20px;
    background-color: #57967a;
    font-size: 22px;
    font-family: Asap Medium;
}
.total-reserve.text-right{
    text-align: right;
}
.ar-sr-section{
    position: relative;
    padding: 150px 165px;
    background-color: #57967A;
}
.ar-sr-section .grid-annual{
    width: 24%;
    margin-right:1%;
    margin-bottom: 35px;
    color:#fff;
}
.ar-sr-banner .banner-text {
    width:  560px;
    height: 495px;
    transform:  unset;
    top: unset;
    bottom: -80px;
    z-index:  9;
    padding-right: 50px;
    padding-top:  145px;
}

.ar-sr-banner {
    margin-bottom:  0;
    height: 515px;
    overflow: unset;
}
.rating-section {
    padding: 80px 0;
    padding-bottom:  0;
}

.banner-text.rating {
    width:  42%;
    height:  485px;
    padding-top:  145px;
}
.rating span {
    margin-bottom:  22px;
}
.rating:before{
    top: 125px;
}
.grid-rating-title {
    position:  relative;
    float:  left;
    width:  42%;
    background-color: #58997F;
    color: #fff;
    padding: 95px 165px;
    padding-right: 125px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../img/arrow-slider-left.svg)!important;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    outline: none;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../img/arrow-slider-right.svg)!important;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    outline: none;
}
.structure-detail-content:before {
    content: '';
    background-image: url(../img/arrow-slider-left.svg)!important;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    position:  absolute;
    left:  12px;
    top: 24px;
}
.structure-detail-content:after {
    content: '';
    background-image: url(../img/arrow-slider-right.svg)!important;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    right: 12px;
    top: 24px;
    position:  absolute;
}
.grid-rating-content {
    position:  relative;
    float: left;
    width:  58%;
    padding: 115px;
    padding-top: 95px;
    padding-right:  200px;
}
.grid-rating-title h2 {
    font-size:  80px;
    letter-spacing: 4px;
    margin-bottom: 10px;
}
.grid-rating-title h3 {
    font-size:  36px;
    margin-bottom: 8px;
}
.date-rating {
    font-size:  18px;
    display:  block;
    letter-spacing:  2px;
    margin-bottom:  20px;
}
.grid-rating-title h4 {
    font-size:  45px;
    margin-bottom:  12px;
}
.grid-rating-title label {
    display:  block;
    text-transform:  uppercase;
    color:  #F1EB4C;
    margin-bottom:  55px;
    font-size:  27px;
}
.grid-rating-title p {
    font-family:  Asap Semibold Italic;
    font-size:  24px;
    margin-top: 60px;
}
.download-report {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.download-report a{
    color:  #F1EB4C;
}
.download-report img{
    margin-left: 17px;
    margin-top: -7px;
    width: 20px;
}
.grid-rating-content p{
    padding-bottom: 20px;
}
.grid-content-governance {
    padding: 109px 165px;
    padding-right:  35%;
    position: relative;
    padding-bottom: 0;
    font-family: Asap Regular;
}
.grid-content-governance strong{
    font-family: Asap Bold;
}
.speak-up-section ul li a{
    color: #000;
    text-decoration: underline;
    text-underline-position: under;
}
.grid-content-governance li {
    font-family:  Asap Regular;
    padding-bottom: 18px;
    line-height:  19px;
}
.grid-content-governance .text-invert {
    margin-bottom:  30px;
    width: 50%;
}
.grid-content-governance p {
    padding-bottom: 20px;
    line-height:  19px;
}
.grid-content-governance ul {
    list-style:  decimal;
    margin-left:  16px;
    padding-bottom: 35px;
}/*
.grid-content-governance h3 {
    padding-bottom: 20px;
}*/
.governance-section {
    padding-bottom: 109px;
}
.no-gap{
    padding-bottom: 18px;
}
.no-gap li{
    padding-bottom: 0;
}
.corporate-secertary{
    padding: 109px 165px;
    position: relative;
    background-color: #005046;
    color: #fff;
}
.image-secertary {
    position:  relative;
    float:  left;
    width:  29%;
}
.content-secertary {
    float:  left;
    position:  relative;
    width: 71%;
    padding:  0px 15px;
    padding-right:  18%;
}
.content-secertary span {
    display:  block;
}
.grid-secertary span {
    display:  block;
    font-size:  28px;
    letter-spacing:  0px;
    margin-bottom: 30px;
    letter-spacing:  0.7px;
}
.grid-secertary h3 {
    font-size:  36px;
    letter-spacing:  1px;
}
.corporate-secertary .text-invert {
    margin-bottom:  20px;
    width: 50%;
}
.grid-relation .btn-viewmore{
    left: 45px;
}
#speakup .content-grid{
    padding-left:10px;
}
.faq-title{
    width: 38%
}
.content-secertary p {
    padding-bottom: 20px;
    font-size:  16px;
    line-height: 18px;
}
.grid-document{
    width: 100%;
    position: relative;
    float: left;
    border-left: 1px solid #FAFA46;
    padding-left: 10px;
}
.grid-document-section{
    margin-bottom: 110px;
    position: relative;
    border-bottom: 1px solid #FAFA46;
    padding-bottom: 70px;
}
.speak-up-section{
    position: relative;
    padding: 105px 165px;
    padding-bottom:  63px;
}
.speak-up-section ul li{
    font-family: Asap Regular;
    font-size: 20px;
    padding-bottom: 7px;
}
.accordion-grid{
    border-bottom: 1px solid #57967A;
    margin-bottom:20px;
    margin-right: 5px;
}
.accordion-section .content-grid{
    padding-left: 10%!important;
}
.panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    font-size: 16px;
    margin-bottom: 20px;
    position: relative;
}
.accordion-grid .panel{
    font-family: Asap Regular;
}
.accordion{
    width: 100%;
    background: transparent;
    border: 0;
    text-align: left;
    padding: 20px 0;
    font-size: 20px;
    font-family: Asap Bold;
    outline: none;
    cursor: pointer;
    padding-right: 35px;
}
.speak-chart-section{
    padding-top:20px;
}
.financial-section{
    position: relative;
    padding: 110px 165px;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
    float:  left;
    background-color: #58997F;
    width:  25%;
    border-right: 20px solid #ffff;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab a{
    color: #fff;
    padding: 20px;
    display: block;
    font-family: Asap Bold;
    font-size: 27px;
    text-transform: uppercase;
    letter-spacing: 2px;
    outline: none;
    min-height: 132px;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab:last-child {
    border: 0;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active {
    background-color: #004f46;
}
.ui-tabs-panel {
    float: left;
    padding: 65px 105px;
    background-color: #004f46;
    margin-top: 10px;
    color: #fff;
    width: 100%;
    min-height: 420px;
}
.text-coal {
    font-family: Asap Medium;
    font-size: 15px;
    width: 210px;
}
.tabs-list li{
    margin-bottom: 35px;
    background: url(../img/bullet-li.png) no-repeat left;
    background-position-y:  10px;
    padding-left:  29px;
}
.tabs-list li hr{
    width: 90px;
    float: left;
    margin-left: 30px;
    margin-right: 20px;
     border: 0;
    border-bottom: 1px solid #fff;
    margin-top: 10px;
}
.tabs-list li h2{
    font-size: 24px;
    letter-spacing:  1px;
    padding-bottom: 10px;
}
.tabs-list li span a{
    color: #fff;
    font-size:  14px;
    font-family: Asap Regular;
    float: left;
}
.tabs-list li .update-financial{
    font-size: 11px;
    color: #F8FD46;
}
.tabs-list li span img{
    margin-right: 10px;
}
.grid-content-tagline {
    width: 50%;
    float:  left;
    position:  relative;
}

.grid-download-tagline {
    width: 50%;
    float: left;
    position: relative;
    padding-left: 11%;
}
.download-tagline h2 {
    font-size:  28px;
    letter-spacing:  3px;
    margin-bottom: 2px;
}

.download-tagline {
    margin-bottom: 20px;
}
.grid-content-tagline p {
    padding-bottom: 15px;
    line-height: 18px;
}
.credit-section{
    padding: 115px 165px;
    position: relative;
    background: url(../img/bg-credit.jpg) no-repeat center;
    background-size: cover;
    color:#fff;
    padding-right:  147px;
}
.credit-overlay{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index:0;
}
.credit-card {
    position: relative;
    background-color:  #004f46;
    padding:  25px 30px;
}
.grid-credit-title {
    position:  relative;
    width: 100%;
}
.report-banner .banner-text{
    padding-right: 110px;
}
.grid-credit-content {
    position: relative;
    float: left;
    width: 59%;
    padding-left:20px;
}
.grid-credit-title h2 {
    font-size:  22px;
    margin-bottom: 10px;
}

.date-credit {
    font-size: 14px;
    display: block;
    font-family: Asap Bold;
    text-transform: uppercase;
}

.grid-credit-title label {
    display:  block;
    font-size:  24px;
    margin-bottom: 8px;
    font-family:  Asap Bold;
}
.grid-credit-title h3 {
    font-size:  35px;
}

.grid-credit-title .download-button {
    margin-top: 90px;
    display: inline-block;
}

.grid-credit-content p {
    line-height: 20px;
    padding-bottom:  15px;
}
.read-more-investor{
    background-color: #F5EC4F;
    font-family: Asap Medium!important;
    font-size: 12px!important;
    border-radius: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: absolute;
    right: 63px;
    bottom: -7px;
}
.read-more-investor a {
    padding: 5px 15px;
    display: block;
    color: #000;
}
.investor-banner {
    height:  700px;
}

.investor-banner .banner-text {
    height:  500px;
    padding-top: 145px;
}
.investor-banner .banner-text:before{
    top: 125px;
}

.investor-banner .text-banner-about {
    top: 52%;
}
.chart-production {
    float: left;
    width: 100%;
}
.investor-stock-grid {
    width: 100%;
    margin-right: 0;
    min-height:  unset;
    height: auto;
    margin-bottom:0!important;
}
.investor-stock{
    padding-right:165px;
}
.credit-btn {
    left: 30px;
    right:  unset;
}
.read-more-investor img {
    margin-left: 10px;
    margin-top: -2px;
}
.main-rating-section {
    padding: 100px 165px;
    position: relative;
}

.grid-title-rating {
    position:  relative;
    float:  left;
    width: 31%;
    padding: 26px 30px;
    background-color: #f5ec4f;
    color: #004f46;
    height:  100%;
}

.grid-content-rating {
    position:  relative;
    float:  left;
    width:  69%;
    padding:  25px 30px;
    background-color: #004f46;
    color: #fff;
    height:  100%;
}
.card-rating {
    height: 385px;
}
.grid-title-rating h2 {
    font-size:  62px;
}

.name-rating {
    font-size:  22px;
    font-family: Asap Bold;
    display:  block;
}

.grid-title-rating h3 {
    font-size:  35px;
}

.date-main-rating {
    font-size: 14px;
    font-family: Asap Bold;
    display: block;
    margin-bottom: 45px;
    margin-top: 5px;
    letter-spacing:  1.5px;
}
.grid-title-rating .download-button {
    position:  absolute;
    bottom:  35px;
}

.grid-title-rating .download-button a {
    color: #004f46;
}
.grid-content-rating p {
    font-size:  16px;
    line-height:  20px;
    padding-bottom:  20px;
}

.grid-content-rating .read-more-investor {
    bottom: 30px;
}
.sustainabilty-document{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.sustainabilty-document p {
    padding-right: 116px;
    margin-top: -20px;
}
.strategy-section{
    position: relative;
    padding: 105px 165px;
}
.title-strategy{
    font-size: 36px;
    color: #004f46;
    margin-bottom: 33px;
    letter-spacing:  1px;
    width: 42%;
}
.title-strategy.first-section-sustainabilty{
    width: 36%;
}
.motto-strategy{
    font-size: 24px;
    font-family: Asap SemiBold Italic;
    color: #004f46;
    letter-spacing:  1px;
    display:  block;
    margin-bottom: 35px;
}
.grid-strategy-sustain {
    float: left;
    position: relative;
    width: 41%;
    padding-right: 30px;
}
.grid-strategy-sustain p{
    font-size: 16px;
    padding-bottom: 20px;
}
.grid-strategy-sustain h3 {
    padding-bottom: 20px;
}
.subsidiaries-sustainabilty{
    background: url(../img/sustain-bg.png) no-repeat top;
    background-size: 80%;
    height: 1045px;
    padding: 0 80px;
}
.chart-sustain{
    margin-top:30px;
}
.subsidiaries-sustainabilty h2{
    font-size: 24px;
    color: #fff;
    font-family: Asap Semibold Italic;
    padding: 26% 15%;
    padding-bottom:  17%;
}
.grid-subsidiaries-sustainabilty {
    float: left;
    position: relative;
    width: 33.333333%;
    text-align: center;
    padding: 0 30px;
}
.grid-subsidiaries-sustainabilty img{
    margin-bottom: 15px;
}
.grid-subsidiaries-sustainabilty span{
    display: block;
    text-align: left;
    background-color: #024f46;
    padding:  30px;
    font-size:  18px;
    color:  #fff;
    min-height: 102px;
}
.all-subsidiaries{
    width: 100%;
    text-align: center;
    background-color: #024f46;
    color:  #fff;
    padding: 15px;
    display: block;
    margin-top: 50px;
}
.all-subsidiaries a{
    color:  #fff;
}
.sustain-image {
    float:  left;
    position:  relative;
    width:  50%;
}

.sustain-content {
    float: left;
    position: relative;
    width: 50%;
    padding: 32px 116px;
    padding-right: 155px;
}
.sustain-content h2{
    width: 100%!important;
}
.sustain-content:before{
    left: 18px;
    top: 0px;
}
.sustain-content p{
    padding-bottom: 20px;
    line-height:20px;
    font-size: 16px;
}
.grid-sustain-content {
    float:  left;
    position:  relative;
    width:  50%;
    padding: 8px 18px;
}
.grid-sustain-content h2{
    margin-top: -15px;
    width: 80%;
}
.grid-sustain-content p{
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 15px;
}
.grid-sustain-img {
    float:  left;
    position:  relative;
    width:  50%;
}
.sustain-row{
    margin-bottom: 30px;
}
.grid-upcoming {
    position: relative;
    width: 100%;
}
.date-rups {
    position: relative;
    padding-bottom: 40px;
    border-bottom: 1px solid #fff;
    margin-bottom: 50px;
}
.date-rups:before {
    content: '';
    background: url(../img/bullet-rups.png) no-repeat left;
    position: absolute;
    height: 25px;
    width: 25px;
    left: 0;
    bottom: -13px;
}
.rups-slide.swiper-container{
    position: unset;
}
#rups .row{
    position: relative;
} 
.rups-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: -60px;
}
.rups-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: -60px;
}
.expose-slide.swiper-container{
    position: unset;
}
#publicexpose .row{
    position: relative;
    margin: 0 -70px;
    padding: 0 70px;
} 
.expose-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: -22px;
}
.expose-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: -22px;
}
.announcements-slide.swiper-container{
    position: unset;
}
#companyannouncement .row{
    position: relative;
} 
.announcements-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: 60px;
}
.announcements-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: 60px;
}
.gallery-slide.swiper-container{
    position: unset;
    overflow: unset;
}
.gallery-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: 60px;
}
.gallery-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: 60px;
}
#presentation .document-slide.swiper-container{
    position: unset;
}
#presentation .row{
    position: relative;
} 
#presentation .document-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: -60px;
}
#presentation .document-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: -60px;
}

.map-slide .swiper-button-prev{
    left: 0px;
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
}
.map-slide .swiper-button-next{
    left: 30px;
    right: unset;
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
}
.map-slide .swiper-button-next, .map-slide .swiper-button-prev{
    top: unset;
    bottom: 0;
}

.map-slide{
    padding-bottom: 90px;
}
	.map-slide .swiper-button-disabled {
		display: none;
	}
.grid-upcoming:last-child {
    padding: 0;
}
.day {
    font-size:  30px;
    font-family:  Asap Medium;
    margin-bottom:  7px;
    letter-spacing:  1px;
}

.upcoming-date {
    display:  block;
    font-size:  18px;
    letter-spacing:  1px;
    margin-bottom:  20px;
}
.time {display:  block;font-size:  18px;}
.upcoming-card {
    padding: 17px;
    background-color: #58997F;
    margin-top:20px;
    margin-left:10px;
}
.upcoming-place{
    font-size:  18px;
    display:  block;
    margin-bottom: 20px;
}

.upcoming-card h2 {
    font-size:  17px;
    min-height: 120px;
    letter-spacing: 3px;
}
.grid-expose{
    background-color: #004F46;
    width: 100%;
    padding: 20px;
}/*
.swiper-slide.swiper-slide-active{
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
        transform: scale(1.1);
}*/
.grid-expose label{
    display: block;
    padding-top: 25px;
    font-size: 17px;
    min-height: 130px;
    letter-spacing: 3px;
}
#whyjoinus .text-invert{
    width: 26%;
}
#diagram .text-invert{
    width: 64%;
}
.grid-announcment-content {
    float:  left;
    position:  relative;
    width: 46%;
    padding-left: 165px;
    padding-right: 30px;
    font-family: Asap Regular;
}

.grid-announcment-content-img {
    float: left;
    position: relative;
    width: 54%;
}

.day-announcment {
    font-size:  14px;
    margin-bottom:  20px;
    display:  block;
    color:  #004F46;
}

.grid-announcment-content h3 {
    font-size:  21px;
    margin-bottom:  45px;
    color: #004F46;
}

.grid-announcment-content .text-invert {
    margin-bottom:  47px;
    overflow-wrap: break-word;
}

.grid-announcment-content p {
    padding-right:  70px;
    line-height: 20px;
    padding-bottom: 20px;
}
.announcement-section{
    position: relative;
    padding: 95px 0;
}
.announcement-section .title{
    margin-left: 165px;
}
.discloure-section .row{
    height: 740px;
}
.grid-discloure-image {
    position:  relative;
    float:  left;
    height: 100%;
    width:  47%;
}
.gallery-section{
    background-color: #004F46;
    padding: 100px 165px;
    position: relative;
    color: #fff;
    padding-bottom:  150px;
}
.grid-discloure-content {
    position: relative;
    float: left;
    width: 53%;
    background-color: #58997F;
    padding: 20px 55px;
    color:  #fff;
    padding-right: 102px;
    height:  100%;
}
.left-side{
    float: left;
}
.right-side{
    float: right;
    margin-right:  43px;
    margin-top: 8px;
    width: 30%;
}
.sr-sustain{
    margin-right: 230px;
}
.title-discloure {
    position: relative;
    padding: 20px 165px;
    padding-bottom: 0;
}
.btn-viewmore.gallery {
    position: absolute;
    bottom: 50px;
    font-family:  Asap Bold!important;
    font-size:  14px!important;
}
.career-pharagraph {
    width: 40%;
    margin-bottom: 30px;
    margin-top:  -10px;
}

.embed-youtube {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-youtube::before {
    display: block;
    content: "";
    padding-top: 70.7%;
}
.embed-youtube iframe{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.masonary{
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    padding: 0;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}
.card-profesion{
    display: inline-block;
    margin-bottom: 20px;
    background-color: #004f46;
    color:  #fff;
    padding: 40px;
    position:  relative;
}
.card-profesion h2 {
    font-size: 36px;
    letter-spacing:  1px;
    margin-bottom:  2px;
}

.place-office {
    font-size:  14px;
    padding-bottom:  30px;
    display: block;
}

.card-profesion p:before {
    content: '';
    border-bottom: 7px solid #f5ec4f;
    display: block;
    position: absolute;
    height: auto;
    width: 90px;
    left: 0;
    top: 0;
    z-index: 9;
}
.card-profesion p {
    font-size:  16px;
    line-height:  20px;
    position:  relative;
    padding-top: 30px;
    padding-bottom: 20px;
}
.read-more-career {
    position: relative;
    background-color: #F5EC4F;
    font-family: Asap Medium!important;
    font-size: 12px!important;
    border-radius: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 13px;
}
.read-more-career a{
    color: #000;
}
.read-more-career img {
     margin-left: 15px; 
    margin-top: -4px;
}
.grid-intern {
    width: 33.333333%;
    float:  left;
    position:  relative;
    padding-right: 2%;
}
.grid-intern:last-child{
    padding-right: 0;
}
.intern-content{
    padding-right: 50px;
    margin-top: -20px;
}
.intern-card {
    background-color: #f5ec4f;
    padding: 45px 48px;
}

.intern-card h2 {
    font-size: 36px;
    border-bottom: 7px solid #004f46;
    display: inline-block;
    padding-bottom: 4px;
    color: #000;
    margin-bottom: 20px;
}

.intern-card p {
    color:  #000;
    padding-bottom: 20px;
    line-height:  20px;
    font-size:  16px;
}

.grid-intern .read-more-career {
    background-color: #004f46;
}
.grid-intern .read-more-career a{
    color: #fff;
}
.warning-section {
    background-color: #f5ec4f;
    padding:  82px 103px;
}

.warning-icon {
    position: relative;
    float:  left;
    width:  20%;
}

.warning-content {
    position:  relative;
    float:  left;
    width:  80%;
    padding-left:  6%;
}
.message-content ul li p {
    margin-bottom: 0;
}
.warning-content h2 {
    font-size:  48px;
    letter-spacing:  1px;
    padding-bottom: 25px;
    color: #004f46;
    text-transform: uppercase;
}

.warning-content p {
    font-size:  16px;
    line-height:  20px;
}
.grid-profesion-name {
    float: left;
    position:  relative;
    width:  41%;
}
.media-banner{
    height: 700px;
}
.media-banner .banner-text {
    height: 489px;
    padding: 44px 170px;
    padding-top: 140px;
}
.media-banner .banner-text:before{
    top: 120px;
}
.grid-profesion-content {
    float: left;
    position: relative;
    width: 59%;
    padding-right: 18%;
}
.media-banner .text-banner-about{
    top: 52%;
}
.grid-profesion-name .text-invert {
    margin-bottom:  7px;
}
.speak-chart-section .title {
    margin-bottom:  6px;
}

.speak-chart-section .text-invert {
    font-size:  36px;
    margin-bottom: 85px;
}
.goto-career {
    font-size:  12px;
    letter-spacing:  2px;
}
.goto-career a{
    color: #004f46;
}
.gallery a {
    padding: 12px 23px;
}
.discloure-section:before{
    top: 5px;
}
.gallery img {
    margin-left: 29px;
    width:  21px;
}
#companystructure .text-invert p{
    font-family: Asap Bold;
}
.goto-career img{
     margin-left: 10px; 
    margin-top: -4px;
}
.grid-profesion-content h3 {
    font-size:  20px;
    color: #015047;
    padding-bottom: 40px;
}
.grid-profesion-content p {
    font-size:  18px;
    line-height:  26px;
    padding-bottom: 40px;
}
.date-presentation{
    font-size: 14px;
    letter-spacing:  1.5px;
}
.chart-number-investor {
    float:  left;
    position:  relative;
    width: 30%;
}

.chart-image-investor {
    position:  relative;
    width:  70%;
    float:  left;
}
.investor-stock-grid span{
    margin-bottom: 40px;
    display: block;
}
.chart-number-investor h3{
    font-size: 48px;
    color: #F5EC4F;
}
.chart-list h2, .chart-list span{
    float: left;
    position: relative;
    width: 50%;
}
.chart-list li{
    margin-bottom: 3px;
}
.chart-list span{
    font-size: 14px;
    margin-bottom: 0;
    font-family: Asap Regular;
    color: #fff;
}
.chart-list h2{
    font-size: 14px;
    font-family: Asap Bold;
    color: #fff;
}
.chart-number-investor label{
    margin-bottom: 30px;
    display: block;
    font-size: 18px;
    letter-spacing: 2px;
}
.quality-section .text-grid{
    width: 30%;
}
.quality-section .content-grid{
    width: 70%;
}
.reserve-section .text-grid{
    width: 30%;
}
.reserve-section .content-grid{
    width: 70%;
}
.sustain-border {
    margin-left: 60px;
    margin-right: 60px;
    margin-top: 80px;
    border: 0;
    border-bottom: 1px solid #f5ec4f;
}
.ar-sr-banner span {
    margin-bottom: 23px;
}
.grid-detail-press .second-image {
    margin-bottom: 30px;
    margin-top: 50px;
}
.ar-sr-banner h2 {
    line-height:  50px;
    font-size:  43px;
}
#coalproduction .text-invert{
    width: 26%;
}
.ar-sr-banner .banner-text:before {
    top: 126px;
}
.mobile{
    display: none;
}
.desktop{
    display: block;
}
nav ul li span{
    float: right;
    margin-right:10px;
}
.contact-desktop{
    display: block;
}
.contact-mobile{
    display: none;
}
#pageSupportingDocument .border-container:before {
    left: -105px;
}

.dropdown-lang {
    position: relative;
    display: inline-block;
}
.dropdown-content-lang {
    display: none;
    position: absolute;
    z-index: 99;
    background-color: #004F46;
    width: 111%;
    margin-left: -15px;
}
.dropdown-content-lang a {
    color: #ffffff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: left;
    font-family:  Asap Medium;
}
.dropdown-content-lang a:hover{
    color: #F5EC4F;
}
.show {display:block;}
nav ul li h3{
    font-family: Asap Medium;
}
.detail-awards{
    height: auto!important;
}
.grid-detail-press ol{
    list-style: decimal;
    margin-left: 25px;
}
.grid-detail-press ul{
    list-style: disc;
    margin-left: 25px;
}
.message-content table {
    font-family: Asap Regular;
}
.header {
    position: fixed;
    width: 100%;
    z-index: 99;
}
.sticky-header{
    padding-top: 140px;
}
.announcements-slide .swiper-button-next, .announcements-slide .swiper-button-prev{
    top: 580px;
}
.announcements-slide .swiper-pagination{
    bottom: unset;
    top: 525px;
}
.hidden-tabs{
    display: block;
}
.show-tabs{
    display: none;
}
.first-press-release{
       background-color: #004f46;
}
.dotted-sign{
    list-style: disc!important;
}
.rups-slide .swiper-button-next, .rups-slide .swiper-button-prev{
    top: 34%;
}
.expose-slide .swiper-button-next.swiper-button-disabled, .expose-slide .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}
.structure-detail-content .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    top: 0;
    height: 21px;
    bottom: auto;
}
.structure-detail-content .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 55px;
}
.structure-detail-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 21px;
    margin:0;
}
.structure-detail-content .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: #015046;
    filter: unset;
    margin: 10px 0;
    -ms-filter: unset;
}
.structure-detail-content .mCSB_dragger .mCSB_dragger_bar {
    background-color: #F5EC4F!important;
}
@media (min-width: 1235px){
    .columns-dropdown{
        columns: 3;
    }
    .dropdown ul li{
        width: 100%;
    }
}
@media (min-width: 1255px){
    nav ul {
        position: relative;
    }
    .dropdown {
        width: 100%;
        left: 0;
    }
    .dropdown ul{
        width: 100%;
    }
    #supportingdocument .row{
        padding-left: 40px;
        position: relative;
    }
    #supportingdocument .single-document{
        padding-left: 0;
    }
    #supportingdocument .swiper-container {
        position: unset;
    }
    #supportingdocument .swiper-button-prev{
        left: -5px;
    }
    .second-document-slide .swiper-button-prev {
        left: -65px!important;
    }
    #supportingdocument .swiper-button-next{
        right: -35px;
    }
    .home-tagline-title h2{
        padding-bottom: 50px;
    }
}

@media (max-width: 1350px){
    .bg-green ul {
        padding-bottom: 86px;
        margin-left: 25px;
    }
    .bg-green {
        padding: 17px;
        font-size: 18px;
    }
    .img-structure-detail{
        width: 1350px;
    }
}
@media (max-width: 1235px){
    .contact-desktop{
        display: none;
    }
    .contact-mobile{
        display: block;
    }
    .contact-content{
        position: relative;
        width: 100%;
        left: 0;
    }
    .contact-banner .banner-text {
        top: 50%;
    }
    .contact-banner {
        height: 600px;
        margin-bottom: 60px;
    }
}
@media (max-width: 1255px){
    input, textarea{
        border-radius: 0!important;
    }
    .active-lang-mobile{
        border-bottom: 1px solid #004f46;
        padding-bottom: 0;
    }
    .table-content-wrapper {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-content-wrapper table{
        width: 100%;
        max-width: 100%;
    }
    .head-mobile-dropdown .dropdown-content-footer-sub{
        padding-left: 25px;
    }
    .modal-header {
        padding: 0 40px;
    }
    .close{
        right: 0;
        display: block;
        text-align: right;
        width: 100%;
        margin-bottom: 20px;
        float: none;
    }
    .investor-stock-grid{
        height: auto!important;
    }
    .modal-body{
        padding:40px;
        padding-right: 0px;
    }
    .bg-green {
        padding: 20px;
        font-size: 22px;
    }
    .bg-green ul {
        padding-bottom: 50px;
        margin-left: 25px;
    }
    .search-result .mCSB_inside>.mCSB_container {
        margin-right: 40px;
    }
    .modal-dialog {
        width: 100%;
        margin-bottom: 0;
        margin-top: 0;
    }
    .content-search-result{
        padding-right: 25px;
    }
    .mobile{
        display: block;
    }
    .desktop{
        display: none;
    }
    .text-banner-about{
        z-index: 1;
    }
    .about-banner .banner-text{
        z-index: 1;
    }

    .news-content-home {
        min-height: 383px;
    }
    .footer{
        padding: 100px 35px;
        padding-bottom: 0px;
    }
    .nav-footer {
        padding: 20px 30px;
        padding-right: 30px;
    }
    .socmed-footer {
        width: 38%;
        padding: 0px 30px;
        padding-right: 0;
    }
    .menu-footer {
        width: 62%;
    }
    .menu-footer.mobile ul{
        padding-right: 25px;
    }
    .menu-footer.mobile ul li{
        font-size: 30px;
        font-family: Asap Bold;
        padding-bottom: 20px;
        letter-spacing: 2px;
    }
    .banner-overlay-black{
        height: 100%;
    }
    .grid-upcoming {
        position: relative;
        width: 100%;
    }
    .head-mobile-dropdown ul{
        position: relative!important;
        top: 0!important;
        padding: 0!important;
        margin-right: 0;
        margin-bottom: 25px;
        margin-top: 10px;
    }
    .banner-text img {
        display: block;
        width: 110px;
    }
    .head-mobile-dropdown ul li{
        padding-bottom: 10px!important;
    }
    .head-mobile-dropdown a{
        color: #000!important;
    }
    .menu-footer.mobile ul li span{
        float: right;
        line-height: 27px;
    }
    .menu-footer.mobile ul li a{
        color: #fff;
    }
    .socmed-footer span {
        font-size: 20px;
    }
    .socmed-footer h2 {
        font-size: 20px;
    }
    .socmed-footer p {
        font-size: 20px;
        line-height: 25px;
    }
    nav ul.active-menu{
        display: none;
    }
    nav ul.active-menu .menu-open {
        display: block;
    }
    .dropdown-content-footer {display: none;z-index: 1;}
    .dropdown-content-footer a {
        color: #fff;
        text-decoration: none;
        display: block;
        font-size: 24px;
        margin-bottom: 5px;
        font-family: Asap Medium;
    }
    .dropdown-content-footer{
        padding-top: 10px;
    }
    .dropdown-content-footer-sub {display: none;z-index: 1;}
    .dropdown-content-footer-sub a {
        color: #fff;
        text-decoration: none;
        display: block;
        font-size: 24px;
        margin-bottom: 5px;
        font-family: Asap Medium;
    }
    .dropdown-content-footer-sub{
        padding-top: 10px;
    }
    .text-grid{
        width: 100%;
    }
    .content-grid{
        width: 100%;
    }
    .text-grid h3{
        margin-top: 0;
        margin-bottom: 20px;
    }
    .button-menu {
        position: absolute;
        top: 50%;
        right: 5%;
        transform: translate(5%, -50%);
        font-size: 55px;
    }
    .menu-mobile li input{
        background-color: transparent;
        border:0;
        font-size: 24px;
        outline: none;
        letter-spacing: 1px;
        background: url(../img/search2.png) no-repeat right;
        background-size: 20px;
        background-position-y:  3px;
        font-family: Asap Medium;
        border-bottom: 1px solid #004f46!important;
        color: #004f46;
        float: left;
        width: 70%;
    }
    .modal-content-mobile {
        background-color: #F5EC4F;
    }
    .lang-mobile{
        color: #004f46;
        float: left;
        width: 30%;
        text-align: right;
    }
    .lang-mobile label{
        cursor: pointer;
        font-size: 24px;
        font-family: Asap Medium;
    }
    .map-card-list{
        bottom: 0;
    }
    #map_indonesia_area{
        margin-bottom: 0!important;
    }
    .grid-customer-table{
        width: 100%;
    }
    .grid-customer-chart{
        width: 100%;
        margin-top:50px;
    }
    .sustainabilty-document p{
        padding-bottom: 40px;
    }
    .grid-strategy-sustain {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
    }
    .lang-mobile input[type="radio"]{
        display: none;
        padding: 0;
        width: auto;
        background-color: inherit;
        margin-bottom: 0;
        float: none;
    }
    .lang-mobile input[type="radio"]:checked + label {
        border-bottom: 2px solid #004f46;
        padding-bottom: 3px;
    }
    .menu-mobile li input::placeholder{
        color: #004f46!important;
    }
    .menu-mobile li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #004f46!important;
    }
    .menu-mobile li input::-moz-placeholder { /* Firefox 19+ */
        color: #004f46!important;
    }
    .menu-mobile li input:-ms-input-placeholder { /* IE 10+ */
        color: #004f46!important;
    }
    .menu-mobile li input:-moz-placeholder { /* Firefox 18- */
        color: #004f46!important;
    }
    .menu-open:after {
        color: #004f46;
        content: "\f0c9";
        font-family: "FontAwesome";
        -webkit-text-stroke: 4px #ffffff;
    }
    .gap-search{
        margin-bottom: 15px;
    }
    .menu-close:after {
        color: #004f46;
        content: "\f00d";
        font-family: "FontAwesome";
        -webkit-text-stroke: 9px #ffffff;
    }
    nav ul {
        float: right;
        position: absolute;
        z-index: 99;
        background-color: #F5EC4F;
        width: 100%;
        top: 90px;
        padding: 20px 50px;
    }
    nav ul li{
        display: block;
        text-align: left;
        font-size: 30px;
        font-family: Asap Bold;
        padding-bottom:  20px;
        padding-top:  0px;
    }
    nav ul li span{
        float: right;
        display: inline-block;
        line-height: 22px;
    }
    nav ul li a{
        padding:0;
    }
    nav {
        padding: 0;
    }
    .banner-text h2 {
        font-size: 27px;
        line-height: normal;
    }
    .home-text-banner:before{
        top: 80px;
    }
    .home-pagination-banner{
        top: 34%;
    }
    .equal-height {
        height: 743px;
    }
    .dropdown{
        position: relative;
        top: unset;
    }
    .banner-text {
        width: 400px;
        padding: 140px 40px 50px 60px;
    }
    .dropdown ul {
        margin-right: 0;
        position: relative;
        top: unset;
        z-index: 9;
        height: auto;
    }
    .dropdown ul li{
        width: 100%;
        font-size: 24px;
        font-family: Asap Medium;
        padding-bottom: 10px;
    }
    nav img {
        width: 305px;
        margin: 32px 0px;
        left:  35px;
    }
    .grid-tagline-title h2{
        margin-bottom: 40px;
    }
    .grid-tagline-title span{
        bottom: 0;
    }
    .banner-section .swiper-slide {
        padding-left: 35px;
    }
    .ar-sr-home{
        padding: 97px 0px;
    }
    .head-ar-sr-home{
        padding: 0px 110px;
    }
    .ar-sr-home .row{
        padding: 0px 110px;
        padding-bottom: 35px;
    }
    .annual-slide .swiper-pagination{
        left: 104px;
    }
    .menu-footer.mobile ul li a{
        text-transform: uppercase;
    }
    .media-home {
        padding: 97px 110px;
    }
    .tagline {
        padding: 105px 110px;
    }
    .grid-tagline-title {
        width: 45%;
    }
    .content-detail-left{
        padding-left: 110px;
        padding-right: 30px;
        padding-bottom: 55px;
    }
    #whyjoinus .text-invert {
        width: 46%;
    }
    .ar-sr-banner{
        overflow: unset;
    }
    .detail-press-release {
        padding: 105px 110px;
        padding-top: 117px!important;
        padding-right: 20px;
    }
    .detail-press-release h2 {
        font-size: 28px;
        line-height: 35px;
    }
    .banner-text-invert{
        padding: 105px 110px;
        padding-top: 145px;
        padding-right: 20px;
    }
    .grid-news-section {
        height: 345px;
        margin-bottom: 30px;
    }
    .border-container.banner-text-invert:before {
        top: 85px;
    }
    .press-release-content{
        width: 47%;
    }
    .read-more-press-release{
        padding-right:0;
        width: 23%;
    }
    .content-detail-left p:first-child {
        padding-top: 60px;
    }
    .grid-tagline-content {
        width: 54%;
    }
    .stock-section{
        padding: 97px 110px;
        padding-right: 110px;
    }
    .grid-relation{
        width: 100%;
        margin-right: 0;
        margin-bottom:100px;
        height: 700px;
    }
    .grid-award{
        width: 100%;
    }
    .socmed-footer img {
        margin-right: 10px;
    }
    .ar-sr-home .btn-viewmore{
        display: inline-block;
        float: none;
        margin-top: 0;
        margin-bottom:30px;
        margin-right: 20px;
    }
    .border-container:before {
        border-bottom: 8px solid #f5ec4f;
        width: 75px;
        left: 33px;
        z-index: 1;
    }
    .ar-sr-home .text-invert {
        width: auto;
    }
    .grid-annual{
        padding: 20px;
    }
    .news-content-home{
        padding-right: 45px;
    }
    .press-release {
        padding: 38px 30px;
        padding-right: 25px;
    }
    .text-banner-about{
        width: 50%;
        left: 375px;
        font-size: 40px;
    }
    .text-banner-about h1{
        line-height: 47px;
    }
    .about-banner .banner-text {
        width: 350px;
        height: 350px;
        padding: 44px 110px;
        padding-top: 90px;
        padding-right: 20px;
    }
    .grid-about-mission {
        width: 55%;
        margin-top: 75px;
        padding: 78px 11%;
        padding-right: 55px;
    }
    .grid-about-vision {
        width: 54%;
        padding: 105px 115px;
        padding-right: 65px;
        padding-bottom: 55px;
    }
    .milestone {
        padding: 105px 110px;
    }
    .structure-company{
        padding: 105px 110px;   
    }
    .structure-company .content-grid{
        width: 100%;
        overflow-x: auto;
    }
    .subsidiaries-main{
        padding: 105px 110px; 
        background-size: 80% 100%;
    }
    .subsidiaries-main .grid-4{
        width: 50%;
    }
    .document-main{
        padding: 105px 110px; 
    }
    .grid-article {
        min-height: 300px;
    }
    .documents-section{
        padding: 105px 110px;    
    }
    .grid-strategy li {
        margin-bottom: 40px;
        margin-right: 0;
    }
    .main-contact {
        position: relative;
        padding: 70px 110px;
    }
    .main-contact p {
        width: 45%;
        margin-left: 2%;
    }
    .contact-card {
        width: 39%;
        margin-left: 2%;
    }
    .shareholders-section{
        padding: 105px 110px;    
    }
    .investor-banner .banner-text:before {
        top: 75px;
    }
    .financial-section {
        padding: 110px 110px;
    }
    .ui-tabs-panel {
        float: left;
        padding: 65px 55px;
    }
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab a {
        font-size: 14px;
        min-height: 95px;
    }
    .governance-section {
        padding-bottom: 35px;
    }
    .credit-section {
        padding: 115px 110px;
        padding-right: 110px;
    }
    .read-more-investor {
        position: absolute;
        left: 0;
        bottom: 0;
        right: unset;
    }
    .grid-credit-title .download-button {
        margin-top: 60px;
        margin-bottom: 40px;
    }
    .main-rating-section {
        padding: 100px 110px;
    }
    .grid-download-tagline{
        padding-left: 4%;
    }
    .grid-content-governance {
        padding: 109px 110px;
        padding-bottom: 0;
        padding-top: 100px;
    }
    .corporate-secertary{
         padding: 109px 110px;   
    }
    .content-secertary{
        padding-right: 0;
    }
    .speak-up-section{
        padding: 105px 110px;
        padding-bottom: 65px;
    }
    .accordion-section .content-grid{
        padding-left: 0!important;
    }
    .map-card.border-container.border{
        padding: 140px 110px;
        padding-bottom: 50px;
        padding-right: 50px;
    }
    .costumer-section{
        padding: 70px 110px;
    }
    .production-section {
        padding: 98px 110px;
    }
    .title-production {
        font-size: 12px;
        margin-top: -80px;
        margin-right: 0;
    }
    .quality-section {
        padding: 120px 110px;
    }
    .quality-section .text-grid {
        width: 100%;
        margin-bottom: 20px;
    }
    .quality-section .content-grid {
        width: 100%;
    }
    .reserve-section {
        padding: 115px 110px;
    }
    .reserve-section .text-grid {
        width: 100%;
    }
    .reserve-section .text-grid h3{
        font-size: 12px;
    }
    .reserve-section .content-grid {
        width: 100%;
    }
    .strategy-section{
        padding: 105px 110px;
    }
    #ourstrategy{
        padding-bottom: 0;
    }
    .gallery-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 50px;
    }
    .gallery-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 50px;
    }
    .subsidiaries-sustainabilty {
        background-size: 90%;
        height: 930px;
        padding: 0;
        width: 800px;
    }
    .subsidiaries-sustainabilty h2 {
        padding: 17% 15%;
        padding-bottom: 22%;
        font-size: 20px;
    }
    .sustain-content {
        padding: 30px 80px;
    }
    .grid-news-sustain{
        padding:105px 60px;
    }
    .announcement-section .title {
        margin-left: 110px;
    }
    .grid-announcment-content {
        padding-left: 110px;
    }
    .title-discloure{
        padding: 20px 110px;
        padding-bottom:0;
    }
    .masonary {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        padding: 0;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px;
    }
    .grid-intern:nth-child(1){
        width: 100%;
    }
    .grid-intern:nth-child(2){
        width: 50%;
    }
    .grid-intern:nth-child(3){
        width: 50%;
    }
    .intern-content{
        margin-top: 0;
        margin-bottom:20px;
    }
    .grid-profesion-name{
        width: 100%;
        margin-bottom:50px;
    }
    .grid-profesion-content{
        width: 100%;
    }
    .news-section {
        padding: 75px 110px;
    }
    .structure-section{
        padding: 110px 110px;
    }
    .boc-container {
        padding: 0;
    }
    .philosophy-section {
        padding: 112px 110px;
    }
    .banner-text .btn-viewmore img{
        width: 16px!important;
    }
    #pageSupportingDocument .border-container:before {
        left: -80px;
    }
    .banner-text-invert {
        width: 455px;
        height: 415px;
    }
    .grid-subsidiaries-content{
        padding-right: 65px;
    }
    .ar-sr-banner .banner-text {
        width: 54%;
        height: 340px;
        padding: 44px 110px;
        padding-top: 95px;
        padding-right: 20px;
        z-index: 1;
    }
    .ar-sr-banner h2{
        line-height: normal;
    }
    .ar-sr-banner .banner-text:before {
        top: 75px;
    }
    .ar-sr-section{
        padding: 105px 110px;
    }
    .grid-content-rating .read-more-investor{
        left: 30px;
    }
    .grid-rating-title {
        padding: 95px 110px;
        padding-right: 110px;
    }
    .grid-rating-content {
        padding: 110px;
        padding-top: 95px;
        padding-right: 150px;
    }
    .right-side {
        float: right;
        margin-left: 43px;
        margin-right: 0;
        margin-top: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .media-banner .banner-text:before {
        top: 80px;
    }
    .grid-document-section:before {
        left: -80px;
        top: -30px;
    }
    .message-content {
        padding-right: 110px;
    }
    .grid-announcment-content .text-invert{
        font-size: 39px;
    }
    .gallery-slide .swiper-button-next, .gallery-slide .swiper-button-prev {
        top: 61%;
    }
    .grid-detail-press img {
        width: 100%!important;
        object-fit: cover;
    }
    .container-disclosureinfo{
        height: 100%;
    }
    .hidden-tablet{
        display: none;
    }
    .content-list-award{
        padding: 15px 15px;
    }
    .content-list-award h2 {
        font-size: 22px;
    }
    .award-banner .banner-text-invert{
        padding-top: 105px;
        height: auto;
        padding-bottom: 50px;
    }
    .grid-subsidiaries-sustainabilty span{
        padding: 14px;
        font-size: 14px;
        min-height: 60px;
    }
    .map-location{
        left: 55px;
        width: 370px;
    }
    .grid-annual h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .grid-annual label{
        margin-left: 0;
    }
    .grid-annual .download-button{
        margin-left:0;
    }
    .grid-article h2{
        font-size: 32px;
    }
    .btn-viewmore.gallery{
        bottom: -20px;
        z-index: 9;
    }
    .wrapper-diagram{
        overflow-x: auto;
    }
    .search-result-bar {
        border-bottom: 1px solid #005046;
        color: #005046;
        outline: none;
        font-family: Asap Medium;
        font-size: 24px;
        background: url(../img/search2.png) no-repeat right;
        background-size: 16px;
        padding-right: 25px;
        background-position-y: 75%;
        margin-bottom: 0;
    }
    .search-result-bar li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #005046!important;
    }
    .search-result-bar li input::-moz-placeholder { /* Firefox 19+ */
        color: #005046!important;
    }
    .search-result-bar li input:-ms-input-placeholder { /* IE 10+ */
        color: #005046!important;
    }
    .search-result-bar li input:-moz-placeholder { /* Firefox 18- */
        color: #005046!important;
    }
    .container-search-mobile{
        width: 50%;
        margin: 0 auto;
        padding:30px 0;
    }
    .container-search-mobile input::placeholder{
        color: #005046!important;
    }
    .sticky-header {
        padding-top: 90px;
    }
    .text-sustain{
        font-size: 35px;
    }
    .text-sustain h1 {
        line-height: normal;
    }
    .grid-document-section .slider-doc-row{
        position: relative;
        padding: 0 40px;
    }
    .grid-document-section .second-document-slide{
        position: unset;
    }
    .grid-document-section .document-slide{
        position: unset;
    }
    .doc-about-slide .row{
        position: relative;
        padding: 0 40px;
    }
    .doc-about-slide .document-slide{
        position: unset;
    }
    .doc-about-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: -10px;
    }
    .doc-about-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        left: -10px;
    }
    #presentation .document-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        left: -40px;
    }
    #presentation .document-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: -40px;
    }
    .grid-document-section .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: -10px;
    }
    .grid-document-section .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        left: -10px;
    }

}

@media (max-width: 1000px){
    .reserve-section .content-grid {
        overflow: auto;
    }
    .reserve-section .content-grid table {
        width: 710px;
    }
    .ar-sr-home .row{
        padding: 0px 90px;
        padding-bottom: 33px;
    }
}
@media (min-width: 901px){
    .tablet-show{
        display: block;
    }
    .mobile-show{
        display: none;
    }
}
@media (max-width: 900px){
    .tablet-show{
        display: none;
    }
    .mobile-show{
        display: block;
    }
    .grid-announcment-content{
        width: 100%;
    }
    .grid-announcment-content-img {
        width: 100%;
        padding-left: 0;
        margin-bottom: 50px;
    }
    #corporate .grid-strategy{
        min-height: 527px;
    }
    .quality-section .content-grid {
        overflow-x: auto;
    }
    .quality-table {
        width: 680px;
    }/*
    .fullscreen-menu{
        min-height: 100vh;
        display: block;
        position: relative;
    }*/
    .mobile-fullmenu{
        height: 91vh;
        overflow-y: auto;
    }
    nav ul li{
        height: unset;
    }
    .announcements-slide .swiper-button-next, .announcements-slide .swiper-button-prev {
        top: 300px;
    }
    .chart-image-investor{
        width: 65%;
    }
    .chart-number-investor{
        width: 35%;
    }
    #subsidiaries-mineralsnon-coal .text-invert {
        width: 70%;
    }
}
@media (max-width: 768px){
    .announcements-slide .swiper-pagination {
        bottom: unset;
        top: 30%;
    }
    .hidden-tablet{
        display: inline-block;
    }
    .grid-list-award {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }
    .award-section {
        margin-bottom: 0px;
    } 
    .text-under-construct{
        font-size:  16px;
    }
    .border-container:before {
        border-bottom: 6px solid #f5ec4f;
        width: 45px;
        left: 30px;
    }
    .img-structure-detail{
        width: 900px;
    }
    #searchResultContainer .mCSB_scrollTools .mCSB_draggerContainer{
        display: none;
    }
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 23px;
        margin: 0px auto;
    }
    .chart-scroll .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
        background-color: #57967a;
        background-color: rgb(87, 150, 122);
    }
    .chart-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #57967a;
        background-color: rgb(87, 150, 122);
    }
    .chart-scroll .mCSB_scrollTools .mCSB_draggerRail {
        background-color: #f5ec4f;
        background-color: rgb(245, 236, 79);
    }
    #coalproduction .chart-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #004F46;
        background-color: rgb(0, 79, 70);
    }

    .sustain-scroll .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
        background-color: #004f46;
        background-color: rgb(0, 79, 70);
    }
    .sustain-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #004f46;
        background-color: rgb(0, 79, 70);
    }
    .sustain-scroll .mCSB_scrollTools .mCSB_draggerRail {
        background-color: #f5ec4f;
        background-color: rgb(245, 236, 79);
    }
    .chart-scroll .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 45px;
    }
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        height: 2px;
        margin: 11px 0;
        border-radius: 0;
    }
    .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        height: 25px;
    }
    .search-result .mCSB_inside>.mCSB_container {
        margin-right: 0px;
    }
    .img-search-result img{
        padding-bottom: 20px;
    }
    .grid-content-rating .read-more-investor {
        left: 30px;
    }
    .tagline {
        padding: 105px 60px;
    }
    .media-home {
        padding: 97px 60px;
    }
    .stock-section {
        padding: 97px 60px;
        padding-right: 60px;
    }
    .grid-document-section .grid-article h2 {
        font-size: 25px;
    }
    .grid-tagline-title{
        width: 100%;
        min-height: unset;
    }
    .grid-tagline-content{
        width: 100%;
        padding: 0;
    }
    .media-home .grid-6{
        width: 100%;
        margin-bottom: 30px;
    }
    .ar-sr-home{
        padding: 97px 0px;
    }
    .head-ar-sr-home{
        padding: 0px 60px;
    }
    .content-search-result {
        padding:20px;
        width: 100%;
    }
    .img-search-result {
        width: 100%;
    }
    .search-result .row {
        height: auto;
    }
    .modal-header {
        padding: 0;
    }
    .modal-body {
        padding: 0;
    }
    .annual-slide .swiper-pagination {
        left: 85px;
    }
    .ar-sr-home .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        left: 2%!important;
        right: auto;
    }
    .ar-sr-home .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 2%!important;
        left: auto;
    }
    .menu-footer {
        width: 100%;
        border-right: 0;
        margin-bottom: 30px;
        border-bottom: 1px solid #F5EC4F;
    }
    .socmed-footer {
        width: 100%;
        padding: 0;
    }
    .menu-footer.mobile ul {
        padding-right: 0;
    }
    .chart-number-investor.show-tabs {
        margin-top: -55px;
    }
    .about-banner {
        padding-left: 0;
        overflow: unset;
    }
    .about-banner .banner-text {
        width: 315px;
        height: 300px;
        padding: 44px 105px;
        padding-top: 55px;
        padding-right: 20px;
        bottom: -60px;
        transform: unset;
        top: unset;
    }
    .text-banner-about {
        font-size: 36px;
        transform: unset;
        top: 40px!important;
        width: 85%;
        left: 30px;
    }
    .grid-about-vision {
        width: 100%;
        padding: 105px 60px;
        padding-right: 65px;
        padding-bottom: 55px;
        position: relative;
    }
    .hidden-tabs{
        display: none;
    }
    .show-tabs{
        display: block;
    }
    .grid-relation{
        height: auto
    }
    .grid-about-mission {
        width: 100%;
        margin-top: 75px;
        padding: 78px 60px;
        padding-right: 55px;
        float: left;
    }
    .banner-section .border-container:before{
        top: 45px;
    }
    .doc-about-slide .grid-article h2 {
        font-size: 25px;
    }
    .milestone {
        padding: 105px 60px;
    }
    .structure-company {
        padding: 105px 60px;
    }
    .subsidiaries-main .grid-4 {
        width: 100%;
    }
    .shareholders-section {
        padding: 105px 60px;
    }
    .subsidiaries-main{
        padding: 105px 60px;
    }
    .document-main {
        padding: 105px 60px;
    }
    .grid-strategy {
        width: 100%;
        margin-right: 0;
        margin-left:0;
        margin-bottom:20px;
    }
    .grid-strategy:last-child{
        margin-left: 0;
    }
    .documents-section {
        padding: 105px 60px;
    }
    .main-contact {
        position: relative;
        padding: 70px 60px;
    }
    .main-contact .img-icon {
        width: 25%;
        float: left;
    }
    .main-contact p {
        width: 73%;
        margin-left: 2%;
        margin-bottom: 20px;
    }
    .contact-card {
        width: 68%;
        margin-left: 16%;
    }
    .banner-text img{
        width: 95px;
        margin-left: 13px;
    }
    .financial-section{
        padding:110px 60px;
    }
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab{
        border-right: 10px solid #fff;
    }
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab a {
        font-size: 10px;
        min-height: 70px;
        padding: 20px 10px;
        outline: none;
    }
    .ui-tabs-panel {
        float: left;
        padding: 35px 25px;
        margin-top: 0;
    }
    .chart-number-investor {
        width: 100%;
    }
    .chart-image-investor {
        width: 100%;
    }
    .grid-content-tagline{
        width: 100%;
        margin-bottom: 30px;
    }
    .grid-download-tagline{
        width: 100%;
        padding:0;
    }
    .credit-section {
        padding: 115px 60px;
        padding-right: 60px;
    }
    .grid-credit-title{
        width: 100%;
        margin-bottom: 20px;
    }
    .grid-credit-content{
        width: 100%;
        padding-left: 0;
    }
    .main-rating-section {
        padding: 100px 60px;
    }
    .grid-title-rating{
        width: 100%;
        height: 385px;
    }
    .grid-content-rating{
        width: 100%;
        padding-bottom: 50px;
    }
    .card-rating {
        height: auto;
    }
    .grid-content-governance {
        padding: 109px 60px;
        padding-bottom: 20px;
    }
    .corporate-secertary {
        padding: 109px 60px;
    }
    .image-secertary{
        width: 100%;
        margin-bottom: 20px;
    }
    .content-secertary{
        width: 100%;
        padding: 0;
    }
    .speak-up-section {
        padding: 105px 60px;
    }
	.map-card.border-container.border {
		width: 100%;
		float: none;
		padding: 140px 60px;
		position: relative;
		left: 0px;
		top: 0px;
		z-index: 9;
	}
    .map-card-list{
        width: 100%;
        bottom: 0;
    }
    .map-section #map{
        height: 1000px;
    }
	#worldwide-map {
		height: 915px;
		background-repeat: no-repeat;
		background-position: -141px -170px;
		background-size: 175%;
	}	
	.map-card h2 {
		margin-bottom: 0px;
	}
	.map-location {
		position: absolute;
		bottom: auto;
		left: 46px;
		top: 225px;
		z-index: 9;
	}	
	.map-card-list h2 {
		float: left;
		width: 50%;
	}
	.map-card-list img,.map-card-list ul {
		float: right;
	}
	.map-card-list:after {
		clear: both;
	}
    .costumer-section {
        padding: 70px 60px;
    }
    .grid-customer-table{
        width: 100%;
        margin-bottom: 20px;
    }
    .grid-customer-chart{
        width: 100%;
    }
    .grid-customer-chart img{
        padding: 0;
        width: 100%;
    }
    .production-section{
        padding: 98px 60px;
    }
    .title-production {
        font-size: 12px;
        margin-right: 0;
        margin-top: 0;
        float: left;
        margin-bottom: 32px;
    }
    .quality-section {
        padding: 120px 60px;
    }
    .reserve-section {
        padding: 115px 60px;
    }
    .strategy-section {
        padding: 105px 60px;
    }
    .grid-strategy-sustain{
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
    }
    .sustain-image{
        width: 100%;
    }
    .sustain-content {
        padding: 30px 60px;
        width: 100%;
        margin-top: 30px;
    }
    .grid-sustain-img{
        width: 100%;
        margin-bottom: 30px;
    }
    .grid-sustain-content{
        width: 100%;
        padding-left: 0;
    }
    .sustainabilty-document p{
        padding-bottom: 20px;
    }
    .announcement-section .title {
        margin-left: 60px;
    }
    .grid-announcment-content {
        padding-left: 60px;
        width: 100%;
    }
    .title-discloure {
        padding: 20px 60px;
        padding-bottom: 0;
    }
    .grid-discloure-image {
        height: 400px;
        width: 100%;
    }
    .container-disclosureinfo{
        width: 80%;
        top: -95px;
    }
    .grid-discloure-content {
        width: 100%;
        padding: 20px 55px;
        color: #fff;
        padding-right: 60px;
        height: 84%;
        padding-top: 30px;
    }
    #disclosureinfo .press-release-list{
        margin-top:0;
        height: 560px;
    }
    .warning-section {
        padding: 30px;
    }
    .warning-icon {
        width: 100%;
    }
    .warning-icon img{
        width: 130px;
        text-align: center;
        display: inline-block;
        margin-left: 27%;
    }
    .warning-content {
        width: 100%;
        padding-left: 0;
    }
    .career-pharagraph{
        width: 100%;
    }
    .news-section {
        padding: 75px 60px;
    }
    .news-section-image {
        width: 100%;
        height: 300px;
    }
    .news-section-content {
        width: 100%;
        height: 350px;
        margin-bottom:20px
    }
    .press-release-date {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .press-release-content {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 20px;
    }
    .read-more-press-release {
        width: 100%;
        text-align: left;
    }
    .press-release-date span {
        display: inline-block;
    }
    .press-release-date label{
        margin-top: -25px;
        text-align:right;
    }
    .btn-viewmore img {
        width: 16px;
        float: right;
        margin-top: -2px;
        position: absolute;
        right: 11px;
        top: 50%;
        transform: translate(0, -44%);
    }
    .grid-subsidiaries-content {
        width: 100%;
        padding-right: 60px;
        padding-left: 60px;
        padding-bottom: 60px;
        margin-top: 30px;
    }
    .ar-sr-home .btn-viewmore{
        width: 225px;
    }
    .grid-subsidiaries-image {
        width: 100%;
    }
    .grid-detail-press{
        width: 100%;
    }
    .content-detail-left{
        padding-left: 60px;
    }
    .grid-detail-press h2{
        padding-left: 60px;
        padding-right:20px;
    }
    .content-detail-right{
        padding-left: 60px;
        padding-right:60px;
    }
    .structure-section{
        padding: 110px 60px;
    }
    .philosophy-section {
        padding: 112px 60px;
    }
    .ar-sr-banner .banner-text{
        width: 360px;
        bottom: -40px;
    }
    .rating-section{
        padding:0;
    }
    .ar-sr-section .grid-annual {
        width: 32.333333%;
    }
    .ar-sr-section {
        padding: 105px 60px;
    }
    .grid-rating-title {
        padding: 55px 60px;
        padding-right: 110px;
        width: 100%;
    }
    .grid-rating-content {
        width: 100%;
        padding: 95px;
        padding-left:60px;
        padding-top: 95px;
        padding-right: 60px;
    }
    .grid-document-section:before {
        left: -35px;
        top: -30px;
    }
    .subsidiaries-sustainabilty h2 {
        font-size: 17px;
        padding: 22% 15%;
    }
    .award-banner{
        padding-left:0!important;
    }
    .map-indonesia {
        margin-top: 0px;
    }
    .grid-award {
        height: auto;
    }
    .text-sustain{
        font-size: 31px;
    }
    #rups .row{
        padding: 0 40px;
    }
    .rups-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: -5px;
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
    }
    .rups-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: -5px;
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
    }
    #publicexpose .row{
        padding: 0 40px;
        margin: 0px;
    }
    .expose-slide .swiper-button-disabled{
        opacity: 1;
    }
    .expose-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: -5px;
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
    }
    .expose-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: -5px;
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
    }
    #publicexpose .row:before{
        width: 100%;
        top: 46%;
        left: 0;
    }
    .rups-slide .swiper-button-next, .rups-slide .swiper-button-prev {
        top: 36%;
    }
    .milestone {
        padding: 105px 25px;
        padding-bottom: 30px;
    }
    .grid-content-governance .text-invert {
        margin-bottom: 30px;
        width: 100%;
        overflow-wrap: break-word;
    }
    .sustain-structure{
        overflow-x: auto;
    }
    .sustain-structure img{
        width: 700px;
        margin-bottom: 20px;
    }
}
@media (max-width: 736px){
	#worldwide-map {
		height: 750px;
		background-repeat: no-repeat;
		background-position: -113px -170px;
		background-size: 172%;
	}/*
    .grid-customer-chart{
        overflow-x: auto;
    }*/
    #chartContainerPie{
        width: 600px!important;
    }/*
    .grid-customer-chart::-webkit-scrollbar {
        width: 5px;
        background-color: transparent;
    }
    .grid-customer-chart::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #f5ec4f;
        height: 3px;
        width: 3px;
    }
    .grid-customer-chart::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: transparent;
    }*//*
    .chart-production{
        overflow-x: auto;
    }*/
    #chartContainerLine{
        width: 800px!important;
    }/*
    .chart-production::-webkit-scrollbar {
        width: 5px;
        background-color: transparent;
    }
    .chart-production::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #f5ec4f;
        height: 3px;
        width: 3px;
    }
    .chart-production::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: transparent;
    }*/
    .chart .chart-list {
        width: 40%;
    } 
    .credit-slide .swiper-pagination{
        width: 100%;
        top: -40px;
    }
    #creditresearch .text-invert{
        margin-bottom: 50px;
    }
}

@media (max-width: 600px){
/*    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
    }*/
    .map-indonesia {
        margin-top: 100px;
    }
    #shareholder .content-grid{
        overflow-x: auto;
    }
    #shareholder .table-shareholder{
        width: 550px;
    }
    .management-content-grid{
        width: 100%;
        padding:31px;
    }
    .award span {
        margin-bottom: 10px;
        display: block;
    }
    #supportingdocument .swiper-container {
        padding-left: 0px;
    }
    .contact-card img {
        right: 0;
    }
    .contact-card {
        width: 100%;
        margin-left: 0;
    }
    #whyjoinus .text-invert {
        width: 250px;
    }
    .warning-content h2 {
        font-size: 38px;
    }
    .warning-icon img{
        margin-left:18%;
    }
    .dropdown-content-footer a {
        color: #fff;
        font-size: 18px;
    }
    .button-menu{
        font-size: 41px;
    }
    .menu-close:after {
        -webkit-text-stroke: 7px #ffffff;
    }
    .text-invert {
        font-size: 35px;
    }
    nav ul{
        padding:20px;
    }
    nav ul li{
        height: unset;
    }
    .menu-mobile li input{
        width: 56%;
    }
    .lang-mobile {
        width: 44%;
    }
    .title {
        font-size: 16px;
        margin-bottom: 15px;
        font-family: Asap Bold;
    }
    .date-span-award{
        margin-bottom:30px;
    }
    .banner-section .swiper-slide{
        height: 450px;
        padding-left: 0;
    }
    .career-button span{
        margin-left:10px;
        font-size: 14px;
        letter-spacing: 1.5px;
        padding-bottom: 3px;
        border-bottom: 3px solid #F5EC4F;
    }
    .banner-text {
        width: auto;
        padding: 125px 40px 40px 60px;
    }
    .banner-slide .banner-text{
        transform: unset;
        width: 95%;
        height: 340px;
        top: 275px;
    }
    .career-button {
        right: 50px;
        padding: 16px 20px;
        bottom: -195px;
    }
    .career-button img{
        width: 30px;
    }
    .home-banners {
        margin-bottom: 220px;
    }
    .banner-slide {
        height: 450px;
        overflow: unset;
    }
    .milestone-year {
        margin: 0px 28px;
    }
    nav img {
        width: 67%;
        margin: 30px 0px;
        left: 10px;
    }
    .stock-section {
        padding: 97px 25px;
        padding-right: 25px;
    }
    .relation {
        padding: 40px 20px;
    }
    .award {
        padding: 40px 20px;
    }
    .tagline {
        padding: 105px 25px;
        padding-bottom: 30px;
    }
    .media-home {
        padding: 97px 25px;
    }
    .news-content-home {
        padding: 49px 25px;
    }
    .press-release-list li {
        margin-right: 20px;
    }
    .ar-sr-home{
        padding: 97px 0px;
    }
    .head-ar-sr-home{
        padding: 0px 25px;
    }
    .ar-sr-home .row{
        padding: 0px 50px;
        padding-bottom: 35px;
    }
    .annual-slide .swiper-pagination {
        left: 45px;
        bottom: -10px;
        width: 100%;
    }
    .nav-footer {
        padding: 20px 20px;
        padding-left: 0;
        margin-left: 20px;
        padding-right: 0;
        margin-right: 9px;
    }
    .copyright{
        padding:30px 0;
    }
    .footer {
        padding: 100px 10px;
        padding-bottom: 0px;
    }
    .text-banner-about {
        font-size: 22px;
        width: 80%;
    }
    .grid-annual h2{
        overflow-wrap: break-word;
    }
    .text-banner-about h1 {
        line-height: normal;
    }
    .about-banner {
        height: 475px;
    }
    .about-banner .banner-text {
        width: 275px;
        height: 285px;
        padding-left: 70px;
    }
    .about-banner span {
        margin-bottom: 25px;
    }
    .banner-text img {
        width: 80px;
    }
    .grid-about-vision {
        padding: 105px 25px;
        padding-right: 25px;
    }
    .grid-about-mission {
        padding: 78px 25px;
        padding-right: 25px;
    }
    .milestone {
        padding: 105px 25px;
    }
    .structure-company {
        padding: 105px 25px;
    }
    .shareholders-section {
        padding: 105px 25px;
    }
    .subsidiaries-main {
        padding: 105px 25px;
        background-size: 85% 100%;
    }
    .milestone {
        padding: 105px 25px;
    }
    .shareholders-section {
        padding: 105px 25px;
    }
    .documents-section {
        padding: 105px 25px;
    }
    .main-contact {
        padding: 70px 25px;
    }
    .document-main {
        padding: 105px 25px;
    }
    .border-container:before {
        left: 10px;
    }
    .grid-content-governance {
        padding: 109px 25px;
        padding-bottom:0;
    }
    .corporate-secertary {
        padding: 109px 25px;
    }
    .speak-up-section {
        padding: 105px 25px;
    }
    .map-card.border-container.border {
        padding: 140px 25px;
        padding-bottom: 20px;
    }
    .costumer-section {
        padding: 70px 25px;
    }
    .production-section {
        padding: 98px 25px;
    }
    .quality-section {
        padding: 120px 25px;
    }
    .reserve-section {
        padding: 115px 25px;
    }
    .grid-subsidiaries-content {
        padding-right: 25px;
        padding-left: 25px;
    }
    .philosophy-section {
        padding: 112px 25px;
    }
    .boc-text {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
    .boc-image {
        width: 100%;
    }
    .structure-section {
        padding: 110px 25px;
    }
    .structure-detail-content {
        padding: 32px 25px;
        padding-bottom: 135px;
    }
    .message-content {
        padding-right: 25px;
    }
    .message-content h2 {
        width: 100%;
    }
    .strategy-section {
        padding: 105px 25px;
        padding-bottom:20px;
    }
    .subsidiaries-sustainabilty {
        width: 800px;
        height: 850px;
    }
    .grid-subsidiaries-sustainabilty {
        margin-bottom: 20px;
        width: 33.333333%;
    }
    .sustain-content {
        padding: 30px 25px;
    }
    .grid-announcment-content {
       padding-left: 25px;
    }
    .announcement-section .title {
        margin-left: 25px;
    }
    .grid-announcment-content h3 {
        margin-bottom: 15px;
    }
    .grid-announcment-content .text-invert {
        margin-bottom: 15px;
    }
    .grid-announcment-content-img {
        width: 100%;
        padding-left: 0;
        margin-bottom: 15px;
    }
    .title-discloure {
        padding: 20px 25px;
    }
    .grid-discloure-content {
        padding: 20px 25px;
        padding-top: 25px;
    }
    .financial-section {
        padding: 110px 25px;
    }
    #financialstatements{
        padding-bottom:40px;
    }
    .masonary {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        padding: 0;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px;
    }
    .grid-intern{
        width: 100%!important;
    }
    .card-profesion{
        padding: 25px;
        padding-bottom: 35px;
    }
    .contact-section {
        padding: 25px;
    }
    .contact-banner {
        padding-left: 0;
        height: 440px;
        margin-bottom: 80px;
        margin-left: 0;
    }
    #rc-imageselect, .g-recaptcha {transform:scale(0.9);-webkit-transform:scale(0.9);transform-origin:0 0;-webkit-transform-origin:0 0;}
    .philosophy-content {
        width: 100%;
    }
    .philosophy-section .text-invert {
        margin-bottom: 29px;
        width: 100%;
        font-size: 33px;
    }
    .bottom-gap-structure{
        padding-bottom: 0
    }
    .overflow-mobile .img-responsive{
        width: 1000px;
    }
    #map {
        height: 1000px;
    }
	.map-location {
		left: 10px;
	}
	.map-location {
		width: 320px;
	}
	.dropdown-map {
		width: 160px;
	}
	.map-arrow {
		margin-left: 45px;
	}
	.map-card-list h2 {
		float: none;
		width: 100%;
	}
	.map-card-list img, .map-card-list ul {
		float: none;
	}
	#worldwide-map {
		height: 798px;
	}
    .contact-banner .banner-text {
        position: absolute;
        width: 280px;
        height: 325px;
        left: 0;
        background-color: #004f46;
        padding: 60px 40px 40px 76px;
        padding-top: 74px;
        bottom: -60px;
        top: unset;
        transform: unset;
        padding-right: 20px;
    }
    .news-section {
        padding: 75px 25px;
    }
    .grid-article{
        min-height: 330px;
    }
    .banner-text-invert {
        width: 90%;
        height: 410px;
        padding: 96px 70px;
        padding-top: 55px!important;
        padding-right: 20px;
    }
    .banner-invert-section {
        padding-bottom: 40px;
        height: 590px;
        padding-left: 30px;
    }
    .content-detail-left {
        padding-left: 25px;
        padding-right: 25px;
    }
    .border-container.banner-text-invert:before {
        top: 55px;
    }
    .grid-detail-press h2 {
        padding-left: 10px;
    }
    .press-release-date label {
        margin-top: 0;
        text-align: left;
    }
    .home-pagination-banner {
        top: 70%;
    }
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab a {
        font-size: 9px;
        padding: 4px;
        min-height: 41px;
    }
    .grid-relation{
        height: 830px;
    }
    .grid-relation .btn-viewmore {
        left: 10px;
    }
    .chart .chart-list {
        width: 100%;
        float: left;
        margin-top: 6px;
    }
    .subsidiaries-sustainabilty h2 {
        padding: 22% 15%;
        padding-bottom: 13%;
        font-size: 18px;
    }
    .credit-section {
        padding: 115px 25px;
        padding-right: 25px;
    }
    .main-rating-section {
        padding: 100px 25px;
    }
    .about-banner .banner-text{
        width: 270px;
        padding-top: 80px;
        padding-left: 30px;
        bottom: -40px;
    }
    .map-card h2 {
        font-size: 40px;
    }
    nav ul li {
        font-size: 22px;
    }
    .ar-sr-section {
        padding: 105px 25px;
    }
    .ar-sr-section .grid-annual {
        width: 49%;
    }
    .gallery-gap {
        padding-bottom: 0;
    }
    .gallery-section{
        padding-bottom: 70px;
    }
    .grid-annual {
        padding: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .grid-rating-content {
        padding: 40px;
        padding-left: 25px;
        padding-top: 40px;
        padding-right: 60px;
    }
    .grid-rating-title {
        padding: 55px 25px;
        padding-right: 60px;
    }
    .sustainabilty-document p {
        padding-bottom: 20px;
        padding-right: 0;
    }
    .sustain-content h2 {
        font-size: 33px;
    }
    .btn-viewmore.gallery {
        bottom: -20px;
    }
    .news-section-content {
        height: 500px;
    }
    .news-slide .swiper-button-prev {
        left: 25px;
    }
    .news-slide .swiper-button-next {
        left: 50px;
    }
    .grid-announcment-content p {
        padding-right: 20px;
    }
    .document-slide .swiper-slide{
        border-left: 0;
    }
    #supportingprofession .content-grid{
        overflow-x: auto;
    }
    #supportingprofession .content-grid table{
        width: 650px;
    }
    .intern-card {
        padding: 30px 25px;
    }
    .menu-footer.mobile ul li{
        font-size: 22px;
    }
    #presentation .document-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 0;
    }
    #presentation .document-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 0;
    }
    .text-sustain{
        font-size: 18px;
    }
    #creditresearch .row{
        padding:0 35px;
    }
    .credit-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: -10px;
    }
    .credit-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: -10px;
    }
    .document-slide .swiper-slide{
        border-right: 1px solid #FAFA46;
        border-left: 1px solid #FAFA46;
        margin-right: 0!important;
    }
    .document-slide .swiper-slide:first-child{
        border-left: 0;
    }
    .document-slide .swiper-slide:last-child{
        border-right: 0;
    }
    .second-document-slide .swiper-slide{
        border-right: 1px solid #FAFA46;
        border-left: 1px solid #FAFA46;
        margin-right: 0!important;
    }
    .second-document-slide .swiper-slide:first-child{
        border-left: 0;
    }
    .second-document-slide .swiper-slide:last-child{
        border-right: 0;
    }
    #subsidiaries-mineralsnon-coal .text-invert{
        width: 70%;
        overflow-wrap: break-word;
    }
    .media-home {
        padding-bottom: 20px;
    }
    .milestone {
        padding: 105px 25px;
        padding-bottom: 30px;
    }
    #disclosureinfo{
        height: 1220px;
    }
    .governance-section .border-container:before{
        top: 45px;
    }
    .governance-section .philosophy-section {
        padding: 90px 25px;
    }
    .governance-section .grid-content-governance {
        padding: 90px 25px;
        padding-bottom:20px;
    }
    #corporateaction{
        padding-bottom: 30px;
    }
    #coalquality {
        padding-bottom: 30px;
    }
    .grid-content-governance ul {
        padding-bottom: 15px;
    }
}

@media (max-width: 450px){
    .grid-article {
        min-height: 330px;
        width: 100%;
        padding-left: 0;
    }

    .chart .chart-list {
        margin-top: -10px;
        margin-bottom: 30px;
    }
    .chart .first-chartslist{
        margin-top: -80px;
    }
    .announcements-slide .swiper-pagination {
        bottom: unset;
        top: 210px;
    }
    .text-under-construct{
        font-size:  14px;
    }
    .container-under-construct {
        width: 100%;
    }
    .container-search-mobile{
        width: 80%;
        margin: 0 auto;
        padding:30px 0;
    }
    .gallery a {
        padding: 8px 12px;
    }
    .btn-viewmore.gallery{
        font-size: 11px!important;
        bottom: -15px;
        z-index: 9;
    }
    .gallery img {
        margin-left: 12px;
    }
    .announcements-slide .swiper-button-next, .announcements-slide .swiper-button-prev{
        top: 150px;
    }
    #supportingdocument .document-slide .swiper-button-next, #supportingdocument .document-slide .swiper-button-prev{
        top: 65%;
    }
    .gallery-slide .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 30px;
    }
    .gallery-slide .swiper-pagination {
        bottom: 40px!important;
    }
    .gallery-slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 30px;
    }
    .gallery-slide .swiper-button-next, .gallery-slide .swiper-button-prev{
        top: 74%;
    }
    .document-slide .grid-4 {
        padding-left: 10px;
    }
    .grid-annual{
        width: 100%;
    }
    .banner-text-invert{
        height: auto;
        padding-top: 70px!important;
    }
    .banner-text-invert h2 {
       font-size: 27px;
    }
    .grid-relation {
        height: 730px;
    }
    .equal-height {
        height: 700px;
    }
    .document-slide .grid-4 {
        padding-left: 0;
        padding: 0 10px;
    }
    .second-document-slide .grid-article {
        padding-left: 0;
        padding: 0 10px;
    }
    .reserve-section .content-grid table {
        width: 100%;
    }
    .head-table-reserve h2 {
        padding: 10px;
        height: 35px;
    }
    .bg-green {
        padding: 10px;
        font-size: 12px;
    }
    .bg-green ul {
        padding-bottom: 25px;
        margin-left: 14px;
    }
    .bg-white h2 {
        margin-top: 30px;
        margin-bottom: 77px;
    }
    .bg-white {
        padding: 10px;
        font-size: 12px;
    }
    .total-reserve h2 {
        padding: 7px 10px;
    }
    .head-table-reserve {
       font-size: 11px;
    }
    .total-reserve h2 {
        font-size: 13px;
    }
    .bg-white h3 {
        margin-bottom: 13px;
    }
}
@media (max-width: 400px){
    #chart-relation {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;/*
        min-width: 250px!important;*/
    }
    .chart .chart-list {
        margin-top: -40px;
        margin-bottom: 30px;
    }
    .chart .first-chartslist{
        margin-top: -95px;
    }
    .chart-number-investor.show-tabs {
        margin-top: -110px;
    }
    .award span {
        margin-bottom: 0px;
    }
    nav ul li span {
        margin-right: 0;
    }
    .grid-document-section:before {
        left: -15px;
        top: -30px;
    }
    .content-list-award h2 {
        font-size: 20px;
    }
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab a {
        min-height: 49px;
        overflow-wrap: break-word;
    }
    li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
        border-right: 4px solid #fff;
    }
    #chartContainerPie{
        height: 465px;
    }
	#worldwide-map {
		height: 638px;
		background-position: -74px -89px;
		background-size: 180%;		
	}	
	.map-card h2 {
		margin-bottom: 60px;
	}
    .map-location {
        width: 90%;
        padding-top: 26px;
    }
    .dropdown-map {
        width: 97%;
        margin-top: 20px;
        float: left;
    }
    .grid-relation {
        height: 695px;
    }
    .under-tel {
        display: block;
        text-decoration: unset;
    }
    #subsidiaries-coal-oil-gas .text-invert {
        width: 70%;
    }
}

@media (max-width: 375px){
    #subsidiaries-mineralsnon-coal .text-invert{
        width: 65%;
    }
}
@media (max-width: 320px){
    nav ul {
        padding: 16px;
    }
    .grid-relation {
        height: 750px;
    }
    #publicexpose .row:before {
        top: 46.5%;
    }
    .head-table-reserve h2 {
        height: 48px;
    }
    #subsidiaries-mineralsnon-coal .text-invert {
        width: 73%;
    }
}