.fixed-box {
	position: fixed;
	z-index: 100;
	right: 0;
	bottom: 40px;
	display: flex;
	flex-flow: column;
}

.fixed-box svg {
	max-width: 81px;
}

.links-box {
	width: 81px;
	line-height: 0;
}

.links-box > .link {
	margin-bottom: 1px;
	line-height: 0;
}

.contacts-box {
	height: 140px;
	font-size: 1rem;
	line-height: 1;
	display: flex;
	color: #fff;
}

.contacts-box a {
	text-decoration: none;
	color: #fff;
}

.contacts-box a:hover {
	opacity: .8;
	color: inherit;
}

.contacts-box svg {
	fill: #fff;
}


.contacts-box .contacts {
	display: flex;
	align-items: end;
	flex-flow: column;
	flex-direction: column;
	gap: 1px;
	margin-right: 1px;
}

.contacts-box .contact .btn-act {
	cursor: pointer;
	z-index: 10;
	width: 25px;
	height: 25px;
}

.contacts-box .contacts .contact{
	flex: 1;
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex-flow: row;
	align-items: center;
	justify-content: end;
	position: relative;
}

.contacts-box .contacts .contact .info-text {
	transition: all 0.3s ease-out;
	text-align: right;
	white-space: nowrap;
	position: absolute;
	right: -500px;
	height: 100%;
	z-index: 1;
	line-height: 1.875;
	padding-left: .5rem;
	padding-right: 1rem;
}

.contacts-box .contacts .contact.expanded .info-text {
	right: 25px;
}

.contacts-box svg.vfm-icon {
	min-width: 100%;
	min-height: 100%;
}

.contacts-box .contact.phone,
.contacts-box .contact.phone .info-text,
.contacts-box .contact.phone .btn-act{
	background-color: #f49600;
}

.contacts-box .contact.mail,
.contacts-box .contact.mail .info-text,
.contacts-box .contact.mail .btn-act{
	background-color: #787c7d;
}

.contacts-box .contact.booking,
.contacts-box .contact.booking .info-text,
.contacts-box .contact.booking .btn-act{
	background-color: #bec0c2;
}

.contacts-box .contact.starterpackage,
.contacts-box .contact.starterpackage .info-text,
.contacts-box .contact.starterpackage .btn-act{
	background-color: #0a265d;
}

.contacts-box > .info {
	z-index: 100;
	width: 30px;
	background-color: #ec6726;
	display: flex;
}

@media (min-width: 768px) {
	.contacts-box {
		bottom: 120px;
	}
}

@media (min-width: 1190px) {
	
	.contacts-box {
		height: 180px;
		font-size: 1.5rem;
	}
	
	.contacts-box .contact .btn-act {
		width: 40px;
		height: 40px;
	}
	
	.contacts-box .contacts .contact.expanded .info-text {
		right: 40px;
		line-height: 1.75;
	}

	.contacts-box > .info {
		width: 40px;
	}

}