1<!DOCTYPE html> 2<html lang="en-US" class="no-js" itemscope itemtype="https://schema.org/WebPage"> 3<link rel="stylesheet" href="https://use.typekit.net/mnh1nfx.css"> 4<head> 5<meta property="og:image" content="https://ranhill.com.my/wp-content/uploads/2022/04/Media_Logo-template.jpg" /> 6<meta charset="UTF-8" /> 7<link rel="alternate" hreflang="en-US" href="https://ranhill.com.my/contact-us/"/> 8<!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 8-9
8 9 <script async src="https://www.googletagmanager.com/gtag/js?id=
9G-5644QPNS03
vendor: 13 bytes, line 9
9"></script>
10<script>
vendor: 133 bytes, line 10
10window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
10G-5644QPNS03
vendor: 4 bytes, line 10
10');
10</script>
10<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 11<meta name="format-detection" content="telephone=no"> 12<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 13<link rel="shortcut icon" href="https://ranhill.com.my/wp-content/uploads/2022/08/ranhill-logo-small.png" type="image/x-icon" /> 14<link rel="apple-touch-icon" href="https://ranhill.com.my/wp-content/uploads/2022/08/ranhill-logo-small.png" /> 15 16 <!-- This site is optimized with the Yoast SEO plugin v26.4 - https://yoast.com/wordpress/plugins/seo/ --> 17 <title>Contact Us | Sustainable Solutions | Ranhill</title> 18 <meta name="description" content="Find out how you can contact us here. Ranhill Utilities Berhad. Tel: 07 225 5300. Fax: 07 225 5310. Email: [email protected]" /> 19 <link rel="canonical" href="https://ranhill.com.my/contact-us/" /> 20 <meta property="og:locale" content="en_US" /> 21 <meta property="og:type" content="article" /> 22 <meta property="og:title" content="Contact Us | Sustainable Solutions | Ranhill" /> 23 <meta property="og:description" content="Find out how you can contact us here. Ranhill Utilities Berhad. Tel: 07 225 5300. Fax: 07 225 5310. Email: [email protected]" /> 24 <meta property="og:url" content="https://ranhill.com.my/contact-us/" /> 25 <meta property="og:site_name" content="Ranhill" /> 26 <meta property="article:modified_time" content="2024-05-03T00:18:42+00:00" /> 27 <meta name="twitter:card" content="summary_large_image" /> 28
28<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://ranhill.com.my/contact-us/","url":"https://ranhill.com.my/contact-us/","name":"Contact Us | Sustainable Solutions | Ranhill","isPartOf":{"@id":"https://ranhill.com.my/#website"},"datePublished":"2022-07-19T02:51:51+00:00","dateModified":"2024-05-03T00:18:42+00:00","description":"Find out how you can contact us here. Ranhill Utilities Berhad. Tel: 07 225 5300. Fax: 07 225 5310. Email: [email protected]","breadcrumb":{"@id":"https://ranhill.com.my/contact-us/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://ranhill.com.my/contact-us/"]}]},{"@type":"BreadcrumbList","@id":"https://ranhill.com.my/contact-us/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://ranhill.com.my/"},{"@type":"ListItem","position":2,"name":"Contact Us"}]},{"@type":"WebSite","@id":"https://ranhill.com.my/#website","url":"https://ranhill.com.my/","name":"Ranhill","description":"","publisher":{"@id":"https://ranhill.com.my/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://ranhill.com.my/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://ranhill.com.my/#organization","name":"Ranhill","url":"https://ranhill.com.my/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://ranhill.com.my/#/schema/logo/image/","url":"https://ranhill.com.my/wp-content/uploads/2022/04/Media_Logo-template.jpg","contentUrl":"https://ranhill.com.my/wp-content/uploads/2022/04/Media_Logo-template.jpg","width":1364,"height":653,"caption":"Ranhill"},"image":{"@id":"https://ranhill.com.my/#/schema/logo/image/"}}]}</script>
28 29 <!-- / Yoast SEO plugin. --> 30 31 32<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 33<link rel="alternate" type="application/rss+xml" title="Ranhill » Feed" href="https://ranhill.com.my/feed/" /> 34<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://ranhill.com.my/wp-json/oembed/1.0/embed?url=https%3A%2F%2Franhill.com.my%2Fcontact-us%2F" /> 35<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://ranhill.com.my/wp-json/oembed/1.0/embed?url=https%3A%2F%2Franhill.com.my%2Fcontact-us%2F&format=xml" /> 36<style id="wp-img-auto-sizes-contain-inline-css"> 37img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 38/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 39</style> 40<link rel='stylesheet' id='la-icon-maneger-style-css' href='https://ranhill.com.my/wp-content/uploads/la_icon_sets/style.min.css?ver=7.1.2' media='all' /> 41<style id="wp-emoji-styles-inline-css"> 42 43 img.wp-smiley, img.emoji { 44 display: inline !important; 45 border: none !important; 46 box-shadow: none !important; 47 height: 1em !important; 48 width: 1em !important; 49 margin: 0 0.07em !important; 50 vertical-align: -0.1em !important; 51 background: none !important; 52 padding: 0 !important; 53 } 54/*# sourceURL=wp-emoji-styles-inline-css */ 55</style> 56 57 58<link rel='stylesheet' id='sf_styles-css' href='https://ranhill.com.my/wp-content/plugins/superfly-menu/css/public.min.css?ver=7.1.2' media='all' /> 59<link rel='stylesheet' id='mfn-be-css' href='https://ranhill.com.my/wp-content/themes/betheme/css/be.css?ver=23.0.4' media='all' /> 60<link rel='stylesheet' id='mfn-animations-css' href='https://ranhill.com.my/wp-content/themes/betheme/assets/animations/animations.min.css?ver=23.0.4' media='all' /> 61<link rel='stylesheet' id='mfn-font-awesome-css' href='https://ranhill.com.my/wp-content/themes/betheme/fonts/fontawesome/fontawesome.css?ver=23.0.4' media='all' /> 62<link rel='stylesheet' id='mfn-jplayer-css' href='https://ranhill.com.my/wp-content/themes/betheme/assets/jplayer/css/jplayer.blue.monday.css?ver=23.0.4' media='all' /> 63<link rel='stylesheet' id='mfn-responsive-css' href='https://ranhill.com.my/wp-content/themes/betheme/css/responsive.css?ver=23.0.4' media='all' /> 64<link rel='stylesheet' id='mfn-fonts-css' href='https://fonts.googleapis.com/css?family=Inter:1,300,400,400italic,500,600,700,700italic&display=swap&ver=7.1.2' media='all' /> 65<link rel='stylesheet' id='heateor_sss_frontend_css-css' href='https://ranhill.com.my/wp-content/plugins/sassy-social-share/public/css/sassy-social-share-public.css?ver=3.3.79' media='all' /> 66<style id="heateor_sss_frontend_css-inline-css"> 67.heateor_sss_button_instagram span.heateor_sss_svg,a.heateor_sss_instagram span.heateor_sss_svg{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.heateor_sss_horizontal_sharing .heateor_sss_svg,.heateor_sss_standard_follow_icons_container .heateor_sss_svg{color:#fff;border-width:0px;border-style:solid;border-color:transparent}.heateor_sss_horizontal_sharing .heateorSssTCBackground{color:#666}.heateor_sss_horizontal_sharing span.heateor_sss_svg:hover,.heateor_sss_standard_follow_icons_container span.heateor_sss_svg:hover{border-color:transparent;}.heateor_sss_vertical_sharing span.heateor_sss_svg,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg{color:#fff;border-width:0px;border-style:solid;border-color:transparent;}.heateor_sss_vertical_sharing .heateorSssTCBackground{color:#666;}.heateor_sss_vertical_sharing span.heateor_sss_svg:hover,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg:hover{border-color:transparent;}@media screen and (max-width:783px) {.heateor_sss_vertical_sharing{display:none!important}} 68/*# sourceURL=heateor_sss_frontend_css-inline-css */ 69</style> 70<style id="mfn-dynamic-inline-css"> 71html{background-color: #ffffff;}#Wrapper,#Content{background-color: #ffffff;}body:not(.template-slider) #Header{min-height: 0px;}body.header-below:not(.template-slider) #Header{padding-top: 0px;}#Subheader {padding: 150px 0 0px;}#Footer .widgets_wrapper {padding: 70px 0 0;}body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"],input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {font-family: "Inter", Helvetica, Arial, sans-serif;}#menu > ul > li > a, a.action_button, #overlay-menu ul li a {font-family: "Inter", Helvetica, Arial, sans-serif;}#Subheader .title {font-family: "Inter", Helvetica, Arial, sans-serif;}h1, h2, h3, h4, .text-logo #logo {font-family: "Inter", Helvetica, Arial, sans-serif;}h5, h6 {font-family: "Inter", Helvetica, Arial, sans-serif;}blockquote {font-family: "Inter", Helvetica, Arial, sans-serif;}.chart_box .chart .num, .counter .desc_wrapper .number-wrapper, .how_
71it_works .image .number,.pricing-box .plan-header .price, .quick_fact .number-wrapper, .woocommerce .product div.entry-summary .price {font-family: "Inter", Helvetica, Arial, sans-serif;}body {font-size: 16px;line-height: 22px;font-weight: 400;letter-spacing: 0px;}.big {font-size: 18px;line-height: 30px;font-weight: 400;letter-spacing: 0px;}#menu > ul > li > a, a.action_button, #overlay-menu ul li a{font-size: 12px;font-weight: 200;letter-spacing: 0px;}#overlay-menu ul li a{line-height: 18px;}#Subheader .title {font-size: 50px;line-height: 60px;font-weight: 400;letter-spacing: 0px;}h1, .text-logo #logo {font-size: 88px;line-height: 70px;font-weight: 500;letter-spacing: 0px;}h2 {font-size: 64px;line-height: 62px;font-weight: 600;letter-spacing: 0px;}h3 {font-size: 36px;line-height: 42px;font-weight: 500;letter-spacing: 0px;}h4 {font-size: 21px;line-height: 38px;font-weight: 500;letter-spacing: 0px;}h5 {font-size: 15px;line-height: 30px;font-weight: 400;letter-spacing: 0px;}h6 {font-size: 12px;line-height: 15px;font-weight: 700;letter-spacing: 1px;}#Intro .intro-title {font-size: 70px;line-height: 70px;font-weight: 400;letter-spacing: 0px;}@media only screen and (min-width: 768px) and (max-width: 959px){body {font-size: 14px;line-height: 19px;letter-spacing: 0px;}.big {font-size: 15px;line-height: 26px;letter-spacing: 0px;}#menu > ul > li > a, a.action_button, #overlay-menu ul li a {font-size: 13px;letter-spacing: 0px;}#overlay-menu ul li a{line-height: 19.5px;letter-spacing: 0px;}#Subheader .title {font-size: 43px;line-height: 51px;letter-spacing: 0px;}h1, .text-logo #logo {font-size: 75px;line-height: 60px;letter-spacing: 0px;}h2 {font-size: 54px;line-height: 53px;letter-spacing: 0px;}h3 {font-size: 31px;line-height: 36px;letter-spacing: 0px;}h4 {font-size: 18px;line-height: 32px;letter-spacing: 0px;}h5 {font-size: 13px;line-height: 26px;letter-spacing: 0px;}h6 {font-size: 13px;line-height: 19px;letter-spacing: 1px;}#Intro .intro-title {font-size: 60px;line-height: 60px;letter-spacing: 0px;}blockquote { font-size: 15px;}.chart_box .chart .num { font-size: 45px; line-height: 45px; }.counter .desc_wrapper .number-wrapper { font-size: 45px; line-height: 45px;}.counter .desc_wrapper .title { font-size: 14px; line-height: 18px;}.faq .question .title { font-size: 14px; }.fancy_heading .title { font-size: 38px; line-height: 38px; }.offer .offer_li .desc_wrapper .title h3 { font-size: 32px; line-height: 32px; }.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {font-size: 32px; line-height: 32px; }.pricing-box .plan-header h2 { font-size: 27px; line-height: 27px; }.pricing-box .plan-header .price > span { font-size: 40px; line-height: 40px; }.pricing-box .plan-header .price sup.currency { font-size: 18px; line-height: 18px; }.pricing-box .plan-header .price sup.period { font-size: 14px; line-height: 14px;}.quick_fact .number { font-size: 80px; line-height: 80px;}.trailer_box .desc h2 { font-size: 27px; line-height: 27px; }.widget > h3 { font-size: 17px; line-height: 20px; }}@media only screen and (min-width: 480px) and (max-width: 767px){body {font-size: 13px;line-height: 19px;letter-spacing: 0px;}.big {font-size: 14px;line-height: 23px;letter-spacing: 0px;}#menu > ul > li > a, a.action_button, #overlay-menu ul li a {font-size: 13px;letter-spacing: 0px;}#overlay-menu ul li a{line-height: 19.5px;letter-spacing: 0px;}#Subheader .title {font-size: 38px;line-height: 45px;letter-spacing: 0px;}h1, .text-logo #logo {font-size: 66px;line-height: 53px;letter-spacing: 0px;}h2 {font-size: 48px;line-height: 47px;letter-spacing: 0px;}h3 {font-size: 27px;line-height: 32px;letter-spacing: 0px;}h4 {font-size: 16px;line-height: 29px;letter-spacing: 0px;}h5 {font-size: 13px;line-height: 23px;letter-spacing: 0px;}h6 {font-size: 13px;line-height: 19px;letter-spacing: 1px;}#Intro .intro-title {font-size: 53px;line-height: 53px;letter-spacing: 0px;}blockquote { font-size: 14px;}.chart_box .chart .num { font-size: 40px; line-height: 40px; }.counter .desc_wrapper .number-wrapper { font-size: 40px; line-height: 40px;}.counter .desc_wrapper .title { font-size: 13px; line-height: 16px;}.faq .question .title { font-size: 13px; }.fancy_heading .title { font-size: 34px; line-height: 34px; }.offer .offer_li .desc_wrapper .title h3 { font-size: 28px; line-height: 28px; }.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {font-size: 28px; line-height: 28px; }.pricing-box .plan-header h2 { font-size: 24px; line-height: 24px; }.pricing-box .plan-header .price > span { font-size: 34px; line-height: 34px; }.pricing-box .plan-header .price sup.currency { font-size: 16px; line-height: 16px; }
71.pricing-box .plan-header .price sup.period { font-size: 13px; line-height: 13px;}.quick_fact .number { font-size: 70px; line-height: 70px;}.trailer_box .desc h2 { font-size: 24px; line-height: 24px; }.widget > h3 { font-size: 16px; line-height: 19px; }}@media only screen and (max-width: 479px){body {font-size: 13px;line-height: 19px;letter-spacing: 0px;}.big {font-size: 13px;line-height: 19px;letter-spacing: 0px;}#menu > ul > li > a, a.action_button, #overlay-menu ul li a {font-size: 13px;letter-spacing: 0px;}#overlay-menu ul li a{line-height: 19.5px;letter-spacing: 0px;}#Subheader .title {font-size: 30px;line-height: 36px;letter-spacing: 0px;}h1, .text-logo #logo {font-size: 53px;line-height: 42px;letter-spacing: 0px;}h2 {font-size: 38px;line-height: 37px;letter-spacing: 0px;}h3 {font-size: 22px;line-height: 25px;letter-spacing: 0px;}h4 {font-size: 13px;line-height: 23px;letter-spacing: 0px;}h5 {font-size: 13px;line-height: 19px;letter-spacing: 0px;}h6 {font-size: 13px;line-height: 19px;letter-spacing: 1px;}#Intro .intro-title {font-size: 42px;line-height: 42px;letter-spacing: 0px;}blockquote { font-size: 13px;}.chart_box .chart .num { font-size: 35px; line-height: 35px; }.counter .desc_wrapper .number-wrapper { font-size: 35px; line-height: 35px;}.counter .desc_wrapper .title { font-size: 13px; line-height: 26px;}.faq .question .title { font-size: 13px; }.fancy_heading .title { font-size: 30px; line-height: 30px; }.offer .offer_li .desc_wrapper .title h3 { font-size: 26px; line-height: 26px; }.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {font-size: 26px; line-height: 26px; }.pricing-box .plan-header h2 { font-size: 21px; line-height: 21px; }.pricing-box .plan-header .price > span { font-size: 32px; line-height: 32px; }.pricing-box .plan-header .price sup.currency { font-size: 14px; line-height: 14px; }.pricing-box .plan-header .price sup.period { font-size: 13px; line-height: 13px;}.quick_fact .number { font-size: 60px; line-height: 60px;}.trailer_box .desc h2 { font-size: 21px; line-height: 21px; }.widget > h3 { font-size: 15px; line-height: 18px; }}.with_aside .sidebar.columns {width: 23%;}.with_aside .sections_group {width: 77%;}.aside_both .sidebar.columns {width: 18%;}.aside_both .sidebar.sidebar-1{margin-left: -82%;}.aside_both .sections_group {width: 64%;margin-left: 18%;}@media only screen and (min-width:1240px){#Wrapper, .with_aside .content_wrapper {max-width: 1240px;}.section_wrapper, .container {max-width: 1220px;}.layout-boxed.header-boxed #Top_bar.is-sticky{max-width: 1240px;}}@media only screen and (max-width: 767px){.section_wrapper,.container,.four.columns .widget-area { max-width: 480px !important; }}.button-default .button, .button-flat .button, .button-round .button {background-color: #03296a;color: #ffffff;}.button-stroke .button {border-color: #03296a;color: #ffffff;}.button-stroke .button:hover{background-color: #03296a;color: #fff;}.button-default .button_theme, .button-default button,.button-default input[type="button"], .button-default input[type="reset"], .button-default input[type="submit"],.button-flat .button_theme, .button-flat button,.button-flat input[type="button"], .button-flat input[type="reset"], .button-flat input[type="submit"],.button-round .button_theme, .button-round button,.button-round input[type="button"], .button-round input[type="reset"], .button-round input[type="submit"],.woocommerce #respond input#submit,.woocommerce a.button:not(.default),.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{color: #ffffff;}.button-stroke .button_theme:hover,.button-stroke button:hover, .button-stroke input[type="submit"]:hover, .button-stroke input[type="reset"]:hover, .button-stroke input[type="button"]:hover,.button-stroke .woocommerce #respond input#submit:hover,.button-stroke .woocommerce a.button:not(.default):hover,.button-stroke .woocommerce button.button:hover,.button-stroke.woocommerce input.button:hover {color: #ffffff !important;}.button-stroke .button_theme:hover .button_icon i{color: #ffffff !important;}.button-default .single_add_to_cart_button, .button-flat .single_add_to_cart_button, .button-round .single_add_to_cart_button,.button-default .woocommerce .button:disabled, .button-flat .woocommerce .button:disabled, .button-round .woocommerce .button:disabled,.button-default .woocommerce .button.alt .button-flat .woocommerce .button.alt, .button-round .woocommerce .button.alt,.button-default a.remove, .button-flat a.remove, .button-round a.remove{color: #ffffff!important;}.action_button, .action_button:hover{background-color: #0089f7;color: #ffffff;}.button-stroke a.action_button{border-color: #0089f7;}.button-stroke a.action_button:hover{background-color: #0089f7!important;}.footer_button{color: #65666C!important;background-color:transparent;box-shadow:none!important;}.footer_button:after{display:none!important;}.button-custom .button,.button-custom .action_button,.button-custom .footer_button,.button-custom button,.button-custom input[type="button"],.button-custom input[type="reset"],.button-custom input[type="submit"],.button-custom .woocommerce #respond input#submit,.button-custom .woocommerce a.button,.button-custom .woocommerce button.button,.button-custom .woocommerce input.button{font-family: Roboto;font-size: 14px;line-height: 14px;font-weight: 400;letter-spacing: 0px;padding: 12px 20px 12px 20px;border-width: 0px;border-radius: 0px;}.button-custom .button{color: #626262;background-color: #dbdddf;border-color: transparent;}.button-custom .button:hover{color: #626262;background-color: #d3d3d3;border-color: transparent;}.button-custom .button_theme,.button-custom button,.button-custom input[type="button"],.button-custom input[type="reset"],.button-custom input[type="submit"],.button-custom .woocommerce #respond input#submit,.button-custom .woocommerce a.button:not(.default),.button-custom .woocommerce button.button,.button-custom .woocommerce input.button{color: #ffffff;background-color: #0095eb;border-color: transparent;}.button-custom .button_theme:hover,.button-custom button:hover,.button-custom input[type="button"]:hover,.button-custom input[type="reset"]:hover,.button-custom input[type="submit"]:hover,.button-custom .woocommerce #respond input#submit:hover,.button-custom .woocommerce a.button:not(.default):hover,.button-custom .woocommerce button.button:hover,.button-custom .woocommerce input.button:hover{color: #ffffff;background-color: #007cc3;border-color: transparent;}.button-custom .action_button{color: #626262;background-color: #dbdddf;border-color: transparent;}.button-custom .action_button:hover{color: #626262;background-color: #d3d3d3;border-color: transparent;}.button-custom .single_add_to_cart_button,.button-custom .woocommerce .button:disabled,.button-custom .woocommerce .button.alt,.button-custom a.remove{line-height: 14px!important;padding: 12px 20px 12px 20px!important;color: #ffffff!important;background-color: #0095eb!important;}.button-custom .single_add_to_cart_button:hover,.button-custom .woocommerce .button:disabled:hover,.button-custom .woocommerce .button.alt:hover,.button-custom a.remove:hover{color: #ffffff!important;background-color: #007cc3!important;}#Top_bar #logo,.header-fixed #Top_bar #logo,.header-plain #Top_bar #logo,.header-transparent #Top_bar #logo {height: 60px;line-height: 60px;padding: 15px 0;}.logo-overflow #Top_bar:not(.is-sticky) .logo {height: 90px;}#Top_bar .menu > li > a {padding: 15px 0;}.menu-highlight:not(.header-creative) #Top_bar .menu > li > a {margin: 20px 0;}.header-plain:not(.menu-highlight) #Top_bar .menu > li > a span:not(.description) {line-height: 90px;}.header-fixed #Top_bar .menu > li > a {padding: 30px 0;}#Top_bar .top_bar_right,.header-plain #Top_bar .top_bar_right {height: 90px;}#Top_bar .top_bar_right_wrapper {top: 25px;}.header-plain #Top_bar a#header_cart,.header-plain #Top_bar a#search_button,.header-plain #Top_bar .wpml-languages {line-height: 90px;}.header-plain #Top_bar a.action_button {line-height: 90px!important;}@media only screen and (max-width: 767px){#Top_bar a.responsive-menu-toggle {top: 40px;}.mobile-header-mini #Top_bar #logo{height:50px!important;line-height:50px!important;margin:5px 0;}}.twentytwenty-before-label::before{content:"Before"}.twentytwenty-after-label::before{content:"After"}#Side_slide{right:-250px;width:250px;}#Side_slide.left{left:-250px;}.blog-teaser li .desc-wrapper .desc{background-position-y:-1px;}@media only screen and ( max-width: 767px ){body:not(.template-slider) #Header{min-height: ;}#Subheader{padding: ;}}@media only screen and (min-width: 1240px){body:not(.header-simple) #Top_bar #menu{display:block!important}.tr-menu #Top_bar #menu{background:none!important}#Top_bar .menu > li > ul.mfn-megamenu{width:984px}#Top_bar .menu > li > ul.mfn-megamenu > li{float:left}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-1{width:100%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-2{width:50%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-3{width:33.33%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-4{width:25%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-5{width:20%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6{width:16.66%}#Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;
71left:auto;top:auto;border-width:0 1px 0 0}#Top_bar .menu > li > ul.mfn-megamenu > li:last-child > ul{border:0}#Top_bar .menu > li > ul.mfn-megamenu > li > ul li{width:auto}#Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400;background:none}#Top_bar .menu > li > ul.mfn-megamenu a .menu-arrow{display:none}.menuo-right #Top_bar .menu > li > ul.mfn-megamenu{left:auto;right:0}.menuo-right #Top_bar .menu > li > ul.mfn-megamenu-bg{box-sizing:border-box}#Top_bar .menu > li > ul.mfn-megamenu-bg{padding:20px 166px 20px 20px;background-repeat:no-repeat;background-position:right bottom}.rtl #Top_bar .menu > li > ul.mfn-megamenu-bg{padding-left:166px;padding-right:20px;background-position:left bottom}#Top_bar .menu > li > ul.mfn-megamenu-bg > li{background:none}#Top_bar .menu > li > ul.mfn-megamenu-bg > li a{border:none}#Top_bar .menu > li > ul.mfn-megamenu-bg > li > ul{background:none!important;-webkit-box-shadow:0 0 0 0;-moz-box-shadow:0 0 0 0;box-shadow:0 0 0 0}.mm-vertical #Top_bar .container{position:relative;}.mm-vertical #Top_bar .top_bar_left{position:static;}.mm-vertical #Top_bar .menu > li ul{box-shadow:0 0 0 0 transparent!important;background-image:none;}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu{width:98%!important;margin:0 1%;padding:20px 0;}.mm-vertical.header-plain #Top_bar .menu > li > ul.mfn-megamenu{width:100%!important;margin:0;}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li{display:table-cell;float:none!important;width:10%;padding:0 15px;border-right:1px solid rgba(0, 0, 0, 0.05);}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child{border-right-width:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li.hide-border{border-right-width:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li a{border-bottom-width:0;padding:9px 15px;line-height:120%;}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{font-weight:700;}.rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:first-child{border-right-width:0}.rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child{border-right-width:1px}.header-plain:not(.menuo-right) #Header .top_bar_left{width:auto!important}.header-stack.header-center #Top_bar #menu{display:inline-block!important}.header-simple #Top_bar #menu{display:none;height:auto;width:300px;bottom:auto;top:100%;right:1px;position:absolute;margin:0}.header-simple #Header a.responsive-menu-toggle{display:block;right:10px}.header-simple #Top_bar #menu > ul{width:100%;float:left}.header-simple #Top_bar #menu ul li{width:100%;padding-bottom:0;border-right:0;position:relative}.header-simple #Top_bar #menu ul li a{padding:0 20px;margin:0;display:block;height:auto;line-height:normal;border:none}.header-simple #Top_bar #menu ul li a:after{display:none}.header-simple #Top_bar #menu ul li a span{border:none;line-height:44px;display:inline;padding:0}.header-simple #Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:0;top:0;width:44px;height:44px;line-height:44px;font-size:30px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;}.header-simple #Top_bar #menu ul li.submenu .menu-toggle:after{content:"+"}.header-simple #Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}.header-simple #Top_bar #menu ul li.hover a{border-bottom:0}.header-simple #Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}.header-simple #Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin:0!important;width:auto!important;background-image:none}.header-simple #Top_bar #menu ul li ul li{width:100%!important;display:block;padding:0;}.header-simple #Top_bar #menu ul li ul li a{padding:0 20px 0 30px}.header-simple #Top_bar #menu ul li ul li a .menu-arrow{display:none}.header-simple #Top_bar #menu ul li ul li a span{padding:0}.header-simple #Top_bar #menu ul li ul li a span:after{display:none!important}.header-simple #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}.header-simple #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;
71left:auto;top:auto}.header-simple #Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}.header-simple #Top_bar #menu ul li ul li ul li a{padding:0 20px 0 40px}.rtl.header-simple #Top_bar #menu{left:1px;right:auto}.rtl.header-simple #Top_bar a.responsive-menu-toggle{left:10px;right:auto}.rtl.header-simple #Top_bar #menu ul li.submenu .menu-toggle{left:0;right:auto}.rtl.header-simple #Top_bar #menu ul li ul{left:auto!important;right:0!important}.rtl.header-simple #Top_bar #menu ul li ul li a{padding:0 30px 0 20px}.rtl.header-simple #Top_bar #menu ul li ul li ul li a{padding:0 40px 0 20px}.menu-highlight #Top_bar .menu > li{margin:0 2px}.menu-highlight:not(.header-creative) #Top_bar .menu > li > a{margin:20px 0;padding:0;-webkit-border-radius:5px;border-radius:5px}.menu-highlight #Top_bar .menu > li > a:after{display:none}.menu-highlight #Top_bar .menu > li > a span:not(.description){line-height:50px}.menu-highlight #Top_bar .menu > li > a span.description{display:none}.menu-highlight.header-stack #Top_bar .menu > li > a{margin:10px 0!important}.menu-highlight.header-stack #Top_bar .menu > li > a span:not(.description){line-height:40px}.menu-highlight.header-transparent #Top_bar .menu > li > a{margin:5px 0}.menu-highlight.header-simple #Top_bar #menu ul li,.menu-highlight.header-creative #Top_bar #menu ul li{margin:0}.menu-highlight.header-simple #Top_bar #menu ul li > a,.menu-highlight.header-creative #Top_bar #menu ul li > a{-webkit-border-radius:0;border-radius:0}.menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a{margin:10px 0!important;padding:5px 0!important}.menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a span{line-height:30px!important}.header-modern.menu-highlight.menuo-right .menu_wrapper{margin-right:20px}.menu-line-below #Top_bar .menu > li > a:after{top:auto;bottom:-4px}.menu-line-below #Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:-4px}.menu-line-below-80 #Top_bar:not(.is-sticky) .menu > li > a:after{height:4px;left:10%;top:50%;margin-top:20px;width:80%}.menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li > a:after{height:1px;left:10%;top:50%;margin-top:20px;width:80%}.menu-link-color #Top_bar .menu > li > a:after{display:none!important}.menu-arrow-top #Top_bar .menu > li > a:after{background:none repeat scroll 0 0 rgba(0,0,0,0)!important;border-color:#ccc transparent transparent;border-style:solid;border-width:7px 7px 0;display:block;height:0;left:50%;margin-left:-7px;top:0!important;width:0}.menu-arrow-top #Top_bar.is-sticky .menu > li > a:after{top:0!important}.menu-arrow-bottom #Top_bar .menu > li > a:after{background:none!important;border-color:transparent transparent #ccc;border-style:solid;border-width:0 7px 7px;display:block;height:0;left:50%;margin-left:-7px;top:auto;bottom:0;width:0}.menu-arrow-bottom #Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:0}.menuo-no-borders #Top_bar .menu > li > a span{border-width:0!important}.menuo-no-borders #Header_creative #Top_bar .menu > li > a span{border-bottom-width:0}.menuo-no-borders.header-plain #Top_bar a#header_cart,.menuo-no-borders.header-plain #Top_bar a#search_button,.menuo-no-borders.header-plain #Top_bar .wpml-languages,.menuo-no-borders.header-plain #Top_bar a.action_button{border-width:0}.menuo-right #Top_bar .menu_wrapper{float:right}.menuo-right.header-stack:not(.header-center) #Top_bar .menu_wrapper{margin-right:150px}body.header-creative{padding-left:50px}body.header-creative.header-open{padding-left:250px}body.error404,body.under-construction,body.template-blank,body.under-construction.header-rtl.header-creative.header-open{padding-left:0!important;padding-right:0!important}.header-creative.footer-fixed #Footer,.header-creative.footer-sliding #Footer,.header-creative.footer-stick #Footer.is-sticky{box-sizing:border-box;padding-left:50px;}.header-open.footer-fixed #Footer,.header-open.footer-sliding #Footer,.header-creative.footer-stick #Footer.is-sticky{padding-left:250px;}.header-rtl.header-creative.footer-fixed #Footer,.header-rtl.header-creative.footer-sliding #Footer,.header-rtl.header-creative.footer-stick #Footer.is-sticky{padding-left:0;padding-right:50px;}.header-rtl.header-open.footer-fixed #Footer,.header-rtl.header-open.footer-sliding #Footer,.header-rtl.header-creative.footer-stick #Footer.is-sticky{padding-right:250px;}#Header_creative{background-color:#fff;position:fixed;width:250px;height:100%;left:-200px;top:0;z-index:9002;-webkit-box-shadow:2px 0 4px 2px rgba(0,0,0,.15);box-shadow:2px 0 4px 2px rgba(0,0,0,.15)}#Header_creative .container{width:100%}#Header_creative .creative-wrapper{opacity:0;margin-right:50px}#Header_creative a.creative-menu-toggle{display:block;width:34px;height:34px;line-height:34px;font-size:22px;text-align:center;position:absolute;top:10px;right:8px;border-radius:3px}.admin-bar #Header_creative a.creative-menu-toggle{top:42px}#Header_creative #Top_bar{position:static;width:100%}#Header_creative #Top_bar .top_bar_left{width:100%!important;float:none}#Header_creative #Top_bar .top_bar_right{width:100%!important;float:none;height:auto;margin-bottom:35px;text-align:center;padding:0 20px;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#Header_creative #Top_bar .top_bar_right:before{display:none}#Header_creative #Top_bar .top_bar_right_wrapper{top:0}#Header_creative #Top_bar .logo{float:none;text-align:center;margin:15px 0}#Header_creative #Top_bar #menu{background-color:transparent}#Header_creative #Top_bar .menu_wrapper{float:none;margin:0 0 30px}#Header_creative #Top_bar .menu > li{width:100%;float:none;position:relative}#Header_creative #Top_bar .menu > li > a{padding:0;text-align:center}#Header_creative #Top_bar .menu > li > a:after{display:none}#Header_creative #Top_bar .menu > li > a span{border-right:0;border-bottom-width:1px;line-height:38px}#Header_creative #Top_bar .menu li ul{left:100%;right:auto;top:0;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03);-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03)}#Header_creative #Top_bar .menu > li > ul.mfn-megamenu{margin:0;width:700px!important;}#Header_creative #Top_bar .menu > li > ul.mfn-megamenu > li > ul{left:0}#Header_creative #Top_bar .menu li ul li a{padding-top:9px;padding-bottom:8px}#Header_creative #Top_bar .menu li ul li ul{top:0}#Header_creative #Top_bar .menu > li >
71 a span.description{display:block;font-size:13px;line-height:28px!important;clear:both}#Header_creative #Top_bar .search_wrapper{left:100%;top:auto;bottom:0}#Header_creative #Top_bar a#header_cart{display:inline-block;float:none;top:3px}#Header_creative #Top_bar a#search_button{display:inline-block;float:none;top:3px}#Header_creative #Top_bar .wpml-languages{display:inline-block;float:none;top:0}#Header_creative #Top_bar .wpml-languages.enabled:hover a.active{padding-bottom:11px}#Header_creative #Top_bar .action_button{display:inline-block;float:none;top:16px;margin:0}#Header_creative #Top_bar .banner_wrapper{display:block;text-align:center}#Header_creative #Top_bar .banner_wrapper img{max-width:100%;height:auto;display:inline-block}#Header_creative #Action_bar{display:none;position:absolute;bottom:0;top:auto;clear:both;padding:0 20px;box-sizing:border-box}#Header_creative #Action_bar .contact_details{text-align:center;margin-bottom:20px}#Header_creative #Action_bar .contact_details li{padding:0}#Header_creative #Action_bar .social{float:none;text-align:center;padding:5px 0 15px}#Header_creative #Action_bar .social li{margin-bottom:2px}#Header_creative #Action_bar .social-menu{float:none;text-align:center}#Header_creative #Action_bar .social-menu li{border-color:rgba(0,0,0,.1)}#Header_creative .social li a{color:rgba(0,0,0,.5)}#Header_creative .social li a:hover{color:#000}#Header_creative .creative-social{position:absolute;bottom:10px;right:0;width:50px}#Header_creative .creative-social li{display:block;float:none;width:100%;text-align:center;margin-bottom:5px}.header-creative .fixed-nav.fixed-nav-prev{margin-left:50px}.header-creative.header-open .fixed-nav.fixed-nav-prev{margin-left:250px}.menuo-last #Header_creative #Top_bar .menu li.last ul{top:auto;bottom:0}.header-open #Header_creative{left:0}.header-open #Header_creative .creative-wrapper{opacity:1;margin:0!important;}.header-open #Header_creative .creative-menu-toggle,.header-open #Header_creative .creative-social{display:none}.header-open #Header_creative #Action_bar{display:block}body.header-rtl.header-creative{padding-left:0;padding-right:50px}.header-rtl #Header_creative{left:auto;right:-200px}.header-rtl #Header_creative .creative-wrapper{margin-left:50px;margin-right:0}.header-rtl #Header_creative a.creative-menu-toggle{left:8px;right:auto}.header-rtl #Header_creative .creative-social{left:0;right:auto}.header-rtl #Footer #back_to_top.sticky{right:125px}.header-rtl #popup_contact{right:70px}.header-rtl #Header_creative #Top_bar .menu li ul{left:auto;right:100%}.header-rtl #Header_creative #Top_bar .search_wrapper{left:auto;right:100%;}.header-rtl .fixed-nav.fixed-nav-prev{margin-left:0!important}.header-rtl .fixed-nav.fixed-nav-next{margin-right:50px}body.header-rtl.header-creative.header-open{padding-left:0;padding-right:250px!important}.header-rtl.header-open #Header_creative{left:auto;right:0}.header-rtl.header-open #Footer #back_to_top.sticky{right:325px}.header-rtl.header-open #popup_contact{right:270px}.header-rtl.header-open .fixed-nav.fixed-nav-next{margin-right:250px}#Header_creative.active{left:-1px;}.header-rtl #Header_creative.active{left:auto;right:-1px;}#Header_creative.active .creative-wrapper{opacity:1;margin:0}.header-creative .vc_row[data-vc-full-width]{padding-left:50px}.header-creative.header-open .vc_row[data-vc-full-width]{padding-left:250px}.header-open .vc_parallax .vc_parallax-inner { left:auto; width: calc(100% - 250px); }.header-open.header-rtl .vc_parallax .vc_parallax-inner { left:0; right:auto; }#Header_creative.scroll{height:100%;overflow-y:auto}#Header_creative.scroll:not(.dropdown) .menu li ul{display:none!important}#Header_creative.scroll #Action_bar{position:static}#Header_creative.dropdown{outline:none}#Header_creative.dropdown #Top_bar .menu_wrapper{float:left}#Header_creative.dropdown #Top_bar #menu ul li{position:relative;float:left}#Header_creative.dropdown #Top_bar #menu ul li a:after{display:none}#Header_creative.dropdown #Top_bar #menu ul li a span{line-height:38px;padding:0}#Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:0;top:0;width:38px;height:38px;line-height:38px;font-size:26px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;}#Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle:after{content:"+"}#Header_creative.dropdown #Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}#Header_creative.dropdown #Top_bar #menu ul li.hover a{border-bottom:0}#Header_creative.dropdown #Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}#Header_creative.dropdown #Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin-left:0!important;width:auto!important;background-image:none}#Header_creative.dropdown #Top_bar #menu ul li ul li{width:100%!important}#Header_creative.dropdown #Top_bar #menu ul li ul li a{padding:0 10px;text-align:center}#Header_creative.dropdown #Top_bar #menu ul li ul li a .menu-arrow{display:none}#Header_creative.dropdown #Top_bar #menu ul li ul li a span{padding:0}#Header_creative.dropdown #Top_bar #menu ul li ul li a span:after{display:none!important}#Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}#Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;
71left:auto;top:auto}#Header_creative.dropdown #Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}#Header_creative{transition: left .5s ease-in-out, right .5s ease-in-out;}#Header_creative .creative-wrapper{transition: opacity .5s ease-in-out, margin 0s ease-in-out .5s;}#Header_creative.active .creative-wrapper{transition: opacity .5s ease-in-out, margin 0s ease-in-out;}}@media only screen and (min-width: 1240px){#Top_bar.is-sticky{position:fixed!important;width:100%;left:0;top:-60px;height:60px;z-index:701;background:#fff;opacity:.97;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);box-shadow:0 2px 5px 0 rgba(0,0,0,0.1)}.layout-boxed.header-boxed #Top_bar.is-sticky{max-width:1240px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#Top_bar.is-sticky .top_bar_left,#Top_bar.is-sticky .top_bar_right,#Top_bar.is-sticky .top_bar_right:before{background:none;box-shadow:unset}#Top_bar.is-sticky .top_bar_right{top:-4px;height:auto;}#Top_bar.is-sticky .top_bar_right_wrapper{top:15px}.header-plain #Top_bar.is-sticky .top_bar_right_wrapper{top:0}#Top_bar.is-sticky .logo{width:auto;margin:0 30px 0 20px;padding:0}#Top_bar.is-sticky #logo,#Top_bar.is-sticky .custom-logo-link{padding:5px 0!important;height:50px!important;line-height:50px!important}.logo-no-sticky-padding #Top_bar.is-sticky #logo{height:60px!important;line-height:60px!important}#Top_bar.is-sticky #logo img.logo-main{display:none}#Top_bar.is-sticky #logo img.logo-sticky{display:inline;max-height:35px}.logo-sticky-width-auto #Top_bar.is-sticky #logo img.logo-sticky{width:auto}#Top_bar.is-sticky .menu_wrapper{clear:none}#Top_bar.is-sticky .menu_wrapper .menu > li > a{padding:15px 0}#Top_bar.is-sticky .menu > li > a,#Top_bar.is-sticky .menu > li > a span{line-height:30px}#Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:-4px}#Top_bar.is-sticky .menu > li > a span.description{display:none}#Top_bar.is-sticky .secondary_menu_wrapper,#Top_bar.is-sticky .banner_wrapper{display:none}.header-overlay #Top_bar.is-sticky{display:none}.sticky-dark #Top_bar.is-sticky,.sticky-dark #Top_bar.is-sticky #menu{background:rgba(0,0,0,.8)}.sticky-dark #Top_bar.is-sticky .menu > li:not(.current-menu-item) > a{color:#fff}.sticky-dark #Top_bar.is-sticky .top_bar_right a:not(.action_button){color:rgba(255,255,255,.8)}.sticky-dark #Top_bar.is-sticky .wpml-languages a.active,.sticky-dark #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown{background:rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.1)}.sticky-white #Top_bar.is-sticky,.sticky-white #Top_bar.is-sticky #menu{background:rgba(255,255,255,.8)}.sticky-white #Top_bar.is-sticky .menu > li:not(.current-menu-item) > a{color:#222}.sticky-white #Top_bar.is-sticky .top_bar_right a:not(.action_button){color:rgba(0,0,0,.8)}.sticky-white #Top_bar.is-sticky .wpml-languages a.active,.sticky-white #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown{background:rgba(255,255,255,0.1);border-color:rgba(0,0,0,0.1)}}@media only screen and (min-width: 768px) and (max-width: 1240px){.header_placeholder{height:0!important}}@media only screen and (max-width: 1239px){#Top_bar #menu{display:none;height:auto;width:300px;bottom:auto;top:100%;right:1px;position:absolute;margin:0}#Top_bar a.responsive-menu-toggle{display:block}#Top_bar #menu > ul{width:100%;float:left}#Top_bar #menu ul li{width:100%;padding-bottom:0;border-right:0;position:relative}#Top_bar #menu ul li a{padding:0 25px;margin:0;display:block;height:auto;line-height:normal;border:none}#Top_bar #menu ul li a:after{display:none}#Top_bar #menu ul li a span{border:none;line-height:44px;display:inline;padding:0}#Top_bar #menu ul li a span.description{margin:0 0 0 5px}#Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:15px;top:0;width:44px;height:44px;line-height:44px;font-size:30px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;}#Top_bar #menu ul li.submenu .menu-toggle:after{content:"+"}#Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}#Top_bar #menu ul li.hover a{border-bottom:0}#Top_bar #menu ul li a span:after{display:none!important}#Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}#Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin-left:0!important;width:auto!important;background-image:none!important;box-shadow:0 0 0 0 transparent!important;-webkit-box-shadow:0 0 0 0 transparent!important}#Top_bar #menu ul li ul li{width:100%!important}#Top_bar #menu ul li ul li a{padding:0 20px 0 35px}#Top_bar #menu ul li ul li a .menu-arrow{display:none}#Top_bar #menu ul li ul li a span{padding:0}#Top_bar #menu ul li ul li a span:after{display:none!important}#Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}#Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;
71left:auto;top:auto}#Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}#Top_bar #menu ul li ul li ul li a{padding:0 20px 0 45px}.rtl #Top_bar #menu{left:1px;right:auto}.rtl #Top_bar a.responsive-menu-toggle{left:20px;right:auto}.rtl #Top_bar #menu ul li.submenu .menu-toggle{left:15px;right:auto;border-left:none;border-right:1px solid #eee}.rtl #Top_bar #menu ul li ul{left:auto!important;right:0!important}.rtl #Top_bar #menu ul li ul li a{padding:0 30px 0 20px}.rtl #Top_bar #menu ul li ul li ul li a{padding:0 40px 0 20px}.header-stack .menu_wrapper a.responsive-menu-toggle{position:static!important;margin:11px 0!important}.header-stack .menu_wrapper #menu{left:0;right:auto}.rtl.header-stack #Top_bar #menu{left:auto;right:0}.admin-bar #Header_creative{top:32px}.header-creative.layout-boxed{padding-top:85px}.header-creative.layout-full-width #Wrapper{padding-top:60px}#Header_creative{position:fixed;width:100%;left:0!important;top:0;z-index:1001}#Header_creative .creative-wrapper{display:block!important;opacity:1!important}#Header_creative .creative-menu-toggle,#Header_creative .creative-social{display:none!important;opacity:1!important}#Header_creative #Top_bar{position:static;width:100%}#Header_creative #Top_bar #logo,#Header_creative #Top_bar .custom-logo-link{height:50px;line-height:50px;padding:5px 0}#Header_creative #Top_bar #logo img.logo-sticky{max-height:40px!important}#Header_creative #logo img.logo-main{display:none}#Header_creative #logo img.logo-sticky{display:inline-block}.logo-no-sticky-padding #Header_creative #Top_bar #logo{height:60px;line-height:60px;padding:0}.logo-no-sticky-padding #Header_creative #Top_bar #logo img.logo-sticky{max-height:60px!important}#Header_creative #Action_bar{display:none}#Header_creative #Top_bar .top_bar_right{height:60px;top:0}#Header_creative #Top_bar .top_bar_right:before{display:none}#Header_creative #Top_bar .top_bar_right_wrapper{top:0;padding-top:9px}#Header_creative.scroll{overflow:visible!important}}#Header_wrapper, #Intro {background-color: #000e26;}#Subheader {background-color: rgba(247,247,247,1);}.header-classic #Action_bar, .header-fixed #Action_bar, .header-plain #Action_bar, .header-split #Action_bar, .header-stack #Action_bar {background-color: #101015;}#Sliding-top {background-color: #545454;}#Sliding-top a.sliding-top-control {border-right-color: #545454;}#Sliding-top.st-center a.sliding-top-control,#Sliding-top.st-left a.sliding-top-control {border-top-color: #545454;}#Footer {background-color: #f0f4f6;}body, ul.timeline_items, .icon_box a .desc, .icon_box a:hover .desc, .feature_list ul li a, .list_item a, .list_item a:hover,.widget_recent_entries ul li a, .flat_box a, .flat_box a:hover, .story_box .desc, .content_slider.carouselul li a .title,.content_slider.flat.description ul li .desc, .content_slider.flat.description ul li a .desc, .post-nav.minimal a i {color: #606060;}.post-nav.minimal a svg {fill: #606060;}.themecolor, .opening_hours .opening_hours_wrapper li span, .fancy_heading_icon .icon_top,.fancy_heading_arrows .icon-right-dir, .fancy_heading_arrows .icon-left-dir, .fancy_heading_line .title,.button-love a.mfn-love, .format-link .post-title .icon-link, .pager-single > span, .pager-single a:hover,.widget_meta ul, .widget_pages ul, .widget_rss ul, .widget_mfn_recent_comments ul li:after, .widget_archive ul,.widget_recent_comments ul li:after, .widget_nav_menu ul, .woocommerce ul.products li.product .price, .shop_slider .shop_slider_ul li .item_wrapper .price,.woocommerce-page ul.products li.product .price, .widget_price_filter .price_label .from, .widget_price_filter .price_label .to,.woocommerce ul.product_list_widget li .quantity .amount, .woocommerce .product div.entry-summary .price, .woocommerce .star-rating span,#Error_404 .error_pic i, .style-simple #Filters .filters_wrapper ul li a:hover, .style-simple #Filters .filters_wrapper ul li.current-cat a,.style-simple .quick_fact .title {color: #0089F7;}.themebg,#comments .commentlist > li .reply a.comment-reply-link,#Filters .filters_wrapper ul li a:hover,#Filters .filters_wrapper ul li.current-cat a,.fixed-nav .arrow,.offer_thumb .slider_pagination a:before,.offer_thumb .slider_pagination a.selected:after,.pager .pages a:hover,.pager .pages a.active,.pager .pages span.page-numbers.current,.pager-single span:after,.portfolio_group.exposure .portfolio-item .desc-inner .line,.Recent_posts ul li .desc:after,.Recent_posts ul li .photo .c,.slider_pagination a.selected,.slider_pagination .slick-active a,.slider_pagination a.selected:after,.slider_pagination .slick-active a:after,.testimonials_slider .slider_images,.testimonials_slider .slider_images a:after,.testimonials_slider .slider_images:before,#Top_bar a#header_cart span,.widget_categories ul,.widget_mfn_menu ul li a:hover,.widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a,.widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a,.widget_product_categories ul,.widget_recent_entries ul li:after,.woocommerce-account table.my_account_orders .order-number a,.woocommerce-MyAccount-navigation ul li.is-active a,.style-simple .accordion .question:after,.style-simple .faq .question:after,.style-simple .icon_box .desc_wrapper .title:before,.style-simple #Filters .filters_wrapper ul li a:after,.style-simple .article_box .desc_wrapper p:after,.style-simple .sliding_box .desc_wrapper:after,.style-simple .trailer_box:hover .desc,.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.round .bullet.selected:after,.tparrows.default,.tp-bullets.tp-thumbs .bullet.selected:after{background-color: #0089F7;}.Latest_news ul li .photo, .Recent_posts.blog_news ul li .photo, .style-simple .opening_hours .opening_hours_wrapper li label,.style-simple .timeline_items li:hover h3, .style-simple .timeline_items li:nth-child(even):hover h3,.style-simple .timeline_items li:hover .desc, .style-simple .timeline_items li:nth-child(even):hover,.style-simple .offer_thumb .slider_pagination a.selected {border-color: #0089F7;}a {color: #006edf;}a:hover {color: #e54619;}*::-moz-selection {background-color: #0089F7;color: white;}*::selection {background-color: #0089F7;color: white;}.blockquote p.author span, .counter .desc_wrapper .title, .article_box .desc_wrapper p, .team .desc_wrapper p.subtitle,.pricing-box .plan-header p.subtitle, .pricing-box .plan-header .price sup.peri
71od, .chart_box p, .fancy_heading .inside,.fancy_heading_line .slogan, .post-meta, .post-meta a, .post-footer, .post-footer a span.label, .pager .pages a, .button-love a .label,.pager-single a, #comments .commentlist > li .comment-author .says, .fixed-nav .desc .date, .filters_buttons li.label, .Recent_posts ul li a .desc .date,.widget_recent_entries ul li .post-date, .tp_recent_tweets .twitter_time, .widget_price_filter .price_label, .shop-filters .woocommerce-result-count,.woocommerce ul.product_list_widget li .quantity, .widget_shopping_cart ul.product_list_widget li dl, .product_meta .posted_in,.woocommerce .shop_table .product-name .variation > dd, .shipping-calculator-button:after,.shop_slider .shop_slider_ul li .item_wrapper .price del,.testimonials_slider .testimonials_slider_ul li .author span, .testimonials_slider .testimonials_slider_ul li .author span a, .Latest_news ul li .desc_footer,.share-simple-wrapper .icons a {color: #a8a8a8;}h1, h1 a, h1 a:hover, .text-logo #logo { color: #161922; }h2, h2 a, h2 a:hover { color: #161922; }h3, h3 a, h3 a:hover { color: #161922; }h4, h4 a, h4 a:hover, .style-simple .sliding_box .desc_wrapper h4 { color: #161922; }h5, h5 a, h5 a:hover { color: #161922; }h6, h6 a, h6 a:hover,a.content_link .title { color: #e54619; }.dropcap, .highlight:not(.highlight_image) {background-color: #0089F7;}.button-default .button_theme, .button-default button,.button-default input[type="button"], .button-default input[type="reset"], .button-default input[type="submit"],.button-flat .button_theme, .button-flat button,.button-flat input[type="button"], .button-flat input[type="reset"], .button-flat input[type="submit"],.button-round .button_theme, .button-round button,.button-round input[type="button"], .button-round input[type="reset"], .button-round input[type="submit"],.woocommerce #respond input#submit,.woocommerce a.button:not(.default),.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit:hover, .woocommerce a.button:not(.default):hover, .woocommerce button.button:hover, .woocommerce input.button:hover{background-color: #0089F7;}.button-stroke .button_theme,.button-stroke .button_theme .button_icon i,.button-stroke button, .button-stroke input[type="submit"], .button-stroke input[type="reset"], .button-stroke input[type="button"],.button-stroke .woocommerce #respond input#submit,.button-stroke .woocommerce a.button:not(.default),.button-stroke .woocommerce button.button,.button-stroke.woocommerce input.button {border-color: #0089F7;color: #0089F7 !important;}.button-stroke .button_theme:hover,.button-stroke button:hover, .button-stroke input[type="submit"]:hover, .button-stroke input[type="reset"]:hover, .button-stroke input[type="button"]:hover {background-color: #0089F7;}.button-default .single_add_to_cart_button, .button-flat .single_add_to_cart_button, .button-round .single_add_to_cart_button,.button-default .woocommerce .button:disabled, .button-flat .woocommerce .button:disabled, .button-round .woocommerce .button:disabled,.button-default .woocommerce .button.alt, .button-flat .woocommerce .button.alt, .button-round .woocommerce .button.alt{background-color: #0089F7!important;}.button-stroke .single_add_to_cart_button:hover,.button-stroke #place_order:hover {background-color: #0089F7!important;}a.mfn-link {color: #656B6F;}a.mfn-link-2 span, a:hover.mfn-link-2 span:before, a.hover.mfn-link-2 span:before, a.mfn-l
71ink-5 span, a.mfn-link-8:after, a.mfn-link-8:before {background: #006edf;}a:hover.mfn-link {color: #006edf;}a.mfn-link-2 span:before, a:hover.mfn-link-4:before, a:hover.mfn-link-4:after, a.hover.mfn-link-4:before, a.hover.mfn-link-4:after, a.mfn-link-5:before, a.mfn-link-7:after, a.mfn-link-7:before {background: #0089f7;}a.mfn-link-6:before {border-bottom-color: #0089f7;}.column_column ul, .column_column ol, .the_content_wrapper:not(.is-elementor) ul, .the_content_wrapper:not(.is-elementor) ol {color: #737E86;}hr.hr_color, .hr_color hr, .hr_dots span {color: #0089F7;background: #0089F7;}.hr_zigzag i {color: #0089F7;}.highlight-left:after,.highlight-right:after {background: #0089F7;}@media only screen and (max-width: 767px) {.highlight-left .wrap:first-child,.highlight-right .wrap:last-child {background: #0089F7;}}#Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-stack #Top_bar, .header-split #Top_bar,.header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu, .sticky-tb-color #Top_bar.is-sticky {background-color: #000e26;}#Top_bar .wpml-languages a.active, #Top_bar .wpml-languages ul.wpml-lang-dropdown {background-color: #000e26;}#Top_bar .top_bar_right:before {background-color: #e3e3e3;}#Header .top_bar_right {background-color: #f5f5f5;}#Top_bar .top_bar_right a:not(.action_button) {color: #333333;}#Top_bar .menu > li > a,#Top_bar #menu ul li.submenu .menu-toggle {color: #ffffff;}#Top_bar .menu > li.current-menu-item > a,#Top_bar .menu > li.current_page_item > a,#Top_bar .menu > li.current-menu-parent > a,#Top_bar .menu > li.current-page-parent > a,#Top_bar .menu > li.current-menu-ancestor > a,#Top_bar .menu > li.current-page-ancestor > a,#Top_bar .menu > li.current_page_ancestor > a,#Top_bar .menu > li.hover > a {color: #e54619;}#Top_bar .menu > li a:after {background: #e54619;}.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description)::after {border-top-color: #ffffff;}#Top_bar .menu > li.current-menu-item.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current_page_item.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-menu-parent.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-page-parent.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-menu-ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-page-ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current_page_ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.hover.submenu > a > span:not(.description)::after {border-top-color: #e54619;}.menu-highlight #Top_bar #menu > ul > li.current-menu-item > a,.menu-highlight #Top_bar #menu > ul > li.current_page_item > a,.menu-highlight #Top_bar #menu > ul > li.current-menu-parent > a,.menu-highlight #Top_bar #menu > ul > li.current-page-parent > a,.menu-highlight #Top_bar #menu > ul > li.current-menu-ancestor > a,.menu-highlight #Top_bar #menu > ul > li.current-page-ancestor > a,.menu-highlight #Top_bar #menu > ul > li.current_page_ancestor > a,.menu-highlight #Top_bar #menu > ul > li.hover > a {background: #F2F2F2;}.menu-arrow-bottom #Top_bar .menu > li > a:after { border-bottom-color: #e54619;}.menu-arrow-top #Top_bar .menu > li > a:after {border-top-color: #e54619;}.header-plain #Top_bar .menu > li.current-menu-item > a,.header-plain #Top_bar .menu > li.current_page_item > a,.header-plain #Top_bar .menu > li.current-menu-parent > a,.header-plain #Top_bar .menu > li.current-page-parent > a,.header-plain #Top_bar .menu > li.current-menu-ancestor > a,.header-plain #Top_bar .menu > li.current-page-ancestor > a,.header-plain #Top_bar .menu > li.current_page_ancestor > a,.header-plain #Top_bar .menu > li.hover > a,.header-plain #Top_bar a:hover#header_cart,.header-plain #Top_bar a:hover#search_button,.header-plain #Top_bar .wpml-languages:hover,.header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown {background: #F2F2F2;color: #e54619;}.header-plain #Top_bar,.header-plain #Top_bar .menu > li > a span:not(.description),.header-plain #Top_bar a#header_cart,.header-plain #Top_bar a#search_button,.header-plain #Top_bar .wpml-languages,.header-plain #Top_bar .action_button {border-color: #f2f2f2;}#Top_bar .menu > li ul {background-color: #F2F2F2;}#Top_bar .menu > li ul li a {color: #5f5f5f;}#Top_bar .menu > li ul li a:hover,#Top_bar .menu > li ul li.hover > a {color: #2e2e2e;}#Top_bar .search_wrapper {background: #0089f7;}#Top_bar .search_wrapper input[type="text"]{color: white;}#Top_bar .search_wrapper input::placeholder{color: white;opacity: 1;}#Top_bar .search_wrapper input::-ms-input-placeholder {color: white;}.overlay-menu-toggle {color: #0089F7 !important;background: transparent;}#Overlay {background: rgba(0,137,247,0.95);}#overlay-menu ul li a, .header-overlay .overlay-menu-toggle.focus {color: #FFFFFF;}#overlay-menu ul li.current-menu-item > a,#overlay-menu ul li.current_page_item > a,#overlay-menu ul li.current-menu-parent > a,#overlay-menu ul li.current-page-parent > a,#overlay-menu ul li.current-menu-ancestor > a,#overlay-menu ul li.current-page-ancestor > a,#overlay-menu ul li.current_page_ancestor > a {color: #B1DCFB;}#Top_bar .responsive-menu-toggle,#Header_creative .creative-menu-toggle,#Header_creative .responsive-menu-toggle {color: #0089F7;background: transparent;}#Side_slide{background-color: #191919;border-color: #191919;}#Side_slide,#Side_slide .search-wrapper input.field,#Side_slide a:not(.action_button),#Side_slide #menu ul li.submenu .menu-toggle{color: #A6A6A6;}#Side_slide a:not(.action_button):hover,#Side_slide a.active,#Side_slide #menu ul li.hover > .menu-toggle{color: #FFFFFF;}#Side_slide #menu ul li.current-menu-item > a,#Side_slide #menu ul li.current_page_item > a,#Side_slide #menu ul li.current-menu-parent > a,#Side_slide #menu ul li.current-page-parent > a,#Side_slide #menu ul li.current-menu-ancestor > a,#Side_slide #menu ul li.current-page-ancestor > a,#Side_slide #menu ul li.current_page_ancestor > a,#Side_slide #menu ul li.hover > a,#Side_slide #menu ul li:hover > a{color: #FFFFFF;}#Action_bar .contact_details{color: #bbbbbb}#Action_bar .contact_details a{color: #006edf}#Action_bar .contact_details a:hover{color: #0089f7}#Action_bar .social li a,#Header_creative .social li a,#Action_bar:not(.creative) .social-menu a{color: #bbbbbb}#Action_bar .social li a:hover,#Header_creative .social li a:hover,#Action_bar:not(.creative) .social-menu a:hover{color: #FFFFFF}#Subheader .title{color: #161922;}#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a{color: rgba(22,25,34,0.6
71);}#Footer, #Footer .widget_recent_entries ul li a {color: #231f20;}#Footer a {color: #231f20;}#Footer a:hover {color: #e54619;}#Footer h1, #Footer h1 a, #Footer h1 a:hover,#Footer h2, #Footer h2 a, #Footer h2 a:hover,#Footer h3, #Footer h3 a, #Footer h3 a:hover,#Footer h4, #Footer h4 a, #Footer h4 a:hover,#Footer h5, #Footer h5 a, #Footer h5 a:hover,#Footer h6, #Footer h6 a, #Footer h6 a:hover {color: #e54619;}#Footer .themecolor, #Footer .widget_meta ul, #Footer .widget_pages ul, #Footer .widget_rss ul, #Footer .widget_mfn_recent_comments ul li:after, #Footer .widget_archive ul,#Footer .widget_recent_comments ul li:after, #Footer .widget_nav_menu ul, #Footer .widget_price_filter .price_label .from, #Footer .widget_price_filter .price_label .to,#Footer .star-rating span {color: #0089F7;}#Footer .themebg, #Footer .widget_categories ul, #Footer .Recent_posts ul li .desc:after, #Footer .Recent_posts ul li .photo .c,#Footer .widget_recent_entries ul li:after, #Footer .widget_mfn_menu ul li a:hover, #Footer .widget_product_categories ul {background-color: #0089F7;}#Footer .Recent_posts ul li a .desc .date, #Footer .widget_recent_entries ul li .post-date, #Footer .tp_recent_tweets .twitter_time,#Footer .widget_price_filter .price_label, #Footer .shop-filters .woocommerce-result-count, #Footer ul.product_list_widget li .quantity,#Footer .widget_shopping_cart ul.product_list_widget li dl {color: #a8a8a8;}#Footer .footer_copy .social li a,#Footer .footer_copy .social-menu a{color: #65666C;}#Footer .footer_copy .social li a:hover,#Footer .footer_copy .social-menu a:hover{color: #FFFFFF;}#Footer .footer_copy{border-top-color: rgba(255,255,255,0.1);}#Sliding-top, #Sliding-top .widget_recent_entries ul li a {color: #cccccc;}#Sliding-top a {color: #006edf;}#Sliding-top a:hover {color: #0089f7;}#Sliding-top h1, #Sliding-top h1 a, #Sliding-top h1 a:hover,#Sliding-top h2, #Sliding-top h2 a, #Sliding-top h2 a:hover,#Sliding-top h3, #Sliding-top h3 a, #Sliding-top h3 a:hover,#Sliding-top h4, #Sliding-top h4 a, #Sliding-top h4 a:hover,#Sliding-top h5, #Sliding-top h5 a, #Sliding-top h5 a:hover,#Sliding-top h6, #Sliding-top h6 a, #Sliding-top h6 a:hover {color: #ffffff;}#Sliding-top .themecolor, #Sliding-top .widget_meta ul, #Sliding-top .widget_pages ul, #Sliding-top .widget_rss ul, #Sliding-top .widget_mfn_recent_comments ul li:after, #Sliding-top .widget_archive ul,#Sliding-top .widget_recent_comments ul li:after, #Sliding-top .widget_nav_menu ul, #Sliding-top .widget_price_filter .price_label .from, #Sliding-top .widget_price_filter .price_label .to,#Sliding-top .star-rating span {color: #0089F7;}#Sliding-top .themebg, #Sliding-top .widget_categories ul, #Sliding-top .Recent_posts ul li .desc:after, #Sliding-top .Recent_posts ul li .photo .c,#Sliding-top .widget_recent_entries ul li:after, #Sliding-top .widget_mfn_menu ul li a:hover, #Sliding-top .widget_product_categories ul {background-color: #0089F7;}#Sliding-top .Recent_posts ul li a .desc .date, #Sliding-top .widget_recent_entries ul li .post-date, #Sliding-top .tp_recent_tweets .twitter_time,#Sliding-top .widget_price_filter .price_label, #Sliding-top .shop-filters .woocommerce-result-count, #Sliding-top ul.product_list_widget li .quantity,#Sliding-top .widget_shopping_cart ul.product_list_widget li dl {color: #a8a8a8;}blockquote, blockquote a, blockquote a:hover {color: #444444;}.image_frame .image_wrapper .image_links,.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {background: rgba(0,137,247,0.8);}.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after,.masonry.tiles .post-item.no-img,.masonry.tiles .post-item.format-quote,.blog-teaser li .desc-wrapper .desc .post-title:after,.blog-teaser li.no-img,.blog-teaser li.format-quote {background: #0089F7;}.image_frame .image_wrapper .image_links a {color: #ffffff;}.image_frame .image_wrapper .image_links a:hover {background: #ffffff;color: #0089F7;}.image_frame {border-color: #f8f8f8;}.image_frame .image_wrapper .mask::after {background: rgba(255,255,255,0.4);}.sliding_box .desc_wrapper {background: #0089F7;}.sliding_box .desc_wrapper:after {border-bottom-color: #0089F7;}.counter .icon_wrapper i {color: #0089F7;}.quick_fact .number-wrapper {color: #0089F7;}.progress_bars .bars_list li .bar .progress {background-color: #0089F7;}a:hover.icon_bar {color: #0089F7 !important;}a.content_link, a:hover.content_link {color: #0089F7;}a.content_link:before {border-bottom-color: #0089F7;}a.content_link:after {border-color: #0089F7;}.get_in_touch, .infobox {background-color: #0089F7;}.google-map-contact-wrapper .get_in_touch:after {border-top-color: #0089F7;}.timeline_items li h3:before,.timeline_items:after,.timeline .post-item:before {border-color: #0089F7;}.how_it_works .image .number {background: #0089F7;}.trailer_box .desc .subtitle,.trailer_box.plain .desc .line {background-color: #0089F7;}.trailer_box.plain .desc .subtitle {color: #0089F7;}.icon_box .icon_wrapper, .icon_box a .icon_wrapper,.style-simple .icon_box:hover .icon_wrapper {color: #0089F7;}.icon_box:hover .icon_wrapper:before,.icon_box a:hover .icon_wrapper:before {background-color: #0089F7;}ul.clients.clients_tiles li .client_wrapper:hover:before {background: #0089F7;}ul.clients.clients_tiles li .client_wrapper:after {border-bottom-color: #0089F7;}.list_item.lists_1 .list_left {background-color: #0089F7;}.list_item .list_left {color: #0089F7;}.feature_list ul li .icon i {color: #0089F7;}.feature_list ul li:hover,.feature_list ul li:hover a {background: #0089F7;}.ui-tabs .ui-tabs-nav li.ui-state-active a,.accordion .question.active .title > .acc-icon-plus,.accordion .question.active .title > .acc-icon-minus,.faq .question.active .title > .acc-icon-plus,.faq .question.active .title,.accordion .question.active .title {color: #0089F7;}.ui-tabs .ui-tabs-nav li.ui-state-active a:after {background: #0089F7;}body.table-hover:not(.woocommerce-page) table tr:hover td {background: #0089F7;}.pricing-box .plan-header .price sup.currency,.pricing-box .plan-header .price > span {color: #0089F7;}.pricing-box .plan-inside ul li .yes {background: #0089F7;}.pricing-box-box.pricing-box-featured {background: #0089F7;}input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"],select, textarea, .woocommerce .quantity input.qty,.dark input[type="email"],.dark input[type="password"],.dark input[type="tel"],.dark input[type="text"],.dark select,.dark textarea{color: #626262;background-color: rgba(255,255,255,1);border-color: #EBEBEB;}::-webkit-input-placeholder {color: #929292;}::-moz-placeholder {color: #929292;}:-ms-input-placeholder {color: #929292;}input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus {color: #0089F7;background-color: rgba(233,245,252,1) !important;border-color: #d5e5ee;}:focus::-webkit-input-placeholder {color: #929292;}:focus::-moz-placeholder {color: #929292;}.woocommerce span.onsale, .shop_slider .shop_slider_ul li .item_wrapper span.onsale {border-top-color: #0089F7 !important;}.woocommerce span.onsale i, .shop_slider .shop_slider_ul li .item_wrapper span.onsale i {color: white;}.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {border-color: #0089F7 !important;}@media only screen and ( min-width: 768px ){.header-semi #Top_bar:not(.is-sticky) {background-color: rgba(0,14,38,0.8);}}@media only screen and ( max-width: 767px ){#Top_bar{background-color: #000e26 !important;}#Action_bar{background-color: #FFFFFF !important;}#Action_bar .contact_details{color: #222222}#Action_bar .contact_details a{color: #006edf}#Action_bar .contact_details a:hover{color: #0089f7}#Action_bar .social li a,#Action_bar .social-menu a{color: #bbbbbb!important}#Action_bar .social li a:hover,#Action_bar .social-menu a:hover{color: #777777!important}} 72form input.display-none{display:none!important}
73/*# sourceURL=mfn-dynamic-inline-css */ 74</style> 75<link rel='stylesheet' id='style-css' href='https://ranhill.com.my/wp-content/themes/betheme-child/style.css?ver=7.1.2' media='all' /> 76<style id="mfn-custom-inline-css"> 77@font-face { 78 font-family: 'Helvetica Neue LT Medium Cond'; 79 src: 80 url('/wp-content/uploads/2022/07/HelveticaNeueLT-67MdCn.woff') format('woff'), 81 url('/wp-content/uploads/2022/07/Helvetica-Neue-LT-67-Medium-Condensed.ttf') format('truetype'); 82 font-weight: 500; 83 font-style: normal; 84 font-display: swap; 85} 86@font-face { 87 font-family: 'Helvetica Neue LT Condensed'; 88 src: 89 url('/wp-content/uploads/2022/07/HelveticaNeueLT-77BdCn.woff') format('woff'), 90 url('/wp-content/uploads/2022/07/Helvetica-Neue-LT-77-Bold-Condensed.ttf') format('truetype'); 91 font-weight: bold; 92 font-style: normal; 93 font-display: swap; 94} 95@font-face { 96 font-family: 'Helvetica Neue LT'; 97 src: 98 url('/wp-content/uploads/2022/07/HelveticaNeueLT-95Blk.woff') format('woff'), 99 url('/wp-content/uploads/2022/07/Helvetica-Neue-LT-95-Black.ttf') format('truetype'); 100 font-weight: 900; 101 font-style: normal; 102 font-display: swap; 103} 104@font-face { 105 font-family: 'Helvetica Neue LT'; 106 src: 107 url('/wp-content/uploads/2022/07/HelveticaNeueLT-75Bd.woff') format('woff'), 108 url('/wp-content/uploads/2022/07/Helvetica-Neue-LT-75-Bold.ttf') format('truetype'); 109 font-weight: bold; 110 font-style: normal; 111 font-display: swap; 112} 113@font-face { 114 font-family: 'Helvetica Neue LT'; 115 src: 116 url('/wp-content/uploads/2022/07/HelveticaNeueLT-65Md.woff') format('woff'), 117 url('/wp-content/uploads/2022/07/Helvetica-Neue-LT-65-Medium.ttf') format('truetype'); 118 font-weight: 500; 119 font-style: normal; 120 font-display: swap; 121} 122 123:root{ 124 --bg-base: #000E26; 125 --orange: #E54619; 126 --white: #ffffff; 127 --black: #231F20;
128 --grey1: #606060; 129 --grey2: #D6D6D6; 130} 131.menu_wrapper .icon-facebook, .menu_wrapper .icon-instagram, .menu_wrapper .icon-play, .menu_wrapper .icon-linkedin 132{ 133 background-color: #3b5998; 134 color: #fff; 135 padding: 6px 4px; 136 font-size: 12px; 137 line-height: 12px; 138 border-radius: 3px; 139} 140.menu_wrapper .sm-icon span 141{ 142 padding: 0px 10px !important; 143} 144.menu_wrapper .icon-instagram 145{ 146 background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); 147} 148.menu_wrapper .icon-play 149{ 150 background-color: #FF0000; 151} 152.menu_wrapper .icon-linkedin 153{ 154 background-color:#0A66C2; 155} 156.column_column li { 157 margin-bottom: 12px !important; 158} 159.leader-page li p { 160 color: var(--grey1); 161} 162 163.bold { 164 font-weight: 800; 165} 166.text-white{ 167 color: #ffffff !important; 168} 169.text-black{ 170 color: var(--black) !important; 171} 172.text-grey-2{ 173 color: var(--grey2) !important; 174} 175 176.text-orange, .text-orange *{ 177 color: var(--orange) !important; 178} 179.bg-gradient { 180 background: linear-gradient(255deg, #2D67C8 0%, #052D74 100%); 181} 182.bg-orange{ 183 background-color: var(--orange); 184} 185 186hr { 187 background-color: rgb(0, 0, 0, .3) !important; 188} 189 190h1, h2, h3, h4, h5, h6, p, a, b, span, ul, li, .post-excerpt{ 191 font-family: 'Helvetica Neue LT' !important; 192} 193.futuraFont{ 194 font-family: futura-pt, sans-serif !important; 195} 196a, a:hover{ 197 text-decoration: none; 198} 199a.contact:hover, a.underline-footer:hover, a.has-underline:hover{ 200 text-decoration: underline !important; 201} 202 203body, p { 204 font-size: calc(12px + 4 * ((100vw - 380px) / 1540)); 205 line-height: 1.4; 206} 207h1 { 208 font-size: calc(58px + 38 * ((100vw - 380px) / 1540)); 209 /* line-height: calc(56px + 36 * ((100vw - 380px) / 1540)); */ 210 line-height: 1; 211} 212h2 { 213 font-size: calc(38px + 32 * ((100vw - 380px) / 1540)); 214 line-height: 1; 215 margin-bottom: 23px; 216} 217h3 { 218 font-size: calc(24px + 14 * ((100vw - 380px) / 1540)); 219 line-height: 1.25; 220} 221h4 { 222 font-size: calc(18px + 8 * ((100vw - 380px) / 1540)); 223 line-height: calc(22px + 12 * ((100vw - 380px) / 1540)); 224} 225h5 { 226 font-size: calc(16px + 8 * ((100vw - 380px) / 1540)); 227 line-height: 1.5; 228} 229h6 { 230 font-size: calc(10px + 4 * ((100vw - 380px) / 1540)); 231 line-height: 1.3; 232 /* line-height: calc(10px + 4 * ((100vw - 380px) / 1540)); */ 233 text-transform: uppercase; 234} 235 236.leader-content-section li, .leader-content-section li p{ 237 color: var(--grey1) !important; 238} 239 240li, li p { 241 color: var(--grey-1); 242 margin-bottom: 0px !important; 243} 244ul{ 245 margin-left: 15px !important; 246} 247ul.blue-bullet-pt li { 248 list-style: square; 249 margin-bottom: 40px !important; 250} 251ul.blue-bullet-pt li::marker { 252 color: #052D74; 253 font-size: 25px; 254} 255.column-content-left p { 256 color: var(--grey1); 257} 258 259.transparent{ 260 opacity: 0; 261} 262 263.img-wrap-1 { 264 transform: translateY(40%); 265} 266.img-wrap-2 { 267 transform: translateY(-40%); 268} 269.float-center{ 270 float: none; 271 margin: 0 auto; 272} 273 274.top-right-tab{ 275 margin-top: 20px; 276} 277 278.top-white .top-section, .top-dark-transparent .top-section { 279 padding-top: 180px; 280} 281 282 283/* Blue Icon Container */ 284.blue-icon-container-wrap { 285 display: flex; 286 flex-wrap: wrap; 287} 288.blue-icon-container-inner { 289 min-width: 180px; 290 width: calc(94% / 3); 291 margin-right: 2%; 292 min-height: 14.927vw; 293 max-height: 14.927vw; 294 margin-bottom: 1.198vw; 295 box-shadow: 0px 5px 25px #000E261A; 296 display: flex; 297 flex-direction: column; 298 justify-content: space-between; 299 align-items: center; 300 padding: 1.683vw 1.2vw; 301 background-color: #fff; 302} 303.blue-icon-container-logo { 304 background: linear-gradient(180deg, #2D67C8 0%, #052D74 100%); 305 width: 6.25vw; 306 height: 6.25vw; 307 min-width: 55px; 308 min-height: 55px; 309 display: flex; 310 align-items: center; 311 justify-content: center; 312 border-radius: 100%; 313} 314.blue-icon-container-logo img { 315 width: 3.125vw; 316 height: 3.125vw !important; 317 min-width: 25px; 318 min-height: 25px; 319} 320.blue-icon-container-desc p { 321 margin: 0; 322 line-height: 1.15; 323 color: var(--bg-base); 324 text-align: center; 325} 326 327 328/* Blue Hov Container */ 329.blue-hov-container { 330 position: relative; 331 min-height: 30vw; 332 overflow: hidden; 333 height: 100%; 334} 335.blue-hov-img { 336 position: absolute; 337 top: 0; 338 left: 0; 339 z-index: -1; 340 height: 100%; 341 width: 100%; 342} 343.blue-hov-img img { 344 height: 100% !important; 345 width: 100%; 346 transition: .3s; 347} 348.blue-hov-content { 349 position: relative; 350 display: flex; 351 flex-direction: column; 352 height: 30vw; 353 width: 100%; 354 padding: 2.604vw 2.604vw 1.302vw; 355} 356.blue-hov-content:hover:before { 357 height: 180%; 358} 359.blue-hov-title {
360 display: flex; 361 align-items: center; 362 justify-content: space-between; 363 padding-bottom: 20px; 364 margin-bottom: 20px; 365 border-bottom: 1px solid white; 366} 367.blue-hov-title p { 368 margin: 0; 369} 370.blue-hov-title h5 { 371 margin: 0; 372 font-weight: 800; 373 color: #fff; 374} 375.blue-hov-content:hover .blue-hov-excerpt { 376 opacity: 1; 377} 378.blue-hov-excerpt { 379 height: 100%; 380 color: #fff; 381 font-size: 0.938vw; 382 line-height: 1.250vw; 383 opacity: 0; 384 transition: .3s; 385} 386.blue-hov-title img { 387 max-width: 30px !important; 388 max-height: 30px !important; 389} 390 391p.blue-button-up { 392 width: 45px; 393 height: 45px; 394 position: absolute; 395 bottom: 5%; 396 right: 6%; 397 transform: rotate(45deg); 398 opacity: 0; 399 transition: .3s; 400 margin: 0; 401} 402/* .blue-button-up{ 403width: 50px; 404height: 50px; 405} */ 406.blue-hov-content p.blue-button-up { 407 position: absolute; 408 bottom: 0.5vw; 409 right: 2vw; 410 transform: rotate(40deg); 411 opacity: 0; 412 transition: .5s; 413} 414.blue-hov-content:hover p.blue-button-up{ 415 opacity: 1; 416} 417.blue-hov-container:hover .subsidiary-img img { 418 transform: scale(1.2); 419} 420.blue-hov-content:before { 421 content: ''; 422 position: absolute; 423 width: 100%; 424 height: 55%; 425 top: 0; 426 left: 0; 427 background: linear-gradient(180deg, #2D67C8E6 0%, #052D7400 65%); 428 z-index: -1; 429 transition: .3s; 430} 431.button-round .button { 432 background: linear-gradient(125deg, #2D67C8 0%, #052D74 100%); 433 color: #ffffff; 434 border: none !important; 435 transition: .3s; 436 padding: 12px 35px 14px 50px; 437} 438a.pager_load_more:hover { 439 background: linear-gradient(125deg, #2D67C8 0%, #052D74 200%); 440 padding: 12px 30px 14px 55px; 441} 442a.pager_load_more:before { 443 content: ''; 444 position: absolute; 445 top: 1px; 446 bottom: 0; 447 left: 20%; 448 width: 4px; 449 height: 4px; 450 margin: auto 0; 451 background-color: #ffffff; 452 transition: .3s; 453} 454a.pager_load_more.button.has-icon:hover:before { 455 left: 18%; 456} 457 458 459 460/* Blue Hov 2 Container */ 461.blue-hov-container-2 { 462 position: relative; 463 min-height: 27vw; 464 overflow: hidden; 465 height: 100%; 466} 467.blue-hov-img-2 { 468 position: absolute; 469 top: 0; 470 left: 0; 471 z-index: -1; 472 height: 100%; 473 width: 100%; 474} 475.blue-hov-img-2 img { 476 height: 100% !important; 477 width: 100%; 478 transition: .3s; 479} 480.blue-hov-content-2 { 481 position: relative; 482 display: flex; 483 flex-direction: column; 484 height: 40.8vw; 485 width: 100%; 486 padding: 2.604vw 2.604vw 1.302vw; 487} 488.blue-hov-content-2:hover:before { 489 height: 170%; 490} 491.blue-hov-title-2 { 492 display: flex; 493 align-items: center; 494 justify-content: space-between; 495 padding-bottom: 20px; 496 margin-bottom: 20px; 497 border-bottom: 1px solid white; 498} 499.blue-hov-title-2 p { 500 margin: 0; 501} 502.blue-hov-title-2 h5 { 503 margin: 0; 504} 505.blue-hov-content-2:hover .blue-hov-excerpt-2 { 506 opacity: 1; 507} 508.blue-hov-excerpt-2 { 509 height: 100%; 510 color: #fff; 511 font-size: 0.938vw; 512 line-height: 1.250vw; 513 opacity: 0; 514 transition: .3s; 515} 516.blue-hov-title-2 img { 517 max-width: 30px !important; 518 max-height: 30px !important; 519} 520 521.blue-hov-content-2 p.blue-button-up { 522 position: absolute; 523 bottom: 25px; 524 /* bottom: 0.5vw; */ 525 right: 2vw; 526 transform: rotate(40deg); 527 opacity: 0; 528 transition: .5s; 529} 530.blue-hov-content-2:hover p.blue-button-up{ 531 opacity: 1; 532} 533.blue-hov-content-2:after { 534 content: ''; 535 position: absolute; 536 bottom: 0; 537 right: 0; 538 width: 0; 539 height: 0; 540 background: #F0F4F6; 541 clip-path: polygon(100% 100%, 100% 0, 0 100%); 542 z-index: -1; 543 transition: .3s; 544} 545.blue-hov-content-2:hover:after { 546 width: 200px; 547 height: 180px; 548} 549.blue-hov-container-2:hover .subsidiary-img-2 img, .blue-hov-container-2:hover .blue-hov-img-2 img { 550 transform: scale(1.2); 551} 552.blue-hov-content-2:before { 553 content: ''; 554 position: absolute; 555 width: 100%; 556 height: 55%; 557 top: 0; 558 left: 0; 559 background: linear-gradient(180deg, #2D67C8E6 0%, #052D7400 65%); 560 z-index: -1; 561 transition: .3s; 562} 563 564 565 566/* Button Hov Container */ 567.button-hov-container:before { 568 content: ''; 569 position: absolute; 570 bottom: 0px; 571 right: 0px; 572 width: 0; 573 height: 0; 574 clip-path: polygon(100% 100%, 100% 0, 0 100%); 575 background-color: #F0F4F6; 576 transition: .3s; 577} 578.button-hov-container:hover:before { 579 width: 180px; 580 height: 160px; 581} 582.button-hov-container:hover p.blue-button-up { 583 opacity: 1;
584} 585 586/* move-top */ 587.move-top .wrap { 588 margin-top: -100px !important; 589 z-index: 0; 590} 591 592/* Width-1 */ 593.width-960 .section_wrapper.mcb-section-inner { 594 max-width: 960px; 595 padding: 0 30px; 596} 597 598/* Width-2-column == right side column sticks to the screen */ 599.width-2-wrap .mcb-wrap-inner, .width-2-column .column_attr, .indent-2-wrap .mcb-wrap-inner, .indent-1-column .column_attr, .indent-2-column .column_attr { 600 display: flex; 601 height: 100%; 602} 603 604.width-2-column .column-content-left, .indent-1-column .column-content-left, .indent-2-column .column-content-left { 605 width: 50%; 606 height: 80%; 607 display: flex; 608 flex-direction: column; 609} 610.width-2-column .img-right-container, .indent-1-column .img-right-container, .indent-2-column .img-right-container { 611 width: 60%; 612} 613 614/* Full Width with image(left) content(right) */ 615.full-img-content-section { 616 padding: 0 !important; 617} 618.full-img-content-section .mcb-section-inner .mcb-wrap{ 619 height: 88vh !important; 620} 621.full-img-content-section .full-img-content-wrap .mcb-wrap-inner { 622 display: flex; 623 justify-content: center; 624 align-items: center; 625 height: 100%; 626} 627 628 629.full-screen-section { 630 min-height: 100vh; 631} 632.full-screen-section .section_wrapper { 633 padding-top: 10vw; 634} 635 636 637.top-dark-transparent div#Top_bar:not(.is-sticky) * { 638 color: white; 639} 640.top-dark-transparent #Top_bar .sub-menu li a span { 641 color: #5f5f5f !important; 642} 643.top-dark-transparent #Top_bar:not(.is-sticky) img { 644 filter: brightness(100) !important; 645} 646.top-dark-transparent #Top_bar .sub-menu { 647 background: white !important; 648} 649 650 651 652 653/* ============= 654* Page Widths 655* =============*/ 656a#back_to_top { 657 right: 7.5vw; 658} 659#Subheader .container, #Footer .container, .exact-width, .section_wrapper { 660 max-width: unset; 661 padding: 0 7.5vw; 662} 663#Top_bar .container{ 664 max-width: unset; 665 padding: 0 0 0 7.5vw; 666} 667.padded-section .section_wrapper { 668 max-width: unset; 669 padding: 0 14.5vw; 670} 671.indent-section-1{ 672 max-width: unset; 673 padding-left: 8.5vw; 674} 675.indent-section-2 { 676 max-width: unset; 677 padding-left: 14.5vw; 678} 679.indent-section-1 .section_wrapper, .indent-section-2 .section_wrapper, .exact-width .section_wrapper, .leader-top-section .section_wrapper{ 680 padding: 0 !important; 681} 682.img-full{ 683 padding: 0 !important; 684} 685.leader-top-section { 686 padding: 0 0 0 7.5vw; 687} 688.leader-top-section .mcb-section-inner .mcb-wrap{ 689 height: 88vh !important; 690} 691.leader-banner-left-wrapper{ 692 width: 46.5% !important; 693} 694.leader-banner-right-wrapper{ 695 width: 53.5% !important; 696} 697.leader-top-section .full-img-content-wrap .mcb-wrap-inner { 698 display: flex; 699 justify-content: center; 700 align-items: center; 701 height: 100%; 702} 703 704 705/* Stock */ 706.banner_wrapper { 707 text-align: right; 708 position: absolute; 709 top: 18px; 710 right: 30px; 711 padding: 12px; 712 display: flex !important; 713 align-items: center; 714} 715#Top_bar.is-sticky .banner_wrapper { 716 top: 3px; 717} 718iframe.header-stock { 719 height: 40px; 720 max-width: 180px; 721 display: block; 722 scale: 0.55; 723} 724.header-stock-wrapper:before { 725 content: ''; 726 position: absolute; 727 background: white; 728 width: 55%; 729 height: 50%; 730 top: 0; 731 bottom: 15%; 732 left: -5%; 733 right: 0; 734 margin: auto; 735 border-radius: 50px; 736} 737 738 739/* Header */ 740#Header_wrapper{ 741 z-index: 100; 742} 743#Top_bar{ 744 box-shadow: none !important; 745} 746#Top_bar.is-sticky .container { 747 width: 100%; 748} 749#Top_bar .column { 750 margin: 0; 751} 752#Top_bar .logo { 753 margin: 0 30px 0 0px; 754} 755#Top_bar #logo img{ 756 max-width: 70px; 757} 758#Top_bar .menu_wrapper { 759 margin-right: 200px; 760} 761#Top_bar .menu li ul li { 762 width: 240px; 763} 764.sticky-tb-color #Top_bar.is-sticky { 765 background-color: var(--white); 766 display: flex; 767 align-items: center; 768 height: 90px; 769} 770.header-transparent #Top_bar.is-sticky .menu_wrapper .menu > li > a:hover, .is-sticky#Top_bar .menu > li ul li a:hover, ul#menu-main-menu li.menu-item > a:hover, #Top_bar .menu > li ul li a:hover { 771 color: var(--orange) !important; 772} 773ul#menu-main-menu li.menu-item > a { 774 font-size: calc(10px + 4 * ((100vw - 380px) / 1540)); 775} 776div#Top_bar.is-sticky #logo img { 777 filter: brightness(0); 778} 779.menu-item a { 780 border: 0 !important; 781} 782li.menu-item{ 783 list-style: none !important; 784} 785 786ul#menu-main-menu ul.sub-menu { 787 box-shadow: none !important; 788 background: white; 789 border: 1px solid rgb(128 128 128 / 5%); 790 border-top: 0;
791} 792 793@media(min-width: 767px){ 794 body.top-white .sfm-navicon:before, body.top-white .sfm-navicon:after, body.single-post .sfm-navicon:before, body.single-post .sfm-navicon:after { 795 background-color: black; 796 } 797} 798body.top-dark-transparent ul#menu-main-menu ul.sub-menu { 799 background: rgb(255 255 255 / 20%); 800} 801.menuo-sub-active #Top_bar .menu > li ul li.current-menu-item > a{ 802 background: none; 803} 804 805.is-sticky ul#menu-main-menu { 806 background: transparent; 807} 808.is-sticky ul.sub-menu{ 809 margin-left: 0 !important; 810 background: white !important; 811 box-shadow: 0px 3px 3px 3px rgb(0 0 0 / 7%) !important; 812} 813.is-sticky#Top_bar .menu > li ul li a { 814 background: transparent; 815 border: 0; 816} 817 818 819#Top_bar.is-sticky .menu > li.submenu > a > span:not(.description):after { 820 background-image: url(/wp-content/uploads/2022/07/Arrow-Down-black.svg); 821} 822@media only screen and (min-width: 1240px){ 823 #Top_bar.is-sticky .menu_wrapper .menu > li > a { 824 color: var(--black); 825 } 826 #Top_bar.is-sticky .logo { 827 margin: 0 30px 0 0px; 828 } 829} 830 831 832 833/* Subsidiary Section */ 834.subsidiary-section .section_wrapper{ 835 position: static; 836} 837.subs-bg{ 838 position: absolute; 839 z-index: 0; 840 bottom: 0; 841 left: 0; 842} 843.subs-bg .column{ 844 margin: 0; 845 width: 100%; 846} 847.tabs-bg{ 848 position: absolute; 849 z-index: 0; 850 bottom: 0; 851 left: 0; 852} 853.tabs-bg .column{ 854 margin: 0; 855 width: 100%; 856} 857 858 859 860/* Leader Page Header */ 861.leader-page div#Top_bar { 862 background: white; 863 border: 0; 864} 865@media(min-width: 768px){ 866 .leader-page div#Top_bar .logo { 867 filter: brightness(0); 868 } 869 .leader-page div#Top_bar #menu-main-menu a { 870 color: black; 871 } 872 .leader-page .sfm-navicon:before, .leader-page .sfm-navicon:after { 873 background: black; 874 } 875} 876.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description)::after { 877 border-top-color: #000000; 878 opacity: 1; 879} 880 881/* SubHeader */ 882#Subheader { 883 background: linear-gradient(255deg, #2D67C8 0%, #052D74 100%); 884 height: calc(50vh - 210px); 885 padding-bottom: 60px; 886} 887#Subheader h1.title, h1.custom-title, h1.post-top-title{ 888 font-family: futura-pt, sans-serif !important; 889} 890#Subheader ul.breadcrumbs li span { 891 margin: 0 !important; 892 opacity: 1 !important; 893} 894.top-white h1.custom-title { 895 text-align: left; 896} 897ul.custom-breadcrumbs, ul.breadcrumbs, ul.custom-leader-breadcrumbs, ul.post-breadcrumbs{ 898 font-size: 11px; 899 letter-spacing: 1px; 900} 901.icon-right-open:before { 902 content: '/'; 903 font-weight: 900; 904} 905#Subheader .container{ 906 height: 100%; 907 width: 100%; 908 display: flex; 909} 910#Subheader .container .column.one { 911 display: flex; 912 flex-direction: column; 913 margin: 0; 914 justify-content: flex-end; 915} 916#Subheader .container .column.one .breadcrumbs, #Subheader .container .column.one .title{ 917 text-align: left; 918 margin-left: 0 !important; 919} 920#Subheader .container .column.one .title, h1.custom-title, h1.post-top-title{ 921 order: 2; 922 padding-top: 10px; 923 color: var(--white); 924 font-size: calc(42px + 17 * ((100vw - 600px) / 600)); 925 line-height: 1; 926 font-weight: 700; 927} 928#Subheader .container .column.one .breadcrumbs{ 929 order: 1; 930} 931#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a{ 932 font-size: 11px; 933 color: var(--white); 934 font-weight: 700; 935 text-transform: uppercase; 936 letter-spacing: 1px; 937} 938 939ul.custom-leader-breadcrumbs, ul.custom-breadcrumbs, ul.post-breadcrumbs{ 940 margin-left: 0 !important; 941} 942 943 944/* Subheader Hide */ 945.subheader-hide #Subheader, .single-post div#Subheader{ 946 display: none; 947} 948 949 950/* Custom Subheader */ 951h1.custom-title, h1.post-top-title{ 952 color: var(--black) !important; 953} 954ul.custom-breadcrumbs, ul.post-breadcrumbs { 955 list-style: none !important; 956 display: inline-flex; 957 flex-wrap: wrap; 958 color: var(--black); 959 text-transform: uppercase; 960 font-weight: 700; 961 margin-left: 0; 962 margin-bottom: 0; 963 letter-spacing: 1px; 964} 965.custom-breadcrumbs a, .post-breadcrumbs a{ 966 color: var(--black); 967} 968 969 970/* Custom Leader Subheader */ 971ul.custom-leader-breadcrumbs { 972 list-style: none !important; 973 display: inline-flex; 974 flex-wrap: wrap; 975 color: var(--white); 976 text-transform: uppercase; 977 font-weight: 700; 978 margin-bottom: 0; 979} 980.custom-leader-breadcrumbs a, ul.custom-leader-breadcrumbs li { 981 color: var(--white); 982 letter-spacing: 1px; 983} 984h1.custom-leader-title { 985 font-size: 42px; 986 line-height: 44px;
987 font-family: 'Helvetica Neue LT' !important; 988 color: white; 989 font-weight: 600; 990 margin-bottom: 5px; 991 flex-grow: 1; 992 display: flex; 993 align-items: end; 994} 995.leader-subheader-container { 996 display: flex; 997 flex-direction: column; 998 height: 50%; 999 flex-grow: 1; 1000} 1001 1002 1003 1004 1005/* Leader Subheader */ 1006.leader-subheader-container p { 1007 color: #D6D6D6 !important; 1008 flex-grow: 1; 1009 display: flex; 1010 align-items: end; 1011} 1012.leader-banner-left-wrapper .mcb-wrap-inner{ 1013 display: flex; 1014 align-items: center; 1015 height: 100%; 1016} 1017.leader-banner-left-column { 1018 display: flex; 1019 height: 100%; 1020 align-items: center; 1021 padding-top: 80px; 1022 padding-bottom: 60px; 1023} 1024.leader-banner-left-column .column_attr{ 1025 display: flex; 1026 height: 100%; 1027 flex-direction: column; 1028 justify-content: center; 1029} 1030 1031.leader-page li, .leader-page li p{ 1032 margin-bottom: 0; 1033} 1034 1035 1036/* Leaders Page */ 1037/* Leaders Container */ 1038.leaders-container { 1039 height: 25.604vw; 1040 width: 25.604vw !important; 1041 position: relative; 1042 overflow: hidden; 1043} 1044.leaders-container .column_attr { 1045 display: flex; 1046 flex-direction: column; 1047 justify-content: flex-end; 1048 height: 100%; 1049 padding: 30px; 1050 position: relative; 1051 overflow: hidden; 1052} 1053.leader-img { 1054 position: absolute; 1055 top: 0; 1056 left: 0; 1057 z-index: -1; 1058 width: 100%; 1059 height: 100% !important; 1060 transition: .3s; 1061} 1062.leaders-container:hover img.leader-img { 1063 transform: scale(1.05); 1064} 1065.leaders-container h5, .leaders-container p { 1066 color: var(--white); 1067 margin-bottom: 0px; 1068} 1069 1070 1071 1072/* Top Banner Section */ 1073.top-banner-section { 1074 /* height: calc(100vh - 330px); */ 1075 min-height: 50vh; 1076} 1077 1078/* Footer */ 1079footer#Footer .widget { 1080 display: flex; 1081} 1082.footer-container { 1083 margin-bottom: 25px; 1084} 1085.footer-container:nth-child(n+2) { 1086 width: 17%; 1087 margin-right: 3%; 1088} 1089.footer-container-1 { 1090 width: 33%; 1091} 1092.footer-container-1 img { 1093 max-width: 160px; 1094} 1095.footer-container p { 1096 margin-bottom: 2px; 1097 line-height: 1.6; 1098} 1099.copyright { 1100 max-width: 90%; 1101 width: 100%; 1102} 1103.footer-copyright-section { 1104 display: flex; 1105} 1106.copy-left { 1107 width: 33%; 1108} 1109.copy-right { 1110 width: 60%; 1111 display: flex; 1112 flex-direction: column; 1113 justify-content: end; 1114} 1115.social-media-section img { 1116 width: 25px; 1117 height: 20px; 1118 margin-right: 5px; 1119} 1120#back_to_top { 1121 position: absolute; 1122 background-image: url(/wp-content/uploads/2022/09/backtotop-img.svg); 1123 background-size: contain; 1124 background-repeat: no-repeat; 1125 background-position: center; 1126 right: 15px; 1127 bottom: 15%; 1128 width: 50px; 1129 height: 50px; 1130 padding: 0; 1131 border-radius: 50px; 1132} 1133.icon-up-open-big:before{ 1134 content: '' !important; 1135} 1136#Footer .social-media-section a:hover img { 1137 filter: invert(65%) sepia(54%) saturate(6371%) hue-rotate(339deg) brightness(125%) contrast(200%); 1138} 1139 1140 1141 1142 1143 1144 1145 1146 1147/* Buttons */ 1148.blue-button span:before { 1149 content: ''; 1150 position: absolute; 1151 width: 3px; 1152 height: 3px; 1153 top: 0; 1154 bottom: 0; 1155 left: 18px; 1156 margin: auto 0; 1157 background-color: white; 1158} 1159.blue-button span.button_label { 1160 font-size: 9px; 1161 letter-spacing: 1.8px; 1162} 1163.blue-button { 1164 padding: 10px 20px 10px 30px !important; 1165 width: fit-content; 1166} 1167p.blue-button-1 { 1168 height: 50px; 1169 display: flex; 1170 align-items: center; 1171} 1172p.blue-button-1 a { 1173 position: relative; 1174 padding: 12px 30px 11px 45px; 1175 color: var(--white); 1176 font-size: 10px; 1177 line-height: 25px; 1178 font-weight: 700; 1179 letter-spacing: 1px; 1180 border-radius: 50px; 1181 transition: .3s; 1182 background: transparent; 1183 overflow: hidden; 1184 z-index: 2; 1185} 1186p.blue-button-1 a:before { 1187 content: ''; 1188 position: absolute; 1189 background-color: var(--white); 1190 top: 45%; 1191 left: 25px; 1192 width: 4px; 1193 height: 4px; 1194 transition: .3s; 1195} 1196p.blue-button-1 a:after { 1197 position: absolute; 1198 content: ''; 1199 background: linear-gradient(90deg, #2D67C8 0%, #052D74 80%); 1200 width: 100%; 1201 height: 100%; 1202 z-index: -1; 1203 top: 0; 1204 left: 0; 1205 transition: .3s; 1206} 1207p.blue-button-1 a span{ 1208 display: block; 1209 transition: .3s; 1210} 1211p.blue-button-1 a:hover:after { 1212 width: 250% !important; 1213} 1214p.blue-button-1 a:hover span { 1215 transform: translateX(2px); 1216} 1217p.blue-button-1 a:hover:before { 1218 left: 20px; 1219} 1220 1221 1222 1223 1224 1225 1226 1227/* Accordion */ 1228.accordion-item.full { 1229 width: 100% !important; 1230} 1231ul.accordion{ 1232 list-style: none !important; 1233 color: black; 1234 margin-left: 0 !important; 1235 padding: 0; 1236} 1237ul.accordion .inner { 1238 overflow: hidden; 1239 display: none; 1240 padding-right: 60px; 1241 padding-top: 20px; 1242} 1243.accordion li{ 1244 list-style: none; 1245 padding: 10px 0 20px; 1246 color: var(--grey1); 1247 position: relative; 1248 margin: 0 !important; 1249} 1250.accordion h5 { 1251 position: relative; 1252 color: var(--black); 1253 margin: 0; 1254} 1255.content-container{ 1256 display: flex; 1257 flex-wrap: wrap; 1258} 1259.accordion-item { 1260 width: 47%; 1261 margin-right: 3%; 1262 margin-bottom: 40px; 1263} 1264.accordion-item ul { 1265 margin-left: 15px; 1266} 1267.accordion-item li { 1268 list-style: square; 1269 padding: 0; 1270} 1271.accordion li a { 1272 display: flex; 1273 justify-content: space-between; 1274 align-items: center; 1275} 1276.accordion-arrow { 1277 border-radius: 50px; 1278 overflow: hidden; 1279} 1280.accordion li a { 1281 display: flex; 1282 justify-content: space-between; 1283 align-items: center; 1284} 1285.accordion a:hover .accordion-arrow span { 1286 width: 300%; 1287 transition: .3s; 1288} 1289.accordion-arrow span { 1290 background: linear-gradient(90deg, #2D67C8 0%, #052D74 100%); 1291 display: flex; 1292 width: 100%; 1293 height: 42px !important; 1294 width: 42px !important; 1295 padding: 16px; 1296 align-items: center; 1297 transition: .5s; 1298} 1299.accordion-arrow span img{ 1300 width: 15px !important; 1301 height: auto !important; 1302} 1303.accordion a p.accordion-arrow.arrow-up, .accordion a.active p.accordion-arrow { 1304 display: none; 1305} 1306.accordion a.active p.accordion-arrow.arrow-up { 1307 display: block; 1308} 1309 1310 1311 1312 1313 1314/* Posts */ 1315.hide-more .post-footer .post-links .icon-doc-text, .hide-more .post-footer .post-links .post-more {
1316 display: block; 1317} 1318.post-photo-wrapper img { 1319 width: 100%; 1320} 1321.post-footer i.icon-doc-text { 1322 display: none !important; 1323} 1324.post-head span.post-date.updated { 1325 display: flex; 1326 flex-direction: column; 1327 color: var(--grey2); 1328} 1329span.date-month-year { 1330 color: var(--grey1); 1331} 1332.post-head .date i.icon-clock, .post-photo-wrapper .image_links, .post-photo-wrapper .mask{ 1333 display: none; 1334} 1335.post-head span.date-day { 1336 font-size: calc(38px + 8 * ((100vw - 380px) / 380)); 1337 line-height: calc(28px + 12 * ((100vw - 380px) / 380)); 1338} 1339.image_frame:not(.no_link) .image_wrapper img:not(.ls-l){ 1340 margin: 0 !important; 1341} 1342.image_frame:hover .image_wrapper img, .image_frame.hover .image_wrapper img{ 1343 top: 0 !important; 1344} 1345 1346.filter-post-container .post-photo-wrapper{ 1347 display: none; 1348} 1349.post-head { 1350 order: 3; 1351} 1352.post-excerpt{ 1353 flex-grow:1 1354} 1355.our-latest-post-column .post-title a{ 1356 color: var(--white); 1357} 1358.our-latest-post-column .post-desc { 1359 height: 100%; 1360 min-height: 300px; 1361 background: linear-gradient(255deg, #2D67C8 0%, #052D74 100%); 1362 padding: 50px 40px; 1363 display: flex; 1364 flex-direction: column; 1365 color: white; 1366} 1367.our-latest-post-column .theDate{ 1368 flex-grow: 1; 1369 display: flex; 1370 flex-direction: column; 1371 justify-content: end; 1372} 1373.our-latest-post-column h3.day, .filter-post-container h3.day { 1374 margin-bottom: 5px; 1375 color: var(--grey2); 1376} 1377.our-latest-post-column .isotope-item { 1378 display: flex; 1379 flex-wrap: wrap; 1380} 1381.our-latest-post-column .post-photo-wrapper{ 1382 border: 0 !important; 1383} 1384 1385 1386.post-footer span{ 1387 opacity: 0; 1388} 1389.our-latest-post-column .post-footer { 1390 position: absolute; 1391 bottom: 25px; 1392 right: 15px; 1393 background: transparent; 1394} 1395.post-footer { 1396 position: absolute; 1397 bottom: 25px; 1398 right: 25px; 1399 background: transparent; 1400} 1401a.post-more:before { 1402 content: ''; 1403 position: absolute; 1404 bottom: 0; 1405 right: 25%; 1406 background-image: url(/wp-content/uploads/2022/09/backtotop-img.svg); 1407 width: 45px; 1408 height: 45px; 1409 background-size: contain; 1410 background-repeat: no-repeat; 1411 transform: rotate(45deg); 1412 display: flex; 1413 z-index: 1; 1414 opacity: 1; 1415 transition: .3s; 1416} 1417.post-desc:after { 1418 content: ''; 1419 position: absolute; 1420 width: 180px; 1421 height: 170px; 1422 background-color: #F0F4F6; 1423 bottom: 0; 1424 right: 0; 1425 clip-path: polygon(100% 100%, 100% 0, 0 100%); 1426 z-index: 0; 1427 opacity: 0; 1428 transition: .3s; 1429} 1430.post-links { 1431 width: 50px; 1432 height: 50px; 1433 border: 0 !important; 1434} 1435.post-item:hover .post-desc:after , .post-item:hover .post-desc .post-footer .post-links a.post-more:before{ 1436 opacity: 1; 1437} 1438 1439.blog_wrapper .posts_group{ 1440 display: flex; 1441 flex-wrap: wrap; 1442} 1443 1444 1445 1446/* Single Post */ 1447.single-post .post-top-title { 1448 margin-bottom: 50px; 1449} 1450.single-post .published-by, .single-post .custom-date { 1451 color: var(--grey1); 1452} 1453.single-post .custom-post-meta { 1454 display: flex; 1455 width: 35%; 1456 justify-content: space-between; 1457} 1458.single-post .post-wrapper-content { 1459 padding-top: 180px; 1460 padding-bottom: 6vw; 1461} 1462.post-top-img img{ 1463 width: 100%; 1464} 1465.section-post-header{ 1466 display: none; 1467} 1468.single-post .post-content .section_wrapper { 1469 padding: 40px 14.5vw; 1470} 1471.single-post .the_content .section_wrapper { 1472 padding: 0 14.5vw; 1473} 1474.heateor_sss_sharing_title { 1475 font-size: 12px; 1476 color: black; 1477 letter-spacing: 1px; 1478 margin-bottom: 10px; 1479} 1480.heateor_sss_sharing_ul a { 1481 margin-right: 10px !important; 1482} 1483 1484 1485 1486/* Related Post */ 1487.section-post-related { 1488 padding-bottom: 120px; 1489 padding-top: 80px; 1490 background-image: url(/wp-content/uploads/2022/10/blue-water-stream-bg.png); 1491 background-repeat: no-repeat; 1492} 1493.single-post .post-related .single-photo-wrapper.image { 1494 display: none; 1495} 1496.single-post .section-related-adjustment.simple{ 1497 border: 0 !important; 1498} 1499.single-post .post-related span.post-date.updated { 1500 display: flex; 1501 flex-direction: column; 1502} 1503.single-post .post-related span.date-day { 1504 font-size: calc(38px + 8 * ((100vw - 380px) / 380)); 1505 line-height: 1; 1506} 1507.single-post .post-related span.date-month-year { 1508 color: var(--grey1); 1509 font-size: calc(12px + 4 * ((100vw - 380px) / 1540)); 1510 line-height: 1.2; 1511} 1512.related-button-btm { 1513 position: absolute; 1514 bottom: 0; 1515 right: 0; 1516 padding: 20px 25px !important; 1517 background: none !important; 1518 z-index: 2; 1519 opacity: 1;
1520} 1521.related-button-btm:after { 1522 display: none; 1523} 1524.related-button-btm img { 1525 width: 50px; 1526 height: 50px; 1527 transform: rotate(45deg); 1528} 1529.single-post .section-related-ul { 1530 display: flex; 1531} 1532/* .post-related .desc { 1533display: flex; 1534flex-direction: column; 1535height: 100%; 1536justify-content: space-between; 1537} */ 1538.post-related .desc a { 1539 color: var(--orange) !important; 1540} 1541/* .single-post .section-related-ul .post-related { 1542width: calc(100% / 3); 1543margin: 0 !important; 1544padding: 30px 35px 20px !important; 1545border: 1px solid var(--grey2); 1546height: 23.5vw; 1547min-height: 360px; 1548display: flex; 1549flex-direction: column; 1550background: rgb(255, 255, 255, 0.5); 1551} */ 1552.single-post .post-related:after{ 1553 content: ''; 1554 position: absolute; 1555 width: 0; 1556 height: 0; 1557 background-color: #F0F4F6; 1558 bottom: 0; 1559 right: 0; 1560 clip-path: polygon(100% 100%, 100% 0, 0 100%); 1561 z-index: 0; 1562 opacity: 1; 1563 transition: .3s; 1564} 1565.single-post .post-related:hover:after { 1566 width: 200px; 1567 height: 200px; 1568 opacity: 1; 1569} 1570.single-post .post-related:hover .related-button-btm{ 1571 opacity: 1; 1572} 1573.related-more-container { 1574 display: flex; 1575 flex-wrap: wrap; 1576 align-items: center; 1577 justify-content: space-between; 1578 margin-bottom: 30px; 1579} 1580 1581 1582 1583 1584 1585 1586 1587 1588/* Filter Tab Post */ 1589.filter-post-container .entry-title a { 1590 color: var(--orange); 1591} 1592.filter-post-container .post-item, .single-post .section-related-ul .post-related, .grid .post-item { 1593 display: flex; 1594 height: calc(100vw / 3.8) !important; 1595 width: calc(100vw / 3.8) !important; 1596 min-height: 300px; 1597 min-width: 300px; 1598 border: 1px solid var(--grey2); 1599 margin: 0 !important; 1600} 1601.single-post .section-related-ul .post-related { 1602 width: calc(100vw / 3) !important; 1603} 1604.post-related, .grid .post-item { 1605 width: calc(100vw / 3.65) !important; 1606 height: calc(100vw / 3.65) !important; 1607 background-image: url(/wp-content/uploads/2022/10/In-the-news_BG.png) !important; 1608 background-position: bottom center!important; 1609} 1610.filter-post-container .post-desc-wrapper{ 1611 display: flex; 1612} 1613.filter-post-container .post-desc, .post-related .desc, .post-item .post-desc{ 1614 display: flex; 1615 flex-direction: column; 1616 padding: 30px 35px 20px !important; 1617 justify-content: space-between; 1618} 1619/* .filter-post-container .post-excerpt, .grid .post-item .post-title{ 1620flex-grow: 1; 1621} */ 1622 1623 1624/* Career section */ 1625.career-img { 1626 width: 50%; 1627} 1628.career-img img{ 1629 display: flex; 1630} 1631.career-img-2{ 1632 float: right; 1633} 1634.career-opportunity-wrap .mcb-wrap-inner, .career-opportunity-column .column_attr{ 1635 display: flex; 1636 flex-wrap: wrap; 1637} 1638.career-content-container { 1639 display: flex; 1640 flex-direction: column; 1641 justify-content: center; 1642} 1643.career-content-container, .career-img-container { 1644 width: 50%; 1645} 1646 1647/* Custom Tab Button */ 1648.tab-wrapper{ 1649 z-index: 2; 1650} 1651.custom-tab-button { 1652 display: flex; 1653 justify-content: center; 1654 align-items: center; 1655 padding-bottom: 40px; 1656 flex-wrap: wrap; 1657} 1658.custom-tab-button h6{ 1659 margin: 0; 1660 color: var(--bg-base) !important; 1661 font-size: calc(9px + 3 * ((100vw - 380px) / 1540)); 1662} 1663.custom-tab-button a.active h6{ 1664 color: #fff !important; 1665} 1666.custom-tab-button a { 1667 display: flex; 1668 justify-content: center; 1669 padding: 20px 25px; 1670 border: 1px solid #052D74; 1671 border-radius: 50px; 1672 margin: 4px 10px; 1673 width: fit-content; 1674 line-height: 10px; 1675 min-width: 150px; 1676 color: var(--bg-base); 1677 transition: .3s; 1678} 1679.custom-tab-button a.active{ 1680 background: #052D74; 1681 color: #fff; 1682} 1683.custom-tab-button a:hover { 1684 background: #052D74; 1685} 1686.custom-tab-button a:hover h6 { 1687 color: white !important; 1688} 1689.tab-img-wrap { 1690 display: flex; 1691 align-items: center; 1692} 1693.tab-img-left { 1694 align-content: center !important; 1695 justify-content: center; 1696 display: flex; 1697 flex-basis: 20%; 1698 margin-bottom: 15px; 1699} 1700.tab-img-left img { 1701 background: linear-gradient(255deg, #2D67C8 0%, #052D74 100%); 1702 clip-path: circle(45%); 1703 width: 6.2vw!important; 1704 height: 6.2vw !important; 1705 min-width: 85px !important; 1706 min-height: 85px !important; 1707 padding: 25px; 1708 max-width: 100px !important; 1709 max-height: 100px !important; 1710} 1711 1712 1713 1714@media(max-width: 767px){ 1715 P{ 1716 max-width: unset !important; 1717 } 1718 .tab-dropdown { 1719 display: block; 1720 height: 50px; 1721 padding: 15px 30px; 1722 border-radius: 30px; 1723 background: var(--grey1); 1724 color: #fff; 1725 font-size: calc(11px + 3 * ((100vw - 380px) / 1540)) !important; 1726 text-transform: uppercase; 1727 letter-spacing: 1px !important; 1728 text-align: center; 1729 cursor: pointer; 1730 font-weight: 800; 1731 } 1732 .tab-dropdown .text-block { 1733 position: relative; 1734 } 1735 .tab-dropdown .text-block:before { 1736 content: ''; 1737 position: absolute; 1738 background-image: url(/wp-content/uploads/2022/09/Arrow-Down.png); 1739 background-position: center; 1740 width: 10px; 1741 height: 10px; 1742 background-repeat: no-repeat; 1743 right: 25px; 1744 background-size: contain; 1745 top: 0; 1746 bottom: 0; 1747 margin: auto 0; 1748 } 1749 .tab-dropdown.mobile.active { 1750 border-radius: 30px 30px 0 0; 1751 } 1752 .tab-button { 1753 padding: 0; 1754 margin: 0 !important; 1755 border-radius: 0 !important; 1756 background: var(--grey1); 1757 color: white !important; 1758 border-color: var(--grey1) !important; 1759 } 1760 .custom-tab-button .tab-button:last-child {
1761 border-radius: 0 0 30px 30px !important; 1762 } 1763 .custom-tab-button.active{ 1764 display: block; 1765 width: 100%; 1766 } 1767 .custom-tab-button { 1768 position: absolute; 1769 display: none; 1770 } 1771 .custom-tab-button a.active{ 1772 background: var(--grey1) !important; 1773 } 1774} 1775 1776 1777 1778 1779 1780 1781 1782 1783 1784 1785 1786 1787 1788 1789/* Content Header */ 1790.post-container-header { 1791 display: flex; 1792 align-items: center; 1793 flex-wrap: wrap; 1794 margin-bottom: 30px; 1795} 1796.post-container-header h2 { 1797 margin: 0; 1798} 1799p.tab-img { 1800 background: linear-gradient(255deg, #2D67C8 0%, #052D74 100%); 1801 padding: 25px; 1802 border-radius: 50px; 1803 margin-right: 40px; 1804 align-content: center !important; 1805 justify-content: center; 1806 display: flex; 1807} 1808p.tab-img img { 1809 filter: brightness(10) contrast(10); 1810 margin: auto; 1811} 1812.pager_load_more span.button_label { 1813 margin: 0 !important; 1814 font-size: 9px; 1815 font-weight: 900; 1816 letter-spacing: 1px; 1817} 1818.pager_load_more span.button_icon { 1819 display: none; 1820} 1821.pager_load_more:after{ 1822 background:none !important; 1823} 1824.pager_load_more{ 1825 border: 1px solid #03296a !important; 1826} 1827a.pager_load_more:hover { 1828 background-color: #ffffff; 1829} 1830 1831/* Post Tab visibility */ 1832.filter-post-container .active{ 1833 display: block; 1834} 1835.environment.hide, .energy.hide, .engineering-services.hide, .ranhill-corporate.hide, .environmental.hide, .social.hide, .governance.hide{ 1836 display: none; 1837} 1838 1839 1840 1841/* Custom Hover Tabs */ 1842.tab-container-left { 1843 max-width: 40%; 1844 float: left; 1845 height: 90%; 1846 display: flex; 1847 flex-direction: column; 1848} 1849.tab-container-left p { 1850 display: flex; 1851 align-items: end; 1852 padding-top: 20px; 1853 border-top: 1px solid; 1854} 1855.tab-selections h2 { 1856 opacity: .3; 1857 color: white; 1858 transition: .3s; 1859 margin-bottom: 25px; 1860 width: fit-content; 1861} 1862.tab-selections { 1863 margin-top: 30px; 1864 min-height: 55%; 1865 margin-bottom: 15px; 1866} 1867.tab-img-container{ 1868 max-width: 60%; 1869} 1870.tab-img-container img{ 1871 width: 90% !important; 1872 float: right; 1873} 1874.tab-img-container img.hide ,.tab-container-left p.hide{ 1875 display: none; 1876} 1877.tab-selections h2.active:before { 1878 content: ''; 1879 position: absolute; 1880 width: 10px; 1881 height: 10px; 1882 top: 0; 1883 bottom: 0; 1884 left: -25px; 1885 margin: auto; 1886 background: var(--orange); 1887} 1888.tab-selections h2.active { 1889 opacity: 1; 1890 transform: translateX(25px); 1891} 1892.custom-hover-tab-wrap .mcb-wrap-inner{ 1893 display: flex; 1894} 1895.custom-hover-tab-wrap .column_placeholder{ 1896 width: 8% !important; 1897} 1898.custom-hover-tab-column { 1899 display: flex; 1900 justify-content: flex-end; 1901} 1902.custom-hover-tab-column .column_attr { 1903 display: flex; 1904 flex-wrap: wrap; 1905 justify-content: space-between; 1906 width: 100%; 1907} 1908.custom-hover-tab-column .column_attr:before, .custom-hover-tab-column .column_attr:after{ 1909 display: none !important; 1910} 1911 1912/* Before and After */ 1913.white-top-fade:before { 1914 content: ''; 1915 position: absolute; 1916 top: 0; 1917 left: 0; 1918 width: 100%; 1919 height: 100%; 1920 background: linear-gradient(180deg, #ffffff 0%, transparent 50%); 1921 z-index: 1; 1922} 1923.white-bottom-fade:before { 1924 content: ''; 1925 position: absolute; 1926 width: 100%; 1927 height: 100%; 1928 top: 0; 1929 left: 0; 1930 background: linear-gradient(0deg, white 0%, transparent 20%); 1931} 1932.blue-top-fade:before { 1933 content: ''; 1934 position: absolute; 1935 top: 0; 1936 left: 0; 1937 width: 100%; 1938 height: 100%; 1939 background: linear-gradient(180deg, #2D67C8E6 0%, #2961C000 50%, #052D7400 100%); 1940 z-index: 1; 1941} 1942.blue-bottom-fade:after { 1943 content: ''; 1944 position: absolute; 1945 top: 0; 1946 left: 0; 1947 width: 100%; 1948 height: 100%; 1949 background: linear-gradient(0deg, #2D67C8E6 0%, #2961C000 50%, #052D7400 100%); 1950 z-index: -1; 1951} 1952.top-hr-line { 1953 position: relative; 1954 padding-top: 40px; 1955} 1956.top-hr-line:before { 1957 content: ''; 1958 position: absolute; 1959 top: 0; 1960 left: 0; 1961 width: 100%; 1962 height: 1px; 1963 background: white; 1964} 1965 1966 1967 1968/* Tabs Icons */ 1969.sub-heading { 1970 display: flex; 1971 align-items: center; 1972 justify-content: space-between; 1973 flex-wrap: wrap; 1974} 1975.sub-heading h2 { 1976 margin: 0; 1977 flex-basis: 77%; 1978} 1979 1980 1981 1982 1983 1984 1985/* Hover container show content on small screen */ 1986@media(max-width: 767px){ 1987 .blue-hov-content-2 p.blue-button-up{ 1988 bottom: 15px; 1989 right: 25px; 1990 } 1991 .blue-hov-content-2:after, .button-hov-container:before, .service-content:after { 1992 width: 150px !important; 1993 height: 140px !important; 1994 } 1995 .blue-hov-excerpt, .blue-hov-excerpt-2, .blue-hov-content-2 p.blue-button-up, .service-content p.blue-button-up, .button-hov-container p.blue-button-up, .service-content .service-excerpt, .post-desc:after, a.post-more:before { 1996 opacity: 1 !important; 1997 } 1998 .blue-hov-content:before , .blue-hov-content-2:before, .service-content:before{ 1999 height: 180% !important; 2000 } 2001} 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013@media(max-width: 1536px){ 2014 .button-hov-container:hover:before { 2015 width: 145px; 2016 height: 135px; 2017 } 2018} 2019 2020@media(max-width: 1240px){ 2021 a.responsive-menu-toggle{ 2022 display: none !important; 2023 } 2024 .sfm-navicon-button{ 2025 top: 14px !important; 2026 } 2027 /* Button */ 2028 .button-hov-container:hover:before, .subsidiary-content:hover:after { 2029 width: 140px !important; 2030 height: 130px !important; 2031 } 2032} 2033 2034@media(max-width: 1140px){ 2035 .single-post .section-related-ul { 2036 flex-wrap: wrap; 2037 } 2038 .single-post .section-related-ul .post-related { 2039 width: calc(100% / 3); 2040 } 2041} 2042 2043@media(max-width: 1020px){ 2044 /* Leader Page */ 2045 .leaders-wrap .mcb-wrap-inner { 2046 display: flex; 2047 flex-wrap: wrap; 2048 } 2049 .leaders-wrap .leaders-container { 2050 flex-basis: 48%; 2051 height: 40vw !important; 2052 } 2053} 2054 2055 2056 2057@media(min-width: 768px) and (max-width: 959px){ 2058 .leader-page #Top_bar{ 2059 background: transparent !important; 2060 } 2061} 2062 2063@media(max-width: 959px){ 2064 .pt-959-0{ padding-top: 0px !important;} 2065 .pt-959-40{ padding-top: 40px !important;} 2066 .pt-959-80{ padding-top: 80px !important;} 2067 .pt-959-100{ padding-top: 100px !important;} 2068 .pb-959-0{ padding-bottom: 0px !important;} 2069 .pb-959-40{ padding-bottom: 40px !important;} 2070 .pb-959-80{ padding-bottom: 80px !important;} 2071 .pb-959-100{ padding-bottom: 100px !important;} 2072 2073 2074 ul.custom-breadcrumbs, ul.post-breadcrumbs{ 2075 display: none; 2076 } 2077 2078 .footer-container-1 { 2079 width: 100%; 2080 } 2081 .footer-container:nth-child(n+2) { 2082 width: 47%; 2083 } 2084 footer#Footer .widget{ 2085 flex-wrap: wrap; 2086 } 2087 .footer-copyright-section{ 2088 flex-direction: column; 2089 } 2090 .copy-left, .copy-right { 2091 width: 100%; 2092 text-align: left; 2093 } 2094 .our-latest-post-column .post-desc{ 2095 min-height: unset; 2096 padding: 30px !important; 2097 } 2098 .custom-hover-tab-column .column_attr { 2099 display: flex; 2100 flex-wrap: no-wrap; 2101 justify-content: end; 2102 flex-direction: column; 2103 } 2104 .tab-img-container { 2105 display: none; 2106 } 2107 .tab-container-left{ 2108 max-width: 80% !important; 2109 } 2110 .accordion-item{ 2111 width: 100%; 2112 } 2113 .blue-hov-content-2:hover:after { 2114 width: 150px; 2115 height: 140px; 2116 } 2117 2118 2119 /* Blue icon container */ 2120 .blue-icon-container-inner { 2121 min-height: 165px; 2122 padding: 18px; 2123 min-width: 200px; 2124 } 2125 2126 2127 /* POST MEDIA */ 2128 .post-desc:after { 2129 width: 170px !important; 2130 height: 165px !important; 2131 } 2132 .single-post .post-wrapper-content{ 2133 padding-top: 140px; 2134 } 2135 2136 2137 /* Leader Page */ 2138 .custom-leader-breadcrumbs a, ul.custom-leader-breadcrumbs li { 2139 display: none; 2140 } 2141 .leader-top-section { 2142 height: 88vh !important; 2143 padding: 0; 2144 } 2145 .leader-top-section .section_wrapper { 2146 position: static; 2147 display: flex; 2148 height: 100%; 2149 max-width: unset !important; 2150 } 2151 .leader-top-section .mcb-section-inner .mcb-wrap { 2152 height: 100% !important; 2153 width: 100% !important; 2154 } 2155 .leader-banner-left-wrapper .mcb-wrap-inner { 2156 align-items: end !important; 2157 } 2158 .leader-banner-left-column { 2159 width: 100% !important; 2160 padding: 35px 7.5vw !important; 2161 margin: 0; 2162 background: linear-gradient(255deg, #2D67C8 0%, #052D74 100%); 2163 height: auto !important; 2164 margin-bottom: 0 !important; 2165 } 2166 .leader-banner-right-wrapper { 2167 position: absolute; 2168 top: 0; 2169 left: 0; 2170 right: 0; 2171 margin: 0 auto; 2172 max-width: unset !important; 2173 z-index: 0; 2174 background-size: cover !important; 2175 width: 100% !important; 2176 } 2177} 2178 2179@media(min-width: 768px){ 2180 .top-white #Top_bar #logo img, #Top_bar .menu > li.submenu > a >
2180 span:not(.description):after, .top-dark-transparent #Top_bar #logo img, #Top_bar .menu > li.submenu > a > span:not(.description):after, .single-post #Top_bar #logo img{ 2181 filter: brightness(0); 2182 } 2183 .top-white #Top_bar .menu > li > a, #Top_bar #menu ul li.submenu .menu-toggle, .top-dark-transparent #Top_bar .menu > li > a, #Top_bar #menu ul li.submenu .menu-toggle, .single-post #Top_bar .menu > li > a { 2184 color: var(--black); 2185 } 2186 .mobile{ 2187 display: none !important; 2188 } 2189} 2190 2191 2192@media(max-width: 767px){ 2193 .pt-0{ padding-top: 0px !important; } 2194 .pt-20{ padding-top: 20px !important; } 2195 .pt-30{ padding-top: 30px !important; } 2196 .pt-40{ padding-top: 40px !important; } 2197 .pt-50{ padding-top: 50px !important; } 2198 .pt-60{ padding-top: 60px !important; } 2199 .pt-80{ padding-top: 80px !important; } 2200 .pt-100{ padding-top: 100px !important; } 2201 .pb-0{ padding-bottom: 0px !important; } 2202 .pb-30{ padding-bottom: 30px !important; } 2203 .pb-40{ padding-bottom: 40px !important; } 2204 .pb-60{ padding-bottom: 60px !important; } 2205 .pb-80{ padding-bottom: 80px !important; } 2206 .pb-100{ padding-bottom: 100px !important; } 2207 .pl-0{ padding-left: 0px !important; } 2208 .pl-20{ padding-left: 20px !important; } 2209 .pl-30{ padding-left: 30px !important; } 2210 .pl-40{ padding-left: 40px !important; } 2211 .pr-0{ padding-right: 0px !important; } 2212 .pr-20{ padding-right: 20px !important; } 2213 .pr-30{ padding-right: 30px !important; } 2214 .pr-40{ padding-right: 40px !important; } 2215 .pr-60{ padding-right: 60px !important; } 2216 2217 .pt-40-col .column_attr { padding-top: 40px !important; } 2218 2219 .mobile-hide{ 2220 display: none !important; 2221 } 2222 2223 .desktop{ 2224 display: none !important; 2225 } 2226 2227 #Top_bar #logo{ 2228 text-align: left; 2229 margin: 10px 30px !important; 2230 } 2231 #Top_bar { 2232 background-color: var(--white) !important; 2233 } 2234 #Top_bar .logo { 2235 filter: brightness(0); 2236 } 2237 2238 .move-top .wrap { 2239 margin-top: -50px !important; 2240 } 2241 2242 .custom-tab-button a, .custom-tab-button h6{ 2243 width: 100%; 2244 color: var(--white) !important; 2245 } 2246 2247 h1 { 2248 font-size: calc(50px + 38 * ((100vw - 380px) / 1540)); 2249 line-height: 1; 2250 } 2251 2252 h1.custom-leader-title{ 2253 font-size: 34px; 2254 line-height: 36px; 2255 } 2256 2257 .top-white .top-section, .top-dark-transparent .top-section { 2258 padding-top: 100px; 2259 } 2260 2261 .indent-2-column .column_attr { 2262 display: flex; 2263 height: 100%; 2264 flex-direction: column; 2265 } 2266 .indent-2-column .img-right-container{ 2267 width: 100%; 2268 } 2269 .indent-2-img-right .column-content-left { 2270 width: 100%; 2271 padding-right: 14.5vw; 2272 margin-bottom: 20px; 2273 } 2274 2275 .top-banner-section{ 2276 height: 60vh !important; 2277 } 2278 #Subheader { 2279 min-height: 10vh; 2280 padding: 20px 30px 30px; 2281 display: flex; 2282 align-items: center; 2283 } 2284 .filter-post-container .post-item, .single-post .section-related-ul .post-related { 2285 width: 100% !important; 2286 min-width: unset !important; 2287 height: 84vw !important; 2288 max-height: 480px; 2289 } 2290 .post-tab-buttons h6{ 2291 width: 75%; 2292 margin-bottom: 8px; 2293 } 2294 .indent-section-1 { 2295 padding-right: 8.5vw; 2296 } 2297 .right-img-style .img-right-container { 2298 position: absolute; 2299 right: 0; 2300 z-index: -1; 2301 opacity: .4; 2302 } 2303 .right-img-style .column-content-left { 2304 width: 100%; 2305 } 2306 .img-wrap-1, .img-wrap-2{ 2307 transform: none !important; 2308 max-width: 260px; 2309 float: none; 2310 } 2311 2312 .two-img-section .section_wrapper { 2313 display: flex; 2314 flex-direction: column; 2315 } 2316 .two-img-section .mid-text-wrapper { 2317 order: -1; 2318 } 2319 .two-img-section .img-wrap-1, .two-img-section .img-wrap-2 { 2320 max-width: 100% !important; 2321 } 2322 .two-img-section .img-wrap-1 .column, .two-img-section .img-wrap-2 .column { 2323 margin: 0; 2324 } 2325 .two-img-section .img-wrap-1 .image_frame, .two-img-section .img-wrap-2 .image_frame { 2326 width: 50% !important; 2327 } 2328 .two-img-section .img-wrap-2 .image_frame { 2329 float: right; 2330 } 2331 .img-wrap-1 img, .img-wrap-2 img { 2332 width: 100% !important; 2333 } 2334 .full-img-content-section .mcb-section-inner .mcb-wrap { 2335 padding: 0 16vw; 2336 height: 70vh !important; 2337 } 2338 .full-img-content-section .mcb-section-inner .mcb-wrap.full-img-img-wrap 2339 { 2340 height: 50vh !important; 2341 } 2342 .full-img-content-section .section_wrapper { 2343 display: flex; 2344 flex-wrap: wrap; 2345 } 2346 .full-img-content-section .section_wrapper .full-img-img-wrap { 2347 order: 1; 2348 } 2349 .career-opportunity-column .column_attr { 2350 flex-direction: column; 2351 } 2352 .career-content-container { 2353 width: 100%; 2354 } 2355 .career-img-container { 2356 width: 100%; 2357 padding-top: 50px; 2358 padding-bottom: 40px; 2359 } 2360 .subs-overview-img .image_frame { 2361 text-align: center; 2362 margin-bottom: 15px; 2363 } 2364 2365 /* Leader Page */ 2366 .leaders-wrap .leaders-container { 2367 flex-basis: 65%; 2368 height: 320px!important; 2369 min-width: 320px; 2370 } 2371 .leaders-wrap .mcb-wrap-inner { 2372 justify-content: center; 2373 } 2374 2375 2376 /* Accordion */ 2377 ul.accordion .inner{ 2378 padding-top: 15px !important; 2379 } 2380 2381 2382 /* Custom tab button */ 2383 .custom-tab-button{ 2384 padding-bottom: 20px !important; 2385 } 2386 2387 2388 2389 /* Blue icon container */ 2390 .blue-icon-container-inner { 2391 min-height: 150px; 2392 padding: 12px; 2393 min-width: 150px; 2394 } 2395 .blue-icon-container-inner:nth-child(2n) { 2396 margin-right: 0 !important; 2397 } 2398 2399 2400 2401 /* Service Content */ 2402 .service-content { 2403 padding: 20px !important; 2404 } 2405 .service-content:hover:after { 2406 width: 150px !important; 2407 height: 140px !important; 2408 } 2409 .service-content p.blue-button-up { 2410 bottom: 20px !important; 2411 right: 15px !important; 2412 } 2413 2414 2415 /* Blue Hover Content 2 */ 2416 .blue-hov-content-2{ 2417 padding: 25px; 2418 } 2419 2420 2421 /* Post Media */ 2422 .single-post .post-wrapper-content{ 2423 padding-top: 40px; 2424 } 2425 .post-desc:after { 2426 width: 140px !important; 2427 height: 130px !important; 2428 } 2429 .post-footer { 2430 bottom: 15px; 2431 right: 20px; 2432 } 2433 2434 2435 2436 2437 /* Footer */ 2438 #Footer .widgets_wrapper{ 2439 padding-top: 30px; 2440 } 2441 2442} 2443 2444@media(max-width: 480px){ 2445 .footer-container:nth-child(n+2) { 2446 width: 100%; 2447 } 2448 #Subheader .container { 2449 padding: 0 !important; 2450 } 2451 .blue-hov-title p { 2452 max-width: 80% !important; 2453 } 2454 .full-img-content-section .mcb-section-inner .mcb-wrap { 2455 padding: 0 5vw; 2456 height: 75vh !important; 2457 } 2458} 2459 2460 2461 2462/* Smooth Scroll */ 2463html.lenis { 2464 height: auto; 2465} 2466.lenis.lenis-smooth { 2467 scroll-behavior: auto; 2468} 2469.lenis.lenis-smooth [data-lenis-prevent] { 2470 overscroll-behavior: contain; 2471} 2472.lenis.lenis-stopped { 2473 overflow: hidden; 2474} 2475.lenis.lenis-scrolling iframe { 2476 pointer-events: none; 2477} .transparent{ 2478 opacity: 0; 2479} 2480.top-banner-section{ 2481 background-position: 75% !important; 2482} 2483/* Career section */ 2484.career-img { 2485 width: 50%; 2486} 2487.career-img img{ 2488 display: flex; 2489} 2490.career-img-2{ 2491 float: right; 2492} 2493 2494/* Investor Relation */ 2495.investor-relation-wrapper .column { 2496 display: flex; 2497 height: 65%; 2498} 2499.investor-relation-wrapper .column_attr { 2500 display: flex; 2501 flex-direction: column; 2502} 2503/* .investor-relation-wrapper .column_attr h5.name { 2504 flex-grow: 1; 2505} */ 2506 2507/* Join us */ 2508.join-us-column .column-content-left { 2509 display: flex; 2510 flex-direction: column; 2511 justify-content: center; 2512} 2513 2514 2515/*# sourceURL=mfn-custom-inline-css */ 2516</style>
2517<script id="la-icon-manager-md5-js" src="https://ranhill.com.my/wp-content/plugins/superfly-menu/includes/vendor/looks_awesome/icon_manager/js/md5.js?ver=1.0%2C0"></script>
vendor: 1 bytes, line 2517
2517
2518<script id="la-icon-manager-util-js" src="https://ranhill.com.my/wp-content/plugins/superfly-menu/includes/vendor/looks_awesome/icon_manager/js/util.js?ver=1.0%2C0"></script>
vendor: 1 bytes, line 2518
2518
2519<script id="jquery-core-js" src="https://ranhill.com.my/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 2519
2519
2520<script id="jquery-migrate-js" src="https://ranhill.com.my/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 2520
2520
2521<script id="sf_main-js-extra"> 2522var SF_Opts = {"wp_menu_id":"7","social":[],"search":"no","blur":"no","fade":"no","test_mode":"no","hide_def":"no","mob_nav":"no","dynamic":"no","parent_ignore":"yes","sidebar_style":"full","sidebar_behaviour":"slide","alt_menu":"","sidebar_pos":"right","width_panel_1":"225","width_panel_2":"250","width_panel_3":"250","width_panel_4":"200","base_color":"#212121","opening_type":"click","sub_type":"flyout","video_bg":"","video_mob":"yes","video_preload":"no","sub_mob_type":"dropdown","sub_opening_type":"click","label":"none","label_top":"14px","label_size":"60","label_vis":"yes","item_padding":"25","bg":"https://ranhill.com.my/wp-content/uploads/2022/10/blue-water-stream-bg.png","path":"https://ranhill.com.my/wp-content/plugins/superfly-menu/img/","menu":"{\"7\":{\"term_id\":7,\"name\":\"Superfly Menu\",\"loc\":{\"pages\":{\"2\":1,\"26\":1,\"56\":1,\"66\":1,\"71\":1,\"79\":1,\"83\":1,\"86\":1,\"93\":1,\"110\":1,\"118\":1,\"137\":1,\"217\":1,\"252\":1,\"260\":1,\"274\":1},\"cposts\":{\"portfolio\":1,\"template\":1},\"cats\":{\"1\":1,\"3\":1,\"4\":1,\"5\":1,\"6\":1},\"taxes\":{},\"langs\":{},\"wp_pages\":{\"front\":1,\"home\":1,\"archive\":1,\"single\":1,\"forbidden\":1,\"search\":1},\"ids\":[\"\"]},\"isDef\":true}}
2522","togglers":"","subMenuSupport":"yes","subMenuSelector":"sub-menu, children","eventsInterval":"51","activeClassSelector":"current-menu-item","allowedTags":"DIV, NAV, UL, OL, LI, A, P, H1, H2, H3, H4, SPAN","menuData":[],"siteBase":"https://ranhill.com.my","plugin_ver":"5.0.24"}; 2523//# sourceURL=sf_main-js-extra 2524</script>
vendor: 1 bytes, line 2524
2524
2525<script id="sf_main-js" src="https://ranhill.com.my/wp-content/plugins/superfly-menu/js/public.min.js?ver=5.0.24"></script>
2525 2526<link rel="https://api.w.org/" href="https://ranhill.com.my/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://ranhill.com.my/wp-json/wp/v2/pages/83" /><meta name="generator" content="WordPress 7.1.2" /> 2527<link rel='shortlink' href='https://ranhill.com.my/?p=83' />
2528<script> 2529 2530 // global 2531 window.SFM_is_mobile = (function () { 2532 var n = navigator.userAgent; 2533 var reg = new RegExp('Android\s([0-9\.]*)') 2534 var match = n.toLowerCase().match(reg); 2535 var android = match ? parseFloat(match[1]) : false; 2536 if (android && android < 3.6) { 2537 return; 2538 }; 2539 2540 return n.match(/Android|BlackBerry|IEMobile|iPhone|iPad|iPod|Opera Mini/i); 2541 })(); 2542 2543 window.SFM_current_page_menu = '7'; 2544 2545 (function(){ 2546 2547 var mob_bar = ''; 2548 var pos = 'right'; 2549 var iconbar = ''; 2550 2551 var SFM_skew_disabled = ( function( ) { 2552 var window_width = window.innerWidth; 2553 var sfm_width = 225; 2554 if ( sfm_width * 2 >= window_width ) { 2555 return true; 2556 } 2557 return false; 2558 } )( ); 2559 2560 var classes = SFM_is_mobile ? 'sfm-mobile' : 'sfm-desktop'; 2561 var html = document.getElementsByTagName('html')[0]; // pointer 2562 classes += mob_bar ? ' sfm-mob-nav' : ''; 2563 classes += ' sfm-pos-' + pos; 2564 classes += iconbar ? ' sfm-bar' : ''; 2565 classes += SFM_skew_disabled ? ' sfm-skew-disabled' : ''; 2566 2567 html.className = html.className == '' ? classes : html.className + ' ' + classes; 2568 2569 })(); 2570</script>
2570 2571<style type="text/css" id="superfly-dynamic"> 2572 @font-face { 2573 font-family: 'sfm-icomoon'; 2574 src:url('https://ranhill.com.my/wp-content/plugins/superfly-menu/img/fonts/icomoon.eot?wehgh4'); 2575 src: url('https://ranhill.com.my/wp-content/plugins/superfly-menu/img/fonts/icomoon.svg?wehgh4#icomoon') format('svg'), 2576 url('https://ranhill.com.my/wp-content/plugins/superfly-menu/img/fonts/icomoon.eot?#iefixwehgh4') format('embedded-opentype'), 2577 url('https://ranhill.com.my/wp-content/plugins/superfly-menu/img/fonts/icomoon.woff?wehgh4') format('woff'), 2578 url('https://ranhill.com.my/wp-content/plugins/superfly-menu/img/fonts/icomoon.ttf?wehgh4') format('truetype'); 2579 font-weight: normal; 2580 font-style: normal; 2581 font-display: swap; 2582 } 2583 .sfm-navicon, .sfm-navicon:after, .sfm-navicon:before, .sfm-sidebar-close:before, .sfm-sidebar-close:after { 2584 height: 1px !important; 2585 } 2586 .sfm-label-square .sfm-navicon-button, .sfm-label-rsquare .sfm-navicon-button, .sfm-label-circle .sfm-navicon-button { 2587 border-width: 1px !important; 2588 } 2589 2590 .sfm-vertical-nav .sfm-submenu-visible > a .sfm-sm-indicator i:after { 2591 -webkit-transform: rotate(180deg); 2592 transform: rotate(180deg); 2593 } 2594 2595 #sfm-mob-navbar .sfm-navicon-button:after { 2596 /*width: 30px;*/ 2597 } 2598 2599 .sfm-pos-right .sfm-vertical-nav .sfm-has-child-menu > a:before { 2600 display: none; 2601 } 2602 2603 #sfm-sidebar.sfm-vertical-nav .sfm-menu .sfm-sm-indicator { 2604 /*background: rgba(255,255,255,0.085);*/ 2605 } 2606 2607 .sfm-pos-right #sfm-sidebar.sfm-vertical-nav .sfm-menu li a { 2608 /*padding-left: 10px !important;*/ 2609 } 2610 2611 .sfm-pos-right #sfm-sidebar.sfm-vertical-nav .sfm-sm-indicator { 2612 left: auto; 2613 right: 0; 2614 } 2615 2616 #sfm-sidebar.sfm-compact .sfm-nav { 2617 min-height: 50vh; 2618 height: auto; 2619 max-height: none; 2620 margin-top: 30px; 2621 } 2622 2623 #sfm-sidebar.sfm-compact input[type=search] { 2624 font-size: 16px; 2625 } 2626 /*}*/ 2627 2628 #sfm-sidebar .sfm-sidebar-bg, #sfm-sidebar .sfm-social { 2629 background-color: #212121 !important; 2630 } 2631 2632 #sfm-sidebar .sfm-logo img { 2633 max-height: px; 2634 } 2635 2636 2637 #sfm-sidebar, .sfm-sidebar-bg, #sfm-sidebar .sfm-nav, #sfm-sidebar .sfm-widget, #sfm-sidebar .sfm-logo, #sfm-sidebar .sfm-social, .sfm-style-toolbar .sfm-copy { 2638 width: 225px; 2639 } 2640 #sfm-sidebar:not(.sfm-iconbar) .sfm-menu li > a span{ 2641 max-width: calc(225px - 80px); } 2642 #sfm-sidebar .sfm-social { 2643 background-color: transparent !important; 2644 } 2645 2646 .sfm-sidebar-bg { 2647 background-image: url(https://ranhill.com.my/wp-content/uploads/2022/10/blue-water-stream-bg.png); 2648 background-repeat: no-repeat; 2649 -webkit-background-size: cover; 2650 background-size: cover; 2651 background-position: 0 0; 2652 } 2653 #sfm-sidebar .sfm-social { 2654 background-color: transparent !important; 2655 } 2656 2657 2658 2659 2660 2661 2662 #sfm-sidebar .sfm-menu li > a:before { 2663 background: #008feb; 2664 } 2665 2666 #sfm-sidebar .sfm-menu-level-1 li > a:before { 2667 background: #ffffff; 2668 } 2669 2670 #sfm-sidebar .sfm-menu-level-2 li > a:before { 2671 background: #ffffff; 2672 } 2673 #sfm-sidebar .sfm-menu-level-3 li > a:before { 2674 background: #ffffff; 2675 } 2676 2677 @media only screen and (min-width: 800px) { 2678 #sfm-sidebar .sfm-menu-level-0 li:hover:before, 2679 #sfm-sidebar .sfm-menu-level-0 li.sfm-active-item:before, 2680 #sfm-sidebar .sfm-menu-level-0 li.sfm-active-smooth:before { 2681 background-color: #aaaaaa; 2682 } 2683 } 2684 2685 #sfm-sidebar .sfm-view-level-1 .sfm-menu li:hover:before, 2686 #sfm-sidebar .sfm-view-level-1 .sfm-menu li.sfm-active-item:before { 2687 background-color: #ffffff; 2688 } 2689 2690 #sfm-sidebar .sfm-view-level-2 .sfm-menu li:hover:before, 2691 #sfm-sidebar .sfm-view-level-2 .sfm-menu li.sfm-active-item:before { 2692 background-color: #ffffff; 2693 } 2694 2695 #sfm-sidebar .sfm-view-level-3 .sfm-menu li:hover:before, 2696 #sfm-sidebar .sfm-view-level-3 .sfm-menu li.sfm-active-item:before { 2697 background-color: #ffffff; 2698 }
2699 #sfm-sidebar .sfm-menu li:hover > a span, 2700 #sfm-sidebar .sfm-menu li > a:focus span, 2701 #sfm-sidebar .sfm-menu li:hover > a img, 2702 #sfm-sidebar .sfm-menu li > a:focus img, 2703 #sfm-sidebar .sfm-menu li:hover > a .la_icon, 2704 #sfm-sidebar .sfm-menu li > a:focus .la_icon, 2705 #sfm-sidebar .sfm-menu li.sfm-submenu-visible > a img, 2706 #sfm-sidebar .sfm-menu li.sfm-submenu-visible > a .la_icon, 2707 #sfm-sidebar .sfm-menu li.sfm-submenu-visible > a span { 2708 right: -2px; 2709 left: auto; 2710 } 2711 2712 .sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-menu li > a:focus span, 2713 .sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-menu li:hover > a span, 2714 .sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-menu li:hover > a img, 2715 .sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-menu li > a:focus img, 2716 .sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-menu li.sfm-submenu-visible > a img, 2717 .sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-menu li.sfm-submenu-visible > a span { 2718 right: 2px; 2719 left: auto; 2720 } 2721 2722 #sfm-sidebar .sfm-menu li a, 2723 #sfm-sidebar .sfm-chapter, 2724 #sfm-sidebar .widget-area, 2725 .sfm-search-form input { 2726 padding-left: 10% !important; 2727 } 2728 2729 .sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-menu li a, 2730 .sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-view .sfm-back-parent, 2731 .sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-chapter, 2732 .sfm-pos-right .sfm-sub-flyout #sfm-sidebar .widget-area, 2733 .sfm-pos-right .sfm-sub-flyout .sfm-search-form input { 2734 padding-left: 14% !important; 2735 } 2736 2737 #sfm-sidebar.sfm-compact .sfm-social li { 2738 text-align: left; 2739 } 2740 2741 #sfm-sidebar.sfm-compact .sfm-social:before { 2742 right: auto; 2743 left: auto; 2744 left: 10%; 2745 } 2746 2747 #sfm-sidebar:after { 2748 display: none !important; 2749 } 2750 2751 2752 2753 2754 #sfm-sidebar, 2755 .sfm-pos-right .sfm-sidebar-slide.sfm-body-pushed #sfm-mob-navbar { 2756 -webkit-transform: translate3d(-225px,0,0); 2757 transform: translate3d(-225px,0,0); 2758 } 2759 2760 2761 .sfm-pos-right #sfm-sidebar, .sfm-sidebar-slide.sfm-body-pushed #sfm-mob-navbar { 2762 -webkit-transform: translate3d(225px,0,0); 2763 transform: translate3d(225px,0,0); 2764 } 2765 2766 2767 2768 .sfm-pos-left #sfm-sidebar .sfm-view-level-1 { 2769 left: 225px; 2770 width: 250px; 2771 -webkit-transform: translate3d(-250px,0,0); 2772 transform: translate3d(-250px,0,0); 2773 } 2774 2775 #sfm-sidebar .sfm-view-level-1 .sfm-menu { 2776 width: 250px; 2777 } 2778 #sfm-sidebar .sfm-view-level-2 .sfm-menu { 2779 width: 250px; 2780 } 2781 #sfm-sidebar .sfm-view-level-3 .sfm-menu { 2782 width: 200px; 2783 } 2784 2785 .sfm-pos-right #sfm-sidebar .sfm-view-level-1 { 2786 left: auto; 2787 right: 225px; 2788 width: 250px; 2789 -webkit-transform: translate3d(250px,0,0); 2790 transform: translate3d(250px,0,0); 2791 } 2792 2793 .sfm-pos-left #sfm-sidebar .sfm-view-level-2 { 2794 left: 475px; 2795 width: 250px; 2796 -webkit-transform: translate3d(-725px,0,0); 2797 transform: translate3d(-725px,0,0); 2798 } 2799 2800 .sfm-pos-right #sfm-sidebar .sfm-view-level-2 2801 { 2802 left: auto; 2803 right: 475px; 2804 width: 250px; 2805 -webkit-transform: translate3d(725px,0,0); 2806 transform: translate3d(725px,0,0); 2807 } 2808 2809 .sfm-pos-left #sfm-sidebar .sfm-view-level-3 { 2810 left: 725px; 2811 width: 200px; 2812 -webkit-transform: translate3d(-925px,0,0); 2813 transform: translate3d(-925px,0,0); 2814 } 2815 2816 .sfm-pos-right #sfm-sidebar .sfm-view-level-3 { 2817 left: auto; 2818 right: 725px; 2819 width: 200px; 2820 -webkit-transform: translate3d(725px,0,0); 2821 transform: translate3d(725px,0,0); 2822 } 2823 2824 .sfm-view-pushed-1 #sfm-sidebar .sfm-view-level-2 { 2825 -webkit-transform: translate3d(-250px,0,0); 2826 transform: translate3d(-250px,0,0); 2827 } 2828 2829 .sfm-pos-right .sfm-view-pushed-1 #sfm-sidebar .sfm-view-level-2 { 2830 -webkit-transform: translate3d(250px,0,0); 2831 transform: translate3d(250px,0,0); 2832 } 2833 2834 .sfm-view-pushed-2 #sfm-sidebar .sfm-view-level-3 { 2835 -webkit-transform: translate3d(-200px,0,0); 2836 transform: translate3d(-200px,0,0); 2837 } 2838 2839 .sfm-pos-right .sfm-view-pushed-2 #sfm-sidebar .sfm-view-level-3 { 2840 -webkit-transform: translate3d(200px,0,0); 2841 transform: translate3d(200px,0,0); 2842 } 2843 2844 .sfm-sub-swipe #sfm-sidebar .sfm-view-level-1, 2845 .sfm-sub-swipe #sfm-sidebar .sfm-view-level-2, 2846 .sfm-sub-swipe #sfm-sidebar .sfm-view-level-3, 2847 .sfm-sub-swipe #sfm-sidebar .sfm-view-level-custom, 2848 .sfm-sub-dropdown #sfm-sidebar .sfm-view-level-custom { 2849 left: 225px; 2850 width: 225px; 2851 } 2852 2853 .sfm-sub-dropdown #sfm-sidebar .sfm-view-level-custom { 2854 width: 225px !important; 2855 } 2856 2857 .sfm-sub-swipe #sfm-sidebar .sfm-view-level-custom, 2858 .sfm-sub-swipe #sfm-sidebar .sfm-view-level-custom .sfm-custom-content, 2859 .sfm-sub-swipe #sfm-sidebar .sfm-view-level-custom .sfm-content-wrapper { 2860 width: 250px !important; 2861 } 2862 2863 .sfm-sub-swipe #sfm-sidebar .sfm-menu { 2864 width: 225px; 2865 } 2866 2867 .sfm-sub-swipe.sfm-view-pushed-1 #sfm-sidebar .sfm-view-level-1, 2868 .sfm-sub-swipe.sfm-view-pushed-2 #sfm-sidebar .sfm-view-level-2, 2869 .sfm-sub-swipe.sfm-view-pushed-3 #sfm-sidebar .sfm-view-level-3, 2870 .sfm-sub-dropdown.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom, 2871 .sfm-sub-swipe.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom { 2872 -webkit-transform: translate3d(-225px,0,0) !important; 2873 transform: translate3d(-225px,0,0) !important; 2874 } 2875 2876 .sfm-sub-swipe.sfm-view-pushed-1 #sfm-sidebar .sfm-scroll-main, 2877 .sfm-sub-swipe.sfm-view-pushed-custom #sfm-sidebar .sfm-scroll-main, 2878 .sfm-sub-dropdown.sfm-view-pushed-custom #sfm-sidebar .sfm-scroll-main { 2879 -webkit-transform: translate3d(-100%,0,0) !important; 2880 transform: translate3d(-100%,0,0) !important; 2881 } 2882 2883 .sfm-sub-swipe.sfm-view-pushed-2 #sfm-sidebar .sfm-view-level-1, 2884 .sfm-sub-swipe.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-1, 2885 .sfm-sub-swipe.sfm-view-pushed-3 #sfm-sidebar .sfm-view-level-2, 2886 .sfm-sub-swipe.sfm-view-pushed-custom.sfm-view-pushed-2 #sfm-sidebar .sfm-view-level-2 { 2887 -webkit-transform: translate3d(-200%,0,0) !important; 2888 transform: translate3d(-200%,0,0) !important; 2889 } 2890 2891 /* custom content */ 2892 2893 .sfm-pos-left .sfm-view-pushed-1.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom { 2894 right: -250px; 2895 } 2896 .sfm-pos-left .sfm-view-pushed-2.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom { 2897 right: -500px; 2898 } 2899 .sfm-pos-left .sfm-view-pushed-3.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom { 2900 right: -700px; 2901 } 2902 2903 .sfm-sub-swipe.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom, 2904 .sfm-sub-dropdown.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom { 2905 right: 0; 2906 } 2907 .sfm-pos-right .sfm-view-pushed-1.sfm-view-pushed-custom #sfm-sidebar.sfm-sub-flyout .sfm-view-level-custom { 2908 left: -250px; 2909 } 2910 .sfm-pos-right .sfm-view-pushed-2.sfm-view-pushed-custom #sfm-sidebar.sfm-sub-flyout .sfm-view-level-custom { 2911 left: -500px; 2912 } 2913 .sfm-pos-right .sfm-view-pushed-3.sfm-view-pushed-custom #sfm-sidebar.sfm-sub-flyout .sfm-view-level-custom { 2914 left: -700px; 2915 } 2916 2917 .sfm-pos-left .sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom { 2918 transform: translate3d(100%,0,0); 2919 } 2920 .sfm-pos-right .sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom { 2921 transform: translate3d(-100%,0,0); 2922 } 2923 2924 2925 #sfm-sidebar { 2926 /*z-index: 1;*/ 2927 } 2928 #sfm-sidebar .sfm-sidebar-bg, #sfm-sidebar .sfm-social { 2929 background-color: transparent !important; 2930 } 2931 /*#sfm-sidebar .sfm-sidebar-bg, #sfm-sidebar .sfm-scroll-wrapper { 2932 opacity: 0 !important; 2933 } 2934 #sfm-sidebar.sfm-video-bg .sfm-sidebar-bg, #sfm-sidebar.sfm-sidebar-exposed .sfm-scroll-wrapper { 2935 opacity: 1 !important; 2936 }*/ 2937 2938 #sfm-sidebar .sfm-social { 2939 background-color: transparent !important; 2940 } 2941 2942 #sfm-sidebar .sfm-widget, 2943 .sfm-menu li a{ 2944 text-align: left !important; 2945 } 2946 2947 .sfm-nav form, .sfm-menu li img, #sfm-sidebar .sfm-chapter, .sfm-menu li br,#sfm-sidebar .sfm-menu li:after { 2948 display: none !important; 2949 } 2950 2951 #sfm-sidebar.sfm-sidebar-exposed, .sfm-sidebar-bg, #sfm-sidebar .sfm-nav, #sfm-sidebar .sfm-logo, #sfm-sidebar .sfm-social, #sfm-sidebar .sfm-widget { 2952 width: 100%; 2953 } 2954 .sfm-rollback { 2955 /*z-index: 3000002;*/ 2956 } 2957 .sfm-sidebar-close:before, .sfm-sidebar-close:after { 2958 background-color: #aaaaaa; 2959 } 2960 2961 #sfm-sidebar { 2962 opacity: 0 !important; 2963 visibility: hidden; 2964 width: 100% !important; 2965 } 2966 2967 .sfm-body-pushed #sfm-sidebar, .sfm-ui-shown #sfm-sidebar { 2968 opacity: 1 !important; 2969 visibility: visible; 2970 } 2971 2972 .sfm-pos-left .sfm-rollback { 2973 left: 0; 2974 right: auto; 2975 } 2976 2977 .sfm-pos-right .sfm-rollback { 2978 left: auto; 2979 right: 0; 2980 } 2981 2982 #sfm-overlay { 2983 display: none; 2984 } 2985 2986 .sfm-body-pushed #sfm-overlay, body[class*="sfm-view-pushed"] #sfm-overlay { 2987 opacity: 1 !important; 2988 background: transparent !important; 2989 } 2990 .sfm-nav-bg_item { 2991 background-color: rgb(255, 255, 255) !important; 2992 } 2993 .sfm-style-full #sfm-sidebar .sfm-logo:before { 2994 background-color: rgb(255, 255, 255) !important; 2995 } 2996 .sfm-style-full #sfm-sidebar .sfm-fs-bottom-box:before { 2997 background-color: rgba(255, 255, 255, 0); 2998 } 2999 3000 .sfm-style-full #sfm-sidebar .sfm-sidebar-close:before, 3001 .sfm-style-full #sfm-sidebar .sfm-sidebar-close:after { 3002 background-color: rgb(128, 128, 128); 3003 } 3004 3005 #sfm-sidebar .sfm-menu li > a:before { 3006 /*-webkit-transition: none; 3007 transition: none; 3008 background: #aaaaaa;*/ 3009 } 3010 3011 #sfm-sidebar .sfm-menu li a { 3012 padding-left: 15px !important; 3013 padding-right: 15px !important; 3014 } 3015 3016 #sfm-sidebar.sfm-hl-line .sfm-menu li a, 3017 #sfm-sidebar.sfm-hl-text .sfm-menu li a { 3018 padding-left: 0px !important; 3019 padding-right: 0px !important; 3020 } 3021 3022 3023 #sfm-sidebar .sfm-menu a img{ 3024 max-width: 40px; 3025 max-height: 40px; 3026 } 3027 #sfm-sidebar .sfm-menu .la_icon{ 3028 font-size: 40px; 3029 min-width: 40px; 3030 min-height: 40px; 3031 } 3032 3033 3034 #sfm-sidebar .sfm-back-parent { 3035 background: #212121; 3036 } 3037 3038 #sfm-sidebar .sfm-view-level-1, #sfm-sidebar ul.sfm-menu-level-1 { 3039 background: #767676; 3040 } 3041 3042 #sfm-sidebar .sfm-view-level-2, #sfm-sidebar ul.sfm-menu-level-2 { 3043 background: #9e466b; 3044 } 3045 3046 #sfm-sidebar .sfm-view-level-3, #sfm-sidebar ul.sfm-menu-level-3 { 3047 background: #36939e; 3048 } 3049 3050 #sfm-sidebar .sfm-menu-level-0 li, #sfm-sidebar .sfm-menu-level-0 li a, .sfm-title h3, #sfm-sidebar .sfm-back-parent { 3051 color: #aaaaaa; 3052 } 3053 3054 #sfm-sidebar .sfm-menu li a, #sfm-sidebar .sfm-chapter, #sfm-sidebar .sfm-back-parent { 3055 padding: 25px 0; 3056 text-transform: capitalize; 3057 } 3058 .sfm-style-full #sfm-sidebar.sfm-hl-line .sfm-menu li > a:before { 3059 bottom: 20px 3060 } 3061 3062 #sfm-sidebar .sfm-search-form input[type=text] { 3063 padding-top:25px; 3064 padding-bottom:25px; 3065 } 3066 3067 .sfm-sub-swipe #sfm-sidebar .sfm-view .sfm-menu, 3068 .sfm-sub-swipe .sfm-custom-content, 3069 .sfm-sub-dropdown .sfm-custom-content { 3070 padding-top: 70px; 3071 } 3072 3073 #sfm-sidebar .sfm-search-form span { 3074 top: 29px; 3075 font-size: 17px; 3076 font-weight: normal; 3077 } 3078 3079 #sfm-sidebar { 3080 font-family: inherit; 3081 } 3082 3083 #sfm-sidebar .sfm-sm-indicator { 3084 line-height: 20px; 3085 } 3086 3087 #sfm-sidebar.sfm-indicators .sfm-sm-indicator i { 3088 width: 6px; 3089 height: 6px; 3090 border-top-width: 2px; 3091 border-right-width: 2px; 3092 margin: -3px 0 0 -3px; 3093 } 3094 3095 #sfm-sidebar .sfm-search-form input { 3096 font-size: 20px; 3097 } 3098 3099 #sfm-sidebar .sfm-menu li a, #sfm-sidebar .sfm-menu .sfm-chapter, #sfm-sidebar .sfm-back-parent { 3100 font-family: inherit; 3101 font-weight: normal; 3102 font-size: 20px; 3103 letter-spacing: 0px; 3104 text-align: left; 3105 -webkit-font-smoothing: antialiased; 3106 font-smoothing: antialiased; 3107 text-rendering: optimizeLegibility; 3108 } 3109 3110 #sfm-sidebar .sfm-social-abbr a { 3111 font-family: inherit; 3112 } 3113 #sfm-sidebar .sfm-widget, 3114 #sfm-sidebar .widget-area { 3115 text-align: left; 3116 } 3117 3118 #sfm-sidebar .sfm-social { 3119 text-align: center !important; 3120 } 3121 3122 #sfm-sidebar .sfm-menu .sfm-chapter { 3123 font-size: 15px; 3124 margin-top: 25px; 3125 font-weight: bold; 3126 text-transform: uppercase; 3127 } 3128 #sfm-sidebar .sfm-menu .sfm-chapter div{ 3129 font-family: inherit; 3130 font-size: 15px; 3131 } 3132 .sfm-rollback a { 3133 font-family: inherit; 3134 } 3135 #sfm-sidebar .sfm-menu .la_icon{ 3136 color: #777; 3137 } 3138 3139 #sfm-sidebar .sfm-menu-level-0 li .sfm-sm-indicator i { 3140 border-color: #aaaaaa; 3141 } 3142 #sfm-sidebar .sfm-menu-level-0 .sfm-sl, .sfm-title h2, .sfm-social:after { 3143 color: #eeeeee; 3144 } 3145 #sfm-sidebar .sfm-menu-level-1 li .sfm-sm-indicator i { 3146 border-color: #ffffff; 3147 } 3148 #sfm-sidebar .sfm-menu-level-1 .sfm-sl { 3149 color: #eeeeee; 3150 } 3151 #sfm-sidebar .sfm-menu-level-2 li .sfm-sm-indicator i { 3152 border-color: #ffffff; 3153 } 3154 #sfm-sidebar .sfm-menu-level-2 .sfm-sl { 3155 color: #eeeeee; 3156 } 3157 #sfm-sidebar .sfm-menu-level-3 li .sfm-sm-indicator i { 3158 border-color: #ffffff; 3159 } 3160 #sfm-sidebar .sfm-menu-level-3 .sfm-sl { 3161 color: #eeeeee; 3162 } 3163 .sfm-menu-level-0 .sfm-chapter { 3164 color: #00ffb8 !important; 3165 } 3166 .sfm-menu-level-1 .sfm-chapter { 3167 color: #ffffff !important; 3168 } 3169 .sfm-menu-level-2 .sfm-chapter { 3170 color: #ffffff !important; 3171 } 3172 .sfm-menu-level-3 .sfm-chapter { 3173 color: #ffffff !important; 3174 } 3175 #sfm-sidebar .sfm-view-level-1 li a, 3176 #sfm-sidebar .sfm-menu-level-1 li a{ 3177 color: #ffffff; 3178 border-color: #ffffff; 3179 } 3180 3181 #sfm-sidebar:after { 3182 background-color: #212121; 3183 } 3184 3185 #sfm-sidebar .sfm-view-level-2 li a, 3186 #sfm-sidebar .sfm-menu-level-2 li a{ 3187 color: #ffffff; 3188 border-color: #ffffff; 3189 } 3190 3191 #sfm-sidebar .sfm-view-level-3 li a, 3192 #sfm-sidebar .sfm-menu-level-3 li a { 3193 color: #ffffff; 3194 border-color: #ffffff; 3195 } 3196 3197 .sfm-navicon-button { 3198 top: 14px; 3199 } 3200 @media only screen and (max-width: 800px) { 3201 .sfm-navicon-button { 3202 top: 0px; 3203 } 3204 } 3205 3206 3207 .sfm-navicon-button { 3208 right: 0px !important; 3209 } 3210 @media only screen and (max-width: 800px) { 3211 .sfm-navicon-button { 3212 right: 0px !important; 3213 } 3214 } 3215 @media only screen and (min-width: 800px) { 3216 .sfm-pos-left.sfm-bar body, .sfm-pos-left.sfm-bar #wpadminbar { 3217 padding-left: 225px !important; 3218 } 3219 .sfm-pos-right.sfm-bar body, .sfm-pos-right.sfm-bar #wpadminbar { 3220 padding-right: 225px !important; 3221 } 3222 } 3223 .sfm-navicon:after, 3224 .sfm-label-text .sfm-navicon:after, 3225 .sfm-label-none .sfm-navicon:after { 3226 top: -3px; 3227 } 3228 .sfm-navicon:before, 3229 .sfm-label-text .sfm-navicon:before, 3230 .sfm-label-none .sfm-navicon:before { 3231 top: 3px; 3232 } 3233 3234 .sfm-body-pushed #sfm-overlay, body[class*="sfm-view-pushed"] #sfm-overlay { 3235 opacity: 0.6; 3236 } 3237 .sfm-body-pushed #sfm-overlay, body[class*="sfm-view-pushed"] #sfm-overlay { 3238 cursor: url("https://ranhill.com.my/wp-content/plugins/superfly-menu/img/close3.png") 16 16,pointer; 3239 } 3240 3241 3242 3243 .sfm-style-skew #sfm-sidebar .sfm-social{ 3244 height: auto; 3245 /*min-height: 75px;*/ 3246 } 3247 .sfm-theme-top .sfm-sidebar-bg, 3248 .sfm-theme-bottom .sfm-sidebar-bg{ 3249 width: 450px; 3250 } 3251 /* Pos left */ 3252 .sfm-theme-top .sfm-sidebar-bg{ 3253 -webkit-transform: translate3d(-225px,0,0) skewX(-12.05deg); 3254 transform: translate3d(-225px,0,0) skewX(-12.05deg); 3255 } 3256 .sfm-theme-bottom .sfm-sidebar-bg{ 3257 -webkit-transform: translate3d(-450px,0,0) skewX(12.05deg); 3258 transform: translate3d(-225px,0,0) skewX(12.05deg); 3259 } 3260 /* Pos right */ 3261 .sfm-pos-right .sfm-theme-top .sfm-sidebar-bg{ 3262 -webkit-transform: translate3d(-0px,0,0) skewX(12.05deg); 3263 transform
3263: translate3d(-0px,0,0) skewX(12.05deg); 3264 } 3265 .sfm-pos-right .sfm-theme-bottom .sfm-sidebar-bg{ 3266 -webkit-transform: translate3d(-0px,0,0) skewX(-12.05deg); 3267 transform: translate3d(-0px,0,0) skewX(-12.05deg); 3268 } 3269 /* exposed */ 3270 .sfm-sidebar-exposed.sfm-theme-top .sfm-sidebar-bg, 3271 .sfm-sidebar-always .sfm-theme-top .sfm-sidebar-bg{ 3272 -webkit-transform: translate3d(-75px,0,0) skewX(-12.05deg); 3273 transform: translate3d(-75px,0,0) skewX(-12.05deg); 3274 } 3275 .sfm-pos-right .sfm-sidebar-exposed.sfm-theme-top .sfm-sidebar-bg, 3276 .sfm-pos-right .sfm-sidebar-always .sfm-theme-top .sfm-sidebar-bg{ 3277 -webkit-transform: translate3d(-225px,0,0) skewX(12.05deg); 3278 transform: translate3d(-112.5px,0,0) skewX(12.05deg); 3279 } 3280 .sfm-sidebar-exposed.sfm-theme-bottom .sfm-sidebar-bg, 3281 .sfm-sidebar-always .sfm-theme-bottom .sfm-sidebar-bg{ 3282 -webkit-transform: translate3d(-150px,0,0) skewX(12.05deg); 3283 transform: translate3d(-150px,0,0) skewX(12.05deg); 3284 } 3285 .sfm-pos-right .sfm-sidebar-exposed.sfm-theme-bottom .sfm-sidebar-bg, 3286 .sfm-pos-right .sfm-sidebar-always .sfm-theme-bottom .sfm-sidebar-bg{ 3287 -webkit-transform: translate3d(-150px,0,0) skewX(-12.05deg); 3288 transform: translate3d(-150px,0,0) skewX(-12.05deg); 3289 } 3290 3291 /* Always visible */ 3292 .sfm-sidebar-always.sfm-theme-top .sfm-sidebar-bg{ 3293 -webkit-transform: skewX(-12.05deg); 3294 transform: skewX(-12.05deg); 3295 } 3296 .sfm-pos-right .sfm-sidebar-always.sfm-theme-top .sfm-sidebar-bg{ 3297 -webkit-transform: skewX(12.05deg); 3298 transform: skewX(12.05deg); 3299 } 3300 .sfm-sidebar-always.sfm-theme-bottom .sfm-sidebar-bg{ 3301 -webkit-transform: skewX(-160.65deg); 3302 transform: skewX(-160.65deg); 3303 } 3304 .sfm-pos-right .sfm-sidebar-always.sfm-theme-bottom .sfm-sidebar-bg{ 3305 -webkit-transform: skewX(160.65deg); 3306 transform: skewX(160.65deg); 3307 } 3308 3309 .sfm-navicon, 3310 .sfm-navicon:after, 3311 .sfm-navicon:before, 3312 .sfm-label-metro .sfm-navicon-button, 3313 #sfm-mob-navbar { 3314 background-color: #000000; 3315 } 3316 3317 .sfm-label-metro .sfm-navicon, 3318 #sfm-mob-navbar .sfm-navicon, 3319 .sfm-label-metro .sfm-navicon:after, 3320 #sfm-mob-navbar .sfm-navicon:after, 3321 .sfm-label-metro .sfm-navicon:before, 3322 #sfm-mob-navbar .sfm-navicon:before { 3323 background-color: #ffffff; 3324 } 3325 .sfm-navicon-button .sf_label_icon{ 3326 color: #ffffff; 3327 } 3328 3329 .sfm-label-square .sfm-navicon-button, 3330 .sfm-label-rsquare .sfm-navicon-button, 3331 .sfm-label-circle .sfm-navicon-button { 3332 color: #000000; 3333 } 3334 3335 .sfm-navicon-button .sf_label_icon{ 3336 width: 60px; 3337 height: 60px; 3338 font-size: calc(60px * .6); 3339 } 3340 .sfm-navicon-button .sf_label_icon.la_icon_manager_custom{ 3341 width: 60px; 3342 height: 60px; 3343 } 3344 .sfm-navicon-button.sf_label_default{ 3345 width: 60px; 3346 height: 60px; 3347 } 3348 3349 #sfm-sidebar [class*="sfm-icon-"] { 3350 color: #aaaaaa; 3351 } 3352 3353 #sfm-sidebar .sfm-social li { 3354 border-color: #aaaaaa; 3355 } 3356 3357 #sfm-sidebar .sfm-social a:before { 3358 color: #aaaaaa; 3359 } 3360 3361 #sfm-sidebar .sfm-search-form { 3362 background-color: rgba(255, 255, 255, 0.05); 3363 } 3364 3365 #sfm-sidebar li:hover span[class*='fa-'] { 3366 opacity: 1 !important; 3367 } 3368 .sfm-pos-right #sfm-sidebar.sfm-vertical-nav .sfm-menu li a:hover { 3369 color: var(--orange) !important; 3370} 3371.sfm-ui-shown #sfm-sidebar.sfm-sidebar-exposed .sfm-fs-bottom-box:before, 3372.sfm-ui-shown #sfm-sidebar.sfm-sidebar-exposed .sfm-logo:before { 3373 transform: scale(0) !important; 3374} 3375.sfm-logo, 3376nav.sfm-nav { 3377 height: 80% !important; 3378} 3379.sfm-fs-bottom-box, 3380.sfm-widget.sfm-widget-bottom.sfm-copy { 3381 width: 100% !important; 3382 display: flex; 3383 align-items: center; 3384 height: 20% !important; 3385} 3386.sfm-fs-bottom-box .sfm-widget-bottom { 3387 justify-content: space-between; 3388 padding: 0 8vw !important; 3389} 3390.sfm-bottom-left, 3391.sfm-bottom-right, 3392.sfm-bottom-left a, 3393.sfm-bottom-right a { 3394 display: flex; 3395} 3396.sfm-bottom-left { 3397 width: 25%; 3398 justify-content: space-between; 3399} 3400.sfm-bottom-right { 3401 width: 75%; 3402 justify-content: flex-end; 3403} 3404.sfm-bottom-right a { 3405 margin-right: 50px; 3406} 3407.sfm-rollback.sfm-color1.sfm-theme-none.sfm-label-visible.sfm-label-none { 3408 position: fixed; 3409 right: 2vw !important; 3410 height: fit-content; 3411 z-index: 99999999; 3412} 3413.sfm-navicon.not-white:before, 3414.sfm-navicon.not-white:after { 3415 background-color: #000000; 3416} 3417.sfm-navicon:before, 3418.sfm-navicon:after { 3419 background-color: #ffffff; 3420} 3421.sf_label_default.sfm-open .sfm-navicon:before, 3422.sf_label_default.sfm-open .sfm-navicon:after { 3423 background-color: #000000 !important; 3424} 3425 3426.sfm-navicon-button.x.sf_label_default.sfm-open { 3427 transform: none !important; 3428 opacity: 1 !important; 3429} 3430.sfm-sidebar-close { 3431 position: fixed !important; 3432 right: 1.7vw !important; 3433 top: 18px;
3434 opacity: 0; 3435} 3436.sfm-navicon { 3437 background-color: transparent; 3438} 3439 3440/* Main Navigation Styling */ 3441#sfm-sidebar.sfm-hl-line .sfm-menu li.sfm-submenu-visible > a, 3442#sfm-sidebar.sfm-hl-line .sfm-menu li:hover > a, 3443#sfm-sidebar.sfm-hl-line .sfm-menu li > a:focus { 3444 background: transparent !important; 3445} 3446.sfm-style-full #sfm-sidebar.sfm-hl-line .sfm-menu li > a:before { 3447 display: none !important; 3448} 3449.sfm-pos-right #sfm-sidebar.sfm-vertical-nav .sfm-menu li a { 3450 padding: 0 !important; 3451 margin-bottom: 15px; 3452 font-size: calc(12px + 4 * ((100vw - 380px) / 1540)); 3453 color: #231f20; 3454} 3455.sfm-menu > li > a { 3456 padding: 0 !important; 3457 margin-bottom: 35px !important; 3458 text-transform: uppercase !important; 3459 color: var(--orange) !important; 3460} 3461#sfm-sidebar .sfm-menu li:hover > a span, 3462#sfm-sidebar .sfm-menu li > a:focus span, 3463#sfm-sidebar .sfm-menu li:hover > a img, 3464#sfm-sidebar .sfm-menu li > a:focus img, 3465#sfm-sidebar .sfm-menu li:hover > a .la_icon, 3466#sfm-sidebar .sfm-menu li > a:focus .la_icon, 3467#sfm-sidebar .sfm-menu li.sfm-submenu-visible > a img, 3468#sfm-sidebar .sfm-menu li.sfm-submenu-visible > a .la_icon, 3469#sfm-sidebar .sfm-menu li.sfm-submenu-visible > a span { 3470 right: unset !important; 3471 left: unset !important; 3472} 3473nav.sfm-nav { 3474 padding: 8vw 8vw 0 4.5vw; 3475} 3476.sfm-logo { 3477 padding-top: 7.5vw !important; 3478 padding-left: 8vw !important; 3479} 3480.sfm-logo a { 3481 text-align: left; 3482} 3483.sfm-sm-indicator { 3484 display: none !important; 3485} 3486ul.sfm-child-menu { 3487 display: block !important; 3488 margin: 0 !important; 3489} 3490ul.sfm-menu li, 3491ul.sfm-child-menu li { 3492 text-align: left !important; 3493} 3494#sfm-sidebar .sfm-child-menu > li.sfm-submenu-visible > a, 3495#sfm-sidebar .sfm-child-menu > li:hover > a, 3496#sfm-sidebar .sfm-child-menu > li > a:focus { 3497 box-shadow: none !important; 3498} 3499ul.sfm-menu { 3500 justify-content: flex-start !important; 3501 align-items: flex-start !important; 3502 flex-direction: row !important; 3503 flex-wrap: wrap !important; 3504} 3505ul.sfm-menu > li { 3506 width: 33.33% !important; 3507} 3508.sfm-bottom-right img:hover { 3509 filter: invert(65%) sepia(54%) saturate(6371%) hue-rotate(339deg) brightness(125%) contrast(200%); 3510} 3511 3512@media (max-width: 969px) { 3513 /*== MEGA MENU ==*/ 3514 .sfm-logo, nav.sfm-nav{ 3515 height: unset !important; 3516 } 3517 .sfm-logo { 3518 display: none !important; 3519 } 3520 nav.sfm-nav { 3521 width: 100% !important; 3522 margin: 0 !important; 3523 overflow: scroll; 3524 } 3525 .sfm-fs-bottom-box, 3526 .sfm-widget.sfm-widget-bottom.sfm-copy { 3527 bottom: 0; 3528 height: 80px !important; 3529 background: white !important; 3530 flex-direction: column; 3531 z-index: 1000; 3532 justify-content: center; 3533 } 3534 nav.sfm-nav ul.sfm-menu > li { 3535 min-width: 100% !important; 3536 margin-bottom: 40px !important; 3537 } 3538 nav.sfm-nav ul.sfm-menu > li:last-child{ 3539 margin-bottom: 20px !important; 3540 } 3541 .sfm-fs-bottom-box{ 3542 padding: 20px 0 !important; 3543 } 3544 .sfm-bottom-left { 3545 width: 100%; 3546 flex-direction: column; 3547 } 3548 .sfm-bottom-right { 3549 width: 100%; 3550 justify-content: flex-start; 3551 margin-top: 6px; 3552 } 3553 .sfm-bottom-right a { 3554 margin-right: 10px; 3555 margin-left: 10px; 3556 } 3557 .sfm-bottom-right a img{ 3558 height: 20px; 3559 } 3560 .sfm-widget-bottom { 3561 margin: 0 !important; 3562 } 3563} 3564 3565@media(max-width: 767px){ 3566 .sfm-navicon:before, .sfm-navicon:after{ 3567 background-color: #000000; 3568 } 3569} </style>
3570<script> 3571 3572 ;(function (){ 3573 var insertListener = function(event){ 3574 if (event.animationName == "bodyArrived") { 3575 afterContentArrived(); 3576 } 3577 } 3578 var timer, _timer; 3579 3580 if (document.addEventListener && false) { 3581 document.addEventListener("animationstart", insertListener, false); // standard + firefox 3582 document.addEventListener("MSAnimationStart", insertListener, false); // IE 3583 document.addEventListener("webkitAnimationStart", insertListener, false); // Chrome + Safari 3584 } else { 3585 timer = setInterval(function(){ 3586 if (document.body) { // 3587 clearInterval(timer); 3588 afterContentArrived(); 3589 } 3590 },14); 3591 } 3592 3593 function afterContentArrived() { 3594 clearTimeout(_timer); 3595 var htmlClss; 3596 3597 if ( window.jQuery && window.jQuery.Deferred ) { // additional check bc of Divi theme 3598 htmlClss = document.getElementsByTagName('html')[0].className; 3599 if (htmlClss.indexOf('sfm-pos') === -1) { 3600 document.getElementsByTagName('html')[0].className = htmlClss + ' ' + window.SFM_classes; 3601 } 3602 jQuery('body').fadeIn(); 3603 jQuery(document).trigger('sfm_doc_body_arrived'); 3604 window.SFM_EVENT_DISPATCHED = true; 3605 } else { 3606 _timer = setTimeout(function(){ 3607 afterContentArrived(); 3608 },14); 3609 } 3610 } 3611 })() 3612</script>
3612<script type='text/javascript'>var SFM_template ="<div class=\"sfm-rollback sfm-color1 sfm-theme-none sfm-label-visible sfm-label-none sfm-fixed\" style=\"\">\r\n <div role='button' tabindex='0' aria-haspopup=\"true\" class='sfm-navicon-button x sf_label_default '><div class=\"sfm-navicon\"><\/div> <\/div>\r\n<\/div>\r\n<div id=\"sfm-sidebar\" style=\"opacity:0\" data-wp-menu-id=\"7\" class=\"sfm-theme-none sfm-widget-bottom sfm-hl-line sfm-full-multibox sfm-indicators\">\r\n <div class=\"sfm-scroll-wrapper sfm-scroll-main\">\r\n <div class=\"sfm-scroll\">\r\n <div class=\"sfm-sidebar-close\"><\/div>\r\n <div class=\"sfm-logo\">\r\n <a href=\"https:\/\/ranhill.com.my\">\r\n <img src=\"https:\/\/ranhill.com.my\/wp-content\/uploads\/2022\/09\/rangil-logo-text.svg\" alt=\"\">\r\n <\/a>\r\n <div class=\"sfm-title\"><\/div>\r\n <\/div>\r\n <nav class=\"sfm-nav\">\r\n <div class=\"sfm-va-middle\">\r\n <ul id=\"sfm-nav\" class=\"menu\"><li id=\"menu-item-317\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-317\"><a href=\"#\">About<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-328\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-328\"><a href=\"https:\/\/ranhill.com.my\/our-company\/\">Our Company<\/a><\/li>\n\t<li id=\"menu-item-1188\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1188\"><a href=\"https:\/\/ranhill.com.my\/our-leaders\/\">Our Leaders<\/a><\/li>\n\t<li id=\"menu-item-327\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-327\"><a href=\"https:\/\/ranhill.com.my\/our-worldwide-presence\/\">Our Worldwide Presence<\/a><\/li>\n\t<li id=\"menu-item-323\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-323\"><a href=\"https:\/\/ranhill.com.my\/our-socio-economic-impact\/\">Our Socio-Economic Impact<\/a><\/li>\n\t<li id=\"menu-item-324\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-324\"><a href=\"https:\/\/ranhill.com.my\/our-achievements\/\">Our Achievements<\/a><\/li>\n\t<li id=\"menu-item-326\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-326\"><a href=\"https:\/\/ranhill.com.my\/our-awards-and-recognitions\/\">Our Awards And Recognitions<\/a><\/li>\n\t<li id=\"menu-item-1014\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1014\"><a href=\"https:\/\/ranhill.com.my\/hse-performance-statistic\/\">HSE Performance Statistic<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-318\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-318\"><a href=\"#\">Our Businesses<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-341\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-341\"><a href=\"https:\/\/ranhill.com.my\/our-businesses\/\">Overview<\/a><\/li>\n\t<li id=\"menu-item-330\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-330\"><a href=\"https:\/\/ranhill.com.my\/our-businesses\/#water\">Water<\/a><\/li>\n\t<li id=\"menu-item-331\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-331\"><a href=\"\/our-businesses\/#power\">Power<\/a><\/li>\n\t<li id=\"menu-item-332\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-332\"><a href=\"\/our-businesses\/#consultancy-services\">Consultancy & Services<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-319\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-319\"><a href=\"#\">Investor Relations<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-691\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-691\"><a href=\"https:\/\/ranhill.com.my\/investor-relations\/\">Overview<\/a><\/li>\n\t<li id=\"menu-item-695\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-695\"><a href=\"https:\/\/ranhill.com.my\/investor-relations\/financial-information\/\">Financial Information<\/a><\/li>\n\t<li id=\"menu-item-655\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-655\"><a href=\"https:\/\/ranhill.com.my\/investor-relations\/stock-information\/\">Stock Information<\/a><\/li>\n\t<li id=\"menu-item-654\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-654\"><a href=\"https:\/\/ranhill.com.my\/investor-relations\/shareholders\/\">Shareholders<\/a><\/li>\n\t<li id=\"menu-item-653\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-653\"><a href=\"https:\/\/ranhill.com.my\/investor-relations\/bursa-announcements\/\">Bursa Announcements<\/a><\/li>\n\t<li id=\"menu-item-652\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-652\"><a href=\"https:\/\/ranhill.com.my\/investor-relations\/reports-presentations\/\">Reports & Presentations<\/a><\/li>\n\t<li id=\"menu-item-651\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-651\"><a href=\"https:\/\/ranhill.com.my\/investor-relations\/investor-resources\/\">Investor Resources<\/a><\/li>\n\t<li id=\"menu-item-712\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-712\"><a href=\"https:\/\/ranhill.com.my\/investor-relations\/ftse4good\/\">FTSE4Good<\/a><\/li>\n\t<li id=\"menu-item-708\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-708\"><a href=\"https:\/\/ranhill.com.my\/investor-relations\/corporate-governance\/\">Corporate Governance<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-320\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-320\"><a href=\"#\">Sustainability<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-329\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-329\"><a href=\"https:\/\/ranhill.com.my\/sustainability\/\">Overview<\/a><\/li>\n\t<li id=\"menu-item-1212\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1212\"><a target=\"_blank\" href=\"https:\/\/ranhill.com.my\/wp-content\/uploads\/pdf\/Net-Zero-Roadmap.pdf\">Net Zero Roadmap<\/a><\/li>\n\t<li id=\"menu-item-342\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-342\"><a href=\"https:\/\/ranhill.com.my\/sustainability\/sustainability-policies\/\">Sustainability Policies<\/a><\/li>\n\t<li id=\"menu-item-343\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-343\"><a href=\"https:\/\/ranhill.com.my\/sustainability\/sustainability-reports\/\">Sustainability Reports<\/a><\/li>\n\t<li id=\"menu-item-1211\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1211\"><a href=\"https:\/\/ranhill.com.my\/sustainability-activities\/\">Sustainability Activities<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-321\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-321\"><a href=\"#\">Highlights<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-344\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-344\"><a href=\"https:\/\/ranhill.com.my\/media\/\">Media<\/a><\/li>\n\t<li id=\"menu-item-1057\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1057\"><a href=\"https:\/\/ranhill.com.my\/newsroom\/\">Newsroom<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-322\" class=\"menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-322\"><a href=\"#\">Contact<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-345\" class=\"menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-83 current_page_item menu-item-345\"><a href=\"https:\/\/ranhill.com.my\/contact-us\/\" aria-current=\"page\">Contact Us<\/a><\/li>\n\t<li id=\"menu-item-346\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-346\"><a href=\"https:\/\/ranhill.com.my\/career\/\">Career<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul> <div class=\"sfm-widget-area\"><\/div>\r\n <\/div>\r\n <\/nav>\r\n <ul class=\"sfm-social sfm-social-icons\"><\/ul>\r\n <div class=\"sfm-widget sfm-widget-bottom sfm-copy\">\r\n <div class=\"sfm-bottom-left\">\r\n <a href=\"\/terms-condition\/\"><h6 class=\"text-black\">TERMS & CONDITIONS<\/h6><\/a>\r\n<\/div>\r\n<div class=\"sfm-bottom-right\">\r\n <a href=\"https:\/\/www.facebook.com\/RanhillGroup\/\"><img src=\"\/wp-content\/uploads\/2022\/07\/Icon-awesome-facebook-square.svg\" alt=\"\"><\/a>\r\n <a href=\"https:\/\/www.instagram.com\/ranhillgroup\/\"><img src=\"\/wp-content\/uploads\/2022\/07\/Icon-awesome-instagram.svg\" alt=\"\"><\/a>\r\n <a href=\"https:\/\/www.youtube.com\/channel\/UCysq966l3cGFOXP3s3M-WgA\"><img src=\"\/wp-content\/uploads\/2022\/07\/Icon-awesome-youtube.svg\" alt=\"\"><\/a>\r\n <a href=\"https:\/\/www.linkedin.com\/company\/ranhill\"><img src=\"\/wp-content\/uploads\/2022\/07\/Icon-awesome-linkedin.svg\" alt=\"\"><\/a>\r\n<\/div> <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sfm-sidebar-bg\">\r\n <!-- eg. https:\/\/www.youtube.com\/watch?v=AgI7OcZ9g60 or https:\/\/www.youtube.com\/watch?v=gU10ALRQ0ww -->\r\n <\/div>\r\n <div class=\"sfm-view sfm-view-level-custom\">
3612\r\n <span class=\"sfm-close\"><\/span>\r\n <\/div>\r\n<\/div>\r\n<div id=\"sfm-overlay-wrapper\"><div id=\"sfm-overlay\"><\/div><div class=\"sfm-nav-bg_item -top\"><\/div><div class=\"sfm-nav-bg_item -bottom\"><\/div><\/div>"</script>
3612<link rel="icon" href="https://ranhill.com.my/wp-content/uploads/2022/08/ranhill-logo-small-1.png" sizes="32x32" /> 3613<link rel="icon" href="https://ranhill.com.my/wp-content/uploads/2022/08/ranhill-logo-small-1.png" sizes="192x192" /> 3614<link rel="apple-touch-icon" href="https://ranhill.com.my/wp-content/uploads/2022/08/ranhill-logo-small-1.png" /> 3615<meta name="msapplication-TileImage" content="https://ranhill.com.my/wp-content/uploads/2022/08/ranhill-logo-small-1.png" /> 3616 3617<link rel="stylesheet" href="https://use.typekit.net/cvy7ica.css"> 3618 3619 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 3619-3620
3619 3620<script async src="https://www.googletagmanager.com/gtag/js?id=
3620G-CRF3F0VYX4
vendor: 12 bytes, line 3620
3620"></script>
3621<script> 3622
vendor: 134 bytes, lines 3622-3626
3622window.dataLayer = window.dataLayer || []; 3623 function gtag(){dataLayer.push(arguments);} 3624 gtag('js', new Date()); 3625 3626 gtag('config', '
3626G-CRF3F0VYX4
vendor: 4 bytes, line 3626
3626');
3627</script>
3627 3628 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 3628-3629
3628 3629<script async src="https://www.googletagmanager.com/gtag/js?id=
3629G-H34SS2ZDWV
vendor: 12 bytes, line 3629
3629"></script>
3630<script> 3631
vendor: 134 bytes, lines 3631-3635
3631window.dataLayer = window.dataLayer || []; 3632 function gtag(){dataLayer.push(arguments);} 3633 gtag('js', new Date()); 3634 3635 gtag('config', '
3635G-H34SS2ZDWV
vendor: 4 bytes, line 3635
3635');
3636</script>
3636 3637</head> 3638 3639<body class="wp-singular page-template-default page page-id-83 wp-custom-logo wp-theme-betheme wp-child-theme-betheme-child color-custom style-default button-round layout-full-width no-content-padding hide-love header-transparent sticky-header sticky-tb-color ab-hide subheader-both-center menu-link-color menuo-right menuo-no-borders menuo-sub-active mobile-tb-center mobile-side-slide mobile-mini-mr-ll tr-header be-reg-2304"> 3640 3641 <!-- mfn_hook_top --><!-- mfn_hook_top --> 3642 3643 3644 <div id="Wrapper"> 3645 3646 3647 3648 <div id="Header_wrapper" class="" > 3649 3650 <header id="Header"> 3651 3652 3653<div class="header_placeholder"></div> 3654 3655<div id="Top_bar" class="loading"> 3656 3657 <div class="container"> 3658 <div class="column one"> 3659 3660 <div class="top_bar_left clearfix"> 3661 3662 <div class="logo"><a id="logo" href="https://ranhill.com.my" title="Ranhill" data-height="60" data-padding="15"><img class="logo-main scale-with-grid " src="https://ranhill.com.my/wp-content/uploads/2022/07/RanhillLogo.svg" data-retina="https://ranhill.com.my/wp-content/uploads/2022/07/RanhillLogo.svg" data-height="22" alt="RanhillLogo" width="" data-no-retina/><img class="logo-sticky scale-with-grid " src="https://ranhill.com.my/wp-content/uploads/2022/07/RanhillLogo.svg" data-retina="https://ranhill.com.my/wp-content/uploads/2022/07/RanhillLogo.svg" data-height="22" alt="RanhillLogo" width="" data-no-retina/><img class="logo-mobile scale-with-grid " src="https://ranhill.com.my/wp-content/uploads/2022/07/RanhillLogo.svg" data-retina="https://ranhill.com.my/wp-content/uploads/2022/07/RanhillLogo.svg" data-height="22" alt="RanhillLogo" width="" data-no-retina/><img class="logo-mobile-sticky scale-with-grid " src="https://ranhill.com.my/wp-content/uploads/2022/07/RanhillLogo.svg" data-retina="https://ranhill.com.my/wp-content/uploads/2022/07/RanhillLogo.svg" data-height="22" alt="RanhillLogo" width="" data-no-retina/></a></div> 3663 <div class="menu_wrapper"> 3664 <nav id="menu"><ul id="menu-main-menu" class="menu menu-main"><li id="menu-item-902" class="sm-icon menu-item menu-item-type-custom menu-item-object-custom"><a target="_blank" href="https://www.facebook.com/RanhillGroup/"><span><i class="icon-facebook"></i></span></a></li> 3665<li id="menu-item-903" class="sm-icon menu-item menu-item-type-custom menu-item-object-custom"><a target="_blank" href="https://www.instagram.com/ranhillgroup/"><span><i class="icon-instagram"></i></span></a></li> 3666<li id="menu-item-904" class="sm-icon menu-item menu-item-type-custom menu-item-object-custom"><a target="_blank" href="https://www.youtube.com/channel/UCysq966l3cGFOXP3s3M-WgA"><span><i class="icon-play"></i></span></a></li> 3667<li id="menu-item-905" class="sm-icon menu-item menu-item-type-custom menu-item-object-custom"><a target="_blank" href="https://www.linkedin.com/company/ranhill"><span><i class="icon-linkedin"></i></span></a></li> 3668<li id="menu-item-21" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a><span>About</span></a> 3669<ul class="sub-menu"> 3670 <li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ranhill.com.my/our-company/"><span>Our Company</span></a></li> 3671 <li id="menu-item-1189" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ranhill.com.my/our-leaders/"><span>Our Leaders</span></a></li> 3672 <li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ranhill.com.my/our-worldwide-presence/"><span>Our Worldwide Presence</span></a></li> 3673 <li id="menu-item-235" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ranhill.com.my/our-socio-economic-impact/"><span>Our Socio-Economic Impact</span></a></li> 3674 <li id="menu-item-144" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ranhill.com.my/our-achievements/"><span>Our Achievements</span></a></li> 3675 <li id="menu-item-146" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ranhill.com.my/our-awards-and-recognitions/"><span>Our Awards And Recognitions</span></a></li> 3676 <li id="menu-item-1013" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ranhill.com.my/hse-performance-statistic/"><span>HSE Performance Statistic</span></a></li> 3677</ul> 3678</li> 3679<li id="menu-item-349" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#"><span>Business</span></a> 3680<ul class="sub-menu"> 3681 <li id="menu-item-350" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ranhill.com.my/our-businesses/"><span>Overview</span></a></li> 3682 <li id="menu-item-351" class="menu-item menu-item-type-custom menu-item-object-custom"><a target="_blank" href="/our-businesses/#water"><span>Water</span></a></li> 3683 <li id="menu-item-352" class="menu-item menu-item-type-custom menu-item-object-custom"><a target="_blank" href="/our-businesses/#power"><span>Power</span></a></li> 3684 <li id="menu-item-353" class="menu-item menu-item-type-custom menu-item-object-custom"><a target="_blank" href="/our-businesses/#consultancy-services"><span>Consultancy and Services</span></a></li> 3685</ul> 3686</li> 3687<li id="menu-item-23" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="#"><span>Sustainability</span></a> 3688<ul class="sub-menu">
3689 <li id="menu-item-348" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ranhill.com.my/sustainability/"><span>Overview</span></a></li> 3690 <li id="menu-item-1210" class="menu-item menu-item-type-custom menu-item-object-custom"><a target="_blank" href="https://ranhill.com.my/wp-content/uploads/pdf/Net-Zero-Roadmap.pdf"><span>Net Zero Roadmap</span></a></li> 3691 <li id="menu-item-80" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ranhill.com.my/sustainability/sustainability-policies/"><span>Sustainability Policies</span></a></li> 3692 <li id="menu-item-67" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ranhill.com.my/sustainability/sustainability-reports/"><span>Sustainability Reports</span></a></li> 3693 <li id="menu-item-1209" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://ranhill.com.my/sustainability-activities/"><span>Sustainability Activities</span></a></li> 3694</ul> 3695</li> 3696</ul></nav><a class="responsive-menu-toggle " href="#"><i class="icon-menu-fine"></i></a> </div> 3697 3698 <div class="secondary_menu_wrapper"> 3699 </div> 3700 3701 <div class="banner_wrapper"> 3702 </div> 3703 3704 <div class="search_wrapper"> 3705 3706<form method="get" id="searchform" action="https://ranhill.com.my/"> 3707 3708 3709 <i class="icon_search icon-search-fine"></i> 3710 <a href="#" class="icon_close"><i class="icon-cancel-fine"></i></a> 3711 3712 <input type="text" class="field" name="s" placeholder="Enter your search" /> 3713 <input type="submit" class="display-none" value="" /> 3714 3715</form>
3716 </div> 3717 3718 </div> 3719 3720 3721 </div> 3722 </div> 3723</div> 3724</header> 3725 <div id="Subheader"><div class="container"><div class="column one"><h1 class="title">Contact Us</h1><ul class="breadcrumbs no-link"><li><a href="https://ranhill.com.my">Home</a> <span><i class="icon-right-open"></i></span></li><li><a href="https://ranhill.com.my/contact-us/">Contact Us</a></li></ul></div></div></div> 3726 </div> 3727 3728 3729 <!-- mfn_hook_content_before --><!-- mfn_hook_content_before --> 3730<div id="Content"> 3731 <div class="content_wrapper clearfix"> 3732 3733 <div class="sections_group"> 3734 3735 <div class="entry-content" itemprop="mainContentOfPage"> 3736 3737 <div class="section mcb-section mcb-section-s69601ih0 top-banner-section bg-cover" style="background-image:url(https://ranhill.com.my/wp-content/uploads/2022/09/contact-banner.jpg);background-repeat:no-repeat;background-position:center" ><div class="section_wrapper mcb-section-inner"><div class="wrap mcb-wrap mcb-wrap-x11h9xorz one valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-gt9wpsbnw one column_placeholder"><div class="placeholder"> </div></div></div></div></div></div>
3737<div class="section mcb-section mcb-section-97kdokb4i full-width full-width-ex-mobile indent-section-2 indent-2-img-right pt-100 pb-40 bg-cover" style="padding-top:180px;padding-bottom:100px;background-image:url(https://ranhill.com.my/wp-content/uploads/2022/10/blue-water-stream-bg.png);background-repeat:no-repeat;background-position:right top" ><div class="section_wrapper mcb-section-inner"><div class="wrap mcb-wrap mcb-wrap-d6lgnjs51 one indent-2-wrap valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-lzyw70mpg one column_column indent-2-column"><div class="column_attr clearfix" style=""><div class="column-content-left"> 3738 <h6>CONTACT</h6> 3739 <h3>Ranhill Utilities Berhad <br class="desktop">201401014973 (1091059-K)</h3> 3740 <br/> 3741 <p><b>Business Address</b></p> 3742 <p style="flex-grow: 1;"> 3743 Level 24, Menara FELDA Platinum Parkâ¯<br> 3744 No.11, Persiaran KLCC<br> 3745 50088 Kuala Lumpur<br> 3746 Malaysia 3747 </p> 3748 <br/> 3749 <p><b>Registered Address</b></p> 3750 <p style="flex-grow: 1;"> 3751 Bangunan Ranhill SAJ<br> 3752 Jalan Garuda, Larkin<br> 3753 80350 Johor Bahru,<br> 3754 Johor, Malaysia 3755 </p> 3756 <h3 class="text-orange"> 3757 <a class="contact" href="tel:+(603) 27165600â¯">T: +(603) 27165600â¯</a><br> 3758 <a>F: +(603) 27165662â¯</a><br> 3759 <a class="contact" href="mailto:[email protected]">E: [email protected]</a> 3760 </h3> 3761</div> 3762<div class="img-right-container"> 3763 <img class="students-img active" src="/wp-content/uploads/2022/09/ranhill-utilities-berhad.png" alt="" /> 3764</div></div></div></div></div></div></div>
3764<div class="section mcb-section mcb-section-o1oc7i388 full-width full-img-content-section" style="" ><div class="section_wrapper mcb-section-inner"><div class="wrap mcb-wrap mcb-wrap-t363fju5p one-second full-img-img-wrap valign-top bg-cover clearfix" style="background-image:url(https://ranhill.com.my/wp-content/uploads/2022/09/investor-relations.jpg);background-repeat:no-repeat;background-position:center" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-afnrjc1he one column_placeholder"><div class="placeholder"> </div></div></div></div><div class="wrap mcb-wrap mcb-wrap-l62s50w5w one-second full-img-content-wrap investor-relation-wrapper bg-gradient valign-top clearfix" style="background-color:#000e26" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-vfq6daqvv two-third column_column"><div class="column_attr clearfix" style=""><h2 class="text-white"> 3765 Investor<br> 3766 Relations 3767</h2> 3768<p style="max-width: 440px; flex-grow: 1;" class="text-grey-2"> 3769 Reach out to us for more information. 3770</p> 3771<h5 class="text-white name">Choo Chee Keen</h5> 3772<h5 class="text-orange"> 3773 <a class="contact" href="tel:60327165629">T: +603-2716 5629</a><br> 3774 <a>F: +603-2716 5662</a><br> 3775 <a class="contact" href="mailto: [email protected]">E: [email protected]</a> 3776</h5></div></div></div></div></div></div>
3776<div class="section mcb-section mcb-section-ohjmvia1g no-margin-h indent-section-1 pt-100 bg-cover" style="padding-top:140px;background-image:url(https://ranhill.com.my/wp-content/uploads/2022/10/blue-water-stream-bg.png);background-repeat:no-repeat;background-position:right top" ><div class="section_wrapper mcb-section-inner"><div class="wrap mcb-wrap mcb-wrap-ff974dorz one career-opportunity-wrap valign-top clearfix" style="" ><div class="mcb-wrap-inner"><div class="column mcb-column mcb-item-medrww7h1 one column_column career-opportunity-column width-2-column"><div class="column_attr clearfix" style=""><div class="career-content-container"> 3777 <h6>JOIN US</h6> 3778 <h2>Career<br>Opportunities</h2> 3779 <p style="max-width: 380px;">Weâre always on the lookout for those looking to pave a future where you can make a difference personally, professionally, to society and the environment.</p> 3780 <br> 3781 <p class="blue-button-1"><a href="/career/"><span>VIEW CAREERS</span></a></p> 3782</div> 3783<div class="career-img-container"> 3784 <div class="career-img career-img-1"> 3785 <img class="scale-with-grid" src="/wp-content/uploads/2022/10/Career-Opportunities_Imaan_3.jpg" alt="" /> 3786 </div> 3787 <div class="career-img career-img-2"> 3788 <img class="scale-with-grid" src="/wp-content/uploads/2022/09/career-opportunities-2.jpg" alt="" /> 3789 </div> 3790</div></div></div></div></div></div></div><div class="section the_content no_content"><div class="section_wrapper"><div class="the_content_wrapper "></div></div></div> 3791 <div class="section section-page-footer"> 3792 <div class="section_wrapper clearfix"> 3793 3794 <div class="column one page-pager"> 3795 </div> 3796 3797 </div> 3798 </div> 3799 3800 </div> 3801 3802 3803 </div> 3804 3805 3806 </div> 3807</div> 3808 3809 3810<!-- mfn_hook_content_after --><!-- mfn_hook_content_after --> 3811 3812 <footer id="Footer" class="clearfix "> 3813 3814 3815 <div class="widgets_wrapper "><div class="container"><div class="column one"><aside id="block-5" class="widget widget_block"><div class="footer-container footer-container-1"> 3816 <img decoding="async" src="/wp-content/uploads/2022/07/ranhill-footer-logo-1.svg" alt=""> 3817</div> 3818<div class="footer-container footer-container-2"> 3819 <h6>About</h6> 3820 <p><a href="/our-company/">Our Company</a></p> 3821 <p><a href="/our-leaders/">Our Leaders</a></p> 3822 <p><a href="/our-worldwide-presence/">Our Worldwide Presence</a></p> 3823 <p><a href="/our-socio-economic-impact/">Our Socio-Economic Impact</a></p> 3824 <p><a href="/our-achievement/">Our Achievements</a></p> 3825 <p><a href="/our-awards-and-recognitions/">Our Awards & Recognition</a></p> 3826<p><a href="/hse-performance-statistic/">HSE Performance Statistic</a></p> 3827</div> 3828<div class="footer-container footer-container-3"> 3829 <h6>INVESTOR RELATIONS</h6> 3830 <p><a href="/investor-relations/">Overview</a></p> 3831 <p><a href="/financial-information/">Financial Information</a></p> 3832 <p><a href="/stock-information/">Stock Information</a></p> 3833 <p><a href="/shareholders/">Shareholders</a></p> 3834 <p><a href="/bursa-announcements/">Bursa Announcements</a></p> 3835 <p><a href="/reports-presentations/">Reports & Presentations</a></p> 3836 <p><a href="/investor-resources/">Investor Resources</a></p> 3837 <p><a href="/ftse4good/">FTSE4Good</a></p> 3838 <p><a href="/corporate-governance/">Corporate Governance</a></p> 3839</div> 3840<div class="footer-container footer-container-4"> 3841 <h6>OUR BUSINESSES</h6> 3842 <p><a href="/our-businesses/#water">Water</a></p> 3843 <p><a href="/our-businesses/#power">Power</a></p> 3844 <p><a href="/our-businesses/#consultancy-services">Consultancy and Services</a></p> 3845</div> 3846<div class="footer-container footer-container-5"> 3847 <h6><a class="underline-footer" href="/sustainability/">SUSTAINABILITY</a></h6> 3848 <h6><a class="underline-footer" href="/media/">MEDIA</a></h6> 3849<h6><a class="underline-footer" href="/newsroom/">NEWSROOM</a></h6> 3850 <h6><a class="underline-footer" href="/career/">CAREER</a></h6> 3851 <h6><a class="underline-footer" href="/contact-us/">CONTACT</a></h6> 3852</div></aside></div></div></div> 3853 3854 <div class="footer_copy"> 3855 <div class="container"> 3856 <div class="column one"> 3857 3858 <a id="back_to_top" class="footer_button" href=""><i class="icon-up-open-big"></i></a> 3859 <div class="copyright"> 3860 <div class="footer-copyright-section"> 3861 <div class="copy-left"> 3862 <p>Ranhill Utilities Berhad</p> 3863 <p> 3864 Bangunan Ranhill SAJ<br>
3865 Jalan Garuda, Larkin 80350 Johor Bahru<br> 3866 Johor, Malaysia. 3867 </p> 3868 <br> 3869 <p> 3870 <a class="has-underline" href="tel: 072255300">Tel: 07 225 5300</a><br> 3871 Fax: 07 225 5310<br> 3872 <a class="has-underline" href="mailto: [email protected]">Email: [email protected]</a> 3873 </p> 3874 </div> 3875 <div class="copy-right"> 3876 <div style="display:none" class="social-media-section"> 3877 <a href="https://www.facebook.com/RanhillGroup/"><img src="/wp-content/uploads/2022/07/Icon-awesome-facebook-square.svg" alt=""></a> 3878 <a href="https://www.instagram.com/ranhillgroup/"><img src="/wp-content/uploads/2022/07/Icon-awesome-instagram.svg" alt=""></a> 3879 <a href="https://www.youtube.com/channel/UCysq966l3cGFOXP3s3M-WgA"><img src="/wp-content/uploads/2022/07/Icon-awesome-youtube.svg" alt=""></a> 3880 <a href="https://www.linkedin.com/company/ranhill"><img src="/wp-content/uploads/2022/07/Icon-awesome-linkedin.svg" alt=""></a> 3881 </div> 3882 <br> 3883 <div class="copyright-text"> 3884 <p>Ranhill Utilities Berhad 201401014973 (1091059-K). All Rights Reserved.</p> 3885 </div> 3886 </div> 3887</div> </div> 3888 3889 <ul class="social"></ul> 3890 </div> 3891 </div> 3892 </div> 3893 3894 3895 3896 </footer> 3897 3898</div> 3899 3900<div id="Side_slide" class="right dark" data-width="250"><div class="close-wrapper"><a href="#" class="close"><i class="icon-cancel-fine"></i></a></div><div class="extras"><div class="extras-wrapper"><a class="icon search" href="#"><i class="icon-search-fine"></i></a></div></div><div class="search-wrapper"><form id="side-form" method="get" action="https://ranhill.com.my/"><input type="text" class="field" name="s" placeholder="Enter your search" /><input type="submit" class="display-none" value="" /><a class="submit" href="#"><i class="icon-search-fine"></i></a></form></div><div class="lang-wrapper"></div><div class="menu_wrapper"></div><ul class="social"></ul></div><div id="body_overlay"></div> 3901 3902 3903<!-- mfn_hook_bottom -->
3903<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script>
vendor: 2 bytes, line 3903
3903
3904<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/ScrollTrigger.min.js"></script>
vendor: 2 bytes, line 3904
3904
3905<script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1/bundled/lenis.min.js"></script>
vendor: 2 bytes, line 3905
3905
3906<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.min.js"></script>
3906<!-- mfn_hook_bottom -->
3907<script type="speculationrules"> 3908{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/betheme-child/*","/wp-content/themes/betheme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 3909</script>
vendor: 1 bytes, line 3909
3909
3910<script id="jquery-ui-core-js-before"> 3911jQuery.uiBackCompat = true; 3912//# sourceURL=jquery-ui-core-js-before 3913</script>
vendor: 1 bytes, line 3913
3913
3914<script id="jquery-ui-core-js" src="https://ranhill.com.my/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>
vendor: 1 bytes, line 3914
3914
3915<script id="jquery-ui-tabs-js" src="https://ranhill.com.my/wp-includes/js/jquery/ui/tabs.min.js?ver=1.14.2"></script>
vendor: 1 bytes, line 3915
3915
3916<script id="mfn-plugins-js-extra"> 3917var mfn = {"mobileInit":"1240","parallax":"translate3d","responsive":"1","sidebarSticky":"","lightbox":{"disable":false,"disableMobile":false,"title":false},"slider":{"blog":0,"clients":0,"offer":0,"portfolio":0,"shop":0,"slider":0,"testimonials":0}}; 3918//# sourceURL=mfn-plugins-js-extra 3919</script>
vendor: 1 bytes, line 3919
3919
3920<script id="mfn-plugins-js" src="https://ranhill.com.my/wp-content/themes/betheme/js/plugins.js?ver=23.0.4"></script>
vendor: 1 bytes, line 3920
3920
3921<script id="mfn-menu-js" src="https://ranhill.com.my/wp-content/themes/betheme/js/menu.js?ver=23.0.4"></script>
vendor: 1 bytes, line 3921
3921
3922<script id="mfn-animations-js" src="https://ranhill.com.my/wp-content/themes/betheme/assets/animations/animations.min.js?ver=23.0.4"></script>
vendor: 1 bytes, line 3922
3922
3923<script id="mfn-jplayer-js" src="https://ranhill.com.my/wp-content/themes/betheme/assets/jplayer/jplayer.min.js?ver=23.0.4"></script>
vendor: 1 bytes, line 3923
3923
3924<script id="mfn-parallax-js" src="https://ranhill.com.my/wp-content/themes/betheme/js/parallax/translate3d.js?ver=23.0.4"></script>
vendor: 1 bytes, line 3924
3924
3925<script id="mfn-scripts-js" src="https://ranhill.com.my/wp-content/themes/betheme/js/scripts.js?ver=23.0.4"></script>
vendor: 1 bytes, line 3925
3925
3926<script id="mfn-scripts-js-after"> 3927jQuery(function ($) { 3928 gsap.registerPlugin(ScrollTrigger); 3929 $(document).ready(function(){ 3930 // $('#menu-main-menu').append("<div class='banner_wrapper'><div class='header-stock-wrapper'><iframe src='https://www.insage.com.my/IR/RANHILLV2/stockQuote.aspx' class='header-stock'></iframe></div></div>"); 3931 3932 $('.banner_wrapper').append("<div class='header-stock-wrapper'><iframe src='https://www.insage.com.my/IR/RANHILLV2/stockQuote.aspx' class='header-stock'></iframe></div>"); 3933 3934 3935 3936 3937 if ($(window).width() > 767) 3938 { 3939 gsap.timeline({ 3940 scrollTrigger: { 3941 trigger: ".two-img-section", 3942 start: "center-=100px center", 3943 end: "center-=60px center", 3944 scrub: 2, 3945 } 3946 }) 3947 .to(".img-wrap-1", { 3948 yPercent: -40, 3949 ease: "none", 3950 duration: 2 3951 }) 3952 gsap.timeline({ 3953 scrollTrigger: { 3954 trigger: ".two-img-section", 3955 start: "center-=80px center", 3956 end: "center center", 3957 scrub: 2, 3958 } 3959 }) 3960 .to(".img-wrap-2", { 3961 yPercent: 40, 3962 ease: "none", 3963 duration: 2 3964 }) 3965 }else{ 3966 } 3967 3968 if ($(window).width() < 768){ 3969 $('.tab-dropdown, .tab-button ').click(function(){ 3970 $('.tab-dropdown').toggleClass('active'); 3971 $('.custom-tab-button').toggleClass('active'); 3972 }); 3973 $(window).scroll(function(){ 3974 $('.tab-dropdown, .custom-tab-button').removeClass('active'); 3975 }); 3976 } 3977 3978 3979 3980 // POST SUBHEADER 3981 let breadcrumbs = $('.single-post .breadcrumbs').html(); 3982 let title = $('.single-post h1.title').html(); 3983 3984 $('.post-breadcrumbs').append(breadcrumbs); 3985 $('.post-top-title').append(title); 3986 $(".post-breadcrumbs li:nth-child(2) a").attr("href", "/media/"); 3987 $(".post-breadcrumbs li:nth-child(2) a").html('MEDIA'); 3988 3989 3990 3991 }); 3992 $(window).scroll( function() { 3993 var scrolled_val = $(document).scrollTop().valueOf(); 3994 if(scrolled_val != 0){ 3995 $(".sfm-navicon-button").find(".sfm-navicon").addClass("not-white"); 3996 } 3997 else{ 3998 $(".sfm-navicon-button").find(".sfm-navicon").removeClass("not-white"); 3999 } 4000 }); 4001 4002 // Tabs 4003 $("a.tab-button").click(function(event){ 4004 event.preventDefault(); 4005 }); 4006 let firstTag = $("a.tab-button.active").attr('id'); 4007 $('.subs-bg .column').addClass('hide'); 4008 $('.subs-bg .column.'+ firstTag).addClass('active'); 4009 $('.subs-bg .column.'+ firstTag).removeClass('hide'); 4010 $('a.tab-button').click(function(e){ 4011 $("a.tab-button").click(function(){ 4012 $("a.tab-button").removeClass("active"); 4013 $(this).addClass("active"); 4014 let tagid = $(this).attr('id'); 4015 $('.filter-sub-container.wrap').removeClass('active').addClass('hide'); 4016 $('.filter-sub-container.'+tagid).addClass('active').removeClass('hide'); 4017 $('.subs-bg .column').removeClass('active').addClass('hide'); 4018 $('.subs-bg .column.'+tagid).addClass('active').removeClass('hide'); 4019 4020 }); 4021 }); 4022 4023}); 4024 4025 4026 4027jQuery(function($){ 4028 $(document).ready(function(){ 4029 $(".single-post .related-button-btm").append("<img src='/wp-content/uploads/2022/09/backtotop-img.svg' />"); 4030 $(".single-post .related-read-more").append("<p class='blue-button-1'><a href='/media'><span>READ MORE</span></a></p>"); 4031 4032 $('#ir-frame').iFrameResize(); 4033 }); 4034}); 4035 4036 4037 4038jQuery(function($){ 4039 // ---------------------- Smooth Scroll ---------------------- // 4040 const lenis = new Lenis({ 4041 duration: 1.2, 4042 easing: (t) => Math.min(1, 1.001 - Math.pow(2.25, -10 * t)) 4043 }); 4044 4045 function raf(time) { 4046 lenis.raf(time); 4047 requestAnimationFrame(raf); 4048 } 4049 4050 requestAnimationFrame(raf); 4051}) 4052//# sourceURL=mfn-scripts-js-after 4053</script>
vendor: 1 bytes, line 4053
4053
4054<script id="heateor_sss_sharing_js-js-before"> 4055function heateorSssLoadEvent(e) {var t=window.onload;if (typeof window.onload!="function") {window.onload=e}else{window.onload=function() {t();e()}}}; var heateorSssSharingAjaxUrl = 'https://ranhill.com.my/wp-admin/admin-ajax.php', heateorSssCloseIconPath = 'https://ranhill.com.my/wp-content/plugins/sassy-social-share/public/../images/close.png', heateorSssPluginIconPath = 'https://ranhill.com.my/wp-content/plugins/sassy-social-share/public/../images/logo.png', heateorSssHorizontalSharingCountEnable = 0, heateorSssVerticalSharingCountEnable = 0, heateorSssSharingOffset = -10; var heateorSssMobileStickySharingEnabled = 0;var heateorSssCopyLinkMessage = "Link copied.";var heateorSssUrlCountFetched = [], heateorSssSharesText = 'Shares', heateorSssShareText = 'Share';function heateorSssPopup(e) {window.open(e,"popUpWindow","height=400,width=600,left=400,top=100,resizable,scrollbars,toolbar=0,personalbar=0,menubar=no,location=no,directories=no,status")} 4056//# sourceURL=heateor_sss_sharing_js-js-before 4057</script>
vendor: 1 bytes, line 4057
4057
4058<script id="heateor_sss_sharing_js-js" src="https://ranhill.com.my/wp-content/plugins/sassy-social-share/public/js/sassy-social-share-public.js?ver=3.3.79"></script>
vendor: 1 bytes, line 4058
4058
4059<script id="wp-emoji-settings" type="application/json"> 4060{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://ranhill.com.my/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}} 4061</script>
vendor: 1 bytes, line 4061
4061
4062<script type="module"> 4063/*! This file is auto-generated */ 4064var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 4065//# sourceURL=https://ranhill.com.my/wp-includes/js/wp-emoji-loader.min.js 4066</script>
4066 4067 4068</body> 4069</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.