/* Generated by CSS Usage.
   File: http://bestin-e.com/clients/test/test/hf/assets/css/airtel.css.
   DON'T DELETE YOUR ORIGINAL CSS FILE. Keep it so you can fix the glitches later.
   Some rules have been deleted, some selectors are prefixed with "UNUSED".
   Look for the UNUSED items and see if you can remove them. */


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: 1190px; max-width: 1175px; }
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: 38px;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; }
header .navbar-nav.main-nav a {background: none;text-transform: uppercase;letter-spacing: 1.2px;padding: 0px;margin: 0px 15px !important;cursor: pointer;line-height: 17px;color: #707070;padding-bottom: 20px; }
header .navbar-default .navbar-nav.main-nav a:hover {color: #E40000; }
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 .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; }
.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; } 
	}

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


.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; }


@keyframes sectionflipdownbanner {
  0% {
    transform: translateY(-40px);
    opacity: 0; }
  100% {
    transform: translateY(-50%);
    opacity: 1; }
	 }

@keyframes sectionflipdownbannerImg {
  0% {
    transform: scale(0.9);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; }
	 }



.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-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 > 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-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 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 { 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 [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; }
.social {  margin-top: 70px }
.social a { color: #666; line-height: 32px; font-size: 26px; }
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: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 screen and (max-width: 1023px){ 
	.main-content-wrapper{ position:relative; overflow:hidden; }
}
	 
	 
.slide-wrap{ position:relative; margin:0; padding:0;}	 
.slide-wrap li{ position:relative;}	 
.slide-wrap li h2{ font-size:65px; color:#E40000; max-width:345px; line-height:normal;margin: 30px 0 0 82px !important;}	
.slide-wrap li h2 span{ color:#a30202;}
.slide-wrap li .img-wrap{ float:right; margin:0 20px 15px 0;} 
.slide-wrap li .img-wrap img{ width:100%; max-width:240px;} 

/*form start*/
.login-wrapper{ width:100%; max-width:280px; margin:60px auto 0}

.login-wrapper .ff-wrapper{display:block;position:relative; margin-top:0px !important; vertical-align: middle; width:100%; }
.login-wrapper .form-wrapper form .field .ff-wrapper { margin:0;width:100%;}
.login-wrapper .ff-wrapper .icn-details{ font-size:19px;vertical-align:text-bottom;}

/*alert css*/
.login-wrapper .form-wrapper form .field .ff-wrapper.alert-message{ position:relative;}
.login-wrapper .form-wrapper form .field .ff-wrapper.alert-message .icon_alert {color: #ee8d06;font-size: 15px; line-height: 0 !important;position: absolute;right: 80px;top:10px;}
.login-wrapper .form-wrapper form .field .ff-wrapper.alert-message .error-msg{color: #ee8d06; font-size:12px; margin-bottom:0px;}
.login-wrapper .form-wrapper form .field .ff-wrapper.alert-message input{ border-color:#ee8d06;}
.login-wrapper .form-wrapper form .field .ff-wrapper.alert-message .icon_alert.left94{ left:94px !important;right: inherit}

.validate-alert{ margin:5px 0 0 0; padding:0;position: relative;padding:0;}
.validate-alert li,.validate-alert li.filled{ position:relative;color: #acacac;font-size: 12px;padding: 0 0 0 20px;}
.validate-alert li::before,.validate-alert li.filled::before{content:""; position:absolute; left:0; top:6px; width:12px; height:12px; background:#fff; border:1px solid #acacac; border-radius:100%; z-index:1}

.validate-alert li.filled::before{background:#96BA3A; border:1px solid #96BA3A;}


input {background: inherit !important;} 

.login-wrapper .btn-primary{text-align:center; display:inline-block; width:100%; border:0;background:#E40000; padding:12px 30px;font-size:20px; text-transform:uppercase; color:#fff; cursor:pointer;}
.login-wrapper .btn-primary:focus,.btn-primary:hover{ background:#ba0f09;border-color:#ba0f09;}

.guide-text{ display:block; color:#acacac; font-size:12px;}
.guide-text i{ margin-left:5px; font-size:12px;}

.login-wrapper .action{ margin:40px 0 20px 0;}

.social-wrapper{ position:relative; display:inline-block; width:100%; text-align:center; margin-bottom:54px;}
.social-wrapper p, span.mobile-connect{ font-size:12px; color: #acacac;margin-bottom: 40px;}
span.mobile-connect{ margin-right:-30px;  color:#585679;}
.main-content-wrapper .row{ margin-left:0; margin-right:0;}

.pb-wrap{ position:relative; background:#E40000; padding:60px 82px 0; min-height:378px;}
.pb-wrap h2{ font-size:40px; color:#fff; line-height:normal;max-width: 300px;}	
.pb-wrap h2 span{ display:block; color:#4c0101;}
.pb-wrap p{ font-size:24px; color:#fff; line-height:normal;max-width: 300px;}	
.pb-wrap p span{ margin:15px 0 0 0; display:block; font-size:20px; font-weight:100;color: rgba(255, 255, 255, 0.8);}
	 
.airtelapp-wrapper{ position:relative;padding:60px 82px 0;}	 
.airtelapp-wrapper h6{ font-size:24px; color:#E40000;margin-bottom:15px;}
.airtelapp-wrapper h2{ font-size:67px; color:#E40000; line-height: 67px;}
.airtelapp-wrapper h2 span{ display:block; color:#000;}
.airtelapp-wrapper p{ margin-top:20px; font-size:20px; color:#545454; max-width:390px;}
	 
.mob-app{ margin-top:-150px; text-align:left;}	 
.mob-app img{ width:100%; max-width:400px;}	

.scan-wrap{ position:relative; display:table; width:100%;max-width: 270px; margin:40px 0; padding:0;}
.scan-wrap li{ display:table-cell; color:#acacac; font-size:14px; vertical-align:middle;}
.scan-wrap li:first-child{ width:90px;}

.appstore-wrap{ position:relative; background:#000;}
.appstore-wrap img{ width:100%; max-width:172px;padding:15px 0;}
.appstore-wrap .bor-right{ border-right:1px solid #252525} 
.appstore-wrap .bor-left{ border-left:1px solid #3d3d3d} 
	 
	
.accrodian-menu{ position:relative; display:inline-block; padding:50px 82px 100px;}	
.accrodian-menu h2{font-size:40px; color:#000; line-height: 67px; margin:0 0 30px 0;} 
.accrodian-menu input~ul{margin: 0;max-height: 300px; transition: all 0.5s ease-in-out;}
.accrodian-menu input+h3:before, .accrodian-menu input+h3:after {transition: all 0.25s ease-in-out;}
.accrodian-menu input+h3{padding:0 0 0 40px;  color: #000; margin-left: 0px; font-size:16px; border-top: 1px #eee solid;}
.accrodian-menu input+h3:before, .accrodian-menu input+h3:after {content: ""; top:27px; position: absolute; left: 17px; width: 15px;height: 1px;background:rgba(255,255,255,.9);}
.accrodian-menu input[type=checkbox]:checked+h3:before {transform: rotate(90deg);}
.accrodian-menu input[type=checkbox] {position: absolute;cursor: pointer;width: 90%;height:54px;z-index: 1;opacity: 0;}
.accrodian-menu input ~ ul li a{font-size: 18px; color: #E40000; padding-bottom: 4px; padding-top: 4px;}
.accrodian-menu input[type=checkbox]:checked ~ ul {margin-top: 0; max-height: 0;opacity: 0;}
.accrodian-menu input[type=checkbox]:not(:checked) ~ ul {margin-bottom: 20px;}	
.accrodian-menu li{ font-size:14px;}

.accrodian-menu .cercle-plus{position: absolute; left:12px; top:15px; width:25px;height:25px; background:#E40000; border-radius:100%; z-index:-1}
.terms-wrap{margin:0 auto 25px; text-align:center; position:relative; font-size:12px; color: #acacac;}
.terms-wrap span{ text-transform:uppercas; color:#E40000;}
.terms-wrap span i{ font-size:19px; vertical-align:text-bottom;}

.success-wrapper{ width:100%; max-width:320px; position: absolute; right:90px; top:-90px; background:rgba(240,246,234,0.97); padding:30px 20px 20px; z-index:999; }
.success-wrapper h3{font-size:20px;line-height:normal; color:#008300; margin-bottom:5px;}
.success-wrapper p{font-size:12px;color:##008300;line-height:18px;}	
.success-wrapper i{ position:absolute; right:20px; top:20px;color:#008300; font-size:15px;}	 

#myCarousel{z-index:99; position:relative;overflow:hidden;padding: 30px 0 0 85px;}
.carousel.slide{ border-bottom:0px;}
.content{width:100%;position: relative;overflow:hidden;}
.content h2{ padding:0 0 0 10px; font-size:65px; color:#E40000; max-width:420px; line-height:normal;}	
.content h2 span{ color:#a30202; display:block;}
.content h2.brown-color{ color:#B55808}
.content h2 span.grey-color{color:#2E2E2E}

.image{ position:relative; float:right; margin:0 20px 15px 0; } 
.image img{ width:100%; max-width:240px;}
	 
	 
	 
@media (min-width: 1024px) {
  .social {float: right; }
  .social a {margin-left: 20px; } 
  
  }
@media (min-width: 768px) and (max-width: 1024px) {
.pb-wrap{padding: 60px 25px 0;}
.airtelapp-wrapper {padding: 60px 25px 0;}
.accrodian-menu {padding: 50px 25px 100px;}
.airtelapp-wrapper h2 {font-size: 47px;line-height: 47px;}

#myCarousel{padding: 30px 0 0 25px !important;}
.content h2 {font-size:55px !important;max-width:350px !important;}
.success-wrapper{ right:30px;}

.main-content-wrapper .nav-tabs{ padding-top:30px;}	
	
	
  .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: 100px; }

   }
   
@media (max-width: 767px) {
.main-content-wrapper .row-eq-height{ display:block}
.slide-wrap li h2 {font-size:40px;margin: 20px 0 0 !important;}
.slide-wrap li h2 span.red-color{color: #e40000;}
.slide-wrap {margin: 0 15px 30px;}
.main-content-wrapper .row-eq-height .nav-tabs > li{ width:auto;}
.social-wrapper{ margin-bottom:40px;}
.pb-wrap{padding: 25px 0 0; min-height: 290px;}
.pb-wrap h2 {font-size: 24px;}
.pb-wrap p{margin-top: 25px;font-size: 18px;}
.pb-wrap p span{line-height: 21px; font-size:16px;margin: 10px 0 0;}
.mob-app {margin-top: -30px; text-align:right; margin-right:10px;}
.airtelapp-wrapper {padding: 0;}
.mob-app img {max-width: 230px;}
.airtelapp-wrapper h6 {font-size: 18px;}
.airtelapp-wrapper h2 {font-size: 36px;line-height: 40px;}
.airtelapp-wrapper p {font-size: 15px; line-height:22px;margin-top: 35px;}

.airtelapp-wrapper .link-arrow{ padding:0; margin: 30px 0;}
.appstore-wrap .bor-right {border-right:0px solid #252525;}

.appstore-wrap {margin: 0 15px !important;}
.appstore-wrap img {max-width: 130px;padding: 10px 0;}
.accrodian-menu {padding: 40px 0 100px;}
.accrodian-menu h2 {font-size: 36px;line-height: 40px;}
.accrodian-menu .cercle-plus {height: 20px;left: 12px;top:5px;width: 20px;}
.accrodian-menu input + h3::before, .accrodian-menu input + h3::after {left: 18px;top:14px;width: 9px;}
.accrodian-menu input + h3{padding: 0 0 0 35px;line-height: 24px;margin-bottom: 25px;}
.accrodian-menu {padding: 40px 0;}
.main-content-wrapper .row-eq-height .nav-tabs > li > a {font-size: 16px;}
.terms-wrap {margin: 0 auto 25px;}
.content h2 {font-size:36px !important;max-width:300px !important;}
#myCarousel{padding:15px 0 30px 5px !important;}
.content h2 span{ color:#a30202; display:inline;}
.success-wrapper {max-width: 100%;position: fixed;right: 0;top: 60px;width: 100%;}


	
.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; }
 
  UNUSEDheader .large-menu > .row, .container-fluid > .navbar-header {margin: 0 !important; }
 
  header .top-smal-menu {position: fixed;z-index: 9; display: none; bottom: 20px; width: 100%; text-align: center; }

  
  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, UNUSEDbody.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; }

  
  .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, .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;
     }

  
  .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: flex;
    display: -webkit-flex; }

  
  .footer-menu ul li {
    width: 100%; }

  
  .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; } }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }


body {
  margin: 0; }


article,
footer,
header,
main,
nav,
section {
  display: block; }


a {
  background-color: transparent; }


UNUSEDa:active,
a:hover {
  outline: 0; }


img {
  border: 0; }


hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }


input {
  margin: 0;
  font: inherit;
  color: inherit; }


UNUSEDbutton::-moz-focus-inner,
UNUSEDinput::-moz-focus-inner {
  padding: 0;
  border: 0; }


input {
  line-height: normal; }


input[type=checkbox] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }


@media print {
  
  *,
  :after,
  :before {
    color: #000 !important;
    text-shadow: none !important;
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

  
  a,
  UNUSEDa:visited {
    text-decoration: underline; }

  
  a[href]:after {
    content: " (" attr(href) ")"; }

  
  a[href^="javascript:"]:after {
    content: ""; }

  
  img {
    page-break-inside: avoid; }

  
  img {
    max-width: 100% !important; }

  
  UNUSEDh2,
  h3,
  p {
    orphans: 3;
    widows: 3; }

  
  h2,
  h3 {
    page-break-after: avoid; }

  
  .navbar {
    display: none; } }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }


:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }


html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }


body {
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff; }


input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }


a {
  text-decoration: none; }


a:focus,
a:hover {
  text-decoration: underline; }


a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }


img {
  vertical-align: middle; }


hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee; }


h1,
h2,
h3,
UNUSEDh4,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }


.small {
  font-size: 85%; }


.text-right {
  text-align: right; }


.text-center {
  text-align: center; }


ul {
  margin-top: 0;
  margin-bottom: 10px; }


ul ul {
  margin-bottom: 0; }


.list-unstyled {
  padding-left: 0;
  list-style: none; }


.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 768px) {
  
  .container {
    width: 750px; } }
@media (min-width: 992px) {
  
  .container {
    width: 970px; } }
@media (min-width: 1200px) {
  
  .container {
    width: 1170px; } }

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }


.row {
  margin-right: -15px;
  margin-left: -15px; }


.col-lg-2,
.col-lg-4,
.col-md-2,
.col-md-3,
.col-sm-4,
.col-sm-6,
.col-sm-8 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }


@media (min-width: 1200px) {
  
  .col-lg-2,
  .col-lg-4 {
    float: left; }

  
  .col-lg-4 {
    width: 33.33333333%; }

  
  .col-lg-2 {
    width: 16.66666667%; } }

input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px\9;
  line-height: normal; }


input[type=checkbox]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }


.form-control:-ms-input-placeholder {
  color: #999; }

input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0; }


.dropdown {
  position: relative; }


.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }


.nav > li {
  position: relative;
  display: block; }


.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }


.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
 }


.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }

@media (min-width: 768px) {
  
  .navbar {
    border-radius: 4px; } }
@media (min-width: 768px) {
  
  .navbar-header {
    float: left; } }

.container-fluid > .navbar-header {
  margin-right: -15px;
  margin-left: -15px; }

@media (min-width: 768px) {
  
  .container-fluid > .navbar-header {
    margin-right: 0;
    margin-left: 0; } }

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px; }


.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none; }


.navbar-brand > img {
  display: block; }

@media (min-width: 768px) {
  
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px; } }

.navbar-nav {
  margin: 7.5px -15px; }


.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px; }

@media (min-width: 768px) {
  
  .navbar-nav {
    float: left;
    margin: 0; }

  
  .navbar-nav > li {
    float: left; }

  
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }


.navbar-default .navbar-brand {
  color: #777; }


.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: #5e5e5e;
  background-color: transparent; }


.navbar-default .navbar-nav > li > a {
  color: #777; }


.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #333;
  background-color: transparent; }


.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2; }


.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5; }


.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.nav:after,
.nav:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.row:after,
.row:before {
  display: table;
  content: " "; }


.container-fluid:after,
.container:after,
.nav:after,
.navbar-header:after,
.navbar:after,
.row:after {
  clear: both; }


.pull-right {
  float: right !important; }

@-ms-viewport {
  width: device-width; }

.visible-xs, UNUSED.visible-xs-inline {
  display: none !important; }

@media (max-width: 767px) {
  
  .visible-xs {
    display: block !important; }

  
  .visible-xs-inline {
    display: inline !important; } }
@media (max-width: 767px) {
  
  .hidden-xs {
    display: none !important; } }

html,
body {
  height: 100%; }


body {
  font-family: 'Tondo', sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 100;
  color: #000;
  background: #f6f6f6; }


body,
h1,
h2,
h3,
h4,
h6,
p {
  margin: 0; }



a:hover,
a:focus {
  text-decoration: none; }


a:hover {
  text-decoration: none; }


.link:hover, .link:focus, UNUSED.link:visited {
  color: #e40000; }


.close {
  filter: alpha(opacity=100);
  opacity: 1; }


.close:hover,
.close:focus {
  color: #e40000;
  filter: alpha(opacity=80);
  opacity: 0.8; }


.nav-icon-navbaar {
  font-size: 25px;
  position: relative; }


.nav-icon-navbaar a {
  margin-left: 25px; }


.text-center {
  text-align: center !important; }


.font-size-14 {
  font-size: 14px !important; }


.font-size-16 {
  font-size: 16px !important; }


.font-size-20 {
  font-size: 20px !important; }


.font-light {
  font-weight: 100; }


.bg-white:after {
  content: ""; }


.content-wrap section {
  padding: 50px 0;
  position: relative; }


section:before,
section:after {
  clear: both;
  content: "";
  display: block; }


section article,
.container {
  position: relative;
  width: auto;
  max-width: 1170px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px; }


section article {
  padding-top: 10px;
  padding-bottom: 10px; }


UNUSEDsection article h4,
section article h6 {
  margin: 3px auto 15px auto; }


.small {
  font-size: 12px;
  line-height: 20px; }


.color-red {
  color: #E40000 !important; }


.color-dark-gray {
  color: #707070 !important; }


a.color-red:hover {
  color: #b30000 !important; }


.custom-underline:after {
  content: "";
  position: absolute;
  height: 2px;
  bottom: 10px;
  background: #E40000;
  width: 96%;
  left: 2%; }


section article:after,
section article:before {
  clear: both;
  content: "";
  display: block; }


.margin-left-20 {
  margin-left: 20px !important; }


.margin-bottom-20 {
  margin-bottom: 20px !important; }


.margin-bottom-60 {
  margin-bottom: 60px !important; }


.margin-0 {
  margin: 0 !important; }


::-moz-selection {
  background: #E40000;
  color: #fff; }


::selection {
  background: #E40000;
  color: #fff; }


.clear:after,
.clear:before {
  content: "";
  display: block;
  clear: both; }


.flex-block:hover .flex-img {
  transform: scale(1.04); }


.home-thumb-link-section a:hover i {
  transform: scale(1.08); }


.open-net > strong .o-single-letter:before {
  content: "_";
  position: absolute;
  left: 10%;
  width: 65%;
  margin: auto;
  bottom: 0;
  font-weight: 300;
  font-size: 75%;
  top: 20%;
  right: 10%; }


UNUSED.tweets-section .facebook, UNUSED.tweets-section .twitter {
  margin-right: 7px;
  margin-top: -3px; }

@media (min-width: 1024px) {
  
  .flex-block .flex-icon.flex-r-p.big-icon {
    margin-top: -21px; } }
@media (min-width: 768px) {
  
  h1 {
    margin-left: -8px !important; }

  
  h2 {
    margin-left: -6px !important; }

  
  h3 {
    margin-left: -5px !important; }

  
  h4 {
    margin-left: -3px !important; }

  
  .flex-container {
    display: -webkit-flex;
    display: flex;
    width: 100%; }

  
  .flex-block:not(:first-child) .container-col-6 {
    padding-left: 50px; } }


UNUSEDbody.modal-open, body.modal-open nav.navbar, UNUSEDbody.modal-open .nav.navbar-nav.navbar-right, body.modal-open .main-nav-center {
  padding-right: 17px; }

@media (min-width: 768px) and (max-width: 1024px) {
  
  h1 {
    font-size: 48px;
    line-height: 44px; }

  
  h2 {
    font-size: 36px; }

  
  h3 {
    font-size: 30px; }

  
  h4 {
    font-size: 24px; }

  
  .container-col-6 {
    padding-left: 15px;
    padding-right: 15px; }

  
  .flex-block .flex-icon {
    float: right;
    margin-top: 0px;
    margin-bottom: -10px; }

  
  .home-thumb-link-section a {
    margin-left: 20px;
    margin-right: 20px; } }
@media (max-width: 767px) {
  
  .flex-block .container-col-6 {
    padding-left: 15px;
    padding-right: 15px; }

  
  .margin-bottom-40 {
    margin-bottom: 20px; }

  
  .tweets-section {
    max-width: 100%; }

  
  .container-col-6 {
    width: 100%; }

  
  .banner article {
    min-height: 470px; }

  
  .bottom-link a {
    display: block; }

  
  .social a {
    margin-left: 15px;
    margin-right: 15px; }

  
  .custom-underline:after {
    bottom: 7px; }

  
  h1 {
    font-size: 48px;
    line-height: 44px; }

  
  h2 {
    font-size: 48px; }

  
  h3 {
    font-size: 36px; }

  
  h4 {
    font-size: 24px; }

  
  .icon-xxxxxlarge {
    font-size: 100px; }

  
  .font-size-24 {
    font-size: 16px !important; }

  
  .icon-xxxxlarge, .icon-xxxlarge {
    font-size: 100px; }

  
  .icon-xlarge {
    font-size: 80px; }

  
  .home-thumb-link-section a {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  
  .home-thumb-link-section a i + p {
    font-size: 10px;
    line-height: 18px;
    width: 65px;
    margin: 0 auto; }

  
  .banner article .banner-content {
    left: 15px;
    right: 0px; }

  
  .content-wrap section {
    padding: 20px 0; }

  
  .content-wrap section.tweeter-section {
    padding: 30px 0; } }


/*----------- 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%;
}