@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/gotham/GothamPro-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/gotham/GothamPro.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/gotham/GothamPro-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/gotham/GothamPro-Bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/gotham/GothamPro-Black.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/pt-sans/PTSans-Bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/pt-sans/PTSans-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

*,*:before,*:after{
	box-sizing: inherit;
}

h1,h2,h3,h4,h5{
	font-family: "Gotham Pro", sans-serif;
	font-weight: bold;
	line-height: 1.3;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child{
	margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child{
	margin-bottom: 0;
}
h1,h2{
	font-size: 31px;
	margin: 1em 0 .5em;
}
h3{
	font-size: 20px;
}
p{
	margin: 0 0 1em;
}
p:last-child{
	margin-bottom: 0;
}

.btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .75em;
	text-align: center;
	font: bold 16px/normal "Gotham Pro", sans-serif;
	color: #282828;
	text-decoration: none;
	text-transform: uppercase;
	min-height: 55px;
	max-width: 100%;
	background-color: #FFBB04;
	border: none;
	border-radius: 100px;
	padding: .25em 1.25em;
	user-select: none;
}
.container{
	max-width: 100%;
}
.container--normal{
	display: block !important;	
	margin: auto;
	box-sizing: border-box;
	width: 1230px;
	padding: 0 15px;
}
.head-static{
	position: relative !important;
}
.pic-block{
	margin: 60px 0;
}

.pic-block__img{
	display: block;
	width: 100%;
	height: 427px;
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
	margin: 0 auto 25px;
}
.pic-block__body{
	color: #376E6F;
	text-align: center;
	font: 20px/normal "PT Sans",sans-serif;
	margin: 0 0 30px;
}
.pic-block__body:last-child{
	margin-bottom: 0;
}
.pic-block__body h1,
.pic-block__body h2,
.pic-block__body h3,
.pic-block__body h4{
	color: #282828;
}
.pic-block__btn{
	display: flex;
	width: fit-content;
	margin: 0 auto;
	min-width: min(360px,100%);
}

.schema{
	margin: 60px 0;
}
.schema__head{
	font: 20px/normal "PT Sans",sans-serif;
	margin: 0 0 45px;
}
.schema__head:last-child{
	margin-bottom: 0;
}
.schema__head h1,
.schema__head h2{
	text-transform: uppercase;
}
.schema__body{
	padding: 37px 270px 37px 20px;
	background-color: #FFF0C7;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
}
.schema__subhead{
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 0 0 24px 40px;
}
.schema__subhead:last-child{
	margin-bottom: 0;
}
.schema__subhead-text{
	max-width: 542px;
}
.schema__subhead-text h3{
	font-size: 31px;
	text-transform: uppercase;
}
.schema__decor{
	max-height: 80px;
}
.schema__columns{
	position: relative;
	z-index: 1;
	display: grid;
	gap: 40px;
	grid-template-columns: 3fr 2fr;
	counter-reset: schema;
}
.schema__column{
	display: flex;
	flex-direction: column;
	gap: 34px;
}

.schema__item{
	color: #282828;
	gap: 20px;
	font: 20px/normal "PT Sans",sans-serif;
	position: relative;
	padding-left: 40px;
	counter-increment: schema;
}
.schema__item:before{
	content: counter(schema);
	display: block;
	color: #376E6F;
	font: bold 40px/1 "Gotham Pro",sans-serif;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 0.75em;
	text-align: center;
}

.schema__img{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
}

.infographics{
	margin: 60px 0;
}
.infographics__head{
	font: 20px/normal "PT Sans",sans-serif;
	text-transform: uppercase;
	margin: 0 0 40px;
}
.infographics__head:last-child{
	margin-bottom: 0;
}

.infographics__head h1,
.infographics__head h2{
	color: #376E6F;
	margin-bottom: 0;
}
.infographics__body{
	display: flex;
	flex-wrap: wrap;
	gap: 40px 80px;
}
.infographics__item{
	width: calc(50% - 40px);
	display: flex;
	align-items: center;
	gap: 30px;
	color: #282828;
	font: bold 20px/normal "Gotham Pro",sans-serif;
	text-transform: uppercase;
}
.infographics__item-img{
	width: 100px;
	height: 100px;
	object-fit: contain;
	object-position: center;
	flex: 0 0 auto;
}
.infographics__item-text{
	flex: 1 1 auto;
}

.gallery{
	margin: 60px 0;
}
.gallery__head{
	font: 20px/normal "PT Sans",sans-serif;
	text-transform: uppercase;
	color: #376E6F;
	margin: 0 0 40px;
}
.gallery__head:last-child{
	margin-bottom: 0;
}
.gallery__head h1,
.gallery__head h2{	
	color: #282828;
	margin-bottom: 0;
}
.gallery__slider{
	position: relative;
	margin: 0 0 15px;
}
.gallery__slider .slick-track{
	display: flex;
}
.gallery__slide{
	display: block;
	border-radius: 20px;
	overflow: hidden;
}
.gallery__slide img{
	display: block;
	width: 100%;
	aspect-ratio: 1200/475;
	object-fit: cover;
	object-position: center;
}
.gallery__slide:not(.slick-slide):nth-child(n+2){
	display: none;
}
.gallery__thumbs{
	position: relative;
}
.gallery__thumbs:not(.slick-initialized){
	display: flex;
	overflow: hidden;
}
.gallery__thumbs .slick-list{
	margin: 0 -5px;
}
.gallery__thumbs .slick-track{
	display: flex;
}
.gallery__thumb{
	display: block;
	width: 110px;
	flex: 0 0 auto;
	margin: 0 5px;
	cursor: pointer;
}
.gallery__thumb.slick-current{
	outline: 1px solid rgba(100,130,10,.9);
	outline-offset: -1px;
	cursor: default;
}
.gallery__thumb img{
	display: block;
	width: 100%;
	aspect-ratio: 11/6;
	object-fit: cover;
	object-position: center;
}

.gallery__arrow{
	font-size: 48px;
	width: 1em;
	height: 1em;
	border-radius: 0.13em;	
	position: absolute;
	z-index: 2;	
	top: calc(50% - .5em);
	cursor: pointer;
}
.gallery__arrow--small{
	font-size: 26px;
}
.gallery__arrow--prev{
	left: 0.7em;
	background: rgba(55,110,111,.9) url(../images/angle-left.svg) no-repeat center/auto 45%;
}
.gallery__arrow--next{
	right: 0.7em;
	background: rgba(55,110,111,.9) url(../images/angle-right.svg) no-repeat center/auto 45%;
}
.gallery__arrow.slick-disabled{
	opacity: .7;
	cursor: default;
}


.notes{
	margin: 60px 0;
}
.notes__head{
	font: 20px/normal "PT Sans",sans-serif;
	text-transform: uppercase;
	margin: 0 0 40px;
}
.notes__head:last-child{
	margin-bottom: 0;
}

.notes__head h1,
.notes__head h2{
	color: #376E6F;
	margin-bottom: 0;
}
.notes__body{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 40px 120px;
	margin: 0 0 30px;
}
.notes__body:last-child{
	margin-bottom: 0;
}
.notes__item{
	width: calc(50% - 60px);
	display: flex;
	align-items: center;
	gap: 30px;
	font: bold 20px/1.5 "Gotham Pro",sans-serif;
	color: #282828;
	text-transform: uppercase;
}
.notes__item:before{
	content: '';
	display: block;
	width: 11px;
	height: 46px;
	background: url(../images/exclamation-mark.svg) no-repeat center/contain;
	flex: 0 0 auto;
}
.notes__text{
	font: 500 20px/1.5 "Gotham Pro",sans-serif;
	color: #fff;
	padding: 1em 1.5em;
	border-radius: 1em;
	background-color: #376E6F;
	margin: 0 0 40px;
}
.notes__text:last-child{
	margin-bottom: 0;
}

.notes__btn{
	display: flex;
	width: fit-content;
	margin: 0 auto;
	min-width: min(360px,100%);
}

.main-new-banner{
	height: auto;
}
.main-new-banner .slick-track{
	display: flex;
}
.main-banner-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 140px 0 80px;
	box-sizing: border-box;
	position: relative;	
}
.main-banner-item:has(.main-banner-text):before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(transparent,black,transparent);
	opacity: .5;
}
.main-banner-item.slick-slide{
	display: flex;
	height: auto;
	min-height: 80vh;
	min-height: 80svh;
}
.main-banner-text{
	text-align: center;
	font: 35px/normal "PT Sans", sans-serif;
	color: #fff;
	padding: 0 80px;
}
.main-banner-text h1,
.main-banner-text h2{
	font: 500 1.7em/normal "Gotham Pro", sans-serif;
	margin-bottom: .3em;	
}
.main-banner-text h1:last-child,
.main-banner-text h2:last-child{
	margin-bottom: 0;	
}
.main-banner-text h3{
	font: 1.2em/normal "Gotham Pro", sans-serif;
}
.main-banner-btn{
	display: flex;
	width: fit-content;
	margin: 35px auto 0;
	min-width: min(360px,calc(100% - 30px));
	box-sizing: border-box;
}
.main-description{
	padding-top: 0;
}


iframe{
	max-width: 100%;
	user-select: none;
}

@media(max-width: 1199px){
	h1,h2{
		font-size: 26px;
	}
	h3{
		font-size: 18px;
	}
	.container--normal{
		width: 798px;
	}
	.pic-block__body{
		font-size: 16px;
	}
	.schema__head{
		margin-bottom: 30px;
	}
	.schema__body{
		padding: 35px;
	}
	.schema__subhead{
		justify-content: space-between;
		align-items: flex-start;
		margin: 0 -15px 24px 0;
	}
	.schema__subhead-text{
		max-width: 400px;
		min-height: 150px;
	}
	.schema__img{
		bottom: calc(100% - 250px);
		height: auto;
		width: 180px;
	}
	.schema__columns{
		display: flex;
		flex-direction: column;
		gap: 25px;
	}
	.schema__column{
		display: contents;
	}
	.schema__item{
		min-height: 40px;
	}
	.infographics__item{
		width: 100%;
	}
	.notes__body{
		gap: 40px;
	}
	.notes__item{
		width: calc(50% - 20px);
		font-size: 16px;
	}
	.main-banner-text{
		font-size: 20px;
	}
}
@media(max-width: 767px){
	h1,h2{
		font-size: 20px;
	}
	h3{
		font-size: 17px;
	}
	.container--normal{
		width: 350px;
	}
	.pic-block{
		margin-top: 30px;
	}
	.pic-block__img{
		height: 360px;
	}
	.schema__body{
		padding: 30px 15px;
	}
	.schema__img{
		width: 130px;
		bottom: calc(100% - 190px);
	}
	.schema__subhead{
		gap: 15px;
		margin-right: 0;
	}
	.schema__decor{
		width: 56px;
	}
	.schema__subhead-text{
		max-width: 150px;
		min-height: 115px;
	}
	.schema__subhead-text h3{
		font-size: 18px;
	}
	.schema__columns{
		gap: 20px;
	}
	.schema__item{
		padding-left: 30px;
		font-size: 14px;
	}
	.schema__item:first-child{
		max-width: 224px;
	}
	.schema__item:before{
		font-size: 22px;
	}
	.infographics__head{
		font-size: 16px;
	}
	.infographics__head h1,
	.infographics__head h2{
		margin-bottom: .4em;
	}
	.infographics__head h1:last-child,
	.infographics__head h2:last-child{
		margin-bottom: 0;
	}
	.infographics__item{
		flex-direction: column;
		align-items: center;
		font-size: 16px;
		text-align: center;
		gap: 12px;
	}
	.infographics__item-img{
		width: auto;
		max-width: 100%;
		height: 85px;
	}
	
	.gallery__head{
		font-size: 16px;
		margin-bottom: 27px;
	}
	.gallery__head h1,
	.gallery__head h2{
		margin-bottom: .4em;
	}
	.gallery__head h1:last-child,
	.gallery__head h2:last-child{
		margin-bottom: 0;
	}
	.gallery__slide{
		border-radius: 10px;
	}
	.gallery__slide img{
		aspect-ratio: 320/277;
	}
	.gallery__arrow--prev{
		left: .2em;
	}
	.gallery__arrow--next{
		right: .2em
	}
	
	.notes__item{
		width: 100%;
	}
	.notes__text{
		font-size: 16px;
		padding: 20px;
		border-radius: 10px;
		margin-bottom: 30px;
	}
	.main-slider-buttons .container{
		width: calc(100% - 10px);
	}
	.main-banner-item.slick-slide{
		min-height: 450px;
	}
	.main-banner-item:has(.main-banner-text):before{
		opacity: .65;
	}
	.main-banner-text{
		font-size: 16px;
		padding: 0;
		margin: 0 auto;
		max-width: calc(100vw - 100px);
	}
	.main-banner-text h1,
	.main-banner-text h2{
		font-size: 1.35em;
	}	
	.main-banner-btn{
		margin-top: 25px;
	}
}