:root {
	/** Фон меню **/
	--color-primary: #1f75fe;
	--color-gray-light: #ccc;
	/** Фон меню **/
	--color-dropdown: transparent;
	/** Активный пункт **/
	--color-white: #ffffff;
	/** Нижнее подчёркивание пунктов **/
	--color-border-bottom: #7fc6de;
	/** Иконка в меню **/
	--color-menu-tab: #232f61;
	/** Ссылка на авторизацию(Выйти) **/
	--color-auth-link: #232f61;
	/** Ссылка пункта меню **/
	--color-item-link: #232f61;
	/** Пункт меню при наведении **/
	--color-item-hover: #7fc6de;
	/** Скорость анимации показа меню**/
	--speed-animate: 0.5s;
	/** Цвет ссылки пункта подменю**/
	--color-dropdown-item: #ffffff;
	/** Цвет ссылки пункта подменю при наведении**/
	--color-dropdown-item-hover: #000;
	/** Цвет  пункта подменю при наведении**/
	--color-dropdown-item-bg: #ffffff;
}

@media(min-width:990px) {
	.navbar-expand-lg~.navbar-collapse {
		display: flex !important;
		position: relative;
		width: 100%;
		height: 71px;
		flex-flow: row nowrap;
		justify-content: flex-start;
	}
}

@media(max-width:760px) {
	.mobile-ul {
		margin-left: 1rem;
		margin-right: 1rem;
	}

	.icms-header__bottom .mobile-ul .nav-item:not(.main-link) .nav-link {
		margin-left: 1rem;
		color: var(--color-item-link) !important;
	}

	.icms-header__bottom .mobile-ul .nav-item:not(.dropdown):hover {
		background-color: var(--color-item-hover);
	}

	.mobile-ul li.main-link>.nav-link {
		color: var(--color-white);
	}

	.icms-navbar .nav-link::before {
		content: none;
	}

	.navbar-nav .nav-link.active {
		color: var(--color-white) !important;
	}

	.icms-header__bottom .dropdown:hover>.dropdown-menu {
		margin-right: 1rem !important;
	}

	.icms-header__bottom .mobile-ul .dropdown-menu {
		background-color: var(--color-dropdown);
		margin-right: 1rem;
		border: 0;
	}

	.icms-header__bottom .mobile-ul .dropdown-menu .dropdown-item {
		color: var(--color-dropdown-item);
	}
	.icms-header__bottom .mobile-ul .dropdown-menu .nav-item:not(.dropright):hover{
		background-color: var(--color-dropdown-item-bg);
	}
	.icms-header__bottom .mobile-ul .dropdown-menu .nav-item:hover > .dropdown-item{
		color: var(--color-dropdown-item-hover);
	}

	.mobile-ul .dropdown-menu .nav-item {
		margin-left: 1rem;
		border: 0;
	}

	.icms-header__bottom .mobile-ul .nav-item {
		border-bottom: 1px solid var(--color-border-bottom);
	}

	.icms-header__bottom .mobile-ul .dropdown-menu .nav-item {
		border-bottom: 0;
	}

	.up-div {
		width: 100%;
	}

	.navbar-expand-lg .navbar-collapse {
		position: fixed;
		width: 40%;
		height: 100%;
		background-color: var(--color-gray-light);
		z-index: 2;
		left: 0;
		overflow-y: auto;
		overflow-x: visible;
		transform: translate(-100%, 0);
	}

	.is-navOpen {
		overflow: hidden;
	}

	.collapse:not(.show) {
		display: inline;
	}

	.slide-out {
		animation-name: slide-out;
		animation-duration: var(--speed-animate);
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
	}

	.slide-in {
		animation-name: slide-in;
		animation-duration: var(--speed-animate);
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
	}

	@keyframes slide-in {
		100% {
			transform: translateX(0%);
		}
	}

	@keyframes slide-out {
		0% {
			transform: translateX(0%);
		}

		100% {
			transform: translateX(-200%);
		}
	}

	.tabs {
		display: flex;
		justify-content: start;
		border-bottom: 1px solid var(--color-border-bottom);
		flex-grow: 1;
		margin-bottom: 1rem;
	}

	.tab-menu {
		padding: 1rem;
		text-align: center;
		justify-content: center;
		display: flex;
		flex-grow: 1;
	}

	.tab-menu:nth-child(1) {
		justify-content: start;
	}


	.tab-menu.close svg {
		fill: var(--color-menu-tab);
		width: 32px;
	}

	.tab-menu .auth a {
		color: var(--color-auth-link);
	}

	.tab-menu.active {
		border-right: 1px solid #fff;
		background-color: cadetblue;
	}

	.container {
		width: 100%;
		padding: 0;
		margin: 0px;
	}

	.container .navbar {
		margin-left: 5px;
	}
}

@media(max-width:520px) {
	.navbar-expand-lg .navbar-collapse {
		width: 75%;
	}
}

@media(max-width:420px) {
	.navbar-expand-lg .navbar-collapse {
		width: 100%;
	}
}

@media (min-width:992px) {
	.toggler {
		display: none;
	}
}