@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
  --green: #329E46;
  --yellow: #F9C836;
  --blue: #1F98D8;
  --dark-blue: #1072BD;
  --dark-blue-secondary: #0d5e9d;
  --white: #ffffff;
  --input-white: #F0F0F0;
  --dark: #7C7C7C;
  --dark-2: #3D3D3D;
  --black: #111111;
  --brown: #665216;
  --light-green: #48C75D;
}

h1, h2, h3, h4, h5, h6, p, span, button, a, input, li{
  font-family: 'Montserrat', sans-serif !important;
}
a,a:hover, a:focus{
  text-decoration: none;
}
*{
  scroll-behavior: smooth;
}
h2{
  font-weight: bold;
  font-size: 28px;
  line-height: 104.2%;
  color: var(--black);
  margin-bottom: 15px;
}
p{
  font-weight: 400;
  font-size: 14px;
  line-height: 176.2%;
  color: var(--black);
}
@media only screen and(max-width: 767px) {
  p{
    font-size: 12.5px !important;
  }
}
.text-white{
  color: var(--white) !important;
}
.text-brown{
  color: var(--brown) !important;
}
.text-right {
  text-align: right;
}
.text-slogan{
  font-size: 12px;
  font-weight: 600;
  color: var(--blue);
}
.pr-0 {
  padding-right: 0px;;
}

.btn-success.linkbtn {
  font-size: 14px!important;
  font-weight: 700!important;
  border: none!important;
}

/*global*/
.border-radius-10{
  border-radius: 10px !important;
}
#navbar-desktop{
  display: block;
}
#navbar-mobile{
  display: none;
}
#navigation-desktop{
  display: block;
}
#navigation-mobile{
  display: none;
}
#footer-desktop{
  display: block;
}
#footer-mobile{
  display: none;
}
.sosmed-button{
  transition: 0.5s;
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.sosmed-button:hover{
  opacity: 0.7;
}
.border-radius-bottom{
  border-radius: 0 0 10px 10px;
}
.font-weight-800{
  font-weight: 800;
}
.font-weight-600{
  font-weight: 600;
}
.dropdown-content, .row-product, .product-column{
  z-index: 1600 !important;
}
.arrow_maps_costom{
  cursor: pointer;
}
.accordion-button:focus{
  border: 0;
  box-shadow: 0 !important;
}
/*global*/

/*button*/
.btn{
  border-radius: 5px !important;
  transition: 0.5s;
}
.btn-blue{
  background-color: var(--blue);
  color:  var(--white);
}
.btn-blue:hover, .btn-blue:focus{
  background-color: var(--blue);
  color:  var(--white);
  opacity: 0.8;
  box-shadow: none;
}
.btn-green{
  background-color: var(--green);
  color:  var(--white);
}
.btn-green:hover, .btn-green:focus{
  background-color: var(--green);
  color:  var(--white);
  opacity: 0.8;
  box-shadow: none;
}
.btn-light-green{
  background-color: var(--light-green);
  color:  var(--white);
}
.btn-light-green:hover, .btn-light-green:focus{
  background-color: var(--light-green);
  color:  var(--white);
  opacity: 0.8;
  box-shadow: none;
}
.btn-yellow{
  background-color: var(--yellow);
  color:  var(--white);
}
.btn-yellow:hover, .btn-yellow:focus{
  background-color: var(--yellow);
  color:  var(--white);
  opacity: 0.8;
  box-shadow: none;
}
.btn-primary{
  background-color: var(--dark-blue) !important;
  font-weight: bold !important;
  font-size: 14px !important;
  border: 0;
}
.btn-primary:hover, .btn-primary:focus{
  background-color: var(--dark-blue-secondary) !important;
  font-weight: bold !important;
  font-size: 14px !important;
  border: 0;
}
.btn-rounded{
  border-radius: 50px !important;
  padding: 10px 40px;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
}
.btn-outline-white{
  border: 1px solid  var(--white);
  box-sizing: border-box;
  border-radius: 5px;
  color: var(--white);
}
.btn-outline-white{
  border: 1px solid  var(--white);
  box-sizing: border-box;
  padding: 20px 20px;
  border-radius: 5px;
  color: var(--white);
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
.btn-outline-white:hover, .btn-outline-white:focus{
  border: 1px solid  var(--white);
  background-color: var(--white);
  box-sizing: border-box;
  padding: 20px 20px;
  border-radius: 5px;
  color: var(--green);
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
.btn-disabled, .btn-disabled:hover{
  cursor: no-drop !important;
  background-color: #c2c2c2 !important;
  color: var(--dark);
  border: 1px #c2c2c2 solid !important;
  font-weight: bold !important;
  font-size: 14px !important;
  border: 0;
  padding: .375rem .75rem;
}
/*button*/

/*background*/
.bg-blue{
  background-color: var(--blue);
}
.bg-green{
  background-color: var(--green);
}
.bg-yellow{
  background-color: var(--yellow);
}
/*background*/

/*navbar*/
.navbar{
  border-radius: 5px;
}
.link-white{
  color: #ffffff !important;
  font-size: 14px;
  text-decoration: none;
  margin-left: 20px;
}
.link-white:hover {
  color:var(--yellow)!important;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 78%;
}
.nav-link-main{
  color: #1072BD;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.nav-link-main:hover, .nav-link-main:focus{
  background-color: var(--input-white);
  box-shadow: none;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.dropdown-menu-category{
  top: 49px;
  z-index: 1000;
  display: none;
  min-width: 36rem;
  padding: 15px 10px;
  border: 0;
  border-radius: 5px;
}
.category-menu h6{
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 10px;
}
.category-menu a{
  color: #1e1e1e;
  text-decoration: none;
}
.category-menu a:hover{
  color: var(--blue);
  text-decoration: none;
}
.btn-link-category:hover .dropdown-menu-category{
  display: block !important;
}
.bg-back-navbar{
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, #cc9e1b 100%);
}
.w-nav{
  width: 75% !important;
}
/*navbar*/

/* navbar-megamenu */
.megamenu {
  float: left;
  overflow: hidden;
  margin-right: 5px;
}
.megamenu .dropdown-btn {
  font-size: 14px!important;
  font-weight: 600!important;
  border: none;
  outline: none;
  color: #1072BD;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit;
  margin: 0;
}

.megamenu:hover .dropdown-btn {
  background-color: #1072BD;
  color: #fff;
  border-radius: 5px;
}

.megamenu .dropdown-btn.filter {
  color: #545454;
  background-color: #f0f0f0;
  border-radius: 5px;
}
.megamenu .dropdown-btn.bahasa {
  color: #1072BD;
  background-color: transparent;
  border-radius: 5px;
  padding:6px;
}
.megamenu:hover .dropdown-btn.filter {
  color: #545454;
  background-color: #d4d4d4;
}
.megamenu:hover .dropdown-btn.bahasa {
  color: #1072BD;
  background-color: #d4d4d4;
}

.dropdown-content {
  display: none;
  position: absolute;
  width: auto;
  background-color: #fff;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 5px;
}
.dropdown-content.filter {
  display: none;
  position: absolute;
  width: 176px;
  background-color: #fff;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 5px;
  padding:5px;
}
.dropdown-content.bahasa {
  display: none;
  position: absolute;
  width: auto;
  background-color: #fff;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 5px;
  padding:5px;
}
.megamenu:hover .dropdown-content, .megamenu:hover .dropdown-content.filter, .megamenu:hover .dropdown-content.bahasa {
display:block;
}
.row-product:after {
  content: "";
  display: table;
  clear: both;
}
.product-column, .product-column.filter, .product-column.bahasa {
    float: left;
    height: auto;
}
.product-column h6, .product-column.filter h6, .product-column.bahasa h6 {
  margin-top:10px;
  font-size: 14px;
}
.product-column a {
  float: none;
  color: black;
  padding: 16px;
  text-decoration: none;
  display: block;
  text-align: center;
}
.product-column.filter a {
  float: none;
  color: black;
  text-decoration: none;
  display: block;
  text-align: left;
  padding: 5px 20px;
}
.product-column.bahasa a {
  float: none;
  color: black;
  text-decoration: none;
  display: block;
  text-align: left;
  padding: 5px 20px;
}
.product-column a:hover {
   background-color:transparent;
   color:#1072BD;
}

.product-column.filter a:hover {
   background-color:#f5f5f5;
   color:#1072BD;
}
.product-column.bahasa a:hover {
   background-color:#f5f5f5;
   color:#1072BD;
}
/* navbar-megamenu */

/*side*/
.side-navigation{
  position: fixed;
  margin: auto;
  right: 0;
  top: 30%;
  z-index: 100;
  padding: 10px;
  background-color: #0000004d;
  border-radius: 10px;
}
.btn-side-navigation{
  margin: 2px 0;
}
.btn-side-navigation h6{
  margin-bottom: 0;
  font-size: 8px;
}
/*side*/

/*input*/
.input-group{
  width: 100%;
}
.input-group .form-control, .input-group .form-control:focus{
  border: none !important;
  background-color: var(--input-white) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 0.60rem .75rem !important;
}
.input-group .input-group-text{
  border: none !important;
  background-color: var(--input-white) !important;
}
.btn-addon{
  border: none !important;
  background-color: var(--input-white) !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #3D3D3D;
}
.btn-addon:hover, .btn-addon:focus{
  color: #646464;
}
.form-control{
  background-color: var(--input-white);
  border: 0;
  font-weight: normal;
  font-size: 12px;
  padding: 18px 10px;
}
.form-control:hover, .form-control:focus{
  background-color: var(--input-white);
  border: 0;
  font-weight: normal;
  font-size: 12px;
  padding: 18px 10px;
  box-shadow: none;
}
.control-label{
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
}
/*input*/

/*home*/
.content-text{
  padding-right: 150px;
}
.content-text h1{
  font-weight: 600;
  font-size: 46px;
  color: #2E2E2E;
}
.content-text h2{
  font-weight: 600;
  font-size: 28px;
  color: #2E2E2E;
}
.content-text p{
  font-size: 14px;
  color: #1B1B1B;
}
.content-text a{
  font-size: 14px;
  color: #1B1B1B;
  font-weight: 600;
  text-decoration: none;
}
.content-text-2{
  padding-right: 0px;
}
.content-text-2 h2{
  font-weight: 600;
  font-size: 28px;
  color: #2E2E2E;
}
.content-text-2 p{
  font-size: 12px;
  color: #1B1B1B;
}
.content-text-2 a{
  font-size: 12px;
  color: #1B1B1B;
  font-weight: 600;
  text-decoration: none;
}
.title-line{
  width: 82px;
  height: 5px;
  background-color: var(--yellow);
}
.title-line-2{
  width: 82px;
  height: 5px;
  background-color: var(--yellow);
  position: absolute;
  left: 499px;
  transform: translateY(10px);
}
.link-line{
  background-color: #2E2E2E;
  width: 31px;
  height: 1px;
  transform: translateY(10px);
  margin-left: 15px;
  transition: 0.5s;
}
a .img-play-video{
  transition: transform 0.3s ease-in-out;
}
a:hover .img-play-video{
  transform: scale(0.3);
  filter: drop-shadow(0px 0px 54px rgba(0, 0, 0, 0.45));
}
.content-text a:hover .link-line{
  transform: translateX(-10px) translateY(10px);
}
.title-news a:hover .link-line{
  transform: translateX(-10px) translateY(10px);
}
.img-play-video{
  transform: translateY(-100px) !important;
  z-index: 100 !important;
}
/* .swiper-button-next{
  position: absolute !important;
  right: 0 !important;
}
.swiper-button-prev{
  position: absolute !important;
  right: 0 !important;
} */
#map{
  width: 100%;
  height: 639px;
  background-color: #6d6d6d;
  border-radius: 10px !important;
}
.ptpn-location h2{
  font-size: 28px;
  color: #252525;
  margin-bottom: 0;
  font-weight: 700;
}
.ptpn-location h4{
  font-size: 20px;
  color: #252525;
  margin-bottom: 0;
  font-weight: 600;
}
.ptpn-location p{
  margin-top: 30px;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  color: #252525;
}
.home-location{
  position: absolute;
  right: 80px;
}
.card-location{
  border: 0;
  border-radius: 15px 15px 0px 0px;
  padding: 40px;
  box-shadow: 0px 0px 24px rgb(0 0 0 / 5%);
  z-index: 5;
}
.card-location-2{
  border: 0;
  border-radius: 15px 15px 15px 15px;
  padding: 40px;
  box-shadow: 0px 0px 24px rgb(0 0 0 / 5%);
  z-index: 5;
}
.location-info h6{
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
}
.img-map-shape-1{
  position: absolute;
  z-index: 10;
  right: 0;
}
.img-map-shape-2{
  position: absolute;
  left: -70px;
  transform: translateY(520px);
  z-index: 0 !important;
}
.home-news{
  background-image: url('../images/home/bg-news.png');
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 180px 0;
}
.card-home-news{
  border: 0;
  background: none;
}
.card-home-news .card-body{
  padding: 9px 0;
}
.card-home-news .card-body p{
  font-weight: normal;
  font-size: 14px;
  color: var(--dark);
  margin-bottom: 5px;
}
.card-home-news .card-body h6{
  font-weight: bold;
  font-size: 16px;
  line-height: 141.5%;
  color: var(--dark-2);
  display: -webkit-box;
  max-width: 100%;
  height: 46px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-details-product{
  border: 0;
  border-radius: 15px 15px 0 0;
}
.home-news-link .card-home-news{
  transition: transform 0.3s ease-in-out;
}
.home-news-link:hover .card-home-news{
  transform: scale(1.1);
}
.home-rfq{
  background-image: url('../images/home/bg-home-rfq.png');
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0;
  padding-top: 50px;
}
.home-rfq-text h2{
  font-weight: 800;
  font-size: 46px;
  line-height: 102.2%;
  color: var(--white);
  padding-right: 100px;
  margin-top: 70px;
}
.home-rfq-text p{
  font-weight: 600;
  font-size: 14px;
  line-height: 176.2%;
  color: var(--white);
}
.card-home-rfq{
  border: 0;
  border-radius: 0;
  background-color: var(--white);
  padding: 20px;
  width: 100%;
}
.card-home-rfq .card-header{
  border: 0;
  border-radius: 0;
  background-color: var(--white);
}
.card-home-rfq .card-header h3{
  font-weight: bold;
  font-size: 22px;
  line-height: 165.9%;
  color: #192861;
}
.form-home-rfq label{
  font-weight: bold;
  font-size: 14px;
  line-height: 12px;
  color: #192861;
}
.form-home-rfq .form-control{
  background-color: #ffffff00 !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(174, 174, 174, 0.49) !important;
  border-radius: 0 !important;
  padding: 10px 0;
  transition: 0.5s;
}
.form-home-rfq .form-control:hover, .form-home-rfq .form-control:focus{
  background-color: #ffffff00 !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  border: 0 !important;
  border-bottom: 1px solid #192861 !important;
  border-radius: 0 !important;
  padding: 10px 0;
}
.why-choose-us-text{
  font-weight: bold;
  font-size: 16px;
  line-height: 135.5%;
}
.bg-product{
  background-image: url('../images/home/bg-product.png');
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  z-index: -1;
}
.scrollspy-product{
  height: 593px;
}
.item-product{
  height: 400px;
}
.text-home-banner{
  font-weight: 700;
  font-size: 38px;
  line-height: 42px;
  text-transform: capitalize;
}
.home-product-title{
  font-weight: 600;
  font-size: 46px;
  line-height: 104.2%;
}
.m-product{
  margin-bottom: 150px;
}
.product-navigation{
  position: fixed;
  z-index: 1;
  top: 172px;
  right: 90px;
  width: 20%;
}
.list-group-item{
  border: 0;
  text-align: end !important;
}
.card-product-name{
  border: 0;
}
.p-product{
  padding-top: 150px !important;
}
.product-name-link{
  font-weight: 500;
  font-size: 14px;
  line-height: 176.2%;
  color: #989898;
}
.product-name-link.active{
  font-weight: bold;
  font-size: 16px;
  line-height: 176.2%;
  text-transform: capitalize;
  color: #2DBB45;
  background-color: #00000000;
}
/*home*/

/*about*/
.about-title{
  font-weight: bold;
  font-size: 32px;
  line-height: 39px;
  color: var(--white);
  z-index: 10 !important;
}
.about-header{
  background: url('../images/about/header-background.png');
  height: 353px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.about-header-filter-blur{
  backdrop-filter: blur(8px);
  background: radial-gradient(47.69% 45.71% at 50% 54.29%, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0.51) 100%);
  width: 100%;
  height: 353px;
}
.h-header-about{
  height: 353px;
}
.title-green-box{
  width: 50px;
  height: 50px;
  position: absolute;
  background-color: var(--green);
  left: 570px;
  transform: translateY(-53px);
  z-index: -1 !important;
}
.mision{
  padding-left: 12px !important;
}
.mision li{
  font-weight: 400;
  font-size: 14px;
  line-height: 176.2%;
  color: var(--black);
}
.img-about{
  padding-bottom: 100px;
}
.bg-section-about{
  background: url('../images/about/bg-section-about.png');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
a .img-about-ptpn-company{
  transition: 0.5s;
}
a:hover .img-about-ptpn-company{
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
/*about*/

/*contact*/
.bg-contact{
  background: url('../images/contact/bg-contact.png');
  background-position: bottom !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding-top: 150px;
  background-attachment: fixed !important;
}
.card-contact{
  border: 0;
  border-radius: 10px 10px 0px 0px;
  padding: 20px;
}
.card-contact .card-header{
  padding: 20px 0;
  background-color: var(--white);
  border: 0;
}
.card-contact .card-body{
  padding: 20px 0;
  background-color: var(--white) !important;
  border: 0;
}
.card-contact .card-header h2{
  margin-bottom: 0px;
}
.contact-accordion-button, .accordion-button:not(.collapsed){
  font-weight: 600;
  font-size: 16px;
  line-height: 132.2%;
  text-transform: capitalize;
  color: var(--white);
  background: none !important;
  border: 0;
  box-shadow: none;
}
.contact-accordion-button:focus{
  box-shadow: none;
}
.accordion-body-contact{
  font-weight: 500;
  font-size: 12px;
  line-height: 132.2%;
  color: var(--white);
  border: 0;
  border-bottom: 1px var(--white) solid;
  padding-top: 0 !important;
}
.accordion-collapse{
  border: 0;
}
.accordion-button:not(.collapsed)::after {
  background-image: url('../images/contact/arrow-collapse.svg');
  transform: rotate(90deg);
}
.accordion-button::after {
  background-image: url('../images/contact/arrow-collapse.svg');
  transform: rotate(0deg);
}
/*contact*/

/*news and events details*/
.news-header{
  height: 353px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.news-detail-title{
  font-weight: bold;
  font-size: 49px;
  line-height: 111.5%;
  color: var(--white);
  text-transform: capitalize;
}
.news-detail-date{
  font-weight: 500;
  font-size: 23px;
  line-height: 141.5%;
  color: var(--white);
}
.captionCarouselNews {
  padding:0px;
  left: 10px;
  position: relative;
}
/*news and events details*/

/*rfq*/
.rfq-bg{
  padding: 50px;
  width: 100%;
  background-image: url("../images/rfq/rfq-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.rfq-title{
  font-weight: bold;
  font-size: 25px;
  line-height: 165.9%;
  color: var(--white);
}
.rfq-text{
  font-weight: normal;
  font-size: 12px;
  line-height: 165.9%;
  color: var(--white);
}
.bg-form-rfq{
  background-color: var(--white);
  border-radius: 10px;
  padding: 20px;
}
.active .bs-stepper-circle {
  background-color: var(--green) !important;
}
.bs-stepper-label {
  display: inline-block;
  margin: .25rem;
  font-weight: bold !important;
  font-size: 14px !important;
  color: var(--black);
}
.form-check-label{
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-decoration-line: underline;
  color: #B6B6B6;
  cursor: pointer;
}
.form-check .form-check-input {
  float: left;
  margin-left: 1.5em;
}
.rfq-finish-1{
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: #6F6F6F;
}
.rfq-finish-2{
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #6F6F6F;
}
/*rfq*/

/*term and conditions*/
.bg-term{
  background-color: #EFEFEF;
}
.scroll-term{
  overflow-y: scroll;
  height: 600px;
}
.term-list{
  font-weight: normal;
  font-size: 14px;
  line-height: 171.5%;
  margin-bottom: 20px;
}
/*term and conditions*/

/* partners */
.bg-partners {
  background-color: #F4F4F4;
  padding: 100px 40px;
  margin:10px 0px;
}
.bg-logo-white {
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
  width: 160px;
  margin: 0 auto 20px;
}
/* partners */

/* latest news */
.title-news .title-last-news {
  font-weight: 800;
  font-size: 22px;
  color: #000;
  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.title-news .title-last-news:hover{
  color: #0d5e9d;
}

.title-news .date{
  font-size: 12px;
  color: #4c4c4c;
  font-weight: 600;
  line-height: 35px;
}
.title-news .description {
  font-size: 14px;
  color: #4c4c4c;
  line-height: 18px;
  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.title-news .viewmore {
  font-size: 14px;
  color: #000;
}
.title-news .viewmore:hover {
    color: #f1c12f;
}
/* latest news */

/* product-detail */
.title-line1 {
  font-size:26px;
  font-weight: 600;
}
.title-line2 {
  font-size: 66px;
  font-weight: 800;
}
.img-product-detail {
  position: absolute;
  margin-top: -100px;
  z-index: 1;
}
.kotak-opacity-left-top {
    background-color: #ffffffa3;
    width: 100px;
    height: 100px;
    position: absolute;
    margin-top: -145px;
    margin-left: -30px;
}
.kotak-opacity-right-bottom {
    background-color: #dededea3;
    width: 100px;
    height: 100px;
    position: absolute;
    margin-top: 240px;
    margin-left: 380px;
    z-index: 2;
}
.text-green {
  color:#3DCA3F;
}

.bg-detail-color {
  background-color: #fff;
  padding:30px;
  margin-top: 50px;
}
.btn-blue {
  background-color: #2346C1;
}
.btn-green1 {
  background-color: #48C75D;
  color: #fff;
}
.btn-green2 {
  background-color: #278F25;
  color:#fff;
}
.btn-request {
  width: 100%;
  padding:10px 30px;
  border-radius: 5px;
  margin-top:10px;
}
.mg-maps-kebun {
  position: absolute;
}
/* product-detail */

/* Search */
.openBtn {
  background: #f1f1f1;
  border: none;
  padding: 10px 15px;
  font-size: 20px;
  cursor: pointer;
}

.openBtn:hover {
  background: #bbb;
}

.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}
.overlay-content {
  position: relative;
  top: 30%;
  width: 50%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}
.overlay .closebtn {
  position: absolute;
  top: 15%;
  right: 20%;
  font-size: 60px;
  cursor: pointer;
  color: white;
}
.overlay .closebtn:hover {
  color: #ccc;
}
.overlay input[type=text] {
  padding: 0px;
  font-size: 60px;
  border: none;
  float: left;
  width: 100%;
  background: transparent;
  color: white;
}

.overlay input[type=text]:hover {
  background: transparent;
}

.overlay input[type=text]:focus {
  outline: none;
}

.overlay button {
  float: left;
  width: 20%;
  padding: 15px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
  background: #bbb;
}
/* Search */

/*menu mobile*/
.overlay-menu {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: var(--white);
  overflow-x: hidden;
  transition: 0.5s;
  z-index: 1040;
}

.overlay-menu-content {
  position: relative;
  top: 10%;
  width: 100%;
  font-weight: bold;
  font-size: 20px;
  line-height: 41px;
}

.overlay-menu a {
  padding: 8px;
  margin-left: 20px;
  text-decoration: none;
  font-size: 20px;
  color: var(--dark-2);
  display: block;
  transition: 0.3s;
}
.overlay-menu a:hover, .overlay-menu a:focus {
  color: var(--dark-2);
}
.overlay-menu .closebtn {
  position: absolute;
  top: 6px;
  right: 14px;
  font-size: 42px;
}
.text-language{
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 29px;
  color: var(--blue);
}
.text-language.active{
  font-weight: bold;
}
/*menu mobile*/

/* slide-product-detail */
.carousel-control-prev-icon.customleft {
  background-color: #000;
  position: absolute;
  left: -10px;
  top: 80px;
}
.carousel-control-next-icon.customright {
  background-color: #000;
  position: absolute;
  right: 0;
  top: 80px;
}
/* slide-product-detail */

/*modal dialog chat*/
#modalChat .modal-dialog {
  position: absolute;
  width: auto;
  margin: .5rem;
  pointer-events: none;
  bottom: 0;
  right: 0;
}
.modal-chat{
  border: 0;
  border-radius: 15px;
}
.modal.fade:not(.in).bottom .modal-dialog {
	-webkit-transform: translate3d(0, 125%, 0);
	transform: translate3d(0, 125%, 0);
}
/*modal dialog chat*/

/*rfq*/
.example-email{
  font-size: 10px;
}
/*rfq*/

/*search result*/
.search-top{
  padding-top: 180px;
  min-height: 600px;
}
/*search result*/

/*loading*/
body>div.preloader {
  position: fixed;
  background: white;
  width: 100%;
  height: 100%;
  z-index: 1071;
  opacity: 0;
  transition: opacity .5s ease;
  overflow: hidden;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
body:not(.loaded)>div.preloader {
  opacity: 1;
}
body:not(.loaded) {
  overflow: hidden;
}
body.loaded>div.preloader {
  animation: hidePreloader .5s linear .5s forwards;
}
.img-preload{
  width: 300px;
  animation: imgPreload .2s linear .2s forwards;
}
@keyframes hidePreloader {
  0% {
    width: 100%;
    height: 100%;
  }

  100% {
    width: 0;
    height: 0;
  }
}
@keyframes imgPreloader {
  0% {
    width: 100%;
    height: 100%;
  }

  100% {
    width: 0;
    height: 0;
  }
}
/*loading*/

/*footer*/

.banner-text {
  color: #ffffff !important;
}
.banner-text p {
  color: #ffffff !important;
}
.banner-text span{
  color: #ffffff !important;
}
.banner-text p span{
  color: #ffffff !important;
}

.footer-desktop{
  padding-bottom: 50px;
  padding-top: 0;
  width: 100%;
  background-image: url("../images/footer/bg-footer-green.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.footer-list{
  list-style: none;
  padding-left: 0 !important;
}
.footer-header{
  font-size: 14px;
  font-weight: 800;
  line-height: 35px;
  color: var(--white);
  text-decoration: none;
}
.footer-content{
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #101010;
  text-decoration: none;
}
.footer-content:hover, .footer-content:focus{
  color: #ffffffce !important;
}
.footer-address{
  font-size: 14px;
  margin-bottom: 0 !important;
}
.footer-visit{
  font-size: 10px;
  color: var(--white);
  margin-bottom: 1px;
  font-weight: 500;
}
/*footer*/