@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1280px;
	}
}

h1 {
	color: #009846;
	font-family: "Roboto-Light";
	font-size: 75px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	font-variant: all-small-caps;
}

.carousel {
	margin-bottom: unset;
}

.ms-15 {
	margin-left: 15px;
}

.navigate {
	height: 95px;
	border-radius: 0px 0px 20px 20px;
	background: #FFF;
	box-shadow: 0px 4px 8.9px 2px rgba(0, 0, 0, 0.25);
}

.separator {
	height: 59px;
	width: 2px;
	background: #D9D9D9;
}

.navbar-toggler {
	border: unset;
	border-radius: 5px;
	width: 59px;
	height: 51px;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.15);
}

.navbar-toggler:focus {
	box-shadow: 2px 2px 5px 0px rgba(0, 152, 70, 1);
}

.navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	background-image: url('/themes/tsum/assets/img/menu.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.banner__card {
	border-radius: 15px;
	background: rgba(255, 255, 255, 0.75);
	box-shadow: -2px 2px 10.9px 2px rgba(0, 0, 0, 0.10);
}

.banner__container {
	gap: 25px;
	padding-left: 41px;
}

.card__link,
.card__link h2 {
	color: #000;
	font-family: "Roboto-Regular";
	font-size: 21px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration: none;
	margin-bottom: 0;
}

.shops__main {
	position: relative;
	z-index: 1;
}

.shops__main .shops {
	z-index: 2;
}

.shops__main h2 {
	color: #F5DCD5;
	font-family: "Roboto-Light";
	font-size: 75px;
	font-style: normal;
	line-height: normal;
	margin: 40px 0;
}

.shops__container {
	z-index: 2;
}

.shops__container .col-12 {
	padding: 0 35px 35px 0;
	z-index: 2;
}

.shops__container .col-xl-8,
.shops__container .col-12:last-child {
	padding-right: 0;
	z-index: 2;
}

.shops__container .col-12:last-child {
	padding-bottom: 40px;
}

.shop__card {
	height: 268px;
	border-radius: 15px;
	border: 1px solid #465984;
	background: #FFF;
	z-index: 2;
	position: relative;
	overflow: hidden;
}

.shop__link {
	text-decoration: none;
	transition: color 0.3s linear;
}

.shop__link:hover .card__text {
	color: #465984;
}

.shop__link .svg__arrow path {
	transition: fill 0.3s linear;
}

.shop__link:hover .svg__arrow path {
	fill: #465984;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.85);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.5s;
}

.shop__link:hover .overlay {
	opacity: 1;
}

.shop__link a {
	text-decoration: none;
}

.overlay-content svg {
	position: absolute;
	bottom: 25px;
	right: 30px;
}

.overlay-content p {
	color: #000;
	font-family: "Roboto-Regular";
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 23px;
}

@media (max-width: 560px) {
	.overlay-content h3 {
		font-size: 18px;
		line-height: 15px;
	}

	.overlay-content p {
		font-size: 14px;
		line-height: 15px;
	}
}

.overlay-content h3 {
	color: #000;
	font-family: "Roboto-Regular";
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 23px;
}

.shop__card_showAll {
	height: 268px;
	border-radius: 15px;
	border: 1px solid #465984;
	background: #B1D9D8;
	position: relative;
	z-index: 2;
}

.shop__card_showAll .card__text {
	padding-left: 15px;
}

.card__text {
	color: #009846;
	font-family: Roboto, sans-serif;
	font-size: 34px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px;
	z-index: 3;
	transition: color 0.3s linear;
}

.svg-image-1 {
	position: absolute;
	bottom: 140px;
	left: 6vw;
	z-index: 0;
}

.svg-image-2 {
	position: absolute;
	top: 150px;
	right: 13vw;
}

.svg-image-3 {
	position: absolute;
	top: 15px;
	right: 25vw;
}

.svg-image-4 {
	position: absolute;
	top: 25px;
	left: 30px;
	z-index: 2;
}

.svg-image-5 {
	position: absolute;
	bottom: 55px;
	right: 40px;
	z-index: 1;
}

.img-fluid {
	padding: 0 15px;
}

/*******************************Отступы крайних карточек в ряду и размер/отступы надписи*******************************/

@media (max-width: 1199px) {
	.shops__container .col-12,
	.shops__container .col-12:last-child {
		padding: 0 35px 35px 35px;
	}

	.shops__main h2 {
		font-size: 45px;
		margin: 40px 35px;
	}
}

@media (max-width: 375px) {
	.card__text {
		font-size: 24px;
	}
}

/******************************************Стили детальной страницы магазина*******************************************/

.shop__detail_container {
	padding-top: 150px;
	position: relative;
	min-height: 630px;
}

.shop__logo {
	border-radius: 10px;
	background: #FFF;
}

.shop__info {
	z-index: 1;
}

.shop__info h1 {
	line-height: 65px;
}

.shop__weblinks {
	border-radius: 10px;
	background: #465984;
}

.shop__weblinks a {
	color: #F5DCD5;
	font-family: Roboto, sans-serif;;
	font-size: 16px;
	line-height: 26px;
	text-decoration: none;
	transition: color 0.3s linear;
}

.shop__weblinks a:hover {
	color: #009846;
}

.shop__floor {
	color: #000;
	font-family: "Roboto-Bold";
	font-size: 30px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
	font-variant: all-small-caps;
}

.work__time {
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.30);
	max-width: 270px;
	z-index: 1;
}

.work__time span {
	color: #000;
	font-family: "Roboto-Regular";
	font-weight: bold;
	font-size: 18px;
}

.work__time p {
	color: #000;
	font-family: "Roboto-Regular";
	font-size: 18px;
	margin: 0;
}

.shop__phone a {
	color: #000;
	font-family: "Roboto-Regular";
	font-weight: bold;
	font-size: 21px;
	text-decoration: none;
}

.shop__container {
	position: relative;
}

.svg-image-6 {
	position: absolute;
	top: 150px;
	right: 10vw;
	z-index: 0;
}

.svg-image-7 {
	position: absolute;
	top: 440px;
	right: 36vw;
	z-index: 0;
}

.svg-image-8 {
	position: absolute;
	bottom: 50px;
	left: 16vw;
	z-index: 0;
}

.svg-image-9 {
	position: absolute;
	bottom: 50px;
	right: 11vw;
	z-index: 0;
}

.photos {
	padding-bottom: 180px;
}

.photos > .col-12 > div {
	height: 235px;
	background: #D9D9D9;
}

.discounts > .col-12 > div {
	height: 210px;
	background: #D9D9D9;
}

/**********************************************Стили для страницы события**********************************************/

.event__detail_container {
	padding-top: 150px;
	position: relative;
}

.event__detail_container img {
	padding: 0 15px;
	max-width: 100%;
	height: auto;
}

.event__container .col-10 {
	z-index: 1;
}

.event-img {
	max-height: 672px;
	border-radius: 20px;
	background: lightgray 0px -0.273px / 100% 100.081% no-repeat;
	box-shadow: -5px 4px 20.3px 0px rgba(0, 0, 0, 0.25);
	z-index: 1;
}

.event-title {
	color: #465984;
	font-family: "Roboto-Regular";
	font-size: 45px;
	font-variant: normal;
	z-index: 1;
}

.event-description p {
	color: #000;
	font-family: "Roboto-Regular";
	font-size: 18px;
	z-index: 1;
}

.svg-image-10 {
	position: absolute;
	top: 120px;
	right: 12vw;
	z-index: 0;
}

.svg-image-11 {
	position: absolute;
	bottom: 370px;
	left: 17vw;
	z-index: 0;
}

.svg-image-12 {
	position: absolute;
	bottom: 50px;
	right: 42vw;
	z-index: 0;
}

@media (max-width: 554px) {
	.event-title {
		font-size: 30px;
	}
}

@media (min-width: 555px) and (max-width: 767px) {
	.event-title {
		font-size: 35px;
	}
}

/*********************************************Стили для страницы контактов*********************************************/

.contacts__detail_container {
	padding-top: 120px;
	position: relative;
}

.contacts__container .col-12 {
	z-index: 1;
}

.contacts__container h2 {
	color: #009846;
	font-family: "Roboto-Regular";
	font-size: 30px;
	margin-bottom: 15px;
}

.contacts__container a,
.contacts__container p {
	color: #465984;
	font-family: "Roboto-Regular";
	font-size: 20px;
}

.contacts__card {
	border-radius: 15px;
	width: 100%;
	min-height: 320px;
	margin-bottom: 150px;
	position: relative;
}

.contacts__card iframe {
	border-radius: 15px;
}

.svg-image-13 {
	position: absolute;
	top: 120px;
	right: 2vw;
	z-index: 0;
}

.svg-image-14 {
	position: absolute;
	top: 25px;
	right: 9vw;
	z-index: 0;
}

@media (max-width: 767px) {
	.contacts__container .col-md-5,
	.contacts__container .col-md-3 {
		margin-top: 20px;
	}

	.contacts__container h1 {
		font-size: 55px;
	}
}

@media (max-width: 425px) {
	.contacts__container .col-md-4,
	.contacts__container .col-md-3 {
		margin-top: 20px;
	}

	.contacts__container h1 {
		font-size: 55px;
	}

	.svg-image-13 {
		position: absolute;
		top: 120px;
		right: 7vw;
		z-index: 0;
	}

	.svg-image-14 {
		position: absolute;
		top: 25px;
		left: 9vw;
		z-index: 0;
	}
}

/**********************************************Стили для страницы событий**********************************************/

.events__tsum {
	padding-top: 120px;
	padding-bottom: 120px;
	position: relative;
}

.events__main_title {
	z-index: 1;
}

.events__container .card-title h2 {
	color: #465984;
	font-family: "Roboto-Medium";
	font-size: 42px;
	line-height: normal;
}

.events__container .card .card-body p {
	color: #287BB1;
	font-family: "Roboto-Regular";
	font-size: 28px;
	line-height: normal;
}

.card-desc-text .card-body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.card-text p {
	padding: 0;
	margin: 0;
}

.event__link {
	align-self: flex-end;
}

.events__container .card {
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.25);
	border: unset;
}

.events__container .card .preview-img img {
	border-radius: 20px;
}

.preview-img img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.event__link a {
	color: #009846;
	font-family: "Roboto-Regular";
	font-size: 20px;
	line-height: 50px;
	font-variant: all-small-caps;
	text-decoration: none;
	transition: color 0.3s linear;
}

.event__link a svg path {
	transition: fill 0.3s linear;
}

.event__link a:hover {
	color: #465984;
}

.event__link a:hover svg path {
	fill: #465984;
}

.svg-image-15 {
	position: absolute;
	top: 670px;
	left: 50vw;
	z-index: 0;
}

.svg-image-16 {
	position: absolute;
	bottom: 210px;
	right: 6vw;
	z-index: 0;
}

.svg-image-17 {
	position: absolute;
	bottom: 500px;
	left: 8vw;
	z-index: 0;
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.events__container .card-title h2 {
		font-size: 30px;
	}

	.card-body {
		padding: 25px;
	}
}

@media (max-width: 1200px) {
	.preview-img {
		display: flex;
		justify-content: center;
		margin: 15px;
	}
}

@media (min-width: 1200px) {
	.preview-img {
		position: relative;
		transform: translate(-50px, -25px);
	}

	.events__container .card {
		max-height: 360px;
		margin-top: 60px;
	}

	.events__container .preview-img img {
		height: 350px;
	}

	.preview-img,
	.card-desc-text {
		width: 50%;
	}
}

/********************************************Стили для страницы кафе и досуг*******************************************/

.foodcorts__detail_container {
	padding-top: 120px;
	position: relative;
}

.foodcorts__container {
	position: static;
}

.foodcorts__container h1 {
	z-index: 1;
}

.foodcorts__container h3 {
	color: #009846;
	font-family: "Roboto-Light";
	font-size: 45px;
	line-height: normal;
	font-style: normal;
	font-variant: small-caps;
}

.foodcorts__container .col-12 {
	z-index: 1;
}

.foodcorts__section_name h2 {
	color: #009846;
	font-family: "Roboto-Regular";
	font-size: 50px;
	line-height: normal;
	font-style: normal;
	font-weight: 400;
	font-variant: all-small-caps;
}

.special-background h2 {
	color: #F5DCD5;
	font-family: "Roboto-Regular";
	font-size: 50px;
	line-height: normal;
	font-style: normal;
	font-weight: 400;
	font-variant: all-small-caps;
	padding-top: 15px;
	z-index: 1;
}

.link__anchor {
	text-decoration: none;
}

.link__anchor .btn__anchor {
	border-radius: 10px;
	border: 3px solid #465984;
	background: rgba(255, 255, 255, 0.40);
	transition: all 0.3s linear;
}

.link__anchor .btn__anchor:hover {
	border-radius: 10px;
	border: 3px solid #009846;
	background: unset;
}

.link__anchor .btn__anchor p {
	color: #465984;
	font-family: "Roboto-Regular";
	font-size: 24px;
	line-height: normal;
	transition: color 0.3s linear;
}

.link__anchor .btn__anchor:hover p {
	color: #009846;
}

.foodcort__card {
	border-radius: 15px;
	background: rgba(255, 255, 255, 0.85);
	position: relative;
	z-index: 1;
}

.special-background {
	background: #465984;
	width: 100%;
	position: absolute;
	min-height: 950px;
	max-height: 1570px;
	left: 0;
}

@media (max-width: 1399px) {
	.special-background {
		height: 1250px;
	}
	.navigate {
		height: 64px;
	}
}

.foodcort__card .card {
	border: none;
	background: rgba(255, 255, 255, 0);
	position: relative;
}

.foodcort__img {
	padding: 0 0;
	border-radius: 15px;
	background: #FFF;
}

.foodcort__img img {
	border-radius: 15px;
	max-width: 100%;
	height: inherit;
}

.foodcorts__working_hours p,
.foodcorts__tags p {
	color: #000;
	font-family: "Roboto-Regular";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.foodcorts__phone a {
	color: #000;
	font-family: "Roboto-Regular";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-decoration: none;
}

.foodcort__inst {
	color: #F5DCD5;
	font-family: "Roboto-Regular";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	transition: color 0.3s linear;
}

.foodcort__inst:hover {
	color: #009846;
}

.foodcort__description p {
	color: #000;
	font-family: "Roboto-Regular";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.foodcort__slider {
	max-width: 1380px;
	background: #465984;
	position: relative;
}

.foodcort__slider_vp {
	max-width: 1380px;
	background: #F5DCD5;
	position: relative;
}

.slider__img img {
	min-width: 280px;
	max-height: 250px;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.svg-image-18 {
	position: absolute;
	bottom: 30px;
	left: 8vw;
	z-index: 0;
}

.svg-image-19 {
	position: absolute;
	top: 110px;
	left: 46vw;
	z-index: 0;
}

.svg-image-20 {
	position: absolute;
	top: 600px;
	right: 11vw;
	z-index: 0;
}

.svg-image-21 {
	position: absolute;
	top: 1120px;
	right: 25vw;
	z-index: 0;
}

.svg-image-22 {
	position: absolute;
	top: 1850px;
	right: 8vw;
	z-index: 0;
}

.svg-image-23 {
	position: absolute;
	top: 1970px;
	left: 6vw;
	z-index: 0;
}

.svg-image-24 {
	position: absolute;
	top: 110px;
	right: 6vw;
	z-index: 1;
}

.svg-image-25 {
	position: absolute;
	top: 30px;
	right: 35vw;
	z-index: 1;
}

.svg-image-26 {
	position: absolute;
	bottom: 330px;
	left: 10vw;
	z-index: 1;
}

.svg-image-27 {
	position: absolute;
	bottom: 450px;
	right: 1vw;
	z-index: 1;
}

.svg-image-28 {
	position: absolute;
	bottom: 670px;
	right: 13vw;
	z-index: 1;
}

.svg-image-29 {
	position: absolute;
	bottom: 720px;
	right: 27vw;
	z-index: 1;
}

.svg-image-30 {
	position: absolute;
	bottom: 1180px;
	left: 5vw;
	z-index: 1;
}

.svg-image-31 {
	position: absolute;
	bottom: 1465px;
	right: 31vw;
	z-index: 1;
}

.svg-image-32 {
	position: absolute;
	bottom: 1980px;
	right: 6vw;
	z-index: 1;
}

.svg-image-33 {
	position: absolute;
	bottom: 2020px;
	left: 30vw;
	z-index: 1;
}

@media (min-width: 425px) {
	.foodcort__img {
		width: 415px;
		height: 325px;
	}
}

/***************************************************Стили для событий на главной странице ***************************************************/

.events__main {
	background: #F5DCD5;
}

.events__main h2 {
	font-family: "Roboto-Light";
	color: #009846;
	font-size: 75px;
	font-style: normal;
	line-height: normal;
}

.events__main .text-container {
	background: rgba(255, 255, 255, 0.80);
	border-radius: 32px;
}


.events__main-title,
.events__main-title h3 {
	color: #465984;
	font-family: "Roboto-Bold";
	font-size: 34px;
	font-style: normal;
	line-height: normal;
}

@media (max-width: 1400px) {
	.events__main-title h3 {
		font-size: 26px;
	}
}

.events__main-body {
	color: #287BB1;
	font-family: "Roboto-Light";
	font-size: 20px;
	font-style: normal;
	line-height: normal;
}

.events__main-link a {
	color: #009846;
	font-family: "Roboto-Light";
	font-size: 20px;
	font-style: normal;
	line-height: 50px;
	font-variant: all-small-caps;
	text-decoration: none;
	transition: color 0.3s linear;
}

.events__main-link:hover a {
	color: #465984;
}

.events__main-link path {
	transition: fill 0.3s linear;
}

.events__main-link:hover path {
	fill: #465984;
}

.text-container_inner {
	max-width: 427px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	padding: 0 30px;
}

.text-container-noname {
	width: 684px;
	height: 346px;
	flex-shrink: 0;
	border-radius: 32px;
	background: rgba(255, 255, 255, 0.80);
	position: absolute;
}

.card-event {
	min-height: 233px;
	border: 4px solid #FFF;
	border-radius: 18px;

	padding: 28px;
	background-size: cover !important;
	position: relative;
}
.card-event::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.60);
	pointer-events: none;
	transition: background 0.5s ease;
}


.card-event-title,
.card-event-title h3 {
	color: #465984;
	font-family: "Roboto-Bold";
	font-size: 27px;
	font-style: normal;
	line-height: 30px;
	z-index: 2;
}

.card-event-link a path {
	fill:#009846;
	transition: background 0.5s ease;

}
.card-event-link a{
	color: #009846;
	font-family: "Roboto-Regular";
	font-size: 20px;
	font-style: normal;
	line-height: 50px;
	font-variant: small-caps;
	z-index: 2;
	text-decoration: none;

	transition: background 0.5s ease;
}


.card-event:hover::before {
	background: transparent !important;
}

.card-event:hover .card-event-link a{
	color: #465984;
}
.card-event:hover .card-event-link a path {
	fill: #465984;
}
@media (max-width: 1400px) {
	.events__main-title {
		font-size: 24px;
	}

	.events__main-body {
		font-size: 16px;
	}

	.events__main-link a {
		font-size: 16px;
	}

	.text-container_inner {
		max-width: 327px;
	}
	.text-container-noname {
		height: 280px;
	}
}
@media (max-width: 1008px) {
	.text-container-noname {
		background: none;
		position: relative;
		width: unset;
		max-width: 450px;
	}
	.text-container_inner {
		max-width: 100%;
	}
	.text-container {
		display: flex;
		justify-content: center;

		z-index: 2;
		position: relative;
	}
}
@media (max-width: 600px) {
	.events__main h2 {
		font-size: 45px;
		text-align: center;
	}

}
@media (max-width: 425px) {
	.text-container-noname {
		background: none;
		position: relative;
		width: 314px;
		max-width: unset;
	}
}

@media (max-width: 767px) {
	.events__main-image {
		margin: 15px 0 35px 0;
	}
}

.svg-image-34 {
	position: absolute;
	top: 5px;
	left: 7vw;
}

.svg-image-35 {
	position: absolute;
	bottom: 80px;
	left: 3vw;
}

/***************************************************Стили для футера***************************************************/

.footer__container {
	background: #FFFFFF;
}

.footer__address p {
	color: #000;
	font-family: "Roboto-Regular";
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

footer .footer__phone {
	color: #465984;
	font-family: "Roboto-Regular";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

footer .footer__policy {
	color: #000;
	font-family: "Roboto-Regular";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	text-decoration: none;
}

.shop_title {
	color: #465984;
	font-family: "Roboto-Bold";
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	font-variant: all-small-caps;
}

.footer__address,
.footer__tel {
	height: 88px;
}

.footer__links a {
	color: #465984;
	font-family: "Roboto-Regular";
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;
}

@media (min-width: 992px) {
	.footer__links {
		padding-left: 6rem;
	}

	.footer__tel div {
		margin-left: 2.5rem;
	}
}
@media (max-width: 425px) {
	h1 {
		font-size: 32px;
	}

	.foodcorts__container h2 {
		font-size: 32px;
	}

	.foodcorts__container h3 {
		font-size: 32px;
	}

	.events__container .card-title h2 {
		font-size: 23px;
	}

	.events__container .card .card-body p {
		font-size: 17px;
	}

	.event__link a {
		font-size: 16px;
	}

	.shop_title {
		font-size: 28px;
	}

	.floor {
		font-size: 20px;
	}
}

img.insta_post {
	border-radius: 15px;
}

img.insta_post.video-thumbnail {
	border-radius: 15px;
}


@media (max-width: 1199px) {
	.carousel {
		position: fixed;
		top: 50px;
	}

	.events__main {
		margin-top: 3rem;
	}
}