html {
/*-------------ЦВЕТ МЕНЮШКИ-------------------*/

	--main-color-menu-bg: black;
	--main-color-menu-text: lightgray;
	--main-color-menu-text-hover: white;

/*-------------ВЫСОТА МЕНЮШКИ-------------------*/

	--main-color-menu-height: 50px;

/*-------------ЦВЕТ ФОНА И ТЕКСТА ПОДМЕНЮ-------------------*/

	--main-color-submenu-text-hover: #01adda;
	--main-color-submenu-text-active: lightgray;
	--main-color-submenu-bg-hover: white;
	--main-color-submenu-bg-active: white;

}


/*------------------------CSS------------------------------*/
.top_menu .collapse, .top_menu .container, .top_menu ul {
	min-height: var(--main-color-menu-height);
}

.top_menu {
	border-bottom-left-radius: 34px;
	border-bottom-right-radius: 34px;
}


.top_menu ul > li {
    display: flex;
    align-items: flex-end;
}

.top_menu ul > li:hover {
    background-color: #508885;
}

.top_menu ul > li:hover > a {
    color: white!important;
}

.top_menu button {
    margin: auto;
}

.top_menu ul > li > a {
	color: #01adda!important;
	font-weight: bold;
	text-transform: uppercase;
}


.navbar-nav li {
	margin: 0 10px;
	padding: 0 15px;
}

.navbar-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: auto;
}

/*-------------------МЕДИА--------------------------*/

@media (max-width: 415px) {
	.navbar-nav > li .dropdown-menu {
		position: static;
	}
}

@media (max-width: 716px) {
	.navbar-nav {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

}