@charset "utf-8";
/*CSS Document*/
.footer_bg{float:left;}
.cd-main-header{position:fixed; background:rgba(255,255,255,1.00);}
.inside-page-content{float:left; width:100%; margin-top:145px;}
.inside-banner{width:100%; height:266px; position:relative;}
.page-title-area{position:absolute; left:0; top:0; color:#FFF; height:100%; width:100%;}
.page-title-area .page-title{width:90%; max-width:1055px; margin:0 auto;}
.page-title-area .page-title h1{font-size:30px; line-height:36px; font-weight:600; position:relative; padding-bottom:13px; padding-top:48px; }
.page-title-area .page-title h1:after{content:''; width:46px; height:1px; background:#FFF; position:absolute; left:2px; bottom:0;}
.page-title-area .page-title h2{font-size:30px; line-height:36px; font-weight:600; position:relative; padding-bottom:13px; padding-top:48px; text-transform:uppercase;}
.page-title-area .page-title h2:after{content:''; width:46px; height:1px; background:#FFF; position:absolute; left:2px; bottom:0;}
.breadcrumb{padding:16px 0 0 0; font-size:12px; margin-bottom:0; display:inline-block; float:left; margin-top:0; padding-left:0;}
.breadcrumb a{color:#FFF; position:relative;/* margin-right:10px;*/}
.breadcrumb a:after{content:'/'; position:absolute; top:0; right:-10px; display:none;}
.breadcrumb b{color:#FFF; position:relative; margin-right:10px; font-weight:400;}
.breadcrumb b:after{content:'/'; position:absolute; top:0; right:-8px;}
.breadcrumb span{color:#FFF;}
.banner-breadcrumb-area{width:90%; max-width:1055px; margin:0 auto; display:block;}
.banner-icon{position:absolute; left:0; bottom:0; width:100%; height:48px; background:rgba(0,0,0,0.30);}
.banner-icon .download-print{float:right; margin-right:0;}
.banner-icon .download-print a{float:left; font-size:16px; line-height:48px; color:#FFF; position:relative; text-transform:uppercase;}
.banner-icon .download-print a.download{padding-left:42px; margin-right:20px;}
.banner-icon .download-print a.download:after{content:''; background:url(../images/download-icon.png) no-repeat 0 0; width:32px; height:24px; position:absolute; left:0; top:12px;}
.banner-icon .download-print a.mail{padding-left:42px; margin-right:20px;}
.banner-icon .download-print a.mail:after{content:''; background:url(../images/mail-icon.png) no-repeat 0 0; width:30px; height:22px; position:absolute; left:0; top:12px;}
.banner-icon .download-print a.print{padding-left:38px;}
.banner-icon .download-print a.print:after{content:''; background:url(../images/print-icon.png) no-repeat 0 0; width:30px; height:31px; position:absolute; left:0; top:9px;}
.page-title-area2{position:absolute; left:0; top:0; color:#FFF; height:100%; width:100%;}
.page-title-area2 .page-title2{padding:0 6%;}
.page-title-area2 .page-title2 h2{font-size:30px; line-height:36px; font-weight:600; position:relative; padding-bottom:13px; padding-top:48px; text-transform:uppercase; co}
.page-title-area2 .page-title2 h2:after{content:''; width:46px; height:1px; background:#FFF; position:absolute; left:2px; bottom:0;}
.breadcrumb2{padding:16px 0 0 0; font-size:12px; display:inline-block; float:left; text-transform:uppercase;}
.breadcrumb2 a{color:#FFF; position:relative; margin-right:10px;}
.breadcrumb2 a:after{content:'/'; position:absolute; top:0; right:-10px;}
.breadcrumb2 b{color:#FFF; position:relative; margin-right:10px; font-weight:400;}
.breadcrumb2 b:after{content:'/'; position:absolute; top:1px; right:-8px;}
.breadcrumb2 span{color:#FFF;}
.banner-breadcrumb-area2{display:block; margin:0 auto; padding:0 4em 0 6%;}
.banner-icon{position:absolute; left:0; bottom:0; width:100%; height:48px; background:rgba(0,0,0,0.30);}
.banner-icon .download-print{float:right; margin-right:0;}
.banner-icon .download-print a{float:left; font-size:16px; line-height:48px; color:#FFF; position:relative; text-transform:uppercase;}
.banner-icon .download-print a.download{padding-left:42px; margin-right:20px;}
.banner-icon .download-print a.download:after{content:''; background:url(../images/download-icon.png) no-repeat 0 0; width:32px; height:24px; position:absolute; left:0; top:12px;}
.banner-icon .download-print a.mail{padding-left:42px; margin-right:20px;}
.banner-icon .download-print a.mail:after{content:''; background:url(../images/mail-icon.png) no-repeat 0 0; width:30px; height:22px; position:absolute; left:0; top:12px;}
.banner-icon .download-print a.print{padding-left:38px;}
.banner-icon .download-print a.print:after{content:''; background:url(../images/print-icon.png) no-repeat 0 0; width:30px; height:31px; position:absolute; left:0; top:9px;}
.online-bill-pay .online-bill-pay-left{position:relative; width:285px; float:left; background:#18334b; padding:35px 44px 35px 30px;}
.online-bill-pay .online-bill-pay-left2{position:relative; width:285px; float:left; background:#005e94; padding:35px 44px 35px 30px;}
.online-bill-pay .online-bill-pay-right{float:left; padding:57px 76px 57px 63px;}
.online-bill-pay:after{content:''; display:block; clear:both;}
.innerPageNav{}
.innerPageNav ul{}
.innerPageNav > ul > li{font-size:14px; line-height:18px; border-bottom:1px solid rgba(255,255,255,0.18); padding:20px 0 21px;}
.innerPageNav ul > li:last-child{border-bottom:0;}
.innerPageNav > ul > li > a{text-align:left; color:#FFF; display:inline-block; width:100%; padding-right:30px; position:relative;}
.innerPageNav ul > li a:after{width:16px; height:11px; position:absolute; z-index:1; right:3px; top:0px; bottom:0; margin:auto; content:""; line-height:38px; display:block; background:url(../images/left-menu-arrow.png) -16px 50% no-repeat; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 0.5s ease; overflow:hidden;}
.innerPageNav ul > li a:hover{color:#FFFFFF;}
.innerPageNav ul > li a:hover:after{background:url(../images/left-menu-arrow.png) 0 50% no-repeat;}
.innerPageNav ul > li.active a{color:#FFFFFF; font-weight:bold;}
.innerPageNav ul > li.active a:hover{color:#FFFFFF;}
.innerPageNav ul > li.active a:after{width:16px; height:11px; position:absolute; z-index:1; right:3px; top:0px; bottom:0; margin:auto; content:""; line-height:38px; display:block; background:url(../images/left-menu-arrow.png) 0px 50% no-repeat; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 0.5s ease; overflow:hidden;}
.innerPageSubNav{position:absolute; left:30px; top:0; width:100px; opacity:0; visibility:hidden; height:100%; background:#005e94; z-index:2; padding:50px 20px;}
.innerPageSubNav:after{content:''; position:absolute; left:0; top:0; bottom:0; width:20px; background:#18334b;}
.innerPageSubNav li{width:235px;}
.innerPageSubNav > li{font-size:14px; line-height:18px; padding:0 20px;}
.innerPageSubNav > li:last-child{border-bottom:0;}
.innerPageSubNav > li > a{text-align:left; color:#FFF; border-bottom:1px solid rgba(255,255,255,0.18); display:block; padding:20px 0; position:relative;}
.innerPageSubNav > li:hover{background:#004975;}
.innerPageSubNav > li:hover a{border-bottom:1px solid rgba(255,255,255,0);}
.innerPageSubNav > li.active2{background:#004975;}
.innerPageSubNav > li.active2 a{border-bottom:1px solid rgba(255,255,255,0);}
.innerPageSubNav > li.active2 a:after{width:16px; height:11px; position:absolute; z-index:1; right:3px; top:0px; bottom:0; margin:auto; content:""; line-height:38px; display:block; background:url(../images/left-menu-arrow.png) 0px 50% no-repeat; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 0.5s ease; overflow:hidden;}
.ipsnOpen{width:255px; opacity:1; visibility:visible;}
.ipnTrigger{position:absolute; left:0; top:0; width:50px; height:50px; background:#19334c; cursor:pointer; z-index:3; display:none;}
.ipnTrigger:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:23px; height:23px; background:url(../images/show-hide.png) no-repeat 0 0;}
.activeBpo{display:none;}
.paymentTypetab{border-bottom:1px solid rgba(0,0,0,0.26); padding-bottom:22px;}
.paymentTypetab:after{content:''; display:block; clear:both;}
.paymentTypetab li{float:left; margin-right:47px;}
.paymentTypetab li a{font-size:20px; line-height:26px; font-weight:normal; color:#02488b; position:relative; padding-bottom:22px;}
.paymentTypetab li a:hover:after{content:''; width:100%; height:3px; background:#000000; position:absolute; left:0; bottom:-2px;}
.paymentTypetab li a.active:after{content:''; width:100%; height:3px; background:#000000; position:absolute; left:0; bottom:-2px;}
.paymentTypetab li a.active{font-weight:bold; color:#1968b3;}
.paymentTypetabWrap{position:relative;}
.paymentTypetabHead{font-size:20px; line-height:26px; font-weight:normal; color:#02488b; position:relative; border-bottom:1px solid #CCC; padding-bottom:15px; cursor:pointer;}
.paymentTypetabHead:after{content:''; position:absolute; top:7px; right:0px; width:1px; border:7px solid transparent; border-left:7px solid #18334b}
.paymentTypetabHead.active:after{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
.paymentTypetabWrap .paymentTypetab{position:absolute; left:0; top:100%; width:100%; background:#EfEfEf; border:1px solid #CCC; border-top:0; padding:15px;}
.paymentTypetabWrap .paymentTypetab li{float:none; margin-right:0; width:100%;}
.paymentTypetabWrap li a{font-size:16px; text-transform:capitalize !important;}
.paymentTypetabWrap li a:hover:after{display:none;}
.paymentTypetabWrap li a.active:after{display:none;}
.paymentTypetabWrap li a.active{font-weight:normal; color:#1968b3;}
.energy-bill-cont{display:block; margin-bottom:20px;}
.energy-bill-cont p{font-size:16px; line-height:22px; font-weight:300; color:#454545; padding-bottom:21px;}
/*=========================== form css start =========================*/
.insideContent3{/*margin:0 6%;*/ padding:68px 0 68px 0; width:90%; max-width:1055px; margin:0 auto;}
.onlinePay{width:100%; max-width:700px; margin-top:32px;}
.onlinePay:after{content:''; display:block; clear:both;}
.onlinePay ul{float:left; width:100%;}
.onlinePay ul li{margin-bottom:20px;}
.onlinePay ul li b{display:block; font-weight:400; font-size:12px; padding:5px 0;}
.onlinePay ul li.buttons span{padding-right:10px; float:left; width:50%;}
.onlinePay ul li.buttons span:last-of-type{padding-right:0; padding-left:10px;}
.input{width:100%; text-indent:20px; border:1px solid #cdcdcd; height:44px; font-size:14px; color:#5c5c5c; font-family:'Exo 2', sans-serif; background:#f5f5f5;}
input[type="number"]{width:100%; text-indent:20px; border:1px solid #cdcdcd; height:44px; font-size:14px; color:#5c5c5c; font-family:'Exo 2', sans-serif; background:#f5f5f5;}
.textarea{background-color:#ffffff; width:100%; text-indent:20px; border:1px solid #d6d6d4; font-size:14px; color:#838383; padding:10px 0;}
textarea::-webkit-input-placeholder{text-indent:20px;}
.capcha-box{}
.capcha-box:after, .buttons:after{content:''; display:block; clear:both;}
.capcha-box .left{float:left; width:45%; text-align:center;}
.capcha-box .left .captchaImg{width:100%; text-align:center; border:1px solid #808080; height:71px; display:block; position:relative; padding-top:18px;}
.capcha-box .left .capcha-img{margin-top:0px;}
.capcha-box .left a{color:#5c5c5c; font-size:14px; font-weight:300; position:relative; float:left; padding-left:46px; line-height:31px; font-family:'Exo 2', sans-serif; margin-top:25px;}
.capcha-box .left a:before{content:''; background:url(../images/refresh.png) no-repeat 0 0; width:34px; height:31px; position:absolute; left:0; top:0;}
.capcha-box .right{float:right; width:45%;}
.capcha-box .right p{color:#4f4f4f}
.capcha-box .right .input{background:#f5f5f5; width:100%; margin-top:0; text-indent:20px; border:1px solid #cdcdcd; height:71px; font-size:14px; color:#5c5c5c; margin-top:0; font-family:'Exo 2', sans-serif;}
.brown-btn{float:left; background-color:#622f00; text-align:center; font-size:16px; text-transform:uppercase; height:45px; border:1px solid #622f00; color:#fff; margin-top:30px; width:100%; cursor:pointer;}
.changeCaptchaImg{display:block;}
.submit_btn{float:left; background-color:#1b73c0; text-align:center; font-size:18px; line-height:44px; font-weight:300; text-transform:uppercase; height:44px; border:0px; color:#fff; margin-top:0; width:100%; max-width:303px; cursor:pointer; font-family:'Exo 2', sans-serif;}
input[type="reset"]{-webkit-appearance:none;}
@-moz-document url-prefix(){.selectMenu{padding-left:16px;}}
.uploadFile{position:relative;}
.uploadFile span{position:relative; display:block; height:45px; line-height:45px; padding:0 150px 0 20px; border:1px solid #d6d6d4; overflow:hidden;}
.uploadFile:before{content:'Browse File'; display:inline-block; background-color:#e5e3de; text-align:center; font-size:16px; text-transform:uppercase; height:45px; line-height:45px; color:#555; border-top-right-radius:6px; border-bottom-right-radius:6px; padding:0 20px; cursor:pointer; position:absolute; right:0; top:0;}
#uploadFile{position:absolute; left:0; top:0; opacity:0; height:100%; width:100%; display:block;}
.double-col li{width:45%; float:left;}
.double-col span{float:left; width:10%; text-align:center; font-size:18px; line-height:44px; color:#000000; font-weight:normal; font-family:'Exo 2', sans-serif;}
.TandC{font-size:14px; line-height:20px; font-weight:300; color:#5c5c5c; display:inline-block; width:100%; margin:8px 0 50px 0;}
.TandC a{font-weight:bold; color:#1968b3; position:relative; padding-bottom:8px;}
.TandC a:after{content:''; width:100%; height:1px; background:#c2c2c2; position:absolute; left:0; bottom:0;}
.TandC a:hover:after{background:#1968b3;}
/*=========================== form css end =========================*/
.quickTips-accordian{background:#18334b; border:1px solid #7f7f7f; padding:23px 36px 44px 36px;}
.quickTips-accordian .year-month{width:100%; height:auto; position:relative; display:block; margin-bottom:0px; cursor:pointer; box-sizing:border-box; padding:20px 0px 14px 0; /*border-top:1px solid rgba(255,255,255,0.14);*/ border-bottom:1px solid rgba(255,255,255,0.14);}
.quickTips-accordian .year-month:first-child{content:''; border-top:0;}
.quickTips-accordian .year-month:after{content:''; clear:both; display:block;}
.quickTips-accordian .linenone{position:relative;}
.quickTips-accordian .year-month span{width:100%; height:auto; float:left; position:relative; font-size:16px; color:#ffffff; font-weight:bold; line-height:24px; padding-right:70px;}
.quickTips-accordian h6{font-size:18px; line-height:26px; color:#000000; font-weight:normal; text-transform:uppercase; position:relative; padding-bottom:17px; width:100%; display:inline-block;}
.quickTips-accordian h6:after{content:''; width:0; height:0; background:none !important; position:relative !important; left:0; bottom:0;}
.quickTips-accordian .year-month span.positive2{width:100%; height:auto; float:left; position:relative; font-size:16px; color:#ffffff; font-weight:bold; line-height:24px; padding-bottom:0; padding-right:70px;}
.quickTips-accordian .year-month span b{width:auto; height:auto; position:relative; font-size:20px; color:#000; font-weight:400; line-height:20px; margin-left:10px;}
.quickTips-accordian .year-month small{width:27px; height:27px; position:absolute; right:18px; top:19px; background:url(../images/nagetive.png) left top no-repeat; cursor:pointer;}
.quickTips-accordian .year-month small.positive{width:27px; height:27px; position:absolute; right:18px; top:19px; background:url(../images/positive.png) left top no-repeat; cursor:pointer;}
.prAccordianCont{width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:20px 0px 0px 0; margin-top:-1px;}
.prAccordianCont h2{font-size:14px !important; line-height:20px; color:#FFFFFF !important; font-weight:bold !important; padding:15px 0 11px 0; margin-bottom:0 !important;}
.prAccordianCont h2:after{content:''; width:0; border-bottom:0; position:inherit; top:0; left:0; display:none;}
.prAccordianCont span{color:#F87B68; font-size:12px; line-height:18px;}
.prAccordianCont p{font-size:13px; line-height:18px; color:#8c9fb1; font-weight:300; padding-bottom:15px;}
.prAccordian3{margin-bottom:30px;}
.prAccordianCont3{width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:20px 0px 0px 0; margin-top:-1px;}
.prAccordianCont3 h2{font-size:14px !important; line-height:20px; color:#FFFFFF !important; font-weight:bold !important; padding:15px 0 11px 0; margin-bottom:0 !important;}
.prAccordianCont3 h2:after{content:''; width:0; border-bottom:0; position:inherit; top:0; left:0; display:none;}
.prAccordianCont3 span{color:#F87B68; font-size:12px; line-height:18px;}
.prAccordianCont3 p{font-size:13px; line-height:18px; color:#8c9fb1; font-weight:300; padding-bottom:15px;}
/*=========================== BPO css start =========================*/
.bpo{display:inline-block; width:100%; position:relative;}
.bpo ul{display:flex; flex-wrap:wrap; margin:0 -1px; justify-content:center;}
.bpo ul li{width:25%; float:left; padding:1px; display:grid;}
.bpo ul li:nth-child(odd) .box-cont{background:url(../images/bpo-cont-bg1.jpg) no-repeat center center; background-size:cover; width:100%; height:100%; min-height:192px; display:table;}
.bpo ul li:nth-child(even) .box-cont{background:url(../images/bpo-cont-bg2.jpg) no-repeat center center; background-size:cover; width:100%; height:100%; min-height:192px; display:table;}
.bpo ul li a.box-cont-link{position:relative; text-align:center; font-size:16px; line-height:22px; font-weight:normal; color:#FFFFFF; display:table-cell; vertical-align:middle;}
.bpo ul li a.box-cont-link span{display:inline-block; padding-bottom:25px;}
.bpo ul li a.box-cont-link:after{width:16px; height:11px; position:relative; z-index:1; right:0; left:0; bottom:5px; margin:auto; content:""; line-height:38px; display:block; background:url(../images/bpo-arrow.png) 100% 50% no-repeat; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 0.5s ease; overflow:hidden;}
.bpo ul li a.box-cont-link:hover:after{background:url(../images/bpo-arrow.png) 0 50% no-repeat;}
.bpo .bpo-popup{position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/bpo-popup-bg.jpg) no-repeat center center; background-size:cover; z-index:2; display:none; padding:70px 61px 70px 35px;}
.bpo .bpo-popup .close{position:absolute; right:61px; top:35px; background:url(../images/close.png) no-repeat 0 0; width:29px; height:29px; text-indent:-9999px;}
.bop-popup{padding-right:30px;}
.pop-content{overflow:auto; position:relative; height:100%; width:100%;}
.pop-content h2{font-size:18px; line-height:22px; font-weight:bold; color:#FFFFFF; position:relative; text-transform:uppercase; padding-bottom:20px; margin-bottom:35px;}
.pop-content h2:after{content:''; width:64px; height:1px; background:#FFFFFF; position:absolute; left:0; bottom:0;}
.pop-content p{font-size:14px; line-height:20px; font-weight:normal; color:#FFFFFF; padding-bottom:24px;}
.pop-content p a{font-weight:600; color:#FFFFFF;}
.pop-content h3{font-size:18px; line-height:22px; font-weight:600; color:#FFFFFF; padding-bottom:25px;}
/*=========================== BPO css end =========================*/
/*=========================== locate-nearest-payment-centre css Start =========================*/
.onlinePay2{width:100%; max-width:800px; margin-top:32px;}
.onlinePay2:after{content:''; display:block; clear:both;}
.onlinePay2 h2{font-size:20px; line-height:26px; color:#18334b; font-weight:bold; text-transform:uppercase; position:relative; padding-bottom:13px; margin-bottom:45px;}
.onlinePay2 h2:after{content:''; width:40px; height:1px; position:absolute; left:0; bottom:0; background:#18334b;}
.onlinePay2 ul{float:left; width:100%;}
.onlinePay2 ul li{margin-bottom:20px;}
.onlinePay2 ul.radio-col{padding-top:16px;}
.onlinePay2 ul li b{display:block; font-weight:400; font-size:12px; padding:5px 0;}
.onlinePay2 ul li.buttons span{padding-right:10px; float:left; width:50%;}
.onlinePay2 ul li.buttons span:last-of-type{padding-right:0; padding-left:10px;}
.radioContainer{display:inline-block; position:relative; padding-left:51px; margin-bottom:12px; cursor:pointer; font-size:18px; line-height:26px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding-right:42px;}
.radioContainer:last-child{padding-right:0;}
.radioContainer input{position:absolute; opacity:0; cursor:pointer;}
.checkmark{position:absolute; top:0; left:0; height:26px; width:26px; border:1px solid #bfbfbf; background-color:#f5f5f5; border-radius:50%;}
.radioContainer:hover input ~ .checkmark{background-color:#f5f5f5;}
.radioContainer input:checked ~ .checkmark{background-color:#f5f5f5;}
.checkmark:after{content:""; position:absolute; display:none;}
.radioContainer input:checked ~ .checkmark:after{display:block;}
.radioContainer .checkmark:after{top:8px; left:8px; width:8px; height:8px; border-radius:50%; background:#000000;}
.submit_btn2{float:left; background-color:#1b73c0; text-align:center; font-size:18px; line-height:44px; font-weight:300; text-transform:uppercase; height:44px; border:0px; color:#fff; margin-top:0; width:100%; max-width:163px; cursor:pointer; font-family:'Exo 2', sans-serif; margin-top:15px;}
.locate-nearest-payment-centre-map{display:inline-block; width:100%; border:1px solid #adadad; margin-top:17px;}
.locate-nearest-payment-centre-map img{width:100%; display:block;}
.onlinePay3{width:100%; margin-top:32px;}
.onlinePay3 h2{font-size:20px; line-height:26px; color:#18334b; font-weight:bold; text-transform:uppercase; position:relative; padding-bottom:13px; margin-bottom:45px;}
.onlinePay3 h2:after{content:''; width:40px; height:1px; position:absolute; left:0; bottom:0; background:#18334b;}
.onlinePay3 ul{float:left; width:100%;}
.onlinePay3 ul li{margin-bottom:20px;}
.onlinePay3 ul.radio-col{padding-top:16px;}
.onlinePay3 ul li b{display:block; font-weight:400; font-size:12px; padding:5px 0;}
.onlinePay3 ul li.buttons span{padding-right:10px; float:left; width:50%;}
.onlinePay3 ul li.buttons span:last-of-type{padding-right:0; padding-left:10px;}
.resend-opt{color:#5c5c5c; font-size:14px; font-weight:300; position:relative; float:left; padding-left:46px; line-height:31px; margin:10px 0 0 25px;}
.resend-opt:before{content:''; background:url(../images/refresh.png) no-repeat 0 0; width:34px; height:31px; position:absolute; left:0; top:0;}
.opt-col span{font-size:15px; line-height:52px; color:#5c5c5c; font-weight:normal; float:left; padding-right:33px;}
.opt-col li{width:258px; float:left;}
/*=========================== locate-nearest-payment-centre css end =========================*/
/*=========================== payment-receipt-print css start =========================*/
.print-area{display:inline-block; width:900px; background:#f3f3f3; padding-bottom:20px; border-bottom:1px solid #afafaf;}
@media print{
.print-area{background:#f3f3f3 !important; -webkit-print-color-adjust:exact;}
}
.print-area .print-head{display:inline-block; width:100%; background:#0b76b4; border-bottom:2px solid #FFFFFF;}
@media print{
.print-area .print-head{background:#0b76b4 !important; -webkit-print-color-adjust:exact;}
}
.print-area .print-head img{float:left; padding:24px 19px 0 35px;}
.print-area .print-head span{float:left; font-size:18px; line-height:98px; font-weight:600; text-transform:uppercase; color:#FFFFFF; position:relative; padding-left:26px;}
.print-area .print-head span:after{content:''; width:1px; height:60px; background:#FFFFFF; position:absolute; left:0; top:0; bottom:0; margin:auto;}
.print-area .print-head .print-download-area{float:right; display:inline-block;}
.print-area .print-head .print-download-area a{float:right; color:#f3f3f3; font-size:14px; line-height:98px; font-weight:normal; position:relative;}
.print-area .print-head .print-download-area a.print{float:left; padding-left:41px; margin-right:53px;}
.print-area .print-head .print-download-area a.print:before{content:''; background:url(../images/print-icon.png) no-repeat 0 0; width:30px; height:31px; position:absolute; left:0; top:0; bottom:0; margin:auto;}
.print-area .print-head .print-download-area a.download{float:left; padding-left:45px; margin-right:48px;}
.print-area .print-head .print-download-area a.download:before{content:''; background:url(../images/download-icon.png) no-repeat 0 0; width:32px; height:24px; position:absolute; left:0; top:0; bottom:0; margin:auto;}
.print-area ul{display:inline-block; width:100%; padding:27px 0 41px 0;}
.print-area ul li{display:inline-block; width:100%; border-bottom:1px solid #afafaf; margin:0; padding:11px 0 14px;}
.print-area ul li strong{font-size:14px; line-height:20px; font-weight:normal; color:#18334b; width:240px; float:left; display:inline-block; padding:0 20px 0 42px;}
.print-area ul li span{font-size:14px; line-height:20px; font-weight:normal; color:#18334b; width:660px; float:left; display:inline-block; padding-right:30px;}
.print-area p{font-size:14px; line-height:20px; font-weight:normal; color:#18334b; display:inline-block; width:100%; padding:0 30px 14px 42px;}
.print-area b{font-weight:bold; color:#fe5e26;}
.print-area a{color:#008adb;}
.mcs-horizontal-example{overflow-x:auto; white-space:nowrap;}
.mcs-horizontal-example .item{display:inline-block;}
/*=========================== payment-receipt-print css end =========================*/
.heading{font-size:20px; color:#004974; padding-bottom:10px; margin-bottom:30px; position:relative; font-weight:600;}
.heading:after{content:''; width:35px; border-bottom:1px solid #18334b; position:absolute; top:100%; left:0;}
.payment_option:after{content:''; display:block; clear:both;}
.payment_option div.payment_option_left{float:left; width:100%; max-width:700px; margin-bottom:30px;}
.payment_option div.payment_option_right{float:left; padding-left:35px;}
.payment_option_list{margin-bottom:35px;}
.payment_option_list li{padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #CCC;}
.payment_option_list li:after{content:''; display:block; clear:both;}
.payment_option_list li strong{display:block; float:left; width:190px; color:#313335; font-size:14px; font-weight:400;}
.payment_option_list li span{display:block; float:left; width:100%; max-width:500px; color:#313335; font-size:14px;}
.payment_option_list li span input[type='text']{border:none; color:#313335; font-size:14px; font-family:'Exo 2', sans-serif;}
.success_rate{margin-bottom:45px;}
.success_rate strong{display:block; margin-bottom:25px; color:#015e94; font-size:14px;}
.success_rate span{color:#015e94; font-size:14px; display:inline-block; margin:0 20px 10px 0;}
.payment_getway{margin-bottom:35px;}
.payment_getway:after{content:''; display:block; clear:both;}
.payment_getway li{float:left; text-align:center; margin-right:10px;}
.payment_getway li span{display:block; margin-bottom:10px;}
@media screen and (max-width:1400px){
.online-bill-pay .online-bill-pay-right{padding:57px 23px 57px 21px;}
}
@media screen and (max-width:1285px){
.opt-col span{width:100%; line-height:21px; padding-bottom:10px; padding-right:0;}
}
@media screen and (max-width:1250px){
.bpo ul li{width:33.3333333333%;}
}
@media screen and (max-width:1100px){
.cd-main-header{height:110px;}	
.inside-page-content{margin-top:110px;}
.cd-main-header, .inside-page-content{background:#FFF;}
}
@media screen and (max-width:950px){
.bpo ul li{width:100%;}
.cd-main-header{height:90px;}
}
@media screen and (max-width:800px){
.online-bill-pay .online-bill-pay-left{width:100%; min-height:1px;}
.online-bill-pay .online-bill-pay-left2{width:100%; min-height:1px;}
.innerPageNav ul > li a:after{display:none;}
.innerPageSubNav{position:relative; left:auto; top:auto; width:auto; opacity:1; visibility:visible; height:auto; background:transparent; z-index:2; padding:20px 0px 0; display:none;}
.innerPageSubNav li{width:auto;}
.innerPageSubNav:after{display:none;}
.innerPageSubNav > li > a{text-align:left; color:#FFF; border-bottom:0px solid rgba(255,255,255,0.18); padding:10px 0;}
.innerPageSubNav > li:hover{background:transparent;}
.innerPageSubNav > li:hover a{border-bottom:0px solid rgba(255,255,255,0);}
.innerPageSubNav > li.active2{background:transparent;}
.innerPageSubNav > li.active2 a{border-bottom:0px solid rgba(255,255,255,0);}
.innerPageNav ul > li.active a:after{display:none;}
.innerPageNav ul > li.active a{color:#FFFFFF; font-weight:normal;}
.bpoList{display:none; padding-top:15px;}
.activeBpo{display:block; font-size:20px; color:#FFF; font-weight:400; position:relative; cursor:pointer; padding-right:30px;}
.activeBpo:after{content:''; width:27px; height:27px; background:url(../images/positive.png) no-repeat 0 0; position:absolute; top:0px; bottom:0; margin:auto; right:0px;}
.activeBpo.bpoToggle:after{background:url(../images/nagetive.png) no-repeat 0 0;}
.innerPageNav > ul > li{position:relative;}
.ipsnTrigger:before{content:''; position:absolute; top:0; right:10px; width:11px; height:20px; background:url(../images/new_arrow_r.png) no-repeat 0 0;}
.ipsnTrigger.ipsnTriggerActive:before{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
.bpo ul li{width:33.3333333333%;}
.online-bill-pay .online-bill-pay-right{width:100%; padding:50px 5%;}
}
@media screen and (max-width:700px){
.banner-icon{bottom:-105px;}
.inside-banner{margin-bottom:105px;}
.banner-icon{height:105px; background:rgba(0,0,0,1);}
.breadcrumb{padding:16px 0 10px 0;}
.banner-icon .download-print{float:left; display:inline-block; width:100%;}
.breadcrumb2{padding:16px 0 10px 0;}
}
@media screen and (max-width:650px){
.cd-main-header{height:80px;}	
.inside-page-content{margin-top:80px;}
.double-col li{width:100%; float:left;}
.double-col span{float:left; width:100%; text-align:center;}
.double-col li:first-of-type{margin-bottom:0;}
.capcha-box .left{float:left; width:250px; text-align:center;}
.capcha-box .right{width:250px; clear:both; float:left;}
.capcha-box .left a{float:none;}
.changeCaptchaImg{height:70px; padding-top:15px;}
}
@media screen and (max-width:550px){
.bpo ul li{width:100%;}
}
@media screen and (max-width:500px){
.resend-opt{margin:0 0 0 0; display:inline-block; width:100%;}
.onlinePay3 ul li{margin-bottom:10px;}
}