@font-face {
	font-family: MuseoSansCyrl;
	/* Имя шрифта */
	src: url(../fonts/MuseoSansCyrl-100.ttf);
	src: url(../fonts/MuseoSansCyrl-300.ttf);
	src: url(../fonts/MuseoSansCyrl-500.ttf);
	src: url(../fonts/MuseoSansCyrl-700.ttf);
	/*src: url(../fonts/MuseoSansCyrl-900.ttf);*/
	/* Путь к файлу со шрифтом */
}

@font-face {
	font-family: "MuseoSansCyrlExtraBold";
	src: url(../fonts/MuseoSansCyrl-900.ttf);
}

body {
	min-width: 320px;
}

a,
button {
	outline: none !important;
	cursor: pointer;
}

li {
	list-style: none;
}

body a {
	text-decoration: none;
}

h4 {
	font-size: 36px;
}

.slick-slide {
	outline: none !important;
}

.button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	height: 35px;
	border: 1px solid #e5ae56;
	border-radius: 17.5px;
	background: transparent;
	font-size: 8.94px;
	width: 130px;
	font-weight: 700;
	letter-spacing: .8px;
	transition: all .2s;
	color: #000;
	cursor: pointer;
}

.button:hover {
	box-shadow: 1px 1px 14px 0px rgba(247, 180, 93, 0.4);
	text-decoration: none;
	color: #000;
}

.toggle-menu-wrap {
	display: none;
}

.toggle-menu {
	display: block;
	width: 28px;
	height: 30px;
	padding-top: 12px;
}

.toggle-menu span:after,
.toggle-menu span:before {
	content: "";
	position: absolute;
	left: 0;
	top: -9px;
}

.toggle-menu span:after {
	top: 9px;
}

.toggle-menu span {
	position: relative;
	display: block;
}

.toggle-menu span,
.toggle-menu span:after,
.toggle-menu span:before {
	width: 100%;
	height: 4px;
	background-color: #fff;
	transition: all 0.3s;
	backface-visibility: hidden;
	border-radius: 1px;
}

/* on activation */
.toggle-menu.on span {
	background-color: transparent;
}

.toggle-menu.on span:before {
	transform: rotate(45deg) translate(5px, 5px);
}

.toggle-menu.on span:after {
	transform: rotate(-45deg) translate(7px, -8px);
}

/*
.smoll-menu-humb{
	color: #5f5348;
	font-size: 30px;
	position: fixed;
	right: 30px;
	top: 30px;
	z-index: 1600;
	font-weight: 900;
	display: none;
	cursor: pointer;
}
.smoll-menu {
	background: #e5ae56;
	height: 100vh;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 152;
	display: none;
	opacity: 0.9;
}
.smoll-menu-active{
	display: block;
}

.smoll-menu ul{
	margin-top: 50px;
}
.smoll-menu a{
	color: #fff;
	margin: 200px 0;
	font-size: 30px;
}
.smoll-menu .menu__tel{
	position: absolute;
	right: 50px;
}
.smoll-menu .button{
	right: 50px;
	top: 330px;
	position: absolute;
	border: 1px solid #fff;
	color: #fff;
	font-weight: 500;

	
}
.smoll-menu .button:hover{
	background: #fff;
	color: #e5ae56;
	}*/
	/*заголовок екрана*/
	.squere-title {
		position: relative;
		display: block;
	}

	.squere-title h4 {
		letter-spacing: .8px;
		margin-left: 21px;
		font-size: 36px;
		font-weight: 900;
		color: #5f5348;
		line-height: 1;
		position: relative;
		z-index: 3;
	}

	.square {
		position: absolute;
		top: -16px;
	}

	/*main*/
	/*first-page*/
	.first-page {
		background-image: url(../img/bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 744px;
		position: relative;
	}

	.menu-wrapper {
		z-index: 100;
		position: fixed;
		width: 100%;
		transition: all .3s;
	}

	.menu-wrapper.scrolled {
		background-color: #28201e;
		box-shadow: 0 0 4px rgba(0,0,0,.5);
	}

	.menu-block {
		transition: all .3s;
		align-items: center;
		padding: 25px 0 25px 0;
	}



	.scrolled .menu-block {
		padding: 6px 0 10px;
	}

	.menu__logo {
		align-items: center;
		color: #fff;
	}
	.menu__logo:hover{
		color: #fff;
	}

	.footer_menu__logo p {
		color: #333;
	}

	.menu__logo:hover {
		text-decoration: none;
	}

	.menu__logo img {
		height: 45px;
		padding-right: 10px;
		font-weight: 100;
	}


	.menu__logo p {
		text-transform: uppercase;
		margin: 0;
		margin-left: 1px;
		display: flex;
		flex-direction: column;
		line-height: 1.25;
		font-size: 11px;
		letter-spacing: .5px;
		font-weight: 100;
		height: 100%;
		align-items: center;
	}

	.menu__logo p span {
		font-size: 14px;
	}

	@media only screen and (min-width: 1190px) {

		.menu__nav {
			display: flex !important;
			flex-grow: 1;
			padding: 0 0px;
		}

		.menu__nav ul {
			display: flex;
			margin: 0;
			padding: 0;
		}

		.menu__nav ul li {
			flex-grow: 1;
			display: flex;
		}


		.menu__nav a {
			text-align: center;
			width: 100%;
			text-decoration: none;
			font-size: 11px;
			letter-spacing: 1.6px;
			color: #fff;
			font-weight: 500;
			padding: 10px 7px;
			position: relative;
			text-transform: uppercase;
			transition: opacity .3s;
		}

		.scrolled .menu__nav a::after {
			background: #fff;
			box-shadow: 2px 2px 9px 1px rgba(255, 255, 255, 0.7);
			top: 32px;
		}

		.menu__nav a::after {
			content: '';
			width: 30px;
			/*width: 0px;*/
			height: 1px;
			display: inline-block;
			background: #e5ae56;
			vertical-align: middle;
			position: absolute;
			left: 6px;
			top: 42px;
			transition: all .3s .1s;
			box-shadow: 1.928px 2.298px 9.3px 0.7px rgba(229, 174, 86, 0.7);
			opacity: 0;
		}

		.menu__nav a:hover::after,
		.menu__nav .active a::after {
			opacity: 1;
			width: 30px;
			transition: all .3s;
		}

	}





	.menu__tel a {
		text-transform: uppercase;
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 0.7px;
		color: #fff;
		margin-right: 18px;
	}

	.first-page .button {
		color: #fff;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 1px;
	}

	.scrolled .button {
		border-color: #fff;
	}

	.scrolled .button:hover {
		box-shadow: 1px 1px 14px 0px rgba(255, 255, 255, 0.5);
	}





.first-page-frame {
    background-image: url(../img/frame1.png);
    z-index: 2;
    background-repeat: no-repeat;
    height: 661px;
    position: relative;
    left: 581px;
    top: 436.5px;
    transform: translate(-50%, -50%);
    background-position: center center;
    width: 1142px;
}

	.first-page-frame h2 {
		font-size: 52px;
		font-family: 'MuseoSansCyrlExtraBold';
		text-transform: uppercase;
		line-height: 1.2;
		margin-bottom: 25px;
		color: #fff;
		font-weight: 900;
		letter-spacing: 3.9px;
	}

	.first-page-frame h2 span {
		color: #e5ae56;
		letter-spacing: 1.6px;
	}


	.first-page-frame_text {
		max-width: 465px;
		display: flex;
		line-height: 1.86;
		justify-content: space-between;
		font-size: 12px;
		font-weight: 300;
		letter-spacing: .8px;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #fff;
		position: relative;
	}

	.first-page-frame hr {
		background-color: rgb(224, 173, 107);
		opacity: 0.161;
		position: absolute;
		width: 90px;
		height: 1px;
		border: none;
		left: 0;
		bottom: -20px;
	}


	.first_button {
		background: #e5ae56;
		color: #fff;
		font-size: 10px;
		height: 42px;
		border-radius: 20px;
		width: 148px;
		/* box-shadow: 7px 15px 18px 0px rgba(247, 180, 93, 0.3);*/
	}

	.first-page_padding {
		padding: 220px 100px 80px 70px;
	}
	.page_circle-flex{
		padding-left: 20px;
	}



	.first-page_circle {
		position: relative;
		width: 44px;
		height: 44px;
	}

	.first-page_circle-border {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		border-radius: 50%;
		height: calc(100%);
		width: calc(100%);
		background: rgb(224, 173, 107);
		opacity: 0.161;
		z-index: 6;
	}

	.first-page_circle-bc {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		border-radius: 50%;
		height: calc(100% + 16px);
		width: calc(100% + 16px);
		border: 1px solid rgb(224, 173, 107);
		opacity: 0.161;
		z-index: 6;
	}

	.first-page_circle-text {
		font-size: 24px;
		color: rgb(224, 173, 107);
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 500;
	}



	.first-page-plus {
		display: flex;
		justify-content: center;
		color: #fff;
		font-size: 13px;
		font-weight: 500;
		align-items: center;
	}

	.first-page-plus span {
		position: relative;
	    font-weight: 400;
	    padding-top: 11px;
	    letter-spacing: .8px;
	    line-height: 1.66;
	    margin-left: 14px;
	    margin-top: -15px;
	}

	/*second-page*/
	.second-page {
		background-color: #fcf6ec;
	}

	.second-page-smoll {
		color: #1a1c20;
		font-size: 13px;
		margin: 10px 0;
		font-weight: 500;
		letter-spacing: .5px;
	}

	.second-page-big {
		color: #e9a437;
		font-size: 24px;
		margin: 0;
		font-weight: 700;
		letter-spacing: 2px;
	}

	.second-page__information {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		padding-top: 70px;
		padding-bottom: 70px;
/*		margin: -15px;
		margin-right: -15px;
		*/
	}

	.second-page__information-blok {
		text-align: center;
		width: calc(100% / 5);
		/*	margin-bottom: 30px;*/
		padding-left: 15px;
		padding: 15px;
		position: relative;
	}

	.second-page__information-blok::after {
		content: '';
		height: 80px;
		width: 1px;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(0, -50%);
		background-color: rgba(54, 54, 54, .1);
	}

	.second-page__information-blok:last-child::after {
		display: none;
	}

	.orange {
		color: #e5ae56;
	}






	/*maps*/
	#map {
		width: 100%;
		height: 346px;
	}
	.maps {
		/*padding-top: 50px;*/
		margin-top: 90px;
		position: relative;
	}

	.maps-bc {
		/*position: absolute;
		bottom: -100px;
		width: 100%;
		height: 480px;
		height: calc(100% - 118px);
		background-color: #fcf6ec;*/
		position: absolute;
    bottom: -346px;
    width: 100%;
    height: 480px;
    height: calc(100% - 95px);
    background-color: #fcf6ec;
	}

	.maps .squere-title {
		margin-bottom: 65px;
	}


	.maps-header {
		position: relative;
		background: url(../img/rectangle.png);
		width: calc(100%);
		z-index: 52;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
		padding: 10px;
	}

	.maps-header .first-page-plus {
		padding: 9px 10px;
		flex-grow: 1;
		justify-content: flex-start;
	}


	.maps_left {
		/*height: 100%;*/
		display: flex;
		flex-direction: column;
	}

	.maps-tabs {
		position: relative;
		width: 100%;
	}

	.tabs__content {
		display: none;
		width: 100%;
	}



	.tabs__content.active {
		display: block;
		/* по умолчанию показываем нужный блок */
	}
	.tabs__content img {
		width: 100%;
	}
/*.active{
	background: url(../img/2_hover.png);
	}*/




	.maps-nav-bk {
		display: flex;
		flex-direction: column;
		height: 100%;
		background-image: url(../img/rectangle_2.jpg);
		background-size: cover;
		width: 100%;
		height: 100%;
		padding: 0;
		position: relative;
	}

	.maps-nav-title .color-orange {
		color: #e5ae56;
	}

	.maps-nav-title {
		font-size: 15px;
		color: #fff;
		font-weight: 700;
		padding-left: 18px;
		padding-right: 10px;
		height: 135px;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	.maps-nav-bk hr {
		width: 100%;
		background-color: rgb(224, 173, 107);
		border: none;
		/*height: 2px;*/
		min-height: 1px;
		margin: 0px auto;
	}

	.tabs__caption-wrap{
		position: absolute;
		top: 135px;
		left: 0;
		width: 100%;
		height: calc(100% - 135px);
	}

	.tabs__caption {
		/*position: absolute;*/
		/*height: calc(100% - 135px);*/
		/*height: 400px;*/
		height: 100%;
		/*bottom: 0;*/
		/*left: 0;*/
		/*width: 100%;*/
		counter-reset: map-counter;
		padding: 0;
		margin: 0;
		/*overflow-y: scroll;*/
	}

	.tabs__caption li {
		padding: 18px 18px 14px;
		cursor: pointer;
		transition: all .3s;
		border-left: 3px solid transparent;
	}

	.tabs__caption li:hover {
		/*box-shadow: inset 0px 0px 2px 0px rgba(247, 180, 93, 0.8);*/
		/*background-color: rgba(247, 180, 93, 0.2);*/
		border-color: rgb(224, 173, 107);
	}

	.tabs__caption li.active {
		background: url(../img/2_hover.png);
		background-size: cover;
	}

	.tabs__caption li span {
		display: block;
		margin-bottom: 4px;
	}


	.nav-title {
		color: #fff;
		font-size: 13px;
		font-weight: 700;
		line-height: 17px;
	}

	.nav-title::before {
		content: counter(map-counter) '. ';
		counter-increment: map-counter;
	}

	.nav-adres {
		font-size: 12px;
		color: #e5ae56;
		font-weight: 500;
	}

	.nav-time {
		color: #fff;
		font-size: 12px;
		font-weight: 500;
	}


	.mCSB_scrollTools{
		opacity: 1;
	}

	.tabs__caption .mCSB_inside>.mCSB_container{
		margin-right: 3px;
	}

	.mCSB_scrollTools{
		width: 3px;
	}
	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #e0ad6b;
		border-radius: 0;
		width: 8px;
		opacity: .5;
	}
	._mCS_1 .mCSB_dragger .mCSB_dragger_bar{
		width: 3px;
		border-radius: 0;
		background: #e0ad6b !important;
	}





/*._mCS_1 .mCSB_dragger .mCSB_dragger_bar{ background-color: red !important; }

._mCS_2 .mCSB_dragger .mCSB_dragger_bar{ background-color: green; }

#mCSB_3_dragger_vertical .mCSB_dragger_bar{ background-color: blue; }

#mCSB_1_scrollbar_vertical .mCSB_dragger{ height: 100px; }

#mCSB_1_scrollbar_horizontal .mCSB_dragger{ width: 100px; }

.mCSB_1_scrollbar .mCSB_dragger .mCSB_draggerRail{ width: 4px; }*/



/*free-room*/
.hidden {display: none;}
.free-room{
	margin-top: 170px;
	position: relative;
	margin-bottom: 170px;	
}
.free-room-information{
	margin: 0;
	margin-top: 46px;
	background-color: #fff;	
	z-index: 10;
	padding-bottom: 60px;
}
.free-room_shadow{
	box-shadow: 10px 24px 67px 0px rgba(0, 0, 0, 0.35);
	position: relative;
}
.free-room-information h5{
	font-size: 21px;
	color: #50463d;
	padding-left: 5px;
	padding-top: 65px;
	font-weight: 500;
}

.free-room__numbers{
	max-width: 350px;
}

.free-room__numbers span{
	color: #5f5348;
	font-size: 18px;
	width: 70px;
	height: 60px;
	border: 1px solid #efce9a;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 900;
	margin: 5px;
	cursor: pointer;
}
.free-room__numbers span:hover , 
.free-room__numbers span.active{
	color: #e3ae60;
	border-color: #e3ae60; 
	background: none;
}
.free-room__number .number{
	color:#50463d; 
	font-size: 21px;
	font-weight: 900;
	width: 172px;
	height: 60px;
	border: 1px solid #e3ae60;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f6e4c5;
	background-image: url(../img/rectangle_3.png);
}
.free-room__number{
	display: flex;
	justify-content: space-around;
	margin: 40px 0 20px 0;
}
.free-room__number .meters{
	font-size: 21px;
	color: #50463d;
	font-weight: 700;
}
.free-room__floor{
	display: flex;
	justify-content: space-around;
	font-weight: 500;
}
.free-room__floor .floor{
	font-size: 21px;
	font-weight: 900;
	color: #50463d;
}
.free-room__number .meters span,
.free-room__floor .floor span,
.free-room__floor .price span{
	font-size: 36px;
}
.free-room__floor .price{
	font-size: 21px;
	color: #e3ae60;
}
.free-room__text{
	font-size: 12px;
	line-height: 20px;
	padding-left: 20px;
	font-weight: 500;
}

.photo-office a{
	margin-bottom: 15px;
	display: inline-block;
	font-size: 18px;
	color: #50463d;
	padding: 2px 5px;
	margin-right: 60px;
	text-decoration: underline;
}
.photo-office a:hover{
	text-decoration: none;
}

.photo-office a.active{
	color: #e7b565;
}
.photo-office{
	margin-top: 65px;
	font-weight: 700;	
}

.office_tab{
	display: none;
	min-height: 410px;
	position: relative;
}

.office_tab.active{
	display: block;
}

.office_tab .rent{
	position: absolute;
	top: 17px;
	left: 34px;
	font-weight: 700;
	background-color: #e7b565;
	color: #fff;
	text-decoration: underline;
	padding: 12px 34px 15px;
	font-size: 20px;
}
.office_tab .rent:hover{
	text-decoration: none;
}

.office_tab .image-frame{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 100%;
}
.office_tab .image-frame img{
	/*width: 100%;*/
	max-height: 351px;
	max-width: 100%;
}

.office_tab .small-images{
	display: flex;
	padding: 5px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.office_tab .small-images a{
	position: relative;
	margin: 5px;
	width: 50px;
	height: 50px;
}
.office_tab .small-images a::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid transparent;
	transition: all .3s;
}

.office_tab .small-images a.active::after,
.office_tab .small-images a:hover::after{
	border-color: #e7b565;
}



.marker{
	font-size: 12px;
	display: flex;	
	padding-left: 	20px;	
	color: 	#5f5348;
	font-weight: 500;
}
.marker-1 span{
	width: 20px;
	height: 20px;
	display: block;
	background-color:#f6e6d2;
	margin-right: 10px;	
}
.marker-2 span{
	width: 20px;
	height: 20px;
	display: block;
	background-color:#deddd9;
	margin-right: 10px;
}
.marker-1{
	padding-right: 60px;	
}
.marker-1, .marker-2{
	display: flex;
}
/********/
.free-room_slider{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	max-height: 310px;	
}
.free-room_slider img{
	width: 100%;
	max-width: 500px;
	max-height: 310px;	
	margin: 	0 auto;
	margin-bottom: 20px;		
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	opacity: 0;
}
.free-room_slider img.active{
	opacity: 1;
}
.free-room_slider_dots {
	display: inline-block;
	width: 92%;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 0;
}
.free-room_slider_dots span{
	transition: all .3s;
	transform: translate(0, 3px);
	display: inline-block;
	margin: 0;
	cursor: pointer;
	font-size: 14px;
	font-weight: 900;
	width: 25px;
	height: 25px;
	position: relative;
	border: 1px solid transparent;
	top: 10px;
	color: transparent;
}

.free-room_slider_dots span::after{
	transition: all .3s;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #5f5348;
}


.free-room_slider_dots span:hover , 
.free-room_slider_dots span.active{
	transform: none;
	border-color: #e5ae56;
	color: #5f5348;
}
.free-room_slider_dots span:hover::after , 
.free-room_slider_dots span.active::after{
	opacity: 0;
}



.slick-initialized .slick-slide:focus{
	outline: 0;
}
.free-room-information .slick-prev
{
	color: #43c918;
	transition: all .3s;
	width: 40px;
	height: 40px;
	border: 1px solid #e5ae56;
	position: absolute;
	right: -75px;
	left: initial;
	top: 75px;
	opacity: 0.7;
	z-index: 10;
}
.free-room-information .slick-next{
	color: #43c918;
	transition: all .3s;
	width: 40px;
	height: 40px;
	border: 1px solid #e5ae56;
	position: absolute;
	top: 25px;
	right: -75px;
	opacity: 0.7;
	z-index: 10;
}
.free-room_footer{
	padding: 	28px 0;
	display: flex;
	color: 	#fff;
	align-items: center	;
	justify-content: flex-start;	
	position: relative;	
}
.free-room_footer p{
	font-size: 22px;
	font-weight: 500;
	line-height: 1.1;
	margin-right: 15px;
	margin: 0;	
	margin-left: 42px;	
}
.free-room_footer hr{
	background-color: #fff;
	height: 1px;
	width: 90px;
	border: none;
	margin: 10px 30px;
}
.free-room_footer-bc{

	margin: 0;
	background: url(../img/rectangle_4.png);
	background-size: cover;
}
.free-room_footer .button{
	font-weight: bold;
	background-color: 	#fff;
	color: 	#5f5348;
	font-size: 9.52px;	
	font-weight: 900;
	letter-spacing: .3px;
}
/*information_about*/
.information__about{
	background-image: url(../img/IMG_7139.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 939px;
	width: 100%;
	position: relative;
}
.information_about__frame{
	background-image: url(../img/IMG_7139_2.png);
	z-index: 2;
	background-repeat: no-repeat;
	background-position: center center center center;
	background-size: cover;
	width: 1142px;
	height: 994px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.information__about{
	margin-top: 	80px;
}
.information_about__block{
	position: 	relative;
	width: 235px;	
	height: 122px;
	margin:30px;	
	display: flex;
	justify-content: center;
	align-items: center;
}

.information_about__block-bk{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);

	height: calc(100%);
	width: calc(100% + 30px);
	background: #3e424d;
	z-index: 1;
}
.information_about__block-border{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: calc(100% + 30px);
	width: calc(100% + 20px);
	border: 	1px solid #e5ae56;
	z-index: 2;
}
.information_about__block-gradient{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: calc(100% + 40px);
	width: calc(100% );
	background: url(../img/rectangle_5.png);
	z-index: 1;
}
.information_about__block-text{
	position: relative;
	z-index: 7;
	display: 	flex;	
	flex-direction: 	column;	
	justify-content: 	center;
	align-items: 	center;
	font-size: 	13px;
	color: #fffefe;
	padding: 20px 6px 0;
}
.information_about__block-text span{
	color:#e5ae56;
	font-size: 21px;
	font-weight: 900;	
	letter-spacing: 0.5px;
}

.information_about__block-text p{
	letter-spacing: 1.4px;
	text-align: center;
	/*font-weight: 300;*/
	font-weight: 900;
	font-size: 13px;
}

.information_about__block-text p:first-child{
	margin-bottom: 3px;
}

.information_about__block-text p:last-child{
	padding-bottom: 36px;
	margin: 0;

}

.information__about-titel h2{
	font-size: 52px;
	color: 	#fff;	

}
.information__about-titel h2 span{
	color: #e5ae56;
}
.information__about-titel{
	justify-content: 	center;	
	margin-top: 	115px;
	margin-bottom: 	20px;
}
.information__about-list{
	display: 	flex;
	flex-wrap: 	wrap;
	justify-content: 	center;			
}
.information__about-button{
	display: flex;
	justify-content: center;
	margin-top: 50px;
}
.information__about-button .button{
	background: #e5ae56;
	color: #fff;
} 

/*information_about*/
.information__about {
	background-image: url(../img/IMG_7139.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 939px;
	width: 100%;
	position: relative;
}

.information_about__frame {
	background-image: url(../img/IMG_7139_2.png);
	z-index: 2;
	background-repeat: no-repeat;
	background-position: center center center center;
	background-size: cover;
	width: 1142px;
	height: 994px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.information__about {
	margin-top: 80px;
}

.information_about__block {
	position: relative;
	width: 235px;
	height: 122px;
	margin: 30px;
}

.information_about__block-bk {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);

	height: calc(100%);
	width: calc(100% + 30px);
	background: #3e424d;
	z-index: 1;
}

.information_about__block-border {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: calc(100% + 30px);
	width: calc(100% + 20px);
	border: 1px solid rgba(229, 174, 86, .2);
	z-index: 2;
}

.information_about__block-gradient {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: calc(100% + 40px);
	width: calc(100%);
	background: url(../img/rectangle_5.png);
	z-index: 1;
}

.information_about__block-text {
	position: relative;
	z-index: 7;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	color: #fffefe;
	padding-top: 20px;
}



.information__about-title h2 {
	font-weight: 900;
	font-size: 52px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;

}

.information__about-title h2 span {
	color: #e5ae56;
	letter-spacing: 0px;
}

.information__about-title {
	justify-content: center;
	margin-top: 98px;
	letter-spacing: 3px;
	margin-bottom: 20px;
	line-height: 1.2;
}

.information__about-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.information__about-button {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.information__about-button .button {
	background: #e5ae56;
	color: #fff;
}

/*photo-gallery*/
.photo-gallery {

	margin-top: 100px;
	padding-top: 50px;
	position: relative;
}

.photo-gallery-bc {
	background-color: #fcf6ec;
	position: absolute;
	bottom: 0;
	height: calc(100% - 260px);
	width: 100%;
}

.photo-gallery_photo {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

.photo-gallery_photo a {
	display: block;
	position: relative;
	width: calc(100% / 5 - 20px);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.photo-gallery_photo a::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: url(../img/search.png), linear-gradient(-150deg, rgba(222, 162, 85, .5) 0%, rgba(0, 0, 0, .7) 43%);
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;
	transition: all .3s;
	/*background-image: linear-gradient(to bottom right, rgb(222,162,85) 0%, rgba(0,0,0, .6) 60%)	;*/
}

.photo-gallery_photo a:hover::after {
	opacity: 1;
}

.hidden-photos {
	display: none;
}

.photo-gallery_photo img {
	/*margin: 5px;*/
	width: 100%;
	display: block;
}

.photo-gallery h4 {
	margin-bottom: 70px;
	margin-top: 35px;
}

.photo-gallery .button {
	background: #e5ae56;
	color: #fff;
	font-size: 9.52px;
	margin-bottom: 80px;
	margin-top: 40px;
}

.photo-gallery-button .{
	display: flex;
	justify-content: center;
}


/*tenants*/
.tenants {
	margin-bottom: 190px;
	margin-top: 150px;
}

.tenants-title {
	display: flex;
}

.hr-line {
	background-color: rgb(224, 173, 107);
	position: absolute;
	width: 80px;
	height: 1px;
	margin: 0 auto;
	left: 60px;
}

.tenants-sliders h5 {
	letter-spacing: 1px;
	display: block;
	text-align: center;
	top: -35px;
	left: -68px;
	position: relative;
	margin-bottom: 0px;
	font-size: 21px;
	font-weight: 500;
	color: #5f5348;
}
.tenants-sliders h5 span{
	position: relative;
}

.tenants-slider{
	padding-top: 15px;
}

.tenants-sliders h5 span hr{
	margin: 0;
	position: absolute;
	left: -30px;
	top: 50%;
	transform: translate(-100%, -50%);
	background-color: #e0ad6b;
	width: 80px;
	height: 1px;
	border: none;
}


.tenants-slide {
	height: 229px;
	position: relative;
	padding: 40px;
	margin-bottom: 70px;
	display: block;
}

.tenants-slide_background {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 263px;
	height: 209px;
	background: #fff;
	z-index: 6;
/*	border: 28px solid #f5e0bf;*/
	border: 28px solid #efce9a;
}

.tenants-slide img{
	width: 170px;
	margin: 15px auto;
}

.tenants-slide_border {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 263px;
	height: 209px;
	background-image: url(../img/rectangle_6.png);
	z-index: 7;
}

.tenants-slide_translate {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 263px;
	height: 209px;
	background-color: #fff;
	box-shadow: 0px 18px 24px 0px rgba(0, 0, 0, 0.1);
}

.tenants-slide .inner {
	font-size: 38px;
	color: #000;
	position: relative;
	z-index: 8;
}

.inner p {
	color: #5f5348;
	font-size: 13px;
	text-align: center;
	margin-top: 30px;
	font-weight: 500;
}

.tenants-slider .slick-dots{
	list-style-type: none;
}

.tenants-slider .slick-dots button{
	background-color: #e5ae56;
	width: 4px;
	height: 4px;
	border-radius: 50%;
}
.tenants-slider .slick-dots button::before{
	content: '';
}
.slick-dots li.slick-active button:.before {
	color: #e5ae56;
}

.slick-dots li button:.before {
	font-size: 25px;
}

.slick-arrow {
	transition: all .2s;
}

.slick-prev {
	color: #43c918;
	transition: all .3s;
	width: 40px;
	height: 40px;
	border: 1px solid #e5ae56;
	position: absolute;
	top: -50px;
	left: 88.6%;
	opacity: 0.8;
}

.slick-next {
	color: #43c918;
	transition: all .3s;
	width: 40px;
	height: 40px;
	border: 1px solid #e5ae56;
	position: absolute;
	top: -50px;
	right: 0;
	opacity: 0.8;
}

.slick-next:hover,
.slick-prev:hover {
	opacity: 1;
}

.slick-next:before {
	color: #e5ae56;
	font-size: 38px;
	position: absolute;
	left: -20px;
	top: 0;
}

.slick-prev:before {
	color: #e5ae56;
	font-size: 38px;
	position: absolute;
	left: 20px;
	top: 0;
}

/*contacts*/
.contacts {
	background: url(../img/rectangle_7.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 165px;
	font-size: 14px;
	color: #50463d;
	font-weight: 500;
}

.contacts_tel a {
	color: #5f5348;
	font-size: 24px;
	text-decoration: none;
	font-weight: 700;
}

.contacts_mail a {
	color: #e5ae56;
	font-size: 18px;
	text-decoration: none;
	font-weight: 700;
}

.contacts_tel,
.contacts_mail {
	text-align: center;
}

.contacts_tel {
	margin-top: 70px;
	margin-bottom: 20px;
}
.contacts_tel p , 
.contacts_mail p{
	margin-bottom: 0px;
}
.contacts__question {
	background-color: #fff;
	background-image: url(../img/IMG_7333_2.png);
	background-position: center center center center;
	background-size: cover;
	width: 100%;
	height: 461px;
	padding: 55px;
	margin-bottom: 45px;
}

.contacts__question h5 {
	font-size: 21px;
	color: #50463d;
	margin-bottom: 40px;
	font-weight: 400;
	letter-spacing: .2px;
}

.padding-0 {
	padding: 0;
}

.contacts__question input[type="text"] {
	border: 0;
	background: transparent;
	color: #50463d;
	border-bottom: 1px solid #efce9a;
	padding: 10px 0 10px 5px;
	font-weight: 300;
	font-size: 16px;
	width: 100%;
}
.wpcf7-form-control-wrap{
	position: relative;
}
.wpcf7-form-control-wrap .focus{
	    content: '';
    width: 100%;
    height: 1px;
    box-shadow: 2.121px 2.121px 7.44px 0.56px rgba(229, 174, 86, 0.79);
    background-color: rgb(229, 174, 86);
    display: block;
    position: relative;
    top: -1px;
}

.contacts__question a {
	color: #50463d;
}

.input-smoll {
	width: 46%;
	margin-bottom: 30px;
	float: left;

}

.input-smoll-margin {
	margin-right: 40px;
}

.input-big {
	width: 100%;
	margin-bottom: 30px;

}

input[type="checkbox"] {

	display: none;
}

.contacts__button .button {
	background: #e5ae56;
	color: #fff;
	font-size: 9.52px;
	margin-right: 20px;
	margin-bottom: 10px;

}

.contacts__button {
	margin-bottom: 150px;
	display: inline-flex;
	flex-wrap: wrap;
}

input:focus {
	outline: none;
}

label {
	position: relative;
	margin-bottom: 50px;
	font-size: 13px;
	font-weight: 300;
	padding-left: 18px;
}

label:before {
	position: absolute;
	left: 0;
	top: 4px;
	content: '';
	width: 13px;
	height: 13px;
	display: inline-block;
	border: 1px solid #e5ae56;
	vertical-align: middle;
}

label.active:after {
	content: '';
	width: 7px;
	height: 7px;
	display: inline-block;
	background: #e5ae56;
	vertical-align: middle;
	position: absolute;
	left: 3px;
	top: 7px;

}

/*footer*/
footer {
	padding: 40px 0;
	text-transform: uppercase;
}

.footer__logo {
	font-size: 14px;
}

.footer .menu__nav a
/*.footer .menu__tel a */{
	text-decoration: none;
	font-size: 11.5px;
	color: #50463d;
}
.footer .menu__tel a{
	color: #50463d;
}


/*
 Modal form
 */

 .modal-form{
 	padding: 41px 25px;
 	width: 310px;
 }

 .modal-form form{
 	display: flex;
 	flex-direction: column;
 }

 .modal-form h3{
 	color: #e7b565;
 	font-size: 20px;
 	line-height: 1.15;
 	margin-bottom: 18px;
 }

 .modal-form span{
 	max-width: 100%;
 }

 .modal-form .text{
 	background: none;
 	border: none;
 	box-shadow: 0 0 0 1px #e7b565;
 	margin-bottom: 20px;
 	padding: 5px 0;
 	font-size: 15px;
 	text-indent: 10px;
 	transition: all .2s;
 	width: 100%;''
 }
 .modal-form .text:focus{
 	box-shadow: 0 0 1px 2px #e7b565;
 }


 .modal-form .submit{
 	width: 100%;
 	background-color: #e5ae56;
 	border: none;
 	color: #fff;
 	height: 40px;
 	border-radius: 20px;
 	cursor: pointer;
 	transition: all .2s;
 	border: 1px solid #e5ae56;
 }
 .modal-form .submit:hover{
 	background-color: transparent;
 	color: #000;
 }

 .modal-form label{
 	margin: 0;
 }
 .modal-form p{
 	margin: 0;
 }

 .modal-form label a{
 	cursor: pointer;
 	color: #50463d;
 	text-decoration: underline;
 }
 .modal-form label a:hover{
 	text-decoration: none;
 }

 div.wpcf7-response-output {
 	margin: 1em 0.5em 0em;
 }


 @media only screen and (max-width: 1189px) {
 	.tenants-sliders h5{
 		left: 30px;
 	}

 	.slick-prev {
 		left: 86%;
 	}


 	.page_circle-flex{
 		padding-left: 0px;
 	}

 	.menu__nav {
 		display: none;
 		position: absolute;
 		right: 10px;
 		top: 0;
 		/*bottom: 0;*/
 		background-color: #28201e;
 		transform: translate(0, 72px);
 	}

 	.scrolled .menu__nav {
 		transform: translate(0, 61px);
 	}

 	.menu__nav ul {
 		flex-direction: column;
 		display: flex;
 		margin: 0;
 		padding: 0;
 	}

 	.menu__nav ul li {
 		flex-grow: 1;
 		display: flex;
 	}


 	.menu__nav a {
 		text-align: left;
 		width: 100%;
 		text-decoration: none;
 		font-size: 13px;
 		letter-spacing: 1px;
 		color: #fff;
 		font-weight: 400;
 		padding: 8px 20px;
 		position: relative;
 		text-transform: uppercase;
 		transition: .3s;
 	}

 	.scrolled .menu__nav a::after {}

 	.menu__nav a::after {
 		content: '';
 		width: 30px;
 		height: 1px;
 		display: inline-block;
 		vertical-align: middle;
 		position: absolute;
 		left: 5px;
 		transition: all .3s .1s;
 		opacity: 0;
 		background: #fff;
 		box-shadow: 2px 2px 9px 1px rgba(255, 255, 255, 0.7);
 		top: 30px;


 	}

 	.menu__nav a:hover,
 	.menu__nav .active a {
 		/*opacity: 1;*/
 		background-color: #d6a04b;
 		/*width: 30px;*/
 		/*transition: all .3s;*/
 	}



 	.first-page_padding {
 		padding: 170px 100px 100px 70px;
 	}

 	.menu-block button {
 		margin-top: 10px;
 	}

 	.footer-block .button {
 		margin-top: 15px;
 	}


 	.first-page-frame {
 		background: none;
 		height: auto;
 		position: static;
 		transform: none;
 	}

 	.first-page {
 		height: auto;
 		padding-bottom: 70px;
 		/*position: static;*/
 	}



 	.first-page-plus {
 		/*bottom: 45px;*/
 		/*left: 20px;*/
 		margin-bottom: 30px;
 	}

 	.contacts__question {
 		background-image: none;
 	}

 	.information_about__frame {
 		background-image: none;
 		width: 100%;
 	}

 	.tenants-slide_translate {
 		left: 40px;
 	}

 	.input-big,
 	.input-smoll {
 		margin-bottom: 15px;
 	}

 	.inner hr {
 		margin-left: 22px;
 	}

 	.smoll-menu-humb {
 		display: block;
 	}

 	.toggle-menu-wrap {
 		display: flex;
 		margin-top: 8px;
 		margin-left: 17px;
 	}

 	.menu__logo {
 		margin-right: auto;
 	}

 	.menu-block {
 		padding-top: 20px;
 		padding-bottom: 14px;
 	}

 }

 @media only screen and (max-width: 992.98px) {

 	.tenants-sliders h5{
 		top: 0;
 		left: 0;
 		margin-top: 22px;
 		text-align: left;
 	}
 	.tenants-sliders h5 span hr{
 		position: static;
 		margin-top: 10px;
 		transform: none;

 	}

 	.free-room_images-wrap{
 		height: 509px;
 	}

 	.contacts{
 		padding-top: 90px;
 	}
 	.contacts__button{
 		margin-bottom: 70px;
 	}

 	.tenants{
 		margin-bottom: 110px;
 		margin-top: 80px;
 	}

 	.photo-gallery {
 		margin-top: 50px;
 	}

 	.first-page-plus {
 		justify-content: flex-start;
 		/*margin-bottom: 23px;*/
 	}

 	.first-page_padding {
 		padding: 120px 10px 60px;
 	}

 	.second-page__information-blok {
 		width: calc(100% / 3);
 	}

 	.second-page__information-blok::after {
 		display: none;
 	}

 	.photo-gallery_photo a {
 		width: calc(100% / 4 - 20px);
 	}

 	.tenants-slide_translate {
 		left: 60px;
 	}

 	.slick-prev {
 		left: 80%;
 	}

 	.information_about__frame {
 		top: 30%;
 	}

 	.information__about-title {
 		margin-top: 175px;
 	}

 	.information__about-title h2 {
 		font-size: 46px;
 	}

 	input[type="checkbox"] {
 		margin-bottom: 25px;
 	}

 	.tenants-sliders h5 {
 		margin-top: 20px;
 	}

 	.contacts__button .button {
 		margin-right: 10px;
 	}

 	.information__about {
 		height: 1240px;
 	}

 	.page_circle-flex {
 		/*justify-content: space-around;*/
 	}

 	.free-room-information {
 		/*flex-direction: column;*/
 	}

 	.input-smoll {
 		width: 100%;
 	}

 	.inner hr {
 		margin-left: 40px;
 	}

 	.free-room_footer hr {
 		left: 52%;
 	}

 	label {
 		margin-bottom: 20px;
 	}
 }


 @media only screen and (max-width: 767.98px) {

 	.free-room_footer{
 		padding: 12px 0;
 		flex-direction: column;
 		align-items: flex-start;
 	}
 	.free-room_footer p{
 		margin-left: 0px;
 	}
 	.free-room_footer hr{
 		margin-left: 10px;
 	}


 	.maps-nav-title{
 		height: 100px;
 	}

 	.tabs__caption-wrap {
 		top: 100px;
 		height: calc(100% - 100px);
 	}

 	.maps-nav-bk{
 		height: 400px;
 	}

 	.second-page__information {
 		padding-bottom: 20px;
 	}

/*	.free-room-information{
		margin-bottom: 20px;
		}*/

		.menu__tel a {
			font-size: 15px;
			padding-top: 7px;
			display: block;
		}

		.photo-gallery_photo a {
			width: calc(100% / 3 - 20px);
		}


		.information__about {
			height: 1980px;
		}

		.information__about-title {
			margin-top: -40px;
		}

		.slick-prev {
			left: 75%;
		}

		.tenants-slide_translate {
			left: 148px;
		}

		.inner hr {
			margin-left: 130px;
		}

		.contacts_mail {
			margin-bottom: 20px;
		}

		.first-page-plus {
			justify-content: left;
			margin-bottom: 20px;
		}



	}

	@media only screen and (max-width: 575.98px) {
		.free-room{
			margin-bottom: 0;
		}

		.free-room-information .slick-arrow {
			display: none !important;
		}

		.photo-office{
			margin-top: 20px;
		}

		.free-room-information h5{
			padding-top: 10px;
		}

		footer {
			padding: 8px 0;
		}

		.footer_menu-block {
			justify-content: center;
			flex-wrap: wrap;
			padding-left: 10px;
			padding-right: 10px;
		}

		.second-page__information-blok {
			line-height: 1;
			width: calc(100% / 2);
			margin-bottom: 20px;
		}



		.information__about-title h2 {
			font-size: 34px;
		}

		.menu-wrapper .header_menu__tel,
		.menu-wrapper .header_button {
			display: none;
		}

		.scrolled .menu__nav {
			transform: translate(0, 56px);

		}


		.photo-gallery_photo a {
			width: calc(100% / 2 - 20px);
		}

		.first-page-frame {
			width: 100vw;
		}

		.first-page-plus {
			/*width: 70vw;*/
			width: 100%;
			padding: 0;
			padding-left: 10px;
		}

		.free-room_shadow,
		.tabs {
			box-shadow: none;
		}

		.first-page ul,
		.footer ul {
			flex-direction: column;
		}

		.slick-prev,
		.slick-next {
			display: none !important;
		}

		.first-page-frame h2 {
			font-size: 48px;
		}

		.tenants .squere-title {
			margin-left: 40px;
		}

	}

	@media only screen and (max-width: 575px) {
		.tenants-sliders h5{
			padding-left: 40px;
		}

		.maps-header .first-page-plus{
			flex-direction: column;
			align-items: flex-start;
		}

		.page_circle-flex{
			margin-left: 0;
			margin-right: 0;
		}

		.tenants-slide_translate {
			left: 165px;
		}

		.first-page-frame h2 {
			font-size: 40px;
		}

		.first-page-frame_text {
			flex-direction: column;
		}

		.first_button {
			margin-top: 12px;
		}

		.first-page-frame_text hr {
			display: none;
		}


		.first-page {
			padding-bottom: 20px;
		}

	}

	@media only screen and (max-width: 425px) {
		.tenants-slide_translate {
			left: 91px;
		}

		.inner hr {
			margin-left: 73px;
		}
	}

	@media only screen and (max-width: 420px) {

		.square{
			height: 69px;
		}

		.information__about-title h2 {
			font-size: 30px;
		}

		.first-page-frame h2 {
			font-size: 35px;
		}

		.first-page_padding {
			padding: 95px 10px 31px 10px;
		}

		.first-page-frame_text {
			max-width: 80vw;
		}

		.page_circle-flex {
			margin-top: 50px;
		}

		.squere-title h4 {
			font-size: 26px;
			letter-spacing: .2px;
		}

		.contacts__button {
			flex-direction: column;
			margin-bottom: 15px;
		}

		.contacts__button .button {
			justify-content: center;
			margin-left: 55px;
		}
	}

	@media only screen and (max-width: 375px) {
		.tenants-slide_translate {
			left: 66px;
		}

		.inner hr {
			margin-left: 50px;
		}

		.information__about-title .padding {
			padding: 0;
		}
	}

	@media only screen and (max-width: 367px) {
		.smoll-menu .button {
			top: 370px;
		}
	}


	@media only screen and (max-width: 320px) {
		.tenants-slide_translate {
			left: 39px;
		}

		.inner hr {
			margin-left: 20px;
		}
	}