/* --------------------------------------------------------------
# Offers
-------------------------------------------------------------- */

@media screen and (min-width: 768px) {
	.card {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-transition: z-index, -webkit-transform calc(var(--time) / 4);
		transition: z-index, -webkit-transform calc(var(--time) / 4);
		-o-transition: z-index, transform calc(var(--time) / 4);
		transition: z-index, transform calc(var(--time) / 4);
		transition: z-index, transform calc(var(--time) / 4), -webkit-transform calc(var(--time) / 4);
		-webkit-transition-delay: var(--time), 0s;
		-o-transition-delay: var(--time), 0s;
		transition-delay: var(--time), 0s;
		text-decoration: none;
		color: inherit;
		z-index: 0;
		-webkit-perspective: 40rem;
		perspective: 40rem;
	}

	.card-body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transition: var(--time) transform;
		-o-transition: var(--time) transform;
		transition: var(--time) transform;
		border-radius: 0.25rem;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: 100%;.
		cursor: pointer;
	}

	.card:hover .card-body,
	.card:focus .card-body {
		-webkit-transform: rotateX(-180deg);
		transform: rotateX(-180deg);
	}

	.card-front,
	.card-back {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		min-width: 100%;
		margin: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: white;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: var(--t2);
		border-radius: 0.25rem;
		-webkit-box-shadow:
			0 -1px 1px rgba(0, 0, 0, 0.04),
			0 2px 2px rgba(0, 0, 0, 0.04),
			0 4px 4px rgba(0, 0, 0, 0.04),
			0 8px 8px rgba(0, 0, 0, 0.04),
			0 16px 16px rgba(0, 0, 0, 0.04);
		box-shadow:
			0 -1px 1px rgba(0, 0, 0, 0.04),
			0 2px 2px rgba(0, 0, 0, 0.04),
			0 4px 4px rgba(0, 0, 0, 0.04),
			0 8px 8px rgba(0, 0, 0, 0.04),
			0 16px 16px rgba(0, 0, 0, 0.04);
	}

	.card-back {
		-webkit-transform: rotateX(-180deg) translate(-100%, 0);
		transform: rotateX(-180deg) translate(-100%, 0);
		background-color: var(--yellow);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.card:hover {
		-webkit-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
		z-index: 1;
	}

	.card:active {
		-webkit-transform: scale(0.975);
		-ms-transform: scale(0.975);
		transform: scale(0.975);
	}

	.card:focus {
		outline: none;
	}
}

.card-back ul {
	padding: 1.5rem;
	list-style: none;
	font-size: 1.4rem;
	text-align: center;
}

.card-back li::after {
	content: '';
	display: block;
	margin: var(--t2) auto;
	width: 50%;
	border-bottom: 3px solid var(--red);
}

.card-back li:last-child::after {
	border: none;
}

.card-front {
	font-size: 1.4rem;
}

.card-img {
	margin-top: auto;
}

.card-title {
	margin-bottom: auto;
}

.missions__wrap {
	margin-bottom: var(--t8);
}

.missions-tabs__list {
	margin: 0;
	padding: 0 !important;
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: var(--t4);
}

.missions-tabs__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 var(--t4);
	width: 250px;
}

.missions-tabs__item p {
	border: 1px solid var(--grey2);
	background: var(--white);
	padding: var(--t4);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}

.missions-tabs__item::before {
	content: "\200B";
}

.missions-tabs__link {
	background: var(--red);
	color: var(--white);
	border-radius: 50%;
	border: none;
	width: var(--t8);
	height: var(--t8);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
	position: relative;
}

.inside-pulse {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.missions-tabs__link:hover,
.missions-tabs__link:focus {
	-webkit-animation: none;
	animation: none;
	color: var(--white);
}

.missions-tabs__link:focus {
	outline: none;
	background: var(--yellow);
	color: var(--black);
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(181, 54, 108, 0.4);
	}

	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(181, 54, 108, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(181, 54, 108, 0);
	}
}

@keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(181, 54, 108, 0.4);
		box-shadow: 0 0 0 0 rgba(181, 54, 108, 0.4);
	}

	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(181, 54, 108, 0);
		box-shadow: 0 0 0 10px rgba(181, 54, 108, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(181, 54, 108, 0);
		box-shadow: 0 0 0 0 rgba(181, 54, 108, 0);
	}
}

@-webkit-keyframes pulseyellow {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(247, 231, 197, 0.4);
		box-shadow: 0 0 0 0 rgba(247, 231, 197, 0.4);
	}

	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(247, 231, 197, 0);
		box-shadow: 0 0 0 10px rgba(247, 231, 197, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(247, 231, 197, 0);
		box-shadow: 0 0 0 0 rgba(247, 231, 197, 0);
	}
}

@keyframes pulseyellow {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(247, 231, 197, 0.4);
		box-shadow: 0 0 0 0 rgba(247, 231, 197, 0.4);
	}

	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(247, 231, 197, 0);
		box-shadow: 0 0 0 10px rgba(247, 231, 197, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(247, 231, 197, 0);
		box-shadow: 0 0 0 0 rgba(247, 231, 197, 0);
	}
}

.missions-tabs__link[aria-selected="true"] {
	background-color: var(--yellow);
	color: var(--black);
	-webkit-animation: none;
	animation: none;
}

.missions-tabs__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	width: 75%;
	margin: 0 auto var(--t4);
}

.missions-tabs__content[aria-hidden="true"] {
	display: none;
}

.missions-tabs__content div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 var(--t4);
	border: 1px solid var(--grey2);
	padding: var(--t4);
	background: var(--white);
}

.missions-tabs__content div ul {
	padding-left: var(--t6);
}

.mission__accordion__panel[aria-hidden=true] {
	display: none;
}

.mission__accordion__header {
	display: block;
	border: none;
	border-bottom: 3px solid var(--red);
	border-radius: 0;
	background: none;
}

.mission__accordion__header:focus,
.mission__accordion__header:hover {
	background: var(--yellow);
}

.mission__accordion__header[aria-expanded="true"] {
	background: var(--red);
	color: var(--white);
}

/* title opened */
.mission__accordion__header[aria-expanded="true"]::before {
	content: "- ";
}

/* title closed */
.mission__accordion__header[aria-expanded="false"]::before {
	content: "+ ";
}