@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
*{margin:0;}
html, body{background:#ffffff;}
html, body, form{height:100%;margin:0;padding:0;}
img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
body{font-family:'Roboto', Helvetica, Arial, Lucida, sans-serif;-webkit-text-size-adjust:none;position:relative;color:#000000;}
.clear{clear:both;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.padding20{padding:20px;}
.padding30{padding:30px;}
sup{vertical-align:0;position:relative;top:-0.25em;}
/**HEADER**/
header{width:100%;background:#ffffff;-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1) !important;box-shadow: 0 0 7px rgba(0,0,0,0.1) !important;position:fixed;z-index:2;}
header .container{width:calc(100% - 60px);padding:11px 30px 10px 36px;font-size:0;position:relative;z-index:1;background:#ffffff;}
header .container .logoImg{width:225px;display:inline-block;vertical-align:middle;}
header .container .logoImg img{width:100%;display:block;}
header .container .mainMenu{width:calc(100% - 225px);display:inline-block;vertical-align:middle;}
header .container .mainMenu ul{width:100%;text-align:right;}
header .container .mainMenu ul li{display:inline-block;vertical-align:middle;margin:0 11.5px;position:relative;}
header .container .mainMenu ul li:last-child{margin:0 0 0 11.5px;}
header .container .mainMenu ul li a{font-size:14px;line-height:14px;font-weight:700;color:#000000;text-decoration:none;display:block;padding:35px 0;}
header .container .mainMenu ul li a:hover{color:#737373;}
header .container .mainMenu ul li.dd a::after{content:'';background:url("../images/drop-down.svg");background-size:20px;width:20px;height:20px;vertical-align:middle;display:inline-block;margin-left:5px;margin-top:2.5px;}
header .container .mainMenu ul li .subMenu{width:250px;position:absolute;top:92px;padding-top:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;z-index:-1;visibility:hidden;opacity:0.0;}
header .container .mainMenu ul li:hover .subMenu{visibility:visible;opacity:1.0;}
header .container .mainMenu ul li.leftSub .subMenu{left:-30px;}
header .container .mainMenu ul li.leftSub:hover .subMenu{left:0;}
header .container .mainMenu ul li.rightSub .subMenu{right:-30px;}
header .container .mainMenu ul li.rightSub:hover .subMenu{right:0;}
header .container .mainMenu ul li .subMenu ul{background:#ffffff;border-top:2px solid #006974;width:100%;padding:0;box-shadow:0 2px 5px rgba(0,0,0,.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);}
header .container .mainMenu ul li .subMenu ul li{display:block;width:calc(100% - 40px);padding:0 20px;margin:0;text-align:left;}
header .container .mainMenu ul li .subMenu ul li:hover{background:#feeabb;}
header .container .mainMenu ul li .subMenu ul li a{font-size:12px;line-height:28px;color:#000000;display:block;padding:10px 0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;font-weight:700;text-transform:capitalize;letter-spacing:0;}
header .container .mainMenu ul li .subMenu ul li a:after{background:none;width:auto;height:auto;margin-left:0;margin-top:0;}
header .container .mainMenu ul li .subMenu ul li a:hover{color:#000000;}
.mobileMenuBtn{cursor:pointer;width:20px;height:15px;position:relative;display:none;vertical-align:middle;float:right;margin-top:12.5px}
.mobileMenuBtn span{display:block;position:absolute;height:2px;width:100%;background:#292929;border-radius:2px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.mobileMenuBtn span:nth-child(1){top:0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
.mobileMenuBtn span:nth-child(2){top:6.5px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
.mobileMenuBtn span:nth-child(3){top:13.5px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
.mobileMenu{width:85%;position:absolute;top:-999px;left:0;right:0;margin:0 auto;background:#ffffff;border-top:4px solid #006974;padding:5% 0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;opacity:0.0;z-index:0;}
.mobileMenu.open{top:76px;opacity:1.0;}
.mobileMenu ul{width:100%;}
.mobileMenu ul li{width:90%;margin:0 auto;display:block;}
.mobileMenu ul li a{font-size:14px;line-height:14px;font-weight:700;color:#666666;text-decoration:none;display:block;padding:0;border-bottom:1px solid #f0f0f0;padding:15px;}
.mobileMenu ul li.dd a{background:url("../images/drop-down.svg")no-repeat right center;background-size:20px;}
.mobileMenu ul li.dd a.active{background:url("../images/icon-close.svg")no-repeat right center;background-size:20px;}
.mobileMenu ul li .subMenu{display:none;}
.mobileMenu ul li .subMenu li{width:90%;}
.mobileMenu ul li .subMenu li a{background:none;width:auto;height:auto;margin-left:0;margin-top:0;}
/**FOOTER**/
footer{clear:both;position:relative;background:#006974;width:calc(100% - 20px);padding:10px;}
footer .container{width:calc(100% - 40px);max-width:1080px;margin:0 auto;color:#ffffff;font-weight:500;font-size:0;}
footer .container .copyright{font-size:12px;line-height:24px;display:inline-block;vertical-align:middle;width:50%;}
footer .container .hyperlink{font-size:12px;line-height:24px;display:inline-block;vertical-align:middle;width:50%;text-align:right;}
footer .container .hyperlink a{color:#ffffff;text-decoration:none;}
/**MAIN CONTENTS**/
.wrapper{width:100%;height:auto;position:relative;overflow:hidden;z-index:0;}
.mainContent{width:100%;margin:92px auto 0 auto;position:relative;}
.MEDIAQUERY .mainBanner{width:100%;height:320px;background: url(https://www.jrbbtc.org.sg/wp-content/uploads/2020/04/bb02.jpg) no-repeat;background-position:center -375px;background-size:cover;}
.MEDIAQUERY .mainBanner .mobileBanner{display:none;}
.mainContent .breadcrumb{background:#98c1c4;width:100%;padding:15px 0;}
.mainContent .breadcrumb .container{width:calc(100% - 40px);max-width:1080px;margin:0 auto;font-size:12px;line-height:14px;color:#000000;font-weight:500;}
.mainContent .breadcrumb .container a{color:#1b1c21;text-decoration:none;}
.mainContent .breadcrumb .container span{color:#008d45;font-weight:700;}
.mainContent .content{background:#ffffff;width:100%;padding:20px 0 50px 0;}
.mainContent .content .container{width:calc(100% - 40px);max-width:1040px;margin:0 auto;}
.mainContent .content h3{font-size:22px;line-height:22px;margin-bottom:55px;}
.mainContent .content .formHeader{background:#008d45;font-size:14px;line-htight:18px;font-weight:700;text-align:center;color:#ffffff;width:calc(100% - 20px);padding:10px;margin-bottom:21.5px;}
.mainContent .content .formField{width:calc(100% + 7.5px);margin-bottom:7.5px;font-size:0;}
.mainContent .content .formField .fieldName{width:100%;font-size:12px;line-height:20px;color:#333333;font-weight:700;margin-bottom:1px;}
.mainContent .content .formField .field{width:100%;}
.mainContent .content .formField .formCol{width:calc(100% - 7.5px);margin-right:7.5px;margin-bottom:7.5px;display:inline-block;vertical-align:top;}
.mainContent .content .formField .formCol2{width:calc(50% - 7.5px);margin-right:7.5px;margin-bottom:7.5px;display:inline-block;vertical-align:top;}
.mainContent .content .formField .wordCount{width:100%;display:inline-block;vertical-align:top;text-align:right;font-size:12px;line-height:18px;color:#333333;margin-top:5px;}
.mainContent .content .formField .grp{widt:100%;font-size:0;}
.mainContent .content .formField .grp .wordCount{width:calc(50% - 10px);margin-left:10px;}
.mainContent .content .formField .grp .note{width:calc(50% - 10px);margin-right:10px;font-size:12px;line-height:18px;color:#333333;display:inline-block;vertical-align:top;margin-top:5px;}
.thankyouMsg{width:100%;padding:0;font-size:15px;line-height:20px;margin-top:-20px;}
.thankyouMsg p{margin-bottom:15px;font-weight:500;}
/**FORM FIELDS**/
input[type="text"]{font-family:'Roboto', Helvetica, Arial, Lucida, sans-serif;color:#333333 !important;font-size:16px !important;line-height:20px !important; border:1px solid #777771;padding:9px;background:#ffffff;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width:100%;-webkit-appearance:none;margin:0 !important;border-radius:2px;min-height:40px;}
input[type="text"]:hover{background:#ffffff;border:1px solid #008d45;}
input[type="text"]:focus{background:#ffffff;border:1px solid #008d45;}
textarea{font-family:'Roboto', Helvetica, Arial, Lucida, sans-serif;color:#333333 !important;font-size:16px !important;line-height:20px !important; border:1px solid #777771;padding:9px;background:#ffffff;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width:100%;min-height:140px;
resize:vertical;-webkit-appearance:none;margin:0 !important;border-radius:2px;}
textarea:hover{background:#ffffff;border:1px solid #008d45;}
textarea:focus{background:#ffffff;border:1px solid #008d45;}
input[type=submit],input[type=button],input[type=reset]{cursor:pointer;-webkit-appearance:none;border-radius:2px;width:auto;border:none;font-family:'Roboto', Helvetica, Arial, Lucida, sans-serif;}
.submitBtn{background:#006974;color:#ffffff;text-align:center;font-size:14px;line-height:14px;padding:13px;display:inline-block;border-radius:2px;text-decoration:none;font-weight:700;width:auto;min-width:100px;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;}
.submitBtn:hover{background:#008d45;box-shadow:0 2px 4px rgba(0,0,0,.4);-moz-box-shadow:0 2px 4px rgba(0,0,0,.4);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.4);}
.error{width:calc(100% - 24px);display:block;padding:5px 12px;background:#f9e4e8;border-radius:2px;color:#e04562;font-size:12px;line-height:14px;margin-top:5px;font-weight:500;}
.captcha img{width:100%;max-width:300px;display:block;}
/**RESPONSIVE**/
@media screen and (min-width:980px){
	header .mobileMenu{display:none;}
}
@media screen and (max-width:1000px){
	header{position:relative;}
	header .container{width:80%;padding:18.5px 10%;margin:0 auto;}
	header .container .logoImg{width:140px;}
	header .container .mainMenu{display:none;}
	.mobileMenuBtn{display:inline-block;}
	footer .container .copyright{width:100%;text-align:center;margin-bottom:15px;}
	footer .container .hyperlink{width:100%;text-align:center;}
	.mainContent{margin:0 auto;}
	.MEDIAQUERY .mainBanner{height:auto;padding:15% 0;}
}
@media screen and (max-width:782px){
	.mainContent .content .formField .formCol2{width:calc(100% - 7.5px);}
}
.captchaPlaceholder{width:100%;margin-bottom:5px;}
.captchaPlaceholder span{display:inline-block;vertical-align:middle;}
.captchaPlaceholder .refreshBtn{width:20px;margin-left:10px;}
.captchaPlaceholder img{width:140px;display:block;}

/*FEEDBACK and BULKY ITEMS - 240904*/
.FEEDBACK .mainBanner{width:100%;height:320px;background:url("https://www.jrbbtc.org.sg/wp-content/uploads/2020/04/bb02.jpg")no-repeat;background-position:center;background-size:cover;}
.FEEDBACK .mainBanner .mobileBanner{display:none;}
.BULKYITEMS .mainBanner{width:100%;height:320px;background:url("https://www.jrbbtc.org.sg/wp-content/uploads/2020/04/bb02.jpg")no-repeat;background-position:center;background-size:cover;}
.BULKYITEMS .mainBanner .mobileBanner{display:none;}
.mainContent .content h3{margin-bottom:0;padding-bottom:25px;}
.mainContent .content p{font-size:14px;line-height:20px;font-weight:400;padding-bottom:25px;}
.mainContent .content p a{color:#008d45;text-decoration:none;}
.mainContent .content ul{list-style:disc;margin-left:15px;padding-bottom:25px;}
.mainContent .content ul li{font-size:14px;line-height:20px;font-weight:400;padding:0;}
.mainContent .content form{margin-top:30px;}
.mainContent .content .formField .fieldName{color:#333333;}
.mainContent .content .formField .field p{font-size:14px;line-height:20px;color:#333333;padding:0.5em 0;font-weight:400;}
.mainContent .content .formField .field p a{color:#008fca;}
input[disabled]{background:#e6e6e6;}
input[type="text"].calendar{background-image: url(../images/calendar.svg);background-size:25px;background-position:right center;background-repeat:no-repeat;padding-right:30px;}
select{font-family:'Roboto', Helvetica, Arial, Lucida, sans-serif;color:#333333 !important;font-size:16px !important;line-height:20px !important; border:1px solid #777771;padding:9px;background:#ededed url("../images/drop-down-blue.svg") right center no-repeat;background-size:25px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width:100%;-webkit-appearance:none;margin:0 !important;border-radius:2px;min-height:40px;}
select:hover,
select:focus{background:#e6e6e6 url("../images/drop-down-blue.svg") right center no-repeat;background-size:25px;border:1px solid #008d45;}
select option{background:#fff !important;}
.upload{width:100%;position:relative;overflow:hidden;font-size:0;}
.upload input[type=file]{width:100px;height:40px;position:absolute;left:0;top:0;opacity:0;cursor:pointer;background:none !important;border:none !important;}
.upload input[type=text]{background:none !important;border:none !important;display:inline-block;font-size:14px !important;line-height:14px !important;}
.upload .submitBtn{width:100px !important;background:#006974;}
.upload .submitBtn:hover{background:#008d45;box-shadow:0 2px 4px rgba(0,0,0,.4);-moz-box-shadow:0 2px 4px rgba(0,0,0,.4);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.4);}
label.error{width:calc(100% - 24px);display:block;padding:5px 12px;background:#f9e4e8;border-radius:2px;color:#e04562;font-size:12px;line-height:14px;margin-top:5px;font-weight:500;}
.captcha img{width:100%;max-width:300px;display:block;}
.upload span{display:inline-block;font-size:14px;line-height:14px;color:#333333;vertical-align:top;width:calc(100% - 101px);}
.checkBoxStyle{display:block;position:relative;padding-left:20px !important;cursor:pointer;font-size:14px;line-height:20px;color:#333333;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left !important;margin:10px 0;}
.checkBoxStyle input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkmark{position:absolute;top:0;left:0;height:13px;width:13px !important;border-radius:2px;background-color:#e6e6e6;border:1px solid #006974;}
.checkBoxStyle:hover input ~ .checkmark {background-color:#e6e6e6;border:1px solid#006974;}
.checkBoxStyle input:checked ~ .checkmark {background-color:#006974;border:1px solid #006974;}
.checkmark:after {content:"";position:absolute;display:none;}
.checkBoxStyle input:checked ~ .checkmark:after{display: block;}
.checkBoxStyle .checkmark:after{left:4px;top:2px;width:3px;height:6px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.checkBoxStyle .text{margin-top:-3px;display: inline-block;}
.unitno{width:100%;}
.unitno span{display:inline-block;vertical-align:middle;font-size:16px;line-height:20px;color:#333333;margin-right:10px;}
.unitno .floor{width:50px;}
.unitno .unit{width:90px;margin-right:0;}
.thankyouMsg{margin-top:0 !important;}
.thankyouMsg p{margin-bottom:0 !important;}
.line{width:100%;height:1px;border:none;background:#333;}
.mainContent .content .formHeader{width: calc(100% - 27.5px);}
.daterangepicker select.monthselect, .daterangepicker select.yearselect{font-size:14px !important;border:1px solid #333333 !important;padding:2.5px 10px !important;min-height:inherit !important;margin:0 2.5px !important;background:#ffffff url("../images/drop-down.svg") right center no-repeat !important;background-size:18px !important;}
.bulkyMsg{width:100%;max-width:500px;margin:0 auto;text-align:center;}
.bulkyMsg p{font-size:14px;line-height:20px;}
.bulkyMsg .animatedImg{width:140px;margin:0 auto 20px auto;}
/*@media screen and (max-width:980px){
	.FEEDBACK .mainBanner{height:auto;padding:15% 0;}
	.BULKYITEMS .mainBanner{height:auto;padding:15% 0;}
}*/

/*POPUP*/
@-webkit-keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
@-moz-keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
@keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
.modal-open{overflow: hidden;}
.modal {position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display: none;overflow:auto;overflow-y: scroll;-webkit-overflow-scrolling: touch;outline: 0;-webkit-animation:popupAnim 2s;-moz-animation:popupAnim}
.modal-dialog:target{-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;opacity:0;visibility:hidden;}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-dialog{position:relative;width:auto;margin:5% 0;}
.modal-content{position:relative;background-color:#ffffff;background-clip:padding-box;width:95%;max-width:400px;height:auto;margin:0 auto;border-radius:5px;
outline: none;z-index:2998;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-backdrop{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 2999;background-color: #000;}
.modal-backdrop.fade{filter: alpha(opacity=0);opacity: 0;}
.modal-backdrop.in{filter: alpha(opacity=80);opacity: .8;}
.modal-body{position: relative;width:100%;padding:20px 0;}
.closePopUpBtn{display:block;position:absolute;top:24px;right:20px;}
.closePopUpBtn img{width:22px;}
.modal-body .modal-header{width:100%;border-bottom:1px solid #e8ebf0;padding-bottom:14px;margin-bottom:14px;}
.modal-body h1{color:#010101;font-size:20px;line-height:24px;text-align:left;width:calc(100% - 40px);margin:0 20px;}
.modal-body h1.center{text-align:center;}
.modal-body .container{width:calc(100% - 40px);margin:0 20px;color:#010101;font-size:13px;line-height:18px;}
.modal-body .container .fieldName{color:#010101;font-weight:600;margin:5px 0;padding:0;font-size:14px;line-height:18px;display:block;text-align:left;}
.modal-body .container p{margin:0 0 10px 0;color:#010101;font-size:14px;line-height:18px;text-align:left;}
.modal-body .container p.center{text-align:center;}
.modal-body .submitBtn{margin-left:0;}

/*Update 180325*/
.red {color: #E04562;}