header, header .navbar-default, header .top-smal-menu, header .large-menu{transition: 0.7s;}
header .navbar-default { border: none; height: 110px; background: #fff; font-weight: 100; font-size: 14px; border-bottom:none; box-sizing: border-box; position: fixed; text-align: center; top: 0; width: 100%; z-index:100; border-radius: 0px; box-shadow: none;}
header .navbar-default .container-fluid{max-width: $container-large-desktop;}
header .navbar-default .container-fluid>.btn, header .navbar-default .container-fluid>.navbar-header{z-index: 2;position: relative;}
header .navbar-brand {height: auto; padding: 0; margin: 0 !important;}
.navbar-header {float: left;}
.top-smal-menu{ font-size: 10px; height:38px; line-height:45px; opacity: 1;}
.top-smal-menu a{color: #707070; padding: 3px; margin-left: 10px;}
.top-smal-menu a:hover, .top-smal-menu a:focus{color: #000;}
.top-smal-menu a:first-child{color: #000; font-weight: 400; pointer-events: none;}
.large-menu{padding-top:15px; margin-bottom:24px;}
.main-nav-center{position: absolute;}
header .navbar-brand > img { height: 29px; }
header .navbar-nav { float: none; display: inline-block; }
header .navbar-nav.main-nav { margin-left: auto; margin-right: auto; margin-top: 9px;}
.number-portability header .navbar-nav.main-nav {margin-top:9px;}
header .navbar-nav.main-nav a { background: none;  text-transform: uppercase; letter-spacing: 1.2px; padding:0px; cursor:pointer; line-height: 17px; color: #707070;padding-bottom: 20px}
header.header-small .navbar-nav.main-nav a {padding-bottom: 11px}
header .navbar-default .navbar-nav.main-nav a.menu-active { border-bottom: 7px #eee solid;color: #E40000 }
header .navbar-default .navbar-nav.main-nav a:hover {color: #E40000 }
header .navbar-nav.main-nav a.active {color: #e40000;border-bottom: 1px #e40000 solid;}
header { position: relative; height: 109px; width: 100%; background: #fff;}
header.header-small, .header-small header {height: 60px;}
header .navbar-default{border-bottom: 1px #eee solid;}
header.header-small .navbar-default, .header-small .navbar-default{height: 60px;}
header.header-small .top-smal-menu{overflow: hidden;height: 0; opacity: 0; padding: 0 15px; margin: 0 auto;}
header.header-small .large-menu{padding-top: 0px; margin-bottom: 15px; margin-top: 15px;}
.navbar-right {float: right !important; margin:0; position:fixed; right:15px; margin-right:-15px;}
header .navbar-nav.navbar-right li.extra-4g-mobile { margin-right: 20px; }
header .navbar-nav.navbar-right li.extra-4g-mobile a { margin-top: 10px;}
header .navbar-nav.navbar-right li.extra-4g-mobile a i:before { font-size: 20px; }
header .mobile-nav-trigger {position: relative; z-index:99;top: -4px;}
header .dropdown .mobile-nav-trigger:hover { }
header .dropdown .mobile-nav-trigger:focus {}
.navbar-nav > li {float: left;}
header .dropdown .mobile-nav-trigger.icon-outlined-cross:before { content: 'MENU'; font-family: 'tondo'; font-weight: 100; font-size: 20px; color: #E40000}
header .dropdown.open .icon-outlined-cross.mobile-nav-trigger:before { content: '\f127'; font-family: airtel-icons; color: #333}
.nav-icon-navbaar{top: -4px;}

header>nav{animation: sectionflipdownNav 0.5s linear;}
@keyframes sectionflipdownNav {
  0% {transform: translateY(30px); opacity: 0.5;}
  100% {transform: translateY(0); opacity: 1;}
}



.animate-first,
.animate-second,
.animate-third,
.animate-four,
.animate-five{
	transform: translateY(120px); opacity: 0;transition: 0.6s;
}

.animated .animate-first{transform: translateY(0); opacity: 1; transition-delay: 0.3s;}
.animated .animate-second{transform: translateY(0); opacity: 1; transition-delay: 0.7s;}
.animated .animate-third{transform: translateY(0); opacity: 1; transition-delay: 1s;}
.animated .animate-four{transform: translateY(0); opacity: 1;}
.animated .animate-five{transform: translateY(0); opacity: 1;}


.bggray_hover:hover, .box-link:hover{ background: #eee; transition-delay: 0s; cursor: pointer;}
.bggray_hover.bg-red:hover, .box-link.bg-red:hover{ background: #e40000;}
.bggray_hover.bg-maroon:hover, .box-link.bg-maroon:hover{ background:#A30000;}
.bggray_hover:hover .link .icon-outlined-link-right-arrow,
.box-link:hover .link .icon-outlined-link-right-arrow{animation: linkanimation 0.7s linear;}

/*.bggray_hover:hover .flex-icon i{transition: 0.7s;}
.bggray_hover:hover .flex-icon i{transform: scale(1.05);}*/

.animated .animate-second.banner-content{animation: sectionflipdownbanner 1s linear;}
@keyframes sectionflipdownbanner {
  0% {transform: translateY(-40px); opacity: 0;}
  100% {transform: translateY(-50%); opacity: 1;}
}
.animated .home-banner-img.animate-third{animation: sectionflipdownbannerImg 3s linear;}
@keyframes sectionflipdownbannerImg {
  0% {transform: scale(0.9); opacity: 0;}
  100% {transform: scale(1); opacity: 1;}
}
/*.msg-text>span{animation: flipdownUpMSG 0.2s linear;}
@keyframes flipdownUpMSG {
  0% {transform: translateY(-40px);}
  100% {transform: translateY(0px);}
}*/

/** Airtel Mega Menu**/
.mega-menu-container {display: none;padding: 0!important;background: #eee; pointer-events: none; transform: translateY(50px); overflow: auto;position:fixed !important;width: 100%;left: 0; height: 90%;}
.large-menu{position: relative;}
.mega-menu-container.mega-menu-open { display:block;pointer-events: inherit; transform: translateY(0px); opacity: 1;}
.mega-dropdown-menu {margin:60px 10px; width: 100%; position: relative; box-shadow: none; -webkit-box-shadow: none; text-align: left;}
.mega-dropdown-menu ul {list-style: none;margin: 0;padding: 0; position: absolute;left: 100%; top: 0;}
.mega-dropdown-menu>ul{left: 0; width: 33%}
.mega-dropdown-menu>ul>li>ul, .mega-dropdown-menu>ul>li>ul>li>ul{width:100%;}
.mega-dropdown-menu ul li{margin: 0;padding: 0;}
.mega-dropdown-menu>ul>li>a{font-size: 36px;line-height: 40px;color: #707070;margin-bottom: 35px;}
.mega-dropdown-menu>ul>li>ul>li>a{font-size: 20px;line-height: 25px;color: #707070;padding-bottom: 18px;}
.mega-dropdown-menu>ul>li>ul, .mega-dropdown-menu>ul>li>ul>li>ul{transition: 0.2s;opacity: 0; visibility: hidden;}
/*.mega-dropdown-menu>ul>li:hover>ul, .mega-dropdown-menu>ul>li>ul>li:hover>ul{opacity: 1; visibility: visible;}*/
.mega-dropdown-menu>ul>li>ul>li>ul>li>a{font-size: 16px;line-height: 25px;color: #707070;padding-bottom: 14px;}
.mega-dropdown-menu ul li a {display: inline-block;}
/*.mega-dropdown-menu ul li:hover>a{color: #E40000}*/
.mega-menu-header{font-size: 11px;line-height: 14px;margin-bottom: 30px; text-transform: uppercase;}
.mega-menu-close{position: absolute;top: 40px;right: 40px;z-index: 999; font-size: 20px; color: #000;}
.mega-menu-close.back{float: left; margin-left: 20px; top: 20px; font-size: 31px; transform: rotate(180deg); -webkit-transform: rotate(180deg); left: 0; margin-bottom: 50px; position: relative;z-index: 9;}
.mega-dropdown-menu > ul li.link-active > ul{opacity: 1;visibility: visible;}
.mega-dropdown-menu > ul li.link-active > a{color: #E40000}
.mega-dropdown-menu > ul li a:hover {color: #E40000}
.mega-dropdown-menu > ul li a[href^="http"]:after{content: "\F16E";font-family: airtel-icons; opacity: 0; visibility: hidden; font-size: 22px; vertical-align: middle;margin-left: 0px; transition: 0.3s;}
.mega-dropdown-menu > ul li a[href^="http"]:hover:after{margin-left: 20px; opacity: 1; visibility: visible;}
.margin-top-15{margin-top: 15px;}
/*footer*/
footer {background:#fff;height: auto;padding-bottom: 30px; padding-top:30px; width: 100%;}
footer p {margin: 0;}
footer img {max-width: 100%;}
footer h3 {color: #9F9F9F;font-size: 16px;font-weight:100;line-height: 27px;padding:15px 0 0px;}
footer ul {font-size: 12px;list-style-type: none;margin-left: 0;padding-left: 0;margin-top: 15px;color: #7F8C8D;}
footer .footer-menu ul {font-size: 16px;}
footer ul li a {padding: 0 0 5px 0;display: block;}
footer a {color: #000}
footer .scroll-to-top{text-transform:uppercase; cursor:pointer;}
footer a:hover{color: #E40000;}
footer.Simplified{background: #333;color: #fff !important;}
footer.Simplified [class^="icon-"]{font-size: 40px; margin-right: 20px;}
.bottom-link a{padding: 5px 0; margin-right: 17px;display: inline-block; margin-top: 10px; color: #707070;}
.bottom-link p.small{ color:#9F9F9F;}
.supportLi h4 {font-size: 20px;font-weight: lighter;line-height: normal;margin-bottom: 0 !important;padding-bottom: 0;}
.social a {color: #666;line-height: 32px; font-size: 26px;}
.footer-bottom p.pull-left {padding-top: 6px;}
footer .social .facebook:hover {color: #3b5998;}
footer .social .twitter:hover {color: #00aced;}
footer .social .linkedin:hover {color: #007bb6; }
footer .social .youtube:hover {color: #b00;}

.link-arrow:after{font-family: airtel-icons; content: "\F16E";font-size: 130%; vertical-align: sub; margin-left: 15px; display: inline-block;}
.link .icon-outlined-link-right-arrow{font-size: 130%; vertical-align: text-bottom; margin-left: 8px;}
.link:hover .icon-outlined-link-right-arrow, .tiles-block:hover .link-arrow:after, .link-arrow:hover:after{animation: linkanimation 0.7s linear;}
@keyframes linkanimation {
  0% {transform: translateX(0);}
  50% {transform: translateX(20px);}
  100% {transform: translateX(0);}
}
@media (min-width: 1024px){
.social{float: right; }
.social a {margin-left: 20px;}
}
@media (min-width: 768px) and (max-width:1024px){
	.social{text-align: left;}
	footer .container [class^="col-"]:last-child{text-align: left;}
	.social a {margin-right: 20px;}
}
@media (min-width: 768px){
	footer input{display: none;}
	header .dropdown .mobile-nav-trigger{display: none;}
	.main-nav-center{left: 120px; right: 120px;}
    }
@media (max-width: 767px){
	.navbar-header{z-index: 2;position: relative;}
	header{height: 60px;}
	header .navbar-default {height: 62px;} 
	.large-menu{padding-top: 20px}
	header .navbar-brand > img{height: 21px;}
	header.header-small .large-menu {padding-top: 20px;margin-top: 0;}
	header .large-menu>.row, .container-fluid>.navbar-header{margin: 0 !important;}
	.dropdown.visible-xs{display: inline-block !important;}
	header .top-smal-menu{position: fixed; z-index: 9; display: none; bottom: 20px; width: 100%;text-align: center;}
	header .open .top-smal-menu{display: block; overflow: visible; height: auto; opacity: 1;}
	header .top-smal-menu .row{display: flex; margin: 0;}
	header .top-smal-menu a{margin: 0; width: 100%; color: #707070;}
	header .main-nav-center li{ float: none; }
	header .main-nav-center .navbar-nav.main-nav li a{font-size: 24px; text-transform: inherit; color: #000; padding: 10px 0; line-height: initial; margin: 0;}
	header .main-nav-center .navbar-nav.main-nav a.menu-active { border-bottom:none;color: #E40000 }
	header .main-nav-center, body.modal-open .main-nav-center{padding: 80px 15px 40px 15px; text-align: left; top:-650px; opacity: 0; transition: 0.8s; visibility: hidden; left: 0; z-index: 1;margin:0; display: block; right: 0; position: fixed; bottom: 0; border:none; background: #EEEEEE; border-radius:0px; margin: 0; overflow:auto;}
	header .open .main-nav-center{opacity: 1; top: 0px; visibility: visible;}
	body.modal-open nav.navbar{padding-right: 0 !important}
	.mega-menu-container {z-index: 9; top: 0; background:#EBEBEB; opacity: 1; transition: 0.8s; height: 100%; overflow-y: auto;}
	.mega-menu-container>article {padding-left: 30px; padding-right: 30px;}
	.mega-dropdown-menu ul { position: relative; left:0;}
	.mega-dropdown-menu{margin: 0; overflow: hidden;}
	.mega-menu-container {transform: translateY(0); transform: translateX(100%); transition: 0.7s; display: block;}
	.mega-menu-container.mega-menu-open {transform: translateY(0px); transform: translateX(0);}
	.mega-dropdown-menu>ul>li>ul, .mega-dropdown-menu>ul>li>ul>li>ul{transform: scaley(0);transform-origin: top; max-height: 0px;}
	.mega-dropdown-menu > ul > li.link-active > ul{transform: scaley(1);}
	.mega-dropdown-menu > ul > li.link-active > ul, .mega-dropdown-menu>ul>li>ul>li:hover>ul{transform: scaley(1); max-height: 1000px;}
	.mega-dropdown-menu>ul>li>ul>li .mega-menu-header {margin-bottom:15px;/*display: none;*/}
	.mega-dropdown-menu>ul>li>a {font-size: 24px; margin-bottom: 12px;}
	.mega-dropdown-menu>ul>li>ul>li>a {font-size: 16px;}
	.mega-dropdown-menu>ul>li>ul>li>ul>li>a {font-size: 12px; padding-bottom: 5px;}
	.top-smal-menu a {border-left: 1px solid #D4D4D4;padding: 0;line-height: 14px;font-size: 11px;padding: 1px 10px;}
	.top-smal-menu a:first-child{border: 0 none;}
	.footer-menu ul{display: inline-block; display: inline-block; text-align: center;}
	.footer-menu ul li{width: auto; display: inline-block; padding: 0px 20px;}
	.footer-menu ul li:last-child{text-align: center;}
	.footer-menu ul li a{white-space: nowrap;}
	footer input~ul{margin: 0;max-height: 300px; transition: all 0.5s ease-in-out;}
	footer input+h3:before, footer input+h3:after {transition: all 0.25s ease-in-out;}
	footer input+h3{padding: 15px 0;  color: #000; margin-left: 0px; font-size: 12px; border-top: 1px #eee solid;}
	footer input+h3:before, footer input+h3:after {content: ""; top:30px; position: absolute; right: 17px; width: 15px;height: 1px;background: #000;}
	footer input[type=checkbox]:checked+h3:before {transform: rotate(90deg);}
	footer input[type=checkbox] {position: absolute;cursor: pointer;width: 90%;height:54px;z-index: 1;opacity: 0;}
	footer input ~ ul li a{font-size: 18px; color: #E40000; padding-bottom: 4px; padding-top: 4px;}
	footer input[type=checkbox]:checked ~ ul {margin-top: 0; max-height: 0;opacity: 0;}
	footer input[type=checkbox]:not(:checked) ~ ul {margin-bottom: 20px;}
	footer .social {margin-top:40px; float: none; text-align: center;}
	.mega-dropdown-menu ul li a{display: block;}
	.mega-dropdown-menu>ul{width: 100%;}
	.mega-dropdown-menu > ul li.link-active > a{color: #707070}
}