.main-menu 
{
	color: white;
    background-color: #404041;
    position: fixed;
    z-index: 5;
    top: 45px;
    overflow: auto;
}

.main-menu a
{
	width: 100%;
	color:white;
	text-decoration: none;
	display: block;
    padding:12px 20px 12px 10px;
}

.main-menu li.sub-menu-container li.solo-entry a 
{
    margin-left: -10px;
}

.main-menu ul li {
    border-bottom: 1px solid #353535;
}

.main-menu li:not(.solo-entry) {
    padding:12px 20px 12px 10px;
}

.main-menu .selected
{
	color: #C8C04C;
}

.main-menu ul
{
	list-style: none;
	padding:0;
}

.main-menu ul li ul li
{
	min-height: 20px;
    vertical-align: middle;
    font-size: 1em;
	background-color:inherit;
}

.main-menu li.sub-menu-container li 
{
    padding-left: 75px;
}

.main-menu ul li ul li ul li
{
    vertical-align: middle;
}

.main-menu li.sub-menu-container li.sub-menu-container li 
{
    padding-left: 100px;
}

.main-menu ul li.sub-menu-container
{
	padding : 0;
	min-height: 0;
	border: none;
}

.main-menu ul ul
{
	background-color: #353535;
}

#nav-menu {
    padding-bottom: 50px;
}

#nav-menu > li > ul > li.sub-menu-container > ul
{
	background-color: #272728;
}

.main-menu.opened 
{
    z-index: 104;
}

.main-menu .sub-menu.open {
    max-height: 1200px;
    background-color: #353535;
}

.main-menu li 
{
	cursor: pointer;
	background-color: #404041;
    
}

.main-menu ul li:hover 
{
	background-color: rgba(255, 255, 255, 0.1);
}

.main-menu .sub-menu 
{
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s;
}

#nav-menu li li
{
	border: none;
}

#nav-menu > li:last-of-type {
	border-bottom: none;
}

.main-menu .sub-menu-title .menu-open-icon
{
	height: 14px;
	width: 12px;
	float: right;
	margin-top: 6px;
	background-image: url('../../images/menu/menu-pointer-right.svg');
	background-repeat: no-repeat;
}

.main-menu .sub-menu-title.open .menu-open-icon
{
	background-image: url('../../images/menu/menu-pointer-down.svg');
    height: 12px;
    width: 14px;
    margin-top: 12px;
}


.main-menu .sub-menu-title.open.selected .menu-open-icon
{
	background-image: url('../../images/menu/menu-pointer-down-sundance.svg');
}

.main-menu .sub-menu-title.selected .menu-open-icon
{
	background-image: url('../../images/menu/menu-pointer-right-sundance.svg');
}

.trans-left
{
    transition: left 0.5s;
}

.trans-height
{
	transition: height 0.5s;
}

@media (max-width: 800px) 
{
    .main-menu 
    {
        left: 0;
        height: 0px;
        width:100%;
		overflow: hidden;
    }

    .main-menu.opened
    {
        height: calc(100% - 45px);
		overflow: scroll;
    }
}

@media (max-width: 500px) 
{
	.main-menu.opened 
	{
		height: calc(100% - 40px);
	}
}

@media (min-width: 800px)
{
    .main-menu 
    {
        left: -100%;
        width: 40%;
		min-width: 250px;
        height: 100%;
		box-shadow: 2px 1px 10px 2px #000;
    }

    .main-menu.opened
    {
        left: 0;
    }

}

@media (min-width: 1366px)
{
    .main-menu 
    {
        width: 25%;
    }
}