@font-face{font-family:'Conv_Helvetica-Neue-Bold';src:url(../resources/fonts/Helvetica-Neue-Bold.eot);src:local(☺),url(../resources/fonts/Helvetica-Neue-Bold.woff) format("woff"),url(../resources/fonts/Helvetica-Neue-Bold.ttf) format("truetype"),url(../resources/fonts/Helvetica-Neue-Bold.svg) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Conv_HELVETICANEUE-LIGHT'; src:url(../resources/fonts/HELVETICANEUE-LIGHT.eot);src:local(☺),url(../resources/fonts/HELVETICANEUE-LIGHT.ttf) format("truetype"),url(../resources/fonts/HELVETICANEUE-LIGHT.svg) format("svg");font-weight:400;font-style:normal}
@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;}
body{overflow-x:hidden;overflow-y:auto; font-family: 'HelveticaNeue';color:#515151 }
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}
body{background:#fff;color:#515151;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:60px; height: 350px}
.banner{ background:url(../resources/images/banner.jpg) no-repeat #004b8f right center; }
.banner-bt{ background:url(../resources/images/banner-bt.jpg) no-repeat #004b8f right center; }
.banner-non-subsidized{ background:url(../resources/images/banner-non-subsidized.jpg) no-repeat #004b8f right center; }
.banner-subsidised{ background:url(../resources/images/banner-subsidised.jpg) no-repeat #004b8f right center; }
.banner-top-up{ background:url(../resources/images/banner-top-up.jpg) no-repeat #004b8f right center; }
.banner-existing{ background:url(../resources/images/banner-existing.jpg) no-repeat #004b8f right center; }
.bannertxt{ padding:10px 0px; letter-spacing: 1px;}
.bannertxt .btnwrp{ clear:both; margin-top:20px}
.innbtn{ clear:both; margin-top:30px; text-align:center; display:none}
.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;}
.blue-btn{ background-color:#1E86FF; color:#fff; text-transform:uppercase; border:1px solid #1E86FF; font-family:'HelveticaNeue'; font-size:14px; padding:10px 50px; border-radius:4px}
.blue-btn:hover{color:#fff;}
#mainNav{ border-bottom:1px solid #c1c4c2; background-color:#fff;}
.footer{ color:#ffffff;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}
.pym5{ padding:5rem 0px}
.bluetxt{ color:#004A8F}
.heading{font-family:'HelveticaNeue'; color:#fff;font-size: 1em;text-align: left;}
.heading span{ font-family:'Conv_Helvetica-Neue-Bold';font-size: 1.6em; line-height: 24px}
.tandc .readmore{ color:#004a8f; border:none; background-color:transparent; font-family:'Conv_Helvetica-Neue-Bold'; font-size:1rem; cursor:pointer; text-transform:uppercase}
.tandc .readmore:focus{ outline:none; box-shadow:none;}
.hide{ display:none}
.alertbx{ position:fixed; right:-15px; top:40%; width:240px; height:150px; background:url(../resources/images/alertbx.png) no-repeat right top; padding:15px 10px 15px 20px; text-align:center}
.alertbx p{ text-align:center; color:#fff; font-family: 'HelveticaNeue';  margin-bottom:15px}
.alertbx a{ background-color:#fff; text-align:center; padding:8px 30px; color:#1164b2; font-family:'Conv_Helvetica-Neue-Bold'; border-radius:3px;}
.darrow{ background:url(../resources/images/arrow-d.png) no-repeat center bottom; width:130px; height:50px}
.uarrow{ background:url(../resources/images/arrow-dn.png) no-repeat center bottom; width:130px; height:50px}
.borderhead{ color:#004A8F; text-transform:capitalize;font-family: 'HelveticaNeue'; padding:5px 0px; margin:10px 0px 30px 0px; position:relative;letter-spacing: 1px;}
.borderhead::before{ width:60px; height:2px; position:absolute; left:calc(50% - 30px); content:''; background-color:#C7EAFB; top:0}
.borderhead::after{ width:60px; height:2px; position:absolute; left:calc(50% - 30px); content:''; background-color:#C7EAFB; bottom:0}
.list { padding:0; margin:0;}
.list li{ margin-left:20px; list-style-type:disc; font-family: 'HelveticaNeue';}
.subhead{font-family:'Conv_Helvetica-Neue-Bold'; font-size:1.2rem;letter-spacing: 0.5px;}
.iconbx{text-align:center;}
.iconbx::after{ position:absolute; content:''; width:2px; height:50%; top:15%; background-color:#CDD6DC; right:0;}
.iconbx.norborder::after{ position:absolute; content:''; width:0px; height:50%; top:15%; background-color:#CDD6DC; right:0;}
.iconbx p{ padding:10px;  color:#515151}
.inttable{ border:1px solid #CDD6DC; border-collapse:collapse}
.inttable tr td{ text-align:center; padding:15px 10px; border:1px solid #CDD6DC; border-collapse:collapse}
.inttable tr th{ text-align:center; padding: 15px 10px; border:1px solid #CDD6DC; border-collapse:collapse; background-color:#D9E4EB; font-weight:400;}
.inttable tr td:hover{background-color:#D9E4EB;}
.lbgc{background-color:#D9E4EB;}
.vmobile{ display:none}
.intrates{ border-top:5px solid #D9E4EB; border-left:1px solid #D9E4EB;  border-right:1px solid #D9E4EB;  border-bottom:1px solid #D9E4EB; padding:2rem 0.5rem 0 0.5rem; border-radius:4px}
.intbx{font-family: 'HelveticaNeue';}
.intbx p{ text-align:center; margin-bottom:20px}
.intbx p span{ font-size:1.4rem; color:#004A8F}
.intbx::after{ position:absolute; content:''; width:2px; height:50%; top:15%; background-color:#CDD6DC; right:0;}
.intbx.norborder::after{ position:absolute; content:''; width:0px; height:50%; top:15%; background-color:#CDD6DC; right:0;}
.lbgblue{ background-color:#D9E4EB}
.lbgblue p{ background-color:#D9E4EB; padding:10px 20px; text-align:center}
.btrow .intbx p{padding: 0px 20px}
.Eborderbtm{border-bottom: 1px solid #ccc;margin-bottom: 20px;padding-bottom: 20px;}
div.stickybtn{position:fixed;top:220px;right:10px;z-index:5;display: none;}
.bannertxt p a{color: #1E86FF;background-color: #fff;font-weight: 600}
.bannertxt p a:hover{color: #1E86FF;}
.iconbx img{width: 55px}

.existEligible .iconbx {min-height: auto;}
.baanerm{position: relative;}
.callBackBtn{text-align: center;padding-top: 40px;}
.callBackBnr{position: absolute;bottom: -25px;left: 50%;transform: translate(-50%, -50%);}
.callBackBnr span, .callBackBtn span{background: #ed1c24;padding: 10px 20px;border-radius: 3px;}
.callBackBnr span a, .callBackBtn span a{color: #fff;letter-spacing: 2px;font-weight: 600}
.callBackBnr span a img, .callBackBtn span a img{width: 23px;}
.hidden-xs{display: inline;}
.visible-xs{display: none;}

.pym3{padding: 3rem 0px;}
.pym4{padding: 4rem 0px;}
.heading .cText{padding-top: 15px}
.navbar{padding: 0rem 1rem}
.non_subsidized_one, .subsidized_two, .existing_three, .self_employed_bt_four, .self_employed_top_up_five{display: none;}
.terms{ font-size: 0.7rem; margin-top: 25px;}
@media (max-width: 1200px){}
/*ipad - both*/
@media (min-width: 768px) and (max-width: 1023px){
	.rightMenu{display: none;}
	.alertbx{ top:auto; bottom:0; }
	.iconbx {   min-height: 272px;}
	.iconbx h3 { font-size:1.1rem; text-align:right; padding-right:10px}
	.heading{ font-size:1rem; text-align:left; padding-left:20px}
	.heading span{ font-size:1.4rem;}
	.vmobile{display:block;}
	.vdesk{ display:none}
	.innbtn{ clear:both; margin-top:30px; text-align:center; display:block}
	.bannertxt{ position:absolute; top:200px; background-color: rgba(0,0,0,0.4); height:118px; width:100%; text-align:center}
	.pym5 { padding: 8rem 0px;}
} 

/*ipad - landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
	.heading{ font-size:1.5rem}
	.bannertxt{ background-color: rgba(0,0,0,0.4); height:100px; width:100%; text-align:center}
}
/*ipad - portrait*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait), only screen and (min-width: 768px) and (max-width: 900px){
    
}
/*all mobiles & small tabs*/
@media (max-width: 767px){
	.hidden-xs{display: none;}
	.visible-xs{display: inline;}
	.banner{ background-size:100% 100% ; height:170px; background:url(../resources/images/banner-mob.jpg) no-repeat #fff right center;}
	.banner-bt{ background:url(../resources/images/banner-bt-mob.jpg) no-repeat #004b8f left center;  background-size:100% auto; height:260px;}
	.banner-non-subsidized{ background:url(../resources/images/banner-non-subsidized-mob.jpg) no-repeat #004b8f left center; background-size:100% auto; height:260px;}
	.banner-subsidised{ background:url(../resources/images/banner-subsidised-mob.jpg) no-repeat #004b8f left center; background-size:100% auto; height:260px;}
	.banner-top-up{ background:url(../resources/images/banner-top-up-mob.jpg) no-repeat #004b8f left center; background-size:100% auto; height:260px;}
	.banner-existing{ background:url(../resources/images/banner-existing-mob.jpg) no-repeat #004b8f left center; background-size:100% auto; height:260px;}
	.pym5 { padding:2rem 0 0 0;}
	.bannerc .pym5 { padding:11rem 0 0 0;}
	.vmobile{display:block;}
	.vdesk{ display:none}
	.navbar-toggle{display: block;} 
	.logo{width: 170px; float: left;} 
	.link_table, .smartbox .link{visibility: visible;} 
	.vmiddle{ text-align: right; display: block; }
	.vmiddle span{ text-align: right; display: inline-block; padding-right: 15px }
	.heading{ font-size:1rem; text-align:left; padding-left:20px}
	.heading span{ font-size:1.4rem;}
	.bannertxt{ position:absolute; top:120px; background-color: rgba(0,0,0,0.4); height: 109px; width:100%; text-align:center}
	/* .rowtcols tr > *{display: block;} */
	/* .rowtcols tr {display: table-cell;  } */
	.iconbx{ margin-top:20px; padding-bottom:20px}
	.iconbx::after{ position:absolute; content:''; width:240px; height:1px; top:auto; bottom:0; background-color:#CDD6DC; right:auto; left:calc(50% - 120px);}
	.iconbx.norborder::after{ position:absolute; content:''; width:96%; height:1px; top:auto; bottom:0; background-color:#CDD6DC; left: 3%;}
	.iconbx img { float:left; margin-right:20px; display:flex}
	.iconbx  p{ text-align:left; padding: 0 10px;padding-left:75px;display:flex; }
	.innbtn{ clear:both; margin-top:30px; text-align:center; display:block}
	div.stickybtn{position:fixed;bottom:0;top:auto;width:100%;right:0}
	div.stickybtn a{margin:0 auto;display:block;text-align:center;border-radius: 0}
	.iconbx::after{width: 94%;left: 3%;}
	.lastbdr::after{display: none;}
    .iconbx img{position: absolute; transform: translateY(-50%); top: 50%;}
    .borderhead{font-size: 1.25em;font-weight: 700}
    .subhead{font-size: 1em}
	.existEligible .Eborderbtm{margin-bottom: 0;padding-bottom: 0}
    .footer{padding: 18px 10px;font-size: 12px;}
    .heading{line-height: 20px}
    .banner-subsidised .bannertxt{top: 148px;height: 80px;}
    .heading .cText{padding-top: 5px}
}

@media (max-width: 600px){
	.baanerm{height: 220px}
    .bannertxt, .banner-subsidised .bannertxt{height: 130px;top: 188px;background: #004b8f;}
    .callBackBnr span a, .callBackBtn span a{font-size: 14px;letter-spacing: 1px;}
    .callBackBnr span, .callBackBtn span {padding: 10px 10px;}
    .callBackBnr span a img, .callBackBtn span a img{width: 18px}
    .heading{padding: 0 20px;}
    .borderhead{margin: 0px 0px 20px 0px;}
    /*.selfEmploye{height: 145px;top: 153px;}*/
	.heading, .selfEmploye .heading{line-height: 18px;font-size: 0.95rem;}
	.choosehdfc, .choosehdfca{padding-top: 11rem !important}
	.callBackBnr{bottom: -153px;}
	.hdfc-logo{width: 170px;margin-right: -10px;}
}

@media (max-width: 420px){
    .iconbx img{transform: translateY(-50%); top: 50%;} 	
    .heading span{font-size: 1.05rem;line-height: 18px;}
    .intbx::after{display: none;}
    .selfEmploye{height: 150px;}
    .selfcallbackbtn{bottom: -173px;}
}
@media (max-width: 360px){
	.callBackBnr span a, .callBackBtn span a{font-size: 12px}
	.callBackBnr span, .callBackBtn span {padding: 8px;}
	.callBackBnr span a img, .callBackBtn span a img{width: 14px;padding-bottom: 2px;}
	.heading{padding: 0 10px;}
	/*.baanerm{height: 295px;}*/
	/*.bannertxt, .banner-subsidised .bannertxt{height: 130px;top: 133px;}*/
    /*.selfEmploye{height: 145px;top: 118px;}*/
    .hdfc-logo{width: 150px;}
}