@font-face { font-family: 'HelveticaNeue'; src: url('../resources/fonts/HelveticaNeue.woff') format('woff'),url('../resources/fonts/HelveticaNeue.ttf') format('truetype'),url('../resources/fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');font-weight: normal;font-style: normal;}

.fwb{font-weight: bold;}
.fwn{font-family: 'HelveticaNeue';}
.fwm{font-family: 'HelveticaNeue';}
.fwmm{font-family: 'HelveticaNeue'; font-weight: bold;}

html{ font-size:16px}
body{overflow-x:hidden;overflow-y:auto; font-family: 'HelveticaNeue'; color:#444444 }
.wrapper{width: 940px; margin: 0 auto;position: relative;}
.bodybg{ background: #f4f4f4}
img{max-width:100%;}
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; font-family: HelveticaNeue;}
body{background:#fff;color:#666666;font-size:16px;font-family:HelveticaNeue;}.container{height:100%;width:100%}input,textarea,select{outline:none}a{outline:0 none;text-decoration:none}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} #preloader{background:#fff url(../resources/images/preloader-white.gif) no-repeat center; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:1031;}
.baanerm{ margin-top: 59px;background: #ffffff;}
.bannerContent{background-color:#fff; width:100%; max-width:515px; padding:20px}
.bannerContent h4{ font-size:22px; color:#333; border-top:1px solid #333; padding-top:15px}
.red-btn{ background-color:#ed1c24; color:#fff; text-transform:uppercase; border:1px solid #ed1c24; font-family:'HelveticaNeue'; font-size:14px; padding:10px 50px; border-radius:4px}
.red-btn:hover{color:#fff;}
.navbar-header{width:100%}
.navbar {min-height: 40px;background: #ffffff; border-bottom:1px solid #c1c4c1; padding: .1rem 0rem; }
.navbar-brand {padding: 10px 0px;}
.navbar-brand img.marl15{margin-left: 15px;}
.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; }
.rightMenu{float: right;display: block; text-align:right; margin-top:5px}
.menu li{float: left; text-align: center;}
.menu li a{display: block; padding: 10px 2px;border-bottom: 3px solid #fff; font-family: 'helv_lgt'; color: #333; margin-left: 20px;font-size:14px;}
.menu li.active a, .menu li:hover a{color: #004a8f; border-bottom-color: #004a8f; text-decoration:none;}
h5{font-size:17px; color:#828485;font-family: 'HelveticaNeue'; font-weight: bold; font-style:italic; text-align:center;margin-bottom:10px;}
h4{font-size:18px}
.footer{ color:#d9dcdd;padding:18px 0; text-align: center; background-color:#004a8f; font-size:.85rem; font-family: 'HelveticaNeue'; }
section{padding:2rem 0px}
.greybg{background-color:#f6f7f6}
.bluebg{background-color:#196cba}
.whitebg{background: #ffffff}
a{ color:#196cba}
h1{font-size:32px; color:#333333}
h3{font-size:20px; color:#242223}
.smltxt{font-size:0.7rem}
p{text-align:center; margin:10px 0px; font-family: 'HelveticaNeue'; color:#666666; font-size:1rem}
.white{color:#ffffff}
.bold{font-family: 'HelveticaNeue'; font-weight: bold; font-weight:100}
.greycolor{color:#666}
.elem, .form-group{position:relative;}
.elem .error{background:red;padding:10px 15px 10px 10px;font-size:13px;color:#fff !important;  position:absolute;left:0px;top:-35px;border-radius:2px;text-align:left;font-family: 'Heebo', sans-serif;z-index:5;}
.elem .error::after{border-width:10px;border-color:red transparent transparent transparent;border-style:solid;content:'';position:absolute;bottom:-18px;left:15px;}
.headercall{background: #ffffff;padding: 0;margin-right: 0;}
.headercall img, .headercall p{display: inline-block;color: #ed1c24;font-size: 12px;}
.headercall img{padding-left: 20px;vertical-align: initial}
.headercall p{padding:0 20px;text-align: left;}
.headercall p span{font-size: 18px;line-height: 18px;}
.navbar{padding: 0rem 0rem;}
.mainBanner{width: 100%}
.baanerm .wrapper h2{padding: 20px 0px; color: #333333;}
.Bannerform{width: 320px; position: absolute; z-index: 999; right:0; top:-117px}
.Bannerform .firstSec{background: #1e86ff;padding: 20px 25px 15px 25px;}
.Bannerform .secondSec{background: #ffffff;padding: 20px 20px 30px;}
.Bannerform .form-control{height: 50px !important;/* font-weight: bold; */color: #666666; box-shadow:0px 0px 5px rgba(0,0,0,0.1);font-family: 'HelveticaNeue'; }
.Bannerform .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999999;
}
.Bannerform .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #999999;
}
.Bannerform .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #999999;
}
.Bannerform .form-control:-moz-placeholder { /* Firefox 18- */
  color: #999999;
}
.Bannerform select.form-control{background: url(../resources/images/dropdown.png)#fff no-repeat 95% center; -webkit-appearance: none;}
.secondSec p{font-size: 16px; margin:0;}
.secondSec h3{font-size: 26px;color: #1e86ff; margin-bottom:15px; font-weight: bold;}
.secondSec .col p{line-height: 18px}
.bluebtn{display: block;margin: 10px 10px 0 10px;text-align: center;text-transform: uppercase;font-size: 14px;box-shadow:0 0 10px #dad5d5;-moz-box-shadow:0 0 10px #dad5d5;-webkit-box-shadow:0 0 10px #dad5d5;-o-box-shadow:0 0 10px #dad5d5;}
.redbtn{background: #ed1c24;color: #fff;text-align: center;text-transform: uppercase;font-size: 14px;}
.secondSec .redbtn{padding: 10px 10px;border-radius: 3px;box-shadow:0 0 12px #969696;-moz-box-shadow:0 0 12px #969696;-webkit-box-shadow:0 0 12px #969696;-o-box-shadow:0 0 12px #969696;display: block;margin: 10px 10px 0 10px;}
.bluebtn{background: #1e86ff;color: #fff;padding: 10px 40px;text-align: center;text-transform: uppercase;border-radius: 5px;margin: 0 auto;display: table;}
.bluebtn:hover, .redbtn:hover{color: #ffffff}
.irs--big .irs-handle{background: url(../resources/images/sliderbtn.png) center center no-repeat;box-shadow: none;border: none;top: 19px;width: 25px}
.irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover{border-color:transparent;background-color:transparent;background: url(../resources/images/sliderbtn.png) center center no-repeat;}
.irs--big .irs-line{height: 3px;background: #61a5f5; border: 0}
.irs--big .irs-bar{height: 3px;background: #fff;border: 0;}
.irs--big .irs-bar--single{border-radius: 0}
.Htitle{color: #004a8f;font-size: 28px;text-align: center;padding-bottom: 40px;}
.benBox{box-shadow:0 0 10px #dad5d5;-moz-box-shadow:0 0 10px #dad5d5;-webkit-box-shadow:0 0 10px #dad5d5;-o-box-shadow:0 0 10px #dad5d5;border-radius: 5px; background-color:#fff; text-align:center; padding:30px 20px; margin-bottom:15px}
.benBox img{ width:auto !important; display:inline  !important}
.benBox p{ color:#444444; font-size:1.2rem; font-family: HelveticaNeue; min-height:60px; padding-top:10px; line-height:1.5rem}
.listbbox .carousel-cell{display: inline-block;margin-right: 15px;width: 30%;text-align: center;}
.listbbox .carousel-cell:last-child{margin-right: 0}
.listbbox .carousel-cell .benBox img{padding-top: 30px;padding-bottom: 10px }
.listbbox .carousel-cell .benBox p{padding-bottom: 0px;font-size: 18px;line-height: 24px;font-weight: 600;}
.eligBox{width: 100%;background: #fff;border-radius: 5px;margin-bottom: 30px;padding: 20px 20px;box-shadow:0 0 10px #dad5d5;-moz-box-shadow:0 0 10px #dad5d5;-webkit-box-shadow:0 0 10px #dad5d5;-o-box-shadow:0 0 10px #dad5d5;min-height: 160px}
.EligiCrit{padding: 50px 0}
.eligBox img{display: inline-block;vertical-align: middle;padding-right: 30px;}
.eligBox .eligContent{display: inline-block;vertical-align: middle;width: 70%}
.eligBox .eligContent p{text-align: left;}
.eligBox .eligContent p:first-child{font-weight: 600;font-size: 18px}
.eliBtn{margin-top: 10px}
.Testimonialcontent, .Articlecontent, .benefitcontent{padding: 50px 0}
#personalcarousel{padding: 20px 0;}
#personalcarousel .carousel-inner{ min-height:400px}
.imgwrap img{ position:absolute; z-index:100}
.splitfirst{z-index: 999;margin-bottom: 60px;}
.splitfirst img{ position:absolute; z-index:10}
.splitsecond {background: #f1f1f3;margin-top: 60px;margin-left: -70px;  float:left}
.splitsecond .carousel-caption p{text-align: left; line-height:1.2rem}
.splitsecond .carousel-caption h4{font-size: 24px;font-weight: bold; text-align: left;color: #444444}
.splitsecond .carousel-caption{right: 0%;bottom: auto;right: auto;left: 25%;height: 380px;background: #f1f1f3;padding-left: 160px;padding-top: 70px;padding-right: 20px}
.splitsecond .carousel-caption img{position: absolute;top: -30px;left: 25%;}
.carousel-control-next{right: -140px}
.carousel-control-prev{left: -140px}
.artBox img{padding-bottom: 15px}
.artBox h4{font-size: 18px; padding-bottom: 0}
.artBox p{text-align: left;font-size: 1rem; line-height:1.2rem }
.rangeVal {text-align: right;padding-top: 20px;position: relative;color: #ffffff;font-size: 14px;}
.rangeVal input {font-size: 14px;font-weight: 600;margin-right: -18px;padding: 0;text-align: right;background: transparent;color: #fff;border: 0;padding-right: 18px;  border-radius: 5px;}
.rangeVal label{float: left;color: #ffffff;position: absolute;left: 0px;font-size: 14px;
    bottom: -8px;}
.irs-with-grid .irs-grid, .irs--big .irs-single, .irs--big .irs-min, .irs--big .irs-max{display: none;}
.irs--big.irs-with-grid{height: 45px;margin-top: -20px;}
.baanerm{position:relative;}
.flickity-page-dots .dot{width:33%;height:5px;border-radius:0px;margin:0;}
.EligiCrit .carousel-cell{width:24%; margin: 0% 1% 0 0%;}
.Articlecontent .carousel-cell{width:24%; margin: 0% 1% 0 0%;}
.text-authorised{ font-size:11px; line-height:14px; text-align:justify; color:#fff;font-family: 'HelveticaNeue';}
.callbtn{ background:url(../resources/images/call.png) no-repeat 10px center #ed1c24; padding-left:10px !important}
.swiper-container-horizontal>.swiper-scrollbar{}
.swiper-scrollbar{ background-color:#e5e5e8}
.swiper-scrollbar-drag{ background-color:#1e86ff}
.hide-sm{ display:block}
.hide-lg{ display:none}
/* 190619 */
.reasons .Htitle{ text-align: left;font-family: HelveticaNeue; }
.check_eligibility{display: none; position: fixed; width: 100%; left: 0; bottom: 0; z-index: 99;}
.check_eligibility .redbtn{width: 100%; display: block; font-size: 18px; font-weight: bold; padding: 20px 0;}
.check_eligibility .redbtn img{vertical-align: top; padding-left: 10px;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-control-label::before{ background-color:#ffffff !important}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{ background-image:url(../resources/images/check.png); }
select > .firstopt{ color:#999999 !important;}
.hide-sm{ display:block}
.hide-lg{ display:none}
.fixedbottom{position:fixed;left: 0;bottom: 0;width: 100%;z-index:95;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image:none}
.swiper-button-next, .swiper-button-prev{ width:65px;}
.swiper-button-next{ right:-75px}
.swiper-button-prev{ left:-75px}
.swiper-button-next:focus{ outline:none; box-shadow:none}
.swiper-button-prev:focus{ outline:none; box-shadow:none}
.docWrapper { position: fixed; top: 50%; left: 0; right: 0; max-width: 640px; width: 80%; margin: 0 auto; z-index: 15; background: #fff; padding: 25px 20px; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 999; }
.blackOverlay { background: rgba(0,0,0,.8); width: 100%; height: 100%; display: block; position: fixed; z-index: 12; left: 0; top: 0;}
.thank_content .twoColsdesc a { color: #ed1a24; text-decoration: underline; }
.closeBtn { width: 28px; height: 28px; background: url(../resources/images/close-btnW.png) no-repeat; display: block; position: absolute; right: -30px; top: -30px; }
.docWrapper h4{ color: #ec2028; font-size: 26px; width: 100%; text-align: center; padding-bottom: 30px;}
.docWrapper .list{padding-left:20px;}
.docWrapper .list li{line-height: 1.8rem; list-style-type: disc; padding: 10px 0px; font-size: 18px; }
.mainBanner{background:linear-gradient(#d8d9dd, #eceeef);/* padding-top: 30px; */}
.mainBanner img{display: block;margin: 0 auto;}
@media (min-width: 1920px){
	/* .mainBanner{height: 600px;} */
	.Bannerform .firstSec{padding: 20px 25px 15px 25px;}
	/* .Bannerform{top: 60px} */
	.Bannerform .secondSec{padding: 20px 20px 40px 20px;}
	.secondSec .col p{padding-bottom: 5px}
}
@media (min-width: 1400px){
	#toTop{right: 20%;}
}
/*ipad - both*/
@media (min-width: 768px) and (max-width: 1023px){
	vmobile{display:block;}
	rightMenu{display: none;}
	.navbar-toggle{display: block;} 
	.menu li{width: 100%; float: none; text-align: left;} 
	.menu li a{margin: 0; padding: 10px; border: 0;} 
	.menu li.active a, .menu li:hover a{border:0; color: #666666;}
	.rightMenu { float: none; left: 0; margin: 0; position: absolute; top: 50px; width: 100%; z-index: 10; background:#ffffff; display:none}
	.navbar-toggle{display: block;}
	.navbar .container{ margin:0px; }
	.nopadmob{padding-left:10px !important; padding-right:20px !important}
	.alertbx{ top:auto; bottom:0; }
	.iconbx {   min-height: 272px;}
	.iconbx h3 { font-size:1.1rem; text-align:right; padding-right:10px}
} 
@media (min-width: 768px){
	.hidedesk{display: none;}
	.modal-dialog{max-width: 900px}
}
/*all mobiles & small tabs*/
@media (max-width: 767px){
	.hide-sm{ display:none}
	.hide-lg{ display:block}
	.main-carousel::after { content: 'flickity'; display: none; /* hide :after */}
	#pills-tab{margin-bottom:8px !important;}
	.baanerm{margin-top:60px;}
	.excitingCta{background-size:100%;padding-top:30px;font-size:24px;height:90px;}
	#pills-tabContent{padding-top:0px;}
	.tab-pane{padding-top:0px;padding-bottom:50px;}
	.main-carousel .carousel-cell, .International-hotel .main-carousel .carousel-cell{width:100%;float:left;margin:0 1%;padding:0px 0%;}
	.main-carousel .carousel-cell	.boxContent{width:98%;margin:0 auto;position:relative;}
	.excitingCta a{padding:20px 50px;}
	.wrapper{width:90%;}
	.vmobile{display:block;}
	rightMenu{display: none;}
	.navbar-toggle{display: block;} 
	.logo{width: 170px; float: left;} 
	.link_table, .smartbox .link{visibility: visible;} 
	.menu li{width: 100%; float: none; text-align: left;} 
	.menu li a{margin: 0; padding: 10px; border: 0;} 
	.menu li.active a, .menu li:hover a{border:0; color: #666666;}
	.iconbx{padding-bottom:10px; min-height:auto; margin-bottom:30px}
	.iconbx h3{ font-size:1.5rem;}
	.tandc h2{font-size:1.5rem;}
	.alertbx{ top:auto; bottom:-35px; left: calc(50% - 140px); background: none;height: 110px;padding: 15px 10px 15px 10px;font-size: 13px;}
	.alertbx p{display: none;}
	.alertbx a{padding: 8px 10px;background-color: #e51c1c;color: #fff;display: inline-block;}
	section{padding:1rem 0px}
	.mb0m{ margin-bottom: 0 }
	.footer{ padding-bottom: 135px }
	.vmiddle{ text-align: right; display: block; }
	.vmiddle span{ text-align: right; display: inline-block; padding-right: 15px }
	.hidemob{display: none;}
	.vmiddle.tnc{right: 10%}
	.footer{padding-bottom:20px;}
	.footer .disclaimer{float:none;}
	.baanerm .wrapper h2{font-size:20px;}
	.listbbox li{width:100%;}
	.main-carousel::after {content: 'flickity';  display: none; /* hide :after */}
	.Bannerform{width:100%;left:0;margin:auto;position:static;}
	.headercall{background:none;}
	.headercall p{color:#ed1c24;}
	.headercall img{display:none;}
	.listbbox .carousel-cell{width:65%;padding:15px 0px 0 0;height:110px;}
	.listbbox .carousel-cell .benBox::after{clear:both;height:'';display:block;content:"";}
	.listbbox .carousel-cell .benBox{padding:10px;width:96%;margin:0 auto;}
	.listbbox .carousel-cell .benBox img{float:left;padding-top:10px;width:50px;}
	.listbbox .carousel-cell .benBox p{float:left;margin-left:10px;text-align:left;}
	.EligiCrit .carousel-cell{width:75%;padding:0px 0px;}
	.eligBox .eligContent{width:60%;}
	.eligBox{margin-bottom:0px;min-height:197px;width:96%;margin:0 auto;}
	.EligiCrit .flickity-page-dots .dot{width:25%;}
	.main-carousel{padding-bottom:25px;}
	.splitsecond{margin-top:-70px;}
	.Testimonialcontent .carousel-item{min-height:200px;}
	.flickity-page-dots{bottom:0px;}
	.splitfirst{margin:0;position:absolute;}
	.splitsecond .carousel-caption{left:5%;padding-top:75px;padding-left:30px;position:static;}
	.splitsecond .carousel-caption img{width:50px;top:80px;left:55%;}
	#personalcarousel .carousel-control-prev{left:0px;}
	#personalcarousel .carousel-control-next{right:0px;}
	.headercall p{ padding:0 5px}
	.navbar-brand img{ max-width:90%; }
	.navbar-brand{margin-right:0;}
	.mobmar0{ margin:0; width:100%}
	.splitsecond .carousel-caption{ height:auto}

	.Bannerform .secondSec{ padding-left:0; padding-right:0; padding-bottom:0}
	.secondSec .redbtn{ margin:0; padding:20px 10px; letter-spacing:1px}
	.check_eligibility{display: block;}
	.navbar-brand{ padding:5px 0px}
	.headercall{ padding-bottom:0;}
	.headercall p{ margin:0;}
	.baanerm { margin-top:40px}
	.footer{padding:18px 0; font-size:13px;  }
	.splitsecond .carousel-caption p{text-align: left; line-height:1.2rem; font-size:1rem}
	.imgwrap img{ position:relative; width:50%}
	.splitsecond{ margin-left:10%;}
	.carousel-control-next, .carousel-control-prev{ width:21px}
	.hide-sm{ display:none}
	.hide-lg{ display:block}	
	.swiper-button-next{ left:5px}
    .swiper-button-prev{ left:5px; top:55%}
}
@media (max-width: 580px){
	.boxContent .BottomCont .tnc{left: 42%}
	#pills-profile .interSpend, #pills-contact .emiOffer{width: 100%;}
	.targetDiv h3{padding: 50px 10px 20px 10px}
	#toTop{right: 35px;}
	.interSpend .BottomCont p, .emiOffer .BottomCont p{padding: 0 20px}
}
@media (max-width: 480px){
	a.masthead{padding-top:10rem;padding-bottom:calc(10rem - 40px);}
}
@media (max-width: 420px){
	.boxContent .BottomCont .tnc{left: 38.5%}
	.callbtn{ background:url(../resources/images/call.png) no-repeat 55px center #ed1c24;}
	.baanerm .wrapper h2 {font-size: 18px}
}
@media (max-width: 360px){
	.navbar-brand{margin:0;}
	/*.navbar-brand > img{margin:0px .5rem;}*/
	.navbar-brand > img#hdfc{width:150px;}
	.navbar-brand > img#hdfc{width:150px;}
	.boxContent .BottomCont .tnc{left: 37%}
	.navbar-brand img{ max-width:100%; }
	.headercall p span{ font-size:14px}
	.navbar-brand{ width:50%}
	.headercall{ text-align:right}
	.callbtn{ background:url(../resources/images/call.png) no-repeat 35px center #ed1c24}	
}

@media (max-width: 320px){
	.baanerm .wrapper h2 {font-size: 16px}
	.footer{padding:18px 0; font-size:11px;}	
}
