body {
	/* Задний фон */
	background: url(images/bg.gif);
	background-size: 100%;
}

.square {
	/* Размеры, отступы*/
	width: 80%; 
	min-width: 400px;
	margin: auto;
	margin-top: 80px;
	margin-bottom: 80px;  

	/* Центрирование дочерних объектов */
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	/* Декорация */
	border-radius: 30px;
	box-sizing: border-box;
	background-color: white;
}

.logo {
	/* Позиционирование */
	min-width: 100px;
	min-height: 100px;

	height: 15%;
	width: 15%;

	margin-top: 25px; 

	display: table;
	pointer-events: none;

	/* Анимация */
	animation: showDown 1s;
}

/* Стиль заголовков */
.title {
	/* Параметры текста */
	font-family: 'Font';
	font-size: calc(0.8rem + 1.8vw);

	/* Позиционирование */
	text-align: center;
	white-space: nowrap;
}

/* Стиль текста */
.text {
	/* Параметры текста */
	font-family: 'TextFont';
	font-size: calc(1rem + 1.5vw);
	font: bold;

	/* Позиционирование */
	white-space: normal;
	text-align: center;
	width: 70%;

	/* Анимация */
	animation: show 1.5s;
}

/* Настройка "Почему мы?" */
.pluses-block {
	/* Позиционирование */
	float: left; 
	margin-right: 15px;

	width: 80%;
	height: 80%;

	min-width: 325px;
	min-height: 97px;

	pointer-events: none;

	/* Текст */
	font-size: calc(0.5rem + 1vw);
	font-family: 'Font';
	text-align: center;
	white-space: nowrap;

	/* Декорирование */
	color: black;
}

.wrap :last-child {
	margin-right: 0px;/*Убираем поле последнего div-а*/
}

/* Карта */
.map {
	height: 460px;
	width: 60%;

	border: 5px solid dodgerblue;
	border-radius: 10px;
}

/* Кнопка */
.sel-room {
	appearance: none;
	border: 2px solid dodgerblue;
	border-radius: 30px;
	cursor: pointer;

	width: 60%;
	height: 50px;

	max-width: 300px;

	margin-right: 10px;
	margin-left: 10px; 
	margin-bottom: 40px; 

	display: inline;
	float: left; 

	background: transparent;
	color: dodgerblue;
	transition: all 0.3s ease;

	font-family: 'Font';
	font-size: calc(0.8rem + 0.8vw);

}

.sel-room:hover {
	background-color: #4169e1;
	color: white;
}

.sel-room:active {
	background-color: #29428f;
	color: white;
}

.table-wrap{
	overflow-x:auto;
}

.table-prices {
	font-size: calc(0.6rem + 0.6vw);
	font-family: 'TableFont';

	border-spacing: 0;
    width: 100%;

	border-collapse: collapse;
	border:4px solid dodgerblue;
	border-radius: 25px;
	display: block;

	background: linear-gradient(90deg, #b9deed, #b0bfd3);
}

table.table-prices th, table.table-1 td {
	text-align: center;
    padding: 8px;
}

td {
	border: 1px solid ;
}

table.table-prices th{
	font-weight: bold;
}

th{
	padding: 15px;
}

.links-block {
	display: block;
	margin: auto;
}

.links {
	height: 100%;
	width: 10%;

	margin-right: 25px;
	margin-left: 25px;
}

/* Кнопка прокрутки */
#toTop {
	position:fixed;
	z-index:9999;
	bottom:0px;
	right:0px;
	background: url('images/up.png') no-repeat;
	width: 30px;
	height: 30px;
	border: none;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	text-decoration: none;
}

/* Шрифт */
@font-face {
	font-family: 'Font'; 
	src: url(fonts/font.otf); 
}

@font-face {
	font-family: 'TableFont'; 
	src: url(fonts/table-font.otf); 
}

@font-face {
	font-family: 'TextFont'; 
	src: url(fonts/text.ttf); 
}

/* Анимация появления вверхних элементов */
@keyframes showDown {
	from {opacity: 0;} to {opacity: 1;}

	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}        
	100% {
		transform: translateY(0%);
	} 
}

/* Анимация появления элементов*/
@keyframes show {
	from {opacity: 0;} to {opacity: 1;}
}