@font-face {
	font-family: "DMSans";
	src: url('../fonts/DMSans-Regular.woff') format('woff');
}

@font-face {
	font-family: "DMSans Medium";
	src: url('../fonts/DMSans-Medium.woff') format('woff');
}

@font-face {
	font-family: "DMSans Bold";
	src: url('../fonts/DMSans-Bold.woff') format('woff');
}

@font-face {
	font-family: "Timeless";
	src: url('../fonts/Timeless.ttf') format('truetype');
}

@font-face {
	font-family: "Timeless Bold";
	src: url('../fonts/Timeless-Bold.ttf') format('truetype');
}

:root {
	--general: #000000;
	--additional-color: #C8202F;
	--white: #ffffff;
	--swiper-preloader-color: var(--additional-color);
	--plyr-color-main: var(--additional-color);
	--transition-prop: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

html,
body {
	position: relative;
	color: var(--general);
	font-size: 20px;
	line-height: 1.6;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: var(--white);
	font-family: "DMSans", sans-serif;
	font-weight: 400;
}

::selection {
	color: #fff;
	background: var(--additional-color);
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

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

body {
	overflow-x: hidden;
	margin: 0;
	opacity: 1;
	transition: var(--transition-prop);
}

body.effect {
	opacity: 0;
}

body.effect main {
	transform: scale(0.99);
}

input,
button {
	outline: none;
	box-shadow: none;
}

@media (min-width : 991px) {
	::-webkit-scrollbar {
		width: 7px;
		height: 5px;
		background-color: rgb(243, 243, 243);
	}

	::-webkit-scrollbar-thumb {
		background: var(--general);
		border-radius: 10px;
		box-shadow: 0 0 3px rgba(0, 0, 0, .1);
	}

	::-webkit-scrollbar-track {
		border-radius: 5px;
		background-color: rgb(243, 243, 243);
	}
}

input:-ms-input-placeholder {
	color: #000;
	opacity: 0.65;
}

input::-moz-placeholder {
	color: #000;
	opacity: 0.65;
}

input:-moz-placeholder {
	color: #000;
	opacity: 0.65;
}

input::-webkit-input-placeholder {
	color: #000;
	opacity: 0.65;
}

textarea::-webkit-input-placeholder {
	color: #000;
	opacity: 0.65;
}

a {
	display: inline-block;
	text-decoration: none;
	color: inherit;
	transition: var(--transition-prop);
}

a:hover {
	text-decoration: none;
}

li {
	list-style-type: none;
}

p {
	margin-top: 0;
	margin-bottom: max(2vw, 15px);
}

p a {
	text-decoration: underline;
}

p strong {
	font-family: "DMSans Medium", sans-serif;
	font-weight: 700;
}

p a:hover {
	opacity: 0.8;
	text-decoration: underline;
}

small {
	font-size: 12px;
	text-transform: uppercase;
}

img {
	display: block;
}

button,
input {
	overflow: visible;
}

.pt-0 {
	padding-top: 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.m-0 {
	margin: 0 !important;
}

.preloader-block.active {
	display: flex;
}

.preloader-block {
	position: fixed;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100vw;
	background: var(--white);
	display: flex;
	z-index: 100;
}

.preloader-block img {
	position: relative;
	animation: preloader-pulse 0.5s cubic-bezier(0.600, 0, 0.735, 0.045) infinite alternate;
}

@keyframes preloader-pulse {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.1);
	}
}

.parallax-img-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.parallax-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.parallax-img-box .simpleParallax,
.parallax-img-box .parallaxContainer {
	height: 100%;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.form-group {
	position: relative;
	margin-bottom: 13px;
}

label {
	display: block;
	font-size: max(85%, 13px);
	margin-bottom: 10px;
}

.form-group.textarea {
	display: block;
}

.form-control {
	display: block;
	font-size: max(90%, 14px);
	width: 100%;
	color: #000;
	padding: max(1vw, 14px) max(1.3vw, 15px);
	border: none;
	border-radius: 4px;
	background-color: var(--white);
	filter: none;
	margin: 0;
	font-weight: 400;
	line-height: 1;
	transition: var(--transition-prop);
}

textarea.form-control {
	line-height: 1.3;
	border-radius: 4px;
}

.form-control.error {
	color: #D44545;
	border-color: #D44545;
}

.form-control.error::placeholder {
	color: #D44545;
}

.form-control:disabled {
	opacity: 0.25;
}

.form-control:focus {
	border-color: var(--green);
}

select.form-control {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	background: var(--white) right 1.4em top 50% / 0.85em auto no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.253' height='6.688' viewBox='0 0 13.253 6.688'%3E%3Cg transform='translate(0 6.688) rotate(-90)'%3E%3Cpath d='M54.291,6.153,59.753.2a.58.58,0,0,1,.868,0,.711.711,0,0,1,0,.945L55.592,6.626l5.028,5.485a.712.712,0,0,1,0,.946.58.58,0,0,1-.868,0L54.29,7.1A.72.72,0,0,1,54.291,6.153Z' transform='translate(-54.113 0)' fill='%23002262'/%3E%3C/g%3E%3C/svg%3E");
	padding-right: max(1.5vw, 3px);
	line-height: 1.2;
}

select option {
	color: var(--general);
}

.form-group.search input {
	border-radius: 50px;
	border: 1px solid;
	letter-spacing: 0.05em;
	padding-left: max(3.5vw, 40px);
	background: var(--white) left max(1.5vw, 10px) top 50% / clamp(15px, 1.35vw, 20px) auto no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.414' height='20.414' viewBox='0 0 20.414 20.414'%3E%3Cg transform='translate(-2 -2)'%3E%3Ccircle cx='8' cy='8' r='8' transform='translate(3 3)' fill='none' stroke='%23022361' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline x1='4.35' y1='4.35' transform='translate(16.65 16.65)' fill='none' stroke='%23022361' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}

dl,
ol,
ul {
	margin: 0;
	padding: 0;
}

button,
.btn {
	width: auto;
	display: inline-block;
	position: relative;
	text-align: center;
	color: var(--white);
	font-size: max(90%, 14px);
	background: transparent;
	padding: 0;
	margin: 0;
	font-weight: 400;
	cursor: pointer;
	border: none;
	outline: none;
	text-decoration: none;
	line-height: 1;
	transition: var(--transition-prop);
}

button:active,
.btn:active {
	transform: scale(0.98);
}

button span,
.btn span {
	display: none;
}

button:hover::after,
.btn:hover::after {
	opacity: 1;
	transform: translateY(0) rotateX(0);
}

button:hover::before,
.btn:hover::before {
	opacity: 0;
	transform: translateY(50%) rotateX(90deg);
}

button:not([class])::after,
button:not([class])::before,
.btn::after,
.btn::before {
	padding: clamp(12px, 1vw, 18px) max(3.3vw, 25px);
	border: 2px solid var(--additional-color);
}

button::before,
.btn::before {
	content: attr(data-front);
	display: block;
	position: relative;
	opacity: 1;
	transition: 0.5s;
	background-color: var(--additional-color);
	transform: translateY(0) rotateX(0);
}

button::after,
.btn::after {
	content: attr(data-back);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	color: var(--white);
	transition: 0.5s;
	background-color: transparent;
	transform: translateY(-50%) rotateX(90deg);
}

/* btn-light */
.btn.btn-light {
	color: var(--white);
}

.btn.btn-light::before,
.btn.btn-light::after {
	border-color: transparent;
}

.btn.btn-light::before {
	border-color: var(--white);
	background-color: transparent;
}

.btn.btn-light::after {
	border-color: var(--additional-color);
	background-color: var(--additional-color);
}

/* btn-light-dark */
.btn.btn-light-dark {
	color: var(--general);
}

.btn.btn-light-dark::before,
.btn.btn-light-dark::after {
	border-color: transparent;
}

.btn.btn-light-dark::before {
	border-color: var(--general);
	background-color: transparent;
}

.btn.btn-light-dark::after {
	border-color: var(--additional-color);
	background-color: var(--additional-color);
}

/* btn-underline */
.btn-underline {
	font-size: max(80%, 14px);
	padding: 2px 7px;
	font-family: "DMSans Medium", sans-serif;
	border-bottom: 2px solid var(--general);
}

.btn-underline:hover {
	color: var(--additional-color);
	border-color: var(--additional-color);
}

/* btn-page-wrap */
.btn-page-wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	width: 100%;
	margin-top: max(2.5vw, 20px);
}

.btn-page-wrap.center {
	text-align: center;
	justify-content: center;
}

.btn-page-wrap.right {
	text-align: right;
	justify-content: flex-end;
}

.btn-double-group {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	gap: max(0.7vw, 10px);
	margin: max(3.5vw, 20px) 0 0;
}

.container {
	width: min(96%, 1530px);
	margin: 0 auto;
	padding: 0 15px;
}

.container.small {
	width: min(96%, 1395px);
}

.container.full {
	width: min(100%, 1920px);
	padding: 0;
	margin: 0 auto;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	line-height: 1.2;
	margin-bottom: max(2.3vw, 15px);
	font-family: "Timeless Bold", sans-serif;
	font-weight: bold;
}

h1,
.title-page {
	font-size: 350%;
}

h2,
.title-section {
	font-size: 250%;
}

h3,
.title-block {
	font-size: 150%;
}

.center {
	text-align: center;
}


strong {
	font-family: "DMSans Medium", sans-serif;
	font-weight: bold;
}

.w-100 {
	width: 100%;
}

main {
	position: relative;
	min-height: 50vh;
	transition: var(--transition-prop);
}

.top-padding {
	padding-top: 7vw;
}

.container-visible {
	overflow: visible;
}

.hidden {
	display: none !important;
}

section {
	position: relative;
	overflow: hidden;
}

.color-bg {
	background-color: #F5F5F5 !important;
}

.coll-2,
.coll-3,
.coll-4,
.coll-5,
.coll-6 {
	display: grid;
	grid-template-rows: repeat(auto-fill, minmax(0, 1fr));
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: max(8vw, 20px);
	width: 100%;
	margin: max(6.7vw, 40px) 0;
}

.coll-1 {
	display: grid !important;
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.coll-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.coll-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.coll-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.coll-6 {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.form-group-double {
	gap: 20px;
	margin: 0;
}


/* header */
.header {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	transition: var(--transition-prop);
	background-color: var(--white);
}

.admin-bar .header {
	top: 32px;
}

.header.scroll {
	-webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2);
}

.header.scroll .navbar-brand img,
.header.scroll .navbar-brand svg {
	width: 240px;
}

.header.scroll .navbar-top {
	padding: 10px max(2.5vw, 15px);
}

.header.scroll .sub-menu {
	top: 162%;
}

.navbar-top-wrap {
	transition: var(--transition-prop);
}

.navbar-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	width: 100%;
	padding: max(2.3vw, 10px) max(2.5vw, 15px);
	transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1);
}

/* navbar-brand */
header .navbar-brand {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 14;
	transition: var(--transition-prop);
}

.navbar-brand:hover {
	opacity: 0.8;
}

.navbar-brand img,
.navbar-brand svg {
	display: block;
	width: 280px;
	height: auto;
	transition: var(--transition-prop);
}

.header-right-side {
	display: flex;
	justify-content: center;
	align-items: stretch;
}


/* navbar-collapse */
.menu-open {
	overflow: hidden;
}

.navbar-collapse-inner-block {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	top: 0;
	left: 0;
	height: 100%;
	opacity: 1;
	transition: var(--transition-prop);
	z-index: 11;
}

.navbar-collapse-inner-block .navbar-brand {
	display: none;
}

.navbar-collapse-inner-block .btn-page-wrap {
	display: none;
}

.navbar-collapse.toggle {
	pointer-events: auto;
	background-color: rgba(0, 0, 0, 0.58);
}

.navbar-collapse.toggle .navbar-collapse-inner-block {
	transform: translateY(0);
}

.navbar-collapse-social {
	display: none;
}

.navbar-collapse.toggle .top-mnu {
	transition-delay: 0.8s;
}

.navbar-collapse nav {
	width: 100%;
}

.top-mnu {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	transition: var(--transition-prop);
	transition-delay: 0s;
}

.top-mnu>li {
	display: inline-block;
	width: auto;
	margin: 0;
	transition: all 300ms;
}

.navbar-collapse.toggle .top-mnu li {
	opacity: 1;
	transform: translateX(0);
	transition: all 300ms 100ms;
}

.navbar-collapse.toggle .top-mnu li:nth-of-type(2) {
	transition: all 300ms 200ms;
}

.navbar-collapse.toggle .top-mnu li:nth-of-type(3) {
	transition: all 300ms 300ms;
}

.navbar-collapse.toggle .top-mnu li:nth-of-type(4) {
	transition: all 300ms 400ms;
}

.navbar-collapse.toggle .top-mnu li:nth-of-type(5) {
	transition: all 300ms 500ms;
}

.top-mnu>li {
	position: relative;
	margin: 0 max(1.75vw, 10px);
}

.top-mnu>li>a {
	position: relative;
	display: inline-block;
	font-size: inherit;
	padding: 6px 0;
	line-height: 1.2;
	white-space: nowrap;
}

.top-mnu>li>a::before {
	content: "";
	position: absolute;
	width: 0%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: var(--general);
	transition: var(--transition-prop);
}

.top-mnu>li>a:hover::before {
	width: 100%;
}

.top-mnu>li.active>a,
.top-mnu>li:hover>a {
	opacity: 0.85;
}

.header-user-account {
	position: relative;
	margin-right: 12px;
}

.header-user-account a {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 50px;
	height: 100%;
	border: 2px solid #000;
}

.header-user-account svg,
.header-user-account img {
	display: block;
	transition: var(--transition-prop);
}

.header-user-account a:hover svg,
.header-user-account a:hover img {
	transform: scale(1.05);
}

.hamburger {
	display: none;
}

body::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
	opacity: 0;
	background-color: var(--general);
	transition: var(--transition-prop);
	pointer-events: none;
	transition-delay: 0.2s;
}

body.submenu-open::before {
	opacity: 0.6;
	transition-delay: 0s;
	pointer-events: all;
}

.sub-menu {
	display: block;
	position: absolute;
	width: 425px;
	top: 237%;
	left: 0;
	transform: translateY(10px) translateX(-40%);
	background-color: var(--white);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: var(--transition-prop);
	transition-delay: 0.2s;
}

.menu-item-has-children:hover .sub-menu {
	opacity: 1;
	transform: translateY(0) translateX(-40%);
	visibility: visible;
	transition-delay: 0s;
}

.sub-menu li {
	border-left: 5px solid var(--additional-color);
}

.sub-menu a {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	height: 50px;
	margin-left: 10%;
	align-items: center;
	justify-items: center;
	justify-content: center;
}

.sub-menu a .icon {
	display: grid;
	place-items: center;
	width: 50px;
	height: 100%;
	background-color: var(--additional-color);
}

.sub-menu a .icon svg {
	max-width: 100%;
	min-height: 100%;
}

.sub-menu a span {
	display: block;
	padding: clamp(10px, 1vw, 19px) clamp(10px, 1.7vw, 35px);
}

.sub-menu a:hover {
	background-color: #f8f8f8;
}

/* main-foot */
.main-foot {
	position: relative;
	overflow: hidden;
	background-color: var(--additional-color);
}

.main-foot .navbar-brand {
/* 	background-color: #fff; */
	padding: 0.5rem;
}

.navbar-foot {
	position: relative;
	width: 100%;
	gap: 1px;
	color: var(--white);
	padding: 0;
	margin: 0;
}

.foot-menu-wrap {
	width: 100%;
	gap: 20px;
	margin: max(0.7vw, 40px) 0;
}

.foot-title {
	font-size: 125%;
	font-family: "Timeless", sans-serif;
}

.navbar-foot .btn.btn-light::after,
.hero-content-info-inner .btn.btn-light::after {
	border-color: var(--white);
	background-color: var(--white);
	color: var(--general);
}

.foot-menu {
	font-size: max(80%, 14px);
	padding: 0;
	margin: clamp(15px, 1.3vw, 30px) 0 clamp(20px, 3vw, 60px);
}

.foot-menu li a {
	display: inline-block;
	position: relative;
	padding: 8px 0;
	margin: 0;
	letter-spacing: 0.01em;
	line-height: 1.3;
}

.foot-menu li a:hover {
	transform: translateX(5px);
	opacity: 0.85;
}

.foot-bottom-line {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: max(2.5vw, 30px);
	padding: 0 0 max(3.5vw, 30px);
}

.foot-additional-menu {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	font-size: max(80%, 14px);
	gap: 15px clamp(20px, 6vw, 120px);
	line-height: 1.2;
	letter-spacing: 0.01em;
}

.foot-additional-menu li a:hover {
	transform: scale(1.05);
}

.foot-bottom-line p {
	font-size: max(80%, 14px);
	width: 100%;
	text-align: center;
	margin: max(2.5vw, 30px) 0 0;
	letter-spacing: 0.01em;
	opacity: 0.3;
}

.social-menu-block {
	align-self: center;
}

.social-menu {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: max(2.5vw, 18px);
	color: var(--white);
}

.social-menu a svg {
	display: block;
	width: auto;
	transform: rotate(-90deg);
}

.social-menu a:hover {
	transform: translateY(-5px);
}

/* s-hero */
.s-hero .container {
	width: 100%;
	padding: 0 max(2.5vw, 15px);
}

.hero-content {
	gap: 0;
	margin: 0;
}

.hero-image-block {
	min-height: 400px;
	position: relative;
	overflow: hidden;
}

.hero-image-inner-block {
	width: 100%;
	height: 100%;
}

.hero-image-inner-block img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	animation: scaleEffect 80s ease infinite;
}

@keyframes scaleEffect {
	0% {
		transform-origin: bottom left;
		transform: scale(1);
	}

	50% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

.hero-content-info {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: var(--white);
	min-height: 550px;
	padding: clamp(20px, 5vw, 115px) clamp(20px, 5vw, 105px);
	background-color: var(--additional-color);
}

.hero-content-info-inner {
	width: min(100%, 552px);
}

.hero-content-info-inner .btn-page-wrap {
	margin-top: max(7vw, 25px);
}

.hero-content-info p {
	margin-bottom: 0;
}

.swiper-navigation-line div {
	position: absolute;
	top: calc(50% - 30px);
	width: 60px;
	height: 60px;
	margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	outline: none;
	z-index: 2;
	transition: var(--transition-prop);
}

.swiper-navigation-line .button-next {
	right: 0;
	left: auto;
}

.swiper-navigation-line .button-prev {
	left: 0;
	right: auto;
}

.events-carousel-block .swiper-navigation-line .button-next {
	right: 10px;
}

.events-carousel-block .swiper-navigation-line .button-prev {
	left: 10px;
}

.swiper-navigation-line div:hover {
	background-color: var(--additional-color);
}

.swiper-navigation-line svg path {
	transition: var(--transition-prop);
}

.swiper-navigation-line:not(.dark) div svg path,
.swiper-navigation-line.dark div:hover svg path {
	stroke: var(--white);
}

.swiper-navigation-line .button-next.swiper-button-disabled,
.swiper-navigation-line .button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}

.swiper-navigation-line div:active {
	transform: scale(0.99);
}

/* s-double-coll */
.double-coll-content {
	gap: 0;
}

.double-coll-content-image {
	width: 50vw;
}

.double-coll-content-image img {
	display: block;
	width: 100%;
}

.double-coll-content-info {
	width: min(100%, 610px);
	align-self: center;
	padding-right: 20px;
}

.swiper-navigation-custom-wrap {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.swiper-navigation-custom {
	display: grid;
	grid-template-columns: max-content max-content;
	position: relative;
	background-color: var(--general);
	grid-gap: 1px;
	margin-top: max(3vw, 20px);
	border: 1px solid #000;
}

.swiper-navigation-custom div {
	position: relative;
	padding: max(1.2vw, 12px) max(2vw, 20px);
	cursor: pointer;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	outline: none;
	background-color: var(--white);
	transition: var(--transition-prop);
}

.swiper-navigation-custom div:hover {
	background-color: var(--additional-color);
}

.swiper-navigation-custom .button-next.swiper-button-disabled,
.swiper-navigation-custom .button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}

.swiper-navigation-custom svg path {
	transition: var(--transition-prop);
}

.swiper-navigation-custom div:hover svg path {
	stroke: var(--white);
}

.tangram {
	background: top 70% right 20% / max(45.2vw, 300px) auto no-repeat url("../img/tangram-01.svg");
}

.double-coll-content .swiper-navigation-custom {
	margin-top: clamp(20px, 7.5vw, 150px);
}

.s-double-coll.revers .double-coll-content .double-coll-content-image {
	grid-column: 1;
	grid-row: 1;
}

.s-double-coll.revers .double-coll-content-image {
	position: relative;
	width: 100%;
	left: min(-8vw, -20px);
}

.s-double-coll.revers.tangram {
	background-position: bottom 20% left 0;
}

/* event */
.upcoming-events-content {
	margin: max(4.3vw, 40px) 0;
}

.event-card {
	position: relative;
}

.tribe-common .event-card-img,
.event-card-img {
	position: relative;
	width: 100%;
	height: 274px;
	overflow: hidden;
	border-bottom: 8px solid #3550A3;
}

.event-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--transition-prop);
}

.event-card:hover .event-card-img img {
	transform: scale(1.05);
}

.tribe-common .event-card-time,
.event-card-time {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: clamp(20px, 1.8vw, 40px);
}

.event-card-time-item {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	grid-gap: 10px;
}

.event-card-info {
	padding: 0 10px;
}

.event-card-time-item>* {
	display: block;
	align-self: center;
}

.event-card-time-item>div {
	display: grid;
	pointer-events: center;
}

.tribe-common .event-card .title-block {
	font-family: "Timeless Bold", sans-serif;
	font-weight: bold;
}

.event-card .title-block {
	margin: clamp(10px, 0.8vw, 22px) 0 clamp(15px, 1vw, 22px);
	font-family: "Timeless", sans-serif;
}

.event-card p {
	font-size: 90%;
}

.tribe-common .event-card-info p {
    margin-top: 0;
    margin-bottom: max(2vw, 15px);
}

.tribe-common .event-card-label,
.event-card-label {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: max(90%, 13px);
	font-family: "DMSans Medium", sans-serif;
	background-color: var(--white);
	border-radius: 4px;
	padding: 10px 22px;
	line-height: 1;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.leadership-tabs-body>.leadership-card:nth-of-type(2n) .leadership-card-caption,
.events-grid>div:nth-of-type(2n) .event-card-img,
.events-carousel-block .swiper-wrapper .swiper-slide:nth-of-type(2n) .event-card-img {
	border-color: #FECE07;
}

.leadership-tabs-body>.leadership-card:nth-of-type(3n) .leadership-card-caption,
.events-grid>div:nth-of-type(3n) .event-card-img,
.events-carousel-block .swiper-wrapper .swiper-slide:nth-of-type(3n) .event-card-img {
	border-color: #C8202F;
}

.events-grid>div:nth-of-type(1n) .event-card-time-item svg,
.events-carousel-block .swiper-wrapper .swiper-slide:nth-of-type(1n) .event-card-time-item svg {
	color: #3550A3;
}

.events-grid>div:nth-of-type(1n) .event-card-time-item svg path,
.events-carousel-block .swiper-wrapper .swiper-slide:nth-of-type(1n) .event-card-time-item svg path {
	stroke: #3550A3;
}

.events-grid>div:nth-of-type(2n) .event-card-time-item svg,
.events-carousel-block .swiper-wrapper .swiper-slide:nth-of-type(2n) .event-card-time-item svg {
	color: #FECE07;
}

.events-grid>div:nth-of-type(2n) .event-card-time-item svg path,
.events-carousel-block .swiper-wrapper .swiper-slide:nth-of-type(2n) .event-card-time-item svg path {
	stroke: #FECE07;
}

.events-grid>div:nth-of-type(3n) .event-card-time-item svg,
.events-carousel-block .swiper-wrapper .swiper-slide:nth-of-type(3n) .event-card-time-item svg {
	color: #C8202F;
}

.events-grid>div:nth-of-type(3n) .event-card-time-item svg path,
.events-carousel-block .swiper-wrapper .swiper-slide:nth-of-type(3n) .event-card-time-item svg path {
	stroke: #C8202F;
}

/* s-simple-cards */
.simple-cards-content {
	gap: 20px;
}

.simple-card {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	height: clamp(300px, 28.33vw, 544px);
	padding: clamp(20px, 2.5vw, 50px);
	overflow: hidden;
}

.simple-card-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: center / cover no-repeat;
	transition: var(--transition-prop);
}

.simple-card-img::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(53, 80, 163, 1) 100%);
	transition: var(--transition-prop);
}

.simple-card-info {
	position: relative;
	color: var(--white);
}

.simple-card-info p {
	display: none;
	margin: 0;
}

.simple-card-info .title-section {
	margin-bottom: max(1.7vw, 15px);
}

.simple-card:hover .simple-card-img {
	transform: scale(1.05);
}

.simple-card:hover .simple-card-img::before {
	height: 200%;
}

/* s-contact */
.s-contact.tangram {
	background-position: top 40% right 20%;
}

.contact-content {
	margin: clamp(40px, 6vw, 130px) 0;
	gap: 0;
}

.contact-card {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: clamp(350px, 29.2vw, 560px);
	padding: clamp(15px, 3vw, 70px);
	text-align: center;
	color: var(--white);
}

.contact-content .contact-card:first-of-type {
	background-color: #243977;
}

.contact-content .contact-card:last-of-type {
	background-color: #3550A3;
}

.contact-card-info {
	width: min(100%, 560px);
	margin: auto;
}

.statistic-content {
	margin: clamp(40px, 11vw, 206px) 0;
}

.statistic-content-info {
	width: min(100%, 586px);
}

.statistic-content-info p {
	margin-bottom: 0;
}

.statistic-content-items {
	margin: 0;
	gap: max(3vw, 20px);
	grid-template-rows: auto;
}

.statistic-content-item {
	align-self: center;
}

.statistic-content-item span:first-of-type {
	display: block;
	opacity: 0.5;
}

.statistic-content-item span:nth-of-type(2) {
	display: block;
}

.statistic-content-item span {
	letter-spacing: 0.01em;
}

.statistic-number {
	font-size: 450%;
	font-family: "Timeless Bold", sans-serif;
	line-height: 1;
	white-space: nowrap;
}

.statistic-content-item small {
	font-size: 50%;
	text-transform: lowercase;
}

/* simple-text-content */
.simple-text-content {
	width: min(100%, 1080px);
	margin: clamp(40px, 7vw, 140px) auto clamp(40px, 3vw, 70px);
}

.simple-text-2 {
	margin: clamp(40px, 6.5vw, 130px) auto;
}

.simple-text-content h4 {
	font-size: 110%;
}

/* s-our-partnerships */
.brands-content {
	margin: clamp(40px, 8vw, 160px) auto;
}

.brands-content-title-block {
	width: min(100%, 720px);
	margin: auto;
	margin-bottom: clamp(30px, 5vw, 100px);
}

.brands-item {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	min-height: 157px;
}

.brands-item img {
	max-width: 100%;
}

/* s-events */
.events-content {
	margin: clamp(40px, 7vw, 140px) 0;
}

.events-content-panel {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.events-content-title-block {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: clamp(20px, 3vw, 60px);
}

.title-gray {
	opacity: 0.3;
}

.filter-block {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 20px;
	font-size: max(90%, 14px);
	font-family: "DMSans Medium", sans-serif;
}

.filter-block select {
	padding: 5px 3px;
	border: none;
	border-bottom: 2px solid var(--general);
}

.events-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	grid-gap: clamp(20px, 2.5vw, 50px) 20px;
	margin-top: clamp(20px, 2vw, 40px);
}

/* s-donations */
.s-donations.tangram {
	background-position: top 0% right 10%;
}

.donations-content {
	margin: clamp(40px, 6vw, 120px) 0;
}

.donations-text-block {
	width: min(100%, 995px);
}

.table-cards-content {
	gap: 1px;
	border: 1px solid var(--general);
	background-color: var(--general);
}

.table-card {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	padding: clamp(25px, 4vw, 80px) clamp(15px, 4vw, 80px);
	background-color: var(--white);
}

.double-coll-simple-images {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	grid-gap: 20px;
}

.double-coll-simple-images img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.learn-content {
	margin: clamp(40px, 6vw, 120px) 0;
}

section.color-bg .table-card {
	background-color: #F5F5F5;
}

.s-learn .table-cards-content {
	margin: max(4vw, 30px) 0 max(6.7vw, 40px);
}

/* s-graphics */
.graphics-content {
	margin: clamp(40px, 6vw, 120px) 0;
}

.graphics-content .event-card-info p {
	margin: 0;
}

.table-card.is-icon {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	min-height: clamp(23px, 28.64vw, 550px);
	padding: clamp(25px, 2.7vw, 60px) clamp(15px, 2vw, 40px);
	transition: var(--transition-prop);
}

.table-card.is-icon .icon {
	margin-top: 25px;
}

.table-card.is-icon .icon svg path {
	margin-top: 25px;
	transition: var(--transition-prop);
}

.table-card.is-icon:hover {
	color: var(--white);
	transform: scale(1.05);
	background-color: var(--additional-color);
	z-index: 1;
}

.table-card.is-icon:hover .icon svg path,
.table-card.is-icon:hover .icon-inner-circle {
	stroke: var(--white);
}

.table-card.is-icon:hover .icon-inner {
	fill: var(--white);
}

/* video-content */
.video-content {
	grid-template-columns: minmax(0, 1fr) 235px;
	gap: clamp(20px, 4vw, 80px);
	margin-bottom: 0;
}

.video-block button::before,
.video-block button::after {
	display: none;
}

.video-block {
	margin-bottom: 20px;
}

/* annual-reports-content */
.annual-reports-content {
	margin: clamp(40px, 6vw, 120px) 0;
}

.annual-reports-cards {
	gap: clamp(20px, 3.8vw, 78px);
}

.annual-reports-card {
	position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 3.5rem;
    padding-bottom: 3.5rem;
    border-bottom: 3px solid #eee;
}

.annual-reports-card:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
	border-bottom: 0;
}

.annual-reports-card-img {
	height: 274px;
	width: 35%;
	overflow: hidden;
}

.annual-reports-card-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: var(--transition-prop);
}

.annual-reports-card-info {
	width: 65%;
	margin-left: 3rem;
}

.annual-reports-card-info .title-block {
	font-family: "Timeless", sans-serif;
    margin-bottom: max(1vw, 15px);
}

.annual-reports-card:hover .annual-reports-card-img img {
	transform: scale(1.05);
}

.annual-reports-title-wrap {
	width: min(100%, 992px);
	margin: clamp(20px, 10vw, 200px) auto;
}

/* youthbridge-form */
.youthbridge-form-block .form-title {
	font-size: 110%;
	font-family: "DMSans Medium", sans-serif;
}

.youthbridge-form-block {
	width: min(100%, 591px);
}

.text-block ul li,
.simple-text-content ul li,
.events-inner-info ul li,
.custom-list ul li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 5px;
}

.text-block ul li:before,
.simple-text-content ul li:before,
.events-inner-info ul li:before,
.custom-list ul li::before {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
	left: 0;
	width: 15px;
	height: 2px;
	background-color: var(--additional-color);
	align-self: center;
}

.text-block a {
	text-decoration: underline;
}

.single-content-info {
	align-self: center;
	margin-bottom: 30px;
}

.awards-subtitle {
	font-size: 110%;
}

.awards-info-block p {
	font-size: 90%;
}

.awards-items {
	display: flex;
	flex-direction: column;
	gap: 13px;
	margin-bottom: clamp(20px, 2vw, 40px);
}

.awards-item {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	grid-gap: clamp(15px, 1.6vw, 32px);
	position: relative;
	padding: clamp(20px, 2vw, 40px) clamp(15px, 2vw, 40px);
	background-color: var(--white);
}

.awards-item .icon {
	display: grid;
	place-items: center;
}

.awards-item-title {
	font-size: 110%;
	text-transform: uppercase;
}

.awards-item-description {
	line-height: 1.3;
}

/* s-hero-simple */
.s-contact-form {
	overflow: visible;
}

.s-hero-simple {
	background-color: var(--additional-color);
}

.hero-simple-content {
	color: var(--white);
}

.contact-address-title {
	font-size: 110%;
}

.contact-subtext {
	font-size: max(90%, 13px);
}

.contact-form-block {
	position: relative;
	width: 552px;
	padding: clamp(20px, 3.8vw, 75px) clamp(15px, 3vw, 60px);
}

.contact-form-block .title-block {
	font-family: "Timeless", sans-serif;
}

.contact-block-content {
	grid-template-columns: minmax(0, 1fr) max-content;
}

.contact-block-content .single-content-info {
	align-self: end;
}

.contact-form-block-wrap {
	position: relative;
	margin-top: -21vw;
}

.contact-form-img {
	position: absolute;
	top: -50px;
	left: 112px;
	width: 130%;
}

.contact-form-img img {
	width: 100%;
}

.btn-back {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	grid-gap: 20px;
	font-size: 16px;
	margin-bottom: 20px;
}

.btn-back .icon svg {
	width: 22px;
	height: auto;
}

.btn-back:hover {
	opacity: 0.8;
}

.events-inner-content {
	grid-template-columns: minmax(0, 1fr) 487px;
	gap: clamp(20px, 4vw, 80px);
}

.events-inner-details {
	padding: clamp(20px, 3.5vw, 70px) clamp(15px, 3vw, 60px);
}

.events-inner-details-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.events-inner-details-list-item {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	grid-gap: 10px;
	opacity: 0.9;
	font-size: max(90%, 14px);
}

.events-inner-details-list-item .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
}

.events-inner-details .title-block {
	font-family: "Timeless", sans-serif;
}

.events-inner-details .btn-page-wrap {
	margin-top: clamp(30px, 5.5vw, 115px);
}

.events-inner-content-subtitle {
	font-size: 110%;
}

.events-inner-info ul,
.events-inner-info .custom-list ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.key-attending-speakers-title-line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.speakers-carousel-item {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	grid-gap: 10px;
}

.speakers-carousel-item .icon {
	width: 80px;
}

.speakers-carousel-item .icon img {
	width: 100%;
	border-radius: 50%;
}

.speakers-carousel-item-caption {
	align-self: center;
	line-height: 1.5;
}

.speakers-carousel-item-title {
	font-size: 110%;
}

.speakers-carousel-item-caption span {
	display: block;
	font-size: 90%;
	color: #0B0B0B;
}

.speakers-carousel-block {
	margin: clamp(30px, 3.5vw, 70px) 0 clamp(30px, 5.5vw, 110px);
}

.events-single .upcoming-events-content {
	margin: 0 0 clamp(40px, 8vw, 160px);
}

/* s-town-twinning */
.town-twinning-content {
	margin: clamp(40px, 6vw, 120px) 0;
}

.town-twinning-block {
	grid-template-columns: 340px minmax(0, 1fr);
	gap: clamp(20px, 2.4vw, 48px);
	margin: 0;
}

.sidebar-widget,
.town-twinning-info-block {
	position: relative;
	width: 100%;
	font-size: max(90%, 14px);
	padding: 23px 30px;
	border-radius: 4px;
	background-color: var(--white);
	margin-bottom: 20px;
}

.searchform-input {
	width: 100%;
	padding-left: 35px;
	line-height: 1;
	border: none;
	opacity: 0.65;
	background: var(--white) top 50% left 0 / 18px auto no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.414' height='20.414' viewBox='0 0 20.414 20.414'%3E%3Cg transform='translate(-3.5 -3.5)'%3E%3Cpath d='M20.5,12.5a8,8,0,1,1-8-8A8,8,0,0,1,20.5,12.5Z' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M29.325,29.325l-4.35-4.35' transform='translate(-6.825 -6.825)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}

.town-twinning-checkbox {
	font-size: max(90%, 13px);
}

.checkbox-item label {
	position: relative;
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	grid-gap: 7px;
	line-height: 1.2;
	cursor: pointer;
}

.checkbox-item input {
	width: 16px;
	height: 16px;
	align-self: center;
}

.checkbox-item span {
	display: inline-block;
	align-self: center;
}

.town-twinning-checkbox-block-title {
	margin-bottom: 15px;
}

.town-twinning-info-block {
	font-size: 100%;
}

.town-twinning-info-top {
	gap: 0;
}

.town-twinning-info-block .title-block {
	margin: clamp(15px, 2.5vw, 50px) 0 clamp(15px, 1.5vw, 30px) !important;
	font-family: "Timeless", sans-serif;
}

.small-text span {
	display: block;
	font-size: max(90%, 14px);
	font-family: "DMSans Medium", sans-serif;
	margin-bottom: 5px;
}

.small-text>div {
	display: block;
	font-size: max(80%, 13px);
}

.link-default {
	margin: clamp(20px, 1.5vw, 30px) 0;
}

.link-default a {
	font-size: max(80%, 13px);
	color: #3550A3;
	text-decoration: underline;
	padding: 10px 0;
}

.link-default a:hover {
	opacity: 0.8;
}

.table-custom {
	border-top: 1px solid rgba(112, 112, 112, 0.3);
}

.town-twinning-info-block .table-custom {
	margin: clamp(20px, 2.5vw, 50px) 0;
}

.table-custom-item {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 20px;
	font-size: max(80%, 13px);
	padding: 8px 0;
	border-bottom: 1px solid rgba(112, 112, 112, 0.3);
	line-height: 1.2;
}

a.table-custom-item:hover > span {
	text-decoration: underline;
}

.table-custom-item span {
	align-self: center;
}

/* s-memberships-tabs */
.memberships-tabs-content {
	margin: clamp(40px, 6vw, 120px) 0 0;
}

.tabs-panel {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tab-name {
	position: relative;
	padding: clamp(20px, 4vw, 80px) clamp(15px, 4vw, 80px);
	line-height: 1.2;
	cursor: pointer;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-bottom: none;
	background-color: var(--white);
	transition: var(--transition-prop);
}

.tab-name .title-block {
	opacity: 0.5;
	transition: var(--transition-prop);
}

.tab-name.active {
	background-color: #F5F5F5;
	border: none;
}

.tab-name.active .title-block {
	opacity: 1;
}

.tabs-content {
	position: relative;
	padding: clamp(20px, 4vw, 80px) clamp(15px, 4vw, 80px);
	background-color: #F5F5F5;
	overflow: hidden;
}

.tab-body {
	position: absolute;
	pointer-events: none;
	opacity: 0;
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.tab-body.active {
	position: relative;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.memberships-table-item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) max-content max-content;
	grid-gap: clamp(20px, 4vw, 80px);
	padding: clamp(20px, 2.7vw, 55px) 0;
}

.memberships-table .memberships-table-item:not(:last-of-type) {
	border-bottom: 1px solid rgba(112, 112, 112, 0.3);
}

.memberships-table-item>div {
	width: 100%;
	align-self: center;
}

.memberships-table-item-name span {
	display: block;
	font-size: 110%;
}

.memberships-table-item-name p {
	display: block;
	font-size: 90%;
	margin: 0;
}

.tab-content>p {
	width: min(100%, 1021px);
}

.memberships-table-item-price {
	font-size: 110%;
}

.memberships-table-item-action .btn-double-group {
	margin: 0;
}

/* s-leadership */
.leadership-content {
	margin: clamp(40px, 6vw, 120px) 0;
}

.leadership-tabs-filter {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: clamp(20px, 3vw, 60px);
}

.leadership-tab-name span {
	display: block;
	position: relative;
	padding: 5px 10px;
	line-height: 1.2;
	cursor: pointer;
	text-align: center;
	transition: var(--transition-prop);
}

.leadership-tab-name span::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 2px;
	background-color: var(--general);
	transition: var(--transition-prop);
}

.leadership-tab-name:hover span::before,
.leadership-tab-name.active span::before {
	width: 100%;
}

.leadership-tabs-content {
	position: relative;
}

.leadership-tabs:not(.active) {
	display: none;
}

.leadership-tabs-body {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
	grid-gap: 20px;
	margin-top: clamp(30px, 3.8vw, 80px);
}

.leadership-card {
	position: relative;
	cursor: pointer;
}

.leadership-card-img {
	position: relative;
	height: clamp(250px, 18.6vw, 357px);
	width: 100%;
	overflow: hidden;
}

.leadership-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--transition-prop);
}

.leadership-card:hover .leadership-card-img img {
	transform: scale(1.05);
}

.leadership-card-caption {
	padding: clamp(20px, 2vw, 40px);
	border-top: 8px solid #3550A3;
	text-align: center;
}

.leadership-card-title {
	font-size: 110%;
}

.leadership-card-text {
	display: none;
}

.leadership-user-block {
	position: relative;
	display: grid;
	grid-template-columns: 30% minmax(0, 1fr);
	grid-gap: clamp(20px, 4vw, 80px);
	margin: clamp(20px, 2vw, 40px) 0 clamp(30px, 5vw, 100px);
}

.leadership-user-block:not(.active) {
	display: none;
}

.leadership-user-img img {
	width: 100%;
}

.leadership-user-block-info {
	align-self: center;
}

.leadership-user-block-info-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: max(2.3vw, 15px);
	gap: clamp(20px, 2vw, 40px);
}

.leadership-user-block-info-title .title-section {
	margin: 0;
}

/* membership */
.s-membership {
	background-color: var(--additional-color);
}

.membership-content {
	color: #000;
	margin-bottom: 0;
}

.colls-size {
	grid-template-columns: clamp(300px, 23.28vw, 447px) minmax(0, 1fr);
	gap: clamp(20px, 4vw, 80px);
}

.membership-image {
	width: 100%;
	border-radius: 13px 13px 0 0;
	overflow: hidden;
}

.membership-image img {
	width: 100%;
}

.breadcrumbs-block {
	margin: max(2vw, 20px) 0;
	font-size: 16px;
}

.breadcrumbs-block ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	opacity: 0.75;
}

.breadcrumbs-block ul li a:hover {
	opacity: 0.8;
}

.breadcrumbs-block ul li+li::before {
	content: " / ";
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}

.membership-nav {
	padding: clamp(20px, 1.2vw, 25px) 0 clamp(20px, 2.2vw, 45px);
	background-color: #F5F5F5;
}

.membership-nav ul li {
	position: relative;
}

.membership-nav ul li::after {
	content: "";
	position: relative;
	display: block;
	width: 84%;
	height: 1px;
	margin: auto;
	background-color: rgba(112, 112, 112, 0.3);
}

.membership-nav ul a {
	position: relative;
	padding: 0 clamp(15px, 2vw, 40px);
	margin: clamp(10px, 1.3vw, 25px) 0;
	text-transform: uppercase;
	letter-spacing: 0.039em;
}

.membership-nav ul a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 100%;
	background-color: transparent;
	transition: var(--transition-prop);
}
.membership-nav ul li.is-active a,
.membership-nav ul li.active a {
	color: var(--general);
	font-family: "DMSans Bold", sans-serif;
}

.membership-nav ul li.is-active a::before,
.membership-nav ul li:hover a::before,
.membership-nav ul li.active a::before {
	background-color: var(--additional-color);
}

.membership-nav ul li:hover a {
	color: var(--additional-color);
}

.membership-nav .btn-double-group {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin-top: clamp(40px, 9.4vw, 185px);
}

.membership-nav .btn-double-group>div {
	padding: 15px 10px;
	text-align: center;
}

.membership-nav .btn-double-group a {
	font-size: 90%;
	color: var(--additional-color);
	text-decoration: underline;
}

.membership-nav .btn-double-group a:hover {
	opacity: 0.8;
}

.membership-nav .btn-double-group>div:first-of-type {
	border-right: 1px solid rgba(112, 112, 112, 0.3);
}

.membership-details-content-info {
	padding-top: clamp(30px, 2.6vw, 55px);
}

.membership-details-content-info .title-block {
	font-family: "Timeless", sans-serif;
}

.membership-user-block {
	display: grid;
	grid-template-columns: clamp(250px, 15.2vw, 292px) minmax(0, 1fr);
}

.membership-user-block-img img {
	width: 100%;
	height: auto;
}

.membership-user-block-info {
	padding: clamp(20px, 2.5vw, 50px);
}

.membership-user-block-info .title-block {
	font-family: "Timeless";
	margin-bottom: max(1.3vw, 15px);
}

.membership-user-block-info p {
	font-size: max(90%, 14px);
}

.membership-user-block-info-details .item {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	grid-gap: 14px;
	margin-bottom: 15px;
	font-size: max(90%, 14px);
}

.membership-user-block-info-details .item>* {
	align-self: center;
}

.membership-user-block-info-details .icon {
	display: flex;
	justify-content: center;
	align-items: center;
}

.personal-details-form-block .form-control {
	background-color: #F5F5F5;
}

.membership-tab-name {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.membership-tab-name .btn-underline {
	border: none;
	opacity: 0.8;
	cursor: pointer;
	transition: var(--transition-prop);
}

.membership-tabs-panel {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: clamp(10px, 1vw, 20px);
}

.membership-tab-name.active .btn-underline {
	border-bottom: 2px solid var(--general);
	opacity: 1;
}

.tabs-body {
	margin-top: clamp(20px, 2.2vw, 45px);
}

.membership-tab {
	display: none;
	position: relative;
	pointer-events: none;
	opacity: 0;
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.membership-tab.active {
	display: block;
	position: relative;
	opacity: 1;
	pointer-events: auto;
}

.membership-events-block {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.event-horizontal-card {
	display: grid;
	grid-template-columns: clamp(250px, 15.2vw, 292px) minmax(0, 1fr);
}

.event-horizontal-card-img img {
	width: 100%;
	height: 100%;
	min-height: 150px;
	object-fit: cover;
}

.event-horizontal-card-info {
	padding: clamp(20px, 2.5vw, 50px);
}

.event-horizontal-card-info .title-block {
	font-family: "Timeless";
	margin-bottom: max(1.5vw, 20px);
}

.event-horizontal-card-info-details {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px 20px;
	flex-wrap: wrap;
}

.event-horizontal-card-info-details .item {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	grid-gap: 14px;
	font-size: max(90%, 14px);
}

.event-horizontal-card-info-details .item>* {
	align-self: center;
}

.event-horizontal-card-info-details .icon {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* s-membership-sign-up */
.membership-sign-up-content {
	grid-template-columns: minmax(0, 1fr) max-content;
	grid-gap: clamp(20px, 4vw, 80px);
	margin: 0;
}

.mini-cart {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	width: 676px;
	height: 100%;
	background-color: var(--white);
}

.membership-sign-up-content-info-title {
	display: grid;
	grid-template-columns: 145px minmax(0, 1fr);
	grid-gap: 30px;
}

.membership-sign-up-content-info-title span {
	display: block;
	font-size: 110%;
	font-family: "DMSans Bold", sans-serif;
	line-height: 1.2;
	border-right: 1px solid rgba(112, 112, 112, 0.3);
}

.membership-sign-up-content-info-title p {
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 0;
}

.mini-cart-title-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 25px;
}

.mini-cart-title-wrap .title-block {
	font-family: "Timeless";
	margin-bottom: 0;
}

.mini-cart-title-wrap p {
	line-height: 1.2;
	margin-bottom: 0;
	opacity: 0.85;
	margin-top: 5px;
}

.mini-cart-details {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.mini-cart-inner {
	padding: clamp(20px, 2vw, 40px) clamp(15px, 3vw, 60px);
}

.mini-cart-summary-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	border-top: 1px solid rgba(112, 112, 112, 0.3);
	font-family: "DMSans Medium";
	padding: clamp(20px, 1.7vw, 34px) 0;
}

.mini-cart-summary-price {
	font-size: max(90%, 14px);
}

.join-now-block {
	display: grid;
	grid-template-columns: minmax(0, 1fr) max-content;
	grid-gap: 20px;
	color: var(--white);
	background-color: var(--additional-color);
}

.join-now-block .title-block {
	font-family: "Timeless";
	margin-bottom: 8px;
}

.join-now-block p {
	opacity: 0.8;
	line-height: 1.2;
	margin-bottom: 0;
}

.join-now-block>div {
	align-self: center;
}

.join-now-block .btn:hover::after {
	color: var(--general);
	border-color: var(--white);
	background-color: var(--white);
}

.mini-cart-summary-items {
	padding: 20px 0;
	border-top: 1px solid rgba(112, 112, 112, 0.3);
	border-bottom: 1px solid rgba(112, 112, 112, 0.3);
}

.mini-cart-summary-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
	padding: 7px 0;
	line-height: 1.2;
}

.mini-cart-donates-block {
	font-size: max(90%, 13px);
	padding: 20px 0;
}

.mini-cart-donates-block .btn-underline {
	text-align: center;
	white-space: nowrap;
}

.mini-cart-donates-block span {
	display: block;
	width: min(100%, 270px);
}

.mini-cart-donates-block input {
	background-color: #F2F2F2;
}

.mini-cart-donates-inputs {
	margin-top: 25px;
}

.membership-sign-up-content-info-inner {
	width: min(100%, 954px);
	margin-left: auto;
}

.membership-sign-up-content-info {
	padding: clamp(30px, 4vw, 80px) 15px;
}

.membership-sign-up-fields-block {
	margin-top: clamp(20px, 2.5vw, 50px);
}

.membership-sign-up-content-info .title-block {
	font-family: "Timeless";
}

.basket-conversation-block {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	background-color: var(--white);
}

.basket-donation-block {
	margin-top: 30px;
	background-color: #3550A3;
	padding: clamp(20px, 2.7vw, 55px) clamp(15px, 3vw, 60px);
}

.basket-donation-block .title-block {
	margin-bottom: 15px;
}

.basket-conversation-block .membership-user-block-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.mini-cart-open {
	overflow: hidden;
}

.mini-cart-block-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;

}

.mini-cart-block {
	position: absolute;
	top: 15%;
	right: 0;
	height: 0;
	overflow-y: auto;
	height: 85vh;
}

.mini-cart-block-wrap {
	opacity: 0;
	pointer-events: none;
	transition: var(--transition-prop);
}

.mini-cart-block-wrap.open {
	opacity: 1;
	pointer-events: all;
}

.mini-cart-block-wrap .mini-cart {
	position: relative;
	transform: translateX(100%);
	transition: var(--transition-prop);
}

.mini-cart-block-wrap.open .mini-cart {
	transform: translateX(0);
}

.cart-item {
	display: grid !important;
	grid-template-columns: 1fr min-content min-content;
	grid-template-rows: auto;
	gap: clamp(15px, 2.5vw, 50px);
	height: 85px;
	margin: 0;
	padding: 10px clamp(15px, 2vw, 40px);
	background-color: #F2F2F2;
	margin-bottom: 10px;
}

.cart-item>div {
	align-self: center;
}

.cart-item-caption span {
	display: block;
	font-size: 90%;
	color: #0B0B0B;
}

.cart-item-caption .big-paragraph {
	margin-bottom: 0;
	color: var(--black);
}

.cart-quantity .num-in {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 25px;
	width: 55px;
}

.cart-quantity .num-in span {
	width: 35%;
	display: block;
	position: relative;
	cursor: pointer;
	padding: 10px 5px;
}

.cart-quantity .num-in span:before,
.cart-quantity .num-in span.plus::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(55% - 1px);
	left: 50%;
	width: 10px;
	height: 2px;
	margin-top: -1px;
	margin-left: -5px;
	background-color: var(--additional-color);
}

.cart-quantity .num-in span.plus:before {
	transform: rotate(180deg);
	left: 75%;
}

.cart-quantity .num-in span.plus::after {
	transform: rotate(90deg);
	left: 75%;
}

.cart-quantity .num-in input {
	width: 70%;
	height: 100%;
	border: 0;
	background-color: #F2F2F2;
	border-radius: 5px;
	font-size: 90%;
	text-align: center;
	font-weight: bold;
}

.cart-quantity input[type=number]::-webkit-inner-spin-button,
.cart-quantity input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.mini-cart-book-now-block .btn-page-wrap {
	width: auto;
}

.mini-cart-book-now-block p {
	font-size: 90%;
	margin-bottom: 0;
}

.s-hero-404 .hero-content-info {
	background-color: inherit;
	color: inherit;
}
.s-hero-404 .hero-image-inner-block {
	background: top 70% right 20% / max(45.2vw, 300px) auto no-repeat url(../img/tangram-404.svg);
}
.s-hero-404 .hero-content {
	padding-bottom: 50px;
}

/* Contact Form 7 */
.form div.wpcf7 .ajax-loader {
  display: none;
}
.form .wpcf7-not-valid {
  border: 1px solid #dc3232;
}
.form .wpcf7-not-valid-tip {
  display: none;
}
.form .wpcf7-response-output {
  position: relative;
  border: none !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  font-size: 16px;
}
.form form.invalid .wpcf7-response-output {
  color: #dc3232;
}
.form form.sent .wpcf7-response-output {
  color: #000000;
}

/* Ajax Loading */
.ajax_loading {
  position: relative;
}
.ajax_loading > * {
  opacity: 0.2;
  pointer-events: none;
}

/* The Events Calendar */
.mini-cart .tribe-tickets__tickets-title {
	display: none;
}
.mini-cart .tribe-tickets__form {
	padding: 0;
	border: 0;
}
.mini-cart .tribe-tickets__tickets-item {
	min-height: 85px;
	padding: 10px clamp(15px, 2vw, 40px);
	background-color: #F2F2F2;
	margin-bottom: 10px;
	border: 0;
}
.mini-cart .event-tickets .tribe-tickets__tickets-item-content-title,
.mini-cart .event-tickets .tribe-tickets__tickets-item-extra,
.mini-cart .event-tickets .tribe-tickets__tickets-item-quantity {
    align-self: center;
}
.mini-cart .event-tickets .tribe-tickets__tickets-item-content-title,
.mini-cart .event-tickets .tribe-tickets__tickets-item-extra-price,
.mini-cart .event-tickets .tribe-tickets__tickets-item-extra-available,
.mini-cart .event-tickets .tribe-tickets__tickets-item-quantity-number-input,
.mini-cart .event-tickets .tribe-tickets__tickets-footer-quantity,
.mini-cart .event-tickets .tribe-tickets__tickets-footer-total {
	font-family: "DMSans", sans-serif;
	line-height: 1.6;
	font-weight: 400;
}
.mini-cart .event-tickets .tribe-tickets__tickets-item-content-title {
	font-size: 110%;
}
.mini-cart .event-tickets .tribe-tickets__tickets-item-extra-price {
	font-size: 90%;
}
.mini-cart .event-tickets .tribe-formatted-currency-wrap {
	font-weight: 400;
}
.mini-cart .event-tickets .tribe-tickets__tickets-item-extra-available {
	font-size: 70%;
}
.mini-cart .event-tickets .tribe-tickets__tickets-item-quantity-remove,
.mini-cart .event-tickets .tribe-tickets__tickets-item-quantity-add {
	color: #c8202f;
}
.mini-cart .event-tickets .tribe-tickets__tickets-item-quantity-number-input,
.mini-cart .event-tickets .tribe-tickets__tickets-footer-quantity,
.mini-cart .event-tickets .tribe-tickets__tickets-footer-total {
	font-size: 90%;
	font-weight: 700;
}
.mini-cart .tribe-tickets__tickets-footer {
	border: 0;
}
.mini-cart .event-tickets .tribe-tickets__tickets-buy,
.mini-cart .event-tickets .tribe-tickets__tickets-buy:disabled {
	background-color: transparent;
	padding: clamp(12px, 1vw, 18px) max(3.3vw, 25px);
    border: 2px solid #d5d5d5;
    border-radius: 0;
    font-family: "DMSans", sans-serif;
    font-size: max(90%, 14px);
    font-weight: 400;
    line-height: 1;
    transition: 0.5s;
}
.mini-cart .event-tickets .tribe-tickets__tickets-buy {
	border-color: #000;
	color: #000;
}
.mini-cart .event-tickets .tribe-tickets__tickets-buy:not(:disabled):hover,
.mini-cart .event-tickets .tribe-tickets__tickets-buy:not(:disabled):focus {
	border-color: var(--additional-color);
	background-color: var(--additional-color);
	color: #fff;
}
.tribe-common .tribe-common-c-svgicon {
	color: var(--additional-color);
}
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-header-title,
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-empty-title {
	font-family: "Timeless";
	font-weight: 700;
	line-height: 1.2;
}
.mini-cart .event-tickets .tribe-common-anchor-alt {
	font-family: "DMSans", sans-serif;
    font-size: max(80%, 16px);
    color: #3550A3 !important;
    text-decoration: underline;
    border: none !important;
}
.mini-cart .event-tickets .tribe-common-anchor-alt:hover {
	opacity: 0.8;
}
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-header {
	display: none;
}
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-item,
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-footer {
    border-color: rgba(112, 112, 112, 0.3);
}
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-item-details-title,
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-item-price,
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-item-subtotal,
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-item-quantity,
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-footer-total {
	font-family: "DMSans", sans-serif;
	font-size: 125%;
    font-weight: 400;
    line-height: 1.2;
}
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-item-quantity,
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-footer-quantity-label,
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-footer-total-label,
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-footer-quantity,
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-footer-total {
	font-family: "DMSans Medium";
	font-size: max(110%, 18px);
	font-weight: 400;
	color: #000;
}
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-footer-quantity-number,
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-footer-total-wrap {
	font-weight: 400;
}
.mini-cart .event-tickets .tribe-tickets-notice__title,
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-notice-content,
.mini-cart .event-tickets .tribe-tickets__commerce-checkout-cart-empty-description {
	font-family: "DMSans Medium";
	font-size: 75%;
}
.s-events .tribe-common .tribe-common-l-container {
	max-width: 100%;
	padding: 0;
}
.s-events .tribe-common .tribe-common-h3 {
	font-family: "Timeless Bold", sans-serif;
	font-size: max(120%, 16px);
}
.s-events .tribe-common .tribe-events-c-nav__list-item,
.s-events .tribe-common .tribe-events-c-nav__prev-label,
.s-events .tribe-common .tribe-events-c-nav__today,
.s-events .tribe-common .tribe-events-c-nav__next-label,
.s-events .tribe-common .tribe-events-c-nav__prev,
.s-events .tribe-common .tribe-events-c-nav__next {
	font-family: "Timeless Bold", sans-serif;
	font-size: max(90%, 16px);
}
.tribe-events .datepicker .day.active, 
.tribe-events .datepicker .day.active.focused, 
.tribe-events .datepicker .day.active:focus, 
.tribe-events .datepicker .day.active:hover, 
.tribe-events .datepicker .month.active, 
.tribe-events .datepicker .month.active.focused, 
.tribe-events .datepicker .month.active:focus, 
.tribe-events .datepicker .month.active:hover, 
.tribe-events .datepicker .year.active, 
.tribe-events .datepicker .year.active.focused, 
.tribe-events .datepicker .year.active:focus, 
.tribe-events .datepicker .year.active:hover {
	background: var(--additional-color);
}
.s-events .tribe-common .tribe-events-c-view-selector__list-item-text,
.s-events .tribe-common .tribe-common-form-control-text__input {
	font-family: "DMSans Medium";
	font-size: max(90%, 13px);
}
.s-events .tribe-common .tribe-events-c-view-selector__list-item:hover {
	background-color: transparent;
}
.s-events .tribe-common .tribe-common-c-btn-border,
.s-events .tribe-common .tribe-common-c-btn-border-small,
.s-events .tribe-common .tribe-common-c-btn {
	background-color: transparent;
	border: 2px solid #000;
	color: #000;
	border-radius: 0;
	transition: 0.5s;
}
.s-events .tribe-common .tribe-common-c-btn-border:hover,
.s-events .tribe-common .tribe-common-c-btn-border:focus,
.s-events .tribe-common .tribe-common-c-btn-border:active,
.s-events .tribe-common .tribe-common-c-btn-border-small:hover,
.s-events .tribe-common .tribe-common-c-btn-border-small:focus,
.s-events .tribe-common .tribe-common-c-btn-border-small:active,
.s-events .tribe-common .tribe-common-c-btn:hover,
.s-events .tribe-common .tribe-common-c-btn:focus,
.s-events .tribe-common .tribe-common-c-btn:active,
.s-events .tribe-common .tribe-events-c-subscribe-dropdown__button--active {
	background-color: var(--additional-color);
	border-color: var(--additional-color);
	color: #fff;
}
.s-events .tribe-common .tribe-events-c-subscribe-dropdown__list {
	border-radius: 0;
}
.s-events .tribe-common .tribe-events-calendar-month__mobile-events-icon--event {
	background-color: var(--additional-color);
}
.s-events .tribe-common .tribe-events-calendar-month__day-cell--selected {
	background-color: var(--additional-color) !important;
}
.s-events .tribe-common .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum {
	color: #fff;
}
.s-events .tribe-common .tribe-events-c-subscribe-dropdown__list-item {
	border-radius: 0;
}
.s-events .tribe-common .tribe-events-calendar-month__header-column-title {
	font-family: "Timeless Bold", sans-serif;
	font-size: max(90%, 16px);
}
.s-events .tribe-common .tribe-events-calendar-month__day-date-link {
	font-family: "Timeless Bold", sans-serif;
}
.s-events .tribe-common .tribe-events-calendar-month__multiday-event-bar-title {
	font-family: "Timeless Bold", sans-serif;
	font-size: max(70%, 12px);
	color: #fff;
}
.s-events .tribe-common .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner {
	background-color: #c5c5c5;
}
.s-events .tribe-common .tribe-events-calendar-month__multiday-event-bar-inner {
	background-color: var(--additional-color);
	color: #fff;
}
.tooltipster-base.tribe-events-tooltip-theme--hover {
	border-radius: 0;
}
.tribe-events-tooltip-theme--hover .tribe-event-date-start,
.tribe-events-tooltip-theme--hover .tribe-event-date-end,
.tribe-events-tooltip-theme--hover .tribe-events-calendar-month__calendar-event-tooltip-title,
.tribe-events-tooltip-theme--hover .tribe-events-calendar-month__calendar-event-tooltip-description {
	font-family: "Timeless Bold", sans-serif;
}

.tribe-events .tribe-events-c-view-selector__button:before {
    background-color: var(--additional-color);
}

.tribe-tickets__commerce-checkout-form-submit-button {
	border-radius: 0 !important;
    background: transparent !important;
    color: #000 !important;
    border: 2px solid #000 !important;
    font-family: "DMSans", sans-serif !important;
    font-size: max(90%, 14px) !important;
    font-weight: 400 !important;
	transition: 0.5s !important;
}

.tribe-tickets__commerce-checkout-form-submit-button span {
	display: inline-block !important;
}

.tribe-tickets__commerce-checkout-form-submit-button:hover {
	border-color: var(--additional-color) !important;
    background-color: var(--additional-color) !important;
    color: #fff !important;
}

/* Woocommerce */
.form-row {
    margin-bottom: 13px;
}
.form-row .input-text,
.form-row  .select2-container--default .select2-selection--single {
    display: block;
    font-size: max(90%, 14px);
    width: 100%;
    color: #000;
    padding: max(1vw, 14px) max(1.3vw, 15px);
    border: none;
    border-radius: 4px;
    background-color: var(--white);
    filter: none;
    margin: 0;
    font-weight: 400;
    line-height: 1;
    transition: var(--transition-prop);
}
.form-row .select2-container--default .select2-selection--single {
	height: auto;
}
.form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1;
}
.form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: auto;
	top: 50%;
	transform: translateY(-50%);
	right: 4px;
}
.select2-container--open .select2-dropdown {
	top: -30px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--additional-color);
}
.woocommerce-additional-fields h3 {
	margin: max(1.3vw, 15px) 0;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
	padding: 5px 10px;
	margin-bottom: 20px;
}
.woocommerce .woocommerce-info {
	background-color: #f5f5f5;
}
.woocommerce-checkout-payment,
.woocommerce-privacy-policy-text {
	margin-top: 40px;
}
.woocommerce .shop_table {
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid rgba(112, 112, 112, 0.3);
	border-bottom: 1px solid rgba(112, 112, 112, 0.3);
}
.woocommerce .shop_table tr td:first-child,
.woocommerce .shop_table tr th:first-child  {
	text-align: left;
}
.woocommerce-checkout .shop_table tr td:nth-child(2) {
	text-align: right;
}
.woocommerce .remove {
	color: var(--additional-color);
}
.woocommerce form .form-row .required {
    text-decoration: none;
}
.wcsg_product_gift {
	display: none;
	padding: 0;
	border: 0;
}
.wcsg_product_gift_checkbox {
	display: flex;
}
.wcsg_product_gift_checkbox label {
	cursor: pointer;
	margin: 0 0 0 10px;
}
.woocommerce_subscriptions_gifting_recipient_email {
	background: #f5f5f5;
	padding: 20px;
}
.woocommerce-form-register {
	padding: 20px;
}
.woocommerce .button {
    width: auto;
    display: inline-block;
	padding: clamp(12px, 1vw, 18px) max(3.3vw, 25px);
    background-color: transparent;
    border: 2px solid var(--general);
    text-align: center;
    font-size: max(90%, 14px);
    text-decoration: none;
    font-weight: 400;
    color: var(--general);
    line-height: 1;
    outline: none;
    transition: var(--transition-prop);
}
.woocommerce .button:hover {
	background-color: var(--additional-color);
	border-color: var(--additional-color);
	color: var(--white);
}
.woocommerce .button.disabled {
	pointer-events: none;
    opacity: 0.5;
}
.lost_reset_password {
	max-width: 700px;
}
.s-account-membership .colls-size {
	grid-template-columns: clamp(300px, 26.28vw, 447px) minmax(0, 1fr);
}
.woocommerce-MyAccount-content .form-row .input-text {
	background-color: #F5F5F5;
}
.woocommerce-MyAccount-content h2 {
	font-size: 150%;
	margin: max(1.5vw, 15px) 0;
}
.woocommerce-MyAccount-content mark {
	background: transparent;
}
.woocommerce-order-details .order_details .product-total {
	text-align: left;
}

.s-order-received .membership-sign-up-content-info-inner {
	background-color: #fff;
	width: min(100%, 1200px);
	margin: 0 auto;
	padding: 50px;
}
.s-order-received .woocommerce-order h2 {
	margin-bottom: max(1.3vw, 15px);
	font-size: 175%;
}
.s-order-received .shop_table {
	margin-bottom: max(1.3vw, 20px);
}
.s-order-received .shop_table tr td:nth-child(2) {
	text-align: left;
}
.s-order-received .woocommerce-order p {
	margin-bottom: max(1vw, 15px);
}

.woocommerce-checkout .woocommerce-account-fields {
	margin-bottom: max(2vw, 20px);
}

.woocommerce-checkout .tribe-checkout-backlinks {
	display: none !important;
}

.woocommerce-NoticeGroup-checkout {
	margin-top: 1rem;
}

/* Gravity Forms */
.ginput_container input,
.ginput_container textarea {
    display: block;
    font-size: max(90%, 14px) !important;
    width: 100%;
    color: #000;
    padding: max(1vw, 14px) max(1.3vw, 15px) !important;
    border: none;
    border-radius: 4px;
    background-color: var(--white);
    filter: none;
    margin: 0;
    font-weight: 400;
    line-height: 1;
    transition: var(--transition-prop);
}

.ginput_container textarea {
	line-height: 1.3;
	border-radius: 4px;
}


/* hide date on checkout */

.hideDate .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper #billing_dob_field {
	display: none;
}

.hideEmail .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper #billing_email_couple_field {
	display: none;
}

@media (min-width : 1650px) {
	.s-double-coll.revers .double-coll-content-image {
		left: min(-11vw, -20px);
	}
}

@media (max-width : 1440px) {

	html,
	body {
		font-size: 17px;
	}

	h1,
	.title-page {
		font-size: 347%;
	}

	h2,
	.title-section {
		font-size: 202%;
	}

	h3,
	.title-block {
		font-size: 130%;
	}

	.top-padding {
		padding-top: 8vw;
	}

	.sub-menu {
		top: 227%;
	}

	.mini-cart {
		width: 476px;
	}

	.membership-sign-up-content-info-inner {
		width: min(96%, 954px);
	}
}

@media (max-width : 1280px) {

	html,
	body {
		font-size: 16px;
	}

	.navbar-brand img,
	.navbar-brand svg,
	header.scroll .navbar-brand img,
	header.scroll .navbar-brand svg {
		width: 150px;
	}

	.navbar-top {
		padding: max(2.3vw, 10px) max(1.5vw, 15px);
	}

	header.scroll .navbar-top {
		padding: 10px max(1.5vw, 15px);
	}

	.header-user-account a {
		min-width: 40px;
	}

	.double-coll-simple-images {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	}

	.events-inner-content {
		grid-template-columns: minmax(0, 1fr) 370px;
	}

	.leadership-tabs-body {
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	}
}


@media (max-width : 1024px) {

	html,
	body {
		font-size: 15px;
	}

	h1,
	.title-page {
		font-size: 327%;
	}

	h2,
	.title-section {
		font-size: 182%;
	}

	h3,
	.title-block {
		font-size: 120%;
	}

	.mini-cart {
		width: 320px;
	}
}

@media (max-width : 991px) {

	html,
	body {
		font-size: 15px;
	}

	.preloader-content-wrap {
		width: 100px;
		height: 100px;
	}

	.coll-2,
	.coll-3,
	.coll-4,
	.coll-5,
	.coll-6 {
		display: block;
	}

	h1,
	.title-page {
		font-size: 250%;
	}

	h2,
	.title-section {
		font-size: 200%;
	}

	h3,
	.title-block {
		font-size: 150%;
	}

	.top-padding {
		padding-top: 61px;
	}

	.navbar-brand img,
	.navbar-brand svg {
		width: 170px;
		margin-left: 0;
	}

	.header-user-account a {
		width: 39px;
	}

	.navbar-collapse-inner-block .navbar-brand {
		display: block;
	}

	.header-user-account {
		margin: 0 10px;
	}

	header .navbar-brand,
	.header-user-account {
		z-index: 15;
	}

	.header-right-side .btn-page-wrap {
		display: none;
	}

	.navbar-top {
		padding: 10px 15px;
	}

	.hamburger {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 40px;
		height: 40px;
		margin-left: 5px;
		cursor: pointer;
		box-sizing: border-box;
		transition: var(--transition-prop);
		z-index: 14;
	}

	.hamburger span {
		width: 34px;
		height: 2px;
		background-color: var(--general);
		display: block;
		margin: 5px auto;
		transition: all 0.4s cubic-bezier(0.77, 0.2, 0.05, 1.0);
	}

	.hamburger.active span {
		background-color: var(--general);
	}

	.hamburger span:first-child {
		transform-origin: 0% 0%;
	}

	.hamburger span:nth-last-child(2) {
		transform-origin: 0% 100%;
	}

	.hamburger.active span:nth-child(1) {
		transform: translateY(0px) translateX(6px) rotate(45deg);
	}

	.hamburger.active span:nth-child(2) {
		transform: translateX(2px) rotate(90deg);
		opacity: 0;
	}

	.hamburger.active span:nth-child(3) {
		transform: translateY(-12px) rotate(-45deg);
	}

	.menu-open {
		overflow: hidden;
	}

	.navbar-collapse {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		overflow: hidden;
		transition: var(--transition-prop);
		z-index: 14;
	}

	.admin-bar .navbar-collapse {
		top: 32px;
		height: calc(100% - 32px);
	}

	.navbar-collapse-inner-block {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 10px 15px 20px;
		background: var(--white) center / cover no-repeat url("../img/tangram-02.svg");
		background-size: 300px auto;
		overflow: auto;
		opacity: 0;
		transition: var(--transition-prop);
		z-index: 11;
	}

	.admin-bar .navbar-collapse-inner-block {
		top: 32px;
		height: calc(100% - 32px);
	}

	.navbar-collapse-social {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 20px 20px;
	}

	.navbar-collapse-social nav {
		width: auto;
	}

	.navbar-collapse-inner-block::before {
		display: block;
		background-size: 90% auto;
	}

	.navbar-collapse.toggle {
		pointer-events: auto;
	}

	.navbar-collapse.toggle .navbar-collapse-inner-block {
		opacity: 1;
	}

	.navbar-collapse.toggle .top-mnu {
		transition-delay: 0.8s;
	}

	.top-mnu {
		flex-direction: column;
		padding: 100px 0 50px;
	}

	.top-mnu>li {
		width: 100%;
		opacity: 0;
		transform: translateY(15px);
	}

	.top-mnu>li>a {
		width: 100%;
		font-size: 127%;
		padding: 10px 0;
		text-align: center;
	}

	.navbar-collapse.toggle .btn-page-wrap {
		opacity: 1;
		transform: scale(1);
		transition: all 300ms 500ms;
	}

	.navbar-collapse .btn-page-wrap {
		display: flex;
		opacity: 0;
		transform: scale(0);
	}

	.navbar-collapse-social {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 20px 20px;
		z-index: 1;
	}

	.sub-menu {
		display: none;
		flex-direction: column-reverse;
		justify-content: center;
		align-items: flex-start;
		position: relative;
		width: 100%;
		top: 0;
		visibility: visible;
		opacity: 1;
		transform: none !important;
		box-shadow: none;
	}

	.sub-menu a span {
		font-size: 115%;
	}

	.top-mnu li.menu-item-has-children {
		position: relative;
	}

	.children-indicator {
		content: "";
		position: absolute;
		width: 12px;
		height: 12px;
		top: 13px;
		right: 0;
		border-top: 1px solid var(--general);
		border-left: 1px solid var(--general);
		transform: rotate(-135deg);
		transition: var(--transition-prop);
	}

	.children-indicator.active {
		transform: rotate(45deg);
	}

	.navbar-foot-inner {
		display: grid;
		width: 100%;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: max(5vw, 35px);
	}

	header .social-menu {
		color: var(--general);
		justify-content: center;
	}

	.foot-menu-wrap {
		display: grid;
	}

	.foot-bottom-line {
		display: flex;
		flex-direction: column;
		text-align: center;
	}

	.foot-additional-menu {
		justify-content: center;
	}

	.form-group-items {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		grid-gap: 0;
	}

	.hero-image-block {
		height: 350px;
		min-height: auto;
	}

	.hero-content-info {
		min-height: auto;
	}

	.double-coll-content {
		display: flex;
		flex-direction: column-reverse;
	}

	.double-coll-content-image {
		width: 100%;
	}

	.double-coll-content-info {
		align-self: flex-start;
		padding-right: 0;
		margin-top: 20px;
	}

	.swiper-navigation-custom>div svg {
		width: 27px;
		height: auto;
	}

	.s-double-coll.revers .double-coll-content-image {
		left: 0;
	}

	.swiper-navigation-line div {
		width: 45px;
		height: 45px;
		background-color: var(--additional-color);
	}

	.swiper-navigation-line div svg path {
		stroke: var(--white);
	}

	.swiper-navigation-line div svg {
		width: 55%;
		height: auto;
	}

	.events-carousel-block .swiper-navigation-line .button-prev {
		left: 0;
	}

	.events-carousel-block .swiper-navigation-line .button-next {
		right: 0;
	}

	.simple-card-info p {
		display: block;
	}

	.simple-cards-content {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.statistic-content-items {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		gap: 30px;
		margin-top: 20px;
	}

	.statistic-number {
		font-size: 350%;
	}

	.events-grid {
		grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	}

	.table-cards-content,
	.annual-reports-cards {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.table-card.is-icon .icon {
		transform: scale(0.7);
	}

	.awards-item .icon svg {
		width: 45px;
		height: auto;
	}

	.s-contact-form {
		overflow: hidden;
	}

	.contact-form-block-wrap {
		margin-top: 100px;
	}

	.contact-form-block {
		width: 100%;
	}

	.events-inner-content {
		display: flex;
		flex-direction: column-reverse;
	}

	.sidebar-widget,
	.town-twinning-info-block {
		padding: 23px 15px;
	}

	.header {
		-webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2);
	}

	.tab-name .title-block {
		font-size: 120%;
	}

	.memberships-table-item-action .btn-double-group {
		flex-direction: column;
	}

	.leadership-user-block {
		position: relative;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	.membership-content:not('body') {
		display: flex;
		flex-direction: column-reverse;
	}

	.membership-sign-up-content-info-inner {
		width: 100%;
	}

	.membership-sign-up-content .mini-cart {
		margin-left: auto;
	}

	.simple-text-content,
	.simple-text-content .center {
		text-align: left;
	}

	.town-twinning-checkbox {
		font-size: max(90%, 13px);
		max-height: 100px;
		overflow: auto;
	}
	
	.s-order-received .membership-sign-up-content-info-inner {
		padding: 20px;
	}
	
	.annual-reports-card {
		flex-direction: column;
    	align-items: flex-start;
    	margin-bottom: 2rem;
    	padding-bottom: 2rem;
	}
	
	.annual-reports-card-img {
		width: 100%;
	}
	
	.annual-reports-card-info {
		width: 100%;
		margin: 2rem 0 0;
	}
}

@media (max-width : 782px) {

	.admin-bar .header {
		top: 46px;
	}

	.admin-bar .navbar-collapse {
		top: 46px;
		height: calc(100% - 46px);
	}

	.admin-bar .navbar-collapse-inner-block {
		top: 46px;
		height: calc(100% - 46px);
	}

}

@media (max-width : 767px) {

	html,
	body {
		font-size: 14px;
	}

	.container {
		width: 100% !important;
	}

	.foot-menu-wrap {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: auto;
	}

	.foot-bottom-line p {
		margin-bottom: 10px;
	}

	.foot-title {
		font-size: 142%;
	}

	.tab-name .title-block {
		font-size: 100%;
	}

	.memberships-table-item-action .btn-double-group {
		flex-direction: row;
	}

	.memberships-table-item {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		align-self: start;
	}

	.memberships-table-item>div {
		width: 100%;
	}

	.membership-user-block {
		grid-template-columns: 200px minmax(0, 1fr);
	}

	.membership-nav .btn-double-group>div {
		padding: 6px 10px;
	}

	.event-horizontal-card {
		grid-template-columns: minmax(0, 1fr);
	}

	.membership-sign-up-content-info-title {
		grid-template-columns: minmax(0, 1fr);
	}

	.membership-sign-up-content-info-title span {
		padding-bottom: 20px;
		border-right: 0;
		border-bottom: 1px solid rgba(112, 112, 112, 0.3);
	}

}

@media (max-width : 600px) {

	#wpadminbar {
	    position: fixed;
	}

}

@media (max-width : 480px) {

	html,
	body {
		font-size: 14px;
	}

	button,
	.btn {
		font-size: 14px;
	}

	.events-content-title-block {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}

	.double-coll-simple-images {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}

	.s-learn .btn-page-wrap {
		margin-top: 0;
	}

	.events-grid {
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	}

	.events-inner-info ul,
	.events-inner-info .custom-list ul {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.tab-name .title-block {
		font-size: 71%;
	}

	.leadership-tabs-filter {
		flex-wrap: wrap;
	}

	.membership-user-block {
		grid-template-columns: minmax(0, 1fr);
	}

	.membership-sign-up-content .mini-cart {
		width: 100%;
	}

	.basket-donation-block {
		grid-template-columns: minmax(0, 1fr)
	}
}

@media (max-width : 360px) {

	html,
	body {
		font-size: 13px;
	}

}