@charset "utf-8";
*{margin:0px; padding:0px; box-sizing:border-box; outline:none; border:none; list-style-type:none;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px;  }
#wrapp{ width:100%; float:left;padding-bottom: 50px; }
.header{ width:100%; float:left; padding:30px; border-bottom:3px solid #004a8f; } 
.main{width: 90%;
margin: 0 auto;
max-width: 938px;   }

h1{ color:#004a8f; font-size:2em; float:left; width:100%; padding:30px 0 10px 0;}
h2{  color:#004a8f; font-size:1.3em; float:left; width:100%; padding:15px 0; font-weight:bold;}
h4 {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 1.3em;
    padding: 16px 0;
    margin-top: 14px;
}
.cloase {
    float: right;
    position: absolute;
    right: -21px; cursor:pointer;
    top: -17px;
}
.list{ width:100%; float:left;}
.list ul{ float:left; width:100%; }
.list ul li{ float: left;
width: 100%;
margin: 0px;
padding: 0px 0 12px 25px;
color: #333333;
font-size: 1em;
line-height: 22px;
background: url(../resources/images/list.png) 0 3px no-repeat;}
a{ color:#ed1c24; text-decoration:none; cursor:pointer;}
a:hover{   text-decoration:underline; }
.link{ background:#ed1c24; color:#fff; text-transform:uppercase; margin:0 0 0 20px; padding:10px 15px; border-radius:5px; text-decoration:none;}
.adharTab{ width:100%; float:left; background:#eeeeee; padding:20px 15px;}
.adharTab ul{   float:left; width:100%;}
.adharTab ul li{ padding:0px 40px; float:left; width:220px; text-align:center ; border-right:1px solid #666666; cursor:pointer;}
.adharTab ul li:last-child{ border:0px;}
.adharTab ul li span{ width:50px; height:50px; background:url(../resources/images/sprite_landing.png) left top no-repeat; float:left;margin-left: 40px;}
.adharTab ul li p{ width:100%; float:left; color:#666666; padding:5px 0; text-align:center;}
.adharTab ul li.netBanking span{ background-position:0 0;}
.adharTab ul li.mobileBanking span{background-position:-49px 0;}
.adharTab ul li.atm span{background-position:-110px 0;}
.adharTab ul li.sms span{background-position:-175px 0;}
.adharTab ul li.phoneBank span{background-position:-238px 0;}
.adharTab ul li.visit span{background-position:-315px 0;}
.adharTab ul li.web span{background-position:-397px 0;}
.accordian{ width:100%; float:left;}
.accordian h3{width: 100%;
float: left;
font-size: 1.5em;cursor:pointer;
color: #004a8f;
border-bottom: 1px solid #ccc;
background: url(../resources/images/sprite_landing.png) 100% -119px no-repeat;
padding: 15px 0 5px 0;
line-height: 52px;
margin: 10px 0 0 0;
display: block;}
.accordian h3.active{ background-position:100% -175px;}
.accordian h3 span{background: url(../resources/images/sprite_landing.png) 0 3px no-repeat; width:50px;margin-right: 15px; height:50px; float:left}
.accordian h3 span.adharNo{background-position:-9px -60px;}
.accordian h3 span.benefits{background-position:-66px -65px;}
.accordian h3 span.subsidy{background-position:-123px -65px;}
.accordian h3 span.faqAadhar{background-position:-256px -65px;}
.accordian h3 span.nonAccount{background-position:-170px -65px;}
.accordianContaint{ float:left; width:100%; background-color:#f2f2f2; padding:20px;}
.accordianContaint p {
    float: left;
    width: 100%;
    padding: 0px 0 14px 0;
}
.accordianWrap{ border-bottom:1px solid #ccc; width:100%; float:left; padding-bottom:30px;display: none;}
.marBot{ margin-bottom:20px;}
.popUpLanding{ background-color:#fff; padding:30px 0 0 0; position:absolute; z-index:9; max-width:920px; width:90%; margin:auto; height:auto; display:none; top:25%;}
.overlay{ width:100%; height:100%; background-color:#000; opacity:0.5; position:fixed; top:0; z-index:8; display:none; }
.tabList{ width:100%; float:left; border-bottom:1px solid #ccc;}
.tabList ul li{
    width: 190px;
    float: left;margin: 0 15px 0 0;
    text-align: center;cursor:pointer;
}
.tabList ul li span{ width:70px; height:70px; background:url(../resources/images/sprite_landing.png) left top no-repeat #ededed; float:left;margin-left: 62px; border-radius:50px;opacity: 0.5;}
.tabList ul li.netBanking span{ background-position:6px 7px;}
.tabList ul li.mobileBanking span{background-position:-45px 7px;}
.tabList ul li.atm span{background-position:-105px 9px;}
.tabList ul li.sms span{background-position:-168px 9px;}
.tabList ul li.phoneBank span{background-position:-237px 10px;}
.tabList ul li.visit span{background-position:-306px 4px;}
.tabList ul li.web span{background-position:-389px 5px;}
.tabList ul li p {
    width: 100%;
    float: left;
    text-align: center;
    color: #c7c7c7;font-weight: bold;
    padding: 10px 0 10px 0; 
}
.tabList ul {
    padding: 0 20px;
}
.tabList ul li.active span{ opacity:1; background-color: #fff; border:2px solid #004b8f;}
.tabList ul li.active{ border-bottom:2px solid #004b8f;}
.tabList ul li.active p{ color:#004b8f;}
.tabListContaint{ float:left; width:100%; padding:50px;}
.tabListContaint .list ul li span{color: #004b8f; font-size:1.3em;}
.tabListContaint .list ul li { padding-bottom:40px;}

/*floting Banner*/
.flotingBanner {
  width: 311px;
height: 350px;
position: absolute;
bottom: 0;
left: 0;
z-index: 9;
 
}
.opendiv{ width: 330px;
height: 350px; position:relative;  overflow: hidden;}
.floted.closediv{ bottom:-350px;}
.cloase2 {
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 9;
    width: 59px;
}
.imageBanner {
    margin-top: 12px;
}
.CTAbutton {
    background: #ed1c24;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 0 20px;
    padding: 10px 15px;
    text-decoration: none;
   width: 182px;
    text-align: center;
    font-size: 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
    display: none;
	z-index:7;
}
.floted {
    width: 343px;
    height: 325px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0; z-index:9;
	transition: 2s all ease;
-webkit-transition: 2s all ease;
-moz-transition: 2s all ease;
-ms-transition: 2s all ease;
-o-transition: 2s all ease;
}
.download{ font-weight: bold;
text-decoration: underline;
padding-left: 26px;
font-size: 1.2em;}
.arrow {
    float: right;
    margin: -21px -21px 0 -2px;
  
    border: 2px solid red;
    border-radius: 20px;
    background: #fff;
} 
.outerbutton {
    position: absolute;
    bottom: 0;
    height: 56px;
    left: 0;
}
@media only screen and (max-width: 980px) {
.adharTab ul li{width: 120px;}	
	}
	
@media only screen and (max-width:768px) {
.accordian h3{font-size: 1.3em;}
h1{font-size: 1.8em;}	
.adharTab ul li span{float: none;
margin: auto;
display: block;}
	}
@media only screen and (max-width:640px) {
 .adharTab ul li {
    width: 30%;
    margin-bottom: 20px;
}
.accordian h3 {
    font-size: 1.1em;
    padding-right: 45px;
    line-height: 23px;
    padding-top: 14px;
}
.accordian h3 span.adharNo {
    background-position: -9px -71px;
}
.accordian h3 span.faqAadhar {
    background-position: -256px -70px;
}
.accordian h3 span.nonAccount {
    background-position: -170px -73px;
}
h4{font-size: 1.1em;}
	}
@media only screen and (max-width:412px) {
.adharTab ul li {
    width: 50%;
 
}
.link {
    float: left;
    display: block;
    margin: 15px 0 0 0;
}	
	}