@font-face{font-family:'helv_lgt';
src:url(../resources/fonts/HELVET20.eot);src:local(☺),url(../resources/fonts/HELVET20.woff) format("woff"),url(../resources/fonts/HELVET20.ttf) format("truetype"),url(../resources/fonts/HELVET20.svg) format("svg");font-weight:400;font-style:normal}

@font-face{font-family:'HELVETICANEUE-THIN';
src:url(../resources/fonts/HELVETICANEUE-THIN.eot);src:local(☺),url(../resources/fonts/HELVETICANEUE-THIN.woff) format("woff"),url(../resources/fonts/HELVETICANEUE-THIN.ttf) format("truetype"), url(../resources/fonts/HELVETICANEUE-THIN.svg) format("svg"); font-weight:400;font-style:normal}

@font-face { font-family: 'helv_bold';
src: url('../resources/fonts/HELR65W_1.eot');src: local('☺'), url('../resources/fonts/HELR65W_1.woff') format('woff'), url('../resources/fonts/HELR65W_1.ttf') format('truetype'), url('../resources/fonts/HELR65W_1.svg') format('svg');font-weight: normal;font-style: normal;}

@font-face { font-family: 'helv_semibold';
src: url('../resources/fonts/HELVETICA-MED.eot'); src: local('☺'), url('../resources/fonts/HELVETICA-MED.woff') format('woff'), url('../resources/fonts/HELVETICA-MED.ttf') format('truetype'), url('../resources/fonts/HELVETICA-MED.svg') format('svg'); font-weight: normal; font-style: normal;}

html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, input, select {
border: 0 none; margin: 0; padding: 0; }
body { background: #fff; color: #333333;font-family: 'helv_lgt', Arial; font-size: 1.000em;}
.container {
height: 100%; width: 100%; }
input, textarea, select{outline:none;}
a {outline: 0 none;text-decoration: none; color: #72859d;}
a:hover, a:focus {text-decoration: none; outline: none;}
input{outline:none;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {display: block;}
ul {list-style:  none; margin: 0; padding: 0;}
.clear {clear: both;}
.floatl {float: left;}
.floatr {float: right;}
.no_bg{background:none;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
#preloader{background:#fff url(../resources/images/preloader-white.gif) no-repeat center;width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:50;}
.clearfix:after{display:block;height:0;content:"";clear:both;}
img{max-width: 100%;}
.wrapper {margin: 0 auto;width:1180px;}

/*css starts here*/
.center-block{display: block; margin: 0 auto;}
header{padding: 0; background: #ffffff; box-shadow: 0px 2px 8px #d3d3d3;z-index:45;position:fixed;top:0px;left:0px;width:100%;}
.section{padding: 40px 0 40px;}
h2{font-size: 28px; font-weight: 600; text-align: center; padding: 0 10px; margin: 0 auto; position: relative; z-index: 1;}
footer{color: #d9dcdd; text-align: center; font-size: 13px; padding: 15px 0; font-family: arial; background: #004a8f; font-family: arial;}
.in-mobile{display: none;}
.in-pc{display: block;}

/*popup*/
.popup{background: #fff; width: 800px; left: 50%; margin-left: -400px; position: fixed; top: 5%; z-index: 50; display: none; border-radius: 4px;}
.popup.small{ width: 600px; margin-left: -300px;}
.close{ position: absolute; top: -15px; right: -15px; z-index: 2;}
.popup_content{padding: 20px 20px 20px 20px; overflow-y: auto; max-height: 450px;}
.overlay{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 50;background: #000; opacity: 0.7;display: none; }

/*banner*/
#banner{margin-top:80px;}
.banner{position: relative; color: #fff; text-align: center; }
.banner img{margin: 0 auto;  -ms-interpolation-mode: bicubic;}

/*rightMenu*/
.rightMenu{padding-top:0px; display: block;margin-top:25px;float:right;}
.menu li{float: left; text-align: center;}
.menu li a{display: block; padding: 5px 0px;margin-right:50px;border-bottom: 3px solid #fff; text-transform: capitalize; font-family: 'helv_semibold',arial; color: #72859d;font-size:14px;}
.menu li.active a, .menu li:hover a{color: #004a8f; border-bottom-color: #004a8f;}
.f20{font-size: 20px; line-height: 28px;}
.logo>img{display: inline-block; vertical-align: middle;}
.dullBg{background: #f6f7f6;}
.title {text-align: center; }
.logo{display:block;padding:18px 0px;float:left; }
.title h2{color: #114c8d; font-size: 30px; font-weight: normal;margin-bottom:20px;}
.title h2>img{display: inline-block; vertical-align: middle;}

/*product-section*/
.product-section{padding: 20px 0; text-align: center;}
.product{background: #fff; box-shadow: 0px 0px 8px #ebeceb; padding: 30px; text-align: center; width:24%; margin: 0 2%; display: inline-block; vertical-align: top; border-radius: 5px;}
.product> p{font-size: 24px; color: #004a8f; padding-bottom: 20px;}
.pDetails{padding: 15px; background: #004a8f; border-radius: 10px; color: #fff; box-shadow: 0px 0px 8px #d3d3d3;}
.pname{font-size: 20px; text-transform: uppercase; font-family: 'helv_semibold',arial;}
.pDetails li{background: url(../resources/images/border-bottom.png) center bottom no-repeat; padding-bottom: 20px; margin-bottom: 20px;}

/*btn*/
.red-btn{background: #ed1c24; display: block; padding: 12px 10px; text-align: center; color: #fff; text-transform: uppercase; font-size: 16px; font-family: 'helv_semibold',arial; max-width: 330px; margin: 0 auto; border-radius: 2px;}
.link{display: inline-block; padding: 8px 0px; text-align: center; color: #ed1c24; text-transform: uppercase; font-size: 16px; font-family: 'helv_semibold',arial; border-bottom: 3px solid #ed1c24;    cursor: pointer;}
.product .red-btn{max-width: 80%; margin: 0 auto; position: relative; top: -25px;}

/*jay form css*/
#form{width:650px; padding: 0 10px; margin:0px auto 100px;}
#form h1{ font-size:28px; text-transform:uppercase; color:#004a8f; text-align:center; font-weight:normal; padding-bottom:10px}
#form p{ font-size:15px; color:#333333; text-align:center; font-weight:bold; padding:8px 0px;}
#form hr{ color:#e5e2e2; border:1px solid #e5e2e2; margin:30px 0px;}
#form input[type=radio]{padding:10px 10px;font-size:15px; color:#333333;}
#form textarea{border:1px solid #c3c6c8;padding:10px 10px;font-size:15px; color:#333333;border-radius:4px; width:94%; font-family:Arial, Helvetica, sans-serif}
#form input[type=text]{ border:1px solid #c3c6c8; padding:10px 10px; border-radius:4px; width:94%; font-size:15px; color:#333333;}
#form select{ border:1px solid #c3c6c8; padding:10px 10px; border-radius:4px; width:100%; font-size:15px; color:#333333;}
#form label{ padding:5px; width:100%; font-size:16px; color:#333333; }
table.mytable tr td{font-size:15px; color:#333333; width:50%; vertical-align: top;padding: 10px 0;}
table.mytable .fp-calendar-calendar td{padding: 0; width: auto !important; vertical-align: middle; font-size: 0.9em; display: table-cell !important;}
.button{ background-color:#ed1c24; color:#fff; border:none; text-transform:uppercase; text-align:center; padding:10px 10px; max-width:220px; min-width: 200px; font-size:16px; cursor:pointer; box-shadow:0px 8px 20px #ccc; border-radius: 2px; display: block;}
#form ::-webkit-input-placeholder { opacity: 1; color:#999999; }
#form :-moz-placeholder { /* Firefox 18- */ opacity: 1; color:#999999; }
#form ::-moz-placeholder {  /* Firefox 19+ */ opacity: 1; color:#999999;}
#form :-ms-input-placeholder {opacity: 1;color:#999999;}
.form-section{padding: 40px 0;}

/*personalDetails*/
.new_cus, #showPD, .personalDetails{display: none;}
.blueBg{background: #004a8f;}
.noShadow{box-shadow: none;}
h4{font-size: 22px; font-weight: normal;}
h4 span{font-size: 28px; font-weight: bold; font-family: 'helv_semibold';}
h2.blue { color: #1d4271;}
h2.blue span{font-size: 18px; display: block; color: #72859d; font-weight: normal;}

/*smartbox-section*/
.smartbox-section{padding: 20px 0; text-align: center;}
.smartbox{width: 19%; display: inline-block; vertical-align:top; padding: 2%; margin-right: 2%; margin-bottom: 20px; transition: 0.5s ease;}
.smartbox.last{margin-right: 0;}
.smartbox:hover{background: #fff; box-shadow: 0px 0px 8px #ebeceb; cursor: pointer; border-radius: 3px;}
.smartbox h4{color: #1d4271; text-transform: uppercase; font-size: 20px; font-family: 'helv_semibold'; margin-bottom: 10px;}
.smartbox h5{color:#424040; text-transform: uppercase; font-size: 16px; font-family: 'helv_semibold'; padding:20px 0 10px 0; text-align:left;}
.smartbox p{margin-bottom: 10px;}
.smartbox img{margin-bottom: 10px;}
.smartbox .link{visibility: hidden;}
.smartbox:hover .link{visibility: visible;}
.err{color: red;}
.white{color: #fff;}
#contactUs{color: #fff; text-align: center;font-family: 'helv_semibold';}
#contactUs p a{color: #fff; border-bottom: 1px solid #fff; padding-bottom: 2px;}
.ccUs{margin: 60px auto;}
.uppercase{text-transform: uppercase;}
/*#sb1, .overlay{display: block;}*/

/*full_details popup*/
.full_details h4{color: #1d4271; font-size: 20px; text-transform: uppercase; margin-bottom: 15px;}
.full_details table td{border:1px solid #e9f1f3; border-width: 1px 0; padding: 15px 0; vertical-align: top;}
.full_details table td p{padding-bottom: 10px;}
.full_details table td h5{color: #1d4271;font-family: 'helv_semibold'; font-size: 16px;}
ul.disc, ul.arrow{padding: 0 0 0 20px;}
ul.arrow li{margin-bottom: 10px; list-style-image: url(../resources/images/arrow.png); padding-left: 10px;}
ul.disc li{margin-bottom: 10px; list-style:disc; padding-left: 10px;}

/*popup_content*/
.popup_content.nopad{padding: 0;}
.popup_content .smartbox{ box-shadow: none; width: 96%; margin: 0; text-align: center;}
.popup_content .smartbox p{font-size: 14px;}
.popup_content .smartbox ul{ text-align: left;}

/*core-section*/
.core-section{padding: 20px 0; text-align: center;}
.core-section .smartbox{width: 27%; display: inline-block; vertical-align:top; padding: 2%; margin-right: 2%; margin-bottom: 20px;}
.core-section .smartbox.last{margin-right: 0;}
.core-section .smartbox br{display: none;}
.core-section .smartbox:hover{box-shadow: 0px 0px 25px #e7e7e7;}
.smartbox:hover .link_table{visibility: visible;}
.link_table{border: 0; padding:0; margin: 0; width: 100%; visibility: hidden;}

.navbar-toggle { border-color: #ffffff; display: none; }
.navbar-toggle {background-color: rgba(0, 0, 0, 0); background-image: none; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; float: right; margin-bottom: 8px; margin-right: 0px; margin-top: 8px; padding: 9px 10px; position: relative; cursor: pointer; }
.navbar-toggle .icon-bar { border-radius: 1px; display: block; height: 2px; width: 22px; }
.navbar-toggle .icon-bar { background-color: #004A8F; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } 
/*.navbar-toggle:focus .icon-bar, .navbar-toggle:hover .icon-bar { background-color: #fff; }*/
.navbar-toggle:focus, .navbar-toggle:hover { background-color: #f9f9f9; border-color: #004A8F; }


.clients{background: #e6eef0; padding: 20px 0; width: 100%; text-align: center;}
.clients td{width: 50%;}
.clients td:first-child{background: url(../resources/images/border-right.png) center right no-repeat;}
.clients img{max-height: 100px; margin:0 auto 10px; display: block;}
.clients .link{margin: 5px auto;}
.ban_content{position:absolute;bottom:100px;left:0px;width:600px;text-align:left;}
.banner .wrapper{position:relative;}
.ban_content h2{font-size:45px;color:#fff;font-weight:normal;text-align:left;margin:0px 0px 10px 0px;padding:0px;}
.ban_content p{margin-bottom:20px;}
.ban_content a{background:#ec2027;padding:10px 30px;color:#fff;font-size:16px;text-transform:uppercase;display:block;text-align:center;width:200px;}

h3{color:#114c8d;font-size:26px;margin-bottom:10px;}
.content_p p{margin-bottom:10px;}
.txt_center{text-align:center;}
.cols3 > div{float:left;margin-right:5%;width:30%;}
.cols3 > div:last-child{margin:0;}
h5.tleft{font-size:22px;color:#1c4272;font-weight:normal;padding:5px 0px 5px 50px;margin-bottom:10px;cursor:pointer;}
h5.tright{font-size:22px;color:#1c4272;font-weight:normal;padding:5px 50px 5px 0px;margin-bottom:10px;cursor:pointer;}
.tleft{text-align:left;}
.tright{text-align:right;}

h5#m_recharge{background:url(../resources/images/mobile_recharge.png) no-repeat right center;}
h5#bill_pay{background:url(../resources/images/bill_payment.png) no-repeat right center;}
h5#ev_ticket{background:url(../resources/images/your-bank.png) no-repeat left center;}
h5#bus_booking{background:url(../resources/images/Your-Queries1.jpg) no-repeat left center;}
h5#cab_booking{background:url(../resources/images/Your-Offers1.jpg) no-repeat right center;}
h5#others{background:url(../resources/images/Your-Deposits.png) no-repeat left center;}
.bullet_right li{font-size:14px;margin-bottom:10px;color:#333333;padding:0px 20px 0px 0px;background:url(../resources/images/bullet.png) no-repeat right 7px;text-align:right;}
.bullet_left li{font-size:14px;margin-bottom:10px;color:#333333;padding:0px 0px 0px 20px;background:url(../resources/images/bullet.png) no-repeat left 7px;text-align:left;}
h5 span{font-size:12px; padding:0 5px;}
.nobpad{padding-bottom:0px !important;}
.marb10{margin-bottom:10px !important;}
.marb30{margin-bottom:30px !important; }
.marb31 { line-height:26px;}
.marb20{margin-bottom:20px !important;}
.marb15{margin-bottom:15px !important;}
.marb50{margin-bottom:50px !important;}
.marb25{margin-bottom:25px !important;}

/*Carousel*/
 /*li img {height:459px;}*/


li img {height:459px; margin-top: -7px;
    margin-right: -5px;
    width: 295px;}

#hdfc_chat.list_carousel {background:url(../resources/images/mobile_model.png) no-repeat;width:298px;height:456px;padding:50px 0px 0px 0px;position:relative;margin:0 auto;} .list_carousel {width: 100%;}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel li {text-align: center;width: 284px;height: 450px;padding: 0;margin: 6px;display: block;float: left;}
.list_carousel.responsive {width: auto;margin-left: 0;}
.prev {float: left;margin-left: 10px;}
.next {float: right;margin-right: 10px;}
.pager {float: left;width: 300px;text-align: center;}
.pager a {margin: 0 5px;text-decoration: none;}
.pager a.selected {text-decoration: underline;}
#hdfc_chat.list_carousel .pager{position:absolute;bottom:10px;text-align:center;}
#hdfc_chat.list_carousel .pager a{width:10px;height:10px;border:1px solid #fff;border-radius:50%;display:inline-block;}
#hdfc_chat.list_carousel .pager a.selected {
background:#fff;
}

.image_list > li{width:30%;margin-right:5%;float:left;}
.image_list > li img{width:80%;display:block;margin:0 auto 10px auto;}
.image_list > li:last-child{margin:0px;}

#screenshot.list_carousel li {text-align: center;width: 282px;height: 457px;padding: 0;margin: 6px;display: block;float: left;}
#screenshot.list_carousel{padding:0px 0px 0px 0px;position:relative;}
#screenshot.list_carousel .pager{float:none;text-align:center;width:100%;}
#screenshot.list_carousel .pager a{width:12px;height:12px;border:5px solid #fff;border-radius:50%;display:inline-block;background:#004a8f;}
#screenshot.list_carousel .pager a.selected {border:5px solid #004a8f;}
.faqs{background:url(../resources/images/faq_bg.jpg) no-repeat center;padding:85px 0px;}
.faq_button{background:url(../resources/images/arr_right.png) no-repeat 90% center;display:block;width:400px;padding:15px 50px 15px 20px;text-align:center;color:#fff;font-size:20px;text-transform:uppercase;border:1px solid #fff;border-radius:2px;margin:0 auto;}
.chat_support{display:block; width:140px; padding:12px 10px 12px 13px;border-radius:5px; border:2px solid #114c8d; color:#124b8d; margin:0 auto; font-size:18px; text-transform:uppercase;}
/*.chat_support{background:url(../resources/images/mail.png) no-repeat 10px center;display:block;width:300px;padding:12px 10px 12px 30px;border-radius:5px;border:2px solid #114c8d;color:#124b8d;margin:0 auto;font-size:18px;text-transform:uppercase;}*/
.note{font-style:italic;font-size:16px;color:#72859d;}

/*FAQS*/
.faqs h1{ text-align:center; color:#414042; font-size:36px; margin:10px 0px 20px 0px;}
.faqs h1 img{ margin-right:20px; height:48px; margin-bottom:30px;}
.faq-section{ border:1px solid #dde5ec; border-radius:3px; }
.faq{border-bottom:1px solid #eff2f5; background-color:#f2f5f8; clear:both;}
.faq > a{ display:block;  color:#424040;font-size:16px; padding:20px 35px 20px 20px; background-color:#ffffff; }
.faq .hidden-content{padding:10px 10px 25px 30px;font-size:15px; background-color:#f8fafc;display:none; line-height: 22px;}
.faq .hidden-content ul li{ margin-left:0px; padding:10px 0px;}

.expand-btn{background: url(../resources/images/plus.png) right center no-repeat;}
.expand-btn.open{background: url(../resources/images/minus.png) right center no-repeat;background-color:#ffffff; border-bottom:1px solid #eff2f5;}
.list1{list-style-type:disc; margin-left:20px;}

.faq-section{text-align:left;}
.faq-section table td{padding:10px;text-align:left;}
footer ul li{float:left;border-right:1px solid #fff;}
footer ul li:last-child{border:none;}
footer ul li a{display:block;color:#fff;font-size:14px;padding:0px 10px;}
footer {display:block;color:#fff;font-size:14px;}
.tc_box{padding:0px 15px;}
.start_panel{margin-top:110px;}
.tc_box ol li{text-align:left;list-style:decimal;margin-bottom:10px;font-size:13px;}
.f13{font-size:13px;}
.disc_box p{font-size:13px;}
.image_list li p{font-size:18px;color:#1c4273;text-align:center;}
.cta{position:absolute;left:50%;margin-left:-153px;bottom:10px;}
.cta img{display:block;}
.banner{background:url(../resources/images/banner-2.jpg) no-repeat center;background-size:cover;height:350px; object-fit: cover;}
.hide{display:none;}
.txt_left{text-align:left;}
/*dev css*/
#what_can .marb25 {margin-bottom: 15px !important;}
.simple_bullets{padding-left:20px;}
.simple_bullets li{list-style:disc;font-size: 14px;}
.half{width:50%; float:left;}
.center_half{}
.center_half li{ text-align: center; background: none;}
.center_half li::before{background:url(../resources/images/bullet.png) no-repeat center; content:""; width: 20px; height: 10px;display: inline-block;}
#hdfc_chat.list_carousel .pager a{ box-shadow: 0px 0px 5px #000;}
.servicesList{padding:0 80px;}
.servicesList .bullet_left{padding:0 0 0 25px;}
.servicesList .bullet_left li{background:none; list-style:disc; padding:0;}
.foot_fixed {position: fixed;bottom: 0px;left: 0px;width: 100%;}
/*bxslider*/
.bx-wrapper{margin: 0;}
.bx-wrapper .bx-viewport{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;border:0}
.bx-wrapper .bx-viewport{left:0}
h5 span.new {text-transform:uppercase;background: red;color: #fff;position: relative;top: -18px;border-radius: 4px;padding: 2px 5px; font-size:10px;}