.main-menu-box {
    height: 100%;
    position: relative;
    }

/* Toggle Slide Nav */
nav {
    z-index: 1100;
    background: #EEEFF0;
}

nav #menu-toggle {
	position:absolute;
	z-index:2;
	height:100%;
	width:18px;
	right:0;
	top:0;
}
#secondary-main-menu {
	display:block;
}
#secondary-main-menu_links {
	margin:0;
	padding:0;
}

#secondary-main-menu_links li {
		margin:0;
		padding:0;
		display:block;
	}
#secondary-main-menu_links li a {
			font-size:0.875em;
			color:white;
			display:block;
			border-left:2px solid black;
			padding:5px 0 5px 25px;
}
#secondary-main-menu_links li.active-trail a,
#secondary-main-menu_links li.active-trail a:hover {
			font-weight:bold;
			border-left:2px solid #ff7900;
			background:#333;
}
#secondary-main-menu_links li a:hover {
			border-left:2px solid #ff7900;
			background:#333;
		}

/* Secondary Navigation */
#block-views-call-to-action-block-1  {
	margin: 10px 0;
}

#block-views-call-to-action-block-1 h2 {

}
#block-views-call-to-action-block-1 ul {
	padding: 0;
	margin: 0;
}
#block-views-call-to-action-block-1 ul li {
	list-style-type: none;
	margin-bottom:0;
}



#block-menu-block-2 {
	background:#ececec;
	margin-bottom:24px;
}

#block-menu-block-2 h2 {
		padding:20px 30px 5px;
		font-size:1.00em;
		font-weight:bold;
	}

#block-menu-block-2 ul.menu {
		margin:0;
		padding:0 30px 20px;
	}
#block-menu-block-2 ul.menu li {
			display:block;
			padding-top:0;
			margin-bottom:0.6em;
		}
			.menu-block-1 > ul.menu > li > a,
			#block-menu-block-2 > ul.menu > li > a {
				display:block;
			}
			#block-menu-block-2 > ul.menu > li > a {
				height:18px;
				color:#666;
				display:block;
			}
			.menu-block-1 > ul.menu > li.active-trail > a,
			.menu-block-2 > ul.menu > li.active-trail > a {
				position:relative;
				font-weight:normal;
			}
			.menu-block-1 > ul.menu > li.active-trail > a.active {
				color:#000;
			}
			.menu-block-1 > ul.menu > li.active-trail > a:hover,
			.menu-block-2 > ul.menu > li.active-trail > a:hover,
			.menu-block-1 a:hover,
			.menu-block-2 a:hover {
				color:#000;
			}
			.menu-block-1 > ul.menu > li > a:hover,
			.menu-block-2 > ul.menu > li > a:hover {
				text-decoration:none;
				color:#000;
			}
			#block-views-call-to-action-block-1 .menu-block-1 > ul.menu > li > ul.menu,
			#block-menu-block-2 .menu-block-2> ul.menu > li > ul.menu {
				padding:10px 0 0;
			}
				.menu-block-1 > ul.menu > li > ul li,
				.menu-block-2 > ul.menu > li > ul li {
					margin-left:20px;
					margin-bottom:6px;
					padding-top:0;
				}
					.menu-block-1 > ul.menu > li > ul li a,
					.menu-block-2 > ul.menu > li > ul li a {
						padding:2px 0;
						font-size:0.875em;
						font-weight:normal;
						color:#666;
					}
					.menu-block-1 > ul.menu a:hover,
					.menu-block-2 > ul.menu a:hover {
						color:#ff7900;
					}

/* Breadcrumbs */

#breadcrumbs ul {
	padding:0;
	margin:0;
}
	#breadcrumbs ul li {
		margin:0;
		padding: 10px 0 10px;
	}
		#breadcrumbs ul li a {
			color: #999;
			white-space:nowrap;
		}
	#breadcrumbs ul li.home {
		padding:0;
	}
		#breadcrumbs ul li.home a {
			height:41px;
			width:19px;
			display:block;
			text-indent:-9999em;
			background:url('../images/global/breadcrumb-home.gif') no-repeat 0 10px;
		}
	#breadcrumbs span.sep {
		width:23px;
		height:41px;
		margin-right:18px;
		margin-left:13px;
		display:inline-block;
		background:url('../images/global/breadcrumb-sep.png') no-repeat top left;
	}

/* new menu */

.main-menu-block ul a.fa-circle::before {
    color: #ff7900;
    content: "\f111";
    font-size: 14px;
    font-family: FontAwesome;
    margin-right: 7px;
}
.main-menu-block ul a.CornflowerBlue.fa-circle::before {color: #5191cd;}

.main-menu-block ul a.DarkTurquoise.fa-circle::before {color: #61c5ba;}

.main-menu-block ul a.DarkOrchid.fa-circle::before {color: #936fb1;}

.main-menu-block ul a.Avocadogreen.fa-circle::before {color: #b8b308;}

.js .swipe-menu {
	display: none;
}
.main-menu-block ul a, .main-menu-block ul a.active {
    color: #2f2f2f;
    font-family: "Whitney SSm A","Whitney SSm B";
    font-weight: 500;
}
.swipe-menu li:hover,
.swipe-menu li.active-trail.active,
.swipe-menu .crumb:hover{
    background-color: #FFFFFF;
}
.js .swipe-menu li:hover,
.js .swipe-menu li.active-trail.active{
    border-left: 3px solid #ff7900;
    margin-left: 6px;
    padding-left: 11px;
}
.swipe-menu li a:hover,
.swipe-menu .crumb a:hover{
    color: inherit;
}
/* js */
.js .main-menu-block {
    padding: 0;
    width: 245px;
    margin-left: -150px;
    margin-top: -125px;
    top: 160px;
    left: 60%;
    position: absolute;
}
.js .logged-in .main-menu-block {
    top: 215px;;
}

.js .main-menu-block .swipe-menu {
    position: relative;
    width: 245px;
}
.js .swipe-menu .menu-block-wrapper {
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
}
.js .swipe-menu .crumb {
    padding: 0 20px;
    font-weight: 500;
    font-size: 18px;
}
.js .swipe-menu .crumb a:nth-last-child(2):before {
    font-family: "Icomoon";
    content: "\e916";
    float: left;
    color: #ff7900;
    line-height: 21px;
}
.js .swipe-menu .crumb a {
    display: none;
}
.js .swipe-menu .crumb a:nth-last-child(2){
    display: block;
}
.js .swipe-menu .active-item-header {
    padding:10px 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
}
.menu-header-link {
	color: #2f2f2f;;
	text-decoration: underline;
}
.js .swipe-menu ul {
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.js .swipe-menu ul li span.nolink {
    float: none;
    font-size: 16px;
    text-transform: uppercase;
}

.js .swipe-menu ul li#line-spacer {
	height: 0;
    margin: 20px 0;
    padding: 0 5px 0 20px;

}

.js .swipe-menu ul li#line-spacer span.nolink {
	border-top: 1px solid;
	height: 0;
	text-indent: -3000px;
}

.js .swipe-menu ul li a.lowercase {
    text-transform: none;
}



.js .swipe-menu ul a, .nolink {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    width: 90%;
}

.js .swipe-menu ul ul li a {
    text-transform: none;
}

.js .swipe-menu .expanded:after {
    font-family: "Icomoon";
    content: "\e915";
    display: inline-block;
    float: right;
    margin-right: 0;
    font-size: 15px;
}
.js .swipe-menu ul li {
    list-style: none;
    line-height: 20px;
    margin: 0;
    padding: 7px 5px 7px 20px;
}

.js .swipe-menu ul li.menu-mlid-3406 a {
   /* background: url('../images/new/brexit-icon.png')  no-repeat 0 3px transparent; */
}

.main-menu-block ul li.menu-mlid-3406 a {
   /* padding:  5px 5px 5px 50px; */
}

.main-menu-block ul li.menu-mlid-3406 a.fa-circle::before {
    display: none;
}

.js .swipe-menu ul li span {
    float: right;
}
.js .swipe-menu ul ul {
    left: 100%;
    display: none;
}
.js .swipe-menu .expanded.active-trail {
	max-height: 180px;
}
/* mobile */
.mobile-nav-toggle {
    cursor: pointer;
    padding: 10px;
    color:  #ff7900;
    font-size: 32px;
    float: left;
    transform: scaleX(1.2);
	position: relative;
	z-index: 1101;
}

.mobile-nav-toggle.open {
	position: fixed;
	top: -10px;
	left: 190px;
}

.mobile-nav-toggle.open span:before {
    content: "X";
    font-family: Arial;
    font-weight: 700;
}
@media (min-width: 1025px) {
    .mobile-nav-toggle {
        display: none;
        
    }
}
/* not so nice but easiest approach*/
.swipe-menu ul li.menu-mlid-4646  {
    margin: 20px 0 0 0 ;
    font-size: 12px !important;
}

.swipe-menu ul li.menu-mlid-4646 span.nolink,
.swipe-menu ul li.menu-mlid-3002 a {
    font-size: 12px !important;
    background: #ff7900;
    padding: 5px 15px;
    color: #fff;
    cursor: pointer;
    display: inline;
    border-radius: 15px;
    border: 2px solid #fff;
    transition: all 0.8s ease 0s;
}

.swipe-menu ul li.menu-mlid-4646 span.nolink:hover,
.js .swipe-menu ul li a.makepayment:hover {
    background: #808285;
}



