@font-face {
    font-family: 'WorkSans-Bold';
    src: url('../fonts/WorkSans-Bold.eot');d
    src: url('../fonts/WorkSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/WorkSans-Bold.woff2') format('woff2'), url('../fonts/WorkSans-Bold.woff') format('woff'), url('../fonts/WorkSans-Bold.ttf') format('truetype');
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'WorkSans-Medium';
    src: url('../fonts/WorkSans-Medium.eot');
    src: url('../fonts/WorkSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/WorkSans-Medium.woff2') format('woff2'), url('../fonts/WorkSans-Medium.woff') format('woff'), url('../fonts/WorkSans-Medium.ttf') format('truetype');
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'WorkSans-Light';
    src: url('../fonts/WorkSans-Light.eot');
    src: url('../fonts/WorkSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/WorkSans-Light.woff2') format('woff2'), url('../fonts/WorkSans-Light.woff') format('woff'), url('../fonts/WorkSans-Light.ttf') format('truetype');
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'WorkSans-Regular';
    src: url('../fonts/WorkSans-Regular.eot');
    src: url('../fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/WorkSans-Regular.woff2') format('woff2'), url('../fonts/WorkSans-Regular.woff') format('woff'), url('../fonts/WorkSans-Regular.ttf') format('truetype');
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

nav#mainNav span#mobileMenuIcon {
    padding: 0;
}
nav#mainNav {
    width: 100%;
    background-color: transparent !important;
    bottom: 0;
    position: relative;
    right: 0;
    top: 0;
    float: left;
    height: 75px;
}
#mainNav ul li,
#mainNav ol li {
    margin: 0;
}

span.label {
	display: none;
	}

[class^="icon-"],
[class*=" icon-"],
ul#mainNavTopLevel li a:after,
ul.mainNavTopLevel li a:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
nav .containerBottomLevelMenu [class^="icon-"] {
    font-size: 24px;
    height: 30px;
    line-height: 15px;
    position: absolute;
    text-transform: none;
    width: 30px;
    color: #b1cd3d;
	margin-top: -3px;
}
nav .containerBottomLevelPromo [class^="icon-"] {
    font-size: 18px;
    position: relative;
    margin-left: 10px;
    top: 3px;
}
nav .containerBottomLevelPromo p.link-header {
    font-size: 18px;
    color: #fff;
    font-family: 'WorkSans-Regular', Arial, sans-serif;
    margin: 0 0 10px 0;
    padding-top: 20px;
    clear: both;
    float: none;
    text-transform: uppercase;
}

nav#mainNav ul {
    padding: 0;
}
nav#mainNav ul.mainNavBottomLevel,
nav#mainNav ul ul ul {
    box-shadow: 0px 4px 0px 1px rgba(0, 0, 0, 0.1);
    top: 0;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0;
}

nav#mainNav ul ul .menu-promo-bottom ul{
	box-shadow: none;
}
nav#mainNav ul.mainNavMiddleLevel li {
    list-style: none;
}
nav#mainNav ul.mainNavMiddleLevel > li:first-child {
    margin-left: 11em;
}

ul.mainNavMiddleLevel {
    width: 100%;
    margin: auto;
    color: #00424a;
    line-height: 9em;
}
nav#mainNav ul.mainNavTopLevel.topmenu {
    display: none;
}

nav#mainNav ul.mainNavTopLevel > li:first-child > a {
	display: none;
}

nav#mainNav ul.mainNavTopLevel.Personal-Menu > li:first-child,
nav#mainNav ul.mainNavTopLevel.Business-Menu > li:first-child,
nav#mainNav ul.mainNavTopLevel.Community-Menu > li:first-child,
nav#mainNav ul.mainNavTopLevel.About-Menu > li:first-child{
	height: inherit;
}

nav#mainNav ul.mainNavTopLevel.topmenu > li:first-child > a {
	display: block;
}
nav#mainNav .mainNavTopLevel li ul.mainNavMiddleLevel {
	display: block !important;
}

nav#mainNav .mainNavTopLevel li ul.mainNavMiddleLevel  {
	display: block;
	background-color: #f7f7f7;
	top: 0;
	height: 75px;
    line-height: 75px;
	
}
nav#mainNav span#mobileMenuIcon {
    background: none;
	
}
/*nav#mainNav ul.mainNavMiddleLevel {
    left: 0;
    height: auto;
    line-height: 60px;
    background-color: #444444;
    color: #ffffff;
}
nav#mainNav ul.mainNavMiddleLevel li {
    height: 60px;
}
nav#mainNav ul.mainNavMiddleLevel li a {
    height: auto;
    line-height: 60px;
}
nav#mainNav ul.mainNavMiddleLevel li a.active {
    box-shadow: none;
}
*/
ul.mainNavMiddleLevel > li > a,
nav#mainNav ul.mainNavMiddleLevel > li > a {
    color: #00424a;
    font-family:"WorkSans-Regular", Arial, sans-serif;
    display: block;
    height: 75px;
    text-decoration: none;
    padding: 0 1.3em;
    font-size: 1.125em;
    line-height: 75px;
	box-sizing: border-box;
}

/*ul.mainNavMiddleLevel li a {
    height: 58px;
}*/

nav#mainNav ul.mainNavMiddleLevel li a:hover,
nav#mainNav ul.mainNavMiddleLevel li a.active,
nav#mainNav ul.mainNavMiddleLevel li.is-active > a {
    background-color: #F7F7F7;
    -webkit-transition: background-color ease 0.3s;
    -moz-transition: background-color ease 0.3s;
    -o-transition: background-color ease 0.3s;
    transition: background-color ease 0.3s;
	border-bottom: 7px solid #b0d355;
	color: #00424a;
}

 @media all and (-ms-high-contrast:none) {

	/* nav#mainNav ul.mainNavMiddleLevel > li > a,
	 ul.mainNavBottomLevel li a  { 
		height: 5.85em;
		line-height: 5.85em; 
		 } /* IE10 */
	/* nav#mainNav ul.mainNavMiddleLevel > li > a:hover,
	  nav#mainNav ul.mainNavMiddleLevel > li > a.active {
		 height: 5.85em;
	 }/* IE10 */
	 
 
	/* *::-ms-backdrop, nav#mainNav ul.mainNavMiddleLevel > li > a,
	 *::-ms-backdrop, ul.mainNavBottomLevel li a { 
		height: 5.85em;
		line-height: 5.85em;   
		 } /* IE11 */
	 
	/**::-ms-backdrop, nav#mainNav ul.mainNavMiddleLevel > li > a:hover,
	*::-ms-backdrop, nav#mainNav ul.mainNavMiddleLevel > li > a.active {
		 height: 5.85em;
	 }/* IE10 */	 
 }
/*
nav#mainNav ul.mainNavMiddleLevel li a:hover,
nav#mainNav ul.mainNavMiddleLevel li a.active {
    background-color: #fff;
    color: #78a22f;
}*/
/*ul.mainNavMiddleLevel {
    background-color: #444444;
    top: 75px;
    width: 100%;
    margin: auto;
    height: 58px;
    line-height: 58px;
}*/
nav#mainNav ul.mainNavBottomLevel li {
    padding: 10px 0;
    height: auto;
    width: 33%;
    float: none;
    display: inline-block;
    vertical-align: top;
}
nav#mainNav ul.mainNavBottomLevel li:first-child,
nav#mainNav ul.mainNavBottomLevel li:nth-child(5) {
    margin: 0;
}
nav#mainNav ul.mainNavBottomLevel li a {
    padding: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
nav#mainNav ul.mainNavBottomLevel li:hover,
nav#mainNav ul.mainNavBottomLevel li a:hover {
    background: #ffffff;
	border: 0;
}
nav#mainNav ul.mainNavBottomLevel li a span {
    margin: 10px 0 0 44px;
    line-height: 21px;
    font-size: 14px;
    color: #7b7b7b;
}
nav#mainNav ul.mainNavBottomLevel li a span.title {
    margin: 0 0 0 44px;
    line-height: 18px;
    font-size: 18px;
    color: #00414a;
    font-family: "WorkSans-Medium", Arial, sans-serif;
    font-weight: normal;
}
nav#mainNav ul.mainNavBottomLevel li a span.desc {
    font-family:"WorkSans-Regular", Arial, sans-serif;
	color: #000;
}
nav #menucontainer {
    width: 960px;
    margin: 0 auto;
}
ul.menu li.item1958 {
    display: none;
}
#navinner {
    max-width: 960px;
    margin: 0 auto;
    z-index: 99;
}
#matic {
    display: block;
}
#menucontainer #nav_primary li a.btn img {
    width: 36px;
    height: 36px;
}
#menucontainer #nav_primary li a.btn {
    background: none;
}
#menucontainer #nav_primary li a.btn:active,
#menucontainer #nav_primary li a.btn:focus,
#menucontainer #nav_primary li a.btn:hover {
    background: none;
}
#menucontainer #nav_primary li a.btn span {
    width: 100px;
}
ul.menu {
    position: relative;
    margin: 0 auto;
    list-style-type: none;
    padding: 0 0 0 0;
    color: #000;
    height: 100%;
}
ul.menu a:link,
ul.menu a:visited {
    text-decoration: none;
    text-align: center;
}

/*==========================================
     menu promo right */

nav#mainNav div.containerBottomLevelPromo {
	background-color: #0b406c;
	box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 25%;
	z-index: 99;
	height: inherit;
}

nav#mainNav li div.containerBottomLevelPromo.promo-one {
	top: 0;
	bottom: 0;
}

.containerBottomLevelPromo img {
	height: 100%;
	left: -300%;
	margin: auto;
	position: absolute;
	right: -300%;
	width: auto;
}

.menu-banner-content {
	padding: 0 20px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9991;
	margin: auto;
	left: 0;
	right: 0;
	max-width: 800px;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	max-height: 400px;
}

	.menu-banner-content h1 {
		color: #ffffff;
		font-family: "WorkSans-Bold",Helvetica,sans-serif;
		font-size: 25px;
		line-height: 36px;
		font-weight: normal;
		margin: 0 auto;
		padding-bottom: 0;
		vertical-align: middle;
	}

	.menu-banner-content p,
	.menu-banner-content p a.btn {
		color: #ffffff;
		font-size: 18px;
		line-height: 26px;
		font-family: 'VAGRoundedStd-Thin', Helvetica, sans-serif;
		padding-bottom: 0;
		margin-bottom: 20px;
	}

nav#mainNav li div.containerBottomLevelPromo .menu-banner-content ul li {
	    padding: 0;
    margin: 0 0 10px 0;
    padding-left: 40px;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    list-style: none;
    font-family: "WorkSans-Regular", Arial, sans-serif;
	height: auto;
	width: 100%;
	color: #ffffff;
	padding-bottom: 0;
}
nav#mainNav .containerBottomLevelPromo a.btn,
nav#mainNav .containerBottomLevelPromo a.btn.active, nav#mainNav .containerBottomLevelPromo a.btn:hover {
	height: auto;
	border-bottom: 2px solid #b0d355;
	background: #b0d355;
}

nav#mainNav .containerBottomLevelPromo a.btn {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 160px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    margin: 0 20px 20px 0;
    line-height: 1.25em;
    padding: 15px 20px;
    text-indent: 0;
    font-size: 1.25em;
    border: 2px solid #b0d355;
    font-family: "WorkSans-Regular", Arial, sans-serif;
}

nav#mainNav li div.containerBottomLevelPromo .menu-banner-content ul li:before {
    content: ' ';
    position: absolute;
    left: 12px;
    top: 0.6em;
    border-radius: 100%;
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #ffffff;
}



/* end
======================*/
/*==========================================
     menu promos bottom */

 nav#mainNav div.containerBottomLevelPromo.promo-two {	
	background-color: #e3dfda;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    width: 75%;
    z-index: 99;
    height: inherit;
    min-height: 130px;
    min-width: 0;
    box-sizing: border-box;
    padding: 20px;
    bottom: 0;
    left: 0;
	
}
nav#mainNav .menu-promo-bottom ul li{
	list-style: none;
    height: 55px;
    line-height: 50px;
	width: 33%;
	box-sizing: border-box;
}

nav#mainNav .menu-promo-bottom ul li a {
	list-style: none;
    height: 55px;
    line-height: 50px;
	color: #00424a;
	padding: 0;
}
ul.mainNavTopLevel .menu-promo-bottom li a {
color: #00a0a6;
    font-family:"WorkSans-Regular", Arial, sans-serif;
    display: block;
    height: 50px;
    text-decoration: none;
    font-size: 1.25em;
    line-height: 50px;
	box-sizing: border-box;
	padding: 0;
}

nav#mainNav ul.mainNavMiddleLevel .menu-promo-bottom li a:hover, nav#mainNav ul.mainNavMiddleLevel .menu-promo-bottom li a.active {
    background-color: transparent;
    border-bottom: 5px solid #b0d355;
    height: 50px;
    color: #00424a;
	display: inline-block;
}


nav#mainNav .containerBottomLevelPromo .menu-promo-left a {
	color: #00953a;
	font-size: 14px;
	padding: 0;
	text-decoration: underline;
}

	nav#mainNav .containerBottomLevelPromo .menu-promo-left a:hover {
		color: #545456;
	}

.containerBottomLevelPromo.promo-two {
	width: 75%;
}

/* Promo container */

.containerBottomLevelMenu {
    width: 75%;
    left: 0;
}

nav#mainNav ul.mainNavBottomLevel {
    background: #F7F7F7;
}

/*top menu main nav */

.mod-top-menu .pages-menu {
    height: 30px;
	display: inline-block;
	float: left;
	
}

.mod-top-menu .pages-menu > li > a {
	height: 30px;
	line-height: 30px;
	color: #ffffff;
}

.mod-top-menu .pages-menu > li {
	height: 30px;
	display: inline-block;
	padding: 0 20px;
}
.mainNavTopLevel.mainmenu > li:first-child{
	padding-left: 0;
}

.mod-top-menu .pages-menu > li:hover:after,
.mod-top-menu .pages-menu > li.active:after{
    content: "";
    background: #b0d355;
   
    display: block;
    height: 5px;
    margin-top: -5px;
}
.menuAreaWrapper {
	position: absolute;
	width: 100%;
	height: auto;
	margin: auto;
	padding-bottom: 0;
	left: 0;
	display: none;
	z-index: 2;
	box-shadow: 0px 4px 0px 1px rgba(0, 0, 0, 0.1);

}

/* menu promo style begin */
ul.mainNavMiddleLevel li.is-active > .menuAreaWrapper {
	display: block;
}

nav#mainNav ul.mainNavMiddleLevel li.is-active > .menuAreaWrapper.has-promo-one div.containerBottomLevelPromo, 
nav#mainNav ul.mainNavMiddleLevel li.is-active > li.is-active > .menuAreaWrapper.has-promo-two div.containerBottomLevelPromo {
	display: block;
}

nav#mainNav ul.mainNavMiddleLevel li.is-active .containerBottomLevelMenu {
    display: block;
}
nav#mainNav ul.mainNavMiddleLevel li.is-active .containerBottomLevelPromo.promo-two {
   position: relative;
}
nav#mainNav ul.mainNavMiddleLevel li.is-active .containerBottomLevelPromo.promo-one {
   position: absolute;
}

nav#mainNav ul.mainNavBottomLevel {
	width: auto;
	position: static;
}
nav#mainNav ul.mainNavBottomLevel:after {
		content: '';
		display: block;
		width: 100%;
		margin-bottom: -1px;
		clear: both;
	}
/* menu promo style end */

@media all and (max-width: 1580px) {
	ul.mainNavMiddleLevel > li > a, nav#mainNav ul.mainNavMiddleLevel > li > a {
		padding: 0 1em;
		font-size: 1.2em;
	}
}
@media all and (max-width: 1500px) {
ul.mainNavMiddleLevel > li > a, nav#mainNav ul.mainNavMiddleLevel > li > a {
		padding: 0 0.9em;
		font-size: 1em;
	}
}
@media all and (max-width: 1450px) {
/*	nav#mainNav {
	    height: 88px;
	}
	ul.mainNavMiddleLevel {
		line-height: 88px;
	}
	nav#mainNav ul.mainNavMiddleLevel li {
		height: 88px;
		line-height: 88px;
	}*/
	ul.mainNavMiddleLevel li a, ul.mainNavBottomLevel li a,
	ul.mainNavMiddleLevel > li > a, nav#mainNav ul.mainNavMiddleLevel > li > a{
		/*height: 89px;
		line-height: 89px;*/
		padding: 0 0.75em;
	}
}

@media all and (max-width: 1350px) {

nav#mainNav ul.mainNavMiddleLevel > li > a, ul.mainNavBottomLevel li a {
		padding: 0 0.7em;
		font-size: 0.98em;
	}
	
@moz-document url-prefix() {
		 nav#mainNav ul.mainNavMiddleLevel > ul > li {
			height: 70px;
			line-height: 70px;
		}
		 nav#mainNav ul.mainNavMiddleLevel li a, ul.mainNavBottomLevel li a {
			height: 70px;
			line-height: 70px;
			padding: 0 0.7em;
			font-size: 0.98em;
		}
	}
}

@media all and (max-width: 1300px) {
	nav#mainNav ul.mainNavMiddleLevel li a, ul.mainNavBottomLevel li a {
		font-size: 0.95em;
	}
	
	nav#mainNav ul.mainNavMiddleLevel > li:first-child {
		margin-left: 10em;
	}

	nav#mainNav {
		height: 70px;
	}

	nav#mainNav ul li {
		height: 4.5em;
		line-height: 4.5em;
	}
	nav#mainNav .menu-promo-bottom ul li{
		line-height: 40px;
		height: 40px;
	}
	nav#mainNav .menu-promo-bottom ul li:hover{
		line-height: 40px;
		height: 40px;
	}
	
	nav#mainNav .mainNavTopLevel li ul.mainNavMiddleLevel {
		height: 71px;
		line-height: 71px;
	}
	
	ul.mainNavMiddleLevel .menu-promo-bottom li a {
		font-size: 1em;
		height: 40px;
		line-height: 40px;
	}
	ul.mainNavMiddleLevel .menu-promo-bottom li a:hover {
		font-size: 1em;
		height: 40px;
		line-height: 40px;
	}
	
	nav#mainNav ul.mainNavMiddleLevel > li, nav#mainNav ul.mainNavMiddleLevel  {
		height: 71px;
		line-height: 71px;
		
	}
	
	nav#mainNav .menu-promo-bottom ul li {
		width: 50%;
	}
	nav#mainNav ul.mainNavMiddleLevel > li > a, ul.mainNavBottomLevel li a {
		height: 71px;
		line-height: 71px;
	}
}



@media all and (max-width: 1230px) {
    nav#mainNav ul.mainNavMiddleLevel a,
    ul.mainNavBottomLevel li a {
        padding: 0 11px;
    }
	 ul.mainNavMiddleLevel li a, ul.mainNavBottomLevel li a {
    font-size: 1em;
}
    nav#mainNav div.containerBottomLevelPromo ul li a span {
        font-size: 14px;
    }
	
	nav#mainNav ul.mainNavMiddleLevel > li:first-child {
		margin-left: 10em;
	}
	nav#mainNav ul.mainNavMiddleLevel > li > a, ul.mainNavBottomLevel li a {
		padding: 0 0.45em;
	}
	
	nav#mainNav ul.mainNavMiddleLevel li a, ul.mainNavBottomLevel li a {
		font-size: 0.9em;
	}
	
}
@media (max-width: 1150px){
	nav#mainNav ul.mainNavMiddleLevel li a, ul.mainNavBottomLevel li a {
		font-size: 0.85em;
		padding: 0 0.3em;
	}
	
}

@media all and (max-width: 1120px) {
    nav#mainNav ul.mainNavBottomLevel li {
        width: 32%;
    }
	
	nav#mainNav ul.mainNavMiddleLevel > li:first-child {
		margin-left: 7.5em;
	}
	
}
@media all and (max-width: 1030px) {
	
}

@media all and (max-width: 1020px) {
	.label {
		font-size: 1rem;
		display: block;
		vertical-align: top;
		line-height: 1rem;
		position: relative;
		top: -19px;
	}
	
}
@media all and (max-width: 960px) {

    ul.mainNavMiddleLevel li a,
    ul.mainNavBottomLevel li a {
        font-size: 16px;
    }
    ul.menu li a {
        width: 90px;
    }
    ul.menu li img {
        padding: 8px 29px;
    }
    ul.menu li span {
        font-size: 1em;
        display: block;
    }
	
	ul.menu.pages-menu li span {
        display: inline;
    }
    ul.menu li a {
        margin-right: 10px;
    }
    nav#mainNav ul.mainNavMiddleLevel li a {
        padding: 0 9px;
    }
    nav#mainNav ul.mainNavBottomLevel li a {
        padding: 20px;
    }
    ul#mainNavMiddleLevel li a,
    ul#mainNavBottomLevel li a {
        padding: 0 15px;
        font-size: 14px;
    }
    ul#mainNavMiddleLevel li:first-child a {
        padding: 0 15px 0 20px;
    }
    ul#mainNavMiddleLevel li a:hover,
    ul#mainNavMiddleLevel li a.active {
        color: #78a22f;
    }
	
}
@media all and (max-width: 875px) {
    nav#mainNav ul.mainNavBottomLevel li {
        width: 31.9%;
    }
}
@media all and (max-width: 825px) {

    ul.mainNavMiddleLevel li a,
    ul.mainNavBottomLevel li a {
        padding: 0 12px;
    }
    ul.mainNavMiddleLevel li:first-child a {
        padding: 0 9px 0 20px;
    }
    ul#mainNavMiddleLevell li a::after,
    ul#mainNavMiddleLevel li a.active::after,
    ul.mainNavMiddleLevel li a::after,
    ul.mainNavMiddleLevel li a.active::after {
        font-size: 25px;
        height: 25px;
        line-height: 65px;
        position: absolute;
        right: 20px;
        width: 25px;
        color: #78a22f;
    }
}

@media all and (max-width: 768px) {
	.containerBottomLevelMenu {
    	width: 100%;
	}
	nav#mainNav li.is-active > .menuAreaWrapper.has-promo-one div.containerBottomLevelPromo, nav#mainNav li.is-active > li.is-active > .menuAreaWrapper.has-promo-two div.containerBottomLevelPromo {
		display: none;
	}
}
@media all and (max-width: 765px) {	
	
	.menuAreaWrapper {
   	 width: 100%;
		position: relative;
		box-shadow: none;
	}
	
	nav#mainNav.is-active ul.mainNavTopLevel {
		display: block;
		height: auto;
		background: #ffffff;
	}
	nav#mainNav ul.mainNavTopLevel.topmenu {
		background: #00a0a6;
	}
	
	nav#mainNav ul.mainNavBottomLevel {
		width: 100%;
	}
    ul.mainNavTopLevel li:first-child a {
        padding: 0 0 0 20px;
        box-sizing: border-box;
    }
    ul.mainNavTopLevel li a,
    nav#mainNav ul.mainNavMiddleLevel li a,
    nav#mainNav ul.mainNavBottomLevel li a {
        padding: 0 0 0 20px;
        box-sizing: border-box;
		border-bottom: 2px solid #e1e1e1;
    }
    nav#mainNav ul.mainNavBottomLevel,
    nav#mainNav ul ul ul {
        box-shadow: none;
    }
    nav#mainNav ul.mainNavBottomLevel,
    nav#mainNav div.containerBottomLevelPromo {
        min-height: 0;
    }
    nav#mainNav ul.mainNavBottomLevel li a span.title {
        font-size: 18px;
    }
    ul.mainNavTopLevel li a,
    ul.mainNavMiddleLevel li a,
    ul.mainNavBottomLevel li a {
        font-weight: normal;
    }
    nav#mainNav div.containerBottomLevelPromo {
        display: none !important;
    }
    .containerBottomLevelMenu {
        width: 100%;
        position: relative;
    }
    nav#mainNav ul.mainNavBottomLevel,
    nav#mainNav div.containerBottomLevelPromo {
        height: auto;
    }
    nav#mainNav ul.mainNavTopLevel li a,
    nav#mainNav ul.mainNavMiddleLevel li a,
    nav#mainNav ul.mainNavBottomLevel li a {
        line-height: 60px;
        font-size: 18px;
    }
    nav#mainNav ul.mainNavBottomLevel,
    nav#mainNav ul ul ul {
        border-left: 0;
        border-right: 0;
    }
    nav#mainNav ul.mainNavBottomLevel .icon-menu- {
       height: 60px;
    	line-height: 60px;
		margin-top: 0;
		right:10px;

    }
    nav#mainNav ul.mainNavBottomLevel li a span.title {
        line-height: 62px;
        margin-left: 0;
    }
    span.icon-plus {
        margin: 0;
    }
    nav [class^="icon-"] {
        font-size: 34px;
        line-height: 27px;
    }
    nav#mainNav {
        background: none !important;
        height: 0;
    }
    nav#mainNav span#mobileMenuIcon {
        width: 60px;
        height: 60px;
        margin: 0;
		background: #00414a;
		position: absolute;
		right: 120px;
		color: #ffffff;
    }
	
	#mobileMenuIcon:before {
		content: "\e906";
		display: block;
		font-size: 30px;
		line-height: 52px;
		width: 60px;
		height: 40px;
		color: #ffffff;
	}

    ul#mainNavTopLevel li,
    nav#mainNav ul.mainNavMiddleLevel li,
    nav#mainNav ul.mainNavBottomLevel li {
        vertical-align: middle;
        float: none;
		height: 3.5em;
    	line-height: 3.5em;
    }
    nav#mainNav ul.mainNavMiddleLevel li {
        background-color: #ffffff;
		height: auto;
    	line-height: 60px;
		padding: 0;
    }
	
	nav#mainNav ul.mainNavTopLevel.topmenu li, nav#mainNav ul.mainNavTopLevel.topmenu > li:first-child {
		background-color: #00a0a6;
	}

	nav#mainNav ul.mainNavMiddleLevel > li:first-child {
		margin-left: 0;
	}
	
	nav#mainNav ul {
		top: 60px;
        position: relative;
        z-index: 1;
	}
	
	ul.mainNavTopLevel li a:hover,
    ul.mainNavTopLevel li a.active {
        background-color: #ffffff;
        border-bottom: 2px solid #b0d355;
        color: #00424a;
		height: 60px;
    }
    ul.mainNavTopLevel li a[href="/bsb"] {
        color: #00424a;
    }
	
	nav#mainNav ul.mainNavTopLevel.topmenu li a, nav#mainNav ul.mainNavTopLevel.topmenu > li:first-child a {
		color: #ffffff;
		background-color: #00a0a6;
		border: 0;
	}
	nav#mainNav ul.mainNavTopLevel.topmenu li:hover a, nav#mainNav ul.mainNavTopLevel.topmenu > li:hover:first-child a {
		color: #eeeeee;
	}
	
    ul.topmenu li a {
        border-bottom: none !important;
    }
    ul#mainNavTopLevel li:last-child,
    nav#mainNav ul.mainNavMiddleLevel li:last-child,
    nav#mainNav ul.mainNavBottomLevel li:last-child {
        border: none;
    }
    nav#mainNav ul.mainNavBottomLevel li {
        margin: 0;
    }
   
    nav#mainNav ul.mainNavMiddleLevel li a,
    nav#mainNav ul.mainNavBottomLevel li a {
        color: #00424a;
        display: block;
        height: 60px;
        text-decoration: none;
        padding: 0 20px 0 20px;
		background-color: #ffffff;
        width: 100%;
    }
	nav#mainNav ul.mainNavMiddleLevel li a:hover, nav#mainNav ul.mainNavMiddleLevel li a.active, nav#mainNav ul.mainNavMiddleLevel li.is-active > a {
		    border-bottom: 2px solid #b0d355;
	}
	
    nav#mainNav ul.mainNavBottomLevel li a {
       background-color: #ebebeb;
        border-bottom: 1px solid #fff;
		height: 60px;
    }
    nav#mainNav ul.mainNavTopLevel ul.mainNavBottomLevel li a:after {
        display: none;
    }
    nav#mainNav ul.mainNavBottomLevel li a span.title {
        color: #00414a;
        font-weight: normal;
    }
    nav#mainNav ul.mainNavBottomLevel li a:hover {
        color: #333;
        background-color: #eee;
    }
    ul#mainNavTopLevel li a:after,
    ul#mainNavTopLevel li a.active:after {
        position: absolute;
        right: 20px;
        font-size: 25px;
        width: 25px;
        height: 25px;
        line-height: 65px;
    }
    /*ul#mainNavTopLevel li a:after {
        font-family: 'icomoon' !important;
        content: "\e628";
    }
    ul#mainNavTopLevel li a.active:after {
        font-family: 'icomoon' !important;
        content: "\e627";
    }*/
    ul#mainNavTopLevel ul ul li a:after {
        content: none;
    }
    ul#mainNavTopLevel li {
        border-bottom: 1px solid #ffbd59;
    }
    nav#mainNav ul.mainNavMiddleLevel li {
        height: auto;
    }
    nav#mainNav ul.mainNavBottomLevel li {
        min-height: 0;
        width: 100%;
    }
    ul#mainNavTopLevel li a {
        height: 60px;
        line-height: 60px;
    }
    ul#mainNavTopLevel li a,
    ul#mainNavMiddleLevel li a,
    ul#mainNavBottomLevel li a {
        font-size: 16px;
    }
    ul#mainNavTopLevel li a:hover,
    ul#mainNavTopLevel li a.active {
        background-color: #78a22f;
        color: #fff;
    }
    nav#mainNav ul.mainNavMiddleLevel, nav#mainNav .mainNavTopLevel li ul.mainNavMiddleLevel {
        height: auto;
    }
    nav#mainNav ul.mainNavBottomLevel li span.desc {
        display: none;
    }
    ul.menu li a {
        margin-right: 10px;
    }
    .menu-wrapper {
        top: 0;
        width: 100%;
    }
    #ps_results {
        box-shadow: 4px 4px 0px 1px rgba(0, 0, 0, 0.1);
    }
   /* ul#mainNavBottomLevel li a:after,
    ul.mainNavBottomLevel li a:after {
        content: "\e902";
        font-family: 'icomoon';
        color: #00a0a6;
    }
    ul#mainNavTopLevel li a.active:after,
    ul.mainNavTopLevel li a.active:after {
        content: "\e905";
        font-family: 'icomoon';
        color: #ffffff;
    }*/
    ul#mainNavTopLevel.topmenu li a:after,
    ul.mainNavTopLevel.topmenu li a:after,
    ul#mainNavTopLevel.topmenu li a.active:after,
    ul.mainNavTopLevel.topmenu li a.active:after {
        content: none;
    }
    .containerBottomLevelMenu {
        top: 0;
        height: auto;
    }
    .mod-button-scam-alert i {
        top: 25px;
    }
	
}
@media all and (max-width: 720px) {
    ul.menu li span {
        font-size: 12px;
    }
    ul.menu li a {
        margin-right: 0;
    }
    ul.menumaticSide {
        display: none;
    }
}
@media all and (max-width: 640px) {
    .mod-button-scam-alert i {
        top: 0;
    }
    nav#mainNav span#mobileMenuIcon {
        width: 65px;
        height: 60px;
        margin: 0;
    }
    #mobileMenuIcon:before {
        width: 65px;
        height: 38px;
    }
    ul#mainNavTopLevel li a,
    ul#mainNavMiddleLevel li a,
    ul#mainNavBottomLevel li a {
        height: 60px;
        line-height: 60px;
    }
    .containerBottomLevelMenu {
        height: auto;
    }
}