html.menuOpened {
	overflow:hidden;
}
.mobileMenu .overlay {
	margin: 0;
	padding: 0;
	z-index:1000;
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height:100%;
    /* background: transparent; */
	background: inherit;
	overflow: auto;
    -moz-transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-overflow-scrolling: touch;
}
.mobileMenu .overlay.left {
	left: 0;
	right: auto;
	-moz-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.mobileMenu .overlay.right {
	left: auto;
	right: 0;
	-moz-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.mobileMenu .overlay.top {
	left: 0;
	right: 0;
	bottom: auto;
	top: 0;
	-moz-transform: translate3d(0, -100%, 0);
	-ms-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.mobileMenu .overlay.bottom {
	left: 0;
	right: 0;
	bottom: 0;
	top: auto;
	-moz-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d( 0,100%, 0);
    -webkit-transform: translate3d( 0,100%, 0);
    transform: translate3d( 0,100%, 0);
}
.menuOpened .mobileMenu .overlay {
	opacity: 1;
	-moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mobileMenuIcon {
	background-color: rgb(47, 101, 154);
	height: 47px;
	width: 47px;
	background-position: center;
	background-repeat: no-repeat;
	display: none;
	padding: 10px;
	vertical-align: middle;
	background-size: 50% 40%;
	display: block;
}

.btnMMenu {
	border-color: #fff;
	background: #fff;
}
.btnMMenu .icon-bar {
	background-color: #1a2655;
	width: 33px;
	height: 5px;
	border-radius: 2px;
}
.btnMMenu .icon-bar + .icon-bar {
	margin-top: 6px;
}

.mobileMenu ul {
	padding:0;
	margin:0;
}

.mobileMenu .menuPanel li {
	/* background:#FFF; */
	border-bottom: solid 1px #4794b4;
	cursor:pointer;
	float:none;
	/* padding:12px 18px; */
	position: relative;
	list-style:none;
}
.mobileMenu li.hasSubMenu {
	position: relative;
}
.mobileMenu li.hasSubMenu > a {
	padding-right: 3rem;
}
.mobileMenu li.hasSubMenu.closed > ul {
	display: none;
}
.mobileMenu li.hasSubMenu.open > ul {
	display: block;
}
.mobileMenu .menuPanel li:hover {
	/* background: #EBA832; */
}
.mobileMenu .menuPanel li li, .mobileMenu .menuPanel li li li {
	border-top: solid 1px #4794b4;
	border-bottom:0;
}
.mobileMenu .menuPanel li a {
	color: #1b2655;
	font-weight: bold;
	display: inline-block;
	padding: 1rem 2rem;
}
.mobileMenu .menuPanel li li a {
	padding-left: 3.5rem;
}
.mobileMenu .menuPanel li li li a {
	padding-left: 5rem;
}

/* .mobileMenu .menuPanel li ul li { */
	/* background: #FFF; */
	/* /* border-bottom:solid 1px #4794b4; */ 
	/* float:none; */
	/* /* padding-left: 3rem; */ 
/* } */

.mobileMenu .menuPanel li ul {
	/* margin: 13px -18px -13px -18px; */
}

/* .mobileMenu .menuPanel > li { */
	/* /* border-right: solid 1px #fff; */
	/* border-right: 0; */
/* } */


.mobileMenu .icon {
	float:right;
	margin-top: .8rem;
	position: absolute;
	top: 1rem;
	right: 1rem;
}
.mobileMenu .menuTop {
	min-height: 50px;
	/* margin-bottom: 15px; */
	padding: 15px;
	/* border-bottom: 1px solid #4794b4; */
}
.mobileMenu .menuTop > div:not(:first-child) {
	margin-top: 1rem;
}

.mobileMenu .drop-down-arrow {
	display: block;
	width: 0;
	height: 0;
	/* margin: 8px 0 0 5px; */
	/* margin: 10px; */
	/* border: 5px solid transparent; */
	/* border-top-color: #1a2656; */
	/* border-left: transparent 5px solid; */
	/* border-right: transparent 5px solid; */
	border-style: solid;
	border-width: 10px 5px 0 5px;
	border-color: #1a2656 transparent transparent transparent;
}
.mobileMenu .hasSubMenu.open > .icon > .drop-down-arrow {
	border-top-color: transparent;
	border-bottom-color: #1a2656;
	border-width: 0 5px 10px 5px;
	/* -webkit-transform: scaleY(-1); */
    /* -ms-transform: scaleY(-1); */
    /* transform: scaleY(-1); */
}

.mobileMenu .btnClose {
	border: 0;
    cursor: pointer;
    position: relative;
    padding: 20px;
    display: inline-block;
    float: right;
    margin: 8px 15px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	-webkit-transform: rotate(0);
	    -ms-transform: rotate(0);
	        transform: rotate(0);
	-webkit-transition: .36s;
    -o-transition: .36s;
    transition: .36s;
}
.mobileMenu .btnClose:hover {
	-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
			transform: rotate(180deg);
}
.mobileMenu .btnClose span {
    display: block;
    height: 5px;
    width: 33px;
    background-color: #1a2655;
    border-radius: 2px;
    position: absolute;
    left: 3px;
    -webkit-transition: -webkit-transform 0.3s;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.mobileMenu .btnClose span:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 17px;
}
.mobileMenu .btnClose span:nth-child(2) {
	opacity: 0;
}
.mobileMenu .btnClose span:last-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 17px;
}
