@charset "utf-8";
:root { 
	font-size: 16px; 
	--color-red: #ED1C24;
}
*{
	margin: 0;
	padding: 0;
	}


img{
	behavior: url("iepngfix.htc");
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
body {
	font-family: 'Montserrat',sans-serif;
	margin: 0;
	color: #2b2b2b;
	font-size: 16px;	
	font-weight: 400;
	background-color: #fff;
	min-width:1220px;
	line-height:1.5; 
}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearfix::after { content: ""; clear: both; display: block; }
.hide { display: none; }
.mobile { display: none; }
.desktop { display: block; }
.note { font-size: smaller; font-style: italic; line-height: 1.2; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0px; }
h1 { color:#2b2b2b; font-size: 30px; line-height: 1; text-align: center; margin-bottom: 25px; }
h2 { font-size: 28px; font-weight: 600; text-transform: uppercase; color: #2b2b2b; margin-bottom: 25px; line-height: 1; }
h2.line { padding-bottom: 30px; margin-bottom: 30px; background-image: url(themes/title-line.png); background-repeat: no-repeat; background-position: center bottom; }
h3 { font-size: 15px; line-height: 1; }
h3 span { color: #a5a5a5; }
h3.line { font-size: 22px; margin-bottom: 25px; border-bottom: solid 1px #d1d1d1; }
h3.line span { color: #2b2b2b; padding-bottom: 25px; display: inline-block; *display: inline; zoom: 1; border-bottom: solid 3px var(--color-red);}

img { max-width: 100%; height: auto; border: none; outline: none; }
select, textbox, input, textarea { color: #2b2b2b; font-family: 'Montserrat', sans-serif; outline: none; }
ol { margin-top: 20px; }
ul, ul > ul > ul { margin-top: 20px; text-align: left; }
ul, ul ul ul { list-style-image: url(themes/list-bullet.png);  }
ul ul { list-style-image: url(themes/list-bullet-border.png); }
ol li { list-style-image: none; }
li { margin-left: 15px; }
body.subpage li { margin-left: 35px; padding-left: 12px; margin-bottom: 20px; text-align: left; }
body.terms-of-use #main-content .content, body.privacy-policy #main-content .content { text-align: left; }

span.bold { font-weight: 400; }

table.border { border-collapse: collapse; border: solid 1px #d1d1d1; }
table.border th, .table-border .th > div { background-color: #f5f5f5; }
table.border td { padding: 10px; border: solid 1px #d1d1d1; }

.table-border .item { display: flex; }
.table-border .th { font-weight: bold; }
.table-border .item > div { padding: 10px; border: solid 1px #d1d1d1; border-right: 0px; border-bottom: 0px; flex-shrink: 0; }
.table-border .item > div:last-child { border-right: solid 1px #d1d1d1; }
.table-border .item:last-child { border-bottom: solid 1px #d1d1d1; }

.divTable { display: table; width: 100%; }
.divRow { display: table-row; }
.divCol { display: table-cell; width: 50%; }
.divCol.middle { vertical-align: middle; } 
.divCol.center { text-align: center; }
body.subpage #main-content .divTable .divCol a { margin: 30px !important; }

a { text-decoration: none; outline: none; }
a:link { color: #2b2b2b; text-decoration: none; }
a:visited { color: #2b2b2b; text-decoration: none; }
a img { border: none; }
a.btn { color: #fff; background-color: var(--color-red); padding: 8px 10px; border-radius: 5px; text-decoration: none; font-size: 14px; font-weight: 600; display: inline-block; *display: inline; zoom: 1; text-transform: uppercase; min-width: 135px; text-align: center; }
strong { font-weight: bold; }
a.btn-fill-red, .btn-fill-red { font-size: 13px; font-weight: bold; color: #fff !important; background-color: var(--color-red); padding: 8px 25px; border-radius: 20px; display: inline-block; *display: inline; zoom: 1; min-width: 65px; text-transform: uppercase; outline: none; text-shadow: none; border: none; }
a.btn-fill-red:hover, .btn-fill-red：hover { background-color: #ffcc00; color: #2b2b2b !important; text-decoration: none; }
a.btn-fill-red.black:hover, .btn-fill-red.black:hover { background-color: #2b2b2b; color: #ffffff !important; text-decoration: none; }

.btn-fill-grey { font-size: 13px; font-weight: bold; color: #fff !important; background-color: #2b2b2b; padding: 8px 25px; border-radius: 20px; display: inline-block; *display: inline; zoom: 1; min-width: 65px; text-transform: uppercase; outline: none; text-shadow: none; }
.btn-fill-grey:hover { background-color: var(--color-red); text-decoration: none; }

a.btn-fill-yellow { font-size: 13px; font-weight: bold; color: #2b2b2b !important; background-color: #ffcc00; padding: 8px 25px; border-radius: 20px; display: inline-block; *display: inline; zoom: 1;  text-transform: uppercase; outline: none; text-shadow: none;}
a.btn-fill-yellow:hover { background-color: #2b2b2b; color: #fff !important; text-decoration: none; }
a.btn-fill-yellow.red:hover { background-color: var(--color-red); color: #fff !important; text-decoration: none; }
a.btn-border-red { font-size: 13px; font-weight: bold; color: var(--color-red); border: solid 2px var(--color-red); padding: 6px 25px; border-radius: 20px; display: inline-block; *display: inline; zoom: 1;  text-transform: uppercase; outline: none; text-shadow: none;}
a.btn-border-red:hover { color: #fff; background-color: var(--color-red); text-decoration: none; }
a.btn-border-yellow { font-size: 13px; font-weight: bold; color: #ffcc00; border: solid 2px #ffcc00; padding: 6px 25px; border-radius: 20px; display: inline-block; *display: inline; zoom: 1; min-width: 92px;  text-transform: uppercase; outline: none; text-shadow: none;}
a.btn-border-yellow:hover, #footer-2cols a.btn-border-yellow:hover { color: #2b2b2b; background-color: #ffcc00; text-decoration: none; }
a.btn-spay { background-image: url(themes/btn-spayglobal.png); background-size: cover; width: 145px; height: 35px; display: inline-block; *display: inline; zoom: 1; cursor: pointer; margin-top: 10px; }
a.btn-spay:hover { background-image: url(themes/btn-spayglobal-hover.png); }
a.whatsapp, a.call { background-color: #25d366; background-image: url(themes/icon-whatsapp-w-s.png); background-size: 18px; background-position: center left 11px; background-repeat: no-repeat; height: 18px; min-width: auto; min-width: initial; min-width: none; padding: 10px; width: 18px; border-radius: 30px; margin: auto 5px; }
a.call { background-image: url(themes/icon-call-w-s.png); background-color: var(--color-red); background-size: 12px; background-position: center; }

.home #popup img { display: block; width: 100%; height: auto; max-width: 1000px; }
.home .mfp-auto-cursor .mfp-content { box-sizing: border-box; padding: 0px; }

.wrapper { max-width: 1320px; padding: 0px 40px; margin: auto; }
.wrapper_s { max-width: 1024px; width: 100%; padding: 3.125rem 40px 0px 40px; margin: auto; }
body.subpage.nobannertext .wrapper_s, body.subpage.newsevent .wrapper_s, body.subpage.pressrelease .wrapper_s { padding-bottom: 60px; }
body.subpage a { color: var(--color-red); }
body.subpage #main-content .content a { margin-bottom: 10px !important; }
body.subpage #main-content .content .breadcrumb a { margin-bottom: 0px !important; }
#banner-zone .wrapper_s { padding-bottom: 0px; }
#section-2 { max-width: 1024px; padding: 40px; margin: auto; }

.youtube { max-width: 100%; }
.nbr { display: none; }

#mmenulist { display: none; }
.slicknav_nav a { text-transform: uppercase; color: #2b2b2b !important; }
.slicknav_nav > li { margin-bottom: 0px !important;	padding-left: 0px !important; }

/* ---------------------- header ------------------------- */
#header-holder { position: absolute; top: 0px; z-index: 21; width: 100%; height: 230px; min-width: 1220px; background-image: url(themes/header-bg.png); background-size: contain; }

#logo { float: left; margin: 30px 0px 10px 0px; position: relative; z-index: 1; }
#logo a, #logo a img { display:block; height: 45px; }

/* -------------------- menu ------------------------- */
#menu-top { margin-left: 20px; float: right; height: 85px; }
#mobile-menu { display: none; }

/* -------------------- icon-link -------------------- */
#icon-link { position: fixed; right: 15px; z-index: 1001; top: 50%; display: none; }
#icon-link a { display:block; margin: 5px 0px; border: solid 2px #fff; border-radius: 30px; outline: none; }
#icon-link a img { display:block; }

/* ------------------------- banner zone -------------------- */
#banner-zone{ position: relative; overflow: hidden; z-index: 0; }	
#banner-contant{ width: 100%; margin: 0 auto; position: relative; z-index:1; }
.nivo-controlNav { bottom: 0px; padding-bottom: 50px; position: absolute; z-index: 20; width: 100%; }
.nivo-controlNav a { background-image: url(themes/bullet.png); background-repeat: no-repeat; height: 15px; width: 15px; margin: 5px; text-indent: 2000px; display: inline-block; }
.nivo-controlNav a.active { background-image: url(themes/bullet-active.png); }
.nivoSlider, .nivo-slice { height: 100% !important; }
.nivo-caption { text-shadow: 1px 1px 0px #000000; opacity: 1 !important; font-size: 17px !important; } 
.nivo-caption > p { visibility: hidden; }
.home .nivo-caption > p { font-size: 24px; opacity:1 !important; }
.nivo-caption p { padding: 0px !important; }
.nivo-caption p span.sub-title { font-size: 40px; line-height: 30px; }
.nivo-caption p h2 { font-size: 48px; color: #fff; font-weight: 600; font-family: 'Montserrat','Noto Sans TC'; text-shadow: 0px 0px 10px #000000; margin-bottom: 0px; }
.nivo-caption p .desc { margin-top: 25px !important; }
.nivo-caption a { color: var(--color-red); }

#banner-line { background-image: url(themes/banner-line.png); text-align: center; border-top: solid 1px #fff; background-repeat: no-repeat; background-size: 100% 7px; background-position: center top;  }
#banner-line img { display: block; width: 50px; margin: auto; }

/* ------------------------- slugmenu ----------------------------- */
#slugmenu { padding: 5px 0px; border-bottom: solid 2px #f2f0ed; overflow: hidden; margin-top: -5px; margin-bottom: 45px; text-align: left; }
#slugmenu a { color: #58554f; font-size: 14px; text-transform: uppercase; text-decoration: none; font-weight: normal; }
#slugmenu img.separator { margin: 0px 10px; position: relative; top: -1px; }
#slugmenu span { color: #3e3e3e; font-size: 14px; text-transform: uppercase; font-weight: normal; }

body.gallery #slugmenu { margin-top: 0px; border-bottom: none; }


/* ------------------------- home-content ------------------------- */
#home-content { background-image: url(themes/red-curve-bg.png); background-size: 100%; background-repeat: no-repeat; background-position: top; color: #ffffff; text-align: center; margin-top: -15%; padding-top: 16%; position: relative; pointer-events: none; }
#home-content .wrapper { padding: 60px 0px 80px 0px; position: relative; }
#home-content .wrapper.text { pointer-events: auto; font-size: 24px; }
#home-content .wrapper.text .desc { display: none; }
#home-content .wrapper.text h1 { font-size: 30px; color: #ffffff; }
#home-content .wrapper.text a { color: #fff; text-decoration: underline; }

/* ------------------------- inner-content ------------------------- */
#main-content .content { background-image: url(themes/w-curve-bg.png?r=20240723); background-size: 100%; background-repeat: no-repeat; background-position: top; margin-top: -15%; padding-top: 16%; position: relative; pointer-events: none; }
.breadcrumb { padding-bottom: 50px; padding-top: 5px; font-weight: bold; font-size: 14px; pointer-events: auto; text-transform: uppercase; text-align: center; }
.breadcrumb a { color: #6a6a6a !important; font-weight: bold; display: inline-block !important; }
.breadcrumb a:hover { color: var(--color-red) !important; text-decoration: none; }
.breadcrumb .breadcrumb-current { color: var(--color-red); display: inline-block;  }
.breadcrumb-separator { padding: 0 12px; width: 9px; background-image: url(themes/breadcrumb-separator.png); background-repeat: no-repeat; background-position: center; }

.inner #main-content .content {  }
.inner #main-content .content .desc { display: none; }
.inner.who-we-are #main-content .content { padding-bottom: 0px; } 
.inner.downstream-gas #main-content .content { padding-bottom: 0px; }

#intro-text { margin-bottom: 60px; }

/* ------------------- who-we-are-petros ----------------- */
#petros { text-align: justify; padding-bottom: 60px; display: none; }
#petros h3 { font-size: 20px; line-height: 1; margin-bottom: 25px; }
#petros h3 span { font-weight: bold; }
#petros table td:first-child{ width: 320px; vertical-align: top; padding-right: 30px;  }

/* ------------------- sarawak-oil-and-gas ----------------- */
#sarawak-oil-and-gas { text-align: justify; }
#sarawak-oil-and-gas h2 { text-align: center; margin-bottom: 0px; }
#sarawak-oil-and-gas { background-image: url(themes/sarawak-oil-and-gas-bg.png); background-size: cover; background-position: center; padding: 60px 0px; } 
/* #sarawak-oil-and-gas .section-2 { padding: 60px 0px 30px 0px; }*/
#regulations-for-sarawak-oil-and-gas { padding: 60px 0px; text-align: center; }
#regulations-for-sarawak-oil-and-gas .wrapper { text-align: left; display: inline-block; *display: inline; zoom: 1; max-width: auto; max-width: initial; max-width: none; width: auto; width: initial;}
#regulations-for-sarawak-oil-and-gas h2 { text-align: center; }

#h-latest-news-events { background-color: #fff; }
#h-latest-news-events .wrapper { padding: 80px 0px; }
#h-latest-news-events h1 span { display: block; font-size: 15px; margin-bottom: 10px; font-weight: 300; } 
#h-latest-news-events .item { float: left; width: 31%; margin-left: 3.5%; position: relative; }
#h-latest-news-events .item:first-child { margin-left: 0px; }
#h-latest-news-events img { display: block; }
#h-latest-news-events .image { margin-bottom: 15px; }
#h-latest-news-events .info { position: relative; }
#h-latest-news-events .info .title .date, #media-list .list .item div.date { float: left; }
#h-latest-news-events .item .info .desc { padding-bottom: 55px; margin-top: 20px; }
#h-latest-news-events .item .item .info .desc { margin-bottom: 20px; padding-bottom: 0px; }
#h-latest-news-events .info a.btn-border-red { position: absolute; bottom: 0px; }
#h-latest-news-events .item > .item { float: none; width: auto; width: initial; margin-left: 0px; padding-bottom: 30px; background-image: url(themes/dotted-line.png); background-repeat: repeat-x; background-position: bottom 30px center; }
#h-latest-news-events .info .title a:hover { color: var(--color-red); text-decoration: none; }
#h-latest-news-events .item .btn { text-align: center; position: absolute; bottom: -35px; width: 100%; }
#h-latest-news-events .item .btn a { margin-left: 30px; padding: 8px 20px; }
#h-latest-news-events .item .btn a.btn-fill-yellow { color: #2b2b2b; margin-left: 0px; }

/* ------------------- achievements-and-milestones ----------------- */
#achievements-and-milestones { background-color: #f5f5f5; padding: 60px 0px; text-align: center; } 
#timeline > .wrapper > .slick-list {
  background-image: url('themes/timeline-bg.png');
  background-repeat: repeat-x;
  background-position: center;
}
.slick-slide {
  position: relative;
  margin: 0px;
}
#milestone .slick-slide {
	margin: 0px 20px;
	padding-bottom: 25px; 
}
#milestone .slick-current {
  position: relative;
  display: inline-block;
  background-image: url('themes/milestone-indicator.png');
  background-position: center bottom 14px;
  background-repeat: no-repeat;
  background-size: auto; 
}

#milestone .milestone-img {
  display: block;
  width: 100%;
  /*height: 100%;*/
}


#milestone .text { background-color: #fff; padding: 30px; border-radius: 5px; border-bottom: solid 5px var(--color-red); }
#milestone .text > h3 {
  margin-bottom: 10px;
  font-size: 20px;
}

#milestone .text > h3,
#milestone .text > p {
}

#timeline {
  margin: -30px auto 0px auto;
  max-width: 85%; 
}

#timeline .item {
  margin: 0px;
}

#timeline .item > .img {
  position: relative;
  left: 58px;
}

 #timeline > div > .slick-list {
 }

#timeline .img {
  background-image: url('themes/timeline-normal.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 124px;
  height: 185px;
}

#timeline .item:last-child > .img {
  background-image: url('themes/timeline-normal-last.png');
}

#timeline .item:last-child > .img {
  background-image: url('themes/timeline-normal-last.png');
}

#timeline .slick-current > .img {
  background-image: url('themes/timeline-selected.png') !important;
}

#timeline .item:last-child.slick-current > .img {
  background-image: url('themes/timeline-selected-last.png') !important;
}

#timeline .slick-prev,
#timeline .slick-next {
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  overflow: hidden;
  color:transparent;
  top: 50%;
  margin-top: -10px;
  background-color: rgba(0,0,0,0);
}

#timeline .slick-prev {
  background-image: url('themes/timeline-left-arrow.png');
  left: 10px;
  cursor: pointer;
  background-color: transparent;
}

#timeline .slick-next {
  background-image: url('themes/timeline-right-arrow.png');
  right: 10px;
  cursor: pointer;
  background-color: transparent;
}

#timeline .date {
  position: absolute;
  width: 80px;
  left: -40px;
  bottom: 35px;
  line-height: 1.2;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold; 
}
#timeline .date .mth { font-size: 20px; text-transform: uppercase; display: block; line-height: 1;  }
#timeline .date .year { font-size: 13px; display: block; }

#timeline .slick-current .date .mth { font-size: 32px; }
#timeline .slick-current .date .year { font-size: 18px; }

#timeline .slick-current > .img > .date {
  bottom: 5px;
  font-weight: 600;
  font-size: 25px;
  line-height: 20px;
}

#tender-opportunities > div { max-width: 1024px; margin: auto; padding-bottom: 80px; }
#tenderops .th { background-color: #2b2b2b !important; color: #fff; font-weight: bold; font-size: 15px; }
#tenderops .th div { padding: 10px 25px; }
#tenderops .item { border: solid 1px #d5d5d5; display: flex; border-bottom: none; background-color: #fff; }
#tenderops .item:last-child { border-bottom: solid 1px #d5d5d5; }
#tenderops .item > div { padding: 10px 1%; flex-grow: 0; flex-shrink: 0; box-sizing: border-box; }
#tenderops .item > div.id { width: 55px; text-align: right; }
#tenderops .item > div.project { flex-grow: 1; flex-shrink: 1; }
#tenderops .item > div.category { width: 22%; text-align: center; }
#tenderops .item > div.date { width: 165px; text-align: center; }
#tenderops .item > div.status { width: 130px; text-align: center; }
#tenderops .item > div.status a { min-width: auto; min-width: initial; min-width: none; }
#tenderops .norecord { text-align: center; padding: 10px; }

/* ------------------- tender detail page ------------------ */
#tender-project .in { display: flex; }
#tender-project .in label { font-weight: bold; width: 180px; }
#tender-project .in span { }
#tender-project .in2 { margin: 1rem 0rem; }
#tender-project { margin-bottom: 80px; }

#tender_packages.table-border { margin: 1rem 0px; }
#tender_packages.table-border .id { width: 30px; }
#tender_packages.table-border .title { flex-grow: 1; flex-shrink: 1; }
#tender_packages.table-border .date { width: 150px; text-align: center; }
#tender_packages.table-border .status { width: 80px; text-align: center; }
#tender_packages.table-border .norecord { border: solid 1px #d1d1d1; padding: 10px; }

#tender-form { padding: 80px 0px; background-color: #f5f5f5; }
#tender-form h2 { text-align: center; }
#tender-form .mandatory { text-align: left; margin-bottom: 20px; font-weight: bold; font-style: italic; }
.tenderform { margin-top: 25px; border-top: solid 1px #d1d1d1; padding-top: 25px !important; padding: 0px; }
.tenderform .terms { text-align: left; margin-bottom: 20px; } 
.tenderform .terms li { margin-bottom: 5px; }
.tenderform form { border: solid 1px #d1d1d1; background-color: #fff; padding: 30px; }
.tenderform td h3 { font-size: 16px; margin-bottom: 15px; text-align: left; color: var(--color-red); margin-top: 20px; }
.tenderform td h3 a { text-decoration: underline; }
.tenderform td span.note { text-align: left; display: block; margin-left: 1.1rem; font-size: inherit; font-style: normal;}
.tenderform .checkbox-holder input[type="checkbox"] { opacity: 1; position: relative; top: 1px; }
.tenderform .checkbox-holder input[type="checkbox"]:checked + span:before { content: none; }
.tenderform .agree input[type="checkbox"] { opacity: 1 !important; margin-left: 2% !important; }
.tenderform .agree input[type="checkbox"]:checked + span:before { content: none; }
.tenderform .btn-fill-red { border: none; }
.button a, .button input[type="submit"] { margin-top: 20px; }
.button input[type="submit"] { cursor: pointer; }
.tenderform .term-statement { border-top: solid 1px #d1d1d1; margin-top: 20px; padding-top: 30px; }
.tenderform .check-holder { position: relative; margin-top: 20px; }
.tenderform .checkbox-holder.error span.text { color: var(--color-red); }
.tenderform .radio-holder  { position: relative; display: block !important; text-align: left; padding-left: 20px !important; }
.tenderform .radio-holder span { margin-left: 15px; }

/* ------------------- pdpa consent popup ------------------ */
form a.open-pdpa-link { display: none; } 
.popup-pdpa.wrapper_s { box-sizing: border-box; }
.popup-pdpa li:last-child { margin-bottom: 0px; }
.popup-pdpa .content h2 { text-align: center; }
.popup-pdpa #pdpaconsent { margin-top: 1rem; position: relative; }
.popup-pdpa #pdpaconsent input[type="checkbox"] { position: absolute; top: 4px; z-index: 1; }
.popup-pdpa #pdpaconsent .text { float: left; margin-left: 30px; }
.popup-pdpa #pdpaconsent .chk { position: absolute; top: 4px; z-index: 0; display: inline-block; *display: inline; zoom: 1; height: 10px; width: 10px; z-index: 0; border: solid 1px #2b2b2b; }
.popup-pdpa #pdpaconsent input[type="checkbox"].error { border: solid 1px var(--color-red); -moz-appearance: none; -webkit-appearance: none;-o-appearance: none; width: 13px; height: 13px; border-radius: 3px; }
.popup-pdpa #pdpaconsent .button { padding-top: 1rem; text-align: center; clear: both; }			




/* ------------------- leadership -------------------------- */
#leadership-list { text-align: center; }
#leadership-list .section.sel { display: block !important; }
#leadership-list .group { background-color: #f5f5f5; padding: 80px 0px; }
#leadership-list .group img { width: 100%; }
#leadership-list .cat { display: inline-block; *display: inline; zoom: 1; margin: 0px 10px; font-size: 18px; }
#leadership-list .cat a { color: #2b2b2b; line-height: 35px; font-weight: bold; text-decoration: none; padding-bottom: 5px; }
#leadership-list .cat a:hover, #leadership-list .cat-sel a { border-bottom: solid 3px var(--color-red); }
#leadership-list #leader-category { margin-bottom: 5px; }
#leadership-list #leader-category > div { border-bottom: solid 1px #d1d1d1; }
#leadership-list .list { padding: 80px 0px; position: relative; }
#leadership-list .list .item { display: inline-block; *display: inline; zoom: 1; width: 21.5%; margin: 0px 1.5% 1.5% 1.5%; vertical-align: top; }
#leadership-list .list .item .row { position: relative; }
#leadership-list .list .item img.profile { width: 200px; height: 200px; border-radius: 100px; display: block; margin: auto; cursor: pointer; }
#leadership-list .list .item .info { min-height: 80px; }
#leadership-list .list .item .name { font-size: 18px; font-weight: bold; margin-top: 10px; line-height: 1.2; }
#leadership-list .list .item .position { font-size: 13px; margin-bottom: 20px; }
#leadership-list .list .item .bio { height: 0px; overflow: hidden; }
#leadership-list .list .item .bio .text { margin-top: -7px; position: absolute; width: 100%; left: 0px; right: 0px; visibility: hidden;  }
#leadership-list .list .item .bio .text > div { background-color: #f5f5f5; text-align: justify; border: solid 1px #e2e2e2; padding: 30px; }
#leadership-list .list .item img.arrow { width: 21px; height: 10px; margin: auto; }
#leadership-list .list > .item:first-child { float: none; width: auto; width: initial; margin: 0px 0px 1.5% 0px; }

/* ----------------- downstream-residential ------------------ */
#downstream-residential, #downstream-commercial, #lpg-gas-products { text-align: center; padding: 0px 0px 80px 0px;}
#downstream-residential .section.sel, #downstream-commercial .section.sel, #lpg-gas-products .section.sel, #buy-lpg .section.sel { display: block !important; }
#downstream-residential .cat, #downstream-commercial .cat, #lpg-gas-products .cat, #buy-lpg .cat { display: inline-block; *display: inline; zoom: 1; margin: 0px 10px; font-size: 18px; }
#downstream-residential .cat a, #downstream-commercial .cat a, #lpg-gas-products .cat a, #buy-lpg .cat { color: #2b2b2b; line-height: 35px; font-weight: bold; text-decoration: none; padding-bottom: 5px; }
#downstream-residential .cat a:hover, #downstream-residential .cat-sel a, #downstream-commercial .cat a:hover, #downstream-commercial .cat-sel a, #lpg-gas-products .cat a:hover, #lpg-gas-products .cat-sel a, #buy-lpg .cat:hover, #buy-lpg .cat-sel { border-bottom: solid 3px var(--color-red); }
#downstream-residential #downstream-category, #downstream-commercial #downstream-category, #lpg-gas-products #downstream-category, #buy-lpg #buy-lpg-menu { margin-bottom: 5px; }
#downstream-residential #downstream-category > div, #downstream-commercial #downstream-category > div, #lpg-gas-products #downstream-category > div, #buy-lpg #buy-lpg-menu > div { border-bottom: solid 1px #d1d1d1; }
#downstream-residential .section-desc, #downstream-commercial .section-desc, #lpg-gas-products .section-desc { text-align: justify; }

#safety { background-color: #ffcc00; padding: 60px 0px; text-align: center; }
#safety > div { max-width: 1024px; width: 100%; padding: 0px 40px; margin: auto; }
#safety table { color: #fff; }
#safety table td.safety-learn-more { width: 48%; padding-right: 2%; background-size: 96%; background-position: left top; background-repeat: no-repeat; }
#safety a.btn-fill-red { margin: 5px 10px; }

#lpg-reserve-section #tbReserveform h2, #customer-satisfaction-form #tbSatisfactionForm h2 { font-size: 18px; }

/* ----------------- downstream-list ------------------ */
#downstream-list h3 { font-size: 18px; }
#downstream-list .item { background-color: #f5f5f5; position: relative; text-align: left; }
#downstream-list .item > div { }
#downstream-list .item .img { width: 40%; float: left; background-size: cover; background-position: center; }
#downstream-list .item .img img { display: block; }
#downstream-list .item .text { border-collapse: collapse; width: 60%; display: table; float: right; background-color: #f5f5f5;  }
#downstream-list .item .text > div { display: table-cell; vertical-align: middle; padding: 6%; }
#downstream-list .item a { margin-top: 25px; }
#downstream-list .item.even .img { float: right; }
#downstream-list .item.even .text { float: left; }

/* ------------------ upstream-list ------------------- */
#upstream-list { text-align: center; padding: 0px 0px 80px 0px; }
#upstream-list .section.sel { display: block !important; }
#upstream-list .item { background-color: #f5f5f5; position: relative; text-align: left; background-size: 100%; }
#upstream-list .item .img { width: 40%; float: left; background-size: 100%; background-position: center; background-repeat: no-repeat; background-color: #fff; }
#upstream-list .item .text { border-collapse: collapse; width: 60%; display: table; float: right; background-color: #f5f5f5; }
#upstream-list .item .text > div { display: table-cell; vertical-align: middle; padding: 6%; }
#upstream-list h3 { font-size: 18px; }
#upstream-list .item a { margin-top: 25px; }
#upstream-list .item.even .img { float: right; }
#upstream-list .item.even .text { float: left; }
#upstream-list .item ol, #upstream-list .item ul, #upstream-list .item ol li, #upstream-list .item ul li { margin-top: 0px; margin-bottom: 0px; }

/* 20230519.Careen - Customized */
#upstream-list .item:first-child { margin-bottom: 30px; }
#upstream-list .item:first-child > div { display: flex; flex-direction: column; }
#upstream-list .item:first-child > div .img { float: none; width: 100%; height: auto !important; height: initial !important; border: solid 1px #f5f5f5; box-sizing: border-box; }
#upstream-list .item:first-child > div .text { float: none; width: 100%; height: auto !important; height: initial !important; } 
#upstream-list .item:first-child > div .text > div { height: auto !important; height: initial !important; }
#upstream-list .item:first-child > div .text > div > ol > li { margin-top: 1rem; margin-bottom: 1rem; }
#upstream-list .item:first-child > div .text ol ol { columns: 2; -webkit-columns: 2; -moz-columns: 2; width: 100%; max-width: 700px;}
#upstream-list .item::after { content: ""; clear: both; display: block; } 

#footer-text { text-align: justify; padding-bottom: 60px; }

/* ----------------- product-list ------------------ */
#buy-petros-lpg { background-color: #f5f5f5; padding: 80px 0px 40px 0px; }  
#buy-petros-lpg > div { max-width: 1024px; padding: 0px 40px; width: 100%;margin: auto; }
#product-list .item { background-color: #f5f5f5; position: relative; text-align: left; background-repeat: no-repeat; }
#product-list .item > div { }
#product-list .item .img { width: 40%; float: left; background-size: cover; background-position: center; }
#product-list .item .text { border-collapse: collapse; width: 60%; display: table; float: right; background-color: #f5f5f5; }
#product-list .item .text > div { display: table-cell; vertical-align: middle; padding: 6%; }
#product-list .item a { margin-top: 25px; }
#product-list .item.even .img { float: right; }
#product-list .item.even .text { float: left; border-left: none; }

#dealer-filter select { width: 100%; background-color: #fff; padding: 10px 2%; margin: 0px 0px 20px 0px; font-size: 15px; position: relative; z-index: 1; font-family: 'Montserrat', sans-serif; line-height: 1; font-weight: 400; line-height: 1; border: solid 1px #cecece; border-radius: 2px; }

#dealer-and-reserve { background-color: #f5f5f5; padding: 0px 0px 30px 0px;  }
#dealer-and-reserve > div { max-width: 1024px; padding: 0px 40px; width: 100%;margin: auto; }
#buy-lpg-menu { text-align: center; }
#buy-lpg-menu.wrapper { padding: 0px; }

#lpg-dealer-section { background-color: #fff; border: solid 1px #d1d1d1; padding: 30px 30px 0px 30px; display: none; }  
#lpg-dealer-section.sel { display: block; }
#lpg-dealer-section #map-wrapper { height: 350px; margin-bottom: 30px; width: 100%; position: relative; display: table; }
#lpg-dealer-section #map-wrapper div.text { vertical-align: middle; z-index: 0; display: table-cell; text-align: center; }
#lpg-dealer-section #map-wrapper #dealermap { position: absolute; z-index: 1; border: solid 1px #d1d1d1; width: 99.5%; height: 100%; }

#dealer-and-reserve #dealer-list { }
#dealer-and-reserve #dealer-list .item { float: left; width: 30%; margin-right: 5%; margin-bottom: 30px; transition: height 2s; }
#dealer-and-reserve #dealer-list .item.last { margin-right: 0px; }
#dealer-and-reserve #dealer-list .item .info { transition: height 2s; }
#dealer-and-reserve #dealer-list .item h3 span { font-weight: normal; display: block; color: #2b2b2b; font-size: 13px; } 

#dealer-and-reserve #dealer-list .item .contact { margin: 5px 0px; }
#dealer-and-reserve #dealer-list .item .contact .icon { position: relative; top: 3px; display: inline-block; *display: inline; zoom: 1; }
#dealer-and-reserve #dealer-list .item .contact > a { display: inline-block; *display: inline; zoom: 1; }

#lpg-reserve-section { background-color: #fff; border: solid 1px #d1d1d1; padding: 30px; display: none; }
#lpg-reserve-section.sel { display: block; }

#sarawak-pay { background-color: #f5f5f5; padding: 0px 0px 80px 0px; }  
#sarawak-pay > div { max-width: 1024px; padding: 0px 40px; width: 100%; margin: auto; }
#sarawak-pay > div > table td { padding: 30px; vertical-align: top; box-sizing: border-box; }
#sarawak-pay > div > table td:first-child { width: 60%; }
#sarawak-pay > div > table { border: solid 1px #d1d1d1; background-color: #fff; }

#customer-satisfaction-form { background-color: #f5f5f5; padding: 80px 0px; }  
#customer-satisfaction-form > div { max-width: 1024px; width: 100%; margin: auto; padding: 0px 40px;}
#customer-satisfaction-form form { border: solid 1px #d1d1d1; background-color: #fff; padding: 30px; }
#customer-satisfaction-form select { width: 98.5%; padding: 10px 1.5%; margin: 0px 0.8% 20px 0.8%; } 
#customer-satisfaction-form td.left { text-align: left; float: none; }
#customer-satisfaction-form td > span { margin-left: 0.8%; }
#customer-satisfaction-form td.highlight:hover { background-color: #f5f5f5; }
#customer-satisfaction-form td.highlight .radio-holder { float: right; width: 200px; }
#customer-satisfaction-form td.highlight > span { margin-left: 0.8%; line-height: 48px; }
#customer-satisfaction-form td.highlight div.radio-holder span { width: 50px; display: inline-block; *display: inline; zoom: 1; }
#customer-satisfaction-form div.radio-holder.rating { display: table; margin-left: 0.8%; }
#customer-satisfaction-form div.radio-holder.rating .item { display: table-cell; vertical-align: middle; }
#customer-satisfaction-form div.radio-holder.rating > div { width: 200px; }
#customer-satisfaction-form div.radio-holder.rating .item input, #customer-satisfaction-form div.radio-holder.rating .item span { top: -21px; position: relative; }
#customer-satisfaction-form div.radio-holder.rating .item img { margin-right: 10px; }
#customer-satisfaction-form div.radio-holder span { margin-left: 5px; }
#customer-satisfaction-form td #feedback { margin-top: 20px; }

/* ------------------- media-centre -------------------------- */
#media-centre-index { margin-bottom: 80px; }
#media-centre-index table { border: none; }
#media-centre-index td { padding: 0px; border: none; }
#media-centre-index td.twocol td { height: 400px; vertical-align: bottom; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; }
#media-centre-index td.threecol td { height: 500px; vertical-align: bottom; width: 33.3%; position: relative; background-size: cover; background-repeat: no-repeat; }
#media-centre-index td a { background-size: cover; height: 100%; display: block; position: relative; font-size: 18px; color: #fff; }
#media-centre-index td a:hover { color: var(--color-red); }
#media-centre-index > div { max-width: 1024px; padding: 0px 40px; margin: auto; }
#media-centre-index div.title { color: #fff; font-weight: bold; line-height: 80px; background-image: url(themes/media-title-bg.png); background-size: 100% 100px; background-position: bottom; background-repeat: repeat-x; text-align: center; padding: 20px 0px 0px 0px; position: absolute; bottom: 0px; top: 0px; width: 100%; }
#media-centre-index div.title span { position: absolute; bottom: 0px; width: 100%; left: 0px; }

#media-list { text-align: center; }
#media-list .section.sel { display: block !important; }
#media-list .group { background-color: #f5f5f5; padding: 80px 0px 30px 0px; }
#media-list .group img { width: 100%; }
#media-list .cat, #menu-tab .cat { display: inline-block; *display: inline; zoom: 1; margin: 0px 10px; font-size: 18px; }
#media-list .cat a, #menu-tab .cat a { color: #2b2b2b; line-height: 35px; font-weight: bold; text-decoration: none; padding-bottom: 5px; }
#media-list .cat a:hover, #media-list .cat-sel a, #menu-tab .cat a:hover, #menu-tab .cat-sel a { border-bottom: solid 3px var(--color-red); }
#media-list #media-category { margin-bottom: 5px; }
#media-list #media-category > div { border-bottom: solid 1px #d1d1d1; }
#media-list .list { position: relative; }
#media-list .item { float: left; width: 31%; margin-right: 3.5%; position: relative; text-align: left; margin-bottom: 50px; }
#media-list .item.last { margin-right: 0px; }
#media-list .item .image { margin-bottom: 15px; }
#media-list .item a.btn-border-red { margin-top: 20px; }
#media-list img { display: block; }
#media-list .norecord { margin-bottom: 50px; }

#media-list #year-cat { margin-bottom: 15px; }

#media-list .section.sel { display: block !important; }
#media-list .section { display: none; }

#gallery { text-align: center; background-color: #f5f5f5; padding: 80px 0px 30px 0px; }
#gallery .cat { display: inline-block; *display: inline; zoom: 1; margin: 0px 10px; font-size: 18px; }
#gallery .cat a { color: #2b2b2b; line-height: 35px; font-weight: bold; text-decoration: none; padding-bottom: 5px; }
#gallery .cat a:hover, #gallery .cat-sel a { border-bottom: solid 3px var(--color-red); }
#gallery #gallery-category { margin-bottom: 5px; }
#gallery #gallery-category > div { border-bottom: solid 1px #d1d1d1; }



#footer-2cols h2 { color: #fff; margin-bottom: 0px; }
#footer-2cols p { margin: 25px 0px !important; }
#footer-2cols > div { width: 50%; background-size: cover; color: #fff; }
#footer-2cols > div.left, .section-tpl > div.left { background-color: var(--color-red); }
#footer-2cols > div.right, .section-tpl > div.right { background-color: #1f1f1f; }
#footer-2cols > div .text { float: right; width: 40%; height: 300px; text-align: center; padding: 150px 5%; background-image: url(themes/overlay-r-79.png); background-size: cover; position: relative; }
#footer-2cols > div .img, .section-tpl > div .img { display: none; float: left; width: 50%; background-size: cover; }
#footer-2cols > div.right .img, .section-tpl > div.right .img { float: right; }
#footer-2cols > div.right .text, .section-tpl > div.right .text { float: left; background-image: url(themes/overlay-81.png); }
#footer-2cols a.btn-fill-yellow, #footer-2cols a.btn-border-yellow { position: absolute; bottom: 120px; left: 50%; margin-left: -73px; min-width: 96px; color: #ffcc00; }
.inner.news-and-events #footer-2cols a.btn-border-yellow { color: #ffcc00; }
.inner.news-and-events #footer-2cols a.btn-border-yellow:hover { color: #2b2b2b; }

.section-tpl h2 { color: #fff; margin-bottom: 0px; }
.section-tpl p { margin: 25px 0px !important; }
.section-tpl > div { width: 50%; background-size: cover; background-position: center; color: #fff; }
.section-tpl > div .text { float: right; width: 40%; text-align: center; padding: 50px 5%; background-image: url(themes/overlay-r-79.png); background-size: cover; position: relative; }
.section-tpl > div a.btn-border-yellow, .section-tpl > div a.btn-fill-yellow { position: absolute; bottom: 50px; left: 50%; margin-left: -73px; min-width: 96px; color: #ffcc00; }

/* ----------------- section-template ------------------ */
.section-tpl.lrlayout { padding-bottom: 80px; }
.section-tpl.lrlayout h3 { font-size: 18px; }
.section-tpl.lrlayout > div { width: 100%; color: #2b2b2b; }
.section-tpl.lrlayout .item { background-color: #f5f5f5; position: relative; text-align: left; }
.section-tpl.lrlayout .item > div { }
.section-tpl.lrlayout .item .img { width: 40%; float: left; background-size: cover; background-position: center; display: block; }
.section-tpl.lrlayout .item .img img { display: block; }
.section-tpl.lrlayout .item .text { border-collapse: collapse; width: 60%; display: table; float: right; background-color: #f5f5f5; text-align: left; background-image: none; font-size: inherit; }
.section-tpl.lrlayout .item .text > div { display: table-cell; vertical-align: middle; padding: 6%; }
.section-tpl.lrlayout .item a { margin-top: 25px; }
.section-tpl.lrlayout .item.even .img { float: right; }
.section-tpl.lrlayout .item.even .text { float: left; }


#h-footerbanner { background-size: cover; color: #2b2b2b; font-weight: 400; padding: 80px 0px; text-align: center; }
#h-footerbanner h1 { font-size: 28px; color: #2b2b2b !important; }
#h-footerbanner .text { max-width: 1024px !important; }
#h-footerbanner a.btn-fill-red { margin: 20px 10px 0px 10px; }

/* ------------------- what-we-do ------------------------- */
#what-we-do-list { margin-bottom: 80px; }
#what-we-do-list #what-we-do { }
#what-we-do-list a { margin-top: 25px; }
#what-we-do .item { background-color: #f5f5f5; position: relative;  }
#what-we-do .item > div { }
#what-we-do .item .img { width: 40%; float: left; }
#what-we-do .item .img img { display: block; }
#what-we-do .item .text { border-collapse: collapse; width: 60%; display: table; float: right; background-color: #f5f5f5;  }
#what-we-do .item .text > div { display: table-cell; vertical-align: middle; padding: 6%; }
#what-we-do .item.even .img { float: right; }
#what-we-do .item.even .text { float: left; }

.inner.consumer-lpg #main-content .content, .inner.commercial-and-industrial-lpg-lng #main-content .content { text-align: justify; }

#be-our-partner { background-color: #ffcc00; padding: 60px 0px; text-align: center; }
#be-our-partner > div { max-width: 1024px; width: 100%; padding: 0px 40px; margin: auto; }

#faq { background-image: url(themes/faq-bg.png); background-size: cover; padding: 80px 0px; text-align: center;  }
#faq > div { max-width: 1024px; width: 100%; padding: 0px 40px; margin: auto; }
#faq h3 { font-size: 20px; }
#faq a { margin: 5px 10px; }

#our-business-principles { background-color: #ffcc00; padding: 60px 0px; text-align: center;  }
#our-business-principles > div { max-width: 1024px; width: 100%; padding: 0px 40px; margin: auto; }


/* ------------------- partners ----------------------------- */
#buyers-vendors { margin-bottom: 80px; }
#buyers-vendors .item { background-color:#f5f5f5;  }
#buyers-vendors .item > div { display: table; }
#buyers-vendors .item .img { width: 40%; display: table-cell; overflow: hidden; background-size: cover; }
#buyers-vendors .item .img img { display: block; }
#buyers-vendors .item .text { display: table-cell; vertical-align: middle; width: 60%; background-color: #f5f5f5; }
#buyers-vendors .item .text > div { padding: 6%; display: table-cell; vertical-align: middle;  }
#buyers-vendors a { margin-top: 25px; }
#buyers-vendors .item.even .img { float: right; }
#buyers-vendors .item.even .text { float: left; }

#register-your-interest { padding: 80px 0px; background-color: #f5f5f5; text-align: center; }
#register-your-interest h2 { font-size: 22px; text-align: center; }
#register-your-interest h3 span.red { color: var(--color-red); padding: 0px; border: none; }
#register-your-interest > div { max-width: 1024px; margin: auto; }
#register-your-interest .mandatory { text-align: left; margin-bottom: 20px; font-weight: bold; font-style: italic; }
#register-your-interest .tab-content { text-align: left; background-color: #fff; border: solid 1px #d1d1d1; padding: 30px; margin-bottom: 30px; display: none; }
#register-your-interest .tab-content > p { margin: 0px 20px; }
#register-your-interest .tab-content.active { display: block; }

#register-your-interest tr#trreqtype div.radio-holder { padding: 0px; }
#register-your-interest tr#trreqtype div.radio-holder > div { display: block; } 
#register-your-interest tr#trvendorcert, #register-your-interest span.reqchange { display: none; }

#customer-register-your-interest { display: none; }
#customer-register-your-interest .district-sel { text-align: left; margin-bottom: 30px; }
#customer-register-your-interest .district-sel #district-co { margin-left: 10px; }

#customer-register-your-interest a#showprocess { margin-left: 10px; }
#lpg-steps h2 { text-transform: initial; }
#lpg-steps .list:after { content: ""; clear: both; display: block; }
#lpg-steps .list .step { margin-bottom: 15px; }
#lpg-steps .list .step:last-child { margin-right: 0px; }
#lpg-steps .list .step .title { padding: 5px 45px; background-color: var(--color-red); color: #fff; position: relative; border-radius: 25px; line-height: 1.2; }
#lpg-steps .list .step .title:after { content: ""; clear: both; display: block; }
#lpg-steps .list .step .title.gas { background-color: #2b2b2b; }
#lpg-steps .list .step .title span.no { background-color: #fff; color: #2b2b2b; border-radius: 20px; height: 28px; width: 28px; text-align: center; line-height: 28px; font-style: italic; margin-right: 10px; left: 10px; top: 10px; position: absolute; font-weight: bold; }
#lpg-steps .list .step .content { margin: 0px 20px; padding: 20px; border: solid 3px #d1d1d1; border-top: none; border-radius: 0px 0px 25px 25px; text-align: center; position: relative; }
#lpg-steps .list .step .content p { text-align: left; }
#lpg-steps .list .step .content p.note { position: absolute; width: 90%; bottom: 15px; line-height: 1.2; text-align: center; left: 0px; padding: 0px 5%;}
#lpg-steps .list .step .sect { text-align: left; }
#lpg-steps .list .step .sect h3 { margin-bottom: 10px;  }
#lpg-steps .list .step .sect ol { margin-top: 0px; }
#lpg-steps .list .step .sect ol li { margin-bottom: 10px; margin-left: 20px; padding-left: 5px;}
#lpg-steps .list .step .sect ol li:last-child {  }

#lpg-steps .list .step a { margin-top: 10px; }
#lpg-steps .approved { margin: 20px 20px 0px; padding: 20px; border: solid 3px #d1d1d1; border-radius: 25px; }
#lpg-steps .approved .list { margin-top: 10px; }
#lpg-steps .approved .list:after { content: ""; clear: both; display: block; }
#lpg-steps .approved .step { float: left; width: 31%; margin-right: 3.5%; margin-bottom: 15px; }
#lpg-steps .approved .step:last-child { margin-right: 0px; }

#lpg-steps .approved .step span.no { background-color: var(--color-red); color: #fff; border-radius: 20px; display: inline-block; height: 28px; width: 28px; text-align: center; line-height: 28px; font-style: italic; margin-right: 10px; }

.ui-widget { font-family: 'Montserrat',sans-serif !important; font-size: 16px !important; }
.ui-widget-content { border: solid 1px #d1d1d1 !important; color: #2b2b2b !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-color: #f5f5f5 !important; background-image: none !important; border-color: #cecece !important; }
.ui-widget-header { background-color: #1f1f1f !important; color: #fff !important; background-image: none !important; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background-color: #2b2b2b !important; color: #fff !important; border-color: #2b2b2b !important; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border-color: #2b2b2b !important; }
.ui-datepicker th { width: 30px; }
.ui-icon-circle-triangle-w { background-image: url(themes/cal-left.png) !important; background-position: 0px 0px !important; background-size: contain !important;}
.ui-icon-circle-triangle-e { background-image: url(themes/cal-right.png) !important; background-position: 0px 0px !important; background-size: contain !important; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin-left: -3px !important; margin-top: -7px !important; }
a.ui-datepicker-prev, a.ui-datepicker-next { cursor: pointer; border-radius: 18px; top: 5px !important; left: 5px !important; height: 25px !important; width: 25px !important;}
a.ui-datepicker-next { right: 5px !important; left: initial !important; }
a.ui-datepicker-prev:hover, a.ui-datepicker-next:hover { background: rgba(255,255,255,0.2) !important; }

.tab-menu { margin-bottom: 5px; }
.tab-menu > div { border-bottom: solid 1px #d1d1d1; }
.tab-menu .cat { display: inline-block; *display: inline; zoom: 1; margin: 0px 10px; font-size: 18px; color: #2b2b2b; font-weight: bold; text-decoration: none; line-height: 35px; cursor: pointer; }

.tab-menu .cat a { }
.tab-menu .cat-sel, .tab-menu .cat:hover { border-bottom: solid 3px var(--color-red); }

/* -------------------- job-application-form -------- */
.vendorform { margin-top: 25px; }
.vendorform .terms { text-align: left; margin-bottom: 20px; }
.vendorform .terms li { margin-bottom: 5px; }
.vendorform .section { display: none; }
.vendorform .section.sel { display: block !important; }
.vendorform form { border: solid 1px #d1d1d1; background-color: #fff; padding: 30px; }
.vendorform td { text-align:left; }
.vendorform td.gender > span { margin-right: 10px; margin-left: 3%; }
.vendorform td.resume span { position: relative; top: -8px; }
.vendorform td.employed > span, .vendorform td.resume > span { margin-left: 6%; margin-right: 10px; }
.vendorform td.resume div.holder { padding: 0px 10px; top: 8px; }
.vendorform td.col2 select, .vendorform td select, #lpg-reserve-section td select { margin-bottom: 3%; }
.vendorform td[colspan="2"] select { margin-bottom: 1.5%; padding: 13px 1.5%; width: 100%; }

.vendorform a.btn-fill-red.file { margin-right: 10px; margin-bottom: 20px; }

.vendorform td h3 { font-size: 16px; margin-bottom: 15px; color: var(--color-red); margin-top: 20px; text-align: left; }
.vendorform td h3.grey { color: #2b2b2b; }
.branch_add4, .branch_add5 { display: none; }
.vendorform a.btn-fill-yellow { color: #2b2b2b;  }
.vendorform .check-holder { position: relative; display: inline-block; *display: inline; zoom: 1; margin-left: 20px; }
.vendorform .check-holder div.item { display: inline-block; *display: inline; zoom: 1; margin-right: 20px; width: 190px; }
.vendorform .check-holder input[type="checkbox"] { opacity: 1 !important; position: relative; width: auto; width: initial; margin: 0px; top: 2px; left: 0px;}
.vendorform td.sector { padding-left: 10px; }
.vendorform td.label input[type="file"] { width: 98.5%; box-sizing: border-box; }
.vendorform td.label .radio-holder { padding-bottom: 5px; }
.vendorform .radio-holder { margin-left: 2%; margin-bottom: 1.5%; }
.vendorform td.col2 .radio-holder { margin-left: 4%; }
.vendorform .radio-holder input[type="radio"] { width: auto; width: initial; padding: 0px; margin: 0px; }
.vendorform .fDoc-holder, .vendorform .fLicense-holder { display: none; }
.supply4, .supply5, .supplyhide { display: none; }
.vendorform input.sweccode { display: none; margin-bottom: 0px !important; }
.vendorform .sweccode, .vendorform .qdetails { display: none; }
.vendorform ol { list-style: lower-roman; margin-top: 5px; }
.vendorform ol li { margin-bottom: 5px; }
.vendorform hr { border: none; border-bottom: solid 1px #cecece; height: 1px; margin-right: 1%; }

a#btnAddSupply { margin-bottom: 3%; }
#tbVendorForm input[type="file"] { margin-left: 0px; padding: 13px 10px; margin: 0px; width: 100%; box-sizing: border-box; }
#tbVendorForm input[type="checkbox"], #tbResidentialForm input[type="checkbox"], #tbCustomerForm input[type="checkbox"], #tbCustomerForm2 input[type="checkbox"] { opacity: 1 !important; margin-left: 2%; }


.inner.faq h3 { font-size: 16px; }
.inner.faq .wrapper { text-align: left; }
#faq .section { display: none; }
#faq .section.sel { display: inline-block !important; }
#faq #residential.section a.btn-fill-red,
#faq #customer.section a.btn-fill-red { display: block; margin-bottom: 10px; }

/* ------------------ highlights -------------------------- */
#highlights { color: #fff; background-color: #2b2b2b; }
#highlights .item { width: 50%; float: left; background-size: cover; background-repeat: no-repeat; position: relative; display: table; }
#highlights .item > div { background-image: url(themes/overlay-48.png); background-repeat: repeat; display: table-cell; vertical-align: bottom; padding: 200px 80px 80px 80px; }
#highlights .item .info { visibility: hidden; }
#highlights .item.idx4 { background-position: center; }
#highlights h2 { color: #fff; margin-bottom: 0px; }
#highlights h2 span { display: block; font-weight: normal; font-size: 15px; margin-bottom: 25px; }
#highlights p { padding: 20px 0px 25px 0px; }


/* --------------------- floatingicon ------------- */
.floaticon { position: fixed; z-index: 1002; right: 70px; bottom: 15px; animation: shake 5s infinite; }
.floaticon img { display: block; width: 150px; }

@keyframes shake {
    0% { transform: translateX(0); }
    5% { transform: translateX(-5px) rotate(-5deg); }
    10% { transform: translateX(5px) rotate(5deg); }
    15% { transform: translateX(-5px) rotate(-5deg); }
    20% { transform: translateX(0); }
}

/* --------------------- cookieconsent ------------- */
#cookieconsent { position: fixed; top: 0px; height: 100%; width: 100%; left: 0px; z-index: 1003; }
#cookieconsent .overlay { background-image: url(themes/overlay-81.png); width: 100%; height: 100%; }
#cookieconsent > .text { padding: 15px 2%; width: 96%; position: fixed; font-size: 14px; z-index: 1002; bottom: 0px; background-color: #ffffff; border-top: solid 1px #d7d7d7; }
#cookieconsent .wrapper_s { padding-bottom: 0px; }
#cookieconsent h3 { margin-bottom: 0px; }
#cookieconsent a { text-decoration: underline; }
#cookieconsent #btncookie { margin-left: 10px; text-decoration: none; }
#cookieconsent #btnclosecookie { position: absolute; top: 0px; right: 0px; }
#cookieconsent #btnclosecookie img { width: 40px; }

/* --------------------- careers ------------------- */
#careers { padding: 80px 0px; background-color: #f5f5f5; }
#careers > div { max-width: 1024px; margin: auto; }
#careers > div.jobapplication { margin-top: 50px; }
#careers h2 { text-align: center; }
#careers .job { margin-bottom: 10px; margin-top: 25px; }
#careers .job > div { max-width: 1220px; width: 100%; margin: auto; }
#careers .job .header { background-color: #2b2b2b; color: #fff; font-size: 19px; font-weight: bold; padding: 10px 25px; background-image: url(themes/plus.png); background-repeat: no-repeat; background-position: right 25px center; cursor: pointer; text-align: left; text-transform: uppercase; }
.ie8 #careers .job .header { background-position: 98% 50% }
#careers .job .job-desc { border: solid 1px #d5d5d5; border-top: none; padding: 30px 25px; display: none; font-size: 15px; }
#careers .job .job-desc h3 { margin: 20px 0px; font-size: 17px; text-transform: uppercase; }
#careers .job .job-desc .closing h3 { margin-top: 20px !important; }
#careers .job .job-desc h3:first-child { margin-top: 0px; }
#careers .job .job-desc a.btn { color: #fff; letter-spacing: 0px; font-size: 14px; }
#careers .job > div > div { background-color: #fff; color: #2b2b2b; }
#careers .job.expand .header { background-image: url(themes/minus.png); }
#careers .job .job-desc ul li { float: left; width: 40%; padding-right: 4%; margin-bottom: 5px; }
#careers .job div > div .closing { margin-bottom: 30px; }
#careers .job div > div .closing span { color: #fff; }
#careers span.note { text-align: center; display: block; margin-top: 20px; }

.jobapplication { text-align: center; }
.jobapplication h1 { font-size: 40px !important; font-weight: 300 !important; font-family: 'Montserrat', sans-serif; display: inline-block; *display: inline; zoom: 1; background-color: #dab962; padding: 30px 50px 10px 50px; margin-bottom: 50px; }

/* -------------------- job-application-form -------- */
.jobform { margin-top: 25px; }
.jobform form { border: solid 1px #d1d1d1; background-color: #fff; padding: 30px; }
.jobform td.gender { text-align: left; }
.jobform td.gender > span { margin-right: 10px; margin-left: 3%; }
.jobform td.employed { text-align: left; }
.jobform td.resume { text-align: left; }
.jobform td.resume span { position: relative; top: -8px; }
.jobform td.employed > span, .jobform td.resume > span { margin-left: 6%; margin-right: 10px; }
.jobform td.resume div.holder { padding: 0px 10px; top: -8px; }
.jobform td.col2 select { margin-bottom: 3%; }

/* -------------------- events -------- */
#event-category { height: 43px; max-width: 1045px; width: 100%; margin: auto;}
#event-category>div { display: inline-block; *display: inline; zoom: 1; margin-left: 20px; }
#event-category div.cat  { color: #5c5c5c;  float: left; padding: 10px 30px; border: solid 1px #cbcbcb; border-bottom: 0px; border-radius: 3px 3px 0px 0px; margin: 0px 5px;}
#event-category div.cat:hover { background-color: var(--color-red); }
#event-category div.cat-sel { background-color: var(--color-red); float: left; }
#event-category a { color: #5c5c5c; font-size: 15px; font-weight: 400; text-decoration: none; display: block; text-transform: uppercase; }
#event-category a:active, #event-category a:focus, #event-category a:hover, #event-category div.cat-sel a, #event-category div.cat:hover a { text-decoration: none; color: #fff; }



/* --------------------- newsevent ------------------- */
body.newsevent #main-content .wrapper_s p.date, body.newsevent #main-content .wrapper_s p.venue { margin-bottom: 20px; text-align: center; }

#newsevent-list #newsevent-list-upcoming { }
#newsevent-list #newsevent-list-latest, #newsevent-list #newsevent-list-previous { display: none; }
#newsevent-list .note { padding: 20px 0px 80px 0px; text-align: center; }
#newsevent-list .section { display: none; }
#newsevent-list .section.sel { display: block !important; }
#newsevent-list .group { text-align: center; }
#newsevent-list .group img { width: 100%; }
#newsevent-list .cat { display: inline-block; *display: inline; zoom: 1; margin: 0px 10px; font-size: 18px; }
#newsevent-list .cat a { color: #2b2b2b; font-weight: bold; text-decoration: none; padding-bottom: 5px; line-height: 35px;}
#newsevent-list .cat a:hover, #newsevent-list .cat-sel a { border-bottom: solid 3px var(--color-red); }
#newsevent-list #newsevent-category { margin-bottom: 5px; }
#newsevent-list #newsevent-category > div { border-bottom: solid 1px #d1d1d1; }
#newsevent-list .list { padding: 20px 0px 80px 0px; position: relative; }
#newsevent-list .list .item { background-color: #f5f5f5; padding: 50px 30px; border: solid 1px #d1d1d1; border-bottom: none; display: table; vertical-align: top; }
#newsevent-list .list .item:last-child { border-bottom: solid 1px #d1d1d1; } 
#newsevent-list .list .item.even { background-color: #fff; }
#newsevent-list .list .item .image { width: 28%; display: table-cell; vertical-align: top; }
#newsevent-list .list .item .image img { display: block; }
#newsevent-list .list .item .date {  }
#newsevent-list .list .item .date > div.startdate, #newsevent-list .list .item .date > div.enddate, #h-latest-news-events .list .item .date, #media-list .list .item div.date { margin-right: 15px; vertical-align: top; text-align: center; background-color: #d7d7d7; width: 50px; padding: 10px; }
#newsevent-list .list .item .date .day, #h-latest-news-events .list .item .date .day, #media-list .list .item div.date .day {display: block; background-color: #d7d7d7; 
    font-size: 35px;
    color: #5a5a5a;
    line-height: 30px;  }
#newsevent-list .list .item .date .month, #newsevent-list .list .item .date .year, #h-latest-news-events .list .item .date .month, #h-latest-news-events .list .item .date .year, #media-list .list .item div.date .month, #media-list .list .item div.date .year {  display: block; 
    color: #000;
    font-size: 13px;
    line-height: 1; }
#newsevent-list .list .item .info { display: table-cell; padding-left: 30px; vertical-align: top; width: 75%; }
#newsevent-list .list .item .title { font-size: 16px; font-weight: bold; line-height: 1.2; }
#newsevent-list .list .item .title span { display: block; font-size: smaller; font-weight: normal; }
#newsevent-list .list .item .desc { margin-top: 25px; }
#newsevent-list .list .item .info a { margin-top: 25px; }
#newsevent-list .list .item .date .to { background-image: url(themes/icon-event-to.png); background-repeat: no-repeat; background-size: auto; width: 50px; height: 50px; background-position: center; margin: 0px; padding: 0px 10px; }

/* --------------------- pressrelease ------------------- */
body.pressrelease #main-content .wrapper_s p.date { margin-bottom: 20px; text-align: center; }

/* -------------------- gallery ------------------------- */
#gallery { max-width: 100%; margin: auto; }
#gallery .title { margin: 25px 0px; }
.album-cover { float: left; margin: 0px 3.5% 40px 0px; text-align: center; width: 31%; overflow: hidden; }
.album-cover div.img { width: 100%; height: 220px; overflow: hidden; position: relative; }
.album-cover a { display: block; overflow: hidden; height: 100%; }
.album-cover img { padding: 0px !important; border: none; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; width: 100%; margin: auto; zoom: 1; }
.album-cover p { margin-top: 10px !important; font-weight: 400; line-height: 1.2; min-height: 40px; }
.album-cover.first { clear: both; }
.album-cover.album-photos-last { margin-right: 0px; }
div.pp_default .pp_content { width: 100% !important; }
.pp_gallery li { margin: 0px 10px 0px 0px !important; padding: 0px !important; }

#gallery .list { }
#gallery .list .item { float: left; margin: 0px 3.5% 40px 0px; text-align: center; width: 31%; overflow: hidden; }
#gallery .list .item.last { margin-right: 0px; }

/* -------------------- left-right-layout ------------------- */
.lr-layout-item { position: relative; }
.lr-layout-item .arrow { position: absolute; background-image: url(themes/arrow-orange.png); background-repeat: no-repeat; background-position: top center; width: 65px; height: 23px; top: 0px; left: 50%; margin-left: -32px; }
.lr-layout-item .image { float: left; width: 50%; background-size: cover; background-position: center; height: 480px; }
.lr-layout-item .image img { display: none; }
.lr-layout-item .info { float: right; width: 50%; display: table; height: 480px; }
.lr-layout-item .info > div { display: table-cell; vertical-align: middle; text-align: left; padding: 20px 80px; }
.lr-layout-item .info > div div { width: 450px; max-width: 100%; }
.lr-layout-item .info .detail { margin-top: 20px; text-align: left; position: relative; font-weight: normal; color: #3d3d3d; }
.lr-layout-item .info { margin-left: 0px; }
.lr-layout-item .info a.readmore, a.readmore { color: #fff !important; font-size: 14px; font-weight: 400; padding: 8px 20px; border-radius: 2px; background-color: var(--color-red); text-shadow: none; display: inline-block; *display: inline; zoom: 1; margin-top: 30px; text-shadow: 1px 1px #333; letter-spacing: 1px; text-decoration: none; }
.lr-layout-item .info h2 { color: #262626; font-size: 40px; text-transform: uppercase; padding-bottom: 15px; background-image: url(themes/line-orange.png); background-position: bottom left; margin-bottom: 15px; background-repeat: no-repeat; line-height: 40px; }

.lr-layout-item-right .image { float: right; }
.lr-layout-item-right .info { float: left;  }
.lr-layout-item-right .info > div div { width: 450px; max-width: 100%; float: right; }


/* -------------------- footer-menu ----------------- */
#footer { background-color: #1f1f1f; overflow: hidden; font-size: 15px; }
#footer .f-sect1 { padding-top: 60px; padding-bottom: 25px; color: #bebebe; font-size: 16px; font-weight: normal; border-bottom: solid 1px #333333; max-width: 1280px; }
#footer .f-sect1 .menu a { color: #fff; font-size: 14px; }
#footer .f-sect1 .menu a:hover, #footer .f-sect1 .menu a.active { color: #ffcc00; }
#footer .f-sect1 .menu li { display: inline-block; *display: inline; zoom: 1; border-right: solid 1px #727272; padding: 0px 20px; line-height: 1; margin-bottom: 0px !important; }
#footer .f-sect1 .menu li:last-child { border-right: 0px; }

#footer .f-sect2 { padding-top: 70px; padding-bottom: 70px; color: #fff; }
#footer .f-sect2 h3 { margin-bottom: 30px; }
#footer .f-sect2 h3 span { font-weight: normal; }
#footer .f-sect2 .contact { float: left; }
#footer .f-sect2 .operatinghours { float: left; width: 30%; }
#footer .f-sect2 .contact h3 { margin-bottom: 20px; }
#footer .f-sect2 .contact p { color: #a5a5a5; margin-top: 12px; font-size: 14px; display: inline-block; *display: inline; zoom: 1; position: relative; }
#footer .f-sect2 .contact a { color: #ffcc00; position: relative; }
#footer .f-sect2 .contact a:hover { text-decoration: underline; }
#footer .f-sect2 .contact > div > div, #contacts > div > div { display: inline-block; *display: inline; }
#footer .f-sect2 .contact .icon, #contacts .icon { width: 19px; height: 22px; background-repeat: no-repeat; background-position: center; }
#footer .f-sect2 .contact .icon.phone, #contacts .icon.phone { /* background-image: url(themes/icon-phone.png); */ }
#footer .f-sect2 .contact .icon.email, #contacts .icon.email { /* background-image: url(themes/icon-email.png); */ }
#footer .f-sect2 .contact .icon.phone img, #contacts .icon.phone img, #footer .f-sect2 .contact .icon.email, #contacts .icon.email { position: relative; top: 5px; }

#footer .f-sect2 .contact .text span { color: #a5a5a5; margin-left: 10px; }
#footer .f-sect2 .follow { float: right; width: 30%; max-width: 200px; }
#footer .f-sect2 .follow h3 { margin-bottom: 20px; }

#footer .f-sect2 .follow a { background-repeat: no-repeat; height: 21px; width: 21px; display: inline-block; *display: inline; zoom: 1; margin-right: 20px; vertical-align: middle; }
#footer .f-sect2 .follow a.youtube { background-image: url(themes/icon-youtube.png); width: 19px; }
#footer .f-sect2 .follow a.youtube:hover { background-image: url(themes/icon-youtube-hover.png); }
#footer .f-sect2 .follow a.linkedin { background-image: url(themes/icon-linkedin.png); width: 19px;}
#footer .f-sect2 .follow a.linkedin:hover { background-image: url(themes/icon-linkedin-hover.png); }
#footer .f-sect2 .follow a.job { background-image: url(themes/icon-jobs.png); margin-right: 0px; }
#footer .f-sect2 .follow a.job:hover { background-image: url(themes/icon-jobs-hover.png); }

#footer .f-sect3 { text-align: center; padding: 30px 0px; color: #b4b2b0; font-size: 13px; background-color: #0b0b0b; line-height: 1; }
#footer .f-sect3 .copyright { margin-bottom: 10px; }
#footer .f-sect3 .copyright a { color: #ffcc00; }
#footer .f-sect3 ul li { display: inline-block; *display: inline; zoom: 1; padding-left: 10px; padding-right: 10px; border-right: solid 1px #727272; line-height: 1; margin-bottom: 0px !important; }
#footer .f-sect3 ul li:last-child { border-right: none; }
#footer .f-sect3 ul a { color: #b4b2b0; margin-top: 5px;  }
#footer .f-sect3 ul a:hover, #footer .f-sect3 ul a.active { color: #ffcc00; }

#footer a { text-decoration: none; }
#footer ul { list-style-type: none; text-align: center; margin-top: 0px; }
#footer ul > li { margin-left: 0px; padding-left: 0px; }


/* ------------ SBR ------------------- */
body.home .nivo-caption { background: none; }

/* #why-bid { padding-bottom: 80px; } */
#why-bid > div { max-width: 1320px; padding: 0px 40px; margin: auto; }
#why-bid .item { background-repeat: no-repeat; background-size: contain; background-color: #f5f5f5; }
#why-bid .item > div { display: flex; align-items: center; }
#why-bid > div .img { width: 40%; background-size: cover; background-position: center; }
#why-bid > div .text { width: 60%; 	background-color: #f5f5f5; padding: 3.5%; box-sizing: border-box;  }

#ccus-sites { padding: 80px 0px; background-color: #f5f5f5; text-align: center; }
#ccus-sites > div { max-width: 1320px; padding: 0px 40px; margin: auto; }
#ccus-sites h2, #opportunities h2, #path-guidelines h2 { font-size: 22px; }
#ccus-sites img { margin: 30px 40px 0px 40px; }
#opportunities { padding: 80px 0px; text-align: center; }
#opportunities > div { max-width: 1320px; padding: 0px 40px; margin: auto; }

table.ccus { width: 1024px; max-width: 100%; -webkit-max-width: 100%; margin: auto; text-align: left; }
table.ccus tr { background-color: #f5f5f5; display: flex; margin-bottom: 20px; }
table.ccus tr td:first-child { font-weight: bold; font-size: 18px; width: 220px; flex-shrink: 0; }
table.ccus tr:nth-child(1) td:first-child { background-color: var(--color-red); color: #fff; }
table.ccus tr:nth-child(2) td:first-child { background-color: #ffcc00; color: #2b2b2b; }
table.ccus tr:nth-child(3) td:first-child { background-color: #1f1f1f; color: #fff; }
table.ccus tr:last-child { margin-bottom: 0px; }
table.ccus td { padding: 20px 30px; display: flex; align-items: center; }

#path-guidelines h2 { color: #fff; }
#path-guidelines table td { width: 50%; box-sizing: border-box; color: #fff; padding: 80px; vertical-align: top; }
#path-guidelines table td:first-child { background-color: var(--color-red); }
#path-guidelines table td:last-child { background-color: #1f1f1f; }
#path-guidelines ul { list-style-image: none; }

#access-to-sr { background-image: url(themes/access-to-sarawak-resource-insights-bg.png); background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; padding: 3.125rem 40px;  }
#access-to-sr a { display: inline-block; *display: inline; zoom: 1; margin-top: 1rem; }
#access-to-sr a:hover { color: var(--color-red); }
#access-to-sr h2 { margin: 0px; }

#sbr-timeline { padding: 80px 0px; text-align: center; }
#sbr-timeline > div { max-width: 1320px; padding: 0px 40px; margin: auto; }
#sbr-timeline img { margin: auto; }

/* ------------ IOGP-life-saving-rules ------------------- */
#IOGP-life-saving-rules { margin-bottom: 80px; }
#IOGP-life-saving-rules > div { max-width: 1024px; padding: 0px 40px; margin: auto; }
#IOGP-life-saving-rules .row { }
#IOGP-life-saving-rules .row .header { text-align: center; }
#IOGP-life-saving-rules .row .col { float: left; width: 30%; margin-left: 5%; margin-bottom: 35px; }
#IOGP-life-saving-rules .row .col:first-child { margin-left: 0px; }
#IOGP-life-saving-rules .row:last-child .col { margin-bottom: 0px; }

/* ------------------ flip-card -------------------------- */
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 200px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
}

/* Style the back side */
.flip-card-back {
  transform: rotateY(180deg);
}
.flip-card-back img { }

/* ------------------ main-content -------------------------- */
body.inner #main-content h1 { font-size: 28px; }
body.inner #main-content h1 span { font-size: 16px; font-weight: bold; color: #447532; display: block; margin-top: 10px; }
body.inner #main-content h1.flag { background-image: url(themes/icon-round-flag.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 60px; margin-bottom: 30px; }
body.contact #wapper, body.newsevents #wapper, body.faq #wapper, body.news #wapper, body.winners-list-for-tournament #wapper { background-color: #fff;}
body.inner.privacy-policy #main-content,
body.inner.terms-conditions #main-content { text-align: justify; }
body.inner .content .wrapper, body.inner .content .wrapper_s { pointer-events: auto; }

body.contact #main-content .content h3 { font-size: 24px; color: var(--color-red); margin-bottom: 20px; }
body.contact #main-content .content .l-panel { text-align: left; width: 50%; float: left; }
body.contact #main-content .content .r-panel { text-align: left; width: 45%; float: left; background-image: url(themes/contact-line.png); background-position: left center; background-repeat: no-repeat; padding-left: 5%; }
body.contact .l-panel img.phone { width: 18px; height: 18px; margin-right: 10px; clear:both; float: left; }
body.contact .l-panel img.fax { width: 18px; height: 18px; margin-right: 10px; clear:both; float: left; }
body.contact .l-panel img.email { width: 18px; height: 18px; margin-right: 10px; clear:both; float: left; }
body.contact .l-panel .text { float: left; margin-bottom: 8px; }
span.orange a, body.contact .l-panel .text a { color: #ffcc00;}
body.contact .form { margin-top: 50px; padding-top: 50px; border-top: solid 5px #ebebeb; }
body.contact .form h3 { color: #f0803e !important; font-size: 30px !important; text-transform: uppercase; padding-bottom: 15px; background-image: url(themes/line-orange.png); background-position: bottom center; background-repeat: no-repeat; line-height: 40px; }
body.contact .form #tbContactform { margin-top: 10px; }

body.sitemap #main-content .content { padding-bottom: 0px; }
#sitemap { max-width: 1024px; padding: 0px 40px 50px 40px; margin: auto; text-align: center;  }
#sitemap h3 { font-size: 24px; color: #2b2b2b; margin-bottom: 20px; text-align: left; }
#sitemap h3 span { color: var(--color-red); }
#sitemap ul { margin-top: 10px; }
#sitemap ul li { margin-bottom: 10px; }
#sitemap a { color: #2b2b2b; }
#sitemap a:hover { color: var(--color-red); }
#sitemap h3 a:hover { color: #2b2b2b; }

/* -------------------- contact us --------------------- */
#contact-info { padding-bottom: 80px; }
#contact-info h3 span { font-weight: 400; color: #2b2b2b; margin-left: 5px; } 
#contact-info .right { width: 50%; }
#contact-info .contact-info > h3 { margin-bottom: 30px; }
#contact-info #contacts h3, #contact-info #operatinghours h3 { margin-bottom: 10px; }
#contact-info #contacts > p { position: relative; }
#contact-info .coadd, .f-sect2 .contact .coadd { display: none; background-image: url(themes/add-bg.png); background-size: cover; position: absolute; width: 220px; height: 55px; background-repeat: no-repeat; padding: 20px 20px 20px 20px; font-size: 14px; right: 0px; top: 22px; z-index: 2; color: #2b2b2b; }

/* -------------------- contact-form ------------------- */
#contact-form { padding: 80px 0px; background-color: #f5f5f5; }
#contact-form h2 { text-align: center; }
div.g-recaptcha { margin-top: 20px; }


.tbContactform  { width: 100%; max-width: 1038px; margin: auto; overflow: hidden; border-bottom: none; border: none; text-align: center; }

.tbContactform .radio-holder { padding: 12px 0px; display: inline-block; *display: inline; zoom: 1;  }
.tbContactform .holder { padding: 9px; display: inline-block; *display: inline; zoom: 1; position: absolute; vertical-align: top; }
.tbContactform input.text {
    width: 98.5%;
    background-color: #fff;
    padding: 14px 4%;
	margin: 0px 0% 3% 0%;
    font-size: 15px;
    position: relative;
    z-index: 1;
	font-family: 'Montserrat', sans-serif; 
	line-height: 1;
	border: solid 1px #cecece;
	font-weight: 400;
	box-sizing: border-box;
}
.tbContactform td:last-child { text-align: right; }
.tbContactform td:last-child h4 { text-align: left; margin-left: 1.5%; }
.tbContactform td[colspan="2"] { text-align: left !important; }
.tbContactform td[colspan="2"] h4 { margin-left: 0px; }
.tbContactform td:first-child { text-align: left; }
.tbContactform td > div.col input.text { padding: 14px 4%; width: 90%; }
select { 
	background-color: #fff;
    padding: 13px 15px;
    font-size: 15px;
    position: relative;
    z-index: 1;
	font-family: 'Montserrat', sans-serif; 
	line-height: 1;
	font-weight: 400;
	line-height: 1;
	border: solid 1px #cecece;
	border-radius: 2px;
}
.tbContactform select { 
	width: 98.5%;
    padding: 13px 3%;
	margin: 0px 0% 3% 0%;
	box-sizing: border-box;
}
.get-in-touch .tbContactform select { padding: 13px 1.5%; width: 98.5%; }
.tbContactform td > div.col select { padding: 13px 4%; width: 98%; }
.tbContactform select option { 
	line-height:20px;
}
.tbContactform span.chk { display: inline-block; *display: inline; zoom: 1; position: relative; height: 10px; width: 10px; margin-left: 8px; margin-right: 12px; z-index: 0; border: solid 1px #2b2b2b; }
.tbContactform span.chk.error { border: solid 2px var(--color-red); }
.tbContactform input[type="checkbox"] { width: auto !important; width: initial !important; margin-right: 10px !important; position: relative; top: 2px; margin-bottom: 0px !important; }
span.reset::before { display: none; }
.tbContactform textarea { 
	width: 100%;
    background-color: #fff;
    padding: 15px 2%;
	margin: 0px 0% 1.5% 0%;
    font-size: 15px;
    position: relative;
    z-index: 1;
    height: 122px;
	font-family: 'Montserrat', sans-serif; 
	line-height: 1;
	border: solid 1px #cecece;
	resize: none; 
	font-weight: 400;
	box-sizing: border-box;
}

td > div.radio-holder { padding: 10px 0px; }
div.radio-holder input[type="radio"] { position: relative; top: 1px; border: none; background-color: transparent; width: auto !important; width: initial !important; padding: 0px !important; margin: auto !important; }
div.radio-holder span { margin-right: 45px; margin-left: 15px; text-transform: capitalize; }
div.radio-holder > div { display: inline-block; *display: inline; zoom: 1; }
.tbContactform .note { font-size: smaller; font-style: italic; line-height: 1.2; }

div.checkbox-holder { text-align: left; padding-left: 15px; }
div.checkbox-holder .text.error { color: var(--color-red); }
div.checkbox-holder .text { margin-left: 15px; }

.tbContactform td { position: relative; padding: 0px; width: 50%; vertical-align: top; border: none; }
.tbContactform td[colspan="2"] input { width: 100%; padding: 14px 2%; margin: 0px 0% 1.5% 0%; box-sizing: border-box; }
.tbContactform td.col2 select { margin-bottom: 3%; }
.tbContactform input[type="button"] { border: none; min-width: 135px; cursor: pointer; margin-right: 1.5%; margin-top: 20px; }
.tbContactform input[type="submit"]:disabled, input[type="submit"]:disabled, .tbContactform input[type="button"]:disabled, a.btn-fill-red.disabled { background-color: #d1d1d1; cursor: auto; }
a.btn-fill-red.disabled:hover { color: #fff !important; }
a.btn-fill-red.disabled { pointer-events: none; }
.tbContactform input[type="file"] { border: solid 1px #cecece; margin: 0px 0px 2px 0px !important; width: 99%; }
.antispam  { display: none; visibility:hidden; }

/*  ########################################################
	
	loader
	- upon form submission, display loading rotate icon
	
	######################################################## */
	
	.tbContactform td.button { vertical-align: bottom; text-align: right; }
	.button > div { display: flex; justify-content: right; }
	.button > div .spinner { padding-right: 10px; position: relative; bottom: 4px; }
	.button > div .loader { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; background: transparent; margin: 30px auto 0 auto; border: solid 3px #d1d1d1; border-top: solid 3px var(--color-red); border-radius: 50%; opacity: 0; }
	.button > div .loader.active { animation: spin 2s linear infinite; opacity: 1; }

	@keyframes spin { 
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}
	


.tbContactform input.error, .tbContactform label.error, .tbContactform textarea.error, .tbContactform select.error {
    border: solid 1px var(--color-red);
    color: var(--color-red);
}
.tbContactform .error > span, .tbContactform .error > ol { color: var(--color-red); } 
.error::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--color-red);
  opacity: 1; /* Firefox */
}
.error:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--color-red); }
.error::-ms-input-placeholder { /* Microsoft Edge */ color: var(--color-red); }

.tbContactform div.col.error { 
    border: solid 1px var(--color-red);
    color: var(--color-red);
	border-radius: 2px; 
}
.contact-form .tbSuccess { margin: 0px 0% 10px !important; }

#tbJobForm .g-recaptcha { margin-top: 0px; }
#tbJobForm input[type="button"] { margin-top: 0px; }

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 13px;
    height: 22px;
    margin-top: -11px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 1;
	
}

.slick-prev {
    background-image: url(themes/left.png);
    left: 1%;
}
.slick-next {
    background-image: url(themes/right.png);
    right: 1%;
}
.slick-slider .slick-track, .slick-slider .slick-list { height: 100%; }
.slick-initialized .slick-slide { background-size: cover; position: relative; }
.slick-dots { position: absolute; bottom: 25px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; left: 0px; }
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0;
	margin: 0px 5px !important;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
	width: 13px; 
	height: 13px; 
    display: block;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background-image: url(themes/bullet-green.png);
	background-repeat: no-repeat; 
	background-position: center; 
	background-color: transparent; 
}
.slick-dots li.slick-active button {
	background-image: url(themes/bullet-green-active.png);
}


/* -------------------- pop-up-gallery ----------------- */
div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_right, 
div.pp_default .pp_content_container .pp_left, div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right  { background-image: none !important; background-color: #fff !important; }
div.pp_default .pp_content { max-width: 100%; }
#pp_full_res img { width: 100% !important; }
.pp_hoverContainer { width: 100% !important; }
.pp_fade { position: relative; }
div.ppt { display: none !important; }
div.pp_default .pp_expand { display: none !important; }
div.pp_default .pp_close { width: 60px !important; height: 60px !important; position: absolute; right: -60px; background-image: url(themes/popup-close.jpg) !important; background-size: cover !important; background-position: 0px 0px !important; }


/* -------------------- main-content ----------------- */
#main-content img { max-width: 100%; }
#main-content p { margin: 0px; }
#main-content td { vertical-align: top; }

/* -------------------- location-map ---------------- */
#map-wrapper { height:480px; }
#location-map { width: 100%; height:100%; } 

header, section, aside, nav, article, figure {
	display: block;
	height: 0px;
}

.tbErrors{ color: var(--color-red); text-align: center; margin-bottom: 10px; }
.tbSuccess{ color: #31B404; text-align: center; margin: 0px; margin-bottom: 10px !important; }

@media only screen and (max-width: 1480px) {
	#home-content .wrapper.text { padding: 60px 70px 80px 70px; max-width: auto; max-width: initial; font-size: 22px; }
	.home .nivo-caption > p { font-size: 22px; }
	#footer-2cols > div .text { padding: 120px 5%; }
	#footer-2cols a.btn-fill-yellow, #footer-2cols a.btn-border-yellow { bottom: 90px; }
	#newsevent-list .list { padding: 20px 40px 80px 40px; }
}
@media only screen and (max-width: 1420px) {
	.wrapper, .wrapper_s, #be-our-partner > div, #register-your-interest > div, #our-business-principles > div, #faq > div, #buy-petros-lpg > div, #dealer-and-reserve > div, #sarawak-pay > div, #safety > div, #customer-satisfaction-form > div { width: auto; width: initial; }
	#home-content .wrapper.text, .home .nivo-caption > p { font-size: 20px; }
	#highlights .item { min-height: auto; min-height: initial; }
	#highlights .item > div { padding: 200px 60px 60px 60px; }
	
	#h-latest-news-events .wrapper { padding: 80px 40px; } 
	#h-latest-news-events .item .btn a { margin-left: 20px; }
	
	#our-business-principles > div { padding: 0px 70px;}
	
	.slick-prev { left: 20px; }
	.slick-next { right: 20px; }
}
@media only screen and (max-width: 1350px) {
	h2 { font-size: 25px; }
	#footer-2cols > div .text, .section-tpl > div .text { font-size: 15px; }
	#h-footerbanner h1 { font-size: 25px; }
	
	#timeline .slick-current .date .mth { font-size: 28px; }
	#timeline .slick-current .date .year { font-size: 17px; }
	#timeline .date .mth { font-size: 19px; }
	#milestone .text > h3 { font-size: 18px; }
	
	h3.line { font-size: 20px; margin-bottom: 20px; }
	h3.line span { padding-bottom: 20px; }
	#what-we-do-list a { margin-top: 15px; }
	
	#ccus-sites img { height: 230px !important; width: auto !important; width: initial !important; }
	#path-guidelines table td { padding: 80px 40px; }
}
@media only screen and (max-width: 1280px) {
	body { font-size: 15px; min-width: auto; min-width: initial; min-width: none; }
	h1 { font-size: 28px; }
	h3 { font-size: 14px; }
	a.btn-fill-red, .btn-fill-red, a.btn-border-red, a.btn-fill-yellow { font-size: 12px; }
	
	#header-holder { min-width: auto; min-width: initial; min-width: none; }
	#logo a, #logo a img { height: 38px; }
	#menu { font-size: 13px; }
	#menu ul li { line-height: 23px; }
	#menu ul ul { top: 23px; font-size: 13px; }
	
	#banner-zone .wrapper_s { padding: 0px 105px; max-width: auto; }
	#home-content .wrapper.text, .home .nivo-caption > p { font-size: 18px; }
	.nivo-caption p h2 { font-size: 41px; }
	.nivo-directionNav a { width: 20px !important; height: 40px !important; }
	
	#highlights .item > div { padding: 40px; }
	#highlights h2 span { margin-bottom: 15px; font-size: 14px;  }
	#highlights p { padding: 15px 0px;}
	
	#h-latest-news-events .wrapper { padding: 60px 40px; }
	#h-latest-news-events .item { margin-left: 3%; }
	#h-latest-news-events .item.idx3 { width: 32%; }
	#h-latest-news-events .item .btn a { margin-left: 10px; }

	#faq { padding: 60px 0px; }
	
	.vendorform td h3, .tenderform td h3 { font-size: 15px; }
	.tbContactform input.text, .tbContactform select, #dealer-filter select, #tbReserveform, #tbSatisfactionForm, .district-sel select { font-size: 14px; }
	
	.section-tpl > div .text { width: 50%; }
	
	#h-footerbanner { padding: 60px 0px; }
	
	#footer-2cols > div .text { padding: 100px 5%; width: 45%;}
	#footer-2cols a.btn-fill-yellow, #footer-2cols a.btn-border-yellow { bottom: 70px; }
	
	#h-footerbanner h1 { font-size: 25px; }
	
	#footer { font-size: 14px; }
	#footer .f-sect1 .menu a { font-size: 13px; }
	#footer .f-sect2 { padding: 60px 0px; }
	#footer .f-sect2 h3 { margin-bottom: 25px; }
	#footer .f-sect2 .contact h3, #footer .f-sect2 .follow h3 { margin-bottom: 15px; }
	#footer .f-sect2 .contact p { margin-top: 10px; font-size: 13px; }
	
	table.ccus tr td:first-child { font-size: 16px; }
	
}
@media only screen and (max-width: 1180px) {
	#home-content .wrapper.text > div { display: none; }
	#home-content .wrapper.text .nbr { display: block; }
	
	#h-latest-news-events .item.idx3 .btn a { display: block; margin-top: 10px; margin-left: 0px; }
	
	#downstream-residential #downstream-category, #downstream-commercial #downstream-category { padding: 0px 55px; }
	#downstream-residential .section .group > .wrapper_s, #downstream-commercial .section .group > .wrapper_s { padding: 0px 55px; }
	
	#what-we-do-list { margin-bottom: 60px; }
	#buyers-vendors { margin-bottom: 60px; }
	#tender-project { margin-bottom: 60px; }
	#register-your-interest { padding: 60px 0px; }
	#register-your-interest > div { padding: 0px 55px; }
	
	#tender-form { padding: 60px 0px; }
	#tender-opportunities > div { padding: 0px 55px 60px 55px; }
	
	body > #contact-form { padding: 60px 0px; }
	#downstream-residential, #downstream-commercial, #lpg-gas-products, .section-tpl.lrlayout { padding-bottom: 60px; }
	#buy-petros-lpg { padding-top: 60px; padding-bottom: 20px; }
	#sarawak-pay { padding-bottom: 40px; }
	#customer-satisfaction-form { padding: 60px 0px; }
	
	#leadership-list .group .wrapper_s { padding: 0px 55px; }
	#newsevent-list .group { padding: 0px 55px; }
	
	#careers { padding: 60px 0px; }
	#careers > div { padding: 0px 55px; }
	
	#leadership-list .group { padding: 60px 0px; }
	#leadership-list .list { padding: 60px 55px; }
	#leadership-list .list .item.idx0 img.profile { width: 160px; height: 160px; }
	#leadership-list .list .item img.profile { width: 90%; max-width: 160px; height: auto; height: initial; height: none; }
	#leadership-list .list .item .bio .text { left: 55px; right: 55px; width: auto; width: initial; width: none; }
	
	#media-list .group { padding: 60px 0px 30px 0px; }
	#gallery { padding: 60px 0px 30px 0px; }
	
	#cookieconsent .wrapper_s { max-width: auto; max-width: initial; }
	#cookieconsent > .text { padding: 0px; width: 100%; }
	#cookieconsent > .text .wrapper_s { padding: 15px 40px; }
	
	#careers h2 { font-size: 22px; }
	
	#ccus-sites, #opportunities, #sbr-timeline { padding: 60px 0px; }
	#path-guidelines table td { padding: 60px 40px; }
}
@media only screen and (max-width: 1080px) { 
	#footer-2cols > div .text { padding: 60px 5%; }
	#footer-2cols a.btn-fill-yellow, #footer-2cols a.btn-border-yellow { bottom: 50px; }
	
	#cookieconsent > .text { font-size: 13px; }
	
	#timeline .img { width: 100px; height: 149px; left: 47px !important; }
	#timeline .slick-current > .img > .date { bottom: 0px; }
	#timeline .date { bottom: 24px; }
		
	table.ccus { width: auto; width: initial; }
	#ccus-sites img { height: 200px !important; width: auto !important; width: initial !important; margin: 30px 30px 0px 30px; }
}
@media only screen and (max-width: 1024px) { /* tablet */
	body { font-size: 14px; }
	h1, body.inner #main-content h1 { font-size: 25px; }
	h2 { font-size: 22px; }
	.mobile { display: block; }
	.desktop { display: none; }
	#logo { margin-top: 15px; }
	#menu { display: none; }
	#mobile-menu { display: block;  }
	#menu-top { float: none; margin-left: 0px; }
	.breadcrumb { font-size: 13px; }
	
	.slicknav_nav { padding-top: 15px !important; }
	.slicknav_btn { position: absolute !important; right: 35px; }
	
	#home-content { margin-top: -18%; padding-top: 17%; }
	#home-content .wrapper.text { padding: 40px 70px 50px 70px; }
	#home-content .wrapper.text, .home .nivo-caption > p { font-size: 16px; }
	body.subpage li { margin-left: 25px; padding-left: 10px; }
	#sitemap h3 { font-size: 21px; }
	
	.nivo-caption p h2 { font-size: 35px;  }
	.nivo-caption p .desc { display: none; }
	#home-content .wrapper.text > div.desc { display: block; margin-bottom: 20px; }
	.inner #main-content .content .desc { display: block; margin-bottom: 20px; text-align: center; } 
	#intro-text { margin-bottom: 20px; }
	#downstream-residential, #downstream-commercial { padding-top: 30px; }
	
	#lpg-steps .list .step .title span.no { left: 8px; top: 8px; }
	
	#highlights h2 span { margin-bottom: 10px; }
	#highlights p { padding: 10px 0px; }
	
	#h-latest-news-events .item { width:47.5%; margin-left: 5%; margin-bottom: 40px; }
	#h-latest-news-events .item:first-child, #media-list .item:first-child { margin-left: 0px; }
	#h-latest-news-events .item.idx3, #media-list .item.idx3  { width: 100%; margin-left: 0px; margin-bottom: 0px; height: auto !important; height: initial !important; height: none !important; background-image: url(themes/dotted-line.png); background-repeat: repeat-x; background-position: top 0px center; padding-top: 40px; }
	#h-latest-news-events .item .btn { bottom: 0px; }
	#h-latest-news-events .item .btn a.btn-fill-yellow { margin-top: 0px; }
	#h-latest-news-events .item.idx3 .btn a { display: inline-block; margin-right: 20px; }
	
	#media-list .item { width:47.5%; margin-left: 5%; margin-right: 0px; margin-bottom: 40px; }
	#media-list .item.odd { margin-left: 0px; }
	
	#milestone .text > h3 { font-size: 16px; }
	#timeline .slick-current .date .mth { font-size: 25px;} 
	#timeline .slick-current .date .year { font-size: 15px; }
	#timeline .date .mth { font-size: 18px; }
	
	#downstream-residential .cat, #downstream-commercial .cat { font-size: 16px; }
	.tab-menu .cat { font-size: 16px; }
	#leadership-list .cat { font-size: 16px; }
	#media-list .cat, #menu-tab .cat { font-size: 16px; }
	
	h3.line { font-size: 18px; margin-bottom: 15px; }
	h3.line span { padding-bottom: 15px; }
	#what-we-do-list a { margin-top: 15px; }
	#buyers-vendors a { margin-top: 15px; }
	#register-your-interest h2 { font-size: 20px; }
	#tenderops .th { font-size: 14px; }
	
	#tenderops .item { flex-wrap: wrap; }
	#tenderops .item > div.id { width: 8%; }
	#tenderops .item div.ref { width: 110px; }
	#tenderops .item.th > div.project { width: auto; width: initial; }
	#tenderops .item > div.project { width: 90% }
	#tenderops .item > div.date { padding-top: 0px; margin-left: 8%; width: auto; width: initial; flex-grow: 1; text-align: left; }
	#tenderops .item > div.status { padding-top: 0px; width: 125px; }
	#tenderops .item.th > div.status { padding-top: 10px; }
	
	#tender_packages.table-border .id { width: 25px; }
	#tender_packages.table-border .mobile.date { width: auto; width: initial; text-align: left; margin-top: 1rem; display: flex; }
	#tender_packages.table-border .mobile label { width: 120px; font-weight: bold; }
	#tender_packages.table-border .mobile.status { width: auto; width: initial; text-align: left; display: flex;  }
	#tender_packages.table-border .title { border-right: solid 1px #d1d1d1; }
	
	#tender-form h2 { font-size: 20px; }
	.tenderform td span.note { margin-left: 1rem; }
	
	.jobapplication h3 { font-size: 20px; }
	
	#leadership-list .list .item .name { font-size: 16px; }
	#leadership-list .list .item .position { font-size: 12px; }
	
	#newsevent-list .list .item { padding: 40px 30px; }
	#newsevent-list .list .item .desc, #newsevent-list .list .item .info a { margin-top: 20px; }
	#newsevent-list .list .item .date > div.startdate, #newsevent-list .list .item .date > div.enddate, #h-latest-news-events .list .item .date, #media-list .list .item div.date { padding: 8px; margin-right: 10px; }
	#newsevent-list .list .item .info { padding-left: 25px; }
	
	#h-footerbanner h1 { font-size: 22px; }
	#footer-2cols > div .text, .section-tpl > div .text { font-size: 14px; }
	
	#cookieconsent > .text .wrapper_s { text-align: center; }
	#cookieconsent #btncookie { margin: 5px auto 0px auto; display: block; width: 200px; }
	
	.vendorform td h3, .tenderform td h3 { font-size: 14px; }
	.jobapplication, .tbContactform input.text, .tbContactform select, .tbContactform textarea, #dealer-filter select, #tbReserveform, #tbSatisfactionForm, .district-sel select { font-size: 13px; }
	
	#customer-satisfaction-form td.highlight div.radio-holder span { margin-right: 20px; width: 38px; }
	#customer-satisfaction-form td.highlight .radio-holder { width: 160px; }
	
	#footer .f-sect2 .contact .icon.phone, #footer .f-sect2 .contact .icon.email { display: none; }
	#footer .f-sect2 .contact .text img.mobile { display: inline-block; *display: inline; zoom: 1; position: relative; top: 5px;}
	
	
	table.ccus tr td:first-child { font-size: 15px; width: 190px; }
	
	.sarawak-bid-round-sbr-2024 #main-content .content .desc { display: none; }
}

@media only screen and (max-width: 950px) {
	.floaticon { right: 15px; }
	.floaticon img { width: 120px; }
	
	#tenderops .item > div.project { flex-direction: column; }
	#tenderops .item > div.project > div { width: 100%; box-sizing: border-box; }
	#tenderops .item div.ref { padding-bottom: 0px; }
	#tenderops .item div.title { padding-top: 0px; }
	
	
	#footer-2cols > div .text { font-size: 13px; width:48%; padding: 40px 3%; }
	#footer-2cols > div.right { background-position: right top; }
	
	.section-tpl > div .text { font-size: 13px; width:55%; padding: 30px 3% !important; }
	.section-tpl > div a.btn-border-yellow, .section-tpl > div a.btn-fill-yellow { bottom: 30px; }
	
	.jobform { margin-bottom: 0px; }
	#tbJobForm .tbContactform td > div.col { width: 100%; text-align: left; }
	#tbJobForm .tbContactform td > div.col.desktop { display: none; }
	#tbJobForm .tbContactform td > div.col input.text { width: 95.5%; padding: 14px 2%;}
	#tbJobForm .tbContactform td > div.col label { width: 95.5%; padding: 15px 2%; }
	#tbJobForm .tbContactform td > div.col select { width: 100%; padding: 13px 2%; }
	#tbJobForm .tbContactform td > div.col.bsubmit { text-align: center !important; }
	#tbJobForm .employed .radio-holder { display: block; padding: 0px; margin-left: 6%; }
	
	#IOGP-life-saving-rules .row .col .flip-card-front img { max-width: 300px; width: 100%; }
	#IOGP-life-saving-rules .row .col { width: 44%; margin: 0px 3% 35px 3% !important; }
	#IOGP-life-saving-rules .row .clear { clear: none; }
	#IOGP-life-saving-rules .row:last-child .clear { clear:both; }
	.flip-card-front { display: none; }
	.flip-card-front, .flip-card-back { transform: none; backface-visibility: unset; -webkit-backface-visibility: unset; position: relative; }
	#IOGP-life-saving-rules .row .col { height: auto !important; height: initial !important; height: none !important; }
	.flip-card:hover .flip-card-inner { transform: none; }
}
@media only screen and (max-width: 880px) {
	#what-we-do .item > div { display: block; }
	#what-we-do .item .img { width: 100%; display: block; }
	#what-we-do .item .img img { width: 100%; }
	#what-we-do .item .text { position: absolute; width: auto; width: initial; width: none; padding: 40px; top: 0px; bottom: 0px; left: 0px; background-image: url(themes/overlay-48.png); background-color: transparent; }
	#what-we-do .item .text > div{ vertical-align: bottom; }
	#what-we-do h3.line { border-color: #fff; }
	#what-we-do h3.line span { color: #fff; }
	#what-we-do p { color: #fff; }
	#what-we-do a { background-color: var(--color-red); color: #fff; border: none; }
	#what-we-do a:hover { background-color: #ffcc00; color: #2b2b2b !important; }
	
	#buyers-vendors .item { position: relative; }
	#buyers-vendors .item > div { display: block; background-color: transparent; }	
	#buyers-vendors .item .img { width: 100%; display: block; }
	#buyers-vendors .item .img img { width: 100%; }
	#buyers-vendors .item .text { position: absolute; width: auto; width: initial; width: none; background-image: url(themes/overlay-48.png); left: 0px; bottom: 0px; top: 0px; padding: 40px; display: table; border-collapse: collapse; background-color: transparent; }	
	#buyers-vendors .item .text > div { display: table-cell; vertical-align: bottom; padding: 40px;  }
	
	#buyers-vendors h3.line { border-color: #fff; }
	#buyers-vendors h3.line span { color: #fff; }
	#buyers-vendors p { color: #fff; }
	#buyers-vendors a { background-color: var(--color-red); color: #fff; border: none; }
	#buyers-vendors a:hover { background-color: #ffcc00; color: #2b2b2b !important; }
	
	#downstream-list .item { position: relative; }
	#downstream-list .item > div { display: block; background-color: transparent; }	
	#downstream-list .item .img { width: 100%; display: block; }
	#downstream-list .item .text { position: absolute; width: auto; width: initial; width: none; background-image: url(themes/overlay-48.png); left: 0px; bottom: 0px; top: 0px; padding: 40px; display: table; border-collapse: collapse; background-color: transparent; }	
	#downstream-list .item .text > div { display: table-cell; vertical-align: bottom; padding: 40px;  }
	
	#downstream-list h3.line { border-color: #fff; }
	#downstream-list h3.line span { color: #fff; }
	#downstream-list p { color: #fff; }
	#downstream-list a { background-color: var(--color-red); color: #fff; border: none; }
	#downstream-list a:hover { background-color: #ffcc00; color: #2b2b2b !important; }
	
	#upstream-list .item { position: relative; }
	#upstream-list .item > div { display: block; background-color: transparent; }	
	#upstream-list .item .img { width: 100%; display: block; }
	#upstream-list .item .text { position: absolute; width: 100%; background-image: url(themes/overlay-48.png); left: 0px; bottom: 0px; top: 0px; padding: 40px; display: table; border-collapse: collapse; background-color: transparent; }	
	#upstream-list .item .text > div { display: table-cell; vertical-align: bottom; padding: 40px;  }
	#upstream-list .item:first-child > div .text { position: relative; background-image: none; background-color: #f5f5f5;  }
	#upstream-list .item:first-child { background-image: none !important; }
	#upstream-list .item:first-child p, #upstream-list .item:first-child ol, #upstream-list .item:first-child ul, #upstream-list .item:first-child h3.line span { color: #2b2b2b; }
	
	#upstream-list h3.line { border-color: #fff; }
	#upstream-list h3.line span { color: #fff; }
	#upstream-list p, #upstream-list ol, #upstream-list ul { color: #fff; }
	#upstream-list a { background-color: var(--color-red); color: #fff; border: none; }
	#upstream-list a:hover { background-color: #ffcc00; color: #2b2b2b !important; }
	
	#product-list .item { position: relative; }
	#product-list .item > div { display: block; background-color: transparent; }	
	#product-list .item .img { width: 100%; display: block; }
	#product-list .item .text { position: absolute; width: auto; width: initial; width: none; background-image: url(themes/overlay-48.png); left: 0px; bottom: 0px; top: 0px; padding: 40px; display: table; border-collapse: collapse; background-color: transparent; }	
	#product-list .item .text > div { display: table-cell; vertical-align: bottom; padding: 40px;  }
	
	#product-list h3.line { border-color: #fff; }
	#product-list h3.line span { color: #fff; }
	#product-list p { color: #fff; }
	#product-list a { background-color: var(--color-red); color: #fff; border: none; }
	#product-list a:hover { background-color: #ffcc00; color: #2b2b2b !important; }
	
	#vendor-register-your-interest a.btn-fill-red.file { max-width: 45%; box-sizing: border-box; text-align: center;}
	
	.section-tpl.lrlayout .item { position: relative; }
	.section-tpl.lrlayout .item > div { display: block; background-color: transparent; }	
	.section-tpl.lrlayout .item .img { width: 100%; display: block; }
	.section-tpl.lrlayout .item .text { position: absolute; width: auto; width: initial; width: none; background-image: url(themes/overlay-48.png); left: 0px; bottom: 0px; top: 0px; padding: 40px; display: table; border-collapse: collapse; background-color: transparent; }	
	.section-tpl.lrlayout .item .text > div { display: table-cell; vertical-align: bottom; padding: 40px;  }
	
	.section-tpl.lrlayout h3.line { border-color: #fff; }
	.section-tpl.lrlayout h3.line span { color: #fff; }
	.section-tpl.lrlayout p { color: #fff; }
	.section-tpl.lrlayout a { background-color: var(--color-red); color: #fff; border: none; }
	.section-tpl.lrlayout a:hover { background-color: #ffcc00; color: #2b2b2b !important; }
	
	.divRow { position: relative; padding-bottom: 60px; display: block; margin-bottom: 30px;  }
	.divRow .divCol { display: block; width: 100%; }
	.divRow .divCol img { width: 100%; }
	.divRow.aleft div:last-child, .divRow.aright div:first-child { position: absolute; bottom: 0px; }
	body.subpage #main-content .divTable .divCol a { margin-bottom: 0px !important; }
	
	
	#ccus-sites img { height: 150px !important; width: auto !important; width: initial !important; margin: 30px 30px 0px 30px; } 
	table.ccus td { padding: 15px 20px; }
	
	#path-guidelines table tr { display: flex; flex-direction: column; }
	#path-guidelines table td { width: 100%; }
	
	#why-bid .item { position: relative; }
	#why-bid > div .img { width: 100%; }
	#why-bid > div .text { position: absolute; width: auto; width: initial; width: none; background-image: url(themes/overlay-48.png); left: 0px; bottom: 0px; top: 0px; padding: 40px; border-collapse: collapse; background-color: transparent; display: flex; align-items: flex-end; }
	#why-bid h3.line { border-color: #fff; }
	#why-bid h3.line span, #why-bid p { color: #fff; }
	
	#access-to-sr { padding: 20px 30px; background-color: #ffce07; position: relative; background-image: none; }
	#access-to-sr::before { content: ""; height: 100%; width: 25%; background-repeat: no-repeat; background-size: contain; background-position: top left; background-image: url(themes/access-to-sarawak-resource-insights-bg-left.webp); position: absolute; top: 0px; left: 0px; }
	#access-to-sr::after { content: ""; height: 100%; width: 25%; background-repeat: no-repeat; background-size: contain; background-position: top right; background-image: url(themes/access-to-sarawak-resource-insights-bg-right.webp); position: absolute; top: 0px; right: 0px;}
	#access-to-sr > div { position: relative; z-index: 1; padding: 0px 15%; }
}
@media only screen and (max-width: 800px) {
	#home-content .wrapper.text, .home .nivo-caption > p { font-size: 15px; }
}

@media only screen and (max-width: 768px) {
	body { font-size: 13px; }
	h2 { font-size: 20px; }
	ul, ul ul ul { list-style-image: none; list-style-type: disc; }
	ul ul { list-style-image: none; list-style-type: circle; }
	body.subpage li { padding-left: 0px; }
	
	.nivo-caption p h2 { font-size: 30px; }
	.nivo-caption p .desc { margin-top: 20px !important; }
	.nivo-controlNav { padding-bottom: 30px; }
	.nivo-controlNav a { width: 12px; height: 12px; background-size: cover; }
	.breadcrumb { font-size: 12px; padding-bottom: 40px; }
	#intro-text { margin-bottom: 40px; }
	body.residential #intro-text, body.industrial-and-commercial #intro-text { margin-bottom: 20px; }
	
	body.subpage .section-desc a { margin-bottom: 10px; }
	
	#home-content .wrapper.text { padding: 35px 70px 50px 70px; }
	#home-content .wrapper.text, .home .nivo-caption > p { font-size: 14px; }
	
	#icon-link { right: 10px; }
	#icon-link a img { width: 25px; height: 25px; }
	
	.floaticon img { width: 100px; }
	
	body.home .wrapper_s { padding-top: 30px; }
	
	/* .wrapper, .wrapper_s { padding: 0px 40px; } */
	
	#highlights .item { width: 100%; }
	
	#h-latest-news-events .item { width: 100%; margin-left: 0px; height: auto !important; height: initial !important; height: none !important; }
	#h-latest-news-events .info { height: auto !important; height: initial !important; height: none !important; text-align: center; }
	#h-latest-news-events .info .title { font-size: 135%; line-height: 1; text-align: left; padding-right: 20px; }
	#h-latest-news-events .item .info .desc { padding-bottom: 20px; text-align: left; padding-right: 20px; }
	#h-latest-news-events .info a.btn-border-red { position: relative; }
	
	#media-list .item { width: 100%; margin-left: 0px; }
	#media-list .item .info { text-align: center; }
	#media-list .item .info .title { text-align: left; }
	
	#downstream-residential .cat, #downstream-commercial .cat { font-size: 15px; }
	.tab-menu .cat { font-size: 15px; }
	#leadership-list .cat { font-size: 15px; }
	#media-list .cat, #menu-tab .cat { font-size: 15px; }
	
	#footer-2cols > div .text { font-size: 13px; }
	#h-footerbanner .text { padding: 0px 45px; }
	
	
	#our-business-principles > div { padding: 0px 45px;} 
	
	#be-our-partner > div { padding: 0px 45px; }
	#register-your-interest h2 { font-size: 18px; }
	
	#tenderops .item { flex-wrap: wrap; }
	#tenderops .th { font-size: 13px; }
	#tenderops .item > div.id { width: 40px; padding-bottom: 0px; }
	#tenderops .item > div.project { padding-bottom: 0px; }
	#tenderops .item > div.category { padding-top: 0px; margin-left: 40px; width: auto; width: initial; flex-grow: 1; text-align: left; flex-direction: column; }
	#tenderops .item > div.date { padding-top: 0px; margin-left: 40px; width: 130px; align-items: center; justify-content: center; }
	
	#tender-project .in label { width: 155px; }
	.tenderform td h3 span { display: block; margin-top: 5px; }
	.tenderform td span.note { margin-left: 1rem; padding-bottom: 12px; }
	.tenderform .agree input[type="checkbox"] { margin-left: 0px !important; }
	
	.tbContactform td { width: 100%; float: left; }
	.tbContactform td[colspan="2"] input, .tbContactform input.text { margin: 0px 0px 15px 0px; width: 100%; padding: 14px 3%; }
	.tbContactform td.col2 select, .district-sel select { padding: 13px 2%; width: 100%; margin: 0px 0px 15px 0px; }
	#customer-register-your-interest .district-sel #district-co { margin-left: 0px; }
	.tbContactform td.col2 .empty { display: none; }
	.vendorform td h3 span { display: block; margin-top: 5px; }
	.vendorform a.btn-fill-yellow { margin-left: 5px; }
	.vendorform li { margin-left: 20px !important; padding-left: 10px !important; }
	.vendorform ul { margin-top: 0px; }
	
	#lpg-steps .list .step { width: 100%; margin-right: 0px; margin-left: 0px; }
	#lpg-steps .list .step .content { height: auto !important; height: initial !important; }

	#lpg-steps .approved .step { width: 100%; margin-right: 0px; margin-bottom: 10px; }
	#lpg-steps .list .step a.btn-fill-red { bottom: 20px; }
	#lpg-steps .list .step .title span.no { top: 6px; left: 6px; }
	
	td.captcha { text-align: center; }
	div.g-recaptcha { display: inline-block; *display: inline; zoom: 1; width: 100%; }
	div.g-recaptcha > div { width: 100% !important; height: auto !important; height: initial !important; height: none !important; max-width: 304px; margin: auto; }
	div.g-recaptcha iframe { width: 100% !important; }
	.tbContactform input[type="button"] { margin: 20px auto 0px auto !important; }
	.tbContactform td.button { text-align: center !important; }
	.tbContactform textarea { margin: 0px 0px 1.5% 0px; width: 100%; box-sizing: border-box; }	
	
	#lpg-reserve-section td select { width: 100%; margin-left: 0px; }
	#customer-satisfaction-form td > span { margin-left: 0px; }
	#customer-satisfaction-form select { width: 100%; margin-left: 0px; }
	#customer-satisfaction-form td.highlight > span { margin-left: 0px; line-height: 1.5; }
	#customer-satisfaction-form td #feedback { margin-left: 0px; width: 95%; margin-top: 10px; }
	#customer-satisfaction-form td.left { float: left; }
	#customer-satisfaction-form td.left span { text-align: left; }
	#customer-satisfaction-form td.highlight .radio-holder { width: 100%; }
	#customer-satisfaction-form div.radio-holder.rating { padding-top: 12px; }
	#customer-satisfaction-form div.radio-holder.rating .item img { width: 45px; }
	#customer-satisfaction-form div.radio-holder.rating .item input, #customer-satisfaction-form div.radio-holder.rating .item span { top: -15px; }
	
	body.industrial-and-commercial img.icon { display: inline-block; width: 30% !important; margin: 0px 1.5% !important; height: auto !important; height: initial !important; height: none !important; }
	
	.jobapplication h3 { font-size: 18px; } 
	.jobform td.gender > span, .jobform td.employed > span, .jobform td.resume > span { margin-left: 2%; }
	#tbJobForm .employed .radio-holder { display: inline-block; *display: inline; zoom: 1; padding-bottom: 12px; margin-left: 2%; }
	.tbContactform .radio-holder { padding-top: 0px; }
	.jobform td.resume span { top: 0px; display: block; }
	.jobform td.resume div.holder { top: 0px; display: block; padding: 0px 0px 10px 0px !important; text-align: center; }
	.jobform td.resume .note { text-align: left; margin-left: 2%; }
	.tbContactform .holder { position: relative; padding-bottom: 10px !important; }
	.jobform input[type="file"] { padding: 10px; width: 94.5%; }
	.button > div { justify-content: center; margin-left: -36px; }
	
	#leadership-list .list .row .item { width: 43%; }
	#business-principles-list .item .text { padding: 40px 30px; }
	
	#newsevent-list .list .item { display: block; }
	#newsevent-list .list .item .date { float: left; width: 16.5%; }
	#newsevent-list .list .item .image { float: left; width: 83.5%; }
	#newsevent-list .list .item .info { padding: 20px 0px 0px 16.5%; clear: both; padding-left: 0px; width: 83.5%; display: block; padding-left: 17%; }
	
	#media-centre-index td.twocol td { width: 100%; float: left; }
	
	#lpg-dealer-section #map-wrapper { height: 300px; }
	#dealer-and-reserve #dealer-list .item { width: 47.5%; }
	#dealer-and-reserve #dealer-list .item.even { margin-right: 0px; }
	
	#lpg-steps .list .step .title { padding: 5px 25px; }
	#lpg-steps .list .step .content { margin: 0px 15px; padding: 20px 15px; }
	#lpg-steps .approved { margin: 20px 15px 0px 15px; padding: 20px 15px; }
	#register-your-interest .tab-content > p { margin: 0px 15px; }
	
	#sarawak-pay > div > table td { display: inline-block; *display: inline; zoom: 1; margin: auto; width: 100% !important; }
	#sarawak-pay > div > table td:first-child { padding-bottom: 0px; }
	#sarawak-pay > div > table td a { max-width: 45%; display: inline-block; *display: inline; zoom: 1;  }
	#sarawak-pay > div > table td a img { display: block; }
	
	.mfp-close { width: 30px !important; height: 30px !important; }
	.mfp-container { padding-left: 40px !important; padding-right: 40px !important; }
	
	#safety table td { float: left; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; }
	#safety table td:first-child { margin-bottom: 30px; background-size: 100%; }
	
	#footer .f-sect1 { padding-top: 40px; padding-bottom: 15px; }
	#footer .f-sect2 { padding: 40px 0px; }
	#footer .f-sect2 h3 { text-align: center; }
	#footer .f-sect2 h3 span { display: block; margin-top: 5px; }
	#footer .f-sect2 .contact { width: 100%; margin-bottom: 30px; }
	#footer .f-sect2 .contact p { display: block; text-align: center; }
	#footer .f-sect2 .contact > div { text-align: center; }
	#footer .f-sect2 .follow { width: 100%; max-width: auto; max-width: initial; text-align: center; }
	
	#footer-2cols > div, .section-tpl > div { width: 100%; position: relative; }
	#footer-2cols > div .text, .section-tpl > div .text { width: auto; width: initial; width: none; position: absolute; left: 0px; padding: 50px 40px; right: 0px;  background-image: url(themes/overlay-r-60.png); }
	#footer-2cols > div.right .text, .section-tpl > div.right .text { background-image: url(themes/overlay-60.png); }
	
	
	#careers .job .job-desc h3 { font-size: 13px; margin: 12px 0px; }
	#careers .job .job-desc ul li { line-height: 1.3; }
	#careers > div.jobapplication { margin-top: 30px; }
	
	#ccus-sites h2, #opportunities h2, #path-guidelines h2 { font-size: 20px; }
	#ccus-sites img { height: 120px !important; margin: 20px 20px 0px 20px; } 
	table.ccus { text-align: center; }
	table.ccus tr { flex-direction: column; }	
	table.ccus tr td:first-child { width: auto; width: initial; font-size: 14px; }
	table.ccus td { justify-content: center; }
	
}
@media only screen and (max-width: 680px) {	
	#vendor-register-your-interest a.btn-fill-red.file { max-width: auto; max-width: initial; max-width: none; width: 100%; margin-right: 0px; }
}

@media only screen and (max-width: 650px) {
	#header-holder { height: 120px; }
	#banner-zone .wrapper_s { padding: 0px 50px; }
	.nivo-caption p h2 { font-size: 20px; }
	.nivo-controlNav { padding-bottom: 20px; }
	.nivo-directionNav a { width: 15px !important; height: 30px !important; }
	.slicknav_menu { margin-top: 20px; }
	.breadcrumb { font-size: 11px; }
	
	#home-content .wrapper.text { padding: 30px 40px 40px 40px; }
	#buyers-vendors .item .text { top: 0px; }
	
	#register-your-interest > div { padding: 0px 40px; }
	.vendorform form, .jobform form, .tenderform form { padding: 30px 25px; }
	.jobform input[type="file"] { width: 93% !important; }
	#tender-opportunities > div { padding: 0px 40px 60px 40px; }
	#tenderops .th { font-size: 12px; }
	#tenderops .item > div.id { width: 8%; }
	
	#tenderops .item > div.date { margin-left: 8%; width: 30%; }
	#tenderops .item > div.status { width: 105px; }
	#tenderops .item > div.status a { width: auto !important; width: initial !important; padding: 8px 20px; }
	
	
	.district-sel select { width: 100%; margin: 0px 0px 15px 0px !important; }
	#district-co { margin-bottom: 0px !important; }
	
	#careers > div { padding: 0px 25px; }
	
	#leadership-list .list { padding: 60px 25px; }
	#leadership-list .list .item .name { font-size: 14px; }
	#leadership-list .list .item .position { font-size: 11px; }
	
	#business-principles-list .item .text { padding: 30px 25px; }
	
	#IOGP-life-saving-rules .row .col { width: 94%; }
	
	#newsevent-list .list .item .date { width: 100%; margin-bottom: 10px; }
	#newsevent-list .list .item .date .to { display: inline-block; *display: inline; zoom: 1; height: 72px;  }
	#newsevent-list .list .item .date > div.startdate, #newsevent-list .list .item .date > div.enddate { display: inline-block; *display: inline; zoom: 1; margin-right: 0px; }
	#newsevent-list .list .item .image { width: 100%; }
	#newsevent-list .list .item .info { width: 100%; padding-left: 0px; }
	
	#media-centre-index td.twocol td { height: 300px; }
	#media-centre-index td.threecol td { background-position: center; width: 100%; height: 300px; float: left; }
	
	.album-cover { width: 47.5%; margin-right: 5% !important; margin-bottom: 40px; }
	.album-cover.col2 { margin-right: 0px !important; }
	.album-cover.first { clear: initial; }
	
	#gallery .list .item { width: 47.5%; margin-right: 5% !important; margin-bottom: 40px; }
	#gallery .list .item.col2 { margin-right: 0px !important; }
	
	#lpg-steps .step .content a.btn-fill-red { display: block; width: auto; width: initial; }
	
	a.btn-fill-red, .btn-fill-red, a.btn-border-red, a.btn-fill-yellow { width: 200px; text-align: center; }
	#faq #residential.section a.btn-fill-red, #faq #customer.section a.btn-fill-red { width: auto; width: initial; }
	
	#dealer-list a.btn-border-red { display: block; margin: auto; width: 92px; }
	a.btn-spay { display: block; margin: 10px auto 0px auto; }
	#footer-2cols a.btn-fill-yellow, #footer-2cols a.btn-border-yellow, .section-tpl a.btn-fill-yellow, .section-tpl a.btn-border-yellow { margin-left: -125px !important; }
	#buyers-vendors a { width: auto; width: initial; width: none; }
	
	#downstream-list a { width: auto; width: initial; width: none; }
	#upstream-list a { width: auto; width: initial; width: none; }
	#upstream-list .item:first-child > div .text ol ol { columns: 1; -webkit-columns: 1; -moz-columns: 2; }
	#product-list a { width: auto; width: initial; width: none; }
	#lpg-dealer-section #map-wrapper { height: 250px; }
	#dealer-and-reserve #dealer-list .item { width: 100%; margin-right: 0px; text-align: center; margin-bottom: 30px; }
	#dealer-and-reserve #dealer-list .item .info { height: auto !important; height: initial !important; }
	#lpg-dealer-section { padding-bottom: 0px; }
	#customer-satisfaction-form div.radio-holder.rating .item img { width: 35px; }
	#customer-satisfaction-form div.radio-holder.rating .item input, #customer-satisfaction-form div.radio-holder.rating .item span { top: -10px; }
	#customer-satisfaction-form div.radio-holder.rating > div { float: left; width: 100%; margin-bottom: 10px; }
	
	.section-tpl.lrlayout a { width: auto; width: initial; width: none; }
	
	
	.mfp-close { width: 25px !important; height: 25px !important; }
	.mfp-container { padding-left: 15px !important; padding-right: 15px !important; }
	
	#h-footerbanner h1 { font-size: 18px; }
	#footer .f-sect1 .menu a { font-size: 12px; }
	#footer .f-sect1 .menu li { margin-bottom: 10px !important; }
	
	
	#ccus-sites img { height: 100px !important; margin: 20px 10px 0px 10px; }  
	
}
@media only screen and (max-width: 550px) {
	body { font-size: 12px; }
	#header-holder { height: 100px; }
	.slicknav_menu { margin-top: 20px !important; }
	.slicknav_btn { padding: 6px 15px !important; }
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 3px; }
	#logo a, #logo a img { height: 32px; }
	.nivo-caption p h2 { font-size: 16px; }
	
	#h-latest-news-events .item.idx3 .btn a { display: block; margin: 10px auto; }
	
	#what-we-do .item .img { display: none; }
	#what-we-do .item { background-size: cover; }
	#what-we-do .item .text { position: relative; }
	#what-we-do .item .text > div { padding: 8%; }
	#what-we-do .item.even .img{ display: none; }
	
	#buyers-vendors .item .img { display: none; }
	#buyers-vendors .item { background-size: cover; }
	#buyers-vendors .item .text { position: relative; }
	#buyers-vendors .item .text > div { padding: 8%; }
	#buyers-vendors .item.even .img{ display: none; }
	
	#downstream-list .item .img { display: none; }
	#downstream-list .item { background-size: cover; }
	#downstream-list .item .text { position: relative; }
	#downstream-list .item .text > div { padding: 8%; }
	#downstream-list .item.even .img{ display: none; }
	
	#upstream-list .item .img { display: none; }
	#upstream-list .item:first-child .img { display: block; }
	#upstream-list .item { background-size: cover; }
	#upstream-list .item .text { position: relative; }
	#upstream-list .item .text > div { padding: 8%; }
	#upstream-list .item.even .img{ display: none; }
	
	#product-list .item .img { display: none; }
	#product-list .item { background-size: cover; }
	#product-list .item .text { position: relative; }
	#product-list .item .text > div { padding: 8%; }
	#product-list .item.even .img{ display: none; }
	
	.section-tpl.lrlayout .item .img { display: none; }
	.section-tpl.lrlayout .item { background-size: cover; }
	.section-tpl.lrlayout .item .text { position: relative; }
	.section-tpl.lrlayout .item .text > div { padding: 8%; }
	.section-tpl.lrlayout .item.even .img{ display: none; }
	
	.tenderform td span.note { margin-left:20px; }
	
	#footer { font-size: 12px; }
	#footer .f-sect3 .copyright span { display: block; margin-top: 5px; }
	#footer .f-sect2 .contact .icon, #contacts .icon { margin: 0px auto 10px auto; display: block; }
	#footer .f-sect2 .contact .text span.colon { display: inline-block; *display: inline; zoom: 1; padding: 0px 5px; }
	#footer .f-sect2 .contact .text span { display: block; margin: 0px auto 15px auto; }
	#footer .f-sect2 .contact p { margin-top: 5px; }
	
	#h-latest-news-events .item .btn { position: relative; margin-top: -40px; }
	#highlights a { width: auto; width: initial; width: none; }
	body.subpage #main-content .content a { margin: 0px auto 10px auto !important; }
	body.subpage #main-content .divTable .divCol a { margin: 0px auto 10px auto !important;  }
	
	#downstream-residential .btn-fill-red, body.industrial-and-commercial .btn-fill-red { width: 90%; padding: 6px 10px; display: block; margin: auto;  }
	
	.rc-anchor-normal { width: 97%; }
	.rc-anchor-normal .rc-anchor-content, .rc-anchor-normal .rc-anchor-checkbox-label, .rc-anchor-normal-footer, .rc-anchor-normal .rc-anchor-pt { width: auto; width: initial; width: none; }
	.rc-anchor-logo-portrait { width: auto; width: initial; width: none; margin-left: 10px; }
	
	#why-bid > div .text { padding: 8%; }
	#access-to-sr, #access-to-sr a { height: auto !important; height: initial !important; }
	#access-to-sr::before { background-size: cover; background-position: top right; }
	#access-to-sr::after { background-size: cover; background-position: top left; }
}

@media only screen and (max-width: 450px) {
	
}
@media only screen and (max-width: 350px) {
	#logo a, #logo a img { height: 28px; position: relative; top: 2px; } 
	
	a.btn-fill-red, .btn-fill-red, a.btn-border-red, a.btn-fill-yellow { width: 75%; margin: 5px auto; }
}

/* Override dark mode */
@media (prefers-color-scheme: dark) {
	.sarawak-bid-round-sbr-2024 #main-content .content { background-image: url(themes/w-curve-bg-dark.png); color: #ffffff !important; }
	.sarawak-bid-round-sbr-2024 #main-content .content h2 { color: #ffffff !important; }
}