/* Standart Style */

body{
	font-family: 'Oswald', sans-serif;
}

b{
	font-weight: 500;
}

/* End Standart Style */


/* Begin West Map */

.west-map{
	position: relative;
}

.west-map img{
	width: 100%;
	height: 100%;
}

.west-map svg{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

path, circle{
	cursor: pointer;
	opacity: 0;
	border: 50px solid red;
	-webkit-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

path.bed_room{
	opacity: .3;
}

path:hover, circle:hover, g:hover>path{
	opacity: .4;
	-webkit-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.fast_info{
	display: none;
	border-radius: 7px;
	width: 270px;
	position: absolute;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}

#level_1,
#level_2,
#level_3,
#level_4,
#level_5{
	/* cursor: grab;
	cursor: -webkit-grab; */
	/* -webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3); */
	-webkit-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all .05s ease-in-out;
	-o-transition: all .05s ease-in-out;
	transition: all .05s ease-in-out;
}

.offices-second #level_-1,
.offices-second #level_1,
.offices-second #level_2,
.offices-second #level_3,
.offices-second #level_4,
.offices-second #level_5,
.offices-second #level_6,
.offices-second #level_7,
.offices-second #level_8,
.offices-second #level_9 {
	-webkit-transform: translateY(120px);
	-ms-transform: translateY(120px);
	-o-transform: translateY(120px);
	transform: translateY(120px);
	-webkit-transition: all .05s ease-in-out;
	-o-transition: all .05s ease-in-out;
	transition: all .05s ease-in-out;
}

@media screen and (max-width: 1555px){
	#level_1,
	#level_2,
	#level_3,
	#level_4,
	#level_5{
		-webkit-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		-o-transform: translateY(-100px);
		transform: translateY(-100px);
	}
}

#room_info .title{
	background-color: #217ce0;
	color: #fff;
}

#bed_room_info .title{
	background-color: #ffa500;
	color: #fff;
}

#serv_info .title{
	text-align: center;
	border-radius: 7px;
	background-color: #429951;
	color: #fff;
	padding: 1rem 0.7rem;
}

#serv_info .title h4{
	display: inline-block;
}

#room_info .title h4,
#bed_room_info .title h4{
	font-weight: 600;
	padding: 1rem 0.7rem;
}

#room_info .descr,
#bed_room_info .descr{
	padding: 1rem 0.7rem;
}

#room_info .descr span,
#bed_room_info .descr span{
	font-weight: 300;
	color: #000;
	font-size: 0.89rem;
	line-height: 1.8;
	opacity: .8;
}

.offices-filters *{
	color: #fff !important;
}

#qLtempOverlay{
	display: none !important;
}

.fixed_info{
	position: absolute;
	z-index: 102;
	top: 50%;
	right: 50%;
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	visibility: hidden;
}

.info_window{
	display: none;
	z-index: 99;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 16px rgba(0,0,0,.2);
	box-shadow: 1px 5px 16px rgba(0,0,0,.2);
	width: 650px;
}

.fixed_info.two .info_window{
	width: 400px;
}

.info_window .top{
	position: relative;
	z-index: 14;
	background-color: #fff;
	-webkit-box-shadow: 0px 15px 20px rgba(0,0,0,.4);
	box-shadow: 0px 15px 20px rgba(0,0,0,.4);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	padding: .5rem 1rem;
}

.info_window .top img.logo{
	max-width: 70px;
	padding-right: .5rem;
}

.info_window .top button{
	margin-left: auto;
	background: none;
	border: none;
	cursor: pointer;
	opacity: .7;
}

@media(max-width: 768px) {
	.info_window .top button#close_info2 {
		margin-left: 36%;
	}
}

.info_window .top button img{
	width: 20px;
}

.info_window .top h4{
	font-size: 1.25rem;
}

.info_window .bottom_i{
	/* padding: 2rem 1rem; */
}
.info_window.one .wrap_info{
	position: relative;
    z-index: 15;
    box-shadow: 0px -15px 20px rgba(0,0,0,.4);
}
.info_window .wrap_info{
	padding: 2rem 1rem;
}

.info_window .slide_room{
	cursor: move;
}

.info_window .slide_room .slick-next:before{
	content: url(../img/arow_right.svg);
	width: 60px !important;
	right: 15px !important;
}

.info_window .slide_room .slick-prev:before{
	content: url(../img/arow_left.svg);
	width: 60px !important;
	left: 15px !important;
}

.info_window .slide_room .slick-next{
	width: 60px;
	right: 15px;
	z-index: 12;
}

.info_window .slide_room .slick-prev{
	width: 60px;
	left: 15px;
	z-index: 12;
}

.info_window .slide_room img{
	object-fit: cover;
	object-position: center;
	height: 360px;
	width: 100%;
}

.info_window span.sp{
	display: block;
	font-weight: 300;
	line-height: 1.5;
}

.info_window .bottom_i span.sp img{
	display: inline;
	width: 20px;
	margin-bottom: -4px;
	margin-right: 8px;
	opacity: .7;
}

.info_window .bottom_i .hr{
	padding: .5rem 0;
	margin-bottom: .5rem;
	border-bottom: 1px solid rgba(0,0,0, 0.1);
}

.tabs__content {
  display: none; /* по умолчанию прячем все блоки */
}
.tabs__content.active {
  display: block; /* по умолчанию показываем нужный блок */
}

.control-map{
	display: none;
}



@media screen and (max-width: 1024px){
	.block-content{
		overflow: scroll;
		height: 70vh;
	}
	.west-map{
		width: 1480px;
		/* width: 100%; */
	}
	.weat-map .tabs_block{
		/* width: 1480px; */
	}
	.info_window{
		width: 100%;
		height: 621px;
	}
	.info_window .bottom_i{
		height: 399px;
		overflow-y: scroll;
	}
	.fixed_info {
		position: fixed;
		width: 100%;
		height: 50%;
    top: 70%;
		z-index: 3;
		bottom: 0;
		left: 0;
		right: 0;
		-webkit-transform: translate(0%, 100%);
		-ms-transform: translate(0%, 100%);
		-o-transform: translate(0%, 100%);
		transform: translate(0%, 100%);
	}

	.close_info2,
	.close_info {
		margin-left: 25%;
	}
	.control-map{
		display: none;
		position: fixed;
		right: 10px;
		bottom: 0;
		top: 100%;
	}

	.control-map img{
		width: 30px;
	}

	.control-map button{
		border-radius: 100px;
		padding: 7px;
		box-shadow: 2px 2px 10px rgba(0,0,0,.5);
		border: none;
		background-color: #ffa500;
		opacity: .7;
		cursor: pointer;
	}

	.control-map button:hover:focus{
		opacity: 1;
		outline: none;
	}

	.block-offices .offices-title{
		padding-left: 19px !important;
	}
	.offices-filters{
		padding-left: 25px !important;
	}
	.block-offices .offices-title{
		font-size: 25px !important;
		line-height: 17px !important;
	}
}