@charset "UTF-8";@font-face{font-family: dhlicons; src: url(../fonts/e32cbb850f500f92381fb94fa49712db.woff) format("woff"); font-weight: 400; font-style: normal}@font-face{font-family:"Delivery"; font-style:normal; font-weight:200; src:local(Delivery), url(../fonts/delivery/WOFF2/Delivery_W_Lt.woff2) format("woff2"), url(../fonts/delivery/WOFF/Delivery_W_Lt.woff) format("woff")}@font-face{font-family:"Delivery"; font-style:italic; font-weight:200; src:local(Delivery),url(../fonts/delivery/WOFF2/Delivery_W_LtIt.woff2) format("woff2"),url(../fonts/delivery/WOFF/Delivery_W_LtIt.woff) format("woff")}@font-face{font-family:"Delivery"; font-style:normal; font-weight:400; src:local(Delivery),url(../fonts/delivery/WOFF2/Delivery_W_Rg.woff2) format("woff2"),url(../fonts/delivery/WOFF/Delivery_W_Rg.woff) format("woff")}@font-face{font-family:"Delivery"; font-style:italic; font-weight:400; src:local(Delivery),url(../fonts/delivery/WOFF2/Delivery_W_It.woff2) format("woff2"),url(../fonts/delivery/WOFF/Delivery_W_Lt.woff) format("woff")}@font-face{font-family:"Delivery"; font-style:normal; font-weight:700; src:local(Delivery),url(../fonts/delivery/WOFF2/Delivery_W_Bd.woff2) format("woff2"),url(../fonts/delivery/WOFF/Delivery_W_Bd.woff) format("woff")}@font-face{font-family:"Delivery"; font-style:italic; font-weight:700; src:local(Delivery),url(../fonts/delivery/WOFF2/Delivery_W_BdIt.woff2) format("woff2"),url(../fonts/delivery/WOFF/Delivery_W_BdIt.woff) format("woff")}@font-face{font-family:"Delivery"; font-style:normal; font-weight:200; font-stretch:condensed; src:local(Delivery),url(../fonts/delivery/WOFF2/Delivery_W_CdLt.woff2) format("woff2"),url(../fonts/delivery/WOFF/Delivery_W_CdLt.woff) format("woff")}@font-face{font-family:"Delivery"; font-style:normal; font-weight:800; font-stretch:condensed; src:local(Delivery),url(../fonts/delivery/WOFF2/Delivery_W_CdBlk.woff2) format("woff2"),url(../fonts/delivery/WOFF/Delivery_W_CdBlk.woff) format("woff")}*{-webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; -webkit-tap-highlight-color: transparent; margin: 0; padding: 0; box-sizing: border-box; outline: none}html{scroll-behavior: smooth; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: Delivery!important;}body{margin: 0; font-family: Delivery!important; font-size: 16px; color: #222222;}h1,h2,h3,h4,h5,h6{font-weight: 800; font-stretch: condensed; margin-bottom: 5px; margin-top: 15px;}h1{font-size: 40px; line-height: 1;}h2{font-size: 34.5952px; line-height: 1;}h3{font-size: 28.3296px; line-height: 1.1;}h4{font-size: 1.4em;}h5{font-size: 1.2em;}h6{font-size: 1em;}.nav-top{display: none;}hr{border-top: 1px solid #d1d1d1!important; border-bottom: 1px solid #fefefe!important;}p{margin: 0 0 30px 0;}a{color: #d40511;}a:hover{color: #af000a;}.font15{font-size: 15px!important;}.font18{font-size: 18px!important;}@media (min-width: 768px){section{padding:20px 0 0 0;}}/*tambahan vicky */@media screen and (min-width: 769px){.carousel-item img{/*height: 162% !important;*/}}@media (max-width: 768px){.bodyutama p{margin-bottom: 10px!important; text-align: justify;}.carousel-inner{overflow: inherit !important;}}.w-10{width: 10%;}.w-20{width: 20%;}.w-30{width: 30%;}.w-40{width: 40%;}.w-60{width: 60%;}.w-70{width: 70%;}.w-80{width: 80%;}.w-90{width: 90%;}.pack-shipping .item-img{margin-right: 0px!important; padding-right: 0px;}.pack-shipping .item-caption{padding: 30px 50px; background-color: #f8f8f8;}.pack-shipping .owl-controls{margin-top: 30px!important;}.pack-shipping .owl-controls .owl-page span{display: block; width: 50px!important; height: 5px!important; border-radius: 1px!important;}.pack-shipping .owl-controls .owl-buttons div{background: none!important; font-size: 25px!important; padding: 0!important; margin: 0!important;}.pack-shipping .owl-controls .owl-page.active span, .pack-shipping .owl-controls.clickable .owl-page:hover span{background-color: #d10511!important;}.pack-shipping .owl-prev, .owl-next{width: 15px; /*height: 100px;*/ position: absolute; bottom: -5px; /* transform: translateY(100%);*/ display: block !important; border:0px solid black;}.pack-shipping .owl-prev{left: 30%;}.pack-shipping .owl-next{right:30%;}.pack-shipping .owl-prev i, .pack-shipping .owl-next i{transform: scale(1.5); color: #ccc;}.pack-material .item-img{margin-right: 0px!important; padding-right: 0px;}.pack-material .owl-controls{margin-top: 30px!important;}.pack-material .item-caption{padding: 30px 50px; background-color: #f8f8f8;}.pack-material .owl-controls .owl-page span{display: block; width: 50px!important; height: 5px!important; border-radius: 1px!important;}.pack-material .owl-controls .owl-buttons div{background: none!important; font-size: 25px!important; padding: 0!important; margin: 0!important;}.pack-material .owl-controls .owl-page.active span, .pack-material .owl-controls.clickable .owl-page:hover span{background-color: #d10511!important;}.pack-material .owl-prev, .owl-next{width: 15px; /*height: 100px;*/ position: absolute; bottom: -5px; /* transform: translateY(100%);*/ display: block !important; border:0px solid black;}.pack-material .owl-prev{left: 35%;}.pack-material .owl-next{right:35%;}.pack-material .owl-prev i, .pack-material .owl-next i{transform: scale(1.5); color: #ccc;}.carousel-content .carousel{height: 305px!important; display: block; margin :30px 0;}.carousel-content .carousel-inner{height: 400px!important;}.carousel-content{height: 350px!important;}.carousel-content .carousel-item{height: 280px!important; /*border:solid 1px red;*/ width: 380px; /*top:30px;*/}.carousel-content .carousel-item img{margin-top:0px!important;}.carousel-content .carousel .carousel-control-prev,.carousel-content .carousel .carousel-control-next{top: 98%!important; z-index: 19; position: absolute; width: 50px;}.carousel-content .carousel .carousel-indicators{position: absolute; bottom: -30px; /*right: 30px;*/ z-index: 15; margin: 0 auto!important; width: 50%;list-style: none;text-align: center;}.carousel-content a.carousel-control-next span.carousel-control-next-icon,.carousel-content a.carousel-control-prev span.carousel-control-prev-icon{background-color:#FFF!important; color: #000; /*padding: 0 20px 0px 26px;*/ border-radius: 4px; margin: 0 auto; display: inline-block;}.carousel-content ol{margin:0!important; padding: 0px!important;}.carousel-content ol.carousel-indicators li{width:40px!important; height: 4px!important; border-radius: 1px!important; background-color: #d3d3d3; margin:0 3px!important; border-top: 1px solid #b1b1b1;}.carousel-content ol.carousel-indicators .active{background-color: #d10511!important; border-top: 1px solid #9a171e;}.carousel-content .carousel-control-prev{display: table; margin-right: 0px; margin-left: 280px; margin-top: 0px; background-color: none!important;}.carousel-content .carousel-control-next{display: table; margin-left: 0px; margin-right: 300px; margin-top: 0px; background-color: none!important;}.carousel-content .carousel-control-prev-icon,.carousel-content .carousel-control-next-icon{width: 20px; height: 40px; display: block; /*border: 1px solid black;*/ background-image: none; z-index: 16;}.carousel-content .carousel-control-next-icon:after{font-family: fontawesome; content: '\f105'; font-size: 35px; color: #b1b1b1; margin-top: -23px!important; display: inline-block;}.carousel-content .carousel-control-prev-icon:after{font-family: fontawesome; content: '\f104'; font-size: 35px; color: #b1b1b1; margin-top: -23px!important; display: inline-block;}.carousel-content .carousel-caption{position: absolute; top: 0px; /*border: 1px solid #000;*/ width: 511px!important; left: 378px; padding: 30px 50px; height: 280px; text-align: left; font-size: 17px; color: #242424; background-color: #f8f8f8;}.carousel-content .carousel-caption2 p{display: table-cell;vertical-align: middle; /*height: 280px;*/ padding: 30px;}::-moz-selection{background: #fed136; text-shadow: none;}::selection{background: #fed136; text-shadow: none;}img::-moz-selection{background: transparent;}img::selection{background: transparent;}img::-moz-selection{background: transparent;}.logo{cursor: pointer; padding: 8px 15px; margin-right: 2.1rem; max-width: 175px; min-width: 175px; margin-left: 43px; margin-bottom: 20px;}.container2{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}.container3{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}.container-full{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}.videox a:hover{opacity: .7;}.playpause{background-image:url(../img/icon-play.png); background-repeat:no-repeat; width:20%; height:20%; position:absolute; left:0%; right:0%; top:20%;/* bottom:0%;*/ transform: translate(0%, -30%); margin:auto; background-size:contain; background-position: center;}@media (min-width: 1200px){.container{max-width: 1200px!important;}.container2{max-width: 1000px!important;}.container3{max-width: 900px!important;}.container-full{max-width: 1000px!important;}}@media (min-width: 992px){.container{max-width: 1200px!important;}.container2{max-width: 980px!important;}.container3{max-width: 920px!important;}.container-full{max-width: 980px!important;}}#mainNav{/*background-color: #ffcc00;*/ /*background: rgb(2,0,36); background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(255,204,0,1) 0%, rgba(255,217,156,1) 100%); */z-index: 1029; /*background: rgb(255,160,0);background: linear-gradient(90deg, rgba(255,160,0,1) 0%, rgba(255,195,137,1) 100%);*/ background: linear-gradient(to right, #fc0 0%, #fc0 30%, #ffe57f 79%, #fff0b2 100%); background-color: #fc0;}.cgradient-yellow{background: transparent;}#mainNav .navbar-toggler{font-size: 25px; right: 0; padding:0 13px; text-transform: uppercase; color: black; border: 0; /*background-color: #fed136;*/}#mainNav .navbar-brand img{color: #fed136; width: 135px;}#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover{color: #fec503;}#mainNav .navbar-nav .nav-item .nav-link{font-size: 17px; height: 37px; font-weight: bold; color: #222222;}#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover{color: #d30511;}@media (min-width: 992px){#mainNav{-webkit-transition: padding-top 0.1s, padding-bottom 0.1s; transition: padding-top 0.1s, padding-bottom 0.1s; border: none;}#mainNav .navbar-brand{font-size: 1.75em; -webkit-transition: all 0.3s; transition: all 0.3s;}#mainNav .navbar-nav .nav-item .nav-link{/*padding: 5px 0 0 1em !important;*/ padding: 15px 25px 2.7em;}#mainNav.navbar-shrink{background-color: #ffcc00;}#mainNav.navbar-shrink .navbar-brand{/*font-size: 1.25em;*/ padding: 0px 0;}}@media (max-width: 868px){.dropdown-item{border-bottom: 1px solid #222; margin:0 10px 0 10px; width: auto; padding: 12px 15px;}#mainNav{display: none;}}.main{width: 100%; margin: 10px auto;}.hamburger, .hamburger2{display: none;}.has-search .form-control{padding-left: 2.375rem; box-shadow:0 0 1px 0 rgba(154, 154, 154, 0.3), 0 1px 0 0 rgba(171, 171, 171, 0.3), 0 1px 2PX 0 rgba(142, 142, 142, 0.25), 0 1px 0 0 rgba(103, 103, 103, 0.5); border:none;}.has-search .form-control-feedback{position: absolute; z-index: 2; display: block; width: 2.375rem; height: 2.375rem; line-height: 2.375rem; text-align: center; /*pointer-events: none;*/ color: #222; border:none; border-radius: 3px; cursor: pointer; background-color: #FFF!important;}.nav-top .logo img{width:40%;}.has-first{background-color: #ced4da; margin-left: -15px;}header.masthead{text-align: center; color: #d10511; width: 100%; margin-top: -7px;}.carousel-item{height: 570px;}.carousel-item img{object-fit:cover; width: 100% !important; margin-top: 77px;}header .carousel-caption{display: inline-block; padding: 20px; /* background: #FFF; */ /*background-color: hsla(0,0%,100%,.9);*//*background: rgb(255,204,0);background: linear-gradient(180deg, rgba(255,204,0,1) 0%, rgba(255,204,0,0.8155637254901961) 60%, rgba(255,204,0,0) 100%);*/ color: #222; border-radius: 2px; width: 564px; min-height: 250px; top: 200px; margin-right: 0!important; margin-left: 150px!important; text-align: left; bottom: auto; font-stretch: condensed;}.carousel-fade .carousel-item{opacity: 0; transition-duration: .6s; transition-property: opacity; min-height: 250px;}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right{opacity: 1;}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity: 0;}.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active,.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev{transform: translateX(0); transform: translate3d(0, 0, 0);}.carousel-item button{float: right;}.carousel-indicators{}.carousel-indicators li{width: 12px; height: 12px; margin: 0 8px; border-radius: 100%; background-color: #fff;}.carousel-indicators .active{background-color: #d10511;}header .carousel-caption h1{font-size: 38px; line-height: 1em; font-weight: 800; font-stretch:condensed;}header .carousel-caption p{font-size: 22px; line-height: 26px; font-weight: 200; color: #222222;}span.carousel-control-prev-icon{background-color: #6f6666a8; padding: 20px 26px; border-radius: 4px;}span.carousel-control-next-icon{background-color: #6f6666a8; padding: 20px 26px; border-radius: 4px;}.carousel-control-next-icon{background-size: 23px;}.carousel-control-prev-icon{background-size: 23px;}.locator-icon{width: 80px; height: 80px; position: absolute; top: 270px; right: 50px; z-index: 1023;}.locator-icon img{width: 100%;}.locator-icon-home{width: 80px; height: 80px; position: absolute; top: 430px; right:50px; z-index: 1023;}.locator-icon-home img{width: 100%;}.locator-icon-contact{width: 80px; height: 80px; position: absolute; top: 270px; right: 50px; z-index: 1023;}.locator-icon-contact img{width: 100%;}/* .talk-icon{width: 60px; height: 60px; position: absolute; top: 190vh; right: 20px; z-index: 1023; display: none;}*/p.ocsl a{color:#222;}.talk-icon{width: 80px; height: 80px; position: fixed; top: 65%; right: 50px; z-index: 1023; display: none;}.talk-icon img{width: 100%;}.talk-icon-home{width: 60px; height: 60px; position: absolute; top: 190vh; right: 50px; z-index: 1023;}.talk-icon-home img{width: 100%;}.talk-icon-contact{width: 60px; height: 60px; position: absolute; top: 143vh; right: 50px; z-index: 1023;}.talk-icon-contact img{width: 100%;}.l-grid{height: 60vh; z-index: 998; position: absolute; width: 100%; margin-top: 50px; top: 0; overflow: hidden;}.l-grid2{height: 60vh; z-index: 998; position: absolute; width: 100%; top: 0; overflow: hidden;}.img-banner{z-index: 997; position: relative; top: 0; height: 65vh; overflow: hidden;}.img-banner img{background-size: cover; margin-top: 65px;}.btn.btn-dhl-red{background-color: #d40511!important; border:2px solid #d40511; color: #FFF; min-width: 130px; font-weight: bold; padding: 5px 20px;}.btn.btn-dhl-red-res{background-color: #d40511!important; border:2px solid #d40511; color: #FFF; font-weight: bold; padding:5px 15px;}.btn.btn-dhl-red-lg{background-color: #d40511!important; border:2px solid #d40511; color: #FFF; min-width: 250px; font-size: 16px; padding:12px 15px; font-weight: bold;}.btn.btn-dhl-red-lg:hover, .btn.btn-dhl-red:hover, .btn.btn-dhl-red:active, .btn.btn-dhl-red:focus{background-color: #FFF!important; color: #d40511!important; border:2px solid #eb131e;}.btn.btnc{padding: 5px 30px!important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; min-width: 100px; color: #FFF!important; border-radius: 4px!important; font-weight: 700;}.dbreadcrumb{z-index: 1026;}.dbreadcrumb ul{list-style-type: none; font-size:15px; margin:0px!important;}.dbreadcrumb-item{position: relative; display: inline-block; float: left; padding-right: 7px;}.dbreadcrumb-item a{color: #666; font-weight: 400; text-decoration:none;}.dbreadcrumb-item a:hover{color:#af020c;}.integration{margin-top: 3vh!important;}.dbreadcrumb-item span:after{font-family: dhlicons; content: "\e60a"; color: #666; font-size: 10px; /*position: absolute;*/ right: 15px; width: 30px; margin-top: 12px;}section.home{color: #222222; font-size: 16px; font-weight: normal; text-align: center;}.home .col-home p.block-ellipsis{/* min-height: 80px; */ text-align: justify;}.dbox,.dbox2,.dbox3{display:none;}.col-home a{color:#222;}.col-home .icon-home{background-color: #f3f3f3; min-height: 100px; width: 100px; border-radius: 100%;}.col-home .icon-home img{width: 90%; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); transition:0.7s ease all; -webkit-transition:0.7s ease all; -moz-transition:0.7s ease all;}.col-home:hover .icon-home img{-moz-transform: scale(1.7); -webkit-transform: scale(1.7); transform: scale(1.5); box-shadow: 0px 7px 12px -6px #888888; border-radius: 64px; background: #f3f3f3;}.col-home .icon-home img{/*width: 100%; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); transition:0.7s ease all; -webkit-transition:0.7s ease all; -moz-transition:0.7s ease all;*/ width: 100%; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); transition: 0.7s ease all; -webkit-transition: 0.7s ease all; -moz-transition: 0.7s ease all; border-radius: 64px; background: #f3f3f3;}.col-12.col-md-3.col-home{cursor: pointer;}h1.h1-black-left.color-DHL-red.brandedsmall{margin: 74px 0px;}.col-home h5{margin-top: 40px; font-size: 18px;}.col-home:hover h5{color: #d10511; position: relative; display: inline-block;}.col-home:hover h5:after{/* content: ''; width: 100%; position: absolute; left: 0; bottom: 0px; top: 20px; border-width: 0 0 2px; border-style: solid;*/ content: ''; width: 100%; position: absolute; left: 0; bottom: 0px; top: 26px; border-width: 0 0 3px; border-style: solid;}.box-home a{color: #222; text-decoration: none;}.box-home .lgrid{z-index: 998; position: absolute; width: 100%; margin-top: 50px; border:solid 1px #000; overflow: hidden;}.box-home .img{width: 100%;}.box-home .desc{text-align: left;}.box-home .desc .category{color: #747473; margin:10px 0 0;}.box-home .desc h5{margin-top: 5px;}.box-home .desc h5:hover{color: #d10511!important;}.box-home .desc span{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}.menu-home-port{margin: 0 auto; display: inline-block;}.menu-home-port ul{display: inline-block; text-decoration: none;}.menu-home-port ul:after{clear: both;}.menu-home-port ul li{text-decoration: none; list-style: none; float: left; border-bottom:1px solid #ddd; padding:40px 40px 0 40px; min-height: 42px;}.menu-home-port ul li:first-child{padding-left: 0px; min-height: 42px;}.menu-home-port ul li:last-child{padding-right:0px;}.menu-home-port ul li:after{content: "";}.menu-home-port ul li a{list-style: none; width: auto; color: #222; font-size: 16px; text-decoration: none; text-transform: uppercase; font-weight: 700; padding: 0px 7px 7px 7px;}.menu-home-port ul li a:hover{color: #d10511; border-bottom:4px solid #d10511;}.menu-home-port ul li:hover{}.menu-home-port ul li.active{color: #d10511;}.menu-home-port ul li a.active{-webkit-box-shadow: 3px 3px 5px 6px #fff; -moz-box-shadow: 3px 3px 5px 6px #fff; box-shadow: 3px 3px 5px 6px #fff; color: #d10511; border-bottom:4px solid #d10511;}.button-group-home{margin: 0 auto; display: inline-block;}.button-group-home ul{display: inline-block; text-decoration: none;}.button-group-home ul:after{clear: both;}.button-group-home ul li{text-decoration: none; list-style: none; float: left; border-bottom: 1px solid #ddd; padding: 10px 20px 0 30px; min-height: 42px;}.button-group-home ul li:first-child{padding-left: 0px; min-height: 42px;}.button-group-home ul li:last-child{padding-right:0px;}.button-group-home ul li:after{content: ""; padding: 0px 7px 7px 7px;}.button-group-home ul li a{list-style: none; width: auto; color: #222; font-size: 16px; text-decoration: none; text-transform: uppercase; font-weight: 700; padding: 0px 7px 7px 7px;}.button-group-home ul li a:hover{color: #d10511; border-bottom:4px solid #d10511;}.button-group-home ul li:hover{}.button-group-home ul li.active{color: #d10511;}.button-group-home ul li a.active{color: #d10511; border-bottom:4px solid #d10511; -webkit-box-shadow: 3px 3px 5px 6px #fff; -moz-box-shadow: 3px 3px 5px 6px #fff; box-shadow: 3px 3px 5px 6px #fff;}.visible_item{display:none;}.grid{border: 1px solid #333; width: 100%;}/* clear fix */.grid:after{content: ''; display: block; clear: both;}.element-item{/*position: relative;*/ /*height: auto;*/ /*min-height: 480px;*/ width: 33%;}.element-item a{color: #222; text-decoration: none;}.element-item::after{content: ''; display: block; clear: both;}.element-item .img{width: 100%;}.element-item .desc{text-align: left;}.element-item .desc .category{color: #747473; margin:10px 0 0;}.element-item .desc h5{margin-top: 5px; font-size: 19px;}.element-item .desc h5:hover{color: #d10511!important;}.element-item p.blis{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}p.blis{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}.hide{display: none;}.teks-full{padding:0 20px;}.text-full-img{padding: 0 10px 0 15px;}.col-howto .icon-howto img{-moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); transition: 0.7s ease all; -webkit-transition: 0.7s ease all; -moz-transition: 0.7s ease all; border-radius: 64px; /*background: #f3f3f3;*/}.col-howto:hover .icon-howto img{-moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); box-shadow: 0px 7px 12px -6px #888888; border-radius: 64px; background: #f3f3f3;}.col-serv a{color:#222;}.col-serv .icon-serv{background-color: #f3f3f3; min-height: 100px; width: 100px; border-radius: 100%;}.col-serv .icon-serv img{width: 90%; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); transition:0.7s ease all; -webkit-transition:0.7s ease all; -moz-transition:0.7s ease all;}.col-serv:hover .icon-serv img{-moz-transform: scale(1.7); -webkit-transform: scale(1.7); transform: scale(1.5); box-shadow: 0px 7px 12px -6px #888888; border-radius: 64px; background: #f3f3f3;}.col-serv .icon-serv img{width: 100%; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); transition: 0.7s ease all; -webkit-transition: 0.7s ease all; -moz-transition: 0.7s ease all; border-radius: 64px; background: #f3f3f3;}.col-serv h5{margin-top: 40px; font-size: 18px;}.col-serv:hover h5{color: #d10511; position: relative; display: inline-block;}.col-serv:hover h5:after{content: ''; width: 100%; position: absolute; left: 0; bottom: 0px; top: 26px; border-width: 0 0 3px; border-style: solid;}.box-content a{color: #222; text-decoration: none;}.box-content .lgrid{z-index: 998; position: absolute; width: 100%; margin-top: 50px; border:solid 1px #000; overflow: hidden;}.box-content .img{width: 100%;}.box-content .desc{text-align: left;}.box-content .desc .category{color: #747473; margin:10px 0 0;}.box-content .desc h5{margin-top: 5px;}.box-content .desc h5:hover{color: #d10511!important;}.box-more .desc .category{color: #747473; margin:10px 0 0;}.box-more .desc h5{margin-top: 5px;}.box-more .desc h5:hover{color: #d10511!important;}.videox p{line-height: 1.2em; font-size: 15px; font-weight: 200;}.home h2{font-weight: 800; font-size: 40px!important;}h5.light{font-weight: 500;}h1.light{font-weight: 200;}h2.light{font-weight: 200;}h3.light{font-weight: 200!important;}h4.light{font-weight: 200;}.hovereffect{width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default;}.hovereffect .overlay{width: 100%; padding:10px 30px 0; height: 100%; position: absolute; overflow: hidden; left: 0; /*background-color: rgba(255, 255, 255, 0.7);*/ background: rgba(0, 0, 0, 0.6); top: -200px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-out 0.9s; transition: all 0.2s ease; color: #FFF;}.hovereffect:hover .overlay{opacity: 1; filter: alpha(opacity=100); /*top: 0px;*/ -webkit-transition-delay: all 0.2s ease-out 0.2s; /*transition-delay: all 0.1s ease-out 0.2s;*/ transition: all 0.5s ease; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1em;}.hovereffect img{display: block; position: relative;}/*.hovereffect h5{color: #fff; text-align: center; position: relative; padding: 20px 10px 0; -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all ease-in-out 0.1s; transition: all ease-in-out 0.1s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}.hovereffect:hover h5{-webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}*/.hovereffect .desc{color: #fff; text-align: center; position: relative; font-size: 17px; padding:0px 10px 10px; -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all ease-in-out 0.1s; transition: all ease-in-out 0.1s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}.hovereffect:hover .desc{-webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition-delay: 0.1s; transition-delay: 0.1s;}.hovereffect a.info{display: inline-block; text-decoration: none; padding: 7px 14px; text-transform: uppercase; margin: 50px 0 0 0; background-color: transparent; -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); color: #000; border: 1px solid #000; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}.hovereffect a.info:hover{box-shadow: 0 0 5px #fff;}.hovereffect:hover a.info{-webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); box-shadow: 0 0 5px #000; color: #000; border: 1px solid #000; -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}.col-foot{margin-top: 40px; position: relative;}.col-foot span{position: absolute; z-index: 999; left: 0; right: 0; top: 20%; /* Adjust this value to move the positioned div up and down */ text-align: center; width: 100%;}.col-foot h3{text-align: left; justify-content: left; font-size: 1.9em;}.col-foot p{text-align: left;justify-content: left;}.cgrey{color: grey;}.cblack{color: #222222;}h5.cgrey a{color: grey; text-decoration: none;}h5.cgrey a:hover{color: #d10511;}h5.cblack a{color: black; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}h5.cblack a:hover{color: #d10511;}.color-DHL-black{color: #222!important;}.color-DHL-red{color: #d40511!important;}.bodyutama p{margin-bottom: 10px!important;}.bodyutama dl, .bodyutama ol, .bodyutama ul{margin: 10px 30px;}.bodyutama a{color: #d40511!important; font-weight: normal!important;}.bodyutama a:hover{color: #840008!important;}.color-DHL-yellow{color: #ffe105!important;}.color-DHL-grey{color: grey!important;}a.color-DHL-grey{color: grey!important;}a.color-DHL-red{color: #d40511!important; font-weight: 400!important;}a.color-DHL-red:hover{color: #eb131e!important;}a.color-DHL-black{color: #222!important;}a.color-DHL-black:hover{color: #d10511!important;}.bg-dhl-red{background-color: #d40511; color: #FFF;}.bg-dhl-grey1{background-color: #bfbfbf;}.bg-dhl-grey2{background-color: #c6c6c6;}.bg-dhl-grey3{background-color: #cfcdcd;}.service-heading{margin: 15px 0; text-transform: none;}/* ------------- main content ----------------*/section.main-content{color: #222; font-size: 15px; font-weight: normal; text-align: center; line-height: 1.6;}.main-content ol, .main-content ul, .main-content dl{margin: 0 0 10px 10px; padding: 0 0 20px 20px}.col-box{}.col-box img{width: 100%;}.col-box .bimg{position: relative; display: block; z-index: 1;}.col-box .bdesc{width: 90.5%; padding-right: 1em; height: 100%; position: absolute; opacity: .6; z-index: 2;color: #FFF; background-color: #000;}.col-box .bdesc .teks{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1em;}.col-cont-box{padding:0 40px; margin:0 auto; text-align: left;}.col-cont-box img{width: 50%; margin: 0 auto; display: block;}.col-cont-box .desc{color: #222;}.col-cont-box .tool-service-option{display: none;}.col-cont-box .desc h5{color:#d40511;}.col-cont-box .bdesc p{margin-top: 5px;}.col-cont-box2{padding:0 20px; margin:20px 0; text-align: left;}.col-cont-box2 img{width: 60%; margin: 0 auto; display: block;}.col-cont-box2 .desc{color: #222; margin-top: 15px;}.col-cont-box2 .desc h5{color:#d40511;}.col-cont-box2 .bdesc p{margin-top: 5px;}/* ---------- content-box-3 ---------*/.col-cont-box3{padding:0 20px; margin:20px 0; text-align: left;}.col-cont-box3 img{width: 80%; margin: 0 auto; display: block;}.col-cont-box3 .desc{color: #222; margin-top: 15px; text-align: center;}.col-cont-box3 .desc strong{color:#d40511; text-align: center; min-height: 60px;}.col-cont-box3 .desc span{margin-top: 5px;}.col-cont-box3 .desc span img{width: 25px;}.col-cont-dec{padding:0 20px; margin:0 auto; text-align: left;}.col-cont-dec:after{content: '\27A1'; position: absolute; top: 0px; display: block; width: 26px; right: -9px; font-size: 61px; color: #f3f3f3;}.col-cont-dec:last-child:after{content: '';}.col-cont-dec img{width: 90%; margin: 0 auto; display: block;}.col-cont-dec .desc{color: #222;}.col-cont-dec .desc h5{color:#d10511;}.col-cont-dec .desc .desc2{color: #222; font-size: 13px;}.col-cont-dec2{padding:0 20px; margin:0 auto; text-align: left;}.col-cont-dec2:after{content: '\27A1'; position: absolute; top: 0px; display: block; width: 26px; right: -9px; font-size: 61px; color: #f3f3f3;}.col-cont-dec2:last-child:after{content: '';}.col-cont-dec2 img{width: 60%; margin: 0 auto; display: block;}.col-cont-dec2 .desc{color: #222;}.col-cont-dec2 .desc h5{color:#d10511;}.col-cont-dec2 .desc .desc2{color: #222; font-size: 13px;}.content-stories{margin-top: 50px;}.content-stories a{font-weight: bold; font-size: 18px; text-align: left; display: block; line-height: 1.2em; margin-bottom:5px;}.content-stories a h5{margin-top: 10px; font-weight: bold; font-size: 19px; font-stretch: condensed; min-height: 44px;}.content-stories p.blis{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}.content-news{margin-top: 50px;}.content-news h5{font-weight: bold; font-size: 19px; font-stretch: condensed;}.content-news h5:hover{color:#d40511!important;}#wrapper,#wrapper2{display: block;}#wrapper-mobile,.wrapper-mobile, #wrapper2-mobile{display: none;}ul.menuol{margin:0;}ul.menuol li{margin-left: 30px;}ul.serv{list-style: none; /* Remove default bullets */ margin:0px!important;}ul.serv li{margin-bottom: 15px;}ul.serv li::before{content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: red; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */}.contact{margin:0 0px!important;}.tabselector{display: none;}.mytab{display: "";}.about .offer{/*background-color: #dedede;*/ width: 100%;}.about .offer .imgframe{width: 100%; position: relative; z-index: 1;}.about .offer .imgoffer{position: absolute; z-index: 2; /* background-color: #ccc;*/ width: 100%;}.about .offer .imgoffer-mobile{display: none;}.imgoffer-1{height: 250px; width: 100%;}.imgoffer-2{width: 100%; height: 350px; padding: 30px 0 0 40px;}.imgoffer-3{width: 100%; right: 0; height: 380px; z-index: 2; padding: 35px 40px 0 0px;}.imgoffer-4{width: 100%; left: 0; height: 370px; display: block; padding: 40px 0 0 40px; z-index: 2;}.imgoffer-5{width: 100%; right: 0; display: block; height:384px; z-index: 2; padding: 45px 50px 0 0px}.imgoffer-6{width: 100%; left: 0; display: block; z-index: 2; height: 320px; padding: 30px 0 0 40px;}.imgoffer-1 img{width: 50%; float: right;display: block;}.imgoffer-3 img, .imgoffer-5 img{width: 35%!important; float: right;display: block;}.imgoffer-2 img, .imgoffer-4 img, .imgoffer-6 img{width: 35%!important; float: left; display: inline-block; position: relative;}.nav-pills .nav-link.active, .nav-pills .show > .nav-link{background: none; color: #222; font-size: 20px;}.nav-justified .nav-link.active, .nav-justified .nav-link.active:hover, .nav-justified .nav-link.active:focus{border: 0 solid!important; border-bottom-width: 5px!important; border-bottom-color: #d40511!important; color: #222;}.nav-tabs .nav-link.active{border: 0 solid!important; border-bottom-width: 5px!important; border-bottom-color: #d40511!important; color: #222; font-weight: bold;}.nav-tabs .nav-link{font-size: 17px; padding: 0.5rem 0 0.5rem 0!important; margin-right: 40px!important;}.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{border: none!important; border-bottom: 5px solid #d40511!important;}ul.nav-tabs{margin:30px 0 0 0!important; padding: 0!important;}ul.nav-tabs li.nav-item a{margin: 0 40px 0 0!important; color: #000;}ul.nav-justified{margin:30px 0 0 0!important; padding: 0!important;}ul.nav-justified li{margin: 0 10px 0 0!important; color: #222; font-weight: bold; font-size: 20px;}ul.nav-justified li a{padding: 0!important; color: #222;}.nav-justified{width: 100%; border-bottom: 0;}.nav-justified .nav-item{float: none;}.nav-justified .nav-link{text-align: left; margin-bottom: 5px;}.nav-justified > .dropdown .dropdown-menu{top: auto; left: auto;}@media (min-width: 544px){.nav-justified .nav-item{display: table-cell; width: 1%;}.nav-justified .nav-link{margin-bottom: 0;}}.nav-justified .nav-link{margin-right: 0; border-radius: 0.25rem;}.nav-justified .nav-link.active, .nav-justified .nav-link.active:hover, .nav-justified .nav-link.active:focus{border: 1px solid #ddd;}@media (min-width: 544px){.nav-justified .nav-link{border-bottom: 1px solid #ddd; border-radius: 0.25rem 0.25rem 0 0;}.nav-justified .nav-link.active, .nav-justified .nav-link.active:hover, .nav-justified .nav-link.active:focus{border-bottom-color: #fff;}}.tab-content > .tab-pane{padding: 20px 0!important;}.main-content .card-step2{margin:20px 0!important; border-bottom: none!important; z-index: 980;}.main-content .card-step2 .card-body{background: #f2f2f2!important; border:0px solid #707070!important; border-radius: 5px!important; margin-top: 50px; padding: 15px 30px!important;}.main-content .card-step2 .card-header{background-color: #b1b1b1!important; border-radius: 5px!important; position: absolute; display: block; width: 100%; color: #FFF; font-size: 18px; padding: 15px 30px!important;}.main-content .card-step2 .card-header img{width: 30px; margin-right: 20px;}/************** Tool Tip Styles ********************************/ .absolu{position: fixed; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; min-height: 100%; background-color: rgb(0,0,0,0.5); z-index: 1090; display: none;}.tool-tip{position: relative;}.tool-tip:before,.tool-tip:after{display: block; opacity: 0; pointer-events: none; position: absolute;}.tool-tip.expand:before{transform: scale3d(.2,.2,1); transition: all .2s ease-in-out;}.tool-tip.expand:after{transform: translate3d(0,6px,0); transition: all .1s ease-in-out;}.tool-tip.expand:hover:before,.tool-tip.expand:hover:after{opacity: 1; transform: scale3d(1,1,1);}.tool-tip.expand:hover:after{transition: all .2s .1s ease-in-out;}.tool-tip .tool-tip__info{display: none; border-radius: 2px; box-shadow: 0 3px 5px rgba(0,0,0,.7); background: #FFF; text-align: left; font-family: "Delivery"; font-size: 15px; padding: 1em; position: absolute; left: 7px; top: 34px; width: 300px; z-index: 10; line-height: 1.2em; transition: all .2s .1s ease-in-out;}.tool-tip .tool-tip__info-left{display: none; border-radius: 2px; box-shadow: 0 3px 5px rgba(0,0,0,.7); background: #FFF; text-align: left; font-family: "Delivery"; font-size: 13px; padding: 10px; position: absolute; left: 10px; top: 38px; width: 190%; z-index: 10; line-height: 1.2em; transition: all .2s .1s ease-in-out;}.tool-tip .tool-tip__info-right{display: none; border-radius: 2px; box-shadow: 0 3px 5px rgba(0,0,0,.7); background: #FFF; text-align: left; font-family: "Delivery"; font-size: 13px; padding: 10px; position: absolute; right: 10px; top: 38px; width: 190%; z-index: 10; line-height: 1.2em; transition: all .2s .1s ease-in-out;}.tool-tip-info-mobile{width: 90%;}.tool-tip span img{width: 30px!important;}.tool-tip .tool-tip__info:before, .tool-tip .tool-tip__info:after{content: ""; position: absolute; left: 82px; top: -20px; z-index: 10; border-style: solid; border-width: 10px 10px 10px 10px; border-color: transparent transparent #FFF transparent ;}.tool-tip .tool-tip__info-left:before, .tool-tip .tool-tip__info-left:after{content: ""; position: absolute; left: 20%; top: -20px; border-style: solid; z-index: 10; border-width: 10px 10px 10px 10px; border-color: transparent transparent #FFF transparent ;}.tool-tip .tool-tip__info-right:before, .tool-tip .tool-tip__info-right:after{content: ""; position: absolute; right: 20%; top: -20px; z-index: 10; border-style: solid; border-width: 10px 10px 10px 10px; border-color: transparent transparent #FFF transparent ;}.tool-tip .tool-tip__info .info{font-weight: 800; text-transform: uppercase; font-size: 18px; font-family: "Delivery"; font-stretch: condensed; display: block; margin: 0 0 10px;}.tool-tip .tool-tip__info span{display: block; font-size: 14px; line-height: 1.2em; margin-bottom: 15px;}.tool-tip .tool-tip__info-left span{display: block; font-size: 14px; line-height: 1.2em; margin-bottom: 15px;}.tool-tip .tool-tip__info-right span{display: block; font-size: 14px; line-height: 1.2em; margin-bottom: 15px;}.tool-tip p.tool-tip__info-left span img{width: 60%!important; margin: 0 auto;}.tool-tip p.tool-tip__info-left span.title{color: #222; font-weight: 800; font-stretch: condensed; font-size: 1.4em; text-align: center;}.tool-tip p.tool-tip__info-left span.desc{text-align: center; padding: 0 30px; color: #777;}.tool-tip p.tool-tip__info-right span img{width: 60%!important; margin: 0 auto;}.tool-tip p.tool-tip__info-right span.title{color: #222; font-weight: 800; font-stretch: condensed; font-size: 1.4em; text-align: center;}.tool-tip p.tool-tip__info-right span.desc{text-align: center; padding: 0 30px; color: #777;}.tool-tip p.tool-tip__info-right span.closed,.tool-tip p.tool-tip__info-left span.closed{background-color:#d40511; width: 20px; height:20px; border-radius: 50%; float: right; text-align: center; color: #FFF;}.tool-tip .tool-tip__info span.title{color: #d40511; text-align: center; font-family: Delivery; font-weight: 800; font-stretch: condensed; font-size: 1.4em;}.tool-tip:hover .tool-tip__info, .tool-tip:focus .tool-tip__info{display: inline-block;}.tool-tip:hover .tool-tip__info-left, .tool-tip:focus .tool-tip__info-left{display: inline-block;}.tool-tip:hover .tool-tip__info-right, .tool-tip:focus .tool-tip__info-right{display: inline-block;}ol.step2{margin: 20px 0;}ol.step2 li{margin: 20px 0;}.suc-foot{margin-top: 40px; position: relative;}.suc-foot span{position: absolute; z-index: 999; left: 0; right: 0; top: 13%; /* Adjust this value to move the positioned div up and down */ width: 100%; color:#FFF; font-size: 1.4em;}.suc-foot h4{text-align: left; justify-content: left; font-size: 1.9em;}.suc-foot p{text-align: left;justify-content: left;}.imgbridge{min-height: 260px;}.mainbody-full{margin:50px 0;}.mainbody-full h1{top: 35%; left: 50%; position: relative; transform: translate(-50%, -35%); line-height: 1.1em;}.mainbody-full h2{top: 35%; left: 50%; position: relative; transform: translate(-50%, -35%); line-height: 1.1em; font-size: 40px;}.rightfull{position: absolute; right: 0%;}.rightfull img{width: 100%;}.leftfull{position: absolute; z-index: 999; left: 0; right: 0; top: 10%; /* Adjust this value to move the positioned div up and down */ text-align: center; width: 100%;}.leftffull2{position: absolute; left: -10%;}.leftffull2 img{width: 100%;}.rightfull2{position: absolute; z-index: 999; right: 0; top: 10%; /* Adjust this value to move the positioned div up and down */ width: 50%;}.main-content .mainbody{position: relative; margin-top: 80px;}.main-content .mainbody #accordion{text-align: left; z-index: 999; position: relative;}.main-content a{text-decoration: none !important; /* color: #000!important;*/ /*color: #d40511!important;*/}.main-content h3{font-weight: 800; letter-spacing: 0.9; color:#222222;}.main-content .card{border:none; border-bottom: 1px solid rgba(0,0,0,1); border-radius: 0;}.main-content .card:last-child{border-bottom: none;}.main-content .card .card-header{background-color: #FFF; border-bottom: none; padding:15px 0 0px 0;}.main-content .card .card-body{padding:5px 15px 15px;}.main-content .card .card-body ul{margin-left: 25px;}.main-content .card .card-body a{/*font-weight: 800;*/}.main-content .card .card-body a:hover{color: #d40511;}.main-content .product img{max-height: 150px;}.main-content .dangerous img{max-height: 160px;}.main-content .ecommerce{margin-top: 3vh;}.main-content .ecommerce2{margin-top: 3vh;}.main-content .timeline-ecommerce{border: solid 1px #d0d0d0; padding: 20px 10px;}.main-content .timeline-ecommerce h2{margin-top:0px;}.main-content .timeline-ecommerce:after{content:}ol.Listnumber{margin-left: 50px; list-style-type:decimal-leading-zero;}.table-custom tr td{border:2px solid #000!important; color: #000!important;}.container-4{overflow: hidden; width: 100%; vertical-align: middle; white-space: nowrap; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}.container-4 input#keysearch{width: 100%; height: 40px; background: #FFF; border: none; font-size: 12pt; float: left; color: #333; border:1px solid #ededed; padding-left: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}.container-4 input#keysearch::-webkit-input-placeholder{color: #65737e;}.container-4 input#keysearch:-moz-placeholder{/* Firefox 18- */ color: #65737e;}.container-4 input#keysearch::-moz-placeholder{/* Firefox 19+ */ color: #65737e;}.container-4 input#keysearch:-ms-input-placeholder{color: #65737e;}.container-4 button.icon{background: none; height: 40px; width: 50px; color: #333; border:none; font-size: 12pt; margin-left: -50px; -webkit-transition: all .55s ease; -moz-transition: all .55s ease; -ms-transition: all .55s ease; -o-transition: all .55s ease; transition: all .55s ease;}.container-5{padding: 5px 0; display: block;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;}.container-5 .head{padding: 5px 15px; border-bottom: 1px #ededed solid;}.container-5 input[type=checkbox]{border:solid 1px #000!important;}.location{border-radius: 3px; height:643px; overflow-y: auto; display:inline-block;}.location p.linkopen, .location p.linkopen2{display: block; border-bottom: 1px solid #eee; padding: 10px; text-decoration: none; width: 100%; text-align: left; font-size: 13px; margin-bottom: 0px;}.location p.linkopen b, .location p.linkopen2 b{font-weight: normal;}.bg-none{background-color: transparent; color: #222; border:0;}/* ------------------------------- SCROLLBAR ------------------------------- */.location::-webkit-scrollbar-track{border: none; background-color: #ffffff;}.location::-webkit-scrollbar{border: none; width: 12px; background-color: #ffffff;}.location::-webkit-scrollbar-thumb{background-color: #b1b1b1; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; min-height: 50px; right: -13px;}/*.row:before, .row:after{display: none !important;}.row:before, .row:after{width:0px; height:0px;}*/.row:before, .row:after{display: flex !important;}/*------------ end main content 0--------------*/ .totop{display: none; /* Hidden by default */ position: fixed; /* Fixed/sticky position */ bottom: 305px; right: 139px; z-index: 99; /* Make sure it does not overlap */ border: none; /* Remove borders */ outline: none; /* Remove outline */ /*background-color: red; Set a background color */ color: white; /* Text color */ cursor: pointer; /* Add a mouse pointer on hover */ padding: 15px; /* Some padding */ border-radius: 10px; /* Rounded corners */ font-size: 18px; /* Increase font size */}.totop2{display: none; /* Hidden by default */ position: fixed; /* Fixed/sticky position */ bottom: 67px; right: 53px; z-index: 99; /* Make sure it does not overlap */ border: none; /* Remove borders */ outline: none; /* Remove outline */ /*background-color: red; Set a background color */ color: white; /* Text color */ cursor: pointer; /* Add a mouse pointer on hover */ padding: 15px; /* Some padding */ border-radius: 10px; /* Rounded corners */ font-size: 18px; /* Increase font size */}a.float{position: fixed; width: 106px; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 132px; bottom: 10vh; padding: 10px; right: -55px; font-size: 19px; line-height: 22px; background-color: #d10511; color: #fff; z-index: 999; transform: rotate(270deg); text-align: center; text-decoration: none;}footer{padding:20px 3% 20px 3%; background-color: #f1f1f1; font-size:16px; line-height: 2.1rem; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; color: #666; font-stretch: normal; margin-top: 0px;}.footer{padding: 0;}.footer a{text-decoration: none; color: #666;}.footer a:hover{color: #f91320; margin-bottom: 0;}.foot .get{text-align: center;}footer{font-size: 17px; color: #232222;}footer .postgroup{text-align: left; width: 100%; font-weight: 800; font-size: 1.3em; padding-left: 20px;}footer .postgroup img{height: 20px!important;}footer .copyright{font-size: 15px; width: 100%; color: #5a5a5a; line-height: 20px; padding-right: 20px; text-transform: none; text-align: right; font-family:"Delivery", sans-serif;}.sidenav{padding: 0 0 0 150px;}.sidenav, .sidenav a{text-align: left; color: #d10511; font-size: 1.2em; font-weight: bold; text-decoration: none;}footer h5{font-size: 17px;}ul.fmenu{line-height: 30px; margin-bottom: 0; text-transform: none; font-weight: 400px;}ul.fmenu li{font-size: 17px; line-height: 1.6em; list-style: none; margin:0; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}ul.fmenu li a{color: #232222; font-size: 15px; text-decoration: none;}ul.fmenu li a:hover{color: #f91320;}.scbutton{text-align: center; margin:0 auto;}ul.social-buttons{/*justify-content: center;*/ /*display: flex;*/}ul.social-buttons li{list-style: none;}ul.social-buttons li a{font-size: 20px; line-height: 50px; display: block; width: 50px; height: 50px; -webkit-transition: all 0.3s; transition: all 0.3s; color: #666666; margin-right: 5px; outline: none; float: left; text-align: center;}.navbar .search-form{float: right; margin: 0; padding: 0; margin-top: 8px;}.navbar .search-form .input-group{display: block; padding-right: 30px; width: 30px; overflow: hidden; border-left: 2px solid transparent; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.navbar .search-form.open .input-group{border:1px solid #868686; border-radius: 3px; padding: 0 0 0 4px; background-color: #FFF; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.navbar .search-form .form-control,.navbar .search-form .form-control:focus{/*color:#fff;*/ height: 30px; width: 85%; padding: 0px 0px 0 0px; border-radius: 0; box-shadow: none; font-size: 16px; /*background-color: #FFF;*/ border:none; border-right: none; border-left: none; /*border-radius: 4px 0 0 4px;*/}.navbar .search-form .input-group-btn{display: block; position: absolute; right: 0; top: 0; width: 30px; height: 30px; z-index: 2;}.navbar .search-form .input-group-btn .icon{position: relative; bottom: -3px; left: -1px; font-size: 16px;}.navbar .search-form .btn{padding: 3px 7px; border-radius: 0; color:#d40511; background-color: transparent; border: 1px solid transparent; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.navbar .search-form .btn:active,.navbar .search-form .btn:hover,.navbar .search-form .btn:focus,.navbar .search-form.open .btn{color: #fff; background-color: #d40511; /*border-radius: 0 7px 7px 0!important;*/ -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; outline: none; outline: 0px auto -webkit-focus-ring-color; outline-offset: 0;}.navbar .search-form.open .input-group{width: 205px; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out;}:-ms-input-placeholder{color: #555 !important;}::-moz-placeholder{color: #555 !important;}:-moz-placeholder{color: #555 !important;}::-webkit-input-placeholder{color: #555 !important;}ul.social-buttons li.youtube a:hover{color: #f70000;}ul.social-buttons li.linkedin a:hover{color: #2866ac;}ul.social-buttons li.facebook a:hover{color: #415e9b;}.accordion-head a{font-size: 18px!important; color: #232222;}.collapse .card-body{margin:0 0 20px 0!important;}.collapse .card-body p{padding: 5px 0!important; margin: 0!important;}.accordion-head i{font-size: 2.5em; float: right; color: #000;}.accordion-head > .collapsed > i:firts{content: "\f105";}.accordion-head > .collapsed > i:before{content: "\f105";}.accordion-head > .collapsed > .show > i:before{content: "\f107";}.input-group-append .btn, .input-group-prepend .btn{z-index: 0;}button.input-group-append{background-color: Transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; outline:none;}/* Change this breakpoint if you change the breakpoint of the navbar */@media (min-width: 992px){.animate{animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-fill-mode: both; -webkit-animation-fill-mode: both;}}@keyframes slideIn{0%{transform: translateY(1rem); opacity: 0;}100%{transform:translateY(0rem); opacity: 1;}0%{transform: translateY(1rem); opacity: 0;}}@-webkit-keyframes slideIn{0%{-webkit-transform: transform; -webkit-opacity: 0;}100%{-webkit-transform: translateY(0); -webkit-opacity: 1;}0%{-webkit-transform: translateY(1rem); -webkit-opacity: 0;}}.slideIn{-webkit-animation-name: slideIn; animation-name: slideIn;}@media (min-width: 992px){.top-img-banner-getting-started img, .top-img-banner-ecomecom img{margin-top: 55px!important;}}@media (max-width: 1024px){#mainNav .navbar-nav .nav-item .nav-link{margin: 0px 5px!important;}.main-content .mainbody{margin-top: 100px;}.home .col-home h3{min-height: 55px;}.home .col-home p.block-ellipsis{/*min-height: 265px;*/}.top-img-banner-blog-country{/*height: 27vh;*/}header .carousel-caption{top: 135px; margin-left: 120px!important;}header .carousel-caption h1{}.carousel-item img{margin-top: 50px;}.carousel-item{height: 420px;}.locator-icon{top: 340px;}}/** Custom Select **/ .home-filter-mobile, .home-stories-mobile, .menu-home-port-mobile{display: none!important;}.custom2-select-wrapper{position: relative; display: inline-block; z-index: 999;}.custom2-select-wrapper select{display: none;}.custom2-select{position: relative; display: inline-block;}.custom2-select-trigger{position: relative; display: block; width: 300px; padding: 0 60px 0 14px; font-size: 20px; font-weight: 300; color: #222; border:1px solid #222; line-height: 40px; background: #fff; border-radius: 1px; cursor: pointer;}.custom2-select-trigger:after{position: absolute; display: block; content: ''; width: 10px; height: 10px; top: 50%; right: 25px; margin-top: -3px; border-bottom: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg) translateY(-50%); transition: all .4s ease-in-out; transform-origin: 50% 0;}.custom2-select.opened .custom2-select-trigger:after{margin-top: 3px; transform: rotate(-135deg) translateY(-50%);}.custom2-options{position: absolute; display: block; top: 100%; left: 0; right: 0; min-width: 100%; margin: 15px 0; z-index: 999; border: 1px solid #b5b5b5; border-radius: 4px; box-sizing: border-box; box-shadow: 0 2px 1px rgba(0,0,0,.07); background: #fff; transition: all .4s ease-in-out; text-align: left; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-15px);}.custom2-select.opened .custom2-options{opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0);}.custom2-options:before{position: absolute; display: block; content: ''; bottom: 100%; right: 25px; width: 7px; height: 7px; margin-bottom: -4px; border-top: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5; background: #fff; transform: rotate(45deg); transition: all .4s ease-in-out;}.option-hover:before{background: #f9f9f9;}.custom2-option{position: relative; display: block; padding: 0 22px; border-bottom: 1px solid #b5b5b5; font-size: 18px; font-weight: 600; color: #222; line-height: 47px; cursor: pointer; transition: all .4s ease-in-out;}.custom2-option:first-of-type{border-radius: 4px 4px 0 0;}.custom2-option:last-of-type{border-bottom: 0; border-radius: 0 0 4px 4px;}.custom2-option:hover,.custom2-option.selection{background: #f9f9f9;}/* The container must be positioned relative: */select{-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; outline:0; box-shadow:none; border:0!important; background: #FFF; background-image: none; flex: 1; padding: 0 .5em; color:#222; cursor:pointer; font-size: 1em; font-family: 'Delivery', sans-serif;}select::-ms-expand{display: none;}.select{position: relative; display: flex; width: 100%; height: 3em; line-height: 3; background: #FFF; overflow: hidden; border-radius: 2px; border:1px solid #222;}.select::after{position: absolute; display: block; content: ''; width: 10px; height: 10px; top: 50%; right: 25px; margin-top: -3px; border-bottom: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg) translateY(-50%); transition: all .4s ease-in-out; transform-origin: 50% 0; pointer-events:none;}/* content: '\25BC'; position: absolute; top: 0; right: 0; padding: 0 1em; background: #2b2e2e; cursor:pointer; transition:.25s all ease;}*/.select:hover::after{color: #23b499;}/* loading */.spinner{margin: 100px auto; width: 50px; height: 40px; text-align: center; font-size: 10px;}.spinner > div{background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out;}.spinner .rect2{-webkit-animation-delay: -1.1s; animation-delay: -1.1s;}.spinner .rect3{-webkit-animation-delay: -1.0s; animation-delay: -1.0s;}.spinner .rect4{-webkit-animation-delay: -0.9s; animation-delay: -0.9s;}.spinner .rect5{-webkit-animation-delay: -0.8s; animation-delay: -0.8s;}@-webkit-keyframes sk-stretchdelay{0%, 40%, 100%{-webkit-transform: scaleY(0.4)}20%{-webkit-transform: scaleY(1.0)}}@keyframes sk-stretchdelay{0%, 40%, 100%{transform: scaleY(0.4); -webkit-transform: scaleY(0.4);}20%{transform: scaleY(1.0); -webkit-transform: scaleY(1.0);}}.popimg:hover{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}@media (max-width: 768px){h1{font-size: 2em;}h2{font-size: 1.7em;}h3{font-size: 1.5em;}h4{font-size: 1.3em;}h5{font-size: 1.2em;}h6{font-size: 1em;}.main-content .mainbody{margin-top: 30px;}.carousel-item img{margin-top: 0;}.hamburger, .hamburger2{display: block;}.navbar{/*padding: 0;*/}.home h2{font-size: 25px!important;}.cgradient-yellow{background: rgb(255,204,0)!important; background: linear-gradient(180deg, rgba(255,204,0,1) 0%, rgba(255,240,178,1) 94%)!important;}#mainNav{background: linear-gradient(to right, #fc0 0%, #fc0 30%, #ffe57f 79%, #fff0b2 100%); background-color: #fc0;}#mainNav .navbar-brand img{color: #fed136; width: 110px;}#mainNav .navbar-nav .nav-item .nav-link{background:transparent!important; padding: 0!important; margin: 0!important; height: 23px;}#mainNav .navbar-nav .active a.nav-link{border-bottom: 0px solid #d61535;}#navbarResponsive ul.ml-5{margin-left: 0px!important;}#navbarResponsive ul li.nav-item{padding: 15px 0;}#navbarResponsive ul li.nav-item:not(:last-child){border-bottom: 1px solid #d3ae29!important;}.dropdown-toggle::after{float: right;}.dropdown-menu{background-color: #FFF!important; border:none; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; margin-left: -20px; margin-right: -20px; transition: all .4s ease-in-out;}.dropdown-menu:after{content: ''; position: absolute; top: 35px; left: 0; right: unset; margin-left: 20px; border-bottom: 10px solid #FFF; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid transparent;}.dropdown-menu .dropdown-item{border-bottom: 1px solid #707070;}ul.nav-justified li a{font-weight: bold;}li a.dropdown-toggle::after{content: ""; width: 10px; height: 10px; top: 50%; right: 25px; margin-top: 7px; margin-right: 10px; border-top: 1px solid transparent; border-left: 1px solid transparent; border-bottom: 1px solid #222; border-right: 1px solid #222; transform: rotate(45deg) translateY(-10%); transition: all .4s ease-in-out;}li.show a.dropdown-toggle::after{content: ""; width: 10px; height: 10px; top: 50%; right: 25px; margin-top: 7px; color: #d10511; margin-right: 10px; border-bottom: 1px solid #d10511; border-right: 1px solid #d10511; transform: rotate(-135deg) translateY(-10%); transition: all .4s ease-in-out;}.carousel-indicators li{background-color: #CCC;}section.home img{width: 90%;}.text-full{padding:0 30px;}.text-full-img{padding: 0px!important; margin: 0px!important;}.col-cont-box{padding: 0 5px 40px;}.col-cont-box img{width: 80%; margin: 0 auto; display: block;}.col-cont-box2 img{width: 80%; margin: 0 auto; display: block;}.col-cont-box .desc{text-align: center;}.col-cont-box .desc h5{min-height: 40px;}.col-cont-box .desc2{display: none;}.col-cont-box .tool-service-option{display: block;}.tool-tip .tool-tip__info:before, .tool-tip .tool-tip__info:after{left: 48%;}.pack-shipping .owl-prev{left: 5%;}.pack-shipping .owl-next{right:5%;}.pack-shipping .item-caption{min-height: 215px!important;}.pack-shipping .owl-controls .owl-page span{width: 40px!important;}.pack-materialx{/*margin:0 -30px!important;*/}.pack-material .owl-prev{left: 5%;}.pack-material .owl-next{right:5%;}.pack-material .item-caption{min-height: 300px!important;}.pack-material .owl-controls .owl-page span{width: 40px!important;}ul.filterbtn{margin:0!important; padding: 0!important;}.main-content iframe, .main-content object{width: 60%!important;}img.imgresponsive{width: 100%!important; height: auto!important;}.about .offer .imgframe{display: none;}.about .offer .imgoffer{display: none; width: 94%;}.icnsearch{display: none;}.imgoffer-1, .imgoffer-2, .imgoffer-3, .imgoffer-4, .imgoffer-5, .imgoffer-6{padding: 0px;}.imgoffer-1 img, .imgoffer-2 img, .imgoffer-3 img, .imgoffer-4 img, .imgoffer-5 img, .imgoffer-6 img{width: 60%; float: none; margin: 0 auto;}.imgoffer-1 .desc, .imgoffer-2 .desc, .imgoffer-3 .desc, .imgoffer-4 .desc, .imgoffer-5 .desc, .imgoffer-6 .desc{line-height: 1em; font-size: 14px; min-height: 39px; padding: 5px 10px;}.about .offer .imgoffer-mobile{display: block;}.container-full{max-width: 980px!important; padding: 0;}.openaccount{position: relative; width: 90%; margin: 0px auto!important; padding-top: 50px;}.mainbody-full h1{text-align: center!important;}.text-center-mo{text-align: center;}.text-justify-mo{text-align: justify!important;}.nav-top .logo img{width:38%;}header.masthead{margin-top: 0px!important;}section.home img{width: 90%;}.bd-example{padding-top: 50px;}.shadow-sm{box-shadow: none!important;}.home .col-home{padding: 5px; margin:0 auto;}.home .col-home img{width: 55%;}.home .col-home h3{min-height: 55px;}.home .col-home p.block-ellipsis{min-height: 100px; /*text-align: justify;*/}/*.hovereffect .overlay{opacity: 1; top: 0px;}.hovereffect:hover .overlay{-webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none;}.hovereffect .desc{-webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; padding: 60px 0;}*/.col-serv{margin-top: 25px;}.col-foot span{position: relative; color: #000; z-index: 2;}.owl-page.active span{background: #d10511!important;}.home-filter, .home-stories , .menu-home-port{display: none;}.home-filter-mobile, .home-stories-mobile, .menu-home-port-mobile{display: block!important;}.more-resources .desc{padding: 0!important; margin: 0!important;}.more-resources .desc h5{margin-top:0px!important;}.accordion-head a{font-size: 15px!important;}.accordion-head i{margin-top: -7px;}/* Slideshow container */.slideshow-container{position: relative;}/* Slides */.mySlides{display: none; text-align: center;}/* Next & previous buttons */.prev, .next{cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -30px; padding: 16px; color: #888; font-weight: bold; font-size: 20px; border-radius: 0 3px 3px 0; user-select: none;}/* Position the "next button" to the right */.next{position: absolute; right: 0; border-radius: 3px 0 0 3px;}/* On hover, add a black background color with a little bit see-through */.prev:hover, .next:hover{background-color: rgba(0,0,0,0.8); color: white;}/* The dot/bullet/indicator container */.dot-container{text-align: center; padding: 20px; margin: 0 auto;}/* The dots/bullets/indicators */.dot{cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}/* Add a background color to the active dot/circle */.dot-container .active, .dot:hover{background-color: #d10511;}.col-foot h3{text-align: left; justify-content: left; font-size: 1.5em;}.btn.btn-dhl-red{min-width: 100px; font-size: 14px; padding:0px 10px;}.btn.btn-dhl-red-lg{font-size: 16px;}.btn.btnc{padding: 8px 5px!important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 1rem; font-weight: 700; display: block!important; color: #FFF!important; z-index: 996; position: relative;}.totop{bottom: 200px; right: 0px;}.col-home h5{margin-top: 40px; margin-bottom: 40px;}.locator-icon{top: 45vh; width: 65px; z-index: 1011; right:20px;}.talk-icon{top: 62%!important; width: 65px; right:20px;}.locator-icon-home{right:20px; width: 65px; top: 45vh;}.locator-icon-contact{top: 45vh; right:20px; width: 65px;}.tabselector{display: block;}.mytab{font-size: 14px; display: none;}h3.h3mob{font-size: 30px!important;}ul.nav-tabs li.nav-item a{width: 78px; margin: 0px!important; font-size: 14px; padding: 0!important;}.nav-tabs .nav-item{border-bottom: 1px solid #d1d1d1;}.nav-tabs .nav-item:not(:last-child){/*border-bottom: none;*/}.nav-tabs .nav-link{min-height: 62px;}.nav-tabs .nav-link.active{min-height: 62px;}.nav-justified .nav-item:not(:last-child){border-bottom: none;}.nav-justified .nav-link.active, .nav-justified .nav-link.active:hover, .nav-justified .nav-link.active:focus{border: 0 solid!important; border-bottom-width: 5px!important; border-bottom-color: #d40511!important; color: #222;}.nav-justified li.nav-item a{border-bottom: 1px solid #d1d1d1;}section.main-content{padding: 50px 0 0 0; margin-top: 0px;}.menu-home-port ul li{padding: 10px 5px 0 0px!important;}.menu-home-port ul li a{font-size: 15px!important;}#wrapper,#wrapper2{display: none;}#wrapper-mobile, #wrapper2-mobile{display: block;}.sidenav{padding: 20px 0 0 0;}#wrapper-mobile img{width: 70%; height: auto; margin: 0 auto;}#wrapper2-mobile img{width: 100%; height: auto; margin: 0 auto;}.main-content .card-step2 .card-header{font-size: 15px;}.main-content .card-step2 .card-header img{margin-right: 6px;}.carousel-content{width: 140%!important; height: 400px!important; margin-left: -45px;}.carousel-content .carousel{height: 378px!important;}.carousel-content .carousel-item{width: 100%; height: 400px!important;}.carousel-content .carousel-item img{width: 100%!important;}.carousel-content .carousel-caption{width: 100%!important; /*border:solid 1px #000;*/ left: 0px; padding: 10px 10px 0; float: none; top: 0; font-size: 15px; height: auto; position: relative; min-height: 160px;}.carousel-content .carousel-caption h5{margin-top: 0px;}.carousel-content .carousel-caption3{}.carousel-content .carousel-caption2 p{padding: 10px;}.carousel-content .carousel-caption p{font-size: 14px;}.carousel-content .carousel-control-prev{margin-left:0px;}.carousel-content .carousel-control-next{margin-right: 17px;}.carousel-content .carousel .carousel-control-prev, .carousel-content .carousel .carousel-control-next{top: 105%!important;}.carousel-content a.carousel-control-next span.carousel-control-next-icon, .carousel-content a.carousel-control-prev span.carousel-control-prev-icon{background-color: transparent!important;}.carousel-content .carousel .carousel-indicators{margin-top: 12px!important; position: relative; top: 5px!important;}.nav-justified .nav-link{border-radius: 0px;}.sidenav, .sidenav a{text-align: center;}footer h5.light{margin-top: 20px;}ul.social-buttons{margin:0 auto; justify-content: left; display: flex;}footer.postgroup{text-align: left;}footer .postgroup img{height: 17px!important;}footer .copyright{text-align: left;}header .carousel-caption{top: 20px; padding: 0 60px; position: relative;}header .carousel-caption{left:0!important; width: 100%!important; margin-left: 0px!important;}header .carousel-caption h1{font-size: 2.3em;}header .carousel-caption p{font-size: 1.7em;}.carousel-item button{float: left!important;}.totop2{right:16px;}img.icon-im{width: 65%!important; position: relative;}.MS-content .item .imgTitle img{width: 65%; position: relative;}.main-content .ecommerce{margin-top: 10%;}.main-content .ecommerce .mb-5{margin-bottom: 0!important;}.main-content .product-col img{width: 70%!important;}.top-img-banner-ecomecom h1{font-size: 30px;}.top-img-banner-ecomecom p{font-size: 16px;}section.home{margin-top: 130px;}.carousel-indicators{position: absolute; top: 350px;}.suc-foot span{top: 5%;}.succ-qoute{margin-top: 0px; margin-left: 0!important;}a.float{bottom: 7vh;}.contact .teks{padding-left: 20px; font-size: 16px;}.main-content .card-step2 .card-header{font-size: 14px; font-weight: 200; padding: 13px 13px!important;}footer .postgroup{text-align: left;}.text-slide{font-size: 15px;}.export-services{/*margin-top: 32v.nav-top .logo imgh;*/}.import-services{margin-top: 15vh;}.top-img-banner-importsv h1{font-size: 1.6em!important;}.maintop .import-boxteks{bottom: 10vh;}.leftfull{width: 100%; top: 0;}.rightfull img{margin-top: 20%;}.maintop .custom-boxteks h1{font-size: 1.6em;}.customs-services{margin-top: 15vh;}.top-img-banner-samedaysv img{margin-top: 8vh!important;}/* .svrbox1 h3 br, .svrbox3 h3 br, .svrbox4 h3 br{display: none;}*/ .hrmobile{margin: 10px 0!important;}.col-cont-box3 img{width: 80%;}.col-cont-box3 .desc strong{min-height: 47px; display: block;}}@media screen and (min-width: 401px) and (max-width: 650px){.imgoffer-1 img{width: 100%!important; margin: 0 auto;}.pack-shipping .item-caption{min-height: 234px!important}.pack-material .item-caption{min-height: 234px!important padding:5px 40px;}}@media (max-width: 579px){.nav-top .logo img{width: 67%;}.l-grid2{height:40vh;}/*.top-success-story{height:40vh;}*/ .howto{width: 90%;}.img-banner{height: auto;}.main-content .maintop{height: 48vh;}.carousel-indicators{}#wrapper-mobile img{width: 100%; margin: 0 auto;}.main-content iframe, .main-content object{width: 100%!important;}}@media (max-width: 425px){.home .col-home p.block-ellipsis{min-height: 60px;}.l-grid2{height:30vh; width: 84%;}/* .top-success-story{height:26vh;}*/ .main-content .mainbody{margin-top:25px;}.main-content .mainbody2{margin-top:15px;}.img-banner img{margin-top: 50px;}.main-content .maintop{height: auto;}section.home{margin-top: 50px;}.nav-top .logo img{width: 75%;}.carousel-item button{float: left!important;}header .carousel-caption{top: 0; position: relative;}.carousel-indicators{position: absolute; top: 175px; height:20px;}}.dbreadcrumb{z-index: 1011; position: relative;}.l-grid{height: auto;}.navbar-brand{padding-top: 0px;}.dropdown-item{border-bottom: 1px solid #707070; margin:0 15px 0 15px; width: auto; min-width: 180px; padding: 8px 20px; font-weight: bold;}a.dropdown-item:hover:after{content: ""; display: inline-block; position: absolute; width: 15px; background: #d30511; height: 4px; color: #000; right: 0; margin-top: 17px;}.dropdown-item:last-child{border-bottom: 0;}.navbar-nav .dropdown-menu{margin-top: 17px; border-radius: 0; -webkit-box-shadow: -1px 13px 14px -5px rgba(158,153,158,1);-moz-box-shadow: -1px 13px 14px -5px rgba(158,153,158,1);box-shadow: -1px 13px 14px -5px rgba(158,153,158,1);border-color: #efefef;}.dropdown-item.active, .dropdown-item:active{color: #d30511; background: none; font-weight: 800;}.dropdown-item.active:after, .dropdown-item:active:after{content: ""; display: inline-block; position: absolute; width: 15px; background: #d30511; height: 4px; color: #000; right: 0; margin-top: 17px;}.dropdown-toggle::after{font-family: dhlicons; speak: none; border: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 8px; top: 0; font-size: 10px; vertical-align: middle; content: "\e602"; width: 20px;}.nav-drill{display: none;}.nav-top .logo{width: 50%; margin:0px 0 0 0; padding: 10px 20px; color: #fff; float: left; min-height: none; max-width: none; cursor: pointer;}/*.nav-top .logo::after{content: ""; clear: both; display: table;}*/.navbar .hamburger{right: 10px; top: 0; position: absolute; width: 50px; padding: 15px 0 0 20px; /*border-left: 1px solid #e15b5b;*/ height: 50px; cursor: pointer;}.navbar .hamburger2{right: 48px; top: 0; position: absolute; width: 136px; /*padding: 12px 0 0 15px;*/ /*border-left: 1px solid #e15b5b;*/ height: 50px; cursor: pointer; color: #d40511;}.c-nav--menu-icon{color: #d40511; font-size: 2rem; font-weight: 800; width: 18px; -webkit-transform: rotate(0deg); transform: rotate(0deg)}.type--menu .c-nav--menu-icon{padding: 1rem 0}.c-nav--menu-icon span{background: #d40511; display: block; height: 3px; left: 0; opacity: 1; position: absolute; width: 100%; -webkit-transform: rotate(0deg); transform: rotate(0deg); will-change: left, top, transform, width; transition: left .25s ease-in-out, top .25s ease-in-out, width .25s ease-in-out, -webkit-transform .25s ease-in-out; transition: left .25s ease-in-out, top .25s ease-in-out, transform .25s ease-in-out, width .25s ease-in-out; transition: left .25s ease-in-out, top .25s ease-in-out, transform .25s ease-in-out, width .25s ease-in-out, -webkit-transform .25s ease-in-out}.c-nav--menu-icon span:first-child{top: 0}.c-nav--menu-icon span:nth-child(2), .c-nav--menu-icon span:nth-child(3){top: 6px}.c-nav--menu-icon span:nth-child(4){top: 12px}.type--menu.is-open .c-nav--menu-icon span:first-child{top: 6px; width: 0; left: 50%}.type--menu.is-open .c-nav--menu-icon span:nth-child(2){-webkit-transform: rotate(45deg); transform: rotate(45deg)}.type--menu.is-open .c-nav--menu-icon span:nth-child(3){-webkit-transform: rotate(-45deg); transform: rotate(-45deg)}.type--menu.is-open .c-nav--menu-icon span:nth-child(4){top: 6px; width: 0; left: 50%}@media (max-width: 991px){#mainNav{display: block;}.nav-top{display: none; align-items: center; position: fixed; z-index: 1012; width: 100%; height: 50px; background: linear-gradient(to right, #fc0 0%, #fc0 30%, #ffe57f 79%, #fff0b2 100%); background-color: #fc0;}.nav-drill{margin-top: 50px; -webkit-transform: translateX(100%); transform: translateX(100%);}.nav-is-toggled .nav-drill{-webkit-transform: translateX(0); transform: translateX(0);}.nav-is-toggled::after{opacity: 1; visibility: visible;}.nav-drill{display: flex; position: fixed; z-index: 1047; top: 0; right: 0; width: 100%; height: 100vh; background-color: #fff; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; transition: 0.45s;}.nav-items{flex: 0 0 100%;}.nav-item:not(:last-child){border-bottom: 1px solid #d1d1d1;}.nav-link{display: block; padding: 0.875em 1em; background-color: #fff; color: #323232; font-size: 15px; line-height: 1.5em; font-weight: normal;}.nav-expand-content{position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background-color: #e9ecef; transition: 0.3s; visibility: hidden;}.nav-expand-content .nav-item:not(:last-child){border-bottom: solid 1px #adb5bd;}.nav-expand-content .nav-link{/* background-color: #daf9f4; */}.nav-expand-content .nav-back-link{display: flex; align-items: center; background-color: #f8f9fa !important; color: #222;}.nav-expand-content .nav-back-link::before{content: "\e604"; margin-right: 0.5em; font-family: dhlicons;}.dropdown-item:focus, .dropdown-item:hover{background: none!important;}.nav-expand-link{display: flex; justify-content: space-between;}.nav-expand-link::after{content: "\e60a"; flex: 0 1 auto; font-family: dhlicons;}.nav-expand.active > .nav-expand-content{-webkit-transform: translateX(0); transform: translateX(0); visibility: visible;}.nav-expand .nav-expand-content{background-color: #e9ecef;}.nav-expand .nav-expand-content .nav-link{background-color: #daf9f4;}.nav-expand .nav-expand-content .nav-expand-content{background-color: #aff1e6;}.nav-expand .nav-expand-content .nav-expand-content .nav-link{background-color: #aff1e6;}.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content{background-color: #84e9d9;}.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link{background-color: #84e9d9;}.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content{background-color: #59e1cb;}.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link{background-color: #59e1cb;}}@media (max-width: 375px){h1{font-size: 32px;}h2{font-size: 26px!important;}h3{font-size: 20px;}h4{font-size: 17px;}h5{font-size: 15px;}h6{font-size: 15px;}header.masthead{margin-top: 0px;}section.home img{width: 100%;}.home .col-home{padding: 5px; margin:0 auto; font-size: 16px;}.home .col-home h3{min-height: 10px;}.home .col-home p.block-ellipsis{/*min-height: 380px!important;*/ text-align: justify;}.btn.btn-dhl-red{min-width: 100px; font-size: 14px; padding:0px 10px;}.btn.btnc{padding: 3px 10px!important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block!important; color: #FFF!important;}.imgoffer-1 img, .imgoffer-2 img, .imgoffer-3 img, .imgoffer-4 img, .imgoffer-5 img, .imgoffer-6 img{width: 100%;}.fa-4x{font-size: 3em!important;}h3.h3mob{font-size: 23px!important;}.contact{margin-top: 0px!important; padding: 0px 0 0 0;}.announcements{margin-top: 0px!important; padding: 0px 0 0 0;}.openaccount{position: relative; width: 90%; margin: 0px auto 0 auto!important; padding-top: 55px;}.container .mb-5, .my-5, .container .mb-3{margin-bottom: 0rem!important;}.container .mt-5, .my-5{margin-top: 0rem!important;}.main-content h3{font-size: 18px;}.about .offer .imgoffer{width: 100%; position: relative; display: none;}.nav-tabs .nav-link, .nav-tabs .nav-link.active{min-height: 46px;}ul.nav-tabs{margin: 32px -10px 0 -10px!important; padding: 0!important;}ul.nav-tabs li.nav-item a{width: 70px;}footer .postgroup{text-align: left!important;}footer .copyright{text-align: left!important; line-height: 24px;}.dfooter .row .col-12{padding: 0!important; position: relative;}.dfooter .row{margin:0!important; position: relative;}a.float{position: fixed; width: 102px; height: 136px; bottom: 10vh; padding: 10px; right: -71px; font-size: 15px; background-color: #d10511; color: #fff; z-index: 999; transform: rotate(270deg); text-align: center; text-decoration: none; line-height: 15px;}.carousel-item button{float: left!important;}.carousel-indicators{top: 375px;}header .carousel-caption{left:0!important; width: 100%!important; padding:0 60px;}header .carousel-caption h1{font-size: 28px!important;}header .carousel-caption p{font-size: 1.6em!important;}.customleftfull{width: 100%; margin-top: 56%!important;}}@media (max-width: 364px){.main-content .mainbody{margin-top:0px!important; position: relative;}.main-content iframe, .main-content object{width: 100%!important;}header .carousel-control-prev, header .carousel-control-next{}.carousel-indicators{top: 390px!important;}.carousel-indicators li{background-color: #CCC;}.locator-icon-home{top: 360px;}h1.h1-black-left.color-DHL-red.brandedsmall{margin: 30px 0!important;}}