/* Write your custom CSS here */
:root {
	--sandwich-size: 40px;
}

.sandwich {
	box-shadow: inset 0 0 0 calc(var(--sandwich-size) / 20) currentColor;
	padding: calc(var(--sandwich-size) / 5);
	justify-content: space-around;
	height: var(--sandwich-size);
	width: var(--sandwich-size);
	flex-direction: column;
	border-radius: 0.25rem;
	color: #8014f1;
	display: none;
	border: none;
}

.sandwich span {
	height: calc(var(--sandwich-size) / 20);
	background: currentColor;
	display: block;
	content: '';
	width: 100%;
}

.page-tabs {
	padding: 0 !important;
	overflow: visible;
}

.page-tabs__wrapper {
	display: flex;
}

.page-tabs__wrapper a:not(.active):hover {
	background: #ECECEC;
}

.page-tabs__wrapper a h5 {
	white-space: nowrap;
	padding: 10px 25px;
	line-height: 28px;
}

.page-tabs__wrapper a.active h5 {
	color: #641eff;
}

@media (max-width: 767.98px) {
	.sandwich {
		display: flex;
	}

	.page-tabs {
		height: 50px;
	}

	.page-tabs:before {
		border-color: #999 transparent;
		transform: translate(0,-50%);
		border-width: 5px 4px 0;
		border-style: solid;
		position: absolute;
		content: '';
		right: 15px;
		top: 50%;
	}

	.page-tabs.open:before {
		border-width: 0 4px 5px;
	}

	.page-tabs__wrapper {
		border: 1px solid rgba(0,0,0,.125);
		border-radius: 0.35rem;
		flex-direction: column;
		border-bottom-width: 0;
		border-top-width: 0;
		background: #FFFFFF;
		position: absolute;
		display: flex;
		right: -1px;
		left: -1px;
		top: 100%;
	}

	.page-tabs.tabs-collapsing .page-tabs__wrapper,
	.page-tabs.open .page-tabs__wrapper,
	.page-tabs.open .page-tabs__wrapper a.default {
		z-index: 2;
	}

	.page-tabs.open .page-tabs__wrapper {
		border-bottom-width: 1px;
		border-top-width: 1px;
		margin-top: 3px;
		padding: 5px 0;
	}

	.page-tabs__wrapper:before {
		position: absolute;
		height: 50px;
		bottom: 100%;
		content: '';
		z-index: 1;
		right: 0;
		left: 0;
	}

	.page-tabs.open .page-tabs__wrapper:before {
		margin-bottom: 3px;
	}

	.page-tabs__wrapper a {
		-webkit-transition: max-height 200ms ease;
		-moz-transition: max-height 200ms ease;
		-o-transition: max-height 200ms ease;
		transition: max-height 200ms ease;
		align-items: center;
		overflow: hidden;
		display: flex;
		max-height: 0;
		width: 100%;
		order: 1;
	}

	.page-tabs__wrapper a.active,
	.page-tabs__wrapper a.default {
		transform: translate(0,calc(-100% + 1px));
		position: absolute;
		max-height: 50px;
		height: 50px;
		order: 0;
	}

	.page-tabs.open .page-tabs__wrapper a.active {
		width: calc(100% - 38px);
		pointer-events: none;
	}

	.page-tabs.open .page-tabs__wrapper a {
		max-height: 50px;
	}

	.page-tabs.open .page-tabs__wrapper a.active,
	.page-tabs.open .page-tabs__wrapper a.default {
		transform: translate(0,calc(-100% + (-8px)));
	}

	.page-tabs.open .page-tabs__wrapper a.active ~ a.default,
	.page-tabs.open .page-tabs__wrapper a.active:nth-last-child(n) ~ a.default {
		position: relative;
		transform: none;
		max-height: 0;
		height: auto;
		order: 1;
	}

	.page-tabs__wrapper a h5 {
		white-space: normal;
		padding: 10px 25px;
		line-height: 1.2;
	}
}

.more-dropdown {
	order: 1;
}

.more-dropdown__wrapper {
	flex-direction: column;
	display: flex;
}

@media (min-width: 768px) {
	.more-dropdown {
		padding: 10px 28px 10px 25px;
		position: relative;
		height: inherit;
		display: block;
	}

	.more-dropdown:only-child .more-dropdown__wrapper,
	.more-dropdown:nth-child(1) .more-dropdown__wrapper,
	.more-dropdown:nth-child(2) .more-dropdown__wrapper,
	.more-dropdown:nth-child(3) .more-dropdown__wrapper {
		right: auto;
		left: -1px;
	}

	.more-dropdown:before {
		-webkit-font-smoothing: antialiased;
		font-family: 'Rubik', sans-serif;
		font-size: 1.25rem;
		line-height: 28px;
		font-weight: 300;
		content: 'Еще';
		color: #2b2b2b;
	}

	.more-dropdown:after {
		border-color: #999 transparent;
		transform: translate(0,-50%);
		border-width: 5px 4px 0;
		border-style: solid;
		position: absolute;
		content: '';
		right: 15px;
		top: 50%;
	}

	.more-dropdown:hover {
		background: #ECECEC;
	}

	.more-dropdown:hover:after {
		border-width: 0 4px 5px;
	}

	.more-dropdown:hover .more-dropdown__wrapper {
		border-bottom-width: 1px;
		margin-top: 1px;
	}

	.more-dropdown:hover .more-dropdown__wrapper a {
		max-height: 50px;
	}

	.more-dropdown__wrapper {
		border-radius: 0 0 0.35rem 0.35rem;
		border: 1px solid rgba(0,0,0,.125);
		flex-direction: column;
		border-bottom-width: 0;
		border-top-width: 0;
		background: #FFFFFF;
		position: absolute;
		right: -1px;
		z-index: 1;
		top: 100%;
	}

	.more-dropdown__wrapper a {
		-webkit-transition: max-height 200ms ease, background 200ms ease;
		-moz-transition: max-height 200ms ease, background 200ms ease;
		-o-transition: max-height 200ms ease, background 200ms ease;
		transition: max-height 200ms ease, background 200ms ease;
		align-items: center;
		background: #FFFFFF;
		overflow: hidden;
		display: flex;
		max-height: 0;
		width: 100%;
		order: 1;
	}

	.more-dropdown__wrapper {
		scrollbar-gutter: stable;
		max-height: 75vh;
		overflow: auto;
	}
	.more-dropdown:hover .more-dropdown__wrapper a {
		overflow: visible;
	}
}