.area-team {
	margin: 35px 0 0px;
}
.area-team .flex {
	margin: 0 -2% 0;
	display: flex;
	justify-content: center;
}
.area-team .flex > div {
	width: 29.3333%;
	margin: 0 2% 50px;
}
.area-team .flex .title {
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.4;
	font-weight: 700;
	margin-bottom: 15px;
}
.area-team .flex .title span {
	color: #FF97C0;
	font-size: 1.6rem;
	display: block;
}
.area-team .flex .text {
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 30px;
	min-height: 50px;
	text-align: center;
}
.area-team .flex .img {
	position: relative;
}
.area-team .flex .img img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	object-position: center;
}
.area-team .flex .img .buttons {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 30px;
}
.area-team .flex .img .button {
	color: #fff;
	border-color: #fff;
} 
.border-image {
	position: relative;
	margin: 0 0 25px 25px;	
	cursor: pointer;
}
.border-image:before,
.border-image:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	border: 1px solid #FF97C0;
	transition: transform 0.3s ease, height 0.3s ease, width 0.3s ease;;
	z-index: 2;
}
.border-image:before {
	transform: rotate(2deg);
}
.border-image:after {
	transform: rotate(4deg);
}
.border-image img {
	position: relative;
	z-index: 1;
	transition: transform 0.3s ease;
}
.border-image:hover:before {
	transform: rotate(0deg) scale(0.99);
	width: 102%;	
}
.border-image:hover:after {
	transform: rotate(0deg) scale(0.97);	
	height: 106%;
}
.border-image:hover img {
	transform: scale(1.1);
}

.block-gallery {
	margin-bottom:55px
}
.block-gallery h2 {
	text-align: center;
}
.block-gallery ul li {
	padding:10px
}
.block-gallery ul li:before {
	display:none
}
.block-gallery-elements .image img, .block-photos .image img {
	height: 670px;
	object-position: center;
	object-fit: contain;
}

.show-viewer {
	opacity: 0;
	position: fixed;
	left: auto;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	transition: opacity 0.5s ease;
	background-color: #ececec;
	z-index: 98;
}
.show-viewer.show {
	opacity: 1;
	visibility: visible;
	overflow-y: scroll;
}
.show-viewer .close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 30px;
	height: 30px;
	background-image: url(../images/viewer/close.png);
	cursor: pointer;
	background-size: contain;
}
.show-viewer .wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
}
.show-viewer h2 {
	text-align: center;
}
.show-viewer .history {
	margin: 40px 0 10px;
	position: relative;
}
.show-viewer .history:before {
	width: 1px;
	height: 100%;
	position: absolute;
	left: 171px;
	top: 0;
	background-color: #000;
	z-index: 1;
	content: '';
}
.show-viewer .history .item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 50px;
	position: relative;
}
.show-viewer .history .item:before {
	position: absolute;
	width: 24px;
	height: 24px;
	background-color: #FF97C0;
	border-radius: 12px;
	border: 4px solid #ececec;
	content: '';
	z-index: 1;
	top: -1px;
	left: 160px;
}
.show-viewer .history .year {
	width: 120px;
	min-width: 120px;
	margin-right: 51px;
	font-size: 1.4rem;
	font-weight: 700;
}
.show-viewer .history .text {
	font-size: 1.2rem;
	line-height: 1.4;
	margin-left: 50px;
	flex-grow: 2;
}
.show-viewer .buttons {
	text-align: center;
}
@media (max-width: 1199px) {
	.block-gallery ul.splide__pagination {
		position: relative;
	}
	.block-gallery ul.splide__pagination li {
	
		padding: 2px;
	}
	.page {
		min-width: 300px;
	}
	.block-content .wrapper {
		width: 100%;
	}
	.area-menu {
		padding: 0 20px;
	}
	.area-menu .menu a {
		font-size: 1rem;
	}
	.area-header {
		padding: 0 20px;
	}
	.area-header .flex-slogo .buttons a {
		font-size: 1rem;
		padding: 15px 25px;
		height: auto;
	}
	.block-content-1 {
		padding: 0 20px;
	}
	.block-content-1 .area-program {
		padding: 0
	}
	.area-advantage {
		padding: 0 20px;
	}
	.block-content-3 {
		padding: 0 20px;
	}
	.area-program {
		padding: 20px;
	}
	.block-content-5 {
		padding: 0 20px;
	}
	.block-content-7 {
		padding: 0 20px;
	}
	.block-content-8 {
		padding: 20px;
	}
	.area-form {
		margin-top: 30px;
	}
}
@media (max-width: 991px) {	
	.area-menu .logo {
		margin-right: 20px;
	}
	.area-menu .menu {
		padding: 12px 15px;
	}
	.area-menu .menu a {
		font-size: 0.9rem;
		margin: 0 7px;
	}
	.area-header .slogan h2 {
		font-size: 2rem;
	}
	.area-header .flex-slogo .buttons {
		flex-wrap: wrap;
	}
	.area-header .buttons .button:nth-of-type(2) {
		margin-left: 0;
		margin-top: 20px;
	}
	.area-header .flex-image {
		align-items: stretch;
	}
	.area-header .flex-image .flex-1 {
		min-height: auto;
	}
	.area-header .flex-image .image {
		height: 100%;
	}
	.area-images .flex > div:nth-of-type(2) {
		max-width: 46%;
		min-width: 46%;
		width: 46%;
		margin-left: 4%;
		min-height: 600px;
	}
	.area-images .flex > div:nth-of-type(2) .image {
		height: 600px;
	}
	.area-images .flex:nth-of-type(2n) > div:nth-of-type(2) {
		margin-left: 0;
		margin-right: 4%;
	}
	.area-responce .flex > div {
		width: 50%;
	}
	.area-team .flex {
		flex-wrap: wrap;
	}
	.area-team .flex > div {
		width: 46%;
	}
}
@media (max-width: 767px) {	
	.block-header {
		padding: 15px 0 25px;
	}
	.area-menu {
		flex-direction: column;
	}
	.area-menu .logo {
		margin-right: 0;
	}
	.area-menu .menu {
		margin-top: 15px;
		padding: 10px 5px;
	}
	.area-menu .menu a {
		font-size: 0.8rem;
	}
	.area-header .flex {
		flex-direction: column;
		align-items: center;
	}
	.area-header .flex > div {
		width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		text-align: center !important;
		
	}
	.area-header h2 {
		text-align: center
	}
	.area-header .map .buttons {
		justify-content: center;
	}
	.area-header .phones .phone {
		padding-left: 0;
	}
	.area-header .phones .phone i {
		display: none;
	}
	.area-header .map {
		padding: 35px 40px 15px;
	}
	.area-header .flex > div:nth-of-type(1) {
		margin-bottom: 25px;
	}
	.area-header .flex-slogo .buttons a {
		margin: 5px !important;
	}
	.area-header .flex-image .flex-1 {
		height: auto;
	}
	.area-header .flex-image .image {
		height: auto;
	}
	.area-header .flex-image .image img {
		position: relative;
		height: auto;
	}
	.area-header .flex-text ul {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.area-header .flex-text ul li {
		margin: 5px 10px !important;
	}
	.area-me h2 {
		text-align: center;
	}
	.area-me .flex {
		flex-wrap: wrap;
	}
	.area-me .flex .flex-1 {
		width: 100%;
		margin-right: 0;
		order: 2;
	}
	.area-me .flex .flex-2 {
		width: 100%;
		order: 1;
		margin-bottom: 25px;
	}
	.area-me .flex .flex-2 img {
		position: relative;
	}
	.block-content .wrapper {
		padding: 0;
	}
	.area-advantage .flex > div {
		display: flex;
		flex-direction: column;
		padding: 0;
	}
	.area-advantage .flex .c {
		position: relative;
	}
	.area-advantage .flex > div:nth-of-type(2n) .c {
		text-align: right;
	}
	.area-images .flex {
		flex-wrap: wrap;
	}
	.area-images .flex > .column {
		max-width: none !important;
		min-width: auto !important;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		order: 2 !important;
		text-align: center !important;
	}
	.area-images .flex > div:first-of-type h2 {
		text-align: center;
	}
	.area-images .flex > div:nth-of-type(2) {
		min-height: auto;
		order: 1 !important;
	}
	.area-images .flex > div:nth-of-type(2) .image {
		height: auto;
		position: relative;
	}
	.area-images .flex > div:nth-of-type(2) img {
		position: relative;
	}
	.area-faq .q {
		font-size: 1.4rem;
	}
	.area-faq .q:before {
		width: 10px;		
		height: 10px;
		top: 6px;
	}
	.area-map {
		width: auto;
	}
	.area-form form .fields {
		flex-direction: column;
	}
	.area-form form .fields .field {
		margin-right: 0;
	}
	.area-step .title {
		font-size: 1.5rem;
	}
	.area-step .num {
		font-size: 1.4rem;
		width: 40px;
		height: 40px;
		padding: 10px;
	}
	.area-step > div {		
		padding-left: 55px;
	}
	.area-faq > div {
		margin-bottom: 25px;
	}
	.area-team .flex > div {
		width: 100%;
		max-width: 400px;
	}
}
@media (max-width: 478px) {
	.block-gallery-elements .image img, .block-photos .image img {
		object-fit: cover;
		height: 250px;
	}
	.page-services .area-services .column-content,
	.page-services .area-services .column-content h2,
	.page-services .area-services .column-content .buttons {
			text-align: center;
	}
	.area-menu .menu {
		flex-wrap: wrap;
		padding: 8px 5px;
	}
	.area-menu .menu a {
		margin: 4px;
		padding: 4px;
	}
	p {
		font-size: 1.1rem;
	}
	.area-advantage h2 {
		font-size: 2rem;
	}
	.area-advantage .flex .h {
		font-size: 1.7rem;
	}
	.block-content-3 > .wrapper > p:nth-of-type(1) span {
		font-size: 3rem !important;
	}
	.area-responce .flex > div {
		width: 100%;
	}
	.area-map .adress {
		padding-left: 0;
	}
	.area-map .buttons a {
		font-size: 0.8rem;
		padding: 6px 8px;
	}
	.area-map {
		padding: 14px 10px;
	}
}
@media (max-width: 379px) {
	
}