:focus{
   outline: none;
}
li.wpml-ls-first-item.wpml-ls-last-item a {
	pointer-events: none;
}
li.wpml-ls-first-item.wpml-ls-last-item a::after {
	visibility:hidden !important;
}
li.wpml-ls-first-item.wpml-ls-last-item > ul {
	border: none;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
display:block;
}
.wpml-ls-legacy-dropdown {
padding-left: 20px;
display: inline-block;
}
.comingsoon {
/*display:none !important;*/
	margin-top:80px;
	margin-bottom:110px;
}
.wpcf7-form.init {
  /* color: #172983 !important; */
}
nav.site-header{
   padding: 0;
   background: #fff;
   transition: all .1s ease-in;
}
nav.site-header .header-btm{
   position: absolute;
   top: 100%;
   width: 100%;
   left: 0;
   right: 0;
   z-index: 999;
}
nav.site-header .navbar-brand img{
   max-width: 331px;
}
nav .navbar-brand{
   padding: 0;
   margin: 0;
}
.navbar-nav .dropdown-menu{
   margin-top: 0;
}
#navbarNavDropdown{
   padding-right: 34px;
}
ul#main-menu{
   margin: 12px 0;
}
ul#main-menu > li > a{
   color: #fff;
}
nav.site-header .header-btm{
   transition: background .1s ease-in;
}

ul#main-menu > li + li{
   margin-left: 8px;
}
/* ul#main-menu li.menu-item-has-children:hover .dropdown-menu{
   display: block;
} */
.header-btm .container{
   position: relative;
}
#site-search{
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 20px;
   background: url(../images/Search.png) top left no-repeat;
   background-size: 100%;
   width: 25px;
   height: 27px;
   margin-top: 2px;
}

#mobile-site-search{
   display: none;
   background: url(../images/icon-search-mobile.png) top left no-repeat;
   background-size: 100%;
   width: 23px;
   height: 24px;
   margin-right: 14px;
   margin-top: 4px;
}
#wrapper-footer{
   padding: 35px 0 0;
   border-top: 1px solid rgba(27, 34, 105, 0.2);
}
.site-footer .custom-col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.site-footer .custom-col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.site-footer .custom-col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 35%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
}
.site-footer .custom-col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.site-footer .custom-col-1 .navbar-brand img{
   max-width: 221px;
}
.site-footer .custom-col-1 .navbar-brand{
   margin-bottom: 30px;
}
.footer-social-icons a + a{
   margin-left: 15px;
}
.footer-social-icons a{
   opacity: 1;
}
.footer-social-icons a:hover{
   opacity: .75;
}
.site-footer p, .site-copy p{
   font-size: 13px;
   line-height: 18px;
   color: #172983;
   margin-top: 10px;
   margin-bottom: 15px;
}
.site-footer h5{
   font-weight: bold;
   font-size: 14px;
   line-height: 16px;
   color: #E2001A;
   margin-top: 10px;
}
ul.footer-links{
   list-style: none;
   margin-bottom: 0;
   padding-left: 0;
   max-width: 205px;
   max-height: 150px;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
}
ul.footer-links li{
   margin-top: 10px;
   margin-right: 30px;
}
ul.footer-links li a{
   padding: 0;
   font-weight: normal;
   font-size: 13px;
   line-height: 16px;
   color: #172983;
}
.site-footer p a{
   font-size: 13px;
   line-height: 18px;
   color: #172983;
}
.site-footer p img{
   margin-right: 10px;
   vertical-align: middle;
}
.site-copy{
   margin-top: 26px;
   padding-top: 10px;
   border-top: 1px solid rgba(27, 34, 105, 0.2);
   padding-bottom: 10px;
}
ul.footer-links.footer-copy-links{
   flex-direction: row;
   max-width: 100%;
   margin-top: 10px;
}
ul.footer-links.footer-copy-links li{
   margin: 0;
   position: relative;
}
ul.footer-links.footer-copy-links li + li{
   padding-left: 30px;
}
ul.footer-links.footer-copy-links li + li:before{
   content: "";
   position: absolute;
   left: 15px;
   top: 50%;
   transform: translateY(-50%);
   width: 1px;
   height: 9px;
   background-color: #172983;
}
#home-banner .home-slides{
   height: 677px;
   padding-top: 74px;
   position: relative;
   background-position: inherit;
}
#home-banner .home-slides:after{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.3);
   z-index: 10;
}
#home-banner .container{
   position: relative;
   z-index: 11;
}
#home-banner .banner-wrap, #home-banner .container{
   height: 100%;
}
#home-banner .banner-wrap{
   width: 100%;
   position: relative;
}
#home-banner .banner-text-wrap{
   margin-top: 15%;
}
#home-banner .banner-text{
   font-size: 45px;
   line-height: 52px;
   color: #FFFFFF;
   opacity: 0;
}
.home-banner-wrap{
   position: relative;
}
.home-banner-arrows, .latar-slide-arrows{
   padding: 0;
   margin: 0;
   margin-top: 4%;
   display: flex;
   flex-direction: row;
}
.home-banner-arrows span, .latar-slide-arrows span, .latest-slider-arrows span, .pmembers-slider-arrows span{
   cursor: pointer;
   width: 48px;
   margin-right: 9px;
   opacity: 1;
   transition: opacity .3s ease-in;
}
.home-banner-arrows span:hover, .latar-slide-arrows span:hover, .latest-slider-arrows span:hover, .pmembers-slider-arrows span:hover{
   opacity: .75;
}
.home-banner-dots-wrap{
   position: absolute;
   bottom: 15%;
   left: 0;
   width: 100%;
}
.home-banner-dots .slick-dots{
   bottom: unset;
   position: relative;
   text-align: left;
}
.home-banner-dots .slick-dots li{
   margin: 0;
   padding: 0;
   width: auto;
   height: auto;
}
.home-banner-dots .slick-dots li a{
   font-style: italic;
   font-weight: 300;
   font-size: 14px;
   color: #FFFFFF;
   margin-right: 15px;
   position: relative;
   display: inline-block;
}
.home-banner-dots .slick-dots li::before{
   content: "";
   display: inline-block;
   width: 0;
   margin-left: 0;
   height: 1px;
   vertical-align: middle;
   transition: all .3s ease-in;
   background: #fff;
   position: relative;
   top: unset;
   left: unset;
}
.home-banner-dots .slick-dots li::after{
   content: "";
   display: inline-block;
   width: 0;
   margin-right: 0;
   height: 1px;
   background-color: #fff;
   vertical-align: middle;
   transition: all .3s ease-in;
}
.home-banner-dots .slick-dots li.slick-active a, .home-banner-dots .slick-dots li a:hover{
   text-decoration: none;
   font-style: normal;
   font-weight: bold;
}
.home-banner-dots .slick-dots li.slick-active::after{
   width: 60px;
   margin-right: 15px;
}
.home-banner-dots .slick-dots li:last-child.slick-active::before{
   width: 60px;
   margin-left: 15px;
   margin-right: 15px;
}
.home-banner-dots .slick-dots li:last-child.slick-active::after{
   display: none;
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
#home-banner-thumb{
   position: absolute;
   bottom: -20px;
   width: 100%;
}
#home-banner-thumb .home-banner-thumb-inner{
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
}
#home-banner-thumb .home-banner-thumb-inner .thumb{
   flex: 0 0 150px;
   margin-left: 13px;
   text-decoration: none;
}
#home-banner-thumb .home-banner-thumb-inner .thumb .text{
   text-align: center;
   color: #fff;
   font-weight: 500;
   font-size: 18px;
   background: #E2001A;
   border: 1px solid #E2001A;
   line-height: 48px;
   transition: all .3s ease-in;
}
#home-banner-thumb .home-banner-thumb-inner .thumb:nth-child(2n) .text{
   background: #172983;
   border: 1px solid #172983;
}
#home-banner-thumb .home-banner-thumb-inner .thumb:hover .text{
   background: #fff;
   color: #E2001A;
}
#home-banner-thumb .home-banner-thumb-inner .thumb:nth-child(2n):hover .text{
   background: #fff;
   color: #172983;
}
.home-desc{
   margin-bottom: 50px;
}
.home-desc p{
   font-size: 21px;
   line-height: 47px;
   color: #172983;
   margin-bottom: 23px;
}
.home-desc-left p {
   font-size: 30px;
   line-height: 45px;
}
.home-desc-left p span {
   font-size: 16px;
   font-style: italic;
}
.home-desc-right p {
   font-size: 20px;
   line-height: 40px;
}
.home-desc p:last-child{
   margin-bottom: 0;
}
.home-desc p img{
   width: 104px;
}
span.s-line{
   text-decoration: none !important;
   border-bottom: 1px solid #E2001A;
   padding-bottom: 2px;
}
span.block-s-line{
   text-decoration: none !important;
   border-bottom: 1px solid #fff;
   padding-bottom: 2px;
}
.home-row-2{
   position: relative;
   overflow: visible !important;
}
.home-row-2.vc_row-has-fill>.vc_column_container>.vc_column-inner{
   padding-top: 0;
}
#latar_slider{
   margin-bottom: 51px;
}
#latar_slider .label{
   position: relative;
   display: inline-block;
   margin-top: -10px;
   font-size: 15px;
   line-height: 20px;
   color: #fff;
   padding: 18px 18px 15px 25px;
   border-radius: 0px 0px 10px 10px;
   background-color: #172983;
}
#latar_slider .label:before{
   content: "";
   background: url(../images/blue-label-corner.png) top left no-repeat;
   background-size: 100%;
   width: 10px;
   height: 8px;
   position: absolute;
   top: 0;
   left: -10px;
}
#latar_slider .slick-list{
   overflow: visible;
}
#latar_slider .col-md-6{
   display: flex;
   flex-direction: column;
}
#latar_slider .latar-slide-arrows{
   margin-top: auto;
}
#latar_slider .year{
   margin-top: 55px;
   font-weight: 500;
   font-size: 45px;
   line-height: 52px;
   color: #E2001A;
   margin-bottom: 12px;
}
#latar_slider .title{
   font-weight: 500;
   font-size: 30px;
   line-height: 38px;
   color: #172983;
   margin-bottom: 18px;
}
#latar_slider .highlight{
   font-size: 14px;
   line-height: 28px;
   color: #fff;
   background: #E2001A;
   padding: 0 20px;
   display: inline-block;
   border-radius: 20px;
   margin-bottom: 16px;
}
#latar_slider .highlight-wrap{
   margin-bottom: 15px;
}
#latar_slider .description{
   margin-bottom: 30px;
}
#latar_slider .description p{
   margin-bottom: 10px;
}
#latar_slider .description ul{
   list-style: none;
   margin: 0;
   padding: 0;
}
#latar_slider .description ul li{
   padding-left: 20px;
   margin-bottom: 10px;
   position: relative;
}
#latar_slider .description ul li:before{
   content: "";
   background: url(../images/icon-dot.png) top left no-repeat;
   background-size: 100%;
   width: 8px;
   height: 8px;
   position: absolute;
   top: 8px;
   left: 0;
}
#latar_slider .home-banner-arrows{
   position: absolute;
   left: 15px;
   bottom: 0;
}
.home-row-4{
   padding-top: 80px;
   padding-bottom: 45px;
}
.home-row-4 p{
   color: #fff;
   line-height: 30px;
}
.vc_general.vc_btn3.vc_btn3-shape-rounded{
   border-radius: 20px;
   padding: 10px 20px 9px;
}
.vc_general.vc_btn3.vc_btn3-color-btn-felcra-color{
   color: #fff;
   background-color: #172983;
   border: 1px solid #172983;
}
.vc_general.vc_btn3.vc_btn3-color-btn-felcra-color:hover{
   border: 1px solid #172983;
   color: #172983;
   background-color: #fff;
}
body div.home-row-5.vc_row.vc_row-no-padding .vc_column_container .vc_column-inner{
   padding-top: 0 !important;
}
.home-row-5 .wpb_content_element{
   margin-bottom: 0;
}
#core-slider{
   display: flex;
   flex-direction: row;
   height: 700px;
   justify-content: flex-end;
   background: #E2001A;
}
#core-slider .core-slides, #core-slider .expand, #core-slider .collapse-panel{
   height: 100%;
}
#core-slider .core-slides{
   flex: 0 0 7%;
   max-width: 7%;
   border-left: 1px solid #fff;
   transition: all .3s ease-in;
}
#core-slider .core-slides:first-child{
   border-left: none;
}
.core-slides .expand{
   display: flex;
   flex-direction: row;
   position: absolute;
   width: 0;
   visibility: hidden;
   opacity: 0;
   transition: width .3s ease-in;
}
.core-slides .expand .bg{
   flex: 0 0 60%;
   max-width: 60%;
   height: 100%;
}
.core-slides .expand .content{
   flex: 0 0 40%;
   max-width: 40%;
   height: 100%;
   background: #E2001A;
   color: #fff;
   padding: 70px 45px 35px;
   display: flex;
   flex-direction: column;
}
.core-slides .expand .content .category{
   margin-bottom: 35px;
   font-size: 20px;
}
.core-slides .expand .content .l-icon img{
   max-height: 53px;
}
.core-slides .expand .content .l-icon{
   margin-bottom: 10px;
}
.core-slides .expand .content .title{
   font-weight: 500;
   font-size: 30px;
   line-height: 42px;
   margin-bottom: 10px;
}
.core-slides .expand .content .description{
   line-height: 30px;
}
.core-slides .expand .content .url{
   margin-top: 30px;
}
.core-slides .expand .content .navi{
   margin-top: auto;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   display: none;
}
.core-slides .expand .content .navi .numbers a{
   font-weight: 300;
   font-style: 14px;
   color: #fff;
   font-style: italic;
   display: inline-block;
   position: relative;
   margin-right: 11px;
}
.core-slides .expand .content .navi .numbers a.active {
   font-weight: bold;
   font-style: normal;
}
.core-slides .expand .content .navi .numbers a::before{
   content: "";
   display: inline-block;
   width: 0;
   margin-left: 0;
   height: 1px;
   vertical-align: middle;
   transition: all .3s ease-in;
   background: #fff;
}
.core-slides .expand .content .navi .numbers a::after{
   content: "";
   display: inline-block;
   width: 0;
   margin-right: 0;
   height: 1px;
   background-color: #fff;
   vertical-align: middle;
   transition: all .3s ease-in;
}
.core-slides .expand .content .navi .numbers a.active::after{
   width: 60px;
   margin-left: 11px;
}
.core-slides .expand .content .navi .numbers a:last-child.active::after{
   display: none;
}
.core-slides .expand .content .navi .numbers a:last-child.active::before{
   width: 60px;
   margin-right: 11px;
}
.core-slides .expand .content .navi a:hover{
   opacity: .75;
}
.core-slides .collapse-panel{
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   cursor: pointer;
   width: 100%;
   visibility: visible;
   opacity: 1;
   transition: width .3s ease-in;
}
.core-slides .collapse-panel .l-icon{
   position: absolute;
   left: 0;
   right: 0;
   bottom: 50px;
   text-align: center;
   z-index: 10;
}
.core-slides .collapse-panel .l-icon img{
   max-height: 40px;
   margin: 0 auto;
}
.core-slides .collapse-panel .title{
   z-index: 10;
   position: relative;
   width: 100%;
   height: 100%;
   opacity: 0;
   transition: all .3s ease-in;
}
.core-slides .collapse-panel .title span{
   position: absolute;
   bottom: 0;
   left: 0;
   display: block;
   width: 700px;
   text-align: center;
   font-weight: 500;
   font-size: 20px;
   color: #fff;
   transform: rotate(270deg);
   transform-origin: 0% 0%;
   margin-left: 36%;
}
.core-slides .collapse-panel:before{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #010A32;
   mix-blend-mode: multiply;
   opacity: 0;
   transition: all .3s ease-in;
   z-index: 9;
}
.core-slides .collapse-panel:after{
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 50%;
   background: linear-gradient(360deg, #000000 -1.97%, rgba(160, 160, 160, 0) 57.24%);
   mix-blend-mode: multiply;
   z-index: 8;
   transition: all .3s ease-in;
}
.core-slides .collapse-panel:hover .title{
   opacity: 1;
}
.core-slides .collapse-panel:hover:before{
   opacity: 0.7;
}
.core-slides .collapse-panel:hover:after{
   opacity: 0;
}
#core-slider .core-slides.active{
   flex-basis: 72%;
   max-width: 72%;
}
#core-slider .core-slides.active .expand{
   width: 100%;
   visibility: visible;
   opacity: 1;
   position: relative;
}
#core-slider .core-slides.active .collapse-panel{
   width: 0;
   visibility: hidden;
   opacity: 0;
   position: absolute;
}
.page-template-template-home .pencapain{
   background-position: 100% 100%;
}
.col-quote p{
   font-style: italic;
   font-weight: 500;
   font-size: 20px;
   line-height: 30px;
   color: #172983;
}
.col-quote .wpb_text_column{
   position: relative;
   padding-left: 170px;
}
.col-quote .wpb_text_column:before{
   content: "";
   background: url(../images/icon-quote.png) top left no-repeat;
   width: 118px;
   height: 94px;
   background-size: 100%;
   position: absolute;
   top: 0;
   left: 35px;
}
[id^=sb-wall].sb-wall .sbsw-single-filter a{
   margin-bottom: 10px !important;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
   z-index: 999;
}
.home-row-7{
   height: 392px;
   margin-top: 50px;
   overflow: visible !important;
}
.home-row-7 .flyout-img.wpb_single_image .vc_single_image-wrapper{
   margin-top: -13.5%;
}
.home-row-7 p{
   color: #fff;
}
#home-latest-news h3{
   color: #172983;
}
#home-latest-news .date{
   font-size: 16px;
   line-height: 28px;
   color: #2F2F2F;
   margin-bottom: 8px;
}
#home-latest-news .title{
   margin-bottom: 15px;
}
#home-latest-news .title a{
   text-decoration: none;
   font-weight: 500;
   font-size: 20px;
   line-height: 28px;
   color: #172983;
}
.home-download-wrap{
   display: flex;
   flex-direction: row
}
.home-download-wrap .home-download-left, .home-download-wrap .home-download-right{
   flex: 0 0 50%;
   max-width: 50%;
   height: 400px;
   position: relative;
}
.home-download-wrap .home-download-left{
   background: url(../images/home-download-1.jpg) top left no-repeat;
   background-size: cover;
}
.home-download-wrap .home-download-right{
   background: url(../images/home-download-2.jpg) top left no-repeat;
   background-size: cover;
}
.home-download-wrap .home-download-left:after{
   content: "";
   width: 100%;
   height: 78px;
   background-color: #E2001A;
   position: absolute;
   left: 0;
   bottom: 0;
}
.home-download-wrap .home-download-right:after{
   content: "";
   width: 100%;
   height: 78px;
   background-color: #172983;
   position: absolute;
   left: 0;
   bottom: 0;
}
.home-download-row .wpb_content_element{
   margin-bottom: 0;
}
#home-download{
   position: relative;
   background: url(../images/home-download-full.jpg) top center no-repeat;
   background-size: cover;
   height: 400px;
   margin-top: 50px;
}
#home-download .container{
   position: relative;
   height: 100%;
}
#home-download .container:before{
   content: "";
   width: 100vw;
   height: 78px;
   background-color: #E2001A;
   position: absolute;
   right: 50%;
   bottom: 0;
   z-index: 0;
}
#home-download .container:after{
   content: "";
   width: 100vw;
   height: 78px;
   background-color: #172983;
   position: absolute;
   left: 50%;
   bottom: 0;
   z-index: 0;
}
#home-download .container .col-lg-6{
   z-index: 9;
}
#home-download .container, #home-download .row, #home-download .download-inner{
   height: 100%;
}
.download-inner{
   height: 100%;
   padding: 70px 50px 78px;
   color: #fff;
}
.download-inner .title{
   font-size: 30px;
   line-height: 48px;
   color: #FFFFFF;
   padding-bottom: 25px;
   border-bottom: 1px solid #fff;
}
.download-inner ul{
   margin: 0;
   margin-top: 16px;
   list-style: none;
   padding: 0;
   color: #fff;
}
.download-inner a.read-more{
   width: 100%;
   display: block;
   height: 78px;
   padding-left: 64px;
   line-height: 78px;
   position: absolute;
   font-size: 14px;
   bottom: 0;
   left: 0;
   color: #fff;
}
.download-inner a.read-more:after{
   content: "";
   background: url(../images/icon-download-right.png) top left no-repeat;
   background-size: 100%;
   width: 48px;
   height: 47px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 55px;
   transition: all .3s ease-in;
}
.download-inner a.read-more:hover:after{
   right: 65px;
}
.wpb_content_element .download-inner ul li:before{
   background-image: url(../images/bullet-white.png);
   width: 7px;
   height: 7px;
   background-size: 100%;
   top: 10px;
}
.home-row-5 .wpb_content_element ul li:before{
   background-image: url(../images/bullet-white.png);
}
.wpb_content_element .download-inner ul li a{
   color: #fff;
}
#pmembers{
   margin-bottom: 120px !important;
}
#pmembers .name, .m-modal .name{
   font-weight: 500;
   font-size: 30px;
   line-height: 30px;
   color: #172983;
   margin-bottom: 12px;
}
#pmembers .position, .m-modal .position{
   font-weight: 500;
   font-size: 16px;
   line-height: 30px;
   color: #E2001A;
}
#pmembers .top, .m-modal .top{
   padding-bottom: 25px;
   border-bottom: 1px solid #C4C4C4;
   margin-bottom: 50px;
   position: relative;
   padding-right: 125px;
}
.pmembers-slider-arrows{
   position: absolute;
   top: 0;
   right: 0;
   padding: 0;
   margin: 0;
   display: flex;
   flex-direction: row;
}
#pmembers-nav{
   background-color: #A2BBDE;
   position: relative;
}
#pmembers-nav .name{
   font-weight: 500;
   font-size: 14px;
   line-height: 20px;
   color: #172983;
   margin-top: 15px;
}
#pmembers-nav .pmember-nav-cta{
   margin-top: -50px;
   margin-bottom: 70px;
}
#pmembers-wrapper{
   padding-top: 80px;
}
#pmembers-nav .cta{
   cursor: pointer;
}
#pmembers-nav .cta .thumb{
   transition: all .3s ease-in;
}
#pmembers-nav .cta:hover .thumb{
   opacity: .75;
}
#lmembers-wrapper{
   padding-top: 50px;
}
.lmembers-grid{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   margin-left: -10px;
   margin-right: -10px;
}
.lmembers-grid .items{
   flex: 0 0 33.333%;
   max-width: 33.333%;
   padding-left: 10px;
   padding-right: 10px;
   margin-bottom: 30px;
   position: relative;
}
.lmembers-grid .items .thumb{
   cursor: pointer;
   display: block;
}
.lmembers-grid .items .thumb img{
   object-fit: cover;
}
.lmembers-grid .items .content{
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 0 15px 40px 45px;
   display: flex;
   flex-direction: column;
   height: 110px;
}
.lmembers-grid .items .content .name{
   font-weight: 500;
   font-size: 20px;
   line-height: 23px;
   color: #FFFFFF;
   display: flex;
   flex-direction: row;
   padding-right: 23px;
   justify-content: space-between;
}
.lmembers-grid .items .content .position{
   font-weight: normal;
   font-size: 14px;
   color: #FFFFFF;
   padding-right: 50px;
   margin-top: auto;
}
.lmembers-grid .items .content .arrow{
   background: url(../images/icon-profile.png) top left no-repeat;
   background-size: 100%;
   width: 48px;
   height: 47px;
   margin-left: 15px;
   transition: all .3s ease-in;
}
.lmembers-grid .items:hover .content .arrow{
   background: url(../images/icon-profile-hover.png) top left no-repeat;
   background-size: 100%;
}
.m-modal{
   padding-right: 0 !important;
   background-color: #f6f6f6;
}
.m-modal .modal-dialog{
   max-width: unset;
   width: 100%;
   margin-top: 0;
}
.m-modal .modal-dialog .modal-content{
   border-radius: 0;
   border: none;
   background-color: #f6f6f6;
   padding-bottom: 30px;
}
.m-modal .modal-dialog .c-top{
   padding-top: 68px;
   margin-bottom: 28px;
   text-align: right;
}
body [id^=sb-wall].sb-wall .sb-wall-load-btn{
   margin-top: 30px;
}
body [id^=sb-wall].sb-wall .sb-wall-load-btn, body [id^=sb-wall].sb-wall .sb-wall-load-btn:hover{
   border: none;
   box-shadow: none;
   font-weight: normal;
   font-size: 14px;
   line-height: 16px;
   color: #172983;
}
.sb-wall-header{
   background: #fff;
   position: relative;
   margin-bottom: 50px;
   border-bottom: 1px solid #e9e9f1;
}
.sb-wall-header:before{
   content: "";
   width: 100vw;
   height: 100%;
   background-color: #fff;
   position: absolute;
   top: 0;
   right: 100%;
   border-bottom: 1px solid #e9e9f1;
}
.sb-wall-header:after{
   content: "";
   width: 100vw;
   height: 100%;
   background-color: #fff;
   position: absolute;
   top: 0;
   left: 100%;
   border-bottom: 1px solid #e9e9f1;
}
.header-top{
   display: flex;
   flex-direction: row;
   align-items: center;
   padding-top: 12px;
   padding-bottom: 12px;
   width: 100%;
}
.header-top-menu {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: flex-end;
   width: 100%;
}
.site-header .row{
   width: 100%;
}
.header-top-menu .btm{
   display: flex;
   flex-direction: row;
   align-items: center;
   margin-top: 5px;
}
#external-links{
   font-size: 15px;
   line-height: 18px;
   color: #172983;
   margin-right: 20px;
}
#external-links a.dropdown-toggle{
   /* font-weight: bold; */
   text-decoration: underline;
}
#external-links a.dropdown-toggle::after{
   vertical-align: middle;
}
#external-links .dropdown-menu a{
   padding: 10px;
}
#external-links .dropdown-menu{
   right: 0;
   top: 16px;
}
#external-system a{
   color: #fff;
   background-color: #172983;
   border: 1px solid #172983;
   border-radius: 20px;
   padding: 9px 20px 10px;
   font-size: 14px;
   line-height: 16px;
   margin-right: 12px;
   min-width: 120px;
   display: inline-block;
   text-align: center;
}
#external-system a.cta-e-peserta{
   position: relative;
   padding-left: 37px;
}
#external-system a.cta-e-peserta:before{
   content: "";
   background: url(../images/icon-signin.png) top left no-repeat;
   background-size: 100%;
   width: 11px;
   height: 13px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 20px;
}
#external-system a.cta-e-peserta:hover{
   color: #172983;
   background-color: #fff;
}
#external-system a.cta-e-peserta:hover:before{
   background: url(../images/icon-signin-hover.png) top left no-repeat;
   background-size: 100%;
}
#external-system a.cta-e-system{
   color: #fff;
   background-color: #E2001A;
   border: 1px solid #E2001A;
}
#external-system a.cta-e-system:hover{
   color: #E2001A;
   background-color: #fff;
}
#external-system a img{
   margin-right: 6px;
   vertical-align: middle;
}
#language-switcher .wpml-ls-legacy-dropdown-click{
   width: auto;
}
#language-switcher .wpml-ls-legacy-dropdown-click a{
   border: none;
   font-size: 14px;
   padding-right: 24px;
}
#language-switcher .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
   top: 12px;
}
#language-switcher .wpml-ls-legacy-dropdown-click a:hover, #language-switcher .wpml-ls-legacy-dropdown-click a:focus, #language-switcher .wpml-ls-legacy-dropdown-click #language-switcher .wpml-ls-current-language:hover>a{
   background: #fff;
}
#language-switcher .wpml-ls-legacy-dropdown-click a{
   color: #172983;
}
#language-switcher .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
   display: inline-block;
   margin-left: .255em;
   vertical-align: middle;
   content: "";
   border-top: .3em solid;
   border-right: .3em solid transparent;
   border-bottom: 0;
   border-left: .3em solid transparent;
}
#language-switcher.mobile-language-switcher{
   display: none;
   margin-right: 10px;
}
.site-header .navbar-toggler{
   line-height: 60px;
   position: relative;
   height: 18px;
   width: 22px;
   padding: 0;
   border-radius: 0;
   border: none;
   z-index: 99999;
}
.site-header .navbar-toggler > div{
   background-color: #172983;
   width: 22px;
   height: 4px;
   border-radius: 2px;
   position: relative;
   transition: all .3s ease-in;
}
.site-header .navbar-toggler .bar1{
   margin-bottom: 3px;
}
.site-header .navbar-toggler .bar2{
   margin-bottom: 3px;
}
.mobile-navi-open .site-header .navbar-toggler .bar1{
   transform: rotate(-45deg) translate(-5px, 5px);
}
.mobile-navi-open .site-header .navbar-toggler .bar2{
   opacity: 0;
}
.mobile-navi-open .site-header .navbar-toggler .bar3{
   transform: rotate(45deg) translate(-5px, -5px);
}
/* body.mobile-navi-open  {
    overflow: hidden;
    position: fixed;
    height: 100%;
} */
.site-header .navbar-toggler .fa{
   font-size: 30px;
}
#mobile-navigation{
   display: none;
   flex-direction: column;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #f6f6f6;
   z-index: 9999;
   overflow-y: auto;
}
.mobile-navi-close{
   cursor: pointer;
   font-size: 35px;
   line-height: 1;
   font-family: arial, sans-serif;
   position: absolute;
   top: -10px;
    right: 25px;
   z-index: 999999;
}
.mobile-icon-wrap{
   display: none;
}
.site-info{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
}
.copy-text{
   text-align: right;
}
.pencapain.vc_row{
   background-position: bottom center !important;
}
body .site-header .navbar-toggler:hover{
   color: #192783;
}
[id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter svg{
   display: none;
}
body [id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter a{
   padding: 0;
   background: transparent;
   box-shadow: none;
   border-radius: 0;
   color: #21263F;
   position: relative;
   font-size: 16px;
   transition: all .3s ease-in;
}
body [id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter a:hover, body [id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter a.active{
   color: #172983;
   font-weight: bold;
}
[id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter span{
   display: none;
}
[id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter.sbsw-single-filter-all span{
   display: block;
}
.sbsw-single-filter{
   vertical-align: middle;
}
body [id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter + .sbsw-single-filter{
   margin-left: 35px;
}
body [id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter a::before{
   content: "";
   position: relative;
   display: block;
   top: 0;
   left: 0;
}
body [id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter a::after{
   content: "";
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   opacity: 0;
   transition: all .3s ease-in;
}
body [id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter a:hover::after, body [id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter a.active::after{
   opacity: 1;
}
body [id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter.sbsw-single-filter-facebook a::before{
   background: url(../images/icon-s-fb.png) top left no-repeat;
   background-size: 100%;
   width: 24px;
   height: 24px;
}
body [id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter.sbsw-single-filter-facebook a::after{
   background: url(../images/icon-s-fb-hover.png) top left no-repeat;
   background-size: 100%;
   width: 24px;
   height: 24px;
}
body [id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter.sbsw-single-filter-twitter a::before{
   background: url(../images/icon-s-twitter.png) top left no-repeat;
   background-size: 100%;
   width: 25px;
   height: 26px;
}
body [id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter.sbsw-single-filter-twitter a::after{
   background: url(../images/icon-s-twitter-hover.png) top left no-repeat;
   background-size: 100%;
   width: 25px;
   height: 26px;
}
body [id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter.sbsw-single-filter-youtube a::before{
   background: url(../images/icon-s-youtube.png) top left no-repeat;
   background-size: 100%;
   width: 23px;
   height: 20px;
}
body [id^=sb-wall].sb-wall .sbsw-filter-bar .sbsw-single-filter.sbsw-single-filter-youtube a::after{
   background: url(../images/icon-s-youtube-hover.png) top left no-repeat;
   background-size: 100%;
   width: 23px;
   height: 20px;
}
[id^=sb-wall].sb-wall p.sbsw-quoted-tweet-text{
   word-break: break-word;
}
.home-social-wall{
   padding-top: 40px;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
   opacity: 0;
   transition: all .2s ease-in;
}
.wpml-ls-legacy-dropdown-click.active .wpml-ls-sub-menu{
   opacity: 1;
}
.mobile-navi-open.modal-open{
   /* padding-right: 17px; */
}
#header-ext{
   border-radius: 0;
   border: none;
   border-bottom: 1px solid #172983;
   width: 130px;
   color: #172983;
   font-weight: bold;
   background: none;
}
.mobile-language-switcher select{
   border-radius: 0;
   border: none;
   color: #172983;
   background: none;
   font-size: 14px;
}
@keyframes mobnav {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes mobnavr{
  0%   {opacity: 1; display: block; z-index: 9999;}
  100% {opacity: 0; display: none; z-index: -1;}
}
.sb-wall-items-wrap{
   margin-left: -9px;
   margin-right: -9px;
}
.mytabstyle ul li {
   margin-bottom: 0;
}
.mytabstyle ul li:before {
   display: none;
}

#social-text li {
   overflow: visible;
}
#social-text ol {
   padding-left: 15px;
}
#social-text p {
   margin-bottom: 15px;
}

.sixteen-icon .wpb_single_image.vc_align_center {
   margin: 0 !important;
}
.sixteen-icon-first .vc_column-inner {
   padding-top: 0 !important;
}
.sixteen-icon img {
   width: 160px;
   height: 82px;
}
.history-content {
   display: none;
}
.history-content ol {
   padding-left: 25px !important;
}
.history-content li {
   overflow: visible !important;
}
.history-content h3 {
   color: #172983;
}
.history-content .wpb_wrapper > p {
   margin-bottom: 15px;
}
.active {
   display: block;
}
.ch-select-wrap {
   display: flex;
   align-items: center;
   padding-bottom: 25px;
}
.ch-select {
   display: flex;
   align-items: center;
   position: relative;
   border-bottom: 1px solid #1b226933;
}
.ch-select-title {
   min-width: 136px;
}
.ch-select select {
   padding: 5px 0;
   border: none;
   /* border-bottom: 1px solid #1b226933; */
   color: #172983;
   width: 300px;
   -webkit-appearance: none;
   position: relative;
}
.ch-select::before {
   content: "";
   width: 0;
   height: 0;
   position: absolute;
   z-index: 1;
   top: 0;
   bottom: 0;
   margin: auto;
   right: 10px;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 6px solid #4a494a;
}
.ch-select:after {
   content: "";
   height: calc(100% - 1px);
   width: 25px;
   right: -1px;
   top: 0;
   /* position: absolute; */
   background-color: #fff;
}
.page-id-301 .sub-trian,
.page-id-299 .sub-trian,
.page-id-301 .al-stick,
.page-id-299 .al-stick {
   display: none !important;
}
[data-id="Tentang FELCRA"] ,
[data-id="Visi & Misi"] ,
[data-id="Objektif"] ,
[data-id="Piagam"] ,
[data-id="Pencapaian Penting"] ,
[data-id="About FELCRA"] ,
[data-id="Vision & Mission"] ,
[data-id="Objective"] ,
[data-id="Charter"] ,
[data-id="Key Milestone Achieved"] {
   display: none;
}

#chartdiv2 {
   /* width: 50%;
   margin: auto; */
}
.graph3 {
   /* display: none; */
   margin-top: 60px;
}
.graph3 > .wpb_column > .vc_column-inner {
   padding-top: 40px !important;
}
.graph3 [aria-labelledby="id-331-title"] ,
.graph3 [aria-labelledby="id-66-title"] {
   display: none;
}
.graph3 .wpb_text_column.wpb_content_element {
   margin-bottom: 0;
}
.hektar {
   padding-left: 116px;
}
.hektar p {
   font-weight: bold;
}
.yaoxiu {
   padding-bottom: 40px;
   text-align: center;
   font-weight: bold;
}
.yaoxiu .pnp {
   color: #172983;
}

@media (max-width: 767px) {
   .mytabstyle ul {
      display: block;
      text-align: center;
   }
   .sixteen-icon {
      display: flex;
      flex-wrap: wrap;
   }
   #content .alsection .vc_row.sixteen-icon {
      padding-bottom: 0 !important;
      padding-top: 0 !important;
   }
   .sixteen-icon > .wpb_column.vc_column_container.vc_col-sm-2:first-child ,
   .sixteen-icon > .wpb_column.vc_column_container.vc_col-sm-2:last-child {
      display: none;
   }
   .sixteen-icon > .wpb_column.vc_column_container.vc_col-sm-2 {
      width: 50% !important;
      padding-bottom: 15px;
   }
   .sixteen-icon .vc_column-inner {
      padding-top: 0 !important;
   }
   .sr-empty {
      height: 20px !important;
   }
   body .sr-row {
      margin-bottom: 0 !important;
   }
   .ch-select-wrap {
      display: block;
   }
   .ch-select select {
      width: 100%;
   }
   .history-content img {
      padding: 15px 0;
   }
   .history-content > p {
      display: none;
   }
   .ch-select-wrap {
      padding-bottom: 0;
   }
   .history-content .vc_empty_space {
      height: 0 !important;
   }

}
@media (max-width: 1500px) {
   .home-row-7.vc_row{
      background-position: 25% center !important;
   }
}
@media (min-width: 991px) and (max-width:1199px) {
   .page-id-16 .home-row-7 p{
      line-height: 26px;
   }
}
@media (min-width: 1200px) {
   body .container {
       max-width: 1170px;
   }
   .home-row-4 .vc_col-sm-7 .wpb_text_column{
      padding-right: 57px;
   }
}
@media (min-width: 768px){
   .col-quote .wpb_text_column{
      padding-top: 20px;
   }
   .col-quote .wpb_text_column:before{
      top: 20px;
   }
}
@media (max-width: 1199px) {
   .home-row-4{
      padding-top: 40px;
      background-size: cover !important;
      background-repeat: no-repeat !important;
   }
   .core-slides .expand .bg, .core-slides .expand .content{
      flex: 0 0 50%;
      max-width: 50%;
   }
   .home-row-7 .flyout-img.wpb_single_image .vc_single_image-wrapper{
      margin-top: -5%;
   }
   .home-row-7.vc_row{
      background-position: center center !important;
   }
   ul.footer-links{
      max-height: unset;
   }
}
@media (min-width: 992px){
   nav.site-header.sticky .header-btm{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 9999;
   }
   nav.site-header.sticky .header-btm{
      background: #fff;
      -webkit-box-shadow: 0px 13px 16px -10px rgba(0,0,0,0.26);
   -moz-box-shadow: 0px 13px 16px -10px rgba(0,0,0,0.26);
   box-shadow: 0px 13px 16px -10px rgba(0,0,0,0.26);
   }
   nav.site-header.sticky ul#main-menu > li > a{
      color: #172983;
   }
   nav.sticky #site-search{
      background: url(../images/icon-search-blue.png) top left no-repeat;
      background-size: 100%;
   }
}
@media (max-width: 991px) {

  body .ns_close {
    top: 31px;
  }
   ul.footer-links{
      max-width: unset;
   }
   .home-desc p img{
      width: 80px;
   }
   .home-row-7{
      margin-top: 0;
      padding-top: 40px;
      padding-bottom: 45px;
   }
   #wrapper-navbar{
      /* height: 70px; */
   }
   [id^=sb-wall].sb-wall.sbsw-col-4 .sb-wall-items-wrap .sbsw-item{
      width: 33.33% !important;
   }
   .header-top-menu .top{
      /* position: fixed;
      bottom: 50px;
      left: 0;
      right: 0;
      text-align: center;*/
      display: none;
   }
   /* nav.site-header.sticky{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 999;
   } */
   nav.site-header{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 999;
   }

   nav.site-header.sticky.scroll-down{
      top: -100px;
   }


   nav.site-header.no_sticked {
     position: relative;
   }
   /* body.nav-close-transition #mobile-navigation{
      animation: mobnavr .2s ease-in .1s forwards;
   }
   .mobile-navi-open #mobile-navigation{
      display: flex;
      flex-direction: column;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 100vh;
      background-color: #f6f6f6;
      z-index: 9999;
      overflow-y: auto;
      animation: mobnav .2s ease-in .1s forwards;
   } */
   .mobile-icon-wrap{
      display: flex;
      flex-direction: row;
      align-items: center;
   }
   #language-switcher{
      display: none;
   }
   #language-switcher.mobile-language-switcher{
      display: block;
   }
   #external-links{
      /* position: fixed;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 13px; */
      display: none;
   }
   #external-links.mobile-nav{
      display: block;
      text-align: center;
      margin: 15px 0;
   }
   .site-footer .custom-col-1, .site-footer .custom-col-4{
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
   .site-footer .custom-col-3{
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
   }
   .site-footer .custom-col-2{
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -moz-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
   }
   .site-footer .custom-col-1 .navbar-brand, .site-footer .custom-col-1, .site-footer .custom-col-4, .site-footer .custom-col-2, .site-footer .custom-col-3{
      margin-bottom: 15px;
   }
   .header-top{
      justify-content: space-between;
      position: relative;
      align-items: center;
      padding-top: 4px;
      padding-bottom: 6px;
   }
   .header-top-menu{
      z-index: 9999;
   }
   .header-top-menu, #site-search{
      display: none;
   }
   #mobile-site-search{
      display: block;
   }
   nav.site-header .navbar-brand img{
      max-width: 260px;
   }
   .mobile-navi-open .header-top-menu{
      display: block;
   }
   /* .mobile-navi-open #navbarNavDropdown{
      display: block;
      z-index: 9999;
      text-align: center;
      padding-right: 0;
   } */
   .mobile-nav-content{
      padding-top: 70px;
      width: 100%;
      padding-bottom: 30px;
   }
   .mobile-navi-open #navbarNavDropdown.mobile-nav{
      display: block;
      text-align: center;
      padding-right: 0;
      z-index: 9999;
   }
   ul#main-menu > li + li{
      margin-left: 0;
   }
   ul#main-menu > li > a{
      color: #172983;
      /* font-weight: bold; */
      font-size: 20px;
   }
   .navbar-nav .dropdown-menu{
      text-align: center;
      margin: auto;
      border: 0;
      background: transparent;
      border-radius: 0;
   }
   .navbar-nav .dropdown-menu a:hover{
      font-weight: bold;
   }
   #external-system{
      /* position: fixed;
      top: 30px;
      left: 50%;
      transform: translateX(-50%);
      text-align: center; */
      display: none;
   }
   #external-system.mobile-nav{
      position: absolute;
      top: 17px;
      left: 0;
      right: 0;
      display: block;
      text-align: center;
   }
   #external-system.mobile-nav .container{
      position: relative;
   }
   #access-bar.mobile-nav{
      text-align: center;
      margin-top: auto;
   }
   .home-banner-dots-wrap{
      bottom: 34%;
   }
   #core-slider .core-slides{
      flex-basis: 10%;
      max-width: 10%;
   }
   #core-slider .core-slides.active{
      flex-basis: 60%;
      max-width: 60%;
   }
   .core-slides .expand .bg{
      display: none;
   }
   .core-slides .expand .content{
      flex-basis: 100%;
      max-width: 100%;
   }
   .home-row-7 .vc_col-sm-7{
      display: none;
   }
   .home-row-7 .vc_col-sm-5 {
      width: 70%;
   }
   #home-download{
      background: none;
      height: auto;
   }
   #home-download .container:before, #home-download .container:after{
      display: none;
   }
   .download-inner{
      padding: 20px 50px 78px;
   }
   #home-download .container{
      max-width: 100%;
   }
   #home-download .row .col-lg-6{
      margin-bottom: 30px;
   }
   #home-download .row .col-lg-6:first-child{
      background: url(../images/home-download-1.jpg) top center no-repeat;
      background-size: cover;
      position: relative;
      margin-bottom: 30px;
   }
   #home-download .row .col-lg-6:first-child::after{
      content: "";
      width: 100%;
      height: 58px;
      background-color: #E2001A;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: -1;
   }
   #home-download .row .col-lg-6:last-child{
      background: url(../images/home-download-2.jpg) top center no-repeat;
      background-size: cover;
      position: relative;
   }
   #home-download .row .col-lg-6:last-child::after{
      content: "";
      width: 100%;
      height: 58px;
      background-color: #172983;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: -1;
   }
   .download-inner a.read-more{
      height: 58px;
      line-height: 58px;
   }
   .download-inner a.read-more:after{
      width: 39px;
      height: 38px;
   }
   .home-desc p{
      font-size: 18px;
   }
   .lmembers-grid .items{
      flex-basis: 50%;
      max-width: 50%;
   }
   .home-row-7.vc_row{
      background-position: right center !important;
      height: auto;
      background-size: cover;
      padding-bottom: 30px;
   }
   .copy-text{
      text-align: left;
   }
   .core-slides .expand .content .category{
      font-size: 18px;
      margin-bottom: 30px;
   }
   .core-slides .expand .content .title{
      font-size: 26px;
   }
}
@media (max-width: 768px) {
   .m-modal .top{
      padding-right: 0;
   }
   #home-banner .banner-text{
      font-size: 40px;
   }
   #home-banner-thumb .home-banner-thumb-inner{
      justify-content: center;
   }
   #home-banner-thumb .home-banner-thumb-inner .thumb{
      flex-basis: 100px;
   }
   .home-banner-dots-wrap{
      bottom: 26%;
   }
   .latar-image{
      display: none;
   }
   .home-row-4.vc_row{
      background-size: cover !important;
      background-repeat: no-repeat !important;
   }
   #core-slider{
      flex-direction: column;
      height: auto;
   }
   #core-slider .core-slides, #core-slider .core-slides.active{
      flex-basis: 100%;
      max-width: 100%;
   }
   .core-slides .collapse-panel{
      height: 80px !important;
      background: #172983 !important;
      border-bottom: 1px solid #fff;
      display: flex;
      flex-direction: row;
      padding: 10px 20px 10px 100px;
      align-items: center;
   }
   .core-slides .collapse-panel .l-icon{
      position: absolute;
      left: 30px;
      top: 50%;
      right: unset;
      transform: translateY(-50%);
      bottom: unset;
   }
   .core-slides .collapse-panel .title{
      opacity: 1;
      line-height: 59px;
   }
   .core-slides .collapse-panel .title span{
      position: relative;
      width: auto;
      transform: none;
      margin: 0;
      text-align:left;
      font-size: 16px;
   }
   .core-slides .collapse-panel:after{
      display: none;
   }
   .core-slides .expand .content{
      padding-top: 35px;
   }
   #core-slider .core-slides.active .collapse-panel{
      width: 100%;
   }
    #core-slider .core-slides .expand{
      width: 100%;
      max-height: 0;
      transition: all .3s ease-in;
   }
   #core-slider .core-slides.active .expand{
      max-height: 1000px;
   }
   .home-desc p{
      line-height: 30px;
   }
   #pmembers-nav .pmember-nav-cta{
      flex-basis: 33.333%;
      max-width: 33.33%;
   }
   .col-quote .wpb_text_column:before{
      width: 68px;
      height: 54px;
      left: 0;
   }
   .col-quote .wpb_text_column{
      padding-left: 88px;
   }
   #pmembers-nav{
      padding-bottom: 30px;
   }
}
@media (max-width: 660px) {
   .site-footer .custom-col-2, .site-footer .custom-col-3{
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}
@media (max-width: 576px) {
   .core-slides .collapse-panel .title{
      line-height: 18px;
      height: auto;
   }
   [id^=sb-wall].sb-wall.sbsw-col-4 .sb-wall-items-wrap .sbsw-item{
      width: 100% !important;
   }
   .home-row-7 .vc_col-sm-5{
      width: 100%;
   }
   nav.site-header .navbar-brand img{
      max-width: 250px;
   }
   .latest-slider-arrows{
      margin-top: 20px;
   }
   .pmember-slides .image img{
      margin: 0 auto;
   }
   #pmembers .top{
      margin-top: 20px;
   }
   .lmembers-grid .items{
      flex-basis: 100%;
      max-width: 350px;
      margin: 0 auto 30px;
   }
   .m-modal .modal-dialog .col-sm-8{
      margin-top: 30px;
   }
   #home-download .row{
      height: auto;
   }
   .download-inner ul{
      margin-top: 0;
      margin-bottom: 7px;
   }
   .download-inner .title{
      margin-bottom: 16px;
   }
   ul.footer-links.footer-copy-links{
      max-width: 250px;
   }
   ul.footer-links.footer-copy-links li{
      margin-bottom: 10px;
   }
   ul.footer-links.footer-copy-links li:nth-child(3n){
      padding-left: 0;
      padding-right: 4px;
   }
   ul.footer-links.footer-copy-links li:nth-child(3n):before{
      display: none;
   }
   #external-system.mobile-nav{
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
   }
   #external-system a{
      padding: 8px 15px 9px;
      line-height: 14px;
      font-size: 12px;
      min-width: 100px;
   }
   #external-system a.cta-e-peserta:before{
      width: 10px;
      height: 14px;
      left: 15px;
   }
   .core-slides .collapse-panel{
      padding-left: 85px;
   }
   .core-slides .collapse-panel .l-icon{
      left: 15px;
   }
   .m-modal .modal-dialog .c-top{
      padding-top: 10px;
   }
   .navbar-toggler{
      margin-right: 17px;
   }
   .m-modal .modal-body{
      padding: 0;
   }
   .m-modal .modal-dialog{
      margin: 0;
   }
}

@media (max-width: 480px) {
   /* #wrapper-navbar{
      height: 56px;
   } */
   #pmembers-wrapper{
      padding-top: 40px;
   }
   .core-slides .collapse-panel .title span{
      font-size: 13px;
   }
   #home-download .row,{
      margin-top: -23px;
      margin-bottom: 35px;
   }
   #home-banner-thumb .home-banner-thumb-inner .thumb{
      flex: 0 0 22%;
   }
   #home-banner-thumb .home-banner-thumb-inner .thumb .text{
      font-size: 16px;
   }
   .core-slides .expand .content .navi{
      flex-direction: column;
      align-items: flex-start;
   }
   .core-slides .expand .content .navi .numbers, .core-slides .expand .content .navi .arrows{
      margin-top: 15px;
   }
   #home-banner #slick-slide02{
      background-position: 70% 100% !important;
   }
   body #external-system a{
      min-width: 105px;

   }
}
@media (max-width: 450px) {
   #external-system.mobile-nav{
      top: 13px;
   }
   nav.site-header .navbar-brand img{
      max-width: 200px;
   }
   .header-top{
      align-items: flex-end;
   }
}
@media (max-width: 380px) {
   #home-banner .banner-text{
      font-size: 30px;
   }
   /* #wrapper-navbar{
      height: 48px;
   } */
   ul.footer-links{
      max-height: unset;
   }
   /* .header-top{
      padding-top: 0;
      padding-bottom: 0;
   } */
   #mobile-site-search{
      margin-right: 0;
      width: 23px;
      height: 25px;
      margin-left: 8px;
   }
   #language-switcher.mobile-language-switcher{
      margin-right: 0;
   }

   .navbar-toggler{
      margin-left: 12px;
   }
   #language-switcher .wpml-ls-legacy-dropdown-click a, .mobile-language-switcher select{
      font-size: 13px;
   }
   nav.site-header .navbar-brand img{
      max-width: 180px;
   }
   .site-header .navbar-toggler .fa{
      font-size: 25px;
   }
   ul#main-menu > li > a{
      /* font-size: 15px; */
   }
   /* .mobile-navi-close{
      font-size: 30px;
      top: 5px;
      right: 20px;
   } */
   ul#main-menu .dropdown-menu a{
      /* font-size: 14px; */
   }
   #external-links{
      margin-right: 0;
   }
   .mobile-navi-close{
      font-size: 30px;
   }
   #external-system.mobile-nav{
      top: 11px;
   }
}