.top-menu {
	margin-left: auto;
	position: relative;
}

.top-menu a {
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	transition: 0.3s ease;
	line-height: initial !important;
	height: fit-content;
	margin-right: 25px;
}

.top-menu a:hover {
	opacity: 0.5;
	color: #fff;
}

.btn-gamb {
	font-size: 4px;
	color: #fff;
	position: relative;
	width: 21px;
	height: 18px;
	cursor: pointer;
	opacity: 0.3;
	display: inline-block;
}

.btn-gamb.active, .btn-gamb:hover {
	display: inline-block;
	opacity: 1;
}

.btn-gamb span {
	display: block;
	position: absolute;
	height: 4px;
	width: 4px;
	background: #006fba;
	border-radius: 50%;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: 0.5s ease-in-out;
	top: 50%;
	margin-top: -2px;
	background: #fff;
}

.btn-gamb span:nth-child(1) {
	left: 0;
}

.btn-gamb span:nth-child(2) {
	left: 8px;
}

.btn-gamb span:nth-child(3) {
	left: 16px;
}

.dropdown-item {
	display: none;
}


.dropdown-block {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0;
	background: #fff;
	margin-top: 40px;
	border-radius: 4px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 15%);
	padding: 0 25px;
	display: none;
}

.dropdown-block.show {
	display: table;
}


.dropdown-block a {
	display: block;
	color: #212426;
	font-weight: 600;
	font-size: 16px;
	padding: 16px 0;
	border-bottom: 1px solid #EFECE9;
	margin: 0;
}

.dropdown-block a:hover {
	color: #527696;
}



@media (max-width: 991px) {
	.btn-gamb {
		opacity: 1;
		height: 11px;
		top: -5px;
	}

	.btn-gamb span {
		border-radius: 1px;
		position: initial;
		display: table;
		height: 2px;
		width: 20px;
		margin-top: 0;
	}

	.btn-gamb span:nth-child(2) {
		margin-top: 4px;
	}

	.btn-gamb span:nth-child(3) {
		margin-top: 4px;
	}

	.top-menu a {
		display: none;
	}
}

.mobile-view {
	display: block;
	position: fixed;
	left: 0;
	right: auto;
	top: 154px;
	width: 100%;
	height: 100%;
	padding: 100px 15px;
	margin-top: 0;
	border-radius: 0;
	background-color: #527696;
	transition: all .3s linear;
	transform: translateX(100%);
	box-shadow: none;
	overflow: auto;
}


.mobile-view.show {
	transform: translateX(0%);
	opacity: 1;
	visibility: visible;
}

.mobile-view-close {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 19px;
	right: 11px;
}

.mobile-view-close span {
	background: #fff;
	width: 20px;
	height: 2px;
	border-radius: 1px;
	display: table;
	position: absolute;
	top: 0;
}

.mobile-view-close span:nth-child(1) {
	transform: translate3d(0, 6px, 0) rotate(45deg);
}

.mobile-view-close span:nth-child(2) {
	transform: translateY(6px) rotate(-45deg);
}

.mobile-view a {
	display: block;
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    padding: 16px 0;
    border-bottom: 1px solid #EFECE9;
}