/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */

*{outline:none; padding:0px; margin:0px; list-style:none; outline:none; }
table{border-collapse: collapse; border-spacing: 0; width:100%;}
img,a { border:none; outline:none; text-decoration:none;}
ul,li,ol { list-style-type:none;}
.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}
.clearfix { display: block; }
*+html .clearfix { display: inline-block; }
body {font-family: 'Open Sans', sans-serif; font-size:16px; color:#363636; line-height:normal; text-size-adjust:none; -moz-text-size-adjust:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;}
.width-900px{width:900px; margin:auto !important; }
.fl{float:left}
.fr{float:right}
.margin-b-0{margin-bottom:0 !important}
.padding-l-0{padding-left:0 !important}
.padding-r-0{padding-right:0 !important}
.clear{clear:both}
.clear40{clear:both; height:40px;}
.clear15{clear:both; height:15px;}
.mobile_show{ display:none;}
.mplsBannerPdf { margin:0px auto 0 }
.mplsCont { width:48% !important; float:left }
.mplsContRight { float:right !important}
/*=============================[[HEADER START]]==============================*/
.header{border-bottom:1px solid #c2c2c2; height:80px;}
.logo, .search, .main-nav, .ie8_logo{float:left;}
.ie8_logo{display:none;}
.login{float:right}
.logo, .ie8_logo{margin:22px 22px 22px 0px;}
.search{width:110px; padding:0 2px 0 28px; background:url(../images/sprite-v.png) no-repeat 3px -194px; margin:30px 15px 0 0px; height:30px; line-height:30px; border:1px solid #c2c2c2; background-size:23px auto; color:#666}
.main-nav, .login{margin-top:35px;}
.main-nav{width:480px}
.main-nav ul{display:table;}
.main-nav ul li{display:table-cell; text-align:center; width:480px; position:relative}
.main-nav ul li a, .login{text-decoration:none; color:#363636; font-family: "Open Sans",sans-serif;}
.main-nav ul li.active a{color:#ed1b24 !important; cursor:default;  font-family: "Open Sans",sans-serif}
.main-nav ul li:hover a, .login:hover{color:#ed1b24}
.triangle-down{position:absolute; left:50%; margin-left:-5px; bottom:-11px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #ed1b24;}

.login-menu-wrap{float:right; position:relative; margin: 30px 0 0 0;}
.login-menu-btn{width:auto; padding:3px 7px 4px 31px; height:23px; line-height:23px; position:relative; z-index:16; border:1px solid #c2c2c2; display:inline-block; background:url(../images/sprite-login-menu.png) #fff no-repeat  8px 3px; text-decoration:none; color:#363636; background-size:18px auto;}
.login-menu-btn-shadow{position:absolute; top:0; display:none; height:30px; width:100%;  box-shadow:0px 0px 5px #ccc; z-index:1;}
.login-menu-btn span{width:14px; height:24px; float:right; margin-right:-2px;  background:url(../images/sprite-login-menu.png) no-repeat  0 -87px; background-size:18px auto;}
.login-menu-btn:hover span{background-position:0 -132px !important;}

.login-menu-wrap.active .login-menu-btn{border-bottom:none;}
.login-menu-wrap.active .login-menu-btn:hover span{background-position:0 -152px !important;}
.login-menu-wrap.active .login-menu-btn span{background-position:0 -107px !important;}

.login-menu-wrap.active .login-menu-btn-shadow, .login-menu-wrap.active #login-menu{display:block}

#login-menu{position:absolute; display:none; width:186px; right:0; top:30px; background:#fff; border:1px solid #c2c2c2; z-index:15; box-shadow:0px 0px 4px #ccc}
#login-menu li{border-top:1px solid #c2c2c2; background:url(../images/sprite-login-menu.png) no-repeat  right -18px; background-size:18px auto;}
#login-menu li:hover{background-position:right -49px !important;}
#login-menu li:hover a{color:#ed1b24}
#login-menu li:first-child{border-top:none}
#login-menu li a{text-decoration:none; height:43px; line-height:43px; display:block; padding:0 10px; font-size:16px; color:#000}
/*=============================[[HEADER END]]==============================*/



/*=============================[[FOOTER START]]==============================*/
.footer{padding:20px 0 75px 0; background:#f8f8f8; font-size:12px; border-top: 1px solid #c2c2c2;  }
.follow-us-on{float:right; height:22px; line-height:22px;}
.follow-us-on ul li{float:left; margin-left:10px;}
.follow-us-on ul li a{background:url(../images/social-media.png) no-repeat; display:block; width:20px; height:21px; background-size:20px auto;  }
.follow-us-on ul li a.fb{background-position: left 0px !important;}
.follow-us-on ul li a.twitter{background-position: left -31px !important;}
.follow-us-on ul li a.youtube{background-position: left -61px !important;}

.follow-us-on ul li a.fb:hover{background-position: left -91px !important;}
.follow-us-on ul li a.twitter:hover{background-position: left -121px !important;}
.follow-us-on ul li a.youtube:hover{background-position: left -151px !important;}


.footer_inner{margin:auto; overflow:hidden; border-bottom:1px solid #d1d1d1; padding-bottom:12px;}
.footer_inner ul{float:left; margin-top:3px;}
.footer_inner ul li {list-style:none; float:left; padding:0 7px; border-left:1px solid #d1d1d1; }
.footer_inner ul li:first-child {border-left:none}
.footer_inner ul li a{display:block; height: 10px; line-height: 9px;}
.footer_inner h2{float:left; text-transform:uppercase; margin-right:5px;}
.footer_inner > div{clear:both; margin-bottom:10px;}
.footer_col_6{margin-right:0 !important}

.footer_inner h2, .follow-us-on ul li, .copywright{font-size:11px; color:#bbbbbb;}
.footer_inner ul li a, .link-01{color:#969696; font-size:11px; text-decoration:none; }
.footer_inner ul li a:hover, .link-01:hover{color:#000}
.border-none{border:none !important}
.seprator{display:inline-block; padding:0 5px;}
/*=============================[[FOOTER END]]==============================*/

.ie8 .search{background:url(../images/ie-sprite-v.png) no-repeat 3px -194px;}
.ie8 .links-t1 li{background:url(../images/ie-sprite-v.png) no-repeat  right -216px;}
.ie8 .links-t1 li a{background:url(../images/ie-sprite-v.png) no-repeat;}

.ie8 .login-menu-btn{background:url(../images/ie-sprite-login-menu.png) #fff no-repeat  8px 3px;}
.ie8 .login-menu-btn span{background:url(../images/ie-sprite-login-menu.png) no-repeat  0 -87px;}
.ie8 #login-menu li{background:url(../images/ie-sprite-login-menu.png) no-repeat  right -18px;}

.ie8 .ie8_logo{display:block !important;}
.ie8 .logo{display:none !important}

.ie8 .follow-us-on ul li a{background:url(../images/ie-social-media.png) no-repeat;}

#loader{display:none}
#loader img{position:fixed; margin:auto; left:0; right:0; bottom:0; top:0; display:block; z-index:9999999}


/*=======================Airtel Handset Offer Pages Start=======================*/
.b { border:1px solid red; width:100%}
.fl { float:left;}
.fr { float:right;}

.header,.colLeft,.footer { display:block;}
.Mhader,.tab,.mb-nav,.copyRight,.mbtn1,.mbtn2,.mDetails,.mNav,.mPageNav,.mPageNav,.mNavList,.formMobCont { display:none;}

.globalBanner { width:100%; height:540px; background:url(../images/homeBanner.jpg) no-repeat #d4ddde 50% 0; background-size:cover }
.bannerGlobel { height:497px;}
.gBannerLeft { width:55%; float:left; padding-left:3%; margin-top:50px; }
h1 { font-weight:normal; font-family: 'tondo_corpbold'; color:#eb2429; font-size:44px; }
.gBannerLeft h2  { font-family: 'tondo_corplight'; font-weight:normal; color:#eb2429; line-height:40px; margin-bottom:40px;  font-size:44px}
.hadingH1 { color:#935f9f;}
.gBannerLeft .hadingH2 { color:#935f9f;}
.gBannerLeft p { font-family: 'tondo_corpregular'; font-size:14px; margin-bottom:10px; line-height:18px; color:#333}
.globalBannerPdf { width:250px; border:1px solid #ccc; border-radius:3px; margin-top:50px;}
.pdfIcon { background:url(../images/pdfIcon.png) no-repeat; width:23px; margin:12px 10px 0 0; height:29px; float:left;  display:block; }
.globalBannerPdf a { display:block; padding:0px 15px; line-height:0px; line-height:55px; font-size:14px; color:#333; font-family: 'tondo_corpregular'; }
.gBannerRight { width:40%; float:right;  }
.ImgCont 	{  margin:0px; padding:0; margin:81px 0 0 75px; }
.ImgCont img { vertical-align:middle}
.colFirstHading { width:100%; background:url(../images/colFirstHadingBg.png) repeat;}
.colFirstHading h3 { text-align:center; font-size:35px; color:#fff; line-height:100px; font-weight:normal}
.globalMainCont { width:100%; padding:50px 0}
.globalList { width:32%; width:calc(99% / 3); border:1px dotted #cbcbcb;  border-left:none; border-top:none; float:left}
.bLeft { border-left:1px dotted #cbcbcb;}
.bBottomNone { border-bottom:none; padding-top:27px;}
.globalList span  { width:59px; height:59px; background:url(../images/globalSpriteIcon.jpg) no-repeat; display:block; margin:0px auto}
.globalList h3 { text-align:center; font-size:19px; font-weight:normal; font-family: 'tondo_corpregular'; line-height:40px;}
.globalList p { width:90%; font-size:13px; color:#666; text-align:center; margin:0 auto; font-family: 'tondo_corpregular'; min-height:85px;}
.expBtn  { padding:0 10px; font-size:13px; line-height:30px; display:block; width:100px; border-radius:3px; background:#eb2227; margin:20px auto; color:#fff; font-family: 'tondo_corpregular'; text-align:center}
.globalList span.datalIcon { background-position: 0 -59px;}
.globalList span.vasIcon { background-position: 0 -118px;}
.globalList span.voiceIcon { background-position: 0 -177px;}
.globalList span.partner { background-position: 0 -236px;}
.globalList span.talklIcon { background-position: 0 -295px;}
.fixCont { width:100%;  position:fixed; bottom:0;}
.fixNav  { width:100%; background:url(../images/fixNavBg.png) repeat-x;  }
.fixNavMain li { float:left; border-right:1px solid #02cbd5; margin-top:4px;  }
.fixNavMain li a { line-height:65px; font-size:13px; padding:0 8px 0 8px;  font-family: 'tondo_corpregular'; color:#fff; display:block}

.boderRightNav { border-right:none !important;}
.fixNavMain li a:hover,.fixNavMain li a.selected { background:#fff; color:#333}
/*.formCont { width:100%; background:#f7f7f7; border:1px solid #bcbcbc; margin-bottom:-6px; z-index:9; border-radius:3px 3px 0 0 }
*/
.fomCont1 { width:100%; position:fixed; bottom:65px; border-radius:3px 3px 0 0;}
.fomnOpenBtn { width:170px; float:right; background:#f00; border-radius:3px 3px 0 0; padding:0 10px}
.fomnOpenBtn a { font-size:16px; color:#fff; line-height:40px; display:block; font-family: 'tondo_corpregular'; background:url(../images/arrow.png) no-repeat 0 16px; padding-left:20px; }
.fomContMain { width:99%; background:#f7f7f7; border:1px solid #bcbcbc; border-bottom:none; border-radius:3px 3px 0 0;  margin-bottom:-330px; transition: all 1s; padding-left:1% }
.add { margin-bottom:0; transition: all 1s; margin-bottom:-100px;}
.fomnOpenBtn a.addIcon { background:url(../images/arrowDown.png) no-repeat 0 16px}
.innerBanner { border-bottom:1px solid #c2c2c2; height:auto; padding:70px 0}
.coverageHading { font-size:50px; font-family: 'tondo_corpregular'; text-align:center; line-height:70px; font-weight:normal}
.coverageBannerCopy { width:83%; margin:0 auto; font-size:15px; font-family: 'tondo_corpregular'; text-align:center; color:#333333}
.coverageMidCont { width:100%; color:#333333; font-family: 'tondo_corpregular';  padding:40px 0}
.midHading { font-size:25px; line-height:50px;  font-weight:normal}
.coverageCopy { font-size:13px; line-height:18px; margin-bottom:10px;}
.coverageSubHading { font-weight:normal; color:#eb2227; font-size:17px;} 
.coverageList { width:50%; float:left; margin-top:10px;  }
.listHading { color:#333333; font-size:17px; font-family: 'tondo_corpregular'; font-weight:normal; }
ul.allList {padding:5px 0}
ul.allList li { font-size:13px; background:url(../images/pIcon.jpg) no-repeat 0 8px; line-height:22px; padding:0 15px;}
.b { border:1px solid red}
.coverageList p  { line-height:20px; font-size:13px;}
.coverageList p a { color:#eb2227}
.border1 { border-bottom:1px solid #dedede; margin:30px 0 20px 0;}
.subHadingHight { line-height:40px;}
.mediaBannerCopy { width:60%}
.mediaBannerPdf { margin:20px auto 0; width:165px; background:#fff;}
.coverageList1 { width:100%}
p.coverageList1   { line-height:20px; font-size:13px;}
p.coverageList1 a { color:#eb2227}
ul.offerList { margin-bottom:30px;}
ul.offerList li { float:left !important}
.pdf3 { width:290px; margin-top:20px;}
.pdf4 { margin-top: 10px; width: 210px;}
.pdf5 { width:360px; margin-top:10px}
.pdf6 { width:425px; margin-top:10px}
.pdf7 { width:320px; margin-top:10px}
.pdf8 { margin-top: 10px; width: 245px; }
.pdf9 { width:215px;}
.pdf10 { width:275px;}
.bRight { border-right:none}

/*=============== ======== RESULT PAGE CSS =======================*/


@media screen and (max-width:899px){ 
.header,.footer,.fixNav,.wrapper,.fomCont1,.fixCont,.gBannerRight{ display:none }
.fixNav{ display:none !important }  
.Mhader,.tab,.mb-nav,.copyRight,.mbtn1,.mbtn2,.mDetails,.mNav,.mPageNav,.mNavList,.scrollMainCont,.formMobCont{ display:block }
.Mhader { width:100%; padding:22px 0 26px 0px; border-bottom:1px solid #e3e3e3;}
.Mhader a { text-align:center; display:block}
.width-900px { width:95%; margin:0 auto}
.copyRight { background: none repeat scroll 0 0 #f5f5f5; border-bottom: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; width: 100%; }
.copyRight p { color: #a3a3a3; display: block; font-size: 12px; line-height: 60px; text-align: center; }
.gBannerLeft { width:100%; padding:0;}
h1,.gBannerLeft h2 { text-align:center}
.gBannerLeft h2 { margin-bottom:20px;}
.gBannerLeft { margin-top:20px;}
.gBannerLeft p { text-align:center}
.globalBannerPdf { margin:30px auto 0 auto }
.globalBanner { height:inherit; padding-bottom:20px;}
.colFirstHading h3 { font-size:30px; line-height:80px;}
.mPageNav { width:100%; background:#019fa8; cursor:pointer;  }
.mPageNav p { font-size:20px; padding-left:2%;  line-height:72px; font-family: 'tondo_corplight'; color:#fff}
.navIcon { float:right}
.navIcon img { vertical-align:top}
.mNavList { width:100%; display:none}
.mNavList ul li a { background:#01acb6; padding-left:2%;  display:block; font-size:18px;  font-family: 'tondo_corplight'; color:#fff; border-bottom:1px solid #09b7c0; line-height:60px; }
.formMobCont { width:95%; margin:10px auto; background:#f7f7f7 ; height:400px !important; border:1px solid #bcbcbc; height:100px; border-radius:3px;}
.mobIframe {  height:400px !important;}
.coverageMidCont { padding:10px 0 }
.mediaBannerCopy { width:100%}
.globalBanner { padding:10px 0}
.midHading { line-height:30px;}
 .border1 { margin:15px 0 6px}
 .mplsCont { width:100% !important}
 .coverageList img {  display: block; margin: 0 auto; width: 50%;}
 .globalList p { min-height:120px;}
}
@media screen and (max-width:736px){
.globalList h3 { font-size:17px;}

}
@media screen and (max-width:686px){
.globalList h3 { font-size:17px;}
.globalList p { min-height:150px;}
.midHading { font-size:20px;}
.listHading { font-size:15px;}
}

@media screen and (max-width:656px){
.globalList h3 { font-size:14px;}
.colFirstHading h3 { font-size:30px; padding:5px 0; line-height:35px;}
.coverageList { width:100% !important}
.coverageHading { font-size:35px; line-height:45px; padding-bottom:20px;}
}
@media screen and (max-width:600px){
.mobHading1 { font-size:30px; line-height:30px; margin-bottom:10px;}
}
@media screen and (max-width:548px){
.globalList { width:49%;}
.mBolderLeftN { border-left:none; }
.mPaddingTop { padding-top:30px;}
.bBottomNone { border-bottom:1px dotted #cbcbcb; }
.gBannerLeft h2,h1 { font-size:40px;}
.borderLeft { border-left:1px dotted #cbcbcb; }
.bRightNone { border-right:none}
}

@media screen and (max-width:460px){
}
@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
.bBottomNone { padding-top: 30px; }
.mobBoderBot { border-bottom:none}
	}
@media screen and (max-width:414px){
.pdf6 { width:360px;}
.globalBannerPdf a{ }
}
@media screen and (max-width:405px){
	.globalBannerPdf a { font-size:11px;}
	
}
@media screen and (max-width:360px){
.gBannerLeft h2,h1 { font-size:30px;}
.coverageHading    { font-size: 25px; line-height:32px; padding-bottom:20px; }
.globalBannerPdf a { font-size:11px}
.globalBannerPdf a span.pdfSpan { line-height:20px; padding-left:30px; display:block}
.mPageNav p.navHadign { font-size:20px;}
.coverageHading.bannerHadign { line-height:30px;}
.globalBanner { background:url("../images/homeBanner.jpg") repeat-y scroll 50% 0;}
 .coverageList img {  display: block; margin: 0 auto; width: 84%;}
 .globalList h3 { font-size:13px; font-weight:bold}
 .pdf6 { width:346px;}
 .pdf5 { width:330px;}
 .bBottomNone {  padding-top:30px;}
}
@media screen and (max-width:351px){
.globalList h3.mLineHight { line-height:20px;}
.globalList p { min-height:170px;}
}
@media screen and (max-width:320px){
.globalList {
    min-height: 320px;
    width: 49%;}
.globalList h3 { line-height:16px;}
.pdf6 { width: 297px; }
.pdf6 a { font-size:9px;}
.pdf5 { width:290px;}
}





/*=======================Airtel Handset Offer Pages END=======================*/