@font-face {
	font-family: "Agrandir-Light";
	src: url(../fonts/Agrandir-GrandLight.otf);
}

@font-face {
	font-family: "Agrandir-Regular";
	src: url(../fonts/Agrandir-Regular.otf);
}

@font-face {
	font-family: "Agrandir-Bold";
	src: url(../fonts/Agrandir-TextBold.otf);
}

@font-face {
	font-family: "Agrandir-Black";
	src: url(../fonts/Agrandir-GrandHeavy.otf);
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: "Agrandir-Regular", sans-serif;
}

b,
.font-bold {
	font-family: "Agrandir-Bold";
}

.title-header {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

figure.image figcaption {
	margin-top: 0.5rem;
	line-height: 18.375px;
	font-size: 12.25px;
	font-style: italic;
	color: #6c757d;
	text-align: center;
}
.input-emot {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.label-emot {
	font-size: 40px;
	cursor: pointer;
	filter: saturate(0);
	transition: 0.2s ease-in-out;
}

.label-emot:hover {
	filter: saturate(1);
}

.input-emot:checked + .label-emot {
	font-size: 50px;
	filter: saturate(1);
}

.instagram-media,
.twitter-tweet {
	margin-left: auto !important;
	margin-right: auto !important;
}

iframe {
	width: 100%;
	/* height: 200px; */
}

.instagram-media {
	width: auto;
	/* height: 200px; */
}

.swiper-button-next,
.swiper-button-prev {
	color: #9f0712 !important;
}

.swiperInstagram {
	width: 100%;
	height: 100%;
}

.swiper-slide-instagram {
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide-card {
	width: 25%;
	height: auto;
	display: flex;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.swiper-slide-card:nth-child(2n) {
	width: 25%;
}

.swiper-slide-card:nth-child(3n) {
	width: 25%;
}

@media only screen and (max-width: 1000px) {
	.swiper-slide-card {
		width: 35%;
	}

	.swiper-slide-card:nth-child(2n) {
		width: 35%;
	}

	.swiper-slide-card:nth-child(3n) {
		width: 35%;
	}
}

@media (max-width: 767px) {
	.swiperCustNew {
		scale: 0.65 !important;
	}
}

@media (max-width: 494px) {
	.swiperCustNew {
		scale: 0.62 !important;
	}
}

iframe .Header {
	display: none !important;
}