.menu-collapser {
    position: relative;
    z-index: 1000;
    height: 40px;
    font-size: 1.7rem;
    line-height: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: 'Source Sans Pro', sans-serif;
    color: black;
    background-color: white;
    padding-left: 6px;
    max-width: 600px;
    float: right;
    margin-bottom: 25px;
    text-align: left;
}

.menu-collapser-title {
	line-height: 38px;
}

.collapse-button {
	background-color: white;
	position: absolute;
	top: 50%;
	padding: 4px 5px 4px 5px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	border-radius: 2px;
	cursor: pointer;
	transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

    .collapse-button:hover, .collapse-button:focus {
        color: #FFF;
        background-color: #89a8de;
    }

    .collapse-button .icon-bar {
        display: block;
        height: 2px;
        width: 21px;
        margin: 4px 0;
        background-color: #1f3e73;
        border-radius: 1px;
    }

.menu-collapser div:nth-child(1) {
	margin-left: 45px;
}
.active {
    background-color: #1f3f73;
    color: white !important;
}
ul.slimmenu {
    float: right;
    padding: 0;
    margin-top: 32px;
    margin-bottom: 25px;
    list-style-type: none;
}

	ul.slimmenu:before, ul.slimmenu:after {
		content: '';
		display: table;
	}

	ul.slimmenu:after {
		clear: both;
	}

	ul.slimmenu.collapsed {
		position: absolute;
		z-index: 1000;
        margin-top:40px;
        text-align:left;
	}

        ul.slimmenu.collapsed li {
            display: block;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            background-color: rgba(240,233,212,.9) !important;
        }

			ul.slimmenu.collapsed li > ul {
				position: static;
				display: none;
			}

			ul.slimmenu.collapsed li ul li {
				position: relative;
				left: -40px;
				border: none;
			}

			ul.slimmenu.collapsed li a {
				display: block;
				border-bottom: 1px solid #9c9c9c;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				font-size: 16px !important;
			}

            ul.slimmenu.collapsed li ul li a:hover {
                background-color: #416093 !important;
                color: white !important;
            }

				ul.slimmenu.collapsed .has-submenu ul li ul li a:hover {
			background-color: #6ebd23!important;
				color: white;
	}

    ul.slimmenu li {
        position: relative;
        float: left;
        display: inline-block;
        background-color: white !important;
    }

		ul.slimmenu li ul {
			margin: 0;
			list-style-type: none;
		}

			ul.slimmenu li ul li {
				min-width: 200px;
				border-bottom: 1px solid #c7c3c0;
			}

				ul.slimmenu li ul li a {
					text-transform: none !important;
					font-size: 1.07rem !important;
					padding: 1rem !important;
					line-height: 1;
					background-color: #f3f3f3;
					/*#d9cca3;*/
				}

		ul.slimmenu li > ul {
			position: absolute;
			left: -40px;
			top: 100%;
			z-index: 999;
			display: none;
		}

			ul.slimmenu li > ul > li ul {
				position: absolute;
				left: 80%;
				top: 0;
				z-index: 999;
				display: none;
				width: 100%;
			}

				ul.slimmenu li > ul > li ul li a {
					border-left: 1px solid #b9b9b9;
				}

        ul.slimmenu li a {
            display: block;
            padding: 10px 14px;
            color: #2b1f16;
            font-weight: normal;
            font-style: normal;
            font-size: 1.07rem;
            transition: background-color 0.5s ease-out;
            -o-transition: background-color 0.5s ease-out;
            -moz-transition: background-color 0.5s ease-out;
            -webkit-transition: background-color 0.5s ease-out;
            text-transform:uppercase;
        }

			ul.slimmenu li a:hover {
				text-decoration: none;
				
			}

    ul.slimmenu > li a:hover {
        background-color: #1f3f73;
        color: white;
    }
.has-submenu ul li a:hover {
	background-color: #d9cca3 !important;
	color: black !important;
}
		ul.slimmenu > li:first-child, ul.slimmenu > li.has-submenu + li {
			border-left: 0;
		}
@media (max-width:1199px) {
.has-submenu > a {
	pointer-events: none;
}
}

ul.slimmenu.collapsed li .sub-toggle {
    background-color: #1f3f73;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    width: 35px;
    text-align: center;
    cursor: pointer;
}

ul.slimmenu.collapsed li ul li .sub-toggle {
    background-color: #1f3f73;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    width: 35px;
    text-align: center;
    cursor: pointer;
}

	ul.slimmenu.collapsed li ul li .sub-toggle.expanded {
		height: 100%;
	}

ul.slimmenu.collapsed li .sub-toggle:before {
	content: '';
	display: inline-block;
	height: 100%;
	margin-right: -0.25em;
}

ul.slimmenu.collapsed li .sub-toggle > i {
	background-image: url(../images/sub-toggle.png);
	width: 15px;
	height: 13px;
	display: inline-block;
	color: white;
	font-size: 16px;
	vertical-align: top;
	margin-top: 13px;
}

ul.slimmenu.collapsed li .sub-toggle.expanded > i {
    background-image: url(../images/sub-toggle-top.png);
    width: 15px;
    height: 13px;
    display: inline-block;
    color: white;
    font-size: 16px;
    vertical-align: top;
    margin-top: 13px;
}

/*---------------smaller screens-----------------------*/
@media (max-width:767px) {
	.menu-collapser {
		min-width: calc(100% - 30px);
		margin-right: 15px;
	}

	ul.slimmenu.collapsed {
		left: 30px;
		width: 100%;
		max-width: calc(100% - 60px);
	}
}
@media (max-width:575px) {
	ul.slimmenu.collapsed li {
		width: 100%;
	}
}
@media (min-width:576px) and (max-width:767px) {
	ul.slimmenu.collapsed li {
		width: 265px;
	}
}
@media (min-width:768px) and (max-width:1199px) {
	.menu-collapser {
		min-width: 375px;
	}
}
@media (min-width:1199px) {
    ul.slimmenu {
        background-color: rgba(215,194,137,.6);
    }
}
@media (min-width:768px) and (max-width:991px) {
	ul.slimmenu.collapsed {
		left: 45.9%;
	}
		ul.slimmenu.collapsed li {
			width: 375px;
		}
}
@media (min-width:992px) and (max-width:1199px) {
	ul.slimmenu.collapsed {
		left: 55.7%;
	}
		ul.slimmenu.collapsed li {
			width: 375px;
		}
}