@charset "UTF-8";
@import "bootstrap/bootstrap-grid.css";
@import "fonts.css";
@import "swiper/swiper.min.css";
@import "pages.css";

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
	width: auto;
	/* padding-right: 0px;
	padding-left: 0px; */
}

html, body {
	font-family: Inter, Verdana, sans-serif;
	background-color: #FFFFFF;
	font-size: 18px;
	color: #616161;
	/* color: #FFFFFF; */
	line-height: 150%;
	letter-spacing: 0.15px;
	margin: 0px;
}

a {
	transition: all 0.3s;
	/* color: #D45751; */
	color: #FF6A68;
	text-decoration: underline;
}

a:hover {
	color: #D45751;
	text-decoration: none;
}

p {
	text-align: justify;
}

ul {
	margin-left: 20px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Inter, Verdana, sans-serif;
	letter-spacing: 1.15px;
}
h1 {
	font-size: 40px;
	font-weight: bold;
	color: #12022F;
	line-height: 56px;
	margin-top: 10px;
}
h1.h1-mainpage {
	/* font-size: 36px; */
	/* font-weight: bold; */
}
h2 {
	font-size: 32px;
	font-weight: bold;
	color: #353333;
	line-height: 40px;
}
h3 {
	font-size: 28px;
	font-weight: bold;
	color: #353333;
	/* line-height: 56px; */
}
h4 {
	font-size: 24px;
	font-weight: normal;
	color: #353333;
	/* line-height: 56px; */
}
h5 {
	font-size: 22px;
	font-weight: normal;
	color: #353333;
	margin-bottom: 10px;
	/* line-height: 56px; */
}

.bold {
	font-weight: bold;
}

.font-32 {
	font-size: 32px;
}
.font-28 {
	font-size: 28px;
}
.font-24 {
	font-size: 24px;
}
.font-16 {
	font-size: 16px;
}
.font-14 {
	font-size: 14px;
}
.font-12 {
	font-size: 12px;
}

.red {
	color: #D45751;
}

.white {
	color: #FFFFFF;
}

.light {
	color: #F4F4F4;
}

.gray {
	color: #6C6C70;
}

.align-center {
	text-align: center;
}

.align-justify {
	text-align: justify;
}

.bg-white {
	background-color: #ffffff;
}

.bg-light {
	background-color: #F4F4F4;
}

.bg-gray {
	background-color: #6C6C70;
}

.bg-bark {
	background-color: #1C1C1E;
}

.bg-black {
	background-color: #000000;
}

.bg-light-bark {
	background: linear-gradient(to right,  #F4F4F4 0%, #F4F4F4 50%, #1C1C1E 50%, #1C1C1E 100%);
}

.bg-white-light {
	background: linear-gradient(to right,  #ffffff 0%, #ffffff 50%, #F4F4F4 50%, #F4F4F4 100%);
}

.bg-light-gray {
	background: linear-gradient(to right,  #F4F4F4 0%, #F4F4F4 50%, #6C6C70 50%, #6C6C70 100%);
}

.crop {
	overflow: hidden;
	line-height: 0;
}

.hidden-link {
	overflow: hidden;
	width: 1px;
	height: 1px;
	opacity: 0;
}
/* .d-flex {

} */
.justify-center {
	justify-content: center;
}
.justify-between {
	justify-content: space-between;
}
.justify-around {
	justify-content: space-around;
}

.m-v-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.m-v-40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.p-r-10 {
	padding-right: 10px!important;
}
.p-l-10 {
	padding-left: 10px!important;
}

.btn {
	background-color: #DDDDDD;
	/* background-color: #FF6A68; */
	padding: 10px 15px;
	text-decoration: none;
	font-size: 16px;

	color: black;
	text-transform: uppercase;
	/* border-radius: 8px; */
}
.btn:hover {
	background-color: #FF6A68;
	color: white;
}

.store-links {
	display: flex;
	justify-content: space-between;
	margin: 30px 0px 10px 0px;
	max-width: 400px;
}

/* HEADER */

.header {
	border-bottom: 1px solid #DDDDDD;
}
.logo-block {
	display: flex;
	align-items: center;
}
.valency-link {
	margin-left: 10px;
}
.menu-top {

}
.menu-top a {
	font-size: 16px;
	line-height: 18px;
	color: black;
	text-decoration: none;
	margin: 0px 15px;
}
.menu-top-mob {
	padding: 20px 5px;
	justify-content: space-around!important;
}
.menu-top-mob a{
	margin: 0px 7px;
}

/* FOOTER */

.footer {
	/* padding: 10px; */
	padding: 20px 50px;
	line-height: 100%;
	background-color: #ffffff;
	/* font-size: 10px; */
}
.footer .row {
	margin: 0px;
}
.footer-l1 {
	border-bottom: 1px solid #7B7B7B;
	/* padding-bottom: 20px; */
	margin: 20px 0px;
}

/* MEDIA */

@media (max-width: 500px) {
	html, body {
		/* font-size: 16px; */
	}
	h1 {
		font-size: 32px;
		line-height: 40px;
		margin-top: 10px;
		letter-spacing: -1px;
	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 22px;
	}
	h5 {
		font-size: 20px;
		/* margin-bottom: 10px; */
	}

	.menu-top {
		text-align: center;
	}
	.btn-donate {
		padding: 5px 5px;
		font-size: 12px;
		text-align: right;
		line-height: 16px;
	}

	.footer {
		padding: 15px;
		line-height: 100%;
	}
}