body {font-size:18px; background:#fff; color:#4A4A4A; font-family:'Roboto',sans-serif; font-weight:400; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
html {font-size:18px; overflow:auto;}

.tableResponsive {overflow-x:auto; margin-bottom:30px; font-size:15px;}
::-webkit-scrollbar {-webkit-appearance:none; width:7px; background-color:#f7f7f7; border-radius:8px;}
::-webkit-scrollbar-thumb {border-radius:8px; background-color:rgba(0,0,0,.5); -webkit-box-shadow:0 0 1px rgba(255,255,255,.5);}

/* Header */
.language {background:#EDEDED; color:#333; padding:12px 0; margin:0 0 26px 0;}
.headerContainer {display:flex; justify-content:space-between; align-items:center;}
.logo a {display:block;}
.logo img {width:100%; height:auto; max-width:220px;}
.headerContact {text-align:right; color:#16244C;}
.headerContact .headerContactGroup a {color:#16244C;}
.headerContact .headerContactGroup a:focus, .headerContact .headerContactGroup a:hover {color:#FF3F46;}
.headerContact .headerContactGroup {display:inline-block;}
.headerContact .headerContactLink {display:inline-block; margin:4px 0 0 8px;}
.btn {padding:14px 18px;}

/* Nav */
.navbar {border-radius:0; min-height:20px; margin-bottom:25px; border:none; font-size:18px;}
.navbar-default {background-color:#fff;}
.nav>li {margin-right:20px;}
.nav>li>a {padding:0;}
.navbar-default .navbar-nav>li>a {color:#16244C;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color:#FF3F46;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color:#FF3F46; background-color:transparent;}
.dropdown-menu>li>a {padding:3px 20px; color:#16244C;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {color:#FF3F46; background-color:transparent;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color:#FF3F46; background-color:transparent;}
.dropdown-menu {font-size:16px; border:none; border-radius:0; -webkit-box-shadow:none; box-shadow:none; top:160%; left:-20px;}
.navbar-nav {margin:29px 0 0 0;}
.navbar-collapse {padding-left:0;}

/* Content */
.subTitle {color:#FF3F46; margin:0 0 1em 0; font-family:'Roboto',sans-serif; font-size:20px; font-weight:400;}
.mainTitle {font-size:36px; color:#FF3F46; margin:0 0 0.8em 0;}
.mainTitle span {color:#4A4A4A; font-size:18px; white-space:nowrap; display:inline-block;}
.h3Title  {margin:0 0 0.8em 0; font-family:'Roboto',sans-serif; font-size:20px; font-weight:700; color:#FF3F46;}
p {margin-bottom:1.2em;}
a {color:#FF3F46; outline:none; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s; text-decoration:none;}
a:hover, a:focus {color:#16244C; text-decoration:none; outline:none;}
.content ul, .content ol {padding:0 0 0 18px; margin-bottom:1.2em;}
.content ul li {margin-bottom:0.3em;}
.content {min-height:450px;}
.section {padding:60px 0 50px 0;}
.imgMax {width:100%; max-width:480px;}
.imgMax380 {width:100%; max-width:380px;}
.nowrap {white-space:nowrap;}

/* Side Panel */
.sidePanel {text-align:center; padding-left:20px;}
.sidePanel .subTitle {font-size:32px; margin:0 0 5px 0;}
.sidePanelImg {margin-bottom:4px;}
.sidePanelImg img {max-width:245px; margin:0 auto;}
.profileTitle {color:#16244C;}

/* Footer */
footer {color:#666; padding:0 0 140px 0; background:#16244C;}
.footerGreyBgnd {background:#f1f1f1; background:-moz-linear-gradient(top,#f1f1f1 0%,#ffffff 25%); background:-webkit-linear-gradient(top,#f1f1f1 0%,#ffffff 25%); background:linear-gradient(to bottom,#f1f1f1 0%,#ffffff 25%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#ffffff',GradientType=0);}
footer p {font-size:14px;}
footer a {color:#666;}
footer a:focus, footer a:hover {color:#000;}
footer img {width:auto; height:auto; max-height:68px;}
footer .author {margin:40px 0 60px 0;}
footer .author p {margin-bottom:10px; font-size:12px !important;}
footer .footerLinks {padding-top:60px; color:#fff;}
footer .footerLinks ul {list-style:none; padding:0; margin:0;}
footer .footerLinks ul li {display:inline-block;}
footer .footerLinks ul li a {display:inline-block; font-size:16px;}
footer .footerLinks a {color:#fff;}
footer .footerLinks a:hover {color:#FF3F46;}
footer .footerLinks ul li:first-child {border-right:1px solid #ccc; padding-right:15px; margin-right:12px;}
footer .footerLogos ul:first-child li img {max-width:260px;}
footer .footerLogos ul {list-style:none; margin:0; padding:0; text-align:center; display:flex; flex-wrap:wrap; justify-content:center;}
footer .footerLogos ul li {display:block; padding:0 20px; margin-bottom:40px;}
footer .footerLogos ul li a {display:block;}
footer .footerLogos ul:first-child li {max-width:33.333%; flex:0 0 33.333%;}
footer .footerForm label {display:none;}
footer .footerForm .submitButton .btn.btn-primary {font-size:18px;}
footer .footerForm .subTitle {color:#16244C; margin:0 0 20px 0; font-size:32px;}
footer .footerForm p {font-size:18px;}
footer .footerForm a {text-decoration:underline;}
footer .footerForm a:hover {text-decoration:none;}
footer .footerForm .form-control {height:34px; padding:6px 12px;}
footer .footerForm .checboxList {font-size:14px; margin-top:5px;}
footer .footerForm .checboxList span {display:block; position:relative; padding-left:18px;}
footer .footerForm .checboxList span input {position:absolute; top:0; left:0;}
footer .footerForm label.error {font-size:14px; margin:0;}
#success_fail_info {font-size:16px;}
footer .footerAddresses {margin:0 0 40px 0; padding-top:80px; }
footer .footerAddresses p {font-size:16px;}
footer .footerAddresses .addresses {display:flex; flex-wrap:wrap;}
footer .footerAddresses .address {flex:0 0 50%; max-width:50%;}
footer .footerAddresses .address a span {display:block;}
footer .footerAddresses .address p {margin:0; padding-right:10px;}
footer .footerAddresses .addressTitle {display:flex; align-items:center;}
footer .footerAddresses img {margin:0 8px 0 0; max-height:48px;}
footer .footerAddresses .container > .row {display:flex;}
footer .footerAddresses .col-md-8 {float:none; flex:0 0 66.666%; width:auto; max-width:66.666%; order:1;}
footer .footerAddresses .col-md-4 {float:none; flex:0 0 33.333%; width:auto; max-width:33.333%; order:2;}
body.contact footer .footerAddresses .col-md-8 {flex:0 0 100%; max-width:100%;}
body.contact footer .footerAddresses .address {flex:0 0 33.333%; max-width:33.333%;}

.form-control::placeholder {
    color: transparent;
}

/* Show placeholder in footer form specifically */
footer .footerForm .form-control::placeholder {
    color: #999;
}

/* Enquiry Links */
.enquiryLinks {background:#16244C; color:#fff; padding:40px 0; text-align:center;}
.enquiryLinks .btn-primary:hover {color:#16244C; background-color:#fff; border-color:#fff;}
body.home .enquiryLinks {background-color:rgba(22,36,76,0.7);}
body.home .enquiryLinks .btn-primary:hover {color:#fff; background-color:#16244C; border-color:#16244C;}
.enquiryLinks a {display:inline-block; min-width:190px;}
.enquiryLinks img {max-height:90px; width:auto; margin:0 0 4px 0;}

/* Addresses */
.addressPanel {background:#F2F2F2; padding:25px 30px; border-radius:6px;}
.address {margin:0 0 45px 0;}
.address .subTitle {margin:0 0 0.8em 0;}
.address a {color:#4A4A4A;}
.address a:focus, .address a:hover {color:#FF3F46;}
.address .subTitle a {color:#FF3F46;}
.address .subTitle a:focus, .address .subTitle.subTitle a:hover {color:#4A4A4A;}

/* Banners */
.banner {position:relative;}
.banner .enquiryLinks {position:absolute; bottom:0; left:0; width:100%; z-index:999;}
.banner .img-responsive {width:100%;}
.bannerOverlay {position:absolute; width:100%; height:100%; background:-moz-linear-gradient(top,rgba(22,36,41,0) 0%,rgba(22,36,41,0) 54%,rgba(22,36,41,0.8) 100%); background:-webkit-linear-gradient(top,rgba(22,36,41,0) 0%,rgba(22,36,41,0) 54%,rgba(22,36,41,0.8) 100%); background:linear-gradient(to bottom,rgba(22,36,41,0) 0%,rgba(22,36,41,0) 54%,rgba(22,36,41,0.8) 100%); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00162429',endColorstr='#cc162429',GradientType=0);}
.bannerPageTitle {position:absolute; left:0; bottom:20px; width:100%;}
.bannerPageTitle .subTitle, .bannerPageTitle .mainTitle {color:#fff;}
.bannerPageTitle .subTitle {font-size:36px;}

/* Home */
.welcomeIntro {font-size:18px; text-align:center;}
.welcomeIntro .mainTitle {color:#16244C; font-size:30px;}
.patientInfo {background:url(/images/patient-info-background.jpg) no-repeat 50% 50%; background-size:cover; text-align:center; color:#16244C;}
.patientInfo .subTitle {color:#16244C; margin:0 0 1.6em 0; font-size:32px;}
.patientInfo ul {list-style:none; margin:0; padding:0;}
.patientInfo ul li {display:inline-block; margin:0 80px;}
.patientInfo ul li a {font-size:18px; display:block;}
.patientInfo ul li a i {display:block; font-size:56px; margin-bottom:12px;}
.patientInfo a {color:#16244C;}
.patientInfo a:focus, .patientInfo a:hover, .patientInfo ul li.active a {color:#FF3F46;}
.homeMap .subTitle {color:#16244C; margin:0 0 1.6em 0; font-size:32px;}
.doctify-badge {margin-top:1.5rem;}
.doctify-badge a {display: inline-block;}

/* Side Nav */
.content ul.sideNav {list-style:none; padding:0; margin:0 0 25px 0; border-bottom:1px solid #16244C;}
.sideNav a {color:#16244C; position:relative; padding-left:20px; display:block;}
.sideNav a:hover, .sideNav a:focus, .sideNav .active a {color:#FF3F46;}
.sideNav li:last-child {padding-bottom:25px;}
.sideNav a:before {content:"\f105"; font-family:FontAwesome; position:absolute; top:0; left:0;}

/* Accordion */
.panel-title {font-size:20px;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {border-top:none;}
.panel-body {padding:0 20px 20px 0;}
.panel {border:none; border-radius:0; -webkit-box-shadow:none; box-shadow:none;}
.panel-default>.panel-heading {color:#000; background-color:#fff; border-top:1px solid #999;}
.panel-heading {padding:20px 0; border-top-left-radius:0; border-top-right-radius:0;}
.panel-heading a {display:block; position:relative; color:#FF3F46;}	
.panel-heading a:focus, .panel-heading a:hover {color:#16244C;}
.panel-heading a:before {content:"\f063"; font-family:FontAwesome; right:0; position:absolute; top:0; color:#16244C; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s;}
.panel-heading a:focus:before, .panel-heading a:hover:before {color:#16244C;}
.panel-heading .active-panel a {color:#16244C;}
.panel-heading .active-panel a:before {color:#16244C;}
.panel-heading .active-panel a:before {content:"\f062";}
	
/* Contact */
.subTitle img {max-width:28px; height:auto; float:left; margin-right:4px;}	
button {-webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s;}
.submitButton {text-align:left; margin-top:20px;}
#success_fail_info.success {color:#fff; background-color:#2ecc71;}
#success_fail_info.error {color:#fff; background-color:#FF3F46;}
#success_fail_info {padding:1em; margin-bottom:12px; text-shadow:0 1px 0 rgba(255,255,255,0.5); border-radius:4px;}
label {font-weight:normal; margin-bottom:10px;}
label.error {padding:0; background:#fff; color:#FF3F46; font-weight:bold;}
#count_message {display:block; text-align:right; font-size:13px;}
.submitButton .btn.btn-primary {font-size:32px;}
.submitButton .btn {padding:6px 28px; border-radius:40px;}
.btn {padding:6px 12px; font-size:16px; border-radius:20px;}
.btn-primary {color:#fff; background-color:#FF3F46; border-color:#FF3F46; font-size:14px;}
.btn-primary:hover {color:#fff; background-color:#16244C; border-color:#16244C;}
.btn-primary.focus, .btn-primary:focus {color:#fff; background-color:#16244C; border-color:#16244C; outline:none;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {color:#fff; background-color:#16244C; border-color:#16244C; outline:none;}
.form-control {height:46px; padding:12px 12px;}
.enquiryForm {padding-right:50px; margin-bottom:40px;}
.enquiryFormTitle {position:relative; padding-right:80px;}
.enquiryFormTitle img {max-width:78px; height:auto;position:absolute; top:0; right:0;}
.enquiryFormTitle .subTitle {font-size:36px; margin:0 0 0.8em 0;}
.map {width:100%; height:400px;}

/* Site map */
.sitemapList ul {list-style:none; padding:0; margin:0;}
.sitemapList ul li a {position:relative; padding:0 0 0 15px;}
.sitemapList ul li a::before {content:"\f105"; font-family:FontAwesome; position:absolute; top:0; left:0;}
.sitemapList ul ul {padding-left:15px; margin-top:3px;}
.sitemapHeading {position:relative; padding-left:15px;}
.sitemapHeading::before {content:"\f107"; font-family:FontAwesome; position:absolute; top:0; left:0;}

@media (max-width:1200px) {
	.patientInfo ul li {margin: 0 58px;}
	/* Footer */
	footer img {margin:0 12px;}
	footer ul li:first-child img {margin-left:12px;}
}
@media (max-width:991px) {
	/* Nav */
	.navbar .container {width:100%; padding-left:0; padding-right:0;}
	.nav>li>a {padding:10px 0;}
	.nav>li {margin-right:0;}
	.navbar {margin-bottom:0; text-align:center;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color:#FF3F46; background-color:transparent;}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {color:#FF3F46; background-color:transparent;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color:#FF3F46; background-color:transparent;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#16244C;}
	.navbar-toggle {padding:9px 10px; margin-top:8px; margin-right:0; width:100%; margin-bottom:0; border:none; border-radius:0; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s; background:#16244C; color:#fff;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:#16244C; color:#FF3F46;}
	.navbar-collapse {border-top:none; padding-left:15px;}
	.navbar {font-size:18px;}
	.navbar-header {float:none;}
	.navbar-left,.navbar-right {float:none !important;}
	.navbar-toggle {display:block;}
	.navbar-collapse {border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);}
	.navbar-fixed-top {top:0; border-width:0 0 1px;}
	.navbar-collapse.collapse {display:none!important;}
	.navbar-nav {float:none!important; margin-top:7.5px;}
	.navbar-nav>li {float:none;}
	.navbar-nav>li>a {padding-top:10px; padding-bottom:10px;}
	.collapse.in{display:block !important;}
	.headerContact {text-align:center; margin-bottom:20px;}
	.navbar-nav {margin:0;}
	.navbar {font-size:16px;}
	.navbar .dropdown-menu {float:none; position:relative; text-align:center; top:auto; left:0;}
	/* Home */
	.patientInfo ul li a i {font-size:64px;}
	.patientInfo ul li {margin:0 32px;}
	/* Contact */
	.enquiryForm {padding-right:0;}
	/* Footer */
	footer ul:first-child li {max-width:50%; flex:0 0 50%;}
	footer .footerAddresses .container > .row {flex-wrap:wrap;}
	footer .footerAddresses .col-md-8 {flex:0 0 100%; max-width:100%; order:2;}
	footer .footerAddresses .col-md-4 {flex:0 0 100%; max-width:100%; order:1;}
	footer .footerForm {margin-bottom:40px;}	
	body.contact footer .footerAddresses .address {flex:0 0 50%; max-width:50%;}
}
@media (max-width:767px) {
	.headerContainer {flex-wrap:wrap;}
	.logoLCC {order:1; max-width:50%; flex:0 0 50%; text-align:center; margin-bottom:20px;}
	.headerContact {order:3; max-width:100%; flex:0 0 100%;}
	.logoWCC {order:2; max-width:50%; flex:0 0 50%; text-align:center; margin-bottom:20px;}
	/* Content */
	.mainTitle span {display:block;}
	/* Home */
	.patientInfo ul li {margin:0 20px;}
	.welcomeIntro br {display:none;}
	/* Content */
	.sidePanel {padding-left:0;}
	.sidePanel .subTitle br {display:none;}
	/* Footer */
	footer .footerLogos ul:first-child li {max-width:100%; flex:0 0 auto;}
	footer .footerLogos ul:first-child li img {width:100%; height:auto;}
}
@media (max-width:640px) {
	/* Home */
	.banner .enquiryLinks {position:relative;}
	.enquiryLinks a {min-width:10px;}
	.enquiryLinks .btn {white-space:normal;}
	body.home .enquiryLinks {background-color:rgba(22,36,76,1);}
	body.home .enquiryLinks .btn-primary:hover {color:#16244C; background-color:#fff; border-color:#fff;}
	/* Content */
	.section {padding:40px 0 30px 0;}
	/* Home */
	.patientInfo ul li a i {font-size:56px;}
}
@media (max-width:610px) {
	/* Home */
	.patientInfo ul li {margin:0;}
	.patientInfo ul li {width:50%; float:left; margin-bottom:20px;}
}
@media (max-width:540px) {
	.logo {padding: 0 10px;}
	/* Footer */
	footer ul:first-child li {max-width:100%; flex:0 0 100%;}
	footer .footerAddresses .address {flex:0 0 100%; max-width:100%;}
}	
@media (max-width:505px) {
	.logo {float:none; text-align:center;}
	.headerContact {text-align:center;}
	.headerContact .headerContactLink {display:none;}
	/* Home */
	.enquiryLinks .col-xs-4 {float:none; width:100%; margin-bottom:8px;}
	.enquiryLinks a {min-width:190px;}
	.enquiryLinks .btn {white-space:nowrap;}
	.patientInfo .subTitle {margin:0 0 1.2em 0; font-size:30px;}
}
@media (max-width:480px) {
	/* Content */
	.subTitle {font-size:20px;}
	.mainTitle, .bannerPageTitle .subTitle {font-size:24px;}
	.enquiryFormTitle .subTitle {font-size:24px;}
	/* Home */
	.welcomeIntro {font-size:16px;}
	.patientInfo .subTitle {margin:0 0 1em 0;}
	.patientInfo ul li a {font-size:16px;}
}
@media (max-width:430px) {
	.logoLCC,.logoWCC {max-width:100%; flex:0 0 100%;}
	footer ul:first-child li img {max-width:220px;}
}
@media (max-width:380px) {
	/* Nav */
	.logo {float:none;}
}