@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap'); 



*{

    margin: 0;

    font-family: 'Inter', sans-serif;

}

/* NAVBAR */

header{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    display: inline-block;

    justify-content: space-between;

    align-items: center;

    transition: 0.5s;

    padding: 0.4em 1em;

    z-index: 100000;

    background: white;

}

header.sticky{

    padding: 0.1em 1em;

    background: #EEE2DE;



}

header ul{

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

}

header ul li{

    position: relative;

    list-style: none;

}

header ul li a{

    position: relative;

    margin: 0.5em 0.5em;

    text-decoration: none;

    color: black;

    font-weight: 500;

    transition: 0.6s ; 

}

header.sticky ul li a{

    color:black;

}



header.navbar-toggler{

    display: flex;

}

.container-fluid .navbar-brand img{

    width:12em;

}

.container-fluid .navbar-toggler-icon{

    width:0.8em;

}

.container ul{

    padding-top: 2em;

    cursor: pointer;

}

.container-fluid ul li a{

    margin: 0.5em;

    color: black;

    font-weight: 450;

    transition: color 0.3s ease-in-out;

    cursor: pointer !important;

}

.container-fluid ul li a:hover{

    color: #e57817;

    text-decoration: none;

    font-weight: 500;

}

.dropbtn{

    background-color: black;

    padding: 0.5em;

    font-size: 1em;

    font-weight: 600;

    border-color: black;

    cursor: pointer;

}

.dropdown {

    position: relative;

    display: inline-block;

  } 

.dropdown-content {

    display: none;

    position: absolute;

    background-color: white;

    min-width: 1em;

    box-shadow: 0em 0.4em 1em 0em rgba(0,0,0,0.2);

    z-index: 1;

} 

.dropdown-content a {

    color: black;

    padding: 0.3em 1.3em;

    text-decoration: none;

    display: block;

} 

.dropdown-content a:hover {

  background-color: #EEE2DE;

}

  

.dropdown:hover .dropdown-content {

    display: block;

}  

.dropdown:hover .dropbtn {

    color: rgba(229, 120, 23, 1);

}



/* JUMBOTRON BRAND AND SERVICES */

.brand_services{

    margin: auto;

    height: 18em;

    background-image: url('../img/content/header_fix2.png');

    background-size: cover;

    background-repeat: no-repeat;

    /* background-attachment: fixed; */

}

.brand_services .h1{

    color: rgba(229, 120, 23, 1);

    margin-top: 2.2em;

    /* margin-right:18em; */

    padding-top: 1.5em;

    line-height: 1.3em;

    text-transform: uppercase;

    /* letter-spacing: 0.1em; */

    font-weight: 600;

    font-size: 2.4em;

}

.brand_services .p{

    margin-top: 1em;

    color: black;

    padding-right: 40em;

    /* font-size: 1.2em; */

}

.brand_services hr{

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}



/* SLIDER LOGO */

.container-logo{

    margin-top: 2em;

    margin-bottom: 4em;

}

.container-logo h1{

    color: rgba(229, 120, 23, 1);

    /* margin-left: 2em; */

    line-height: 1.3em;

    /* letter-spacing: 0.1em; */

    font-weight: 600;

    font-size: 1.8em;

}

.container-logo{

    margin-top: 2em;

    margin-bottom: 4em;

}

.container-logo h1{

    color: rgba(229, 120, 23, 1);

    /* margin-left: 2em; */

    line-height: 1.3em;

    /* letter-spacing: 0.1em; */

    font-weight: 600;

    font-size: 1.8em;

}

.container-logo hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.slick-slide{

    margin: 0 20px;

}

.slick-slide img{

    width: 100%;

    position:center;

}

.slick-slider{

    position: relative;

    display: block;

    box-sizing: border-box;

}

.slick-list{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.slick-track{

    position: relative;
    top: 0;

    left: 0;

    display: block;

}

.slick-slide{

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

.slick-slide img{

    display: block;

}

.slick-initialized .slick-slide{

    display: block;

}

.slider{

    height: 100%;

    margin: auto;

    overflow: hidden;

    position: relative;

    width: auto;

}

.slider .slide-track{

    animation: scroll 40s linear infinite;

    display: flex;

    width: calc(250px * 14);

}

.slider .slide{

    height: 150px;

    width: 150px;

    margin-right: 50px;

}

.slide img{

    width: 100%;

}

.slick-slide{

    margin: 0 20px;

}

.slick-slide img{

    width: 100%;

    position:center;

}

.slick-slider{

    position: relative;

    display: block;

    box-sizing: border-box;

}

.slick-list{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.slick-track{

    position: relative;

    top: 0;

    left: 0;

    display: block;

}

.slick-slide{

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

.slick-slide img{

    display: block;

}

.slick-initialized .slick-slide{

    display: block;

}

.slider{

    height: 100%;

    margin: auto;

    overflow: hidden;

    position: relative;

    width: auto;

}

.slider .slide-track{

    animation: scroll 40s linear infinite;

    display: flex;

    width: calc(250px * 14);

}

.slider .slide{

    height: 150px;

    width: 150px;

    margin-right: 50px;

}

.slide img{

    width: 100%;

}



/* FOOTER */

footer{

    background-color: #EEE2DE;

}

footer .container .row .bwh .title a{

    /* font-size: 0.6em; */

}

footer .container .bwh p a{

    text-decoration: none;

    color: black;

}

footer .container .row .bwh a{

    text-decoration: none;

    cursor: pointer;

    

}

footer .container .bwh p a:hover{

    transition: 0.5s;

    color: rgba(229, 120, 23, 1);

}

footer .container .down a{

    text-decoration: none;

}

.copyright{

    color: black;

}

.sosmed{

    color: black;

}



/* JUMBOTRON LOGISTIC SERVICES */

.logistic_services{

    margin: auto;

    height: 18em;

    background-image: url('../img/content/header_fix2.png');

    background-size: cover;

    background-repeat: no-repeat;

    /* background-attachment: fixed; */

}

.logistic_services .h1{

    color: rgba(229, 120, 23, 1);

    margin-top: 2.2em;

    /* margin-right:18em; */

    padding-top: 1.5em;

    line-height: 1.3em;

    text-transform: uppercase;

    /* letter-spacing: 0.1em; */

    font-weight: 600;

    font-size: 2.4em;

}

.logistic_services .p{

    margin-top: 1em;

    color: black;

    padding-right: 40em;

    /* font-size: 1.2em; */

}

.logistic_services hr{

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.wrapper .alamuimas{

    text-align: center;

    margin: auto;

    text-transform: capitalize;

}

.wrapper .h1{

    font-size: 1.6em;

}

.wrapper .btn{

    margin: 2em;

    border: 0.2em solid black;

    border-radius: 0.1vw;

    padding: 0.8em;

    font-size: 0.8em;

    color: black;

    font-weight: 500;

    text-transform: uppercase;

}

.wrapper .btn:hover{

    background-color: rgba(229, 120, 23, 1);

    color: white;

    transition: 0.6s;

}



/* AWARDS */

.awards .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.awards .h6{

    text-align: left;

    font-weight: 600;

    font-size: 1em;

}

.awards .p1{

    /* margin-top: 1em; */

    /* color: black; */

    text-align: left;

    margin-bottom: 3em;

}

.awards .p{

    margin-top: 1em;

    color: black;

    text-align: left;

    margin-bottom: 5em;

}

.awards hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.awards .gallery{

    margin: 10px 50px;

}

.awards .gallery img{

    width: 270px;

    padding: 20px;

    /* filter: grayscale(100%); */

    transition: 1s;

}

.gallery img:hover{

    filter: grayscale(0);

    transform: scale(1.1);

}

/* JUMBOTRON DISTRIBUTION SERVICES*/

/* MISSION STATEMENT */

.distribution_services{

    margin: auto;

    height: 18em;

    background-image: url('../img/content/header_fix2.png');

    background-repeat: no-repeat;

    /* background-attachment: fixed; */

}

.distribution_services .h1{

    color: rgba(229, 120, 23, 1);

    margin-top: 2.2em;

    /* margin-right:18em; */

    padding-top: 1.5em;

    line-height: 1.3em;

    text-transform: uppercase;

    /* letter-spacing: 0.1em; */

    font-weight: 600;

    font-size: 2em;

}

.distribution_services .p{

    margin-top: 1em;

    color: black;

    padding-right: 35em;

    /* font-size: 1.2em; */

}

.distribution_services hr{

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.distribution .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.distribution .p{

    margin-top: 1em;

    color: white;

    text-align: left;

    margin-bottom: 3em;

}

.distribution hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

/* MANAGEMENT */

.management .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

    padding-left: 1em;

    padding-right: 1em;

}

.management hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.management .wrapper{

    margin: 0em 3em 5em 4em;



}

.management .wrapper .sales p{

    font-size: 0.9em;

    margin-top: 4em;

}

.management .wrapper p{

    text-align: left;

    margin-right: 2em;

}

.management .wrapper .image_division img{

    /* margin-right: 3em; */

    width: 30em;

    height: 15em;

}



/* WAREHOUSE NETWORK */

.network .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.network hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.network .wrapper{

    margin: 0em 3em 5em 4em;



}

.network .wrapper .sales .p{

    font-size: 0.9em;

    margin-top: 4em;

    margin-left: 5em;

}

.network .wrapper .sales .p li{

    margin-right: 2em;

}

.network .wrapper p{

    text-align: left;

}

.network .wrapper .image_division img{

    /* margin-right: 3em; */

    width: 30em;

    height: 15em;

}



/* E-LOGISCTICS */

.elogistics .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.elogistics hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.elogistics .wrapper{

    margin: 0em 3em 5em 4em;



}

.elogistics .wrapper .sales .p{

    font-size: 0.9em;

    margin-top: 4em;

    margin-left: 5em;

}

.elogistics .wrapper .sales .p li{

    margin-right: 2em;

}

.elogistics .wrapper p{

    text-align: left;

}

.elogistics .wrapper .image_division img{

    /* margin-right: 3em; */

    width: 30em;

    height: 15em;

}



/* TRANSPORT MANAGEMENT */

.t_management .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.t_management hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.t_management .wrapper{

    margin: 0em 3em 5em 4em;



}

.t_management .wrapper .sales .p{

    font-size: 0.9em;

    margin-top: 4em;

    margin-right: 2em;

}

.t_management .wrapper .sales .p li{

    margin-right: 2em;

}

.t_management .wrapper p{

    text-align: left;

}

.t_management .wrapper .image_division img{

    /* margin-right: 3em; */

    width: 30em;

    height: 15em;

}



/* JUMBOTRON hospitality*/

.manufacturing_facilities{

    margin: auto;

    height: 18em;

    background-image: url('../img/content/header_fix2.png');

    background-size: cover;

    background-repeat: no-repeat;

    /* background-attachment: fixed; */

}

.manufacturing_facilities .h1{

    color: rgba(229, 120, 23, 1);

    margin-top: 2.2em;

    /* margin-right:18em; */

    padding-top: 1.5em;

    line-height: 1.3em;

    text-transform: uppercase;

    /* letter-spacing: 0.1em; */

    font-weight: 600;

    font-size: 2.4em;

}

.manufacturing_facilities .p{

    margin-top: -0.5em;

    color: black;

    padding-right: 30em;

    /* font-size: 1.2em; */

}

.manufacturing_facilities hr{

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.facilities .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.facilities .p{

    margin-top: 1em;

    color: black;

    text-align: left;

    margin-bottom: 5em;

}

.facilities hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.m_group .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.m_group hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.m_group .wrapper{

    margin: 0em 3em 5em 4em;



}

.m_group .wrapper .sales p{

    font-size: 0.9em;

    margin-top: 2.5em;

}

.m_group .wrapper p{

    text-align: left;

}

.m_group .wrapper .image_division img{

    /* margin-right: 3em; */

    width: 30em;

    height: 15em;

}

.c_product .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.c_product hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.c_product .wrapper{

    margin: 0em 3em 5em 4em;



}

.c_product .wrapper .sales p{

    font-size: 0.9em;

    margin-top: 2em;

    margin-left: 1em;

}

.c_product .wrapper p{

    text-align: left;

}

.c_product .wrapper .image_division img{

    /* margin-right: 3em; */

    width: 30em;

    height: 15em;

}

.consumer_product .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.consumer_product hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.consumer_product .wrapper{

    margin: 0em 3em 5em 4em;



}

.consumer_product .wrapper .sales .p{

    font-size: 0.9em;

    /* margin-top: 2.5em; */

    margin-left: 5em;

}

.consumer_product .wrapper .sales .p li{

    margin-right: 2em;

}

.consumer_product .wrapper p{

    text-align: left;

}

.consumer_product .wrapper .image_division img{

    /* margin-right: 3em; */

    width: 30em;

    height: 15em;

}

.beverage .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.beverage hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.beverage .wrapper{

    margin: 0em 3em 5em 4em;



}

.beverage .wrapper .sales .p{

    font-size: 0.9em;

    margin-top: 4em;

    margin-left: 5em;

}

.beverage .wrapper .sales .p li{

    margin-right: 2em;

}

.beverage .wrapper p{

    text-align: left;

}

.beverage .wrapper .image_division img{

    /* margin-right: 3em; */

    width: 30em;

    height: 15em;

}



/* BUSINESS OPPORTUNITY */

/* DISTRIBUTION */

.business_distribution{

    margin: auto;

    height: 18em;

    background-image: url('../img/content/header_fix2.png');

    background-size: cover;

    background-repeat: no-repeat;

    /* background-attachment: fixed; */

}

.business_distribution .h1{

    color: rgba(229, 120, 23, 1);

    margin-top: 2.2em;

    /* margin-right:18em; */

    padding-top: 1.5em;

    line-height: 1.3em;

    text-transform: uppercase;

    /* letter-spacing: 0.1em; */

    font-weight: 600;

    font-size: 2.4em;

}

.business_distribution .p{

    margin-top: 1em;

    color: black;

    padding-right: 30em;

    /* font-size: 1.2em; */

}

.business_distribution hr{

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.distribution .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.distribution .p{

    margin-top: 1em;

    color: black;

    text-align: left;

    margin-bottom: 5em;

}

.distribution hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.distribution .card{

    margin: 5em;

}

.distribution .card-title{

    font-size: 1.2em;

    text-transform: uppercase;

    font-weight: 600;

    text-align: center;

}

.distribution .card-text{

    margin-top: 1em;

    font-size: 0.9em;

    color: black;

    text-align: center;

    margin-bottom: 2em;

}

.distribution .btn_red{

    background-color: rgb(188, 4, 4);

    margin: 2em;

    /* border: 0.1em solid; */

    border-radius: 0.1vw;

    padding: 0.8em;

    font-size: 0.8em;

    color: white;

    font-weight: 600;

    text-transform: uppercase;

    text-decoration: none;

}

.distribution .btn_red:hover{

    background-color: rgba(229, 120, 23, 1);

    color: white;

    transition: 0.4s;

}

.distribution .btn{

    margin: 2em;

    /* border: 0.1em solid black; */

    border-radius: 0.1vw;

    padding: 0.8em;

    font-size: 0.8em;

    color: rgba(229, 120, 23, 1);

    font-weight: 600;

    text-transform: uppercase;

}

.distribution .btn:hover{

    background-color: rgba(229, 120, 23, 1);

    color: white;

    transition: 0.6s;

}



/* DISTRIBUTION - DETAIL EXPEDITION */

.business_distribution{

    margin: auto;

    height: 18em;

    background-image: url('../img/content/header_fix2.png');

    background-size: cover;

    background-repeat: no-repeat;

    /* background-attachment: fixed; */

}

.business_distribution .h1{

    color: rgba(229, 120, 23, 1);

    margin-top: 2.2em;

    /* margin-right:18em; */

    padding-top: 1.5em;

    line-height: 1.3em;

    text-transform: uppercase;

    /* letter-spacing: 0.1em; */

    font-weight: 600;

    font-size: 2.4em;

}

.business_distribution .p{

    margin-top: 1em;

    color: black;

    padding-right: 30em;

    /* font-size: 1.2em; */

}

.detail_expedition hr{

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.detail_expedition .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.detail_expedition .p{

    margin-top: 1em;

    color: black;

    text-align: left;

    margin-bottom: 5em;

}

.detail_expedition hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.detail_expedition p{

    font-size: 0.9em;

}

.detail_expedition ol li{

    list-style-type: lower-alpha;

    text-align: left;

}

.detail_expedition .btn{

    background-color: #e57817;

    margin: 2em;

    /* border: 0.1em solid black; */

    border-radius: 0.1vw;

    padding: 0.8em;

    font-size: 0.8em;

    color: white;

    font-weight: 600;

    text-transform: uppercase;

}

.detail_expedition .btn:hover{

    background-color: rgb(188, 4, 4);

    color: white;

    transition: 0.6s;

}



/* PROCUREMENT */

.procurement .card{

    margin: 2.1em;

    transition: 0.5s;

}

.procurement .card:hover{

    box-shadow: 0em 0.4em 1em 0em rgba(0,0,0,0.2);

    transition: 0.5s;

    transform: scale(1);

}

.procurement .card-title{

    color: #e57817;

    font-size: 1.1em;

    text-transform: uppercase;

    font-weight: 600;

    text-align: left;

}

.procurement .card-text{

    margin-top: 2.2em;

    font-size: 0.9em;

    color: black;

    text-align: left;

    margin-bottom: 6em;

}

.procurement .btn_red{

    background-color: rgb(188, 4, 4);

    color: white;

    border-radius: 0.1vw;

    padding: 1em 5em;

    font-size: 0.8em;

    font-weight: 600;

    text-transform: uppercase;

    text-decoration: none;

}

.procurement .btn_red:hover{

    background-color: rgba(229, 120, 23, 1);

    color: white;

    transition: 0.4s;

    padding: 1em 5em;

}

.procurement .btn{

    color: rgba(229, 120, 23, 1);

    margin-top: 1em;

    border-radius: 0.1vw;

    padding: 0.5em 5.5em;

    font-size: 0.8em;

    font-weight: 600;

    text-transform: uppercase;

    

}

.procurement .btn:hover{

    margin-top: 1em;

    background-color: rgba(229, 120, 23, 1);

    color: white;

    border-radius: 0.1vw;

    padding: 0.5em 5.5em;

    font-size: 0.8em;

    transition: 0.8s;

}



/* JUMBOTRON CAREER */

.career{

    margin: auto;

    height: 18em;

    background-image: url('../img/content/header_fix2.png');

    background-size: cover;

    background-repeat: no-repeat;

    /* background-attachment: fixed; */

}

.career .h1{

    color: rgba(229, 120, 23, 1);

    margin-top: 2.2em;

    /* margin-right:18em; */

    padding-top: 1.5em;

    line-height: 1.3em;

    text-transform: uppercase;

    /* letter-spacing: 0.1em; */

    font-weight: 600;

    font-size: 2.4em;

}

.career .p{

    margin-top: 1em;

    color: black;

    padding-right: 30em;

    /* font-size: 1.2em; */

}

.career hr{

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}



/* CAREER APPLY */

.career_apply .card{

    margin: 2.1em;

    transition: 0.5s;

}

.career_apply .card:hover{

    box-shadow: 0em 0.4em 1em 0em rgba(0,0,0,0.2);

    transition: 0.5s;

    transform: scale(1);

}

.career_apply .card-title{

    color: #e57817;

    font-size: 1.1em;

    text-transform: uppercase;

    font-weight: 600;

    text-align: left;

}

.career_apply .card-text{

    margin-top: 2.2em;

    font-size: 0.9em;

    color: black;

    text-align: left;

    margin-bottom: 6em;

}

.career_apply .btn_red{

    background-color: rgb(188, 4, 4);

    color: white;

    /* margin-bottom: em; */

    border-radius: 0.1vw;

    padding: 1em 5em;

    font-size: 0.8em;

    font-weight: 600;

    text-transform: uppercase;

    text-decoration: none;

}

.career_apply .btn_red:hover{

    background-color: rgba(229, 120, 23, 1);

    color: white;

    transition: 0.4s;

    padding: 1em 5em;

}

.career_apply .btn{

    color: rgba(229, 120, 23, 1);

    margin-top: 1em;

    border-radius: 0.1vw;

    padding: 0.5em 4.8em;

    font-size: 0.8em;

    font-weight: 600;

    text-transform: uppercase;

    

}

.career_apply .btn:hover{

    margin-top: 1em;

    background-color: rgba(229, 120, 23, 1);

    color: white;

    border-radius: 0.1vw;

    padding: 0.5em 4.8em;

    font-size: 0.8em;

    transition: 0.8s;

}



/* CONTACT US */

form{

    background: #fff;

    display: flex;

    flex-direction: column;

    padding: 3vw 3vw;

    width: 100%;

    max-width: 100%;

    border-radius: 1em;

}

form input, form textarea{

    border: rgb(184, 184, 184) 1px solid;

    margin: 0.8em 0;

    padding: 1em;

    font-size: 0.9em;

    border-radius: 0.3em;

}

form input:focus, form textarea:focus{

    background: rgb(210, 210, 210);

    transition: 0.4s;

}

form h3{

    color: #e57817;

    font-weight: 700;

    font-size: 1.7em;

    margin-bottom: 20px;

    text-align: center;

    text-transform: uppercase;

}

form button{

    padding: 0.8em;

    background: #e57817;

    color: #fff;

    font-size: 1em;

    cursor: pointer;

    width: 10em;

    margin: 2em auto 0;

    border-radius: 2em;

}



/* ADDRESS */

.address .h1{

    font-size: 1.4em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.address .p{

    margin-top: 1em;

    margin-bottom: 5em;

    color: black;

    font-size: 0.9em;

    text-align: left;

}

.address a{

    color: black;

    font-size: 1em;

    text-decoration: none;



}

.address a:hover{

    color:rgba(229, 120, 23, 1);

    text-decoration: none;

    transition: 0.4s;

}

.address hr{

    margin: left;

    padding-bottom: 1em;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

/*core values*/

.values .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

    margin-left: 

}

.values .p{

    margin: 2em 5em;

    color: black;

    text-transform: none;

    text-align: left;

    font-size: 1.6em;

    font-weight: 500;

    /* margin-bottom: 3em; */

}

ul.core li{

    color: black;

    font-size: 0.8em !important;

    font-weight: 400 !important;

    text-transform: none !important;

    margin-top: 0.6em;

}

ul.core{

    margin: 1em 14em 2em 4em;

    color: black;

    font-size: 1.2em;

    font-weight: 700; 

    text-transform: uppercase;

}

.values hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}



@media only screen and (max-width: 762px){

    header ul{

        align-items: end;

    }

    .container-fluid ul li a{

        margin: 0.5em;

        color: black;

        font-weight: 450;

        transition: color 0.3s ease-in-out;

        cursor: pointer !important;

    }

    .container-fluid ul li a:hover{

        color: #e57817;

        text-decoration: none;

        font-weight: 500;

    }

    .dropbtn{

        background-color: black;

        padding: 0.5em;

        font-size: 1em;

        font-weight: 600;

        border-color: black;

        cursor: pointer;

    }

    .dropdown {

        position: relative;

        display: inline-block;

      } 

    .dropdown-content {

        display: none;

        position: absolute;

        background-color: white;

        min-width: 1em;

        box-shadow: 0em 0.4em 1em 0em rgba(0,0,0,0.2);

        z-index: 1;

    } 

    .dropdown-content a {

        color: white;

        padding: 0.3em 1.3em;

        text-decoration: none;

        display: block;

    } 

    .dropdown-content a:hover {

      background-color: #f1f1f1;

    }

      

    .dropdown:hover .dropdown-content {

        display: block;

    }  

    .dropdown:hover .dropbtn {

        color: rgba(229, 120, 23, 1);

    }

    footer{

        flex-direction: column-reverse;

    }

    footer .bwh p a{

        display: none;

    }

    footer .container .bwh a h5{

        text-decoration: none;

        font-size: 0.8em;

    }

    footer .container .bwh p a h5:hover{

        transition: 0.5s;

        color: rgba(229, 120, 23, 1);

    }

    footer .container .down a h5{

        text-decoration: none;

        font-size: 0.8em;

    }

    .copyright{

        color: black;

    }

    .sosmed{

        color: black;

    }



    /* brand services */

    /* JUMBOTRON */

    .brand_services .h1{

        margin-top: 3em;

        font-size: 1.5em;

    }

    .brand_services .p{

        padding-right: 5em;

        font-size: 0.9em;

    }



    /*slider-logo*/

    .container-logo{

        margin-top: 2em;

    }

    .container-logo .h1{

        font-size: 1.7em;

        text-transform: uppercase;

        font-weight: 600;

        margin-top: 2em;

    }

    .container-logo hr{

        margin: auto;

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }

    .slick-slide{

        margin: 0 0.1em;

    }

    .slick-slide img{

    width: 115%;

    position:center;

    }

    .slick-slider{

    position: relative;

    display: block;

    box-sizing: border-box;

    }

    .slick-list{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0.1em;

    padding: 0.2em;

     }

    .slick-track{

    position: relative;

    top: 0;

    left: 0;

    display: block;

    }

    .slick-slide{

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

    }

    .slick-slide img{

    display: block;

    }

    .slick-initialized .slick-slide{

    display: block;

    }

    .slider{

    height: 100%;

    margin: auto;

    overflow: hidden;

    position: relative;

    width: auto;

    }

    .slider .slide-track{

    animation: scroll 40s linear infinite;

    display: flex;

    width: calc(250px * 14);

    }

    .slider .slide{

    height: 5em;

    width: 1em;

    margin-right: 2em;

    }

    .slide img{

    width: 110%;

    }

    /* JUMBOTRON logistic service */

    .logistic_services .h1{

        margin-top: 3em;

        font-size: 1.5em;

    }

    .logistic_services .p{

        padding-right: 5em;

        font-size: 0.9em;

    }

    /* JUMBOTRON distribution service */

    .distribution_services .h1{

        margin-top: 3em;

        font-size: 1.5em;

    }

    .distribution_services .p{

        padding-right: 1em;

        font-size: 0.9em;

    }

    .distribution .h1{

        font-size: 1.3em;

        text-transform: uppercase;

        font-weight: 700;

        margin-top: 2em;

    }

    .distribution .p{

        margin-top: 1em;

        margin-bottom: 5em;

        padding: 1.5em;

        color: black;

        text-align: left;

        font-size: 0.8em;

        

    }

    .distribution hr{

        margin: auto;

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }

    .management .wrapper{

        flex-direction: column-reverse;

    }

    .management .wrapper{

        margin: 2em;

    }

    .management .wrapper p{

        font-size: 0.9em;

    }

    .management .wrapper .image_division img{

        /* margin-right: 3em; */

        width: 19em;

        height: 12em;

    }

    .network .wrapper{

        flex-direction: column;

    }

    .network .wrapper{

        margin: 2em;

    }

    .network .wrapper .sales .p{

        font-size: 0.9em;

        margin-left: 0em;

    }

    .network .wrapper .image_division img{

        /* margin-right: 3em; */

        width: 19em;

        height: 10em;

    }

    .t_management .wrapper{

        flex-direction: column-reverse;

    }

    .t_management .wrapper{

        margin: 2em;

    }

    .t_management .wrapper p{

        font-size: 0.9em;

    }

    .t_management .wrapper .image_division img{

        /* margin-right: 3em; */

        width: 19em;

        height: 10em;

    }

    .elogistics .wrapper{

        flex-direction: column;

    }

    .elogistics .wrapper{

        margin: 2em;

    }

    .elogistics .wrapper .sales .p{

        font-size: 0.9em;

        margin-left: 0em;

    }

    .elogistics .wrapper .image_division img{

        /* margin-right: 3em; */

        width: 18em;

        height: 10em;

    }



    /* manufacturing facilities*/

    /* JUMBOTRON distribution service */

    .manufacturing_facilities .h1{

        margin-top: 3em;

        font-size: 1.5em;

    }

    .manufacturing_facilities .p{

        padding-right: 5em;

        font-size: 0.9em;

    }

    .facilities .h1{

        font-size: 1.3em;

        text-transform: uppercase;

        font-weight: 700;

        margin-top: 2em;

    }

    .facilities .p{

        margin-top: 1em;

        margin-bottom: 5em;

        padding: 1.5em;

        color: black;

        text-align: left;

        font-size: 0.8em;

        

    }

    .facilities hr{

        margin: auto;

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }

    .m_group .wrapper{

        flex-direction: column-reverse;

    }

    .m_group .wrapper{

        margin: 2em;

    }

    .m_group .wrapper p{

        margin-top: 1em;

        /* margin-bottom: 5em; */

        /* padding: 1.5em; */

        color: black;

        text-align: left;

        font-size: 0.8em;

    }

    .m_group .wrapper .image_division img{

        /* margin-right: 3em; */

        width: 18em;

        height: 10em;

    }

    .m_group .h1{

        font-size: 1.3em;

        margin: 0 1.7em;

    }

    .c_product .wrapper{

        flex-direction: column;

    }

    .c_product .wrapper{

        margin: 2em;

    }

    .c_product .wrapper p{

        margin-top: 1em;

        color: black;

        text-align: left;

        font-size: 0.8em;

    }

    .c_product .wrapper .image_division img{

        /* margin-right: 3em; */

        width: 18em;

        height: 10em;

    }

    .c_product .h1{

        font-size: 1.3em;

        margin: 0 1.7em;

    }

    .beverage .wrapper{

        flex-direction: column;

    }

    .beverage .wrapper{

        margin: 2em;

    }

    .beverage .wrapper p{

        font-size: 0.9em;

    }

    .beverage .wrapper .image_division img{

        /* margin-right: 3em; */

        width: 18em;

        height: 10em;

    }

    /* business opportunity */

    /* JUMBOTRON distribution service */

    .business_distribution .h1{

        margin-top: 3em;

        font-size: 1.5em;

    }

    .business_distribution .p{

        padding-right: 5em;

        font-size: 0.9em;

    }

    .distribution .h1{

        font-size: 1.3em;

        text-transform: uppercase;

        font-weight: 700;

        margin-top: 2em;

    }

    .distribution .p{

        margin-top: 1em;

        margin-bottom: 5em;

        padding: 1.5em;

        color: black;

        text-align: left;

        font-size: 0.8em;

        

    }

    .distribution hr{

        margin: auto;

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }

    .distribution .card{

        margin: 2.5em;

    }

    .distribution .card-title{

        font-size: 1.2em;

        text-transform: uppercase;

        font-weight: 600;

        text-align: center;

    }

    .distribution .card-text{

        margin-top: 1em;

        font-size: 0.9em;

        color: black;

        text-align: center;

        margin-bottom: 2em;

    }

    .distribution .btn_red{

        background-color: rgb(188, 4, 4);

        margin: 2em;

        /* border: 0.1em solid; */

        border-radius: 0.1vw;

        padding: 0.8em;

        font-size: 0.8em;

        color: white;

        font-weight: 600;

        text-transform: uppercase;

        text-decoration: none;

    }

    .distribution .btn_red:hover{

        background-color: rgba(229, 120, 23, 1);

        color: white;

        transition: 0.4s;

    }

    .distribution .btn{

        margin: 2em;

        /* border: 0.1em solid black; */

        border-radius: 0.1vw;

        padding: 0.8em;

        font-size: 0.8em;

        color: rgba(229, 120, 23, 1);

        font-weight: 600;

        text-transform: uppercase;

    }

    .distribution .btn:hover{

        background-color: rgba(229, 120, 23, 1);

        color: white;

        transition: 0.6s;

    }

    /* detail expedition */

    .detail_expedition hr{

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }

    .detail_expedition .h1{

        font-size: 1.3em;

        text-transform: uppercase;

        font-weight: 600;

        margin-top: 2em;

    }

    .detail_expedition .p{

        margin-top: 1em;

        color: black;

        font-size: 0.9em;

        text-align: left;

        /* margin-bottom: 5em; */

        padding: 1.5em;

    }

    .detail_expedition hr{

        margin: auto;

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }

    .detail_expedition p{

        font-size: 0.9em;

    }

    .detail_expedition ol li{

        list-style-type: disc;

        text-align: left;

        

    }

    .detail_expedition .btn{

        background-color: #e57817;

        margin: 2em;

        /* border: 0.1em solid black; */

        border-radius: 0.1vw;

        padding: 0.8em;

        font-size: 0.8em;

        color: white;

        font-weight: 600;

        text-transform: uppercase;

    }

    .detail_expedition .btn:hover{

        background-color: rgb(188, 4, 4);

        color: white;

        transition: 0.6s;

    }

    /*procurement*/

    .procurement .card{

        margin: 3em;

        transition: 0.5s;

    }

    .procurement .card:hover{

        box-shadow: 0em 0.4em 1em 0em rgba(0,0,0,0.2);

        transition: 0.5s;

        transform: scale(1);

    }

    .procurement .card-title{

        color: #e57817;

        font-size: 1.1em;

        text-transform: uppercase;

        font-weight: 600;

        text-align: left;

    }

    .procurement .card-text{

        margin-top: 2.2em;

        font-size: 0.9em;

        color: black;

        text-align: left;

        margin-bottom: 6em;

    }

    .procurement .btn_red{

        background-color: rgb(188, 4, 4);

        color: white;

        border-radius: 0.1vw;

        padding: 1em 5em;

        font-size: 0.8em;

        font-weight: 600;

        text-transform: uppercase;

        text-decoration: none;

    }

    .procurement .btn_red:hover{

        background-color: rgba(229, 120, 23, 1);

        color: white;

        transition: 0.4s;

        padding: 1em 5em;

    }

    .procurement .btn{

        color: rgba(229, 120, 23, 1);

        margin-top: 1em;

        border-radius: 0.1vw;

        padding: 0.5em 5.5em;

        font-size: 0.8em;

        font-weight: 600;

        text-transform: uppercase;

        

    }

    .procurement .btn:hover{

        margin-top: 1em;

        background-color: rgba(229, 120, 23, 1);

        color: white;

        border-radius: 0.1vw;

        padding: 0.5em 5.5em;

        font-size: 0.8em;

        transition: 0.8s;

    }

    .address .h1{

        font-size: 1.2em;

        text-transform: uppercase;

        font-weight: 600;

        margin-top: 2em;

    }

    .address .p{

        margin-top: 1em;

        margin-bottom: 3em;

        color: black;

        font-size: 0.8em;

        text-align: left;

    }

    .address a{

        color: black;

        font-size: 0.9em;

        text-decoration: none;

    

    }

    .address a:hover{

        color:rgba(229, 120, 23, 1);

        text-decoration: none;

        transition: 0.4s;

    }

    .address hr{

        margin: left;

        padding-bottom: 1em;

        border-color: #E55807;

        width: 4em;

        border-width: 0.3em;

    }

    /*career*/

    .career .h1{

        margin-top: 3em;

        font-size: 1.5em;

    }

    .career .p{

        padding-right: 5em;

        font-size: 0.9em;

    }

    /*career_apply*/

    .career_apply .card{

        margin: 3em;

        transition: 0.5s;

    }

    .career_apply .card:hover{

        box-shadow: 0em 0.4em 1em 0em rgba(0,0,0,0.2);

        transition: 0.5s;

        transform: scale(1);

    }

    .career_apply .card-title{

        color: #e57817;

        font-size: 1.1em;

        text-transform: uppercase;

        font-weight: 600;

        text-align: left;

    }

    .career_apply .card-text{

        margin-top: 2.2em;

        font-size: 0.9em;

        color: black;

        text-align: left;

        margin-bottom: 6em;

    }

    .career_apply .btn_red{

        background-color: rgb(188, 4, 4);

        color: white;

        /* margin-bottom: em; */

        border-radius: 0.1vw;

        padding: 1em 5em;

        font-size: 0.8em;

        font-weight: 600;

        text-transform: uppercase;

        text-decoration: none;

    }

    .career_apply .btn_red:hover{

        background-color: rgba(229, 120, 23, 1);

        color: white;

        transition: 0.4s;

        padding: 1em 5em;

    }

    .career_apply .btn{

        color: rgba(229, 120, 23, 1);

        margin-top: 1em;

        border-radius: 0.1vw;

        padding: 0.5em 4.8em;

        font-size: 0.8em;

        font-weight: 600;

        text-transform: uppercase;

        

    }

    .career_apply .btn:hover{

        margin-top: 1em;

        background-color: rgba(229, 120, 23, 1);

        color: white;

        border-radius: 0.1vw;

        padding: 0.5em 4.8em;

        font-size: 0.8em;

        transition: 0.8s;

    }

        /* Awards */

        .awards .h1{

            font-size: 1.3em;

            text-transform: uppercase;

            font-weight: 600;

            margin-top: 2em;

        }

        .awards .h6{

            text-align: left;

            font-weight: 600;

            font-size: 1em;

        }

        .awards .p1{

             /* margin-top: 1em; */

            /* color: black; */

            text-align: left;

            margin-bottom: 3em;

            padding: 1em 2em 0em 2em;

        }

        .awards .p{

            margin-top: 1em;

            color: black;

            text-align: left;

            margin-bottom: 5em;

        }

        .awards hr{

            margin: auto;

            border-color: #E55807;

            width: 5em;

            border-width: 0.3em;

        }

        .awards .gallery{

            margin: auto;

        }

        .awards .gallery img{

            width: 270px;

            padding: 20px;

            /* filter: grayscale(100%); */

            transition: 1s;

        }

        .gallery img:hover{

            filter: grayscale(0);

            transform: scale(1.1);

        }

        /*core values*/

        .values .h1{

            font-size: 1.2em;

            text-transform: uppercase;

            font-weight: 700;

            /* padding: 2em; */

            /* margin-top: 2em; */

        }

        .values .p{

            margin: 2em 2em;

            color: black;

            text-transform: none;

            text-align: left;

            font-size: 1em;

            font-weight: 500;

        }

        ul.core{

            margin: 1em 0.2em;

            color: black;

            font-size: 1.2em;

            font-weight: 700; 

            text-transform: uppercase;

        }

        .values hr{

            /* margin: auto; */

            border-color: #E55807;

            width: 5em;

            border-width: 0.3em;

        }

}