.logo img {
    width: 274px;
}
.sticky-header .logo img {
    width: 260px;
}
.text-white, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p {color:#fff;}
.rounded-img {
    border-radius: 20px;
}
.color-dark-green {
    color:#07601f;
}
.color-soft-green {
    color:#04a64b;
}
.color-yellow {
    color:#fcc24f;
}
.color-red {
    color:#bd2b0b;
}
.mb-50 { margin-bottom:50px;}
.mb-100 { margin-bottom:100px;}
.mt-50 {margin-top:50px;}
.social-links {padding-left:35px;}
.banner-section.style-two .banner-carousel .slide-item:before {
    background: -webkit-linear-gradient(0deg, rgba(4, 23, 48, 1) 0%, rgba(0, 0, 0, 0.10) 100%);
}
.parallax-title h2, .service-block-four img {
    margin-bottom:30px;
}
.social-facebook {color:#0061c2!important;}
.social-instagram {color:#000!important;}
.social-linkedin {color:#0045ad!important;}
.social-youtube {color:#f00!important;}
.nav-logo img {
    width: 250px;
}
.brand-comp img.triverni {
    width: 231px;
}
.brand-comp img.heinzmann {
    width: 331px;
}
.brand-comp img {margin:0 50px;}
.tosca-color .table-bordered th, .table-bordered td {
    border: 1px solid #08452C;
}
.tosca-color .table-bordered thead tr th {
    background: #094F32;
    color:#fff;
}
.tosca-color .table-bordered td {
    background: #08452C;
    color:#fff;
}
.tosca-color .table-bordered th, .table-bordered td {
    border: 1px solid #08452C;
}
.klien-bti img {
    width: 150px;
}
.btn-box {color:#2ba97a;}
.btn-box a {
    margin:0 10px;
}
.btn-box a img {
    width: 24px;
}
.btn-box .active img {
    width: 24px;
}
.theme-btn.color-red{
    background: #bd2b0b;
    margin-top:20px;
  }
  .theme-btn.style-one:hover {
    background:#d8d8d8;
    /* color:#fff; */
  }
  .theme-btn.style-one:focus{
    background:#4a4a4a;
    color:#fff!important;
  }
.text-header {margin:30px 20px;float:left}
.sticky-header .text-header {margin:20px;float:left}
.text-header h3 {font-weight: bold;}
.footer-widget .info-list li {
    color:#212529;
    font-size: 16px;
    font-weight: 500;
    margin-left: 26px;
    padding: 7px 0;
}

.bg-light-tos {
    background: #2BA97A;
}
.bg-color-5:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(8, 69, 44, 0.7);
    left: 0px;
    top: 0px;
    right: 0px;
}
.bg-gradient-tosc {
    background: linear-gradient(to right,  #0d7148 0%,#2ba97a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.main-header .sticky-header .menu-right-content .search-btn, .main-header .sticky-header .menu-right-content .btn-box {
    position: relative;
    display: inline-block;
}
.main-header.style-one .sticky-header .menu-right-content .search-btn {
    top: 3px;
    left: -10px;
}
.main-header.style-one .sticky-header .menu-right-content .search-btn button {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #1556b2;
    font-weight: 600;
    background: transparent;
    cursor: pointer;
    transition: all 500ms ease;
    border: none;
}
  .sticky-flag {
    position: relative;
    display: block;
    float: left;
    margin-top: 16px;
    padding-left: 10px;
    margin-left: 30px;
}
.footer-widget .info-list li a {
    color:#2ba97a;
}
.icon-tentang .fa {
    font-size: 90px;
    color:#62da3a;
}
.footer-widget .info-list li i {
    color:#07601f;
    position: absolute;
    display: inline-block;
    left: 18px;
    line-height: 1.8em;
}
.footer-logo img {
    width: 274px;
}
.title-product h1 {font-size: 60px;font-weight: bold;}
.logo-produk, .logo-produk-bti {text-align: right;}
.logo-produk-triverni img {width: 112px;}
.logo-produk img {width: 120px;}
.after-market {margin-top:48px;}
.after-market h3 {font-weight: 500;font-size: 35px;}
.logo-produk-bti img {width: 70px;margin-bottom:10px}
.logo-smart-control img {width: 300px;}
.contact-form .form-group .form-control-lg {
    font-size: 1.03rem;
    border-radius: 0.3rem;
    border: 2px solid #aeaeae;
}
.title.medium h4 {
    font-size: 22px;
    font-weight: 400;
}
.title-footer-nav {
    margin-top:40px;
}
.title-footer-nav h5 {
   font-size: 18px;
   font-weight: bold;
   margin-bottom:30px;
   color:#212529;
}
.title-footer-nav .list-nav a {
   color:#212529;
}
.title-footer-nav .list-nav a:hover {
   color:#0D7148
}
.title-footer-nav .list-nav a:focus {
   color:#08452C
}
.list-nav {
    padding-bottom:20px;
}

@media only screen and (max-width: 767px) {
    .banner-carousel .content-box h1 {
        font-size: 36px;
        line-height: 47px;
        font-weight: 700;
        max-width: 400px;
        overflow: hidden;
    }
}
@media only screen and (max-width: 470px) {
    .logo img {
        width: 200px;
    }
    .brand-comp img.triverni {
        width: 176px!important;
    }
    .brand-comp img.heinzmann {
        width: 224px!important;
    }
    /* .banner-carousel .content-box h1 {
        font-size: 36px;
        line-height: 37px;
        font-weight: 700;
        max-width: 300px;
        overflow: hidden;
    } */
}
@media only screen and (max-width: 399px) {
    .logo img {
        width: 200px;
    }
    .main-header.style-four .outer-box .logo-box {
        padding: 24px 0px 14px;
    }
}