@media screen and (min-width: 0px) and (max-width: 992px){


/* LG MENU ONLY */
.menu-lg-only{
	display: none;}

.menu-xs-only{
	display: block;}


#name{
	position: absolute;
	left: 50px;
	top: -3px;
	font-size: 20px;
	line-height: 30px;
	font-weight: 800;
	display:block;
	float:left;	
	text-decoration: none;
    font-family: "Topfx-Bold",sans-serif;
	color:#034859;}

ul {
  list-style-type: none;
  margin: 0;
  /*padding: 0 0 10px 0;*/
  overflow: hidden;
  /*float: right;*/
  
}

li {
  display: block;
 }

li a {
  display: inline-block;
  color: #333;
  text-align: left;
  padding: 10px 16px;
  text-decoration: none;
}

.dropbtn {
  display: inline-block;
  color: #333;
  text-align: center;
  padding: 14px 0 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
	color: #6666FF;
	text-decoration: underline;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}

.header{
	box-sizing: border-box;	
	display: block;
	width: 100%;
	overflow:hidden;
	background-color: #FFF;	
	margin: 0 0 20px 0;
	z-index:1000;}
	
#search-bar{
	display: none;
    width:100%;}

.header logo{
	display: inline-block;
	width: 50%;
	overflow:hidden;
	float:left;
	margin-left: 20px;}

.header logo img{
	text-align:center;
	width: 80%;
	display:block;
	overflow:hidden}

.header .logo--switch{
    display: inline-block;
	width: 25%;
	padding-top: 10px;
	overflow:hidden;
    float:left;}	

.header name{
	font-family: "Work Sans",sans-serif;
	text-align:center;
	font-weight:400;
	font-size: 35px;
    display: block;
	width: 50%;
	float:left;
	margin-top: 10px;}

.header name span{
	font-family: "Work Sans",sans-serif;
	text-align:center;
	font-weight:400;
	font-size: 10px;
	display: block;
	margin-top: 2px;
	letter-spacing: 1px;
	word-spacing: 1px;}

.header .name--switch{
    padding-top: 10px;
	display: inline-block;
	width: 50%;
    float:left;}

.header name img{	
	width: 150px;
	display:block;
	margin: auto;
	overflow:hidden}

.header search{
    width: 21%;
    margin-top:15px;
	display: inline-block;
	float:left;}

.header .search--switch{
    width: 21%;
    margin-top:15px;
	display: inline-block;
	float:left;}

.header search #search-button{
    float:right;
    cursor: pointer;}

.header search img{
    text-align:center;
    width: 26px;
	height: 26px;
	background-color: #F9F9F9;
	border-radius:2px;
	display:block;
	margin: auto;
	overflow:hidden;
	cursor: pointer;}


/* NAViGATION  STARTS*/

.header .hamburger-menu{
	display: block;
    position: absolute;
    right: 30px;
	top: 15px;}

#menu__toggle {
	display: none;
  	opacity: 0;}

#menu__toggle:checked ~ .menu__btn > span {
    transform: rotate(45deg);}
  
#menu__toggle:checked ~ .menu__btn > span::before {
    top: 0;
    transform: rotate(0);}
  
#menu__toggle:checked ~ .menu__btn > span::after {
    top: 0;
    transform: rotate(90deg);}

#menu__toggle:checked ~ .menu__box {
    visibility: visible;
    right:0;
	/*top:124px;*/}

webmail{
	position: relative;
    margin-left: 150px;
	margin-top: 33px;
	float:left;}

webmail img{
	width: 25px;
    cursor: pointer;
    z-index: 1;}

.menu__btn {
	display: block;
    position: absolute;
    width: 28px;
    height: 24px;
	right: 0px;
	top: 20px;
    cursor: pointer;
    z-index: 2222;}

.menu__btn--switch {
	position: absolute;
	right: 0;
    width: 30px;
    height: 24px;
    cursor: pointer;
    z-index: 1111;
	/*margin: 12px 12px 0px 0px;*/}


.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #103C5E;
    transition-duration: .50s;}

.menu__btn > span::before {
    content: '';
    top: -8px;}
  
.menu__btn > span::after {
    content: '';
    top: 8px;}

.menu__box {
    display: block;
    position: fixed;
    visibility: hidden;
    overflow: scroll;
    top: 0; left: 0; right: 0; bottom: 0;
	overscroll-behavior: contain;
    padding: 20px;
    margin: 0;
    list-style: none;
    background-color: #FFF;
    box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
    transition-duration: .25s;
    z-index: 1111;
	border-bottom: solid 10px #005476;}

.menu__box ul{
    padding-inline-start:0px;}

.menu__item {
    display: block;}

.menu__box h1{
    display: block;
    padding: 16px 16px 8px 16px;
    color: #2A5279;
    text-decoration: none;
    font-family: "Work Sans",sans-serif;
	text-transform: uppercase;
	font-size:20px;
	font-weight: 100;
	letter-spacing: 0.03em;
	word-spacing: 0.09em;}

.menu__box h2{
    display: block;
    padding: 12px 24px;
    color: #FF6600;
    text-decoration: none;
    font-family: "Work Sans",sans-serif;
    font-size:14px;}

.menu__item img {
    display:inline-block;
	margin-left: 0px;
	margin-right: 15px;
	margin-top: 3px;
    width: 20px;
    height:20px;
    float: left;
	border-radius: 50%;
	background-color: #ddd; }

.menu__item span{
    text-decoration: none;
    font-size: 14px;
	font-family: "Work Sans",sans-serif;
	color: rgb(5, 15, 25);
	line-height: 16px;
	font-weight: 500;}

.menu__item:hover {
	background-color: none;
	color: #2A5279;}

/* NAVIGATION ENDS */
}





@media screen and (min-width: 993px) and (max-width: 1600px){

.header{
	display: block;
	width: 100%;	
	background-color: #fff;
	padding: 0;
	overflow:hidden;
	top: 0;
	z-index:9999999999;}


	
#search-bar{
	display: none;
    width:100%;}

.header logo{
	display: inline-block;
	width: 20%;
	overflow:hidden;
    float:left;}

.header logo img{
	text-align:center;
	width: 100%;
	display:block;
	overflow:hidden}

.header .logo--switch{
    display: inline-block;
	width: 25%;
	padding-top: 10px;
	overflow:hidden;
    float:left;}	

.header name{
	font-family: 'AktivGrotesk' !important;
	text-align:center;
	font-weight:400;
	font-size: 35px;
    display: block;
	width: 50%;
	float:left;
	margin-top: 10px;
	color: #012933;}

.header name span{
	font-family: 'AktivGrotesk' !important;
	text-align:center;
	font-weight:400;
	font-size: 10px;
	display: block;
	margin-top: 2px;
	letter-spacing: 1px;
	word-spacing: 1px;}

.header .name--switch{
    padding-top: 10px;
	display: inline-block;
	width: 50%;
    float:left;}

.header name img{	
	width: 150px;
	display:block;
	margin: auto;
	overflow:hidden}

.header search{
    width: 21%;
    margin-top:15px;
	display: inline-block;
	float:left;}

.header .search--switch{
    width: 21%;
    margin-top:15px;
	display: inline-block;
	float:left;}

.header search #search-button{
    float:right;
    cursor: pointer;}

.header search img{
    text-align:center;
    width: 26px;
	height: 26px;
	background-color: #F9F9F9;
	border-radius:2px;
	display:block;
	margin: auto;
	overflow:hidden;
	cursor: pointer;}
	
	.header .hamburger-menu{
	width: 25%;
    display: inline-block;
	float:left;
    overflow:hidden;}


/* NAViGATION  STARTS*/

#menu__toggle {
  opacity: 0;}

#menu__toggle:checked ~ .menu__btn > span {
    transform: rotate(45deg);}
  
#menu__toggle:checked ~ .menu__btn > span::before {
    top: 0;
    transform: rotate(0);}
  
#menu__toggle:checked ~ .menu__btn > span::after {
    top: 0;
    transform: rotate(90deg);}

#menu__toggle:checked ~ .menu__box {
    visibility: visible;
    right:0;
	top:124px;}

webmail{
	position: relative;
    margin-left: 150px;
	margin-top: 33px;
	float:left;}

webmail img{
	width: 25px;
    cursor: pointer;
    z-index: 1;}

.menu__btn {
	display: none;
    align-items: center;
    position: relative;
    width: 30px;
    height: 24px;
    cursor: pointer;
    z-index: 1;
    float:right;
	margin-top: 22px;}

.menu__btn--switch {
    align-items: center;
    position: relative;
    padding-top: 12px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 1;
    float:right;}


.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000;
    transition-duration: .25s;}

.menu__btn > span::before {
    content: '';
    top: -8px;}
  
.menu__btn > span::after {
    content: '';
    top: 8px;}

.menu__box {
    display: block;
    position: fixed;
    visibility: hidden;
    /*overflow: scroll;
    scroll-behavior: smooth;
    overscroll-behavior: contain ;*/
    padding: 20px 20px 30px 20px;
	top:123px;
    right: 0;
    width: 100%;
    margin: 0;
    list-style: none;
    background-color: #FFF;
    box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
    transition-duration: .25s;
    z-index: 50;
	border-bottom: solid 5px #FFC82A;}

.menu__box ul{
    padding-inline-start:0px;}

.menu__item {
    display: block;
    padding: 5px 16px;
    color: #555559;
    text-decoration: none;
    font-size:16px;}

.menu__box h1{
    display: block;
    padding: 16px;
    color: #2A5279;
    text-decoration: none;
    font-family: 'nobel-bold' !important;
	text-transform: uppercase;
	font-size:20px;
	font-weight: 100;
	letter-spacing: 0.03em;
	word-spacing: 0.09em;}

.menu__box h2{
    display: block;
    padding: 12px 24px;
    color: #FF6600;
    text-decoration: none;
    font-family:'Brolly-Ember-Bold';
    font-size:14px;}

.menu__item img {
    display:inline-block;
	margin-left: 0px;
	margin-right: 15px;
	margin-top: 3px;
    width: 20px;
    height:20px;
    float: left;}

.menu__item span{
    display:inline-block;
	font-family: 'nobel-book' !important;
	letter-spacing: 0.4px;
	line-height:20px;	
    font-size: 14px;}

.menu__item:hover {
	background-color: none;
	color: #2A5279;}

/* NAVIGATION ENDS */
	
	
	
header{
	display: block;
	width: 100%;
	background: #FFF;
	/*background-image: linear-gradient(to right, #F9F9FA, #E6E6E6);*/
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid #0000FF 5px;
	overflow:hidden;
	z-index:1000;}

.header--switch{
	/*position: fixed;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index:1000;*/}
	
#search-bar{
	display: none;
    width:100%;}

header logo{
	display: inline-block;
	width: 20%;
	overflow:hidden;
    float:left;}

header logo img{
	text-align:center;
	width: 100%;
	display:block;
	overflow:hidden}

header .logo--switch{
    display: inline-block;
	width: 25%;
	padding-top: 10px;
	overflow:hidden;
    float:left;}	

.hamburger-menu{}

#name {
	float: left;
	position: absolute;
	left: 70px;
	top: 5px;
    font-size: 20px;
    font-weight: 800;
    display: inline-block;
    font-family: "Topfx-Bold",sans-serif;
	color: #034859;
	z-index: 999999999999;}

#name a{
    text-decoration: none;
}

header name{
	font-family: 'AktivGrotesk' !important;
	text-align:center;
	font-weight:400;
	font-size: 35px;
    display: block;
	width: 50%;
	float:left;
	margin-top: 10px;}

header name span{
	font-family: 'AktivGrotesk' !important;
	text-align:center;
	font-weight:400;
	font-size: 10px;
	display: block;
	margin-top: 2px;
	letter-spacing: 1px;
	word-spacing: 1px;}

header .name--switch{
    padding-top: 10px;
	display: inline-block;
	width: 50%;
    float:left;}

header name img{	
	width: 150px;
	display:block;
	margin: auto;
	overflow:hidden}

header search{
    width: 21%;
    margin-top:15px;
	display: inline-block;
	float:left;}

header .search--switch{
    width: 21%;
    margin-top:15px;
	display: inline-block;
	float:left;}

header search #search-button{
    float:right;
    cursor: pointer;}

header search img{
    text-align:center;
    width: 26px;
	height: 26px;
	background-color: #F9F9F9;
	border-radius:2px;
	display:block;
	margin: auto;
	overflow:hidden;
	cursor: pointer;}

header .hamburger-menu{
	width: 25%;
    display: inline-block;
	float:left;
    overflow:hidden;}












/* LG MENU ONLY */
.menu-lg-only{
	float: left;
	font-family: "Topfx-Regular",sans-serif;
	font-weight:400;
    display: block;
	box-sizing:border-box;
	overflow:hidden;
	z-index: 1111;
	position:relative;
	top: -10px;}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  float: left;}


.centered-nav {
	display: block;
	box-sizing: border-box;
	text-align: center;
	box-sizing: content-box;
	margin: 10px 0 0 0 ;
	float:right;}

li {
  float: left;}
  
  

li a {
  	display: inline-block;
  	font-family: "Work Sans",sans-serif;
	font-size: 14px;
  	/*color: #012933 !important;*/
	color: #012933 !important;
  	text-align: center;
  	padding: 10px 10px;
  	text-decoration: none;
}

.menu-spacer{
	display:inline-block;
	width: 300px;}


.index-signup {
  	display: inline-block;
	box-sizing:border-box;
  	font-family: "Work Sans",sans-serif;
	font-weight: 500;
	font-size: 14px;
  	color: #FFF !important;
  	text-align: center;
  	padding: 10px 15px;
  	text-decoration: none;
	background-color: #004BEB;}

.index-signup:hover {
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;}

.dropbtn {
  display: inline-block;
  color: #333;
  text-align: center;
  padding: 14px 0 14px 16px;
  text-decoration: none;}

li a:hover, .dropdown:hover .dropbtn {
	font-family: "Work Sans",sans-serif;
	cursor: pointer;}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  right: 20px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9999;}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;}

.dropdown-content a:hover {
	background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
  cursor: pointer;
  z-index: 9999;}

.push-down{
	display: block;
	margin: none;}

.ribbon-right-left{}
}