.navbar-brand { padding: 0px; }
	.navbar-default { background: #272262; z-index: 10, border-color: #fff; padding: 0px; line-height: 2.5em;}
	.navbar-nav .open .dropdown-menu { background: #fff }

	.navbar-default .navbar-nav > li > a { padding-left: 20px; padding-right: 20px; background: #272262; color: #fff; font-weight: 400; }

	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .open > a { background: #f48b16; color: #fff; font-weight: 400; }
	
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus{ background: #345589; color: #fff; font-weight: 400; }	

	.navbar-default .navbar-nav > .dropdown > a .caret,
	.navbar-default .navbar-nav > .dropdown > a:focus .caret,
	.navbar-default .navbar-nav > .dropdown > a:hover .caret {border-top-color: #fff; border-bottom-color: #fff;}

	.navbar-default .dropdown-menu { background: #272262; }
	.navbar-nav .nav-link { padding-left: 20px !important; padding-right: 20px !important; }
	.nav-item a {color: #fff; font-size: 17px; font-weight: 400; cursor: pointer;}
	.nav-item a:hover {background-color: #f48b16; border: 0px}

	.navbar-toggler { width: 20px; height: 20px; position: relative; transition: .5s ease-in-out; margin: 3px 0 6px 5px;}
	.navbar-toggler,
	.navbar-toggler:focus,
	.navbar-toggler:active,
	.navbar-toggler-icon:focus { outline: none; box-shadow: none; border: 0; position: relative; }
	.navbar-toggler span { margin: 0; padding: 0; }

	.toggler-icon { display: block; position: absolute; height: 3px; width: 100%; background: #fff;
	    border-radius: 1px; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; }
	.middle-bar { margin-top: 0px; }


	/* State when the navbar is collapsed */
	.navbar-toggler.collapsed .top-bar { position: absolute; top: 2px; transform: rotate(0deg); }
	.navbar-toggler.collapsed .middle-bar { opacity: 1; position: absolute; top: 10px; filter: alpha(opacity=100); }
	.navbar-toggler.collapsed .bottom-bar { position: absolute; top: 18px; transform: rotate(0deg); }

	/* when navigation is clicked */
	.navbar-toggler .top-bar { top: inherit; transform: rotate(135deg); }
	.navbar-toggler .middle-bar { opacity: 0; top: inherit; filter: alpha(opacity=0); }
	.navbar-toggler .bottom-bar { top: inherit; transform: rotate(-135deg); } 
/* navbar */

	footer a { font-size: 16px; color: #fff; line-height: 28px}
	footer a:hover { font-size: 16px; color: #93caff; text-decoration: none }
	
	@media (max-width: 992px) { footer { text-align: center !important; } }
	
	.filter-panel {background-color: #272262; color: #fff}
	.filter-panel .panel-heading {background-color: #272262; color: #fff}
	.filter-panel .panel-heading a, .filter-panel .panel-heading a::after {color: #fff}
	.filter-panel td, .filter-panel td > label {color: #fff}
	.filter-panel .slider-text { background-color: #272262; color: #fff }
	.filter-panel select.pageSelector, .filter-panel select.sortSelector { width: 100%; background-color: #272262; color: #fff; font-weight: 400; }
	
	
	.panel-primary > .panel-heading, .btn-primary {background-color: #272262; color: #fff}
	.section-title {background:none; background-color: #272262; color: #fff}

	.bg-primary { background: #272262 !important; }
	.pl-5{padding-left: 40px !important}
.pr-5{padding-right: 40px !important}
.pb-5{padding-bottom: 40px !important}
.text-strong{font-family: "AxiformaBold"}
footer .bi.circle{background: #fff; border-radius:50%; color:#272262; width: 26px; height: 26px;display: inline-block; text-align: center; padding-top: 0px; font-size: 15px !important; margin-right:5px}
.display-5, .display-5:hover{font-size:40px; margin:30px 0; color:#F48B16;font-family:"AxiformaBold"; display: block;}
.display-6 {font-size: 18px !important; font-family:"AxiformaBold"}
footer .bi{  width: 26px; height: 26px;display: inline-block; text-align: center; padding-top: 0px; font-size: 24px; margin-right:5px}
.bi-envelope{margin: 0 30px 0 10px}
.top-banner{ min-height: 580px !important; max-height: 580px !important; margin-top:20px; padding-top: 100px; padding-bottom: 0px}
.faq{background: url('./images/sizes/1920/FAQ-Header.jpg') center center; background-size: cover;}
.my-profile{background: url('./images/sizes/1920/My-Profile-Header.jpg') center center; background-size: cover;  }
.dropdown-menu{background: #272262 !important; }
.dropdown-menu li a{color: #272262 !important;  padding: 4px 12px }
.dropdown-menu li a:hover{color: #272262 !important;  }
      .dropdown-submenu {
        position: relative;

      }

      .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        background: yellow
      }

      .dropdown-submenu:hover>.dropdown-menu {
        display: block;
      }

      .dropdown-submenu:hover>a:after {
        border-left-color: #fff;
      }

      .dropdown-submenu.pull-left {
        float: none;
      }

      .dropdown-submenu.pull-left>.dropdown-menu {
        left: -100%;
        margin-left: 10px;
      }


      .email-icon a, .contact-icon a{ background:#F48B16; border-radius:50%; color:#fff }
      .contact-icon{z-index: 100; width:60px; height:60px; position:fixed; bottom:40px; right:40px}
      .email-icon{z-index: 100; width:60px; height:60px; position:fixed; bottom:40px; left:40px}

	  .heading{margin-top:90px}
      @media (max-width: 992px){.heading{margin-top:30px}}

	  @font-face { font-family: AxiformaLight; src: url(fonts/AxiformaLight.otf);}
@font-face { font-family: AxiformaBold; src: url(fonts/AxiformaBold.otf);}
@font-face { font-family: AxiformaReg; src: url(fonts/Axiforma-Regular.ttf);}
@font-face { font-family: Angella_White; src: url(fonts/Angella_White.otf);}

body, html {
	font-family:'AxiformaReg', sans-serif !important;
	font-size: 15px;
	height: 100%;
	margin: 0;
	color: #777;
	line-height: 1.9em;
	font-weight: normal;
}
.angella-font{  font-family: Angella_White, sans-serif; font-size: 4em;font-weight: normal !important; }
.bg-primary{background: #272262 !important;}
@media (max-width: 992px) {.text-md-left{text-align: left !important} .pt-md-5{padding-top: 5em}}

footer{padding: 20px 100px}
@media (max-width: 768px) { footer{padding: 20px 20px}}

a{transition: 0.3s}
a:hover{transition: 0.3s}
.top-banner{ min-height: 650px; margin-top:20px; padding-top: 30px; padding-bottom: 80px}
.top-banner .heading{color:#fff; font-family: Angella_White, sans-serif; font-size: 8em; margin-bottom:0; font-weight: normal !important;}
@media (max-width: 768px) {
  .top-banner .heading{ font-size: 5em; }
}
.top-banner .sub-heading{color:#fff; margin-top:-10px}
.top-banner-box{height: 430px; margin-top:30px; border:1px solid #eee; padding-top: 40px; margin-bottom: 40px}
@media (max-width: 768px) {
  .top-banner{ min-height: 450px;}
  .top-banner-box{height: 330px; margin-top:30px; border:1px solid #eee; padding-top: 40px; margin-bottom: 40px}
}

@media only screen and (max-width: 768px) {
  .tabs{margin-top:-35px; }
  .tabs .nav-pills{margin-left: 30px !important}
  .top-banner{ background: #fff; overflow: hidden;  padding:0px 0px 0px 0px}
  .mobile-banner{min-height: 400px; padding: 30px 20px; }
}