@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,400;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
*{
	margin:0;
	padding:0; border:0; outline:0;
}

body {color:#444; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:11pt;  text-align:left; min-width:300px; background-color:#ffffff; line-height:18pt; overflow-x:hidden}
body, html {height:100%}


.sectionw100 {width:100%; position:relative}
header {display:block; width:100%; position:fixed; top:0; z-index:999999; background:#fff; padding:0}
#home {width:100%; max-width:1920px; margin:0 auto}
.divheader, #home {width:100%; max-width:1920px; margin:0 auto}
.divlogo {width:auto; position:absolute; text-align:left; font-size:0; line-height:0; left:15px; top:0; z-index:20; background-color:#fff; padding:10px; border-radius: 0 0 8px 8px}
.divlogo img {height:30px; width:auto; display:inline-block; transition: all 300ms ease-in-out;}
footer {width:100%; color:#FFFFFF; text-align:center; background-color:#5b5b5b}
.footerli > li {display:inline-block;}
.divminheigt {min-height:calc(100vh - 50px);}

.divbanner {background-color:transparent; display:block; width:100%; position:relative;}
.headimg {position:relative}
.headimg img {width:100%; height:auto; position:relative}
.headimgtitle {position:absolute; right:20%; border-radius: 0 8px 0 8px; border:none; background-color:#fff}
.bannerimg {width:100%}
.bannerimg img {position:relative; /*padding-top:40px;*/ width:100%; height:auto}
.bannertxt {display:block; width:100%}
.bannertxt h1 {text-align:center; width:auto; border-radius: 0 15px 0 15px; border:none; padding:10px; white-space:normal; font-weight:500; text-transform:uppercase; margin-bottom:10px}
.banreadmore {position:relative; display:inline-block; padding:4px 10px; border-radius:6px; border:none; right:0; background-color:#bf0718; font-size:10pt; line-height:normal; color:#fff; text-transform:uppercase; margin:0 auto}
.rtsidebar {position:fixed; right:-25px; top:150px; transform: rotate(-90deg); z-index:9999}
.sidebarli > li {display:block; width:auto; margin-bottom:2px; padding:7px; background-color:#bf0718; color:#FFFFFF; font-size:11pt; line-height:11pt; text-align:center; white-space:pre; border:none;}
.sidebarli > li span {display:block}
.sidebarli > li img {width:15px; margin:0 auto;}
.w80, .wproduct {margin:0 auto;}
.divheadabout {width:95%; margin:0 auto; background:url(../images/bgdline.jpg) repeat-x center; text-align:center; margin-bottom:40px}
.headabout h2 {text-transform:uppercase; letter-spacing:1px; display:inline-block; width:auto; margin:0 auto; background-color:#FFF}
.homeabtli > li {display:inline-block; vertical-align:top; margin-right:5%; text-transform:none}
.homeabtli > li img {width:100%; height:auto}
.homeabtli h1 {font-weight:bold}
.expertli > li {display:block; margin-bottom:20px}
.expertpointsli > li {display:inline-block; vertical-align:middle}
.expertpointsli > li:first-child {width:40px; margin-right:10px}
.expertpointsli > li:last-child {width:calc(100% - 50px);}
.expertpointsli > li img {border-radius:50%}
.div40plus {background:url(../images/plus40bgd.jpg) no-repeat top center; background-size: cover}
.plus40li > li {display:inline-block; vertical-align:bottom}
.forty {font-size:140pt; line-height:140pt; color:#fff; font-weight:bold; letter-spacing:-16px}
.forty sup {font-size:50pt; position:relative; bottom:25px; left:16px}
.divyears {width:100px; margin-bottom:10px; color:#fff;}
.lireadmore {margin-left:10px; margin-bottom:10px}
.eq4li {background-color:#135f79; border-radius:8px; padding:30px 0; margin-bottom:40px; margin-top:-50px}
.eq4li > li {display:inline-block; vertical-align:top;}
.eq3li > li {display:inline-block; vertical-align:top; width:33%; margin:0px; border-right:none; padding:10px 60px;}
.eq3li > li p {text-align:left !important}
.eq3li > li:nth-child(1) {padding-left:0}
.eq3li > li:nth-child(3) {padding-right:0; border-right:none}
.contactli > li {display:inline-block; vertical-align:top;}
.contactli h1 {color:#bf0718; margin-bottom:20px}
.bulletli > li {display: list-item; margin-bottom:10px; list-style:disc !important; margin-left:20px}
.overflscroll {overflow-x:scroll}

.resultstable {border-collapse: collapse; width:100%; overflow: hidden; border-radius:4px 4px 0 0; margin:0 auto}
.resultstable thead {background-color:#8c000d; color:#FFFFFF; font-weight:bold;}
.resultstable thead {text-align:center}
.resultstable tbody {text-align:left}
.resultstable tbody tr:nth-child(odd) {background-color:#f4f4f4}
.resultstable tbody tr:nth-child(even) {background-color:#e9e8e8}
.resultstable td, .resultstable th {border-right: 1px solid #7c7c7c; padding:10px}
.resultstable thead td {border-right: 1px solid #ccc;}
.resultstable td:last-child, .resultstable th:last-child {border:none}
.pdficon img {width:25px; margin:0 auto}

.divcontform {position:relative}
.contform > li {display:block; margin:10px 0}
.enquiryform > li, .careerform > li {display:inline-block; vertical-align:top;}
.enqinputwidth, .selinputwidth {border:solid 1px #666; background: transparent !important; vertical-align:middle; font-size:10pt; padding:8px; color:#333; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}		
.enqtxtareawidth {width:100%; border:solid 1px #666; background: transparent !important; height:80px; vertical-align:middle; font-size:10pt; padding:8px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#333;}
.sendbutbot {background-color:#bf0718; 	padding:6px 20px; width:120px; color:#fff; font-size:11pt; cursor:pointer; font-family: 'Open Sans', Arial, Helvetica, sans-serif; text-align:center}
.enquiryform placeholder, .careerform placeholder {color:#eee}
.captchasize {transform:scale(0.6);-webkit-transform:scale(0.6);transform-origin:0 0;-webkit-transform-origin:0 0;}
.contactpageform > li {display:inline-block; width:100%; margin:5px 0}
.continputwidth {border:solid 1px #666; width:100%; background: transparent !important; vertical-align:middle; font-size:10pt; padding:5px; color:#333; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}	
.enqinputwidth {width:100%;}
.selinputwidth {width:auto;}	
.conttxtareawidth {width:100%; border:solid 1px #666; background: transparent !important; height:60px; vertical-align:middle; font-size:10pt; padding:2px 5px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#333;}
.contactpageform placeholder {color:#666}
.w100 {width:100% !important}
input::placeholder, option::placeholder, textarea::placeholder {color:#666 !important}
.uploadtxt {font-size:9pt !important; color:#aaaaaa}
.li100p {margin-right:4%; margin-left:0 !important}
.facilityli > li {display:inline-block; vertical-align:top; cursor:url(../images/icon-zoom.png), auto !important}
.facilityli > li figure {display:block; position:relative; overflow:hidden;}
.facilityli > li figure figcaption {position:absolute; left:0; bottom:0; width:100%; padding:6px 20px; text-align:center; background-color:#135f79; color:#fff; font-size:12pt; opacity:0; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease;}
.facilityli > li img {width:100%; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease;cursor:url(../images/icon-zoom.png), auto !important}
.facilityli > li img:hover {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.facilityli > li figure:hover figcaption {opacity:1; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease;}


.flrplanli > li {display:inline-block; vertical-align:top; width:100%}

.socialli {z-index:99}
.socialli > li {display:inline-block; margin:0 6px; text-transform:uppercase; line-height:normal; vertical-align:middle}
.socialli > li a {-webkit-filter: grayscale(20%) opacity(70%);
    filter: opacity(100%);	
transition: 0.2s ease;}
.socialli > li a:hover {-webkit-filter: opacity(100%);
    filter: opacity(80%);
transition: 0.2s ease;} 
.col2li > li, .col3part1li > li {display:inline-block; vertical-align:top; padding:10px;}
.col2li > li:first-child {padding-right:20px}
.col3part1li > li img {width:100%;}
.col3part1li > li h2 {float:right; clear:both; color:#bf0718; margin-bottom:5px}
.strucbord {border: solid 1px #666; padding:20px !important}

/*.bannertxt {color:#434242 !important}
.horizonli h1 {color:#434242;}*/
.clearb {clear:both}
h1 {font-size:30pt; line-height:40pt; font-weight:500;}
.wproduct h1 {color:#bf0718}
.wproduct hr {width:100%; height:4px; background-color:#bf0718; margin:10px 0}
.relative, .imgw100  {position:relative}
.dispblock {display:block !important}
.colblue {color:#135f79}
.colred {color:#bf0718}
.sectmar {margin:30px auto}
.sectmartop {margin-top:30px}
.sectmarbot {margin-bottom:30px}
.marb10 {margin-bottom:10px}
.marb20 {margin-bottom:20px}
.marb30 {margin-bottom:20px}
.mart30 {margin-top:30px}
.pad40 {padding:20px}
.alignc {text-align:center !important}
.alignr {text-align:right !important}
.fbold {font-weight:bold}
.padb10 {padding-bottom:10px}
.padt40 {padding-top:40px}
.fltrt {float:none}
.fltlft {float:left}
p {margin-bottom:10px; text-align:justify}
.prewspace {white-space:pre; min-width:110px}
.font9 {font-size:9pt}

.menulinks:link, .menulinks:visited {color:#333; text-decoration:none}
.menulinks:hover, .menulinks:active {color:#000; text-decoration:none}
.prodlinks:link, .prodlinks:visited {color:#333; text-decoration:underline;}
.prodlinks:hover, .prodlinks:active {color:#000; text-decoration:none}
.sidelinks:link, .sidelinks:visited {color:#eee; text-decoration:none}
.sidelinks:hover, .sidelinks:active {color:#fff; text-decoration:none}

.enquiryform, .careerform, .homeabtli, .expertpointsli, .eq4li, .footerli, .flrplanli, .eq3li, .facilityli, .contactli, .col2li, .col3part1li {font-size:0}
.homeabtli > li, .expertpointsli > li, .footerli > li, .flrplanli > li, .eq3li > li, .facilityli > li, .contactli > li, .col2li > li, .col3part1li > li {font-size:11pt;}
.enquiryform > li, .careerform > li {font-size:10pt;}

@media screen and (min-width: 300px) {
.padtop {padding-top:45px}
.facpadtop {padding-top:80px}
/*.bannerimg img {padding-top:15px;}*/
.bannertxt {position:relative; right:0px; padding:10px; bottom:0px; text-align:center; background-color:#daebf1}
.bannertxt h1 {background:transparent; font-size:11pt; line-height:normal; padding:5px; margin:0 auto; margin-bottom:5px}
h1 {font-size:16pt; line-height:24pt;}
.headabout h2 {font-size:12pt; padding:0px 10px; word-spacing:100%;}
.rtsidebar {top:200px;}
.w80, .wproduct {width:94%;}
.headimgtitle {right:3%; bottom:10px; padding:1px 15px}
.homeabtli > li:nth-child(1) {width:100%; margin-right:0; margin-bottom:30px}
.homeabtli > li:nth-child(2) {width:100%; margin-right:0; margin-bottom:30px}
.homeabtli > li:nth-child(3) {width:100%; margin-right:0; margin-bottom:30px; padding-top:0; border-bottom:solid 5px #bf0718}
.wspacepn {white-space:normal}
.div40plus {padding:30px 0;}
.homeabtli > li:last-child img {margin-top:0px}
.forty {font-size:80pt; line-height:80pt; letter-spacing:-10px}
.forty sup {font-size:40pt; bottom:25px; left:0px}
.divyears {margin-left:20px; font-size:12pt; line-height:16pt}
.eq4li {padding:20px 0 0; margin-bottom:40px; margin-top:30px}
.eq4li > li {width:90%; margin:0px 5%; color:#fff; font-size:14pt; line-height:normal; margin-bottom:30px}
footer {padding:10px;}
.wfoot {width:90%; margin:0 auto}
.footerli > li {padding:0 15px; width:100%; margin-bottom:10px; text-align:center}
.footerli > li:first-child {text-align:center}
.footerli > li:last-child {text-align:center}
.eq3li > li {width:100%; margin:0px; padding:10px 0px;}
.eq3li h1 {color:#135f79; margin-bottom:10px}
.facilityli > li {width:47%; margin:20px 1.5%}
.divcontact {padding:20px 0px;}
.divcontact h1 {padding-left:10px }
.enquiryform > li:nth-child(odd), .careerform > li:nth-child(odd) {width:100%; margin:5px 0; margin-right:0}
.enquiryform > li:nth-child(even), .careerform > li:nth-child(even) {width:100%; margin:5px 0;}
.li100p {width:100% !important; margin:10px 0}
.contactli > li:first-child {width:100%; margin-bottom:30px; margin-right:0}
.contactli > li:last-child {width:100%; margin-bottom:0px}
.marbcont {margin-bottom:40px}
.col2li > li:nth-child(odd) {width:120px; color:#bf0718}
.col2li > li:nth-child(even) {width:calc(100% - 120px);}
.col3part1li > li:nth-child(1) {width:100%;}
.col3part1li > li:nth-child(2) {width:100%;}
}

@media screen and (min-width: 480px) {
/*.bannerimg img {padding-top:15px;}*/
h1 {font-size:18pt; line-height:24pt;}
.banreadmore {padding:5px 20px;}
.rtsidebar {top:250px;}
.headabout h2 {font-size:12pt; padding:0px 20px; word-spacing:150%;}
.div40plus {padding:40px 0;}
.forty {font-size:110pt; line-height:110pt; letter-spacing:-16px}
.forty sup {font-size:50pt; bottom:25px; left:16px}
.divyears {margin-left:40px; font-size:14pt; line-height:20pt}
.eq4li > li {width:40%; margin:0px 5%; font-size:14pt; margin-bottom:30px}
.wfoot {width:100%; margin:0 auto}
.footerli > li {padding:0 10px; width:50%; margin-bottom:0px}
.footerli > li:first-child {text-align:left}
.footerli > li:last-child {text-align:right}
.sidebarli > li {padding:10px;}
.sidebarli > li img {width:20px;}

}

@media screen and (min-width: 768px) {
.divlogo {left:40px; padding:10px}
.divlogo img {height:50px;}
.padtop { padding-top:55px}
.facpadtop {padding-top:100px}
.rtsidebar {top:350px;}
.w80, .wproduct {width:90%;}
.headimgtitle {right:5%; bottom:30px; padding:3px 20px}
.wfoot {width:90%;}
.wspacepn {white-space:pre}
.div40plus {padding:80px 0;}
.homeabtli > li:last-child img {margin-top:70px}
#home {padding-top:70px;}
/*.bannerimg img {padding-top:20px;}*/
.bannertxt {position:absolute; right:60px; padding:10px; bottom:30px; background:transparent; width:220px}
.bannertxt h1 {background:#fff; font-size:14pt; line-height:20pt; text-align:right; padding:20px; white-space:pre; width:auto; margin-bottom:10px}
.banreadmore {padding:6px 30px;}
h1 {font-size:16pt; line-height:24pt;}
.headabout h2 {font-size:14pt; padding:0px 40px;}
.divheadabout {width:90%;}
.forty {font-size:140pt; line-height:140pt; letter-spacing:-16px}
.forty sup {font-size:50pt; bottom:25px; left:16px}
.divyears {margin-left:40px; font-size:14pt; line-height:22pt}
.eq4li {padding:20px 0; margin-bottom:40px; margin-top:-50px}
.eq4li > li {width:20%; margin:0px 2.5%; font-size:16pt; margin-bottom:0}
.footerli > li {padding:0px;}
.eq3li > li {width:33%; margin:0px; padding:10px 20px; border-right:solid 1px #135f79;}
.sectmar {margin:40px auto}
.sectmartop {margin-top:40px}
.sectmarbot {margin-bottom:40px}
.divpictorial h1 {padding:0 30px;}
.divcontact h1 {padding-left:15px }
.careerform > li:nth-child(odd) {width:48%; margin:5px 0; margin-right:4%}
.careerform > li:nth-child(even) {width:48%; margin:5px 0;}
.enquiryform > li:nth-child(odd), .careerform > li:nth-child(odd) {width:48%; margin:5px 0; margin-right:4%}
.enquiryform > li:nth-child(even), .careerform > li:nth-child(even) {width:48%; margin:5px 0;}
.enqtxtareawidth {width:100%;}
.li100p {width:100% !important; margin:10px 0}
.fltrt {float:right}
.contactli > li:first-child {width:45%; margin-bottom:30px; margin-right:10%}
.contactli > li:last-child {width:45%; margin-bottom:0px}
.col2li > li:nth-child(odd) {width:275px; color:#bf0718}
.col2li > li:nth-child(even) {width:calc(100% - 275px);}
.col3part1li > li img {width:40%; margin: 0 auto;} 
.col3part1li > li:nth-child(1) {margin-bottom:20px}

}

@media screen and (min-width: 1024px) {
.divlogo {left:60px; padding:15px; border-radius: 0 0 10px 10px}
.divlogo img {height:60px;}
.rtsidebar {top:250px;}
.padtop { padding-top:70px}
.facpadtop {padding-top:140px}
.bannertxt {right:100px; padding:10px; bottom:40px; width:300px}
.bannertxt h1, .headimgtitle {font-size:18pt; line-height:28pt; margin-bottom:20px}
.headimgtitle { bottom:30px; padding:2px 20px; border-radius: 0 15px 0 15px;}
h1 {font-size:18pt; line-height:24pt;}
.homeabtli > li:nth-child(1) {width:35%; margin-right:5%; margin-bottom:0}
.homeabtli > li:nth-child(2) {width:26%; margin-right:5%; margin-bottom:0}
.homeabtli > li:nth-child(3) {width:29%; margin-right:0; margin-bottom:0; padding-top:0px}
.divheadabout {width:80%;}
.div40plus {padding:120px 0;}
.eq3li > li {padding:10px 30px;}
.sectmar {margin:60px auto}
.sectmartop {margin-top:60px}
.sectmarbot {margin-bottom:60px}
.divcontact h1 {padding-left:20px }
.divcontact {padding:40px 30px;}
.facilityli > li {width:30%; margin:20px 1.5%}
.col3part1li > li:nth-child(1) {width:70%;}
.col3part1li > li:nth-child(2) {width:30%;}
.col3part1li > li img {width:100%;}
.col3part1li > li:nth-child(1) {margin-bottom:0px}

}

@media screen and (min-width: 1280px) {
.divlogo {left:100px; padding:20px; border-radius: 0 0 15px 15px}
.divlogo img {height:70px;}
.padtop { padding-top:80px}
#home {padding-top:90px;}
.bannertxt {right:100px; padding:20px; bottom:40px}
.bannertxt h1, .headimgtitle {font-size:20pt; line-height:30pt;}
.w80 {width:80%;}
.wproduct {width:80%;}
.headimgtitle {right:10%; bottom:50px; padding:4px 40px}
.wfoot {width:80%;}
h1 {font-size:20pt; line-height:30pt;}
.eq3li > li {padding:10px 40px;}
.divheadabout {width:60%;}
.homeabtli > li:last-child img {margin-top:15px}
.divcontact {padding:40px;}
.homeabtli > li:nth-child(3) {padding-top:50px}
.overflscroll {overflow-x:hidden}

}

@media screen and (min-width: 1366px) {
header {padding:0px} /* site-nav should be same */
/*.bannerimg img {padding-top:30px;}*/
.bannertxt {right:160px;}
.bannertxt h1, .headimgtitle {font-size:20pt; line-height:30pt;}
h1 {font-size:20pt; line-height:30pt;}
.eq4li > li {font-size:20pt;}
.talkingli > li:last-child {padding:80px 100px 80px 80px;}
.sectmar {margin:70px auto}
.sectmartop {margin-top:70px}
.sectmarbot {margin-bottom:70px}
.divcontact h1 {padding-left:30px }
}

@media screen and (min-width: 1600px) {
.w80 {width:70%;}
.wproduct {width:60%;}
.headimgtitle {right:15%;}
.wfoot {width:70%;}
.eq3li > li {padding:10px 60px;}
}

/* input::placeholder, option::placeholder, textarea::placeholder {color: black !important;} */

/*#section0 .fp-tableCell, #section1 .fp-tableCell {vertical-align:top !important}*/