.banner{
	position: relative;
	margin-top: 15px;
	width: 100%;
}
.banner__item-pic{
	width: 100%;
    max-width: 100%;
    border-radius: 24px !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    overflow: hidden;
    padding-top: 35.97%;
}
.banner .swiper-nav__prev{
	left: 35px;
}
.banner .swiper-nav__next{
	right: 35px;
}
.banner .swiper-nav__prev:hover svg circle,
.banner .swiper-nav__next:hover svg circle{
	fill: var(--color-orange);
	fill-opacity: 1;
}
.banner__item{
	display: flex;
	position: relative;
	z-index: 1;
}
.banner__item::before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    border-radius: 24px;
	background: linear-gradient(270deg, rgba(29, 29, 27, 0) 42.5%, rgba(29, 29, 27, 0.4) 100%);
}
.attention{
	padding: 70px 80px;
	background: url('../images/attention-fon.svg')no-repeat 50%;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.attention::before{
	position: absolute;
	content: '';
	bottom: 0;
	right: 0;
	background: url('../images/attention-zoo.svg')no-repeat 50%;
	background-size: auto 100%;
	background-position: right;
	min-width: 506px;
	height: 95%;
}
.attention__info{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 80%;
	gap: 30px 40px;
}
.attention__item{
	display: flex;
	flex-direction: column;
	padding-left: 38px;
	position: relative;
	gap: 8px 0;
	height: fit-content;
	width: 445px;
}
.attention__item p{
	margin: 0;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
}
.attention__item p b{
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
}
.attention__item small{
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
}
.attention__item address{
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	color: #303030;
	font-style: normal;
}
.attention__item-address{
	max-width: 400px;
}
.attention__item-address::before,
.attention__item-work::before{
	position: absolute;
	content: '';
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.attention__item-work::before{
	background: url('../images/clock.svg')no-repeat 50%;
	background-size: contain;
	width: 24px;
	height: 24px;
}
.attention__item-address::before{
	background: url('../images/marker.svg')no-repeat 50%;
	background-size: contain;
	width: 24px;
	height: 24px;
}
.ticket-price{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.ticket-price__item{
	width: 32%;
	max-width: 448px;
	padding: 35px 25px 30px 28px;
	color: #fff;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.ticket-price__item.item-1{
	background: url('../images/ticket-price-fon-1.svg')no-repeat 50%;
	background-size: cover;
}
.ticket-price__item.item-2{
	background: url('../images/ticket-price-fon-2.svg')no-repeat 50%;
	background-size: cover;
}
.ticket-price__item.item-3{
	background: url('../images/ticket-price-fon-3.svg')no-repeat 50%;
	background-size: cover;
}
.ticket-price__item-title{
	margin: 0;
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	flex-grow: 2;
}
.ticket-price__item-info{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 55px;
}
.ticket-price__item-price{
	margin: 0;
	font-weight: 500;
	font-size: 40px;
	line-height: 50px;
}
.ticket-price__item-price span{
	font-weight: 600;
	font-size: 50px;
	line-height: 62px;
}
.ticket-price__item-pic{
	position: absolute;
	top: 30px;
	right: 40px;
	z-index: -1;
}
.news{
	position: relative;
}
.news__item{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 20px 30px;
	color: #fff;
	text-decoration: none;
	height: 400px;
	position: relative;
	z-index: 1;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: center!important;
}
.news__item::before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(29, 29, 27, 0) 0%, rgba(29, 29, 27, 0.85) 100%);
	z-index: -1;
	border-radius: 16px;
}
.news__item-title{
	margin: 0;
	font-weight: 600;
	font-size: 20px;
	line-height: 140%;
}
.news__item-data{
	margin-top: 10px;
	line-height: 140%;
}
.news__item-link{
	margin: 10px 0 0 0;
	width: fit-content;
	font-weight: 500;
}
.news__item:hover .link__arrow::before{
	transform: translate(10px, -50%);
}
.map{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #eeefec;
	padding: 45px 45px 50px 55px;
	gap: 0 40px;
	position: relative;
}
.map::before{
	position: absolute;
	content: '';
	right: 8px;
	bottom: -16px;
	background: url('../images/map-icon.svg')no-repeat 50%;
	background-size: contain;
	width: 77px;
	height: 63px;
}
.map__text{
	margin-top: 40px;
}
.map__text p{
	margin: 24px 0;
	font-size: 18px;
}
.map__btn{
	margin-top: 50px;
	display: flex;
	align-items: center;
	padding: 20px 40px;
}
.map__btn svg{
	margin-left: 10px;
}
.map__pic{
	display: flex;
	max-width: 684px;
}
.services{
	display: flex;
	gap: 24px;
}
.services__block{
	width: 32%;
	max-width: 330px;
	height: 330px;
	background-position: center!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	color: #fff;
	text-decoration: none;
	padding: 30px;
	position: relative;
	z-index: 1;
}
.services__block::before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(13, 27, 46, 0.05) 0%, rgba(13, 27, 46, 0.8) 88%);
	z-index: -1;
	border-radius: 16px;
}
.services__block-title{
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	margin: 0;
}
.services__block-link{
	margin: 16px 0 0 0;
	font-weight: 500;
}
.services__block:hover .link__arrow::before{
	transform: translate(10px, -50%);
}
.collections{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 330px 330px 330px;
    gap: 24px 24px;
    grid-auto-flow: row;
    grid-template-areas:
	    "item1 item1 item2 item2"
	    "item1 item1 item3 item4"
	    "item5 item6 item7 item7";
}
.collections__item.item1{
	grid-area: item1;
}
.collections__item.item2{
	grid-area: item2;
}
.collections__item.item3{
	grid-area: item3;
}
.collections__item.item4{
	grid-area: item4;
}
.collections__item.item5{
	grid-area: item5;
}
.collections__item.item6{
	grid-area: item6;
}
.collections__item.item7{
	grid-area: item7;
}
.collections__item-pic{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.form-quest{
	background: linear-gradient(90deg, #2d73bb 0%, #39bafe 100%);
	display: flex;
	flex-direction: column;
	padding: 55px;
	position: relative;
}
.form-quest::before{
	position: absolute;
	content: '';
	top: 0;
	right: 10%;
	background: url('../images/form-quest-pic-fon.svg')no-repeat 50%;
	background-size: contain;
	width: 590px;
	height: 100%;
}
.form-quest__title{
	margin: 40px 0 0 0;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 36px;
	color: #fff;
	line-height: 44px;
}
.form-quest__btn{
	margin-top: 30px;
	color: #0067c3;
	font-weight: 600;
	padding: 15px 70px;
}

@media(max-width: 1600px){
	.banner .swiper-nav__next {
	    right: 25px;
	}
	.banner .swiper-nav__prev {
	    left: 25px;
	}
	.banner .swiper-nav__next svg,
	.banner .swiper-nav__prev svg{
		width: 45px;
		height: 45px;
	}
	.attention{
		padding: 55px 55px;
	}
	.attention__info{
		gap: 25px 35px;
	}
	.attention__item p,
	.attention__item p b {
	    font-size: 18px;
	    line-height: 22px;
	}
	.attention__item address{
		font-size: 16px;
	}
	.ticket-price{
		gap: 18px;
	}
	.ticket-price__item-title {
	    font-size: 22px;
	    line-height: 28px;
	}
	.ticket-price__item-price {
	    font-size: 34px;
	    line-height: 44px;
	}
	.ticket-price__item-price span {
	    font-size: 44px;
	    line-height: 54px;
	}
	.ticket-price__item-info{
		margin-top: 40px;
	}
	.ticket-price__item-pic {
	    top: 20px;
	    right: 30px;
	}
	.ticket-price__item{
		padding: 30px 20px 25px 23px;
		min-height: 225px;
	}
	.news__item{
		height: 360px;
	}
	.news__item-title{
		font-size: 18px;
	}
	.news__item-data,
	.news__item-link{
		font-size: 15px;
	}
	.link__arrow::before{
		width: 18px;
		height: 14px;
	}
	.map {
	    padding: 37px 37px 42px 45px;
	    gap: 0 30px;
	}
	.map__text {
	    margin-top: 30px;
	}
	.map__text p {
	    margin: 20px 0;
	    font-size: 16px;
	}
	.map__btn {
	    margin-top: 40px;
	    display: flex;
	    align-items: center;
	    padding: 16px 30px;
	}
	.map__btn svg {
	    width: 80px;
	    height: auto;
	}
	.map::before{
		width: 60px;
	    height: 49px;
	}
	.services {
	    gap: 15px;
	}
	.services__block{
		height: 300px;
		padding: 25px;
	}
	.services__block-title{
		font-size: 18px;
		line-height: 22px;
	}
	.services__block-link {
	    margin: 12px 0 0 0;
	    font-size: 15px;
	}
	.banner{
		margin-top: 40px;
	}
	.collections{
		gap: 15px;
		grid-template-rows: 300px 300px 300px;
	}
	.form-quest{
		padding: 40px;
	}
	.form-quest img{
		height: 18px;
	    width: 112px;
	}
	.form-quest__title {
	    margin: 30px 0 0 0;
	    font-size: 30px;
	    line-height: 38px;
	}
	.form-quest__btn {
	    margin-top: 25px;
	    padding: 12px 55px;
	}
	.form-quest::before{
		width: 510px;
	}
}

@media(max-width: 1400px){
	.banner .swiper-nav__next svg, .banner .swiper-nav__prev svg {
        width: 40px;
        height: 40px;
    }
    .banner .swiper-nav__next {
        right: 20px;
    }
    .banner .swiper-nav__prev {
        left: 20px;
    }
    .banner {
        margin-top: 60px;
    }
    .attention {
        padding: 40px 45px;
    }
    .attention__info {
        gap: 20px 20px;
    }
    .attention__item{
    	width: 400px;
    }
    .attention__item p, .attention__item p b {
        font-size: 16px;
        line-height: 20px;
    }
    .attention__item small {
	    font-size: 14px;
	    line-height: 18px;
	}
	.attention__item address {
        font-size: 14px;
    }
    .ticket-price__item-title {
        font-size: 20px;
        line-height: 26px;
    }
    .ticket-price__item-price {
        font-size: 28px;
        line-height: 38px;
    }
    .ticket-price__item-price span {
        font-size: 36px;
        line-height: 44px;
    }
    .ticket-price__item {
        padding: 25px 20px 20px 23px;
        min-height: 220px;
    }
    .news__item {
        height: 320px;
    }
    .news__item-title {
        font-size: 17px;
        line-height: 22px;
    }
    .news__item-data, .news__item-link {
        font-size: 14px;
    }
    .map__pic,
    .map__info{
    	width: 50%;
    }
    .map__pic-img{
    	width: 100%;
    	height: auto;
    }
   	.map__text p {
        margin: 16px 0;
        font-size: 15px;
        line-height: 20px;
    }
    .map__btn {
        margin-top: 30px;
        padding: 12px 25px;
    }
    .map {
        padding: 30px 30px 40px 30px;
        gap: 0 25px;
    }
    .services__block{
    	height: 265px;
    	padding: 20px;
    }
    .services__block-title{
    	font-size: 17px;
    }
    .services__block-link {
        font-size: 14px;
    }
    .collections {
        gap: 10px;
        grid-template-rows: 265px 265px 265px;
    }
    .form-quest {
        padding: 30px;
    }
    .form-quest img {
        height: 15px;
        width: 93px;
    }
    .form-quest__title {
        font-size: 28px;
    }
    .form-quest__btn {
        padding: 10px 45px;
    }
}
@media(max-width: 1199px){
	.banner {
        margin-top: 69px;
    }
    .attention {
        padding: 30px 30px;
    }
    .attention__info{
    	max-width: 50%;
    }
    .attention__info .btn__green{
    	margin-left: 38px;
    }
    .ticket-price__item{
    	width: 33%;
    	max-width: 304px;
    	padding: 20px 15px 15px 15px;
    }
    .ticket-price {
        gap: 10px;
    }
    .ticket-price__item-pic{
    	right: 5px;
    }
    .news__item{
    	padding: 20px 25px;
    }
    .map {
        padding: 25px 25px 35px 25px;
        gap: 0 20px;
    }
    .services {
        gap: 10px;
    }
    .services__block {
        height: 240px;
        padding: 15px;
    }
    .collections {
        grid-template-rows: 220px 220px 220px;
    }
    .form-quest::before{
    	right: 10px;
    }
    header.main .header{
    	background: #fff;
    	border-radius: 0 0 16px 16px;
    }
}
@media(max-width: 991px){
	.attention::before{
		content: none;
	}
	.attention .title{
		text-align: center;
	}
	.attention__info{
		max-width: 100%;
	}
	.ticket-price__item {
        width: 49%;
        max-width: 100%;
    }
    .map{
    	flex-direction: column;
    	align-items: flex-start;
    	gap: 30px 0;
    }
    .map__pic, .map__info {
        width: 100%;
    }
    .services__block{
    	width: 49%;
    	max-width: 100%;
    }
    .services {
        gap: 10px 2%;
        flex-wrap: wrap;
    }
    .collections {
        grid-template-rows: 180px 180px 180px;
    }
    .form-quest {
        padding: 25px 20px;
        z-index: 1;
        overflow: hidden;
    }
    .form-quest::before {
      	right: -120px;
        z-index: -1;
        width: 425px;
    }

}
@media(max-width: 767px){
	.banner .swiper-nav__prev {
        left: 5px;
    }
    .banner .swiper-nav__next {
        right: 5px;
    }
    .banner .swiper-nav__next svg, .banner .swiper-nav__prev svg {
        width: 33px;
        height: 33px;
    }
    .attention {
        padding: 30px 20px;
    }
    .ticket-price__item{
    	width: 100%;
    }
    .collections{
    	grid-template-columns: 1fr 1fr;
    	grid-template-areas: "item1 item2"
					         "item3 item4"
					         "item5 item6"
					         "item7 item7";
    }
    .form-quest::before{
    	opacity: 0.4;
    }
}
@media(max-width: 575px){
	.banner__item{
		height: 250px;
	}
	.banner__item-pic {
	    object-fit: cover;
	    object-position: center;
	    height: 100%;
	}
	.attention {
        padding: 25px 15px;
    }
    .attention__item p, .attention__item p b {
        font-size: 15px;
        line-height: 20px;
    }
    .attention__item {
        width: 100%;
        padding-left: 32px;
    }
    .attention__info .btn__green{
    	margin: 0 auto;
    }
    .news__item {
        height: 300px;
    }
    .news__item-data{
    	margin-top: 15px;
    }
    .map{
    	padding: 25px 15px 35px 15px;
    }
    .services__block{
    	width: 100%;
    }
    .collections {
        grid-template-rows: 120px;
        grid-auto-rows: 120px;
        gap: 5px;
    }
    .form-quest{
    	align-items: center;
    	padding: 25px 15px;
    }
    .form-quest__title{
    	text-align: center;
    }
    .form-quest::before {
        right: 0;
        z-index: -1;
        width: 100%;
        opacity: 0.3;
        background-size: cover;
    }
}
@media(max-width: 374px){

}