.menu-collapser {
	position: relative;
	z-index: 1000;
	height: 40px;
	font-size: 1rem;
	line-height: 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #fff;
	max-width: 600px;
	margin-bottom: 17px!important;
}

.menu-collapser-title {
    display:none;
}

.collapse-button {
    width: 41px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: 0.55s;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    color: #132a60;
}

    .open.collapse-button:before {
		content: "CLOSE";
		font-size: .7rem;
		bottom: -22px;
    }

.collapse-button:hover, .collapse-button:focus {
    color: #132a60;
}

    .collapse-button:before {
        content: "MENU";
        position: absolute;
        bottom: -24px;
    }

.collapse-button .icon-bar {
    display: block;
    height: 3px;
    width: 41px;
    margin: 3px 0;
    background-color: #132a60;
    border-radius: 1px;
    transition: 0.55s;
    position: relative;
}
	.collapse-button.open .icon-bar:nth-child(2) {
	display:none;
	}
    .collapse-button.open .icon-bar:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: -4px;
        left: 0;
    }
    .collapse-button.open .icon-bar:nth-child(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 5px;
        left: 1px;
    }
	.collapse-button.open {
		padding-top:5px;
	}
	.collapse-button.open .icon-bar {
		width: 30px;
	}

.menu-collapser div:nth-child(1) {
	margin-left: 45px;
}

.menu-item-active {
}

ul.slimmenu {
	
    padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: none;
}

    ul.slimmenu li a {
        font-weight: 600 !important;
    }
    
    
    ul.slimmenu:before, ul.slimmenu:after {
        content: '';
        display: table;
    }

	ul.slimmenu:after {
		clear: both;
	}

	ul.slimmenu.collapsed {
		position: absolute;
		z-index: 1000;
	
		text-align: left;
	}

        ul.slimmenu.collapsed li {
            display: block;
            width: 275px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            background-color: #132a60;
        }

			ul.slimmenu.collapsed li > ul {
				position: static;
				display: none;
			}

			ul.slimmenu.collapsed li ul li {
				position: relative;
				left: 0;
				border: none;
			}

            ul.slimmenu.collapsed li a {
                display: block;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                font-size: 15px;
                color: #fff;
                border-bottom: 1px solid #3F527D;
            }

            ul.slimmenu.collapsed li ul li a:hover {
                background-color: #3F527D !important;
                color: white !important;
            }

		ul.slimmenu.collapsed .has-submenu ul li ul li a:hover {
		
			color: white;
		}
	ul.slimmenu li ul li .sub-toggle {
		right: 13px;
		-moz-transform: rotate(-90deg); 
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg); 
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

    ul.slimmenu li:last-child {
        margin-right: 0;
    }

    ul.slimmenu li {
        position: relative;
        float: left;
        margin-right: 0;
        display: inline-block;
    }

	
	
	ul.slimmenu li {
		position: relative;
		float: left;
		display: inline-block;
	}

	ul.slimmenu li ul {
		margin: 0;
		list-style-type: none;
	}

        ul.slimmenu li ul li {
            min-width: 275px;
            border-bottom: 1px solid #3F527D;
        }

            ul.slimmenu li ul li a {
                text-transform: none !important;
                font-size: 1rem;
                padding: 0.75rem;
                line-height: 1;
                background-color: #132a60;
                color: #fff;
            }

        ul.slimmenu li > ul {
            position: absolute;
            left: 0;
            top: 101%;
            z-index: 999;
            display: none;
            border-top: 1px solid #2A3F6F;
        }

	ul.slimmenu li > ul > li ul {
		position: absolute;
		left: 100%;
		top: 0;
		z-index: 999;
		display: none;
		width: 100%;
	}

	ul.slimmenu li > ul > li ul li a {
		border-left: 1px solid #46A055;
		background: #19892B;
		font-size: 1.07rem;
	}

        ul.slimmenu li a {
            display: block;
            padding: 10px 20px;
            font-weight: normal;
            font-style: normal;
            font-size: 1rem;
            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;
            text-decoration: none;
            color: #132a60;

        }

	ul.slimmenu li a:hover {
		text-decoration: none;
	}

	ul.slimmenu > li a:hover {
	}

.has-submenu ul li a:hover {
    background-color: #2A3F6F !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 li a:hover {
        background-color: #2A3F6F;
    }

    .header-search {
        margin-bottom:0!important;
    }

    ul.slimmenu li > ul > li a {
        background-color: #2A3F6F;
    }
	ul.slimmenu li > ul > li ul li a {
		border-left: 1px solid #166482;
		background-color: #5EAC6A;
		font-size: 15px;
	}
		ul.slimmenu li > ul > li ul li a:hover {
			background-color: #5A7A83!important;
		}


	ul.slimmenu.collapsed .has-submenu ul li ul li a {
		
	}
	ul.slimmenu.collapsed li .sub-toggle > i {
		
		margin-top: 15px;
	}
	ul.slimmenu li ul li a {
		padding-left:30px;
	}
	ul.slimmenu.collapsed li .sub-toggle.expanded > i {
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		transform: rotate(-180deg);
		
	}
}

ul.slimmenu.collapsed li .sub-toggle {
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
	width: 35px;
	text-align: center;
	cursor: pointer;
}

ul.slimmenu.collapsed li ul li .sub-toggle {
	height: 43px;
	position: absolute;
	right: 5px;
	top: 0;
	z-index: 999;
	width: 35px;
	text-align: center;
	cursor: pointer;
}



ul.slimmenu.collapsed li .sub-toggle > i {
    background-image: url(../images/arrow-point-to-down.png);
    width: 15px;
    height: 13px;
    display: inline-block;

    background-size: cover;
}

ul.slimmenu.collapsed li .sub-toggle.expanded > i {
	background-image: url(../images/arrow-point-to-down.png);
	width: 15px;
	height: 13px;
	display: inline-block;

}
ul.slimmenu.collapsed li ul li .sub-toggle > i {
	margin-top: 22px;
}
ul.slimmenu.collapsed li ul li .sub-toggle.expanded > i {
	margin-top: 15px;
}
ul.slimmenu.collapsed li ul li i {
	display: none;
}
/*---------------smaller screens-----------------------*/


@media (max-width:767px) {
	.menu-collapser {
		min-width: 100%;
		margin-right: 0;
		float: none;
		padding-left: 0;
		
	}

	ul.slimmenu li ul li .sub-toggle {
		right: 5px;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		transform: none;
	}

	.mobile-menu {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
	}

	ul.slimmenu li ul li a {
		padding-left: 1.3rem;
	}
}

@media (max-width:575px) {
    .mobile-menu {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }
	.carousel-indicators li {
		width: 10px !important;
		height: 10px !important;
		margin-right: 2px !important;
		margin-left: 2px !important;
	}
	ul.slimmenu.collapsed li {
		width: 360px;
	
	}
	ul.slimmenu.collapsed  {
		width: 360px;
	
	}
    ul.slimmenu.collapsed {
        margin-top: 0;
    right:0;
        top: 119%;
    }

	

	.search {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: flex-start;
		align-content: center;
		padding-right: 15px;
	}
}

@media (max-width:427px) {
	ul.slimmenu.collapsed li {
		width:100%;
		left: 0 !important;
	}
	ul.slimmenu.collapsed {
		
		margin-top: 0;
		
		
	}

    ul.slimmenu.collapsed {
        margin-top: 0;
        width: 100%;
        right: 0px;
    }

	.menu-collapser {
		margin-left: 0;
		margin-top: 0;
		padding-left: 0;
	}

	

	



}
@media (max-width:320px) {

ul.slimmenu.collapsed li {
	width:320px; left: 0 !important;
}

ul.slimmenu.collapsed {
	margin-top: 0;
	left: 0;
}

ul.slimmenu.collapsed {
	margin-top: 0;
	width: 320px;
	left: 0;
}
	.header-photo .welcome-text {
		
		font-size: 28px;
		line-height: 38px;
	
	}
}



@media (min-width:568px) and (max-width:767px) and (orientation: landscape) {
	ul.slimmenu.collapsed li {
		width: 425px;
	}

	ul.slimmenu.collapsed {
		width: 425px;
	}


	.header-search {
		margin-top: 1px;
	}

	.menu-collapser {
		margin-left: 0;
		margin-top: 0;
	}



    ul.slimmenu.collapsed {
        right:0;
      top:119%;
    }
}
@media only screen and (min-width: 567px) and (max-width: 767px) and (orientation: portrait) {
    ul.slimmenu.collapsed {
        top: 135%;
        right: 0;
        left: auto;
    }
	

}


@media only screen and (min-width: 567px) and (max-width: 767px) and (orientation: landscape) {
	
	
	.mobile-menu {
	
		
	}
}

@media (min-width:768px) and (max-width:1000px) {
	

	header {
		padding-top: 10px;
	}

	.search, .mobile-menu {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: flex-end;
		align-content: center;
		padding-right: 0;
	}
}




.mobile-menu {
    margin-top: 10px;
}

@media (min-width:768px) and (max-width:991px) {
	ul.slimmenu.collapsed {
		right: 0;
		top: 70px;
		margin-top: 0;
		min-width: 425px;
	}
	ul.slimmenu li ul li .sub-toggle {
		right: 5px;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		transform: none;
	}
		ul.slimmenu.collapsed li {
			min-width: 425px;
		}
}

@media (min-width:992px) and (max-width:1199px) {
    ul.slimmenu.collapsed {
        left: 15vw;
        top: 113%;
        min-width: 425px;
    }
	ul.slimmenu li ul li .sub-toggle {
		right: 5px;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		transform: none;
	}

	.menu-collapser {
		margin-top: 0;
	
	}

	ul.slimmenu.collapsed li {
		min-width: 425px;
	}

  
}
@media (min-width:1200px) {
    ul.slimmenu > li:hover > a {
        background-color: #132a60;
        color: #fff;
      
    }
}
@media (min-width:575px) and (max-width:1200px) {
	
    .mobile-menu {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        align-content: center;
        margin-top:0;
    }
}


@media (min-width:1200px) and (max-width:1400px) {

}

@media (min-width:1400px) and (max-width:1600px) {
	ul.slimmenu li a {
		padding: 10px  20px !important;
	}
	ul.slimmenu li > ul {
		top: 101% !important;
	}
}
