Deleum Berhad - Oil & Gas Integrated Solutions Provider

<!DOCTYPE html> <html prefix="og: http://ogp.me/ns#" lang="en-gb" dir="ltr" class='com_quix view-page itemid-101 home j39 mm-hover'> <head> <link href="https://www.deleum.com/" rel="canonical" /> <base href="https://www.deleum.com//" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="DELEUM BERHAD" /> <meta name="rights" content="DELEUM BERHAD" /> <meta name="title" content="Deleum Berhad - Oil & Gas Integrated Solutions Provider" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Deleum Berhad - Oil & Gas Integrated Solutions Provider" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Deleum" /> <meta property="og:title" content="Deleum Berhad - Oil & Gas Integrated Solutions Provider" /> <meta property="og:url" content="https://www.deleum.com//" /> <title>Deleum Berhad - Oil & Gas Integrated Solutions Provider</title> <script data-cfasync="false">var QUIX_ROOT_URL = "https://www.deleum.com/";window.FILE_MANAGER_ROOT_URL = "https://www.deleum.com/images/";</script> <link href="/templates/t3_bs3_blank/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="/media/com_favicon/icons/1/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="/templates/t3_bs3_blank/local/css/bootstrap.css" rel="stylesheet" type="text/css" /> <link href="/libraries/quix/assets/css/qxbs.css?ver=2.5.6.1" rel="stylesheet" async="true" /> <link href="/libraries/quix/assets/css/qxkit.css?ver=2.5.6.1" rel="stylesheet" async="true" /> <link href="/libraries/quix/assets/css/quix.css?ver=2.5.6.1" rel="stylesheet" async="true" /> <link href="/libraries/quix/assets/css/qxi.css?ver=2.5.6.1" rel="stylesheet" async="true" /> <link href="/index.php?option=com_ajax&plugin=arkbootstrap&format=json" rel="stylesheet" type="text/css" media="null" attribs="[]" /> <link href="/index.php?option=com_ajax&plugin=arktypography&format=json" rel="stylesheet" type="text/css" media="null" attribs="[]" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css" rel="stylesheet" type="text/css" /> <link href="/components/com_k2/css/k2.css?v=2.8.0" rel="stylesheet" type="text/css" /> <link href="/templates/system/css/system.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_bs3_blank/local/css/template.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_bs3_blank/local/css/megamenu.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_bs3_blank/local/css/off-canvas.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_bs3_blank/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="https://www.deleum.com/media/editors/arkeditor/css/squeezebox.css" rel="stylesheet" type="text/css" /> <link href="/media/jui/css/chosen.css?4b229e8ccfab3eda6ab90667ba02e22c" rel="stylesheet" type="text/css" /> <link href="/media/com_finder/css/finder.css?4b229e8ccfab3eda6ab90667ba02e22c" rel="stylesheet" type="text/css" /> <link href="/media/widgetkit/wk-styles-3bf6dbae.css" rel="stylesheet" type="text/css" id="wk-styles-css" /> <style type="text/css"> #qx-section-372 { padding-top : 0px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-section-372-background-overlay { } #qx-section-372:hover .qx-section-372-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-372 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px; } } @media (max-width: 767px) { #qx-section-372 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px; } } #qx-row-215 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-row-215-background-overlay { } #qx-row-215:hover .qx-row-215-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-215 { } } @media (max-width: 767px) { #qx-row-215 { } } #qx-column-466 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-column-466 { flex: 100%; max-width: 100%; } .qx-column-466-background-overlay { } #qx-column-466:hover .qx-column-466-background-overlay { } #qx-column-466 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px; } #qx-column-466 .qx-element-wrap+.qx-element-wrap { margin-top : 20px; } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-466 > .qx-col-wrap { } #qx-column-466 { flex: 100%; max-width: 100%; } } @media (max-width: 767px) { #qx-column-466 > .qx-col-wrap { } #qx-column-466 { flex: 100%; max-width: 100%; } } #qx-joomla-module-4165 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } @media (min-width: 768px) and (max-width: 1024px) { #qx-joomla-module-4165 { } } @media (max-width: 767px) { #qx-joomla-module-4165 { } } #qx-section-6858 { padding-top : 0px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-section-6858-background-overlay { } #qx-section-6858:hover .qx-section-6858-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-6858 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px; } } @media (max-width: 767px) { #qx-section-6858 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px; } } #qx-row-4059 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-row-4059-background-overlay { } #qx-row-4059:hover .qx-row-4059-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-4059 { } } @media (max-width: 767px) { #qx-row-4059 { } } #qx-column-4660 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-column-4660 { flex: 100%; max-width: 100%; } .qx-column-4660-background-overlay { } #qx-column-4660:hover .qx-column-4660-background-overlay { } #qx-column-4660 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px; } #qx-column-4660 .qx-element-wrap+.qx-element-wrap { margin-top : 20px; } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-4660 > .qx-col-wrap { } #qx-column-4660 { flex: 100%; max-width: 100%; } } @media (max-width: 767px) { #qx-column-4660 > .qx-col-wrap { } #qx-column-4660 { flex: 100%; max-width: 100%; } } #qx-slider-pro-7161 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-slider-pro-7161 a.qx-btn svg,#qx-slider-pro-7161 a.qx-btn i { margin-right : 0px; } #qx-slider-pro-7161 .slide-content { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-slider-pro-7161 .slider-content-wrapper { width : 50%; } #qx-slider-pro-7161 .slider-pro-item > img { object-fit : cover; } #qx-slider-pro-7161 .qx-slideshow.slider-height-custom,#qx-slider-pro-7161 .qx-slideshow ul.custom-height { height : 500px; } #qx-slider-pro-7161 .qx-slideshow ul.custom-height { max-height : 100%; min-height : auto !important; } #qx-slider-pro-7161 .slide-content h2 { color : rgba(254 , 252, 252, 1); font-weight : 400; margin-top : 0px; margin-right : 0px; margin-bottom : 20px; margin-left : 0px; } #qx-slider-pro-7161 .slide-content p { color : rgba(249 , 246, 246, 1); font-weight : 400; margin-top : 0px; margin-right : 0px; margin-bottom : 25px; margin-left : 0px; } #qx-slider-pro-7161 .slide-content a.qx-btn { color : rgba(255, 255, 255, 1); padding-top : 15px; padding-right : 30px; padding-bottom : 15px; padding-left : 30px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-slider-pro-7161 .slide-content a.qx-btn:hover { } #qx-slider-pro-7161 ul li .slide-content a.qx-btn:hover i { } #qx-slider-pro-7161 .qx-icon * { color : rgba(247, 247, 247, 0.6); width : 25px; height : 25px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-slider-pro-7161 .qx-icon:hover * { } #qx-slider-pro-7161 .qx-slidenav { } #qx-slider-pro-7161 .qx-slidenav-container { } #qx-slider-pro-7161 .qx-dotnav li * { background-color : rgba(238, 238, 238, 1); width : 15px; height : 15px; } #qx-slider-pro-7161 .qx-dotnav li.qx-active * { background-color : rgba(102, 102, 102, 0.6); } #qx-slider-pro-7161 .qx-dotnav { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-slider-pro-7161 .qx-dotnav li { padding-left : 12px; } #qx-slider-pro-7161 .qx-dotnav li:first-child { padding-left : 0; } #qx-slider-pro-7161 .bar-navigation .qx-barnav-horizontal { display : flex; flex-wrap : wrap; list-style : none; margin-left : -12px; } #qx-slider-pro-7161 .bar-navigation .qx-barnav-horizontal li { padding-left : 12px; } #qx-slider-pro-7161 .bar-navigation .qx-barnav-horizontal li:first-child { padding-left : 0; } #qx-slider-pro-7161 .bar-navigation .qx-barnav-horizontal li a { background-color : rgba(238, 238, 238, 1); text-indent : 100%; overflow : hidden; display : block; box-sizing : border-box; white-space : nowrap; background-color : rgba(238, 238, 238, 1); width : 25px; height : 5px; } #qx-slider-pro-7161 .bar-navigation .qx-barnav-vertical { display : inline; list-style : none; } #qx-slider-pro-7161 .bar-navigation .qx-barnav-vertical li a { background-color : rgba(238, 238, 238, 1); text-indent : 100%; overflow : hidden; display : block; box-sizing : border-box; white-space : nowrap; background-color : rgba(238, 238, 238, 1); height : 25px; width : 5px; } #qx-slider-pro-7161 .bar-navigation .qx-barnav-vertical li:first-child { padding-top : 0; } #qx-slider-pro-7161 .bar-navigation .qx-barnav-vertical li { padding-top : 12px; } #qx-slider-pro-7161 .bar-navigation .qx-barnav li.qx-active a { background-color : rgba(102, 102, 102, 0.6); } #qx-slider-pro-7161 .qx-overlay-primary { background : rgba(0, 0, 0, 0.5); } #qx-slider-pro-7161 .qx-thumbnav li a * { width : 100px; height : 100px; } @media (min-width: 768px) and (max-width: 1024px) { #qx-slider-pro-7161 { } #qx-slider-pro-7161 .slide-content { } #qx-slider-pro-7161 .slider-content-wrapper { width : 70%; } #qx-slider-pro-7161 .qx-slideshow.slider-height-custom,#qx-slider-pro-7161 .qx-slideshow ul.custom-height { height : 600px; } #qx-slider-pro-7161 .slide-content h2 { margin-top : 0px; margin-right : 0px; margin-bottom : 20px; margin-left : 0px; } #qx-slider-pro-7161 .slide-content p { margin-top : 0px; margin-right : 0px; margin-bottom : 20px; margin-left : 0px; } #qx-slider-pro-7161 .slide-content a.qx-btn { padding-top : 10px; padding-right : 30px; padding-bottom : 10px; padding-left : 30px; } #qx-slider-pro-7161 .qx-slidenav { } #qx-slider-pro-7161 .qx-slidenav-container { } #qx-slider-pro-7161 .qx-icon * { } #qx-slider-pro-7161 .qx-dotnav { } } @media (max-width: 767px) { #qx-slider-pro-7161 { } #qx-slider-pro-7161 .slide-content { } #qx-slider-pro-7161 .slider-content-wrapper { width : 80%; } #qx-slider-pro-7161 .slider-pro-item > img { height : 100%; } #qx-slider-pro-7161 .qx-slideshow.slider-height-custom,#qx-slider-pro-7161 .qx-slideshow ul.custom-height { height : 400px; } #qx-slider-pro-7161 .slide-content h2 { margin-top : 0px; margin-right : 0px; margin-bottom : 20px; margin-left : 0px; } #qx-slider-pro-7161 .slide-content p { margin-top : 0px; margin-right : 0px; margin-bottom : 30px; margin-left : 0px; } #qx-slider-pro-7161 .slide-content a.qx-btn { padding-top : 10px; padding-right : 20px; padding-bottom : 10px; padding-left : 20px; } #qx-slider-pro-7161 .qx-slidenav { } #qx-slider-pro-7161 .qx-slidenav-container { } #qx-slider-pro-7161 .qx-icon * { } #qx-slider-pro-7161 .qx-dotnav { } } #qx-section-99 { padding-top : 60px; padding-right : 0px; padding-bottom : 60px; padding-left : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-section-99-background-overlay { } #qx-section-99:hover .qx-section-99-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-99 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px; } } @media (max-width: 767px) { #qx-section-99 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px; } } #qx-row-8529 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-row-8529-background-overlay { } #qx-row-8529:hover .qx-row-8529-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-8529 { } } @media (max-width: 767px) { #qx-row-8529 { } } #qx-column-7830 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-column-7830 { flex: 33.33%; max-width: 33.33%; } .qx-column-7830-background-overlay { } #qx-column-7830:hover .qx-column-7830-background-overlay { } #qx-column-7830 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px; } #qx-column-7830 .qx-element-wrap+.qx-element-wrap { margin-top : 20px; } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-7830 > .qx-col-wrap { } #qx-column-7830 { flex: 33.33%; max-width: 33.33%; } } @media (max-width: 767px) { #qx-column-7830 > .qx-col-wrap { } #qx-column-7830 { flex: 100%; max-width: 100%; } } #qx-text-5442 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-5442 { } } @media (max-width: 767px) { #qx-text-5442 { } } #qx-column-9132 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-column-9132 { flex: 33.33%; max-width: 33.33%; } .qx-column-9132-background-overlay { } #qx-column-9132:hover .qx-column-9132-background-overlay { } #qx-column-9132 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px; } #qx-column-9132 .qx-element-wrap+.qx-element-wrap { margin-top : 20px; } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-9132 > .qx-col-wrap { } #qx-column-9132 { flex: 33.33%; max-width: 33.33%; } } @media (max-width: 767px) { #qx-column-9132 > .qx-col-wrap { } #qx-column-9132 { flex: 100%; max-width: 100%; } } #qx-text-9581 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-9581 { } } @media (max-width: 767px) { #qx-text-9581 { } } #qx-column-4734 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-column-4734 { flex: 33.33%; max-width: 33.33%; } .qx-column-4734-background-overlay { } #qx-column-4734:hover .qx-column-4734-background-overlay { } #qx-column-4734 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px; } #qx-column-4734 .qx-element-wrap+.qx-element-wrap { margin-top : 20px; } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-4734 > .qx-col-wrap { } #qx-column-4734 { flex: 33.33%; max-width: 33.33%; } } @media (max-width: 767px) { #qx-column-4734 > .qx-col-wrap { } #qx-column-4734 { flex: 100%; max-width: 100%; } } #qx-text-97101 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-97101 { } } @media (max-width: 767px) { #qx-text-97101 { } } #qx-section-90213 { padding-top : 25px; padding-right : 0px; padding-bottom : 25px; padding-left : 0px; background-image : url("https://www.deleum.com/images//home-about-banner.jpg"); background-size : cover; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-section-90213-background-overlay { } #qx-section-90213:hover .qx-section-90213-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-90213 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px; } } @media (max-width: 767px) { #qx-section-90213 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px; } } #qx-row-69248 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-row-69248-background-overlay { } #qx-row-69248:hover .qx-row-69248-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-69248 { } } @media (max-width: 767px) { #qx-row-69248 { } } #qx-column-28249 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-column-28249 { flex: 100%; max-width: 100%; } .qx-column-28249-background-overlay { } #qx-column-28249:hover .qx-column-28249-background-overlay { } #qx-column-28249 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px; } #qx-column-28249 .qx-element-wrap+.qx-element-wrap { margin-top : 20px; } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-28249 > .qx-col-wrap { } #qx-column-28249 { flex: 100%; max-width: 100%; } } @media (max-width: 767px) { #qx-column-28249 > .qx-col-wrap { } #qx-column-28249 { flex: 100%; max-width: 100%; } } #qx-heading-57253 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center; } #qx-heading-57253 h2 { } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-57253 { } } @media (max-width: 767px) { #qx-heading-57253 { } } #qx-text-23311 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center; } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-23311 { } } @media (max-width: 767px) { #qx-text-23311 { } } #qx-button-63331 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center; } #qx-button-63331 .qx-btn { border-style : solid; } #qx-button-63331 .qx-btn:hover { } #qx-button-63331 .qx-btn:hover i { } #qx-button-63331 * { } #qx-button-63331 a svg,#qx-button-63331 a i { margin-right : 30px; } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-63331 { } #qx-button-63331 .qx-btn { } } @media (max-width: 767px) { #qx-button-63331 { } #qx-button-63331 .qx-btn { } } #qx-section-935 { padding-top : 60px; padding-right : 0px; padding-bottom : 60px; padding-left : 0px; background-color : rgba(248 , 248, 248, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-section-935-background-overlay { } #qx-section-935:hover .qx-section-935-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-935 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px; } } @media (max-width: 767px) { #qx-section-935 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px; } } #qx-row-1538 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-row-1538-background-overlay { } #qx-row-1538:hover .qx-row-1538-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-1538 { } } @media (max-width: 767px) { #qx-row-1538 { } } #qx-column-3639 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-column-3639 { flex: 100%; max-width: 100%; } .qx-column-3639-background-overlay { } #qx-column-3639:hover .qx-column-3639-background-overlay { } #qx-column-3639 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px; } #qx-column-3639 .qx-element-wrap+.qx-element-wrap { margin-top : 20px; } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-3639 > .qx-col-wrap { } #qx-column-3639 { flex: 100%; max-width: 100%; } } @media (max-width: 767px) { #qx-column-3639 > .qx-col-wrap { } #qx-column-3639 { flex: 100%; max-width: 100%; } } #qx-text-9760 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-9760 { } } @media (max-width: 767px) { #qx-text-9760 { } } #qx-joomla-module-8960 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } @media (min-width: 768px) and (max-width: 1024px) { #qx-joomla-module-8960 { } } @media (max-width: 767px) { #qx-joomla-module-8960 { } } #qx-section-55112 { padding-top : 70px; padding-right : 0px; padding-bottom : 70px; padding-left : 0px; background-color : rgba(255 , 255, 255, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-section-55112-background-overlay { } #qx-section-55112:hover .qx-section-55112-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-55112 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px; } } @media (max-width: 767px) { #qx-section-55112 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px; } } #qx-row-2131 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-row-2131-background-overlay { } #qx-row-2131:hover .qx-row-2131-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-2131 { } } @media (max-width: 767px) { #qx-row-2131 { } } #qx-column-22132 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-column-22132 { flex: 50%; max-width: 50%; } .qx-column-22132-background-overlay { } #qx-column-22132:hover .qx-column-22132-background-overlay { } #qx-column-22132 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px; } #qx-column-22132 .qx-element-wrap+.qx-element-wrap { margin-top : 20px; } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-22132 > .qx-col-wrap { } #qx-column-22132 { flex: 50%; max-width: 50%; } } @media (max-width: 767px) { #qx-column-22132 > .qx-col-wrap { } #qx-column-22132 { flex: 100%; max-width: 100%; } } #qx-text-9671 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-9671 { } } @media (max-width: 767px) { #qx-text-9671 { } } #qx-text-2557 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-2557 { } } @media (max-width: 767px) { #qx-text-2557 { } } #qx-column-90134 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-column-90134 { flex: 50%; max-width: 50%; } .qx-column-90134-background-overlay { } #qx-column-90134:hover .qx-column-90134-background-overlay { } #qx-column-90134 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px; } #qx-column-90134 .qx-element-wrap+.qx-element-wrap { margin-top : 20px; } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-90134 > .qx-col-wrap { } #qx-column-90134 { flex: 50%; max-width: 50%; } } @media (max-width: 767px) { #qx-column-90134 > .qx-col-wrap { } #qx-column-90134 { flex: 100%; max-width: 100%; } } #qx-text-3491 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-3491 { } } @media (max-width: 767px) { #qx-text-3491 { } } #qx-joomla-module-8657 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } @media (min-width: 768px) and (max-width: 1024px) { #qx-joomla-module-8657 { } } @media (max-width: 767px) { #qx-joomla-module-8657 { } } #qx-row-71218 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-row-71218-background-overlay { } #qx-row-71218:hover .qx-row-71218-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-71218 { } } @media (max-width: 767px) { #qx-row-71218 { } } #qx-column-75219 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-column-75219 { flex: 100%; max-width: 100%; } .qx-column-75219-background-overlay { } #qx-column-75219:hover .qx-column-75219-background-overlay { } #qx-column-75219 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px; } #qx-column-75219 .qx-element-wrap+.qx-element-wrap { margin-top : 20px; } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-75219 > .qx-col-wrap { } #qx-column-75219 { flex: 100%; max-width: 100%; } } @media (max-width: 767px) { #qx-column-75219 > .qx-col-wrap { } #qx-column-75219 { flex: 100%; max-width: 100%; } } #qx-section-8278 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-section-8278-background-overlay { } #qx-section-8278:hover .qx-section-8278-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-8278 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px; } } @media (max-width: 767px) { #qx-section-8278 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px; } } @media screen and (min-width: 768px) and (max-width: 992px){ } @media screen and (max-width: 767px) { } </style> <script type="application/json" class="joomla-script-options new">{"csrf.token":"906d03d99a307649cf8db763efdbac90","system.paths":{"root":"","base":""}}</script> <script src="/media/k2/assets/js/k2.frontend.js?v=2.8.0&sitepath=/" type="text/javascript"></script> <script src="/media/jui/js/jquery.min.js?4b229e8ccfab3eda6ab90667ba02e22c" type="text/javascript"></script> <script src="/media/jui/js/jquery-noconflict.js?4b229e8ccfab3eda6ab90667ba02e22c" type="text/javascript"></script> <script src="/media/jui/js/jquery-migrate.min.js?4b229e8ccfab3eda6ab90667ba02e22c" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/bootstrap/js/bootstrap.js?4b229e8ccfab3eda6ab90667ba02e22c" type="text/javascript"></script> <script src="/media/system/js/core.js?4b229e8ccfab3eda6ab90667ba02e22c" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/js/jquery.tap.min.js" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/js/off-canvas.js" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/js/script.js" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/js/menu.js" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/js/nav-collapse.js" type="text/javascript"></script> <script src="https://www.deleum.com/media/editors/arkeditor/js/jquery.easing.min.js" type="text/javascript"></script> <script src="https://www.deleum.com/media/editors/arkeditor/js/squeezebox.min.js" type="text/javascript"></script> <script src="/media/jui/js/chosen.jquery.min.js?4b229e8ccfab3eda6ab90667ba02e22c" type="text/javascript"></script> <script src="/media/jui/js/jquery.autocomplete.min.js?4b229e8ccfab3eda6ab90667ba02e22c" type="text/javascript"></script> <script src="/libraries/quix/assets/js/wow.js?ver=2.5.6.1" type="text/javascript"></script> <script src="/libraries/quix/assets/js/qxkit.js?ver=2.5.6.1" type="text/javascript"></script> <script src="/libraries/quix/assets/js/quix.js?ver=2.5.6.1" type="text/javascript"></script> <script src="/media/widgetkit/uikit2-ceeac600.js" type="text/javascript"></script> <script src="/media/widgetkit/wk-scripts-8c77715c.js" type="text/javascript"></script> <script type="application/ld+json"> {"@context":"http:\/\/schema.org","@type":"Organization","name":"Deleum","url":"https:\/\/www.deleum.com\/"} </script> <script type="text/javascript"> (function() { if(typeof jQuery == 'undefined') return; jQuery(function($) { if($.fn.squeezeBox) { $( 'a.modal' ).squeezeBox({ parse: 'rel' }); $( 'img.modal' ).each( function( i, el ) { $(el).squeezeBox({ handler: 'image', url: $( el ).attr( 'src' ) }); }) } else if(typeof(SqueezeBox) !== 'undefined') { $( 'img.modal' ).each( function( i, el ) { SqueezeBox.assign( el, { handler: 'image', url: $( el ).attr( 'src' ) }); }); } function jModalClose() { if(typeof(SqueezeBox) == 'object') SqueezeBox.close(); else ARK.squeezeBox.close(); } }); })(); jQuery(function ($) { initChosen(); $("body").on("subform-row-add", initChosen); function initChosen(event, container) { container = container || document; $(container).find(".advancedSelect").chosen({"disable_search_threshold":10,"search_contains":true,"allow_single_deselect":true,"placeholder_text_multiple":"Type or select some options","placeholder_text_single":"Select an option","no_results_text":"No results match"}); } }); jQuery(function($){ initTooltips(); $("body").on("subform-row-add", initTooltips); function initTooltips (event, container) { container = container || document;$(container).find(".hasTooltip").tooltip({"html": true,"container": "body"});} }); jQuery(document).ready(function() { var value, searchword = jQuery('#mod-finder-searchword130'); // Get the current value. value = searchword.val(); // If the current value equals the default value, clear it. searchword.on('focus', function () { var el = jQuery(this); if (el.val() === 'Search ...') { el.val(''); } }); // If the current value is empty, set the previous value. searchword.on('blur', function () { var el = jQuery(this); if (!el.val()) { el.val(value); } }); jQuery('#mod-finder-searchform130').on('submit', function (e) { e.stopPropagation(); var advanced = jQuery('#mod-finder-advanced130'); // Disable select boxes with no value selected. if (advanced.length) { advanced.find('select').each(function (index, el) { var el = jQuery(el); if (!el.val()) { el.attr('disabled', 'disabled'); } }); } }); var suggest = jQuery('#mod-finder-searchword130').autocomplete({ serviceUrl: '/finder?format=json&task=suggestions.suggest&tmpl=component', paramName: 'q', minChars: 1, maxHeight: 400, width: 300, zIndex: 9999, deferRequestBy: 500 });}); </script>  <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <style type="text/stylesheet"> @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } </style> <script type="text/javascript"> //<![CDATA[ if (navigator.userAgent.match(/IEMobile\/10\.0/)) { var msViewportStyle = document.createElement("style"); msViewportStyle.appendChild( document.createTextNode("@-ms-viewport{width:auto!important}") ); document.getElementsByTagName("head")[0].appendChild(msViewportStyle); } //]]> </script> <meta name="HandheldFriendly" content="true"/> <meta name="apple-mobile-web-app-capable" content="YES"/>  <link href="/templates/t3_bs3_blank/css/custom.css?v=100000000000197" rel="stylesheet" type="text/css" />    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous"> <meta name="google-site-verification" content="8l7fqWcsEfdxdPG-rQxIYmNoGAVU5w61ij-jeqJ3Nus" />  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-19880799-54"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-19880799-54'); </script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.css" > <style> .home-service{ justify-content: center; } .t3-sidebar .nav-pills > li > a{ display: block !important; } .qx-btn{ white-space: normal; } .bod img{ width: 118px !important; height: 118px !important; object-fit: cover; border-radius: 118px; } .pop-up .qx-col-wrap { display: none; } p { text-align: justify; } .home-slider .slide-content p { text-align: center; } .core-business-segment .qx-column:first-child p { text-align: left; padding:0 !important; } .downloadPDF { min-width: 320px; margin-top: 0 !important } .qx-btn-primary:focus, .qx-btn-primary.qx-focus { box-shadow: none !important } /* human right page */ #qx-button-41132 a{ padding: 18px 24px; border-radius: 10px; } /*total training hours image chart */ #qx-image-59187 img, #qx-image-45134 img, #qx-image-87149 img, #qx-image-13151 img{ position: absolute; top: -221px; left: 232px; } @media (max-width: 540px){ #qx-image-59187 img, #qx-image-45134 img, #qx-image-87149 img, #qx-image-13151 img { position: absolute; top: -138px; left: 137px; } .banner-relative .banner-detail { text-align: center !important; } #qx-section-2158 .qx-element-blurb__wrapper { display: flex; } #qx-section-2158 .qx-element-blurb__title { margin-left: 15px; } .recognition-box .col-sm-12 .container-desc { height: auto !important; } #qx-heading-22356 { margin-bottom: 10px; } #qx-column-40352 .qx-element-wrap+.qx-element-wrap .qx-element-image-v2 { margin-top: 0px !important; margin-bottom: 15px !important; } #qx-column-40352 .qx-element-wrap { margin-top: 0 !important; } #qx-column-40352 #qx-image-34311 { margin-bottom: 0 !important; } #qx-row-44933 .qx-element-blurb__media, #qx-row-891072 .qx-element-blurb__media, #qx-row-961089 .qx-element-blurb__media{ width: 100% !important; margin-bottom: 0 !important; } #qx-column-53235 .qx-col-wrap { padding: 0 7px 0 15px; } #qx-column-34237 .qx-col-wrap { padding: 0 15px 0 7px; } #qx-row-44933 .qx-element-blurb__wrapper, #qx-row-891072 .qx-element-blurb__wrapper, #qx-row-961089 .qx-element-blurb__wrapper{ display: flex; flex-direction: column; } #qx-section-2158 .qx-element-blurb__media { width: 100%; } #qx-section-2158 .qx-element-blurb__title { margin-left: 0px; margin-top: 20px; } #qx-section-2158 .qx-element-blurb__media { width: 30%; } #qx-image-34351 { margin-bottom: 0; } #qx-image-34351 img { width: 70%; } .bod-parent { grid-template-columns: 1fr !important; grid-template-rows: auto !important; } .bod-div1 { grid-area: auto !important; } .bod-div2 { grid-area: auto !important; } .bod-div3 { grid-area: auto !important; } .bod-div4 { grid-area: auto !important; } .bod-div5 { grid-area: auto !important; } .bod-div6 { grid-area: auto !important; } .bod-div7 { grid-area: auto !important; } #qx-row-55351 .qx-element-blurb__wrapper { display: block !important; } #qx-blurb-71250 .qx-element-blurb__title, #qx-blurb-93305 .qx-element-blurb__title, #qx-blurb-70306 .qx-element-blurb__title{ margin-bottom: 15px !important; } } @media (min-width: 900px) { #qx-column-40352 .qx-col-wrap { padding-bottom: 0; } } /*milestone */ .milestones ul { padding-right: 20px; } .milestones h4.year2020 span { background: #FC837E; } .milestones h4.year2020 span:after { border-left-color: #FC837E; } /* DELEUM SUSTAIN PAGES */ img { user-drag: none; -webkit-user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .recognition-box .col-sm-12 .container-img{ background-color: #f8f8f8; padding: 23px; text-align: center; height: 154px; } .recognition-box .col-sm-12 .container-desc{ background-color: #fae5da; padding: 42px 32px; height: 252px; display: flex; flex-direction: column; justify-content: space-between; } .recognition-box .col-sm-12 .container-desc p{ text-align: left; } #qx-column-491158 .recognition-box .col-sm-12 .container-desc { background-color: #eaf2e3; } .recognition-box li { list-style: disc; margin-left: -1em; padding-left: 0.5em; margin-bottom: 10px; } .recognition-box a { font-size: 16px; text-transform: uppercase; font-family: FuturaPT-Demi; color: #81312f; margin-bottom: 10px; } .container-desc { position:relative; } .container-desc:before { content: ""; position: absolute; width: 45px; height: 45px; border-top: 0px solid; border-left: 0px solid; top: -22px; left: 44%; background: #fae5da; transform: rotate(45deg); } #qx-column-491158 .container-desc:before { background: #eaf2e3; } .divider-sustain span { margin: 0; } #qx-text-58868 a { font-size: 16px; text-transform: uppercase; font-family: FuturaPT-Demi; color: #81312f; margin-bottom: 10px; } #qx-section-2158 .qx-element-blurb__title { margin-bottom: 4px; } #qx-section-2158 .qx-element-blurb__body a { font-family: FuturaPT-Demi; font-size: 16px; color: #81312f; } #qx-section-2158 .qx-element-blurb__body a:hover { color: #333; } ul.uk-slideset-nav li a { background-color: #eeeeee; width: 8px; height: 8px; } ul.uk-slideset-nav li.uk-active a { background-color: #81322e; transform: scale(1) !important; } .bod-parent { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(5, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .bod-div1 { grid-area: 1 / 1 / 5 / 2; } .bod-div2 { grid-area: 1 / 2 / 2 / 3; } .bod-div3 { grid-area: 2 / 2 / 3 / 3; } .bod-div4 { grid-area: 3 / 2 / 5 / 3; } .bod-div5 { grid-area: 1 / 3 / 3 / 4; } .bod-div6 { grid-area: 3 / 3 / 5 / 4; } .bod-div7 { grid-area: 5 / 1 / 6 / 4; } .bod-parent { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(5, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .bod-div1 { grid-area: 1 / 1 / 5 / 2; } .bod-div2 { grid-area: 1 / 2 / 2 / 3; } .bod-div3 { grid-area: 2 / 2 / 3 / 3; } .bod-div4 { grid-area: 3 / 2 / 5 / 3; } .bod-div5 { grid-area: 1 / 3 / 3 / 4; } .bod-div6 { grid-area: 3 / 3 / 5 / 4; } .bod-div7 { grid-area: 5 / 1 / 6 / 4; } .bod-parent { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(5, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .bod-div1 { grid-area: 1 / 1 / 5 / 2; } .bod-div2 { grid-area: 1 / 2 / 2 / 3; } .bod-div3 { grid-area: 2 / 2 / 3 / 3; } .bod-div4 { grid-area: 3 / 2 / 5 / 3; } .bod-div5 { grid-area: 1 / 3 / 3 / 4; } .bod-div6 { grid-area: 3 / 3 / 5 / 4; } .bod-div7 { grid-area: 5 / 1 / 6 / 4; } .bod-parent div { background-color: #f5f5f5; padding: 22px 20px; margin: 7px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 5px; } .bod-parent p, .bod-parent h4, .bod-parent ul, .bod-parent li { margin: 0; } .bod-parent h4 { font-family: Gotham; padding-bottom: 33px; font-size: 14px; color: #333; } .bod-parent li { padding-bottom: 23px; color: #81312f; } .bod-parent li a { font-size: 14px; color: #81312f; } .bod-parent p { text-align: center; line-height: 1.71; } .bod-parent p a { font-size: 14px; color: #81312f; } .bod-parent a:hover { text-decoration: underline !important; } </style>  <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "Deleum", "url": "https://www.deleum.com//" } </script>  </head> <body> <div class="t3-wrapper">   <header id="t3-header" class="t3-header"> <div class="top-bar"> <div class="container"> <div class="row"> <div class="col-xs-12 col-md-8"> <div class="top-email"> <svg xmlns="http://www.w3.org/2000/svg" id="email" width="21.08" height="16.057" viewBox="0 0 21.08 16.057"> <defs> <style> .cls-1{fill:#fff} </style> </defs> <g id="Group_924" data-name="Group 924"> <path id="Path_505" d="M19.228 61H1.853A1.856 1.856 0 0 0 0 62.853V75.2a1.856 1.856 0 0 0 1.853 1.853h17.375A1.856 1.856 0 0 0 21.08 75.2V62.853A1.856 1.856 0 0 0 19.228 61zm-.256 1.235l-8.392 8.392-8.465-8.392zM1.235 74.949V63.1L7.184 69zm.873.873l5.953-5.952 2.086 2.068a.618.618 0 0 0 .872 0l2.033-2.038 5.92 5.92zm17.737-.873l-5.92-5.92 5.92-5.92z" class="cls-1" data-name="Path 505" transform="translate(0 -61)"/> </g> </svg> info@deleum.com </div> <div class="top-phone"> <svg xmlns="http://www.w3.org/2000/svg" id="phone-call" width="16.476" height="16.5" viewBox="0 0 16.476 16.5"> <defs> <style> .cls-1{fill:#fff} </style> </defs> <g id="Group_923" data-name="Group 923"> <path id="Path_502" d="M13.373 36.673a1.623 1.623 0 0 0-1.177-.54 1.678 1.678 0 0 0-1.196.536l-1.1 1.1c-.091-.049-.181-.094-.268-.139-.125-.063-.244-.122-.345-.185a11.96 11.96 0 0 1-2.866-2.612 7.056 7.056 0 0 1-.94-1.484c.286-.261.55-.533.808-.794.1-.1.2-.2.293-.3a1.6 1.6 0 0 0 0-2.41l-.947-.945c-.108-.108-.219-.219-.324-.331a16.048 16.048 0 0 0-.655-.648 1.648 1.648 0 0 0-1.167-.512 1.706 1.706 0 0 0-1.184.512l-.007.007-1.184 1.191a2.548 2.548 0 0 0-.756 1.619A6.1 6.1 0 0 0 .8 33.323a14.994 14.994 0 0 0 2.664 4.444 16.388 16.388 0 0 0 5.457 4.273 8.5 8.5 0 0 0 3.065.905c.073 0 .15.007.219.007a2.624 2.624 0 0 0 2.009-.864c0-.007.01-.01.014-.017a7.916 7.916 0 0 1 .609-.63c.15-.143.3-.293.453-.449a1.737 1.737 0 0 0 .526-1.2 1.674 1.674 0 0 0-.536-1.194zm1.247 3.667c-.136.146-.275.279-.425.425a9.158 9.158 0 0 0-.672.7 1.679 1.679 0 0 1-1.309.554h-.16a7.553 7.553 0 0 1-2.717-.819A15.469 15.469 0 0 1 4.2 37.171 14.138 14.138 0 0 1 1.689 33a4.972 4.972 0 0 1-.39-2.18 1.6 1.6 0 0 1 .481-1.034l1.188-1.188a.792.792 0 0 1 .529-.247.745.745 0 0 1 .503.239l.01.01c.212.2.414.4.627.623l.331.338.951.951a.665.665 0 0 1 0 1.08l-.3.3c-.293.3-.571.578-.874.85-.007.007-.014.01-.017.017a.71.71 0 0 0-.181.791l.01.031a7.633 7.633 0 0 0 1.125 1.835 12.782 12.782 0 0 0 3.092 2.814 4.755 4.755 0 0 0 .428.233c.125.063.244.122.345.185l.042.024a.755.755 0 0 0 .345.087.745.745 0 0 0 .529-.24l1.191-1.191a.788.788 0 0 1 .526-.261.709.709 0 0 1 .5.254l.007.007 1.919 1.919a.689.689 0 0 1 .013 1.093z" class="cls-1" data-name="Path 502" transform="translate(-.344 -26.452)"/> <path id="Path_503" d="M245.331 86.858a4.482 4.482 0 0 1 3.65 3.65.467.467 0 0 0 .463.39.621.621 0 0 0 .08-.007.471.471 0 0 0 .387-.543 5.419 5.419 0 0 0-4.416-4.416.473.473 0 0 0-.543.383.465.465 0 0 0 .379.543z" class="cls-1" data-name="Path 503" transform="translate(-236.426 -82.933)"/> <path id="Path_504" d="M256.593 7.279a8.924 8.924 0 0 0-7.272-7.272.469.469 0 1 0-.153.926 7.971 7.971 0 0 1 6.5 6.5.467.467 0 0 0 .463.39.621.621 0 0 0 .08-.007.461.461 0 0 0 .382-.537z" class="cls-1" data-name="Path 504" transform="translate(-240.124)"/> </g> </svg> (603) 2295 7788 </div> </div> <div class="col-xs-12 col-md-4">  <div class="head-search "> <form id="mod-finder-searchform130" action="/search" method="get" class="form-search form-inline"> <div class="finder"> <label for="mod-finder-searchword130" class="element-invisible finder">Search</label><input type="text" name="q" id="mod-finder-searchword130" class="search-query input-medium" size="25" value="" placeholder="Search ..."/><button class="btn btn-primary hasTooltip finder" type="submit" title="Go"><span class="icon-search icon-white"></span>Search</button> <input type="hidden" name="Itemid" value="101" /> </div> </form> </div>  <div class="login"> <a href="/login.html"> <svg xmlns="http://www.w3.org/2000/svg" width="13.98" height="15.977" viewBox="0 0 13.98 15.977"> <defs> <style> .cls-1{fill:#fff} </style> </defs> <path id="user" d="M9.786 9.486c-.9 0-1.326.5-2.8.5s-1.9-.5-2.8-.5A4.2 4.2 0 0 0 0 13.68v.8a1.5 1.5 0 0 0 1.5 1.5h10.982a1.5 1.5 0 0 0 1.5-1.5v-.8a4.2 4.2 0 0 0-4.196-4.194zm2.7 4.993H1.5v-.8a2.7 2.7 0 0 1 2.7-2.7 12.218 12.218 0 0 0 2.8.5 12.1 12.1 0 0 0 2.8-.5 2.7 2.7 0 0 1 2.7 2.7zM6.99 8.987A4.494 4.494 0 1 0 2.5 4.494a4.495 4.495 0 0 0 4.49 4.493zm0-7.489a3 3 0 1 1-3 3 3 3 0 0 1 3-2.998z" class="cls-1"/> </svg> Login </a> </div> </div> </div> </div> </div> <div class="row">  <div class="col-xs-12 logo"> <div class="logo-image"> <a href="https://www.deleum.com/" title="Deleum"> <img class="logo-img" src="/images/logo.png" alt="Deleum" /> <span>Deleum</span> </a> <small class="site-slogan"></small> </div> </div>  </div>  <nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav"> <div class="container">  <div class="navbar-header"> <div class="logo-image sticky-logo"> <a href="https://www.deleum.com/" title="Deleum">  <img class="logo-img" src="/images/logo.png" alt="Deleum" /> <span>Deleum</span> </a> <small class="site-slogan"></small> </div> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".t3-navbar-collapse"> <i class="fa fa-bars"></i> </button> <button class="btn btn-primary off-canvas-toggle " type="button" data-pos="left" data-nav="#t3-off-canvas" data-effect="off-canvas-effect-4"> <i class="fa fa-bars"></i> </button>  <div id="t3-off-canvas" class="t3-off-canvas "> <div class="t3-off-canvas-header"> <h2 class="t3-off-canvas-header-title">Sidebar</h2> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="t3-off-canvas-body"> <div class="t3-module module " id="Mod152"><div class="module-inner"><div class="module-ct"><ul class="nav nav-pills nav-stacked menu"> <li class="item-284 deeper dropdown parent"><a href="#" class=" dropdown-toggle" data-toggle="dropdown">Corporate Profile <em class="caret"></em></a><ul class="dropdown-menu"><li class="item-294"><a href="/corporate-profile/about-deleum" class="">About Deleum</a></li><li class="item-302 dropdown-submenu parent"><a href="/corporate-profile/corporate-information" class="">Corporate Information</a><ul class="dropdown-menu"><li class="item-300"><a href="/corporate-profile/corporate-information/corporate-structure" class="">Corporate Structure</a></li><li class="item-314"><a href="/corporate-profile/corporate-information/subsidiaries-joint-venture" class="">Subsidiaries & Joint Venture</a></li><li class="item-298"><a href="/corporate-profile/corporate-information/milestones" class="">Milestones</a></li><li class="item-320"><a href="/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=4&Itemid=320&lang=en" class="">Awards</a></li><li class="item-322"><a href="/corporate-profile/corporate-information/corporate-directory" class="">Corporate Directory</a></li></ul></li><li class="item-316"><a href="/corporate-profile/board-of-directors" class="">Board Of Directors</a></li><li class="item-318"><a href="/corporate-profile/key-management-team" class="">Key Management Team</a></li><li class="item-303"><a href="/corporate-profile/qhse" class="">QHSE</a></li></ul></li><li class="item-285 deeper dropdown parent"><a href="/core-businesses" class="menu-with-image dropdown-toggle" data-toggle="dropdown">Core Businesses<em class="caret"></em></a><ul class="dropdown-menu"><li class="item-327 dropdown-submenu parent"><a href="/core-businesses/power-and-machinery" class=""><img src="/images/megamenu-1-new.jpg" alt="Power and Machinery" /><span class="image-title">Power and Machinery</span></a><ul class="dropdown-menu"><li class="item-329"><a href="/core-businesses/power-and-machinery/oil-and-gas-equipment-solutions" class="">Oil and Gas Equipment and Solutions</a></li><li class="item-331"><a href="/core-businesses/power-and-machinery/industrial-power-generation" class="">Industrial Power Generation</a></li><li class="item-333"><a href="/core-businesses/power-and-machinery/turbomachinery-services" class="">Turbomachinery Services</a></li><li class="item-335"><a href="/core-businesses/power-and-machinery/valves-flow-regulators-services" class="">Valves and Flow Regulators Services</a></li></ul></li><li class="item-341 dropdown-submenu parent"><a href="/core-businesses/oilfield-services" class=""><img src="/images/megamenu-2-new.jpg" alt="Oilfield Integrated Services" /><span class="image-title">Oilfield Integrated Services</span></a><ul class="dropdown-menu"><li class="item-349"><a href="/core-businesses/oilfield-integrated-services/slickline-and-well-services" class="">Slickline And Well Services</a></li><li class="item-351"><a href="/core-businesses/oilfield-services/asset-integrated-solutions" class="">Asset Integrated Solutions</a></li><li class="item-353"><a href="/core-businesses/oilfield-services/specialty-chemical-well-stimulation" class="">Specialty Chemical & Well Stimulation</a></li><li class="item-445"><a href="/core-businesses/oilfield-services/maintenance-construction-modification-mcm" class="">Maintenance, Construction & Modification (MCM)</a></li><li class="item-448"><a href="/core-businesses/oilfield-services/surface-preparation-coating-services" class="">Surface Preparation & Coating Services</a></li><li class="item-451"><a href="/core-businesses/oilfield-services/passive-fire-protection" class="">Passive Fire Protection</a></li><li class="item-452"><a href="/core-businesses/oilfield-services/heat-induction-paint-and-coatings-removal" class="">Heat Induction Paint and Coatings Removal</a></li><li class="item-361"><a href="/core-businesses/oilfield-integrated-services/other-services" class="">Other Services</a></li></ul></li><li class="item-325 dropdown-submenu parent"><a href="/core-businesses/associates" class=""><img src="/images/megamenu-4-new.jpg" alt="Associates" /><span class="image-title">Associates</span></a><ul class="dropdown-menu"><li class="item-364"><a href="/core-businesses/associates/dry-and-liquid-bulking-services" class="">Dry And Liquid Bulking Services</a></li></ul></li></ul></li><li class="item-431 deeper dropdown parent"><a href="/sustainability" class=" dropdown-toggle" data-toggle="dropdown">Sustainability<em class="caret"></em></a><ul class="dropdown-menu"><li class="item-443"><a href="/sustainability/overview" class="">Overview</a></li><li class="item-432"><a href="/sustainability/catalysing-prosperity" class="">Catalysing Prosperity</a></li><li class="item-433"><a href="/sustainability/protecting-preserving-the-environment" class="">Protecting & Preserving the Environment</a></li><li class="item-434"><a href="/sustainability/helping-people" class="">Helping People</a></li><li class="item-435"><a href="/sustainability/embracing-good-governance" class="">Embracing Good Governance</a></li></ul></li><li class="item-286"><a href="/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=1&Itemid=286&lang=en" class="">Media</a></li><li class="item-288"><a href="/investor-relations" class="">Investor Relations</a></li><li class="item-289"><a href="/careers" class="">Careers</a></li><li class="item-296"><a href="/privacy-policy" class="hiddenMenu">Privacy Policy</a></li><li class="item-297"><a href="/legal-notice" class="hiddenMenu">Legal Notice</a></li><li class="item-363"><a href="/annual-reports" class="d-none">Annual Reports</a></li></ul> </div></div></div> </div> </div>  </div> <div class="t3-navbar-collapse navbar-collapse collapse"></div> <div class="t3-navbar navbar-collapse collapse"> <div class="t3-megamenu" data-responsive="true"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="nav navbar-nav level0"> <li itemprop='name' class="dropdown mega" data-id="284" data-level="1"> <a itemprop='url' class=" dropdown-toggle" href="#" data-target="#" data-toggle="dropdown">Corporate Profile<em class="caret"></em></a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' data-id="294" data-level="2"> <a itemprop='url' class="" href="/corporate-profile/about-deleum" data-target="#">About Deleum </a> </li> <li itemprop='name' class="dropdown-submenu mega" data-id="302" data-level="2"> <a itemprop='url' class="" href="/corporate-profile/corporate-information" data-target="#">Corporate Information </a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2"> <li itemprop='name' data-id="300" data-level="3"> <a itemprop='url' class="" href="/corporate-profile/corporate-information/corporate-structure" data-target="#">Corporate Structure </a> </li> <li itemprop='name' data-id="314" data-level="3"> <a itemprop='url' class="" href="/corporate-profile/corporate-information/subsidiaries-joint-venture" data-target="#">Subsidiaries & Joint Venture </a> </li> <li itemprop='name' data-id="298" data-level="3"> <a itemprop='url' class="" href="/corporate-profile/corporate-information/milestones" data-target="#">Milestones </a> </li> <li itemprop='name' data-id="320" data-level="3"> <a itemprop='url' class="" href="/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=4&Itemid=320&lang=en" data-target="#">Awards </a> </li> <li itemprop='name' data-id="322" data-level="3"> <a itemprop='url' class="" href="/corporate-profile/corporate-information/corporate-directory" data-target="#">Corporate Directory </a> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' data-id="316" data-level="2"> <a itemprop='url' class="" href="/corporate-profile/board-of-directors" data-target="#">Board Of Directors </a> </li> <li itemprop='name' data-id="318" data-level="2"> <a itemprop='url' class="" href="/corporate-profile/key-management-team" data-target="#">Key Management Team </a> </li> <li itemprop='name' data-id="303" data-level="2"> <a itemprop='url' class="" href="/corporate-profile/qhse" data-target="#">QHSE </a> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' class="dropdown mega" data-id="285" data-level="1"> <a itemprop='url' class="menu-with-image dropdown-toggle" href="/core-businesses" data-target="#" data-toggle="dropdown">Core Businesses <em class="caret"></em></a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' class="dropdown-submenu mega" data-id="327" data-level="2"> <a itemprop='url' class="" href="/core-businesses/power-and-machinery" data-target="#"><img class="" src="/images/megamenu-1-new.jpg" alt="Power and Machinery" /><span class="image-title">Power and Machinery</span> </a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2"> <li itemprop='name' data-id="329" data-level="3"> <a itemprop='url' class="" href="/core-businesses/power-and-machinery/oil-and-gas-equipment-solutions" data-target="#">Oil and Gas Equipment and Solutions </a> </li> <li itemprop='name' data-id="331" data-level="3"> <a itemprop='url' class="" href="/core-businesses/power-and-machinery/industrial-power-generation" data-target="#">Industrial Power Generation </a> </li> <li itemprop='name' data-id="333" data-level="3"> <a itemprop='url' class="" href="/core-businesses/power-and-machinery/turbomachinery-services" data-target="#">Turbomachinery Services </a> </li> <li itemprop='name' data-id="335" data-level="3"> <a itemprop='url' class="" href="/core-businesses/power-and-machinery/valves-flow-regulators-services" data-target="#">Valves and Flow Regulators Services </a> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' class="dropdown-submenu mega" data-id="341" data-level="2"> <a itemprop='url' class="" href="/core-businesses/oilfield-services" data-target="#"><img class="" src="/images/megamenu-2-new.jpg" alt="Oilfield Integrated Services" /><span class="image-title">Oilfield Integrated Services</span> </a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2"> <li itemprop='name' data-id="349" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-integrated-services/slickline-and-well-services" data-target="#">Slickline And Well Services </a> </li> <li itemprop='name' data-id="351" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-services/asset-integrated-solutions" data-target="#">Asset Integrated Solutions </a> </li> <li itemprop='name' data-id="353" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-services/specialty-chemical-well-stimulation" data-target="#">Specialty Chemical & Well Stimulation </a> </li> <li itemprop='name' data-id="445" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-services/maintenance-construction-modification-mcm" data-target="#">Maintenance, Construction & Modification (MCM) </a> </li> <li itemprop='name' data-id="448" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-services/surface-preparation-coating-services" data-target="#">Surface Preparation & Coating Services </a> </li> <li itemprop='name' data-id="451" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-services/passive-fire-protection" data-target="#">Passive Fire Protection </a> </li> <li itemprop='name' data-id="452" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-services/heat-induction-paint-and-coatings-removal" data-target="#">Heat Induction Paint and Coatings Removal </a> </li> <li itemprop='name' data-id="361" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-integrated-services/other-services" data-target="#">Other Services </a> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' class="dropdown-submenu mega" data-id="325" data-level="2"> <a itemprop='url' class="" href="/core-businesses/associates" data-target="#"><img class="" src="/images/megamenu-4-new.jpg" alt="Associates" /><span class="image-title">Associates</span> </a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2"> <li itemprop='name' data-id="364" data-level="3"> <a itemprop='url' class="" href="/core-businesses/associates/dry-and-liquid-bulking-services" data-target="#">Dry And Liquid Bulking Services </a> </li> </ul> </div></div> </div> </div></div> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' class="dropdown mega" data-id="431" data-level="1"> <a itemprop='url' class=" dropdown-toggle" href="/sustainability" data-target="#" data-toggle="dropdown">Sustainability <em class="caret"></em></a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' data-id="443" data-level="2"> <a itemprop='url' class="" href="/sustainability/overview" data-target="#">Overview </a> </li> <li itemprop='name' data-id="432" data-level="2"> <a itemprop='url' class="" href="/sustainability/catalysing-prosperity" data-target="#">Catalysing Prosperity </a> </li> <li itemprop='name' data-id="433" data-level="2"> <a itemprop='url' class="" href="/sustainability/protecting-preserving-the-environment" data-target="#">Protecting & Preserving the Environment </a> </li> <li itemprop='name' data-id="434" data-level="2"> <a itemprop='url' class="" href="/sustainability/helping-people" data-target="#">Helping People </a> </li> <li itemprop='name' data-id="435" data-level="2"> <a itemprop='url' class="" href="/sustainability/embracing-good-governance" data-target="#">Embracing Good Governance </a> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' data-id="286" data-level="1"> <a itemprop='url' class="" href="/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=1&Itemid=286&lang=en" data-target="#">Media </a> </li> <li itemprop='name' data-id="288" data-level="1"> <a itemprop='url' class="" href="/investor-relations" data-target="#">Investor Relations </a> </li> <li itemprop='name' data-id="289" data-level="1"> <a itemprop='url' class="" href="/careers" data-target="#">Careers </a> </li> <li itemprop='name' data-id="296" data-level="1"> <a itemprop='url' class="hiddenMenu" href="/privacy-policy" data-target="#">Privacy Policy </a> </li> <li itemprop='name' data-id="297" data-level="1"> <a itemprop='url' class="hiddenMenu" href="/legal-notice" data-target="#">Legal Notice </a> </li> <li itemprop='name' data-id="363" data-level="1"> <a itemprop='url' class="d-none" href="/annual-reports" data-target="#">Annual Reports </a> </li> </ul> </div> </div> <div class="sticky-right-content top-bar">  <div class="head-search "> <form id="mod-finder-searchform130" action="/search" method="get" class="form-search form-inline"> <div class="finder"> <label for="mod-finder-searchword130" class="element-invisible finder">Search</label><input type="text" name="q" id="mod-finder-searchword130" class="search-query input-medium" size="25" value="" placeholder="Search ..."/><button class="btn btn-primary hasTooltip finder" type="submit" title="Go"><span class="icon-search icon-white"></span>Search</button> <input type="hidden" name="Itemid" value="101" /> </div> </form> </div>  <div class="login"> <a href="/login.html"> <svg xmlns="http://www.w3.org/2000/svg" width="13.98" height="15.977" viewBox="0 0 13.98 15.977"> <defs> <style> .cls-1{fill:#fff} </style> </defs> <path id="user" d="M9.786 9.486c-.9 0-1.326.5-2.8.5s-1.9-.5-2.8-.5A4.2 4.2 0 0 0 0 13.68v.8a1.5 1.5 0 0 0 1.5 1.5h10.982a1.5 1.5 0 0 0 1.5-1.5v-.8a4.2 4.2 0 0 0-4.196-4.194zm2.7 4.993H1.5v-.8a2.7 2.7 0 0 1 2.7-2.7 12.218 12.218 0 0 0 2.8.5 12.1 12.1 0 0 0 2.8-.5 2.7 2.7 0 0 1 2.7 2.7zM6.99 8.987A4.494 4.494 0 1 0 2.5 4.494a4.495 4.495 0 0 0 4.49 4.493zm0-7.489a3 3 0 1 1-3 3 3 3 0 0 1 3-2.998z" class="cls-1"/> </svg> Login </a> </div> </div> </div> </nav>  </header>  <div class="listing-banner"></div> <script type="text/javascript"> (function($) { $( document ).ready(function() { $(".banner-relative").prependTo(".listing-banner"); $(".breadcrumb").appendTo(".banner-detail"); }); })(jQuery); </script> <div id="t3-mainbody" class="t3-mainbody"> <div class="row">  <div id="t3-content" class="t3-content col-xs-12"> <div id="system-message-container"> </div> <div class="qx quix"> <div class="qx-inner compatible frontend qx-type-page qx-item-3"> <div id='qx-section-372' class='qx-section pop-up' > <div class="qx-container-fluid"> <div class="qx-rows"> <div id='qx-row-215' class='qx-row-wrap' > <div class='qx-row' > <div id="qx-column-466" class="qx-column" > <div class="qx-col-wrap"> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-joomla-module-4165" class="qx-element qx-element-joomla-mod-v2" > </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id='qx-section-6858' class='qx-section home-slider' > <div class="qx-container-fluid"> <div class="qx-rows"> <div id='qx-row-4059' class='qx-row-wrap' > <div class='qx-row' > <div id="qx-column-4660" class="qx-column" > <div class="qx-col-wrap"> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-slider-pro-7161" class="qx-element qx-slider-pro-v2" > <div class="qx-position-relative qx-visible-toggle qx-light slider-height-custom" qx-slideshow="animation: slide;autoplay: 1;autoplayInterval: 5000;pauseOnHover: 1;finite: false;" id="slider-qx-slider-pro-7161"> <ul class="qx-slideshow-items custom-height"> <li class="qx-col-md-12 slider-pro-item" id="qx-slider-pro-7161-0"> <img src='https://www.deleum.com/images/Financial.png' alt='19TH ANNUAL GENERAL MEETING' class='' data-qx-img/> <div class="qx-position-center qx-text-center qx-light slider-content-wrapper"> <div class="qx-transition-wrapper slide-content "> <h2>19TH ANNUAL GENERAL MEETING</h2> <p><span style="text-align: justify;">DELEUM BERHAD</span></p> <a class='qx-btn qx-slider-btn qx-flex qx-flex-middle qx-flex-inline' href=https://deleum.com/agm2024 >READ MORE <i class="fas fa-chevron-circle-right"></i></a> </div> </div> </li> <li class="qx-col-md-12 slider-pro-item" id="qx-slider-pro-7161-1"> <img src='https://www.deleum.com/images/banners/Internal test/bannernew/invvestor.jpg' alt='INVESTOR RELATIONS' class='' data-qx-img/> <div class="qx-position-center qx-text-center qx-light slider-content-wrapper"> <div class="qx-transition-wrapper slide-content "> <h2>INVESTOR RELATIONS</h2> <p>Keep up to date with Deleum's corporate and financial information including stock details, annual reports, and more.</p> <a class='qx-btn qx-slider-btn qx-flex qx-flex-middle qx-flex-inline' href=investor-relations >READ MORE <i class="fas fa-chevron-circle-right"></i></a> </div> </div> </li> <li class="qx-col-md-12 slider-pro-item" id="qx-slider-pro-7161-2"> <img src='https://www.deleum.com/images/banners/Internal test/bannernew/Media.jpg' alt='MEDIA CENTRE' class='' data-qx-img/> <div class="qx-position-center qx-text-center qx-light slider-content-wrapper"> <div class="qx-transition-wrapper slide-content "> <h2>MEDIA CENTRE</h2> <p>Catch up on the latest news and announcements.</p> <a class='qx-btn qx-slider-btn qx-flex qx-flex-middle qx-flex-inline' href=index.php?option=com_k2&view=itemlist&layout=category&task=category&id=1&Itemid=286&lang=en >READ MORE <i class="fas fa-chevron-circle-right"></i></a> </div> </div> </li> <li class="qx-col-md-12 slider-pro-item" id="qx-slider-pro-7161-3"> <img src='https://www.deleum.com/images/banners/Internal test/bannernew/services.jpg' alt='INTEGRATED SOLUTIONS PROVIDER' class='' data-qx-img/> <div class="qx-position-center qx-text-center qx-light slider-content-wrapper"> <div class="qx-transition-wrapper slide-content "> <h2>INTEGRATED SOLUTIONS PROVIDER</h2> <p>Synergising our diverse range of products and services is the driving force to enhance our capabilities across our business segments in the oil and gas sector value chain.</p> <a class='qx-btn qx-slider-btn qx-flex qx-flex-middle qx-flex-inline' href=core-businesses >READ MORE <i class="fas fa-chevron-circle-right"></i></a> </div> </div> </li> </ul> <div class="qx-slidenav-container qx-visible@s"> <a class="qx-position-center-left qx-slidenav-previous qx-position-small qx-hidden-hover" href="#" qx-slidenav-previous qx-slideshow-item="previous"></a> <a class="qx-position-center-right qx-slidenav-next qx-position-small qx-hidden-hover" href="#" qx-slidenav-next qx-slideshow-item="next"></a> </div> <div class="qx-position-bottom-center qx-position-medium"> <ul class="qx-dotnav"> <li qx-slideshow-item="0"> <a href="#">{title}</a> </li> <li qx-slideshow-item="1"> <a href="#">{title}</a> </li> <li qx-slideshow-item="2"> <a href="#">{title}</a> </li> <li qx-slideshow-item="3"> <a href="#">{title}</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id='qx-section-99' class='qx-section home-cat' > <div class="qx-container"> <div class="qx-rows"> <div id='qx-row-8529' class='qx-row-wrap' > <div class='qx-row home-service' > <div id="qx-column-7830" class="qx-column" > <div class="qx-col-wrap"> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-text-5442" class="qx-element qx-element-text-v2" > <div class="relative"> <img src="/images/home-cat-1-new.jpg" alt=""> <div class="cat-title"> <h5>POWER AND MACHINERY</h5> </div> <div class="hoverDetails"> <h3>Power & Machinery</h3> <p>Deleum鈥檚 Power and Machinery segment focuses on the provision of a complete life cycle support of gas turbine generators and compressor packages...</p> <p><a href="/core-businesses/power-and-machinery">Read More <i class="fas fa-chevron-circle-right"></i></a></p> <p><strong>Companies</strong></p> <p>Deleum Services Sdn. Bhd. <br> Turboservices Sdn. Bhd. <br> Penaga Dresser Sdn. Bhd. <br> Deleum Rotary Services Sdn. Bhd. <br> </p> </div> </div> </div> </div> </div> </div> </div> <div id="qx-column-9132" class="qx-column" > <div class="qx-col-wrap"> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-text-9581" class="qx-element qx-element-text-v2" > <div class="relative"> <img src="/images/home-cat-2-new.jpg" alt=""> <div class="cat-title"> <h5>OILFIELD INTEGRATED SERVICES</h5> </div> <div class="hoverDetails"> <h3>Oilfield Integrated Services</h3> <p>The Oilfield Integrated Services segment which is helmed by Deleum Oilfield Services Sdn Bhd (DOSSB), Deleum Chemicals Sdn Bhd (DCSB), and Deleum Technology Solutions Sdn Bhd (DTSSB) focuses primarily...</p> <p><a href="/core-businesses/oilfield-services">Read More <i class="fas fa-chevron-circle-right"></i></a></p> <p><strong>Companies</strong></p> <p>Deleum Oilfield Services Sdn. Bhd. <br> Deleum Chemicals Sdn. Bhd. <br> Deleum Technology Solutions Sdn. Bhd. </p> </div> </div> </div> </div> </div> </div> </div> <div id="qx-column-4734" class="qx-column qx-d-lg-none qx-d-md-none qx-d-sm-none qx-d-xs-none qx-d-none" > <div class="qx-col-wrap"> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-text-97101" class="qx-element qx-element-text-v2" > <div class="relative"> <img src="/images/home-cat-3-new.jpg" alt=""> <div class="cat-title"> <h5>INTEGRATED CORROSION SOLUTION</h5> </div> <div class="hoverDetails"> <h3>Integrated Corrosion Solution</h3> <p>The Integrated Corrosion Solution (ICS) segment is involved in the provision of integrated corrosion inspection and mitigation...</p> <p><a href="/core-businesses/integrated-corrosion-solution">Read More <i class="fas fa-chevron-circle-right"></i></a></p> <p><strong>Companies</strong></p> <p>Deleum Primera Sdn. Bhd.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id='qx-section-90213' class='qx-section home-about' > <div class="qx-container"> <div class="qx-rows"> <div id='qx-row-69248' class='qx-row-wrap' > <div class='qx-row' > <div id="qx-column-28249" class="qx-column" > <div class="qx-col-wrap"> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-heading-57253" class="qx-element qx-element-heading-v2" > <h2> <span> ABOUT DELEUM </span> </h2> </div> </div> <div class="qx-element-wrap"> <div id="qx-text-23311" class="qx-element qx-element-text-v2" > Deleum Berhad is an investment holding company and through its subsidiaries, provides a diverse range of supporting specialised products and services to the oil and gas industry, particularly in the exploration and production sector. </div> </div> <div class="qx-element-wrap"> <div id="qx-button-63331" class="qx-element qx-element-button-v2" > <a class='qx-btn qx-btn-link' href=/corporate-profile/about-deleum ><div class="qx-element-button-wrapper qx-justify-content-center"> <span>READ MORE <i class="fas fa-chevron-circle-right"></i></span></div></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id='qx-section-935' class='qx-section home-media' > <div class="qx-container"> <div class="qx-rows"> <div id='qx-row-1538' class='qx-row-wrap' > <div class='qx-row' > <div id="qx-column-3639" class="qx-column" > <div class="qx-col-wrap"> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-text-9760" class="qx-element qx-element-text-v2" > <div class="media-title"> <h2>MEDIA CENTRE</h2> <a href="/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=1&Itemid=286&lang=en">View All <i class="fas fa-chevron-circle-right"></i></a> </div> </div> </div> <div class="qx-element-wrap"> <div id="qx-joomla-module-8960" class="qx-element qx-element-joomla-mod-v2" > <div id="k2ModuleBox131" class="k2ItemsBlock"> <div class="row"> <div class="col-sm-4 col-md-4"> <span class="moduleItemDateCreated">28/02/2025</span>   <p><a class="moduleItemTitle" target="_blank" href="/index.php?option=com_k2&view=item&id=741&Itemid=286"> Deleum delivers highest net profit for FY2024 since inception </a></p>    <a class="moduleItemReadMore" target="_blank" href="/index.php?option=com_k2&view=item&id=741&Itemid=286"> Read More <i class="fas fa-chevron-circle-right"></i> </a>  </div> <div class="col-sm-4 col-md-4"> <span class="moduleItemDateCreated">05/12/2024</span>   <p><a class="moduleItemTitle" target="_blank" href="/index.php?option=com_k2&view=item&id=739&Itemid=286"> Deleum acquires Indonesia-based PT OSA to capture rising Valve Solutions demand in South East Asia </a></p>    <a class="moduleItemReadMore" target="_blank" href="/index.php?option=com_k2&view=item&id=739&Itemid=286"> Read More <i class="fas fa-chevron-circle-right"></i> </a>  </div> <div class="col-sm-4 col-md-4"> <span class="moduleItemDateCreated">25/11/2024</span>   <p><a class="moduleItemTitle" target="_blank" href="/index.php?option=com_k2&view=item&id=737&Itemid=286"> Deleum 3Q24 profit before tax increases 91.7% to RM48.6 million </a></p>    <a class="moduleItemReadMore" target="_blank" href="/index.php?option=com_k2&view=item&id=737&Itemid=286"> Read More <i class="fas fa-chevron-circle-right"></i> </a>  </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id='qx-section-55112' class='qx-section' > <div class="qx-container"> <div class="qx-rows"> <div id='qx-row-2131' class='qx-row-wrap' > <div class='qx-row' > <div id="qx-column-22132" class="qx-column" > <div class="qx-col-wrap"> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-text-9671" class="qx-element qx-element-text-v2" > <div class="media-title"> <h2>STOCK INFORMATION</h2> <a href="/investor-relations">View All <i class="fas fa-chevron-circle-right"></i></a> </div> </div> </div> <div class="qx-element-wrap"> <div id="qx-text-2557" class="qx-element qx-element-text-v2" > <iframe src="https://insage.com.my/IR/deleum/mini_stockchart.aspx" frameborder="0" scrolling="no" width="100%" height="270"></iframe> </div> </div> </div> </div> </div> <div id="qx-column-90134" class="qx-column" > <div class="qx-col-wrap"> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-text-3491" class="qx-element qx-element-text-v2" > <div class="media-title"> <h2>ANNUAL REPORT</h2> <a href="/annual-reports">View All <i class="fas fa-chevron-circle-right"></i></a> </div> </div> </div> <div class="qx-element-wrap"> <div id="qx-joomla-module-8657" class="qx-element qx-element-joomla-mod-v2" > <div id="k2ModuleBox133" class="k2ItemsBlock"> <div class="annualReport"> <ul class="reportPDF"> <li> <a target="_blank" href="/images\annualReport/AGM2024/Deleum AR2023.pdf" alt="Report PDF" "> <img src="/media/k2/items/cache/6eb4b1a8ed68214ae7a4c86692674e4d_S.jpg?t=1713943136" alt="2024" /> </a> </li> <li> <a target="_blank" href="/images\annualReport/AGM2023/Deleum%20Berhad%20AR2022.pdf" alt="Report PDF" "> <img src="/media/k2/items/cache/9fc5e2a09509b5613281f31393bb0737_S.jpg?t=1681955733" alt="2023" /> </a> </li> <li> <a target="_blank" href="/images\annualReport\reportPDF\Deleum_AR2021.pdf" alt="Report PDF" "> <img src="/media/k2/items/cache/1c50d52dbe9254e500a5390a4a3fecb7_S.jpg?t=1650246507" alt="2021" /> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id='qx-row-71218' class='qx-row-wrap' > <div class='qx-row' > <div id="qx-column-75219" class="qx-column" > <div class="qx-col-wrap"> <div class="qx-elements-wrap"> </div> </div> </div> </div> </div> </div> </div> </div> <div id='qx-section-8278' class='qx-section' > <div class="qx-container"> <div class="qx-rows"> </div> </div> </div> </div> </div> </div>  </div> </div>  <footer id="t3-footer" class="wrap t3-footer">  <div class="container">  <div class="t3-spotlight t3-footnav row"> <div class=" col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="t3-module module " id="Mod134"><div class="module-inner"><div class="module-ct"> <div class="custom" > <div class="row"> <div class="col-md-5 col-sm-12"><img alt="" src="/images/logo.png" /> <p>No. 2, Jalan Bangsar Utama 9<br /> Bangsar Utama<br /> 59000 Kuala Lumpur</p> </div> <div class="col-md-7 col-sm-12"> <div class="row"> <div class="col-md-4 col-sm-12"> <h4>CORE BUSINESS</h4> <ul> <li><a href="/core-businesses/power-and-machinery">Power and Machinery</a></li> <li><a href="/core-businesses/oilfield-services">Oilfield Integrated Services</a></li> <li><a href="/core-businesses/associates">Associates</a></li> </ul> </div> <div class="col-md-4 col-sm-12"> <h4>CORPORATE PROFILE</h4> <ul> <li><a href="/corporate-profile/about-deleum">About Deleum</a></li> <li><a href="https://deleum.com/corporate-profile/corporate-information/milestones">Milestones</a></li> <li><a href="/corporate-profile/corporate-information">Corporate Information</a></li> <li><a href="/corporate-profile/qhse">QHSE</a></li> <li><a href="/corporate-profile/governance">Governance</a></li> <li><a href="/corporate-profile/corporate-information/corporate-directory">Corporate Directory</a></li> </ul> </div> <div class="col-md-4 col-sm-12"> <h4>QUICK LINKS</h4> <ul> <li><a href="/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=1&Itemid=286&lang=en" title="">Media</a></li> <li><a href="/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=3&Itemid=287&lang=en" title="">Event</a></li> <li><a href="/careers">Career</a></li> <li><a href="/investor-relations">Investor Relations</a></li> </ul> </div> </div> </div> </div> </div> </div></div></div> </div> </div>  </div>  <section class="t3-copyright"> <div class="container"> <div class="row"> <div class="col-md-12 copyright "> <div class="custom" > <div class="copy-left"> <p>Copyright 漏 2024 DELEUM Berhad 200501033500 (715640-T). All Rights Reserved</p> </div> <div class="copy-right"> <p><a href="/index.php?option=com_quix&view=page&id=22&Itemid=324">Contact Us</a><span>/</span> <a href="/legal-notice" title="">Legal Notice</a><span>/</span> <a href="/home?id=5&view=page" title="">Privacy Notice</a></p> </div> </div> </div> </div> </div> </section> </footer>  <link rel="stylesheet" type="text/css" href="/templates/t3_bs3_blank/css/slick-theme.css"/> <link rel="stylesheet" type="text/css" href="/templates/t3_bs3_blank/css/slick.css"/> <script type="text/javascript" src="/templates/t3_bs3_blank/js/slick.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script> <script> (function($) { $(document).ready(function() { if ($(window).width() <= 991) { $('.t3-off-canvas .dropdown-menu').hide(); $(".t3-off-canvas .t3-off-canvas-body .dropdown > a").after("<i class='fas fa-caret-down'></i>"); $( ".t3-off-canvas .t3-off-canvas-body .dropdown > a > em" ).remove(); $(".t3-off-canvas .t3-off-canvas-body .dropdown > a").removeAttr("data-toggle"); $( ".t3-off-canvas .t3-off-canvas-body .dropdown > i" ).on( "click", function() { $(this).siblings('.dropdown-menu').slideToggle(); $('.t3-off-canvas .dropdown-submenu > .dropdown-menu').hide(); }); $(".dropdown-submenu > a").after('<i class="fas fa-caret-down"></i>'); $( ".dropdown-submenu > i" ).on( "click", function() { //$(this).closest('a').attr('data-toggle','dropdown'); //$(this).closest('a').siblings('.dropdown-menu').slideToggle(); $(this).siblings('.dropdown-menu').slideToggle(); }); } $( "#smartsearch-btn" ).removeClass( "disabled" ); $(".com_finder .t3-mainbody").addClass('container'); // Masonry functionality function initializeMasonry() { var $grid = $('.masonry-grid.paint'); if ($(window).width() >= 768) { // Adjust 768px as needed for your tablet breakpoint // Initialize Masonry only for tablet and desktop $grid.masonry({ itemSelector: '.grid-item', columnWidth: '.grid-item', percentPosition: true, gutter: 0 // Adjust this value to set spacing between items }); // Layout Masonry after each image loads $grid.imagesLoaded().progress(function() { $grid.masonry('layout'); }); } else { // Destroy Masonry if initialized previously (on mobile) if ($grid.data('masonry')) { $grid.masonry('destroy'); } } } // Initialize Masonry on page load initializeMasonry(); // Re-initialize Masonry on window resize $(window).resize(function() { initializeMasonry(); }); }); $(window).scroll(function () { if($(window).scrollTop() > 140) { $(".t3-header").addClass('sticky-menu'); } else { $(".t3-header").removeClass('sticky-menu'); } if ($(window).width() <= 991) { if($(window).scrollTop() > 80) { $(".t3-header").addClass('sticky-menu'); } else { $(".t3-header").removeClass('sticky-menu'); } } }); })(jQuery); </script> </div> <script> jQuery(document).ready(function() { jQuery('.pop-up a').click(); }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.js"></script> <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@0.7.0"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-doughnutlabel/2.0.3/chartjs-plugin-doughnutlabel.js"></script> <script type="text/javascript"> var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx, { type: 'doughnut', data: { labels: ['OTHERS', 'BUMIPUTERA SABAH & SARAWAK', 'CHINESE', 'INDIAN', 'MALAY'], datasets: [{ label: '# of Votes', data: [ 0.7, 19.3, 8.5, 4.7, 66.8 ], backgroundColor: [ '#f4623d', '#e42314', '#f17e01', '#fdb87e', '#791f00' ], borderColor: [ '#f4623d', '#e42314', '#f17e01', '#fdb87e', '#791f00' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + '%'; } } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var ctx2 = document.getElementById("myChart2"); var myChart2 = new Chart(ctx2, { type: 'doughnut', data: { labels: ['OTHERS', 'BUMIPUTERA SABAH & SARAWAK', 'CHINESE', 'INDIAN', 'MALAY'], datasets: [{ label: '# of Votes', data: [ 0.5, 26.8, 9.6, 4.7, 58.4 ], backgroundColor: [ '#f4623d', '#e42314', '#f17e01', '#fdb87e', '#791f00' ], borderColor: [ '#f4623d', '#e42314', '#f17e01', '#fdb87e', '#791f00' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + '%'; } } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var ctx3 = document.getElementById("myChart3"); var myChart3 = new Chart(ctx3, { type: 'doughnut', data: { labels: ['OTHERS', 'BUDDHIST', 'CHRISTIAN', 'HINDU', 'ISLAM'], datasets: [{ label: '# of Votes', data: [ 0.5, 5.9, 18.1, 4.0, 71.4 ], backgroundColor: [ '#da291c', '#2ea837', '#212e7c', '#8080b5', '#096eb8' ], borderColor: [ '#da291c', '#2ea837', '#212e7c', '#8080b5', '#096eb8' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + '%'; } } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var ctx4 = document.getElementById("myChart4"); var myChart4 = new Chart(ctx4, { type: 'doughnut', data: { labels: ['OTHERS', 'BUDDHIST', 'CHRISTIAN', 'HINDU', 'ISLAM'], datasets: [{ label: '# of Votes', data: [ 0.8, 6.2, 18.6, 3.80, 70.7 ], backgroundColor: [ '#da291c', '#2ea837', '#212e7c', '#8080b5', '#096eb8' ], borderColor: [ '#da291c', '#2ea837', '#212e7c', '#8080b5', '#096eb8' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + '%'; } } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var barOptions_stacked = { tooltips: { enabled: false }, hover :{ animationDuration:0 }, scales: { xAxes: [{ ticks: { beginAtZero:true, fontFamily: "'Open Sans Bold', sans-serif", fontSize:12 }, scaleLabel:{ display:false }, gridLines: { }, stacked: true }], yAxes: [{ scaleLabel: { display: true, labelString: 'YEAR', fontSize:16 }, gridLines: { color: "#fff", zeroLineColor: "#fff", zeroLineWidth: 0 }, ticks: { fontFamily: "'Open Sans Bold', sans-serif", fontSize:16 }, stacked: true }] }, legend:{ display:false }, // animation: { // onComplete: function () { // var chartInstance = this.chart; // var ctx = chartInstance.ctx; // ctx.textAlign = "left"; // ctx.font = "14px Open Sans"; // ctx.fillStyle = "#fff"; // // Chart.helpers.each(this.data.datasets.forEach(function (dataset, i) { // var meta = chartInstance.controller.getDatasetMeta(i); // Chart.helpers.each(meta.data.forEach(function (bar, index) { // data = dataset.data[index]; // if(i==0){ // ctx.fillText(data, 200, bar._model.y+4); // } else { // ctx.fillText(data, bar._model.x-80, bar._model.y+4); // } // }),this) // }),this); // } // }, pointLabelFontFamily : "Quadon Extra Bold", scaleFontFamily : "Quadon Extra Bold", }; var ctx = document.getElementById("Chart1"); var myChart = new Chart(ctx, { type: 'horizontalBar', data: { labels: ["2020", "2021"], datasets: [{ data: [448, 548], backgroundColor: "#096eb8" },{ data: [186, 197], backgroundColor: "#da291c" }] }, options: barOptions_stacked, }); </script> <script type="text/javascript"> var barOptions_stacked = { tooltips: { enabled: false }, hover :{ animationDuration:0 }, scales: { xAxes: [{ ticks: { beginAtZero:true, fontFamily: "'Open Sans Bold', sans-serif", fontSize:12 }, scaleLabel:{ display:false }, gridLines: { }, stacked: true }], yAxes: [{ scaleLabel: { display: true, labelString: 'YEAR', fontSize:16 }, gridLines: { color: "#fff", zeroLineColor: "#fff", zeroLineWidth: 0 }, ticks: { fontFamily: "'Open Sans Bold', sans-serif", fontSize:16 }, stacked: true }] }, legend:{ display:false }, // animation: { // onComplete: function () { // var chartInstance = this.chart; // var ctx = chartInstance.ctx; // ctx.textAlign = "left"; // ctx.font = "14px Open Sans"; // ctx.fillStyle = "#fff"; // // Chart.helpers.each(this.data.datasets.forEach(function (dataset, i) { // var meta = chartInstance.controller.getDatasetMeta(i); // Chart.helpers.each(meta.data.forEach(function (bar, index) { // data = dataset.data[index]; // if(i==0){ // ctx.fillText(data, 100, bar._model.y+4); // } else { // ctx.fillText(data, bar._model.x-30, bar._model.y+4); // } // }),this) // }),this); // } // }, pointLabelFontFamily : "Quadon Extra Bold", scaleFontFamily : "Quadon Extra Bold", }; var ctx111 = document.getElementById("Chart111"); var myChart = new Chart(ctx111, { type: 'horizontalBar', data: { labels: ["2020", "2021"], datasets: [{ data: [112, 201], backgroundColor: "#791f00" },{ data: [450, 485], backgroundColor: "#f17e01" }, { data: [72, 59], backgroundColor: "#e42314" }] }, options: barOptions_stacked, }); </script> <script type="text/javascript"> var ctx7 = document.getElementById("myChart7"); var myChart7 = new Chart(ctx7, { type: 'doughnut', data: { labels: ['MANDATORY', 'NON-MANDATORY'], datasets: [{ label: '# of Votes', data: [ 9017, 3254 ], backgroundColor: [ '#791f00', '#e42314' ], borderColor: [ '#791f00', '#e42314' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + ' hours'; } } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var ctx8 = document.getElementById("myChart8"); var myChart8 = new Chart(ctx8, { type: 'doughnut', data: { labels: ['MANDATORY', 'NON-MANDATORY'], datasets: [{ label: '# of Votes', data: [ 8722, 664 ], backgroundColor: [ '#fac900', '#f17e01' ], borderColor: [ '#fac900', '#f17e01' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + ' hours'; } } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var ctx9 = document.getElementById("myChart9"); var myChart9 = new Chart(ctx9, { type: 'doughnut', data: { labels: ['MANDATORY', 'NON-MANDATORY'], datasets: [{ label: '# of Votes', data: [ 12.4, 4.5 ], backgroundColor: [ '#791f00', '#e42314' ], borderColor: [ '#791f00', '#e42314' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + ' hours'; } } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var ctx10 = document.getElementById("myChart10"); var myChart10 = new Chart(ctx10, { type: 'doughnut', data: { labels: ['MANDATORY', 'NON-MANDATORY'], datasets: [{ label: '# of Votes', data: [ 13.8, 1.0 ], backgroundColor: [ '#fac900', '#f17e01' ], borderColor: [ '#fac900', '#f17e01' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + ' Hours'; } }, // doughnutlabel: { // labels: [{ // text: 'TOTAL TRAINING HOURS', // font: { // size: 12, // weight: 'bold' // } // }, { // text: '14.8 Hours', // font: { // size: 13 // } // }] // } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var ctx11 = document.getElementById("myChart11"); var myChart11 = new Chart(ctx11, { type: 'bar', data: { labels: ['2020', '2021'], datasets: [{ label: 'Training Days Per Employee', data: [ 2.4 , 2.5 ], backgroundColor: [ '#791f00', '#fac900' ], borderColor: [ '#791f00', '#fac900' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + ' days'; } } }, legend: {display: false}, scales: { yAxes: [{ display: false, gridLines : { display : false }, ticks: { beginAtZero: true } }], xAxes: [{ // Change here barPercentage: 0.2 }] } } }) </script> </body> </html>

CINXE.COM

Deleum Berhad - Oil & Gas Integrated Solutions Provider