* {
	padding: 0;
	margin: 0;
}
.bg_block_about .white_blocks .scroll {
	height: calc(100% - 120px - 17px);
	margin-bottom: 24px;
}
.row{
	max-width: 1300px;
	margin: 0 auto;
	width: 100%;
	padding: 0 30px;
}
.bg_block_about{
	position: relative;
	background-image: url(../image/about_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	overflow: hidden;
	height: 100vh;
	padding-top: 64px;
}
.bg_block_about .row {
	height: calc(100% - 234px);
}
.bg_block_about .white_blocks{
	max-width: 610px;
	width: 100%;
	background: #fff;
	position: relative;
	z-index: 5;
	padding: 80px 20px 80px 60px;
	height: calc(100% - 50px);
	margin-left: auto;
}
.bg_block_about .white_blocks h2,.bg_block_about .white_blocks h1{
	font-weight: 700;
	font-size: 60px;
	line-height: 60px;
	color: #06060a;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 60px;
}
.bg_block_about .white_blocks h3{
	font-weight: 700;
	font-size: 30px;
	line-height: 36px;
	color: #06060a;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.bg_block_about .white_blocks h4{
	font-weight: 300;
	font-size: 14px;
	line-height: 30px;
	color: #06060a;
	text-align: left;
}
.bg_block_about .white_blocks h3 span{
	color: #04aacc;
}
.bg_block_about .white_blocks .phone{
	display: grid;
	grid-template-columns: 168px 29px auto;
	margin-bottom: 20px;
	align-items: center;
	margin-top: 24px;
}
.bg_block_about .white_blocks .phone .icon{
	width: 29px;
	height: 29px;
	border-radius: 50%;
	background-color: #0095b7;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg_block_about .white_blocks .phone p{
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	color: #06060a;
	text-align: left;
	text-decoration: none;
}
.bg_block_about .white_blocks .phone p span{
	font-weight: 700;
}
.bg_block_about .white_blocks .phone a{
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #06060a;
	text-align: left;
	text-decoration: none;
	padding-left: 20px;
}
.bg_block_about .white_blocks .phone a span{
	font-weight: 700;
}
.bg_block_about .white_blocks .link_about_text {
	background: none;
	border:none;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	color: #04aacc;
	text-align: left;
	cursor: pointer;
	text-decoration: none;
}
.bg_block_about .white_blocks_text {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #06060a;
	text-align: left;
	/*margin-bottom: 24px;*/
}
.bg_block_about .white_blocks_text p {
	text-align: left;
}
.bg_block_about .icon_block {
	min-height: 360px;
	background-color: rgba(6,6,10,0.96);
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg_block_about .icon_block ul {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	align-items: flex-end;
	justify-content: center;
}
.bg_block_about .icon_block ul li{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 161px auto;
	align-items: flex-end;
	height: 100%;
}
.bg_block_about .icon_block ul li span{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 107px;
	margin-bottom: 54px;
}
.bg_block_about .icon_block ul li p{
	font-weight: 700;
	font-size: 11px;
	line-height: 14px;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}
.bg_block_about .white_blocks {
	transform: translate(0, -100%);
	transition: 0.5s linear;
	text-align: left;
}
.bg_block_about .white_blocks  .fade_in {
	opacity: 0;
	transition: 500ms linear;
}
/********************************
tasks
********************************/
.tasks {
	padding: 64px 0 50px 0;
}
/********************************
amenities
********************************/
.amenities {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto 70px auto;
	padding: 0 30px;
	display: grid;
	grid-template-columns: minmax(300px,600px) 445px;
	grid-gap: 20px 150px;
}
.amenities .text_amenities {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #191919;
	text-align: left;
	width: 100%;
}
.amenities .text_amenities b{
	color: #191919;
	font-weight: 700;
}
.amenities .list_amenities {

}
.amenities .list_amenities .top_ul{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.amenities .list_amenities .top_ul .top_li{
	position: relative;
	z-index: 1;
	background-color: #fff;
	box-shadow: -6px -6px 16px 0 rgba(0,0,0,0.13);
	font-weight: 700;
	font-size: 11px;
	line-height: 16px;
	color: #06060a;
	text-align: center;
	height: 222px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 200ms linear;
	overflow: hidden;
}
.amenities .list_amenities .top_ul .top_li img{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -72px;
	opacity: 0;
	transition: 200ms linear;
	margin: 0 auto;
	z-index: 2;

}
.amenities .list_amenities .top_ul .top_li p{
	font-weight: 700;
	font-size: 11px;
	line-height: 16px;
	color: #06060a;
	text-align: center;
	text-transform: uppercase;
	transition: 200ms linear;
}
.amenities .list_amenities .top_ul .top_li:last-child{
	grid-column: 1/3;
}
.amenities .list_amenities .top_ul .top_li:nth-child(1){
	z-index: 6;
}
.amenities .list_amenities .top_ul .top_li:nth-child(2){
	z-index: 5;
}
.amenities .list_amenities .top_ul .top_li:nth-child(3){
	z-index: 5;
}
.amenities .list_amenities .top_ul .top_li:nth-child(4){
	z-index: 4;
}
.amenities .list_amenities .top_ul .top_li:nth-child(5){
	z-index: 4;
}
.amenities .list_amenities .top_ul .top_li:nth-child(6){
	z-index: 3;
}
.amenities .list_amenities .sub_ul {
	padding: 0 40px;
	transition: 200ms linear;
}
.amenities .list_amenities .sub_ul .sub_li{
	position: relative;
	z-index: 1;
	padding-left: 20px;
	text-align: left;
	margin-bottom: 16px;
}
.amenities .list_amenities .sub_ul .sub_li:last-child {
	margin-bottom: 0;
}
.amenities .list_amenities .sub_ul .sub_li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #06060a;
	transition: 200ms linear;
}
.amenities .list_amenities .top_ul .hover_list:hover {
	background-color: #06060a;
	box-shadow: none;
	overflow: visible;
}
.amenities .list_amenities .top_ul .hover_list:hover p {
	color: #ffffff;
	transform: translate(0, -70%);
}
.amenities .list_amenities .top_ul .hover_list:hover img {
	bottom: -24px;
	opacity: 1;
}
/*.amenities .list_amenities .top_ul .top_li:hover .sub_ul {
	color: #ffffff;
	transform: translate(0, -20%);
}
.amenities .list_amenities .top_ul .top_li:hover .sub_ul .sub_li:after {
	background-color: #fff;
}*/

/********************************
about_text
********************************/
.about_text {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}
.about_text{
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #191919;
	text-align: left;
	width: 100%;
}
.about_text .row b{
	color: #191919;
	font-weight: 700;
}
/********************************
category
********************************/
.category {
	background-color: #06060a;
	padding: 50px 0 30px 0;
}
.category .row, .category-name .row{
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}
.category-name {
    background-color: #06060a;
    padding: 30px 0 30px 0;
}
.category-name .row h2{
	font-weight: 700;
	font-size: 30px;
	line-height: 36px;
	color: #ffffff;
	text-align: left;
	text-transform: uppercase;
}
.category .row ul{
	display: grid;
	grid-template-columns: repeat(6,1fr);
	margin-bottom: 0;
}
.category .row ul li{
	font-weight: 800;
	font-size: 12px;
	line-height: 24px;
	color: #06060a;
	text-align: center;
	text-transform: uppercase;
	background-color: #fff;
	filter: brightness(30%);
	transition: 200ms linear;
}
.category .row ul li p{
	font-weight: 800;
	font-size: 12px;
	line-height: 24px;
	color: #06060a;
	text-align: center;
	text-transform: uppercase;
	opacity: 0;
	transition: 200ms linear;
}
.category .row ul li span{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 130px;
	width: 100%;
}
.category .row ul li span img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.category .row ul li:hover {
	filter: brightness(100%);
}
.category .row ul li:hover p {
	opacity: 1;
}

/********************************
media
********************************/
@media (min-width: 1024px) and (max-height: 750px){
	.bg_block_about .white_blocks {
		padding: 10px 20px 10px 60px;
	}
	.bg_block_about .white_blocks h2,.bg_block_about .white_blocks h1{
		margin-bottom: 20px;
		font-size: 50px;
		line-height: 50px;
	}
	.bg_block_about .white_blocks h3 {
		font-size: 24px;
		line-height: 30px;
	}
	.bg_block_about .white_blocks h3 {
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 1100px) {
	.amenities {
		grid-template-columns: minmax(300px,600px) 445px;
   		grid-gap: 20px 20px;
	}
}
@media only screen and (max-width: 991px) {
	.amenities {
		grid-template-columns: 1fr;
   		grid-gap: 20px 20px;
	}
	.category .row ul {
	    grid-template-columns: repeat(3,1fr);
	}
	.bg_block_about {
		height: auto;
	}
	.bg_block_about .white_blocks {
		height: auto;
		margin-bottom: 50px;
	}
	.category {
		padding-top: 0;
		padding-bottom: 0;
	}
}
@media only screen and (max-width: 768px){
	.category-name {
		padding-top: 10px;
	}
	.about_text {
		padding: 0 20px;
	}
	.amenities {
		padding: 0 20px;
	}
	.category .row ul {
	    grid-template-columns: repeat(2,1fr);
	}
	.amenities .list_amenities .top_ul {
	    grid-template-columns: 1fr 1fr;
	}
	.amenities .list_amenities .top_ul .top_li:last-child {
	    grid-column: 1/3;
	}
	.bg_block_about .row {
		padding: 20px;
	}
	.bg_block_about .white_blocks {
		padding: 30px 20px 30px 20px;
	}
	.bg_block_about .white_blocks h2,.bg_block_about .white_blocks h1 {
		font-size: 48px;
		line-height: 48px;
		margin-bottom: 30px;
	}
	.bg_block_about .white_blocks h3 {
		font-size: 20px;
		line-height: 24px;
	}
	.amenities .list_amenities .top_ul .top_li p {
		font-size: 10px;
		line-height: 14px;
	}
	.category .row ul li {
		filter: brightness(100%);
	}
}