/*
Theme Name: Lyamtsi
Theme URI: https://www.lyamtsi.com/
Author: Immensus
Author URI: https://immensus.dev/
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
:root {
	--Main-m-100: #FFEBDA;
	--Main-m-300: #FBA253;
	--Main-m-500: #FA8A29;
	--Neutrals-n-100: #FFF;
	--Neutrals-n-200: #F7F7F7;
	--Neutrals-n-300: #EDEDED;
	--Neutrals-n-500: #737373;
	--Neutrals-n-700: #3D3D3D;
	--Neutrals-n-800: #2D2D2D;
	--Neutrals-n-400: #CDCDCD;
}
* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
	scrollbar-color: #D1965A var(--Neutrals-n-300);
	scrollbar-width: thin;
}
*::-webkit-scrollbar {
	width: 0.5rem;
	height: 0.5rem;
}
*::-webkit-scrollbar-track {
	background-color: var(--Neutrals-n-300);
	border-radius: 0rem;
}
*::-webkit-scrollbar-thumb {
	background-color: #D1965A;
	border-radius: 0rem;
	border: 0rem solid;
}
*::-webkit-scrollbar-thumb:hover {
	background-color: #cf6d00;
}
*::-webkit-scrollbar-thumb:active {
	background-color: #853600;
}
html {
	font-size: calc(1vw / 1.2);
	font-family: 'Inter';
}
body {
	font-size: 1rem;
	position: relative;
	min-height: 100vh;
}
section {
	display: flex;
	justify-content: center;
}
header {
	display: flex;
	justify-content: center;
	padding: 1.5rem 0rem;
	transition: background-color 0.5s ease;
	z-index: 20;
	border-bottom: 1px solid #E8E8E8;
}
footer {
	background-color: #0B0A0F;
}
.darkBody {
	background-color: #0B0A0F;
}
.menuButton {
	display: none;
}
.mobileMenu {
	display: none;
}
.whiteHeader {
	background-color: #fff;
	border-bottom: 1px solid var(--Neutrals-n-300);
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	animation: headerAnimation 0.5s ease 0s 1;
}
@keyframes headerAnimation {
	from {
		top: -7.0625rem;
	}
	to {
		top: 0rem;
	}
}
header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header ul {
	display: flex;
	gap: 2.5rem;
}
header li {
	list-style-type: none;
}
header .logo img {
	height: 4rem;
	width: auto;
}
header ul li a {
	position: relative;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #232326;
	text-decoration: none;
}
header ul li a::after {
	content: '';
	position: absolute;
	width: 0%;
	height: 2.4px;
	background-color: #E6A563;
	bottom: -2.4px;
	left: 0rem;
	transition: width 0.5s ease;
}
header ul li a:hover::after {
	width: 100%;
}
header ul li a.active::after {
	width: 100%;
}
header.stickyHeader {
	position: sticky;
}
.lightLogo {
	display: none;
}
.absoluteHeader {
	position: absolute;
	border-bottom: none;
	top: 0;
	left: 0;
	width: 100%;
}
.absoluteHeader .lightLogo {
	display: block;
}
.absoluteHeader .darkLogo {
	display: none;
}
.headerPhone {
	display: flex;
	gap: 0.75rem;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: #0B0A0F;
	text-decoration: none;
	transition: opacity 0.5s ease;
}
.headerPhone:hover {
	opacity: 0.8;
}
.headerPhone:active {
	opacity: 0.6;
}
.lightPhone {
	display: none;
}
header.absoluteHeader ul li a,
header.absoluteHeader .headerPhone {
	color: #fff;
}
header.absoluteHeader .lightPhone {
	display: block;
}
header.absoluteHeader .darkPhone {
	display: none;
}
.headerPhone img {
	width: 1.5rem;
	height: 1.5rem;
}
li {
	list-style-type: none;
}
footer a {
	text-decoration: none;
}
footer .footerIconWhite {
	display: none;
}
footer nav h5 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 2rem;
	color: #FFFFFF;
	margin-bottom: 2rem;
}
footer nav a {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-decoration: underline;
	color: #FFFFFF;
	transition: opacity 0.5s ease;
}
footer nav ul {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.footerContacts {
	display: flex;
	flex-direction: column;
}
.footerContacts > a {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 2rem;
	color: #FFFFFF;
	transition: opacity 0.5s ease;
	margin-bottom: 2rem;
	margin-top: 0rem;
}
.footerContacts a:hover,
footer nav a:hover {
	opacity: 0.8;
}
.footerContacts a:active,
footer nav a:active {
	opacity: 0.6;
}
.footerContacts span {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #FFFFFF;
}
.footerContent {
	display: flex;
	justify-content: center;
	padding-top: 4rem;
	padding-bottom: 3rem;
}
.footerContent > .container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.container {
	width: 80rem;
}
.hero {
	width: 100%;
	height: 40rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	min-height: 100vh;
}
.hero .container {
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
}
.hero h1 {
	color: var(--Neutrals-n-100);
	text-align: center;
	text-shadow: 0rem 0.25rem 1.375rem rgba(0, 0, 0, 0.04);
	font-family: 'Rubik', sans-serif;
	font-size: 11.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 0rem;
	margin-bottom: 3.75rem;
}
.button {
	border-radius: 62.5rem;
	background: #D1965A;
	box-shadow: 0rem 0.5rem 1.25rem 0rem rgba(2, 12, 12, 0.06);
	color: var(--Neutrals-n-100);
	font-family: 'Inter', sans-serif;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2rem;
	text-decoration: none;
	transition: background 0.5s ease,
				color 0.5s ease;
}
.button:hover {
	background: var(--Neutrals-n-100);
	color: var(--Neutrals-n-800);
}
.button:active {
	color: var(--Neutrals-n-500);
}
.heroMainButton {
	padding: 2.09375rem 5rem;
}
/* description */
.description {
	margin-top: 7.5rem;
}
.description > .container {
	display: flex;
	gap: 1.5rem;
}
.description > .container > * {
	display: flex;
	align-items: center;
	width: 50%;
}
.imagesContainer {
	display: flex;
	gap: 1.5rem;
}
.imagesContainer > * {
	display: flex;
	flex-direction: column;
	width: 18.875rem;
	gap: 1.5rem;
	padding-top: 2.5rem;
}
.imagesContainer > *:nth-child(2) {
	padding-top: 0rem;
	padding-bottom: 2.5rem;
}
.imagesData {
	display: flex;
	padding: 1.375rem 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
	align-self: stretch;
	border-radius: 1.25rem;
	background: #D1965A;
}
.imagesData ul {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.imagesData li {
	list-style-type: none;
	color: var(--Neutrals-n-100);
	display: flex;
	gap: 0.75rem;
	align-items: center;
}
.imagesData strong {
	font-family: "Rubik";
	font-size: 2.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.5rem;
	letter-spacing: 0.02875rem;
	flex-shrink: 0;
}
.imagesData p {
	font-family: 'Inter';
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25rem;
}
.imagesContainer > * img {
	border-radius: 1.25rem;
	width: 100%;
	height: auto;
}
.description .textContent {
	padding-left: 4rem;
}
.textContent {
	border-radius: 1.25rem;
}
.textContent > span {
	border-radius: 62.5rem;
	background: var(--Main-m-100);
	color: #D1965A;
	font-family: 'Inter';
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5rem;
	padding: 0.625rem 1.00625rem;
}
.textContent > h3 {
	color: var(--Neutrals-n-800);
	font-family: "Rubik";
	font-size: 2.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.5rem;
	letter-spacing: 0.02875rem;
	margin-top: 1rem;
	margin-bottom: 0.75rem;
}
.simpleText {
	color: var(--Neutrals-n-700);
	font-family: 'Inter';
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
}
.simpleText p {
	margin-bottom: 0.625rem;
}
.description .simpleText p {
	margin-bottom: 0rem;
}
/* partnership */
.partnership {
	background: var(--Neutrals-n-200);
	flex-direction: column;
	align-items: center;
	padding-top: 7.25rem;
	margin-top: 7.5rem;
}
.partnership > .container {
	display: flex;
	gap: 1.5rem;
}
.partnership > .container > * {
	display: flex;
	justify-content: flex-start;
	width: 50%;
	flex-direction: column;
	box-sizing: border-box;
	align-items: flex-start;
}
.partnership > .container > .containerLeftSide {
	padding-right: 4rem;
}
.partnership h3 {
	color: var(--Neutrals-n-800);
	font-family: "Rubik";
	font-size: 2.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.5rem;
	letter-spacing: 0.02875rem;
	margin-bottom: 0.625rem;
}
.defaultButton {
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2rem;
	padding: 1rem 3.875rem;
	border: none;
	cursor: pointer;
}
.partnershipImages {
	display: flex;
	gap: 1.5rem;
	align-items: flex-start;
	margin-top: 3.625rem;
	justify-content: space-between;
	width: 100%;
	overflow: hidden;
}
.partnershipImages > img {
	height: auto;
	border-top-right-radius: 1.25rem;
	border-top-left-radius: 1.25rem;
}
.partnershipImages > img:nth-child(2),
.partnershipImages > img:nth-child(3),
.partnershipImages > img:nth-child(4) {
	width: 25.625rem;
}
.partnershipImages > img:nth-child(1),
.partnershipImages > img:nth-child(5) {
	width: 18.5625rem;
}
.partnershipImages > img:nth-child(1) {
	margin-top: 5rem;
	border-top-left-radius: 0rem;
}
.partnershipImages > img:nth-child(3) {
	margin-top: 2.5rem;
}
.partnershipImages > img:nth-child(4) {
	margin-top: 5rem;
}
.partnershipImages > img:nth-child(5) {
	margin-top: 2.5rem;
	border-top-right-radius: 0rem;
}
/* partners */
.partners {
	background: var(--Neutrals-n-200);
}
.partnersSliderContainer {
	width: 100%;
	overflow: hidden;
	margin: 3rem 0rem;
}
.partnersSlider {
	width: 103.75rem;
	margin: 0 auto;
}
.partnersSlider .slick-list.draggable {
	overflow: visible;
}
.partnersSlider .partnersSlide {
	display: flex;
	align-items: center;
	height: 12.5rem;
	text-align: center;
}
.partnersSlider .partnersSlide img {
	width: 13.875rem !important;
	height: auto;
	margin: auto;
	opacity: 0.64;
	mix-blend-mode: luminosity;
	filter: grayscale(1);
}
/* questions */
.questions {
	background-color: #0B0A0F;
	padding: 3rem 0rem 4rem 0rem;
	position: relative;
	margin: -1px 0rem;
	z-index: 9;
}
.questions .container {
	display: flex;
	justify-content: flex-end;
}
.questions .container .content {
	width: 40.625rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.questionsHeader {
	text-align: center;
}
.questionsHeader > span {
	border-radius: 62.5rem;
	background: var(--Main-m-100);
	color: #D1965A;
	font-family: 'Inter';
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5rem;
	padding: 0.5rem 1.375rem;
}
.questionsHeader > h3 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 4rem;
	line-height: 4.5rem;
	color: #FFFFFF;
	margin-top: 0.875rem;
	margin-bottom: 3.875rem;
}
.questionsList {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	width: 39.4375rem;
}
.question {
	border-radius: 1.25rem;
	border: 1px solid #3B3A3F;
	background: transparent;
	padding: 2rem 1.5rem;
	position: relative;
}
.question > .questionHead {
	position: relative;
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 2rem;
	color: #FFFFFF;
	cursor: pointer;
	width: calc(100% - 3.125rem);
	box-sizing: border-box;
}
.question > .questionHead::before {
	content: '';
	position: absolute;
	right: -2.875rem;
	width: 1rem;
	height: 0.125rem;
	top: 0.8125rem;
	background: #E6A563;
}
.question > .questionHead::after {
	content: '';
	position: absolute;
	right: -2.4375rem;
	height: 1rem;
	width: 0.125rem;
	top: 0.375rem;
	opacity: 1;
	background: #E6A563;
	transition: transform 0.5s ease 0s;
}
.question.activeQuestion > .questionHead::after {
	transform: rotate(90deg);
}
.question.zeroOpacity > .questionHead::after {
	opacity: 0;
}
.question > .questionAnswer {
	overflow: hidden;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: #A7A7A9;
	max-height: 0rem;
	transition: max-height 0.5s ease;
	padding-right: 3rem;
}
.question > .questionAnswer > *:nth-child(1) {
	padding-top: 0.5rem;
}
.questionsList > .question:nth-child(1) > .questionAnswer {
	max-height: none;
}
/* error */
.error {
	height: 100%;
	position: relative;
	width: 100%;
	min-height: 100vh;
}
.error h1 {
	display: none;
}
.error .container > img {
	width: 36.3125rem;
	height: auto;
}
.error p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.75rem;
	text-align: center;
	color: #C4C4C5;
	margin-bottom: 2rem;
	margin-top: 2rem;
}
.whiteButton {
	color: var(--Neutrals-n-800);
	font-family: Inter;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2rem;
	border-radius: 62.5rem;
	background: var(--Neutrals-n-100);
	transition: color 0.5s ease;
	text-decoration: none;
	padding: 1.25rem 2rem;
}
.whiteButton:hover {
	color: var(--Neutrals-n-500);
}
.error > .container {
	text-align: center;
	padding-top: 12.5rem;
	padding-bottom: 6rem;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/* post heading */
.backLink {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: #414045;
	text-decoration: none;
	display: flex;
	gap: 0.5rem;
	transition: opacity 0.5s ease;
}
.backLink:hover {
	opacity: 0.8;
}
.backLink:active {
	opacity: 0.6;
}
.backLink::before {
	content: '';
	background-image: url('images/chevron_left.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	width: 1.5rem;
	height: 1.5rem;
	margin-top: 0.1875rem;
}
.postHeading > .container {
	display: flex;
	flex-direction: column;
	margin-bottom: 4rem;
}
.postHeading h1 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 4rem;
	line-height: 4.5rem;
	color: #0B0A0F;
	margin-top: 2rem;
	margin-bottom: 3rem;
}
.postHeading span {
	color: var(--Neutrals-n-500);
	font-family: 'Inter';
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2rem;
	margin-bottom: 2.5rem;
}
.postHeading .postMainImage {
	border-radius: 2rem;
	width: 100%;
	height: 40rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
/* post content */
.leftNavigation nav {
	border-radius: 1.25rem;
	background: var(--Neutrals-n-200);
	position: sticky;
	top: 8rem;
	padding: 2rem 1.5rem 2rem 0rem;
}
.leftNavigation nav ul {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.leftNavigation nav li {
	list-style-type: none;
	border-left: 0.15rem solid var(--Neutrals-n-200);
	transition: border-left 0.5s ease;
}
.leftNavigation nav li a {
	color: var(--Neutrals-n-800);
	font-family: Inter;
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5rem;
	text-decoration: none;
	padding: 0.5rem 0.625rem 0.5rem 1rem;
	display: inline-block;
	transition: padding 0.5s ease,
				color 0.5s ease,
				opacity 0.5s ease;
}
.leftNavigation nav li a:hover {
	color: #D1965A;
}
.leftNavigation nav li a:active {
	opacity: 0.8;
}
.leftNavigation nav li.active {
	border-left: 0.15rem solid #D1965A;
}
.leftNavigation nav li.active a {
	color: #D1965A;
	font-family: 'Inter';
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5rem;
	padding: 0.5rem 0.625rem 0.5rem 1.5rem;
}
.contentPost .postMain {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: #0B0A0F;
}
.contentPost .postMain p {
	margin-bottom: 1.625rem;
}
.contentPost h3 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 800;
	font-size: 2rem;
	line-height: 2.75rem;
	color: #2D2D2D;
	margin-top: 3rem;
	margin-bottom: 1rem;
}
.subcontentPost .textSingle,
.contentPost .textSingle {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: #3B3A3F;
}
.contentPost .textSingle p {
	margin-bottom: 0.625rem;
}
.postImage {
	height: 30rem;
	border-radius: 1.25rem;
	background-repeat: no-repeat;
	background-size: cover;
	flex-grow: 1;
	margin: 0.875rem 0rem 1.0625rem;
	background-position: center;
}
.contentPost li {
	list-style-type: none;
	display: flex;
	margin-bottom: 0.5rem;
}
.contentPost li::before {
	content: '';
	background-image: url('images/list_style.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 0.75rem;
	height: 0.75rem;
	margin-right: 0.625rem;
	margin-top: 0.5625rem;
	flex-shrink: 0;
}
.postContent .rightContent {
	width: 52.8125rem;
	padding-left: 0rem;
	box-sizing: border-box;
}
.postContent .leftNavigation {
	width: 25.6875rem;
}
.postContent .container {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
}
.postImages {
	display: flex;
	gap: 1.5rem;
}
.postContent {
	padding-bottom: 3rem;
}
/* blog posts */
.blogPosts {
	display: flex;
	gap: 1.5rem;
	justify-content: space-between;
}
.blogPost {
	text-decoration: none;
	height: 30rem;
	background: linear-gradient(0deg, rgba(28, 27, 31, 0.64) 0%, rgba(28, 27, 31, 0.53) 11.28%, rgba(28, 27, 31, 0.42) 23.34%, rgba(28, 27, 31, 0.00) 43.23%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	padding: 2rem 1.5rem;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	align-self: stretch;
	border-radius: var(--sm, 1.25rem);
	position: relative;
	box-sizing: border-box;
}
.blogPost .bottomPost {
	width: 22.66667rem;
	max-width: 22.66667rem;
	transition: width 0.5s ease,
				max-width 0.5s ease;
}
.notHovered.blogPost .bottomPost {
	max-width: 15.90625rem;
}
.blogPost:hover {
	flex-shrink: 0;
}
.blogPost:hover .bottomPost {
	width: 36.1875rem;
	max-width: 36.1875rem;
}
.topPost {
	position: relative;
}
.bottomPost {
	position: relative;
}
.bottomPost span {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #CDCDCD;
}
.bottomPost h4 {
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 2rem;
	color: #FFFFFF;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	@supports (-webkit-line-clamp: 2) {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: initial;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}
.bottomPost p {
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #EDEDED;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	@supports (-webkit-line-clamp: 2) {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: initial;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}
.bottomPost h4 {
	color: #FFFFFF !important;
}
.bottomPost p {
	color: #EDEDED !important;
}
.blogPostBackground {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0rem;
	left: 0rem;
	border-radius: var(--sm, 1.25rem);
	background: linear-gradient(0deg, rgba(28, 27, 31, 0.64) 0%, rgba(28, 27, 31, 0.53) 11.28%, rgba(28, 27, 31, 0.42) 23.34%, rgba(28, 27, 31, 0.00) 43.23%);
}
.topPost {
	background-image: url('images/button_blog.svg');
	width: 3rem;
	height: 3rem;
	position: absolute;
	top: 1.5rem;
	right: 1.48rem;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity 0.5s ease;
}
.blogPost:hover .topPost {
	opacity: 1;
}
.blogHeading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2.5rem;
}
.blogHeading h3 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 4rem;
	line-height: 4.5rem;
	color: #2D2D2D;
}
.blogButton {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: 0.12em;
	color: #0B0A0F;
	border-radius: 62.5rem;
	border: 0.1rem solid var(--Neutrals-n-800);
	padding: 1.125rem 1.8125rem;
	text-decoration: none;
	transition: opacity 0.5s ease;
}
.blogButton.hovered,
.blogButton:hover {
	opacity: 0.8;
}
.blogButton.actived,
.blogButton:active {
	opacity: 0.6;
}
.postBody .blog {
	background: var(--Neutrals-n-200);
}
.blog {
	padding: 10rem 0rem 4rem;
}
/* form */
.form {
	height: auto;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #0B0A0F;
	margin-bottom: -1px;
}
.mainForm {
	background-image: url('images/form_footer_main.jpg');
}
.clickArea {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 5.8125rem;
	z-index: 9;
	cursor: pointer;
}
.activeQuestion .clickArea {
	height: 4.375rem;
}
.formContainer {
	width: 100%;
	margin: 0rem auto;
	display: flex;
	padding: 2.5rem;
	box-sizing: border-box;
	margin-top: 3rem;
	gap: 1.5rem;
	border-radius: 1.25rem;
	align-items: stretch;
	justify-content: space-around;
	margin-bottom: 3rem;
}
.separator {
	width: 1px;
	background: #252528;
	align-self: flex-start;
	height: 34rem;
}
.formData {
	display: flex;
	flex-direction: column;
	width: 34.4375rem;
	align-items: flex-start;
	align-self: center;
}
.formContent {
	display: flex;
	flex-direction: column;
	width: 34.4375rem;
}
.formData span {
	border-radius: 62.5rem;
	background: var(--Main-m-100);
	color: #D1965A;
	font-family: 'Inter';
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5rem;
	padding: 0.5rem 1.375rem;
}
.formData h3 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 2.75rem;
	line-height: 3.5rem;
	color: #FFFFFF;
	margin-top: 0.625rem;
	margin-bottom: 2.5rem;
}
.formData a,
.formData div {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #C4C4C5;
	text-decoration: none;
	transition: opacity 0.5s ease;
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1rem;
}
.formData a:hover {
	opacity: 0.8;
}
.formData a:active {
	opacity: 0.6;
}
.formContent label {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #A7A7A9;
	margin-top: 1rem;
}
.formContent input[type=text],
.formContent input[type=tel],
.formContent input[type=email],
.formContent textarea {
	border-radius: 0.5rem;
	border: 1px solid var(--Neutrals-n-400);
	font-family: 'Inter';
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	padding: 0.6875rem;
	border: 1px solid #3B3A3F;
	color: #C4C4C5;
	background: transparent;
}
.formContent form {
	display: flex;
	flex-direction: column;
	padding: 1.515625rem;
	gap: 0.5rem;
}
.formContent textarea {
	height: 5.5rem;
	box-sizing: border-box;
	resize: none;
}
.formContent input[type=submit] {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 2rem;
	letter-spacing: 0.12em;
	color: #FCE9EA;
	margin-top: 1.96875rem;
	padding: 1.75rem;
}
.formContent textarea {
	height: 7rem;
}
/* blog content */
.blogContent {
	padding-top: 3.5rem;
}
.postHeading {
	padding-top: 3.5rem;
}
.blogContent h1 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 4rem;
	line-height: 4.5rem;
	color: #2D2D2D;
	margin-bottom: 3.5rem;
}
.postsBlogContent {
	display: flex;
	gap: 4rem;
	flex-direction: column;
	margin-bottom: 7.5rem;
}
.postsBlogContent article {
	display: flex;
	gap: 1.5rem;
}
.postsBlogContent article span {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #737373;
}
.postsBlogContent article h4 {
	overflow: hidden;
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 2rem;
	color: #0B0A0F;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 0.625rem;
	margin-top: 0.3125rem;
	@supports (-webkit-line-clamp: 2) {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: initial;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}
.postsBlogContent article h4 a {
	color: var(--Neutrals-n-800);
}
.postsBlogContent article p {
	overflow: hidden;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #3B3A3F;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	@supports (-webkit-line-clamp: 3) {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: initial;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
}
.postImageBlogContent {
	height: 25.0625rem;
	width: 39.25rem;
	border-radius: 4px;
	flex-shrink: 0;
	background-position: center;
	background-size: 110%;
	background-repeat: no-repeat;
	transition: background-size 0.5s ease;
}
.postsBlogContent a {
	text-decoration: none;
}
.postImageBlogContent.hovered,
.postImageBlogContent:hover {
	background-size: 120%;
}
.postContentBlogContent {
	padding: 1.5rem 0rem 1.5rem 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.postContentBlogContent .blogButton {
	margin-top: 2rem;
}
.footerSocials {
	margin-top: 1.4rem;
	gap: 1.5rem;
	display: flex;
}
footer .logo img {
	height: 4rem;
	width: auto;
}
.footerCopyright {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 0.75rem;
	line-height: 1rem;
	color: #FFFFFF;
	padding: 1.5rem 0rem;
	display: flex;
	justify-content: center;
	text-align: center;
	margin: 0 auto;
	border-top: 1px solid #312D2D;
	justify-content: space-between;
}
.greyFooter {
	background: var(--Neutrals-n-200, #F7F7F7);
}
.absoluteFooter {
	position: absolute;
	bottom: 0rem;
	top: auto;
	width: 100%;
}
footer.absoluteFooter nav h5 {
	color: var(--Neutrals-n-300);
}
footer.absoluteFooter .footerContacts > a,
footer.absoluteFooter nav a {
	color: var(--Neutrals-n-100);
}
.absoluteFooter .footerContacts span {
	color: var(--Neutrals-n-200);
}
footer.absoluteFooter .footerCopyright {
	color: var(--Neutrals-n-300);
}
footer.absoluteFooter .darkLogo {
	display: none;
}
footer.absoluteFooter .lightLogo {
	display: block;
}
footer.absoluteFooter .footerIcon {
	display: none;
}
footer.absoluteFooter .footerIconWhite {
	display: block;
}
footer.absoluteFooter .footerContent {
	border-top: none;
}
.footerSocials img {
	width: 2rem;
	height: auto;
}
.formData img {
	width: 3rem;
	height: auto;
	flex-shrink: 0;
}
.footerSocials a {
	transition: opacity 0.5s ease;
}
.hero.commonPage {
	height: 38rem;
}
.hero.commonPage h1 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 5rem;
	line-height: 6rem;
	color: #FFFFFF;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1rem;
}
.hero.commonPage p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #C4C4C5;
	margin-bottom: 2.5rem;
}
.hero.commonPage .button.heroMainButton {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 2rem;
	letter-spacing: 0.12em;
	padding: 1.75rem 4.6875rem;
}
.hero.commonPage .container {
	text-align: left;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.hero.commonPage .container > * {
	max-width: 32.4rem;
}
.aboutCereal .textContent h3 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 2.875rem;
	line-height: 3.5rem;
	color: #2D2D2D;
}
.aboutCereal .textContent .simpleText {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 2rem;
	color: #3D3D3D;
}
.aboutCerealImage {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 1.25rem;
	width: calc(100% - 6.8125rem);
	height: 100%;
}
.aboutDataContent strong {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 2.875rem;
	line-height: 3.5rem;
	color: #FFFFFF;
}
.aboutDataContent strong span {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #FFFFFF;
	margin-left: 0.5rem;
}
.aboutDataContent p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #FFEBDA;
}
.aboutDataTable {
	background: #F7F7F7;
	border-radius: 1.25rem;
	padding: 3.4375rem 2.5rem;
	width: 100%;
}
.aboutDataTable th {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #2D2D2D;
	border-bottom: 1px solid #CDCDCD;
	text-align: left;
}
.aboutDataTable tr > td:nth-child(1) {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #3D3D3D;
	text-align: left;
}
.aboutDataTable tr > td:nth-child(2),
.aboutDataTable tr > td:nth-child(3) {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #2D2D2D;
	text-align: right;
	width: 6.75rem;
}
.aboutDataTable tr > td:nth-child(2) span,
.aboutDataTable tr > td:nth-child(3) span {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #2D2D2D;
	margin-left: 0.25rem;
}
.headingTable > th {
	padding-top: 1.5rem;
}
.headingTable + tr > td {
	padding-top: 1.5rem;
}
.aboutDataTable > tbody > .headingTable:nth-child(1) > th {
	padding-top: 0;
}
.aboutDataTable tr > td {
	padding-bottom: 0.5625rem;
}
.aboutCereal .container {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
}
.aboutCereal .container > * {
	width: calc(50% - 0.625rem);
}
.aboutCereal .textContent {
	background: #F7F7F7;
	border-radius: 1.25rem;
	padding: 3.4375rem 2.5rem;
}
.aboutCereal .containerLeftSide {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.aboutDataContent {
	background-color: #D1965A;
	border-radius: 1.25rem;
	width: calc(50% - 3.75rem);
	padding: 1.75rem 1.5rem;
}
.aboutData {
	display: flex;
	gap: 1.5rem;
	justify-content: space-between;
	padding-left: 6.8125rem;
}
.aboutCerealImage.imageOnLeft {
	margin-left: 6.8125rem;
}
.aboutCereal .button.defaultButton {
	margin: 1.5625rem 0rem 1.0625rem;
	display: inline-block;
}
.aboutCereal {
	background-image: url('images/cereal_about.jpg');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
	padding-bottom: 31.25rem;
	padding-top: 7.5rem;
}
.aboutCerealProducts nav h4 {
	border-bottom: 1px solid #EDEDED;
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.75rem;
	color: #CDCDCD;
	margin-left: 1.5rem;
	margin-bottom: 0.5rem;
}
.aboutCerealProducts nav ul li a {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #2D2D2D;
	text-decoration: none;
	padding: 0.5rem 0rem;
	display: inline-block;
	padding-left: 1.6875rem;
	transition: padding-left 0.5s ease,
				color 0.5s ease;
}
.aboutCerealProducts nav ul {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-bottom: 1.5rem;
}
.aboutCerealProducts nav > ul:last-child {
	margin-bottom: 0rem;
}
.aboutCerealProducts nav ul li.active a {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #FA8A29;
	padding-left: 1.8125rem;
}
.aboutCerealProducts nav ul li {
	border-left: 2.4px solid #FFFFFF;
	transition: border-left 0.5s ease;
}
.aboutCerealProducts nav ul li.active {
	border-left: 2.4px solid #FA8A29;
}
.aboutCerealProducts .contentProducts h3 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 2.875rem;
	line-height: 3.5rem;
	color: #2D2D2D;
	margin-bottom: 1rem;
}
.aboutCerealProducts .contentProducts .productsText {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 2rem;
	color: #3D3D3D;
	flex-direction: column;
	gap: 1rem;
}
.aboutCerealProducts {
	background-color: var(--Neutrals-n-200);
	padding-top: 7.5rem;
	padding-bottom: 4rem;
}
.aboutCerealProducts .container {
	display: flex;
	gap: 1.5rem;
}
.aboutCerealProducts nav {
	width: 25.6875rem;
	border-radius: 1.25rem;
	background-color: #ffffff;
	flex-shrink: 0;
	box-sizing: border-box;
	padding: 2.125rem 1.5rem 2.0625rem 0rem;
}
.aboutCerealProducts .contentProducts {
	border-radius: 1.25rem;
	border: 1.6px solid #D1965A;
	padding: 3.25rem 2.5rem;
	flex-grow: 1;
}
.imageProducts {
	border-radius: 1.25rem;
	background-size: cover;
	background-repeat: no-repeat;
	height: 9.25rem;
	width: 100%;
	display: none;
}
.contentProducts > * {
	display: none;
}
.contentProducts > *.visibleProduct,
.imageProducts.visibleProduct {
	display: block;
}
.aboutCerealProducts article {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.aboutCerealProducts .contentProducts .productsText.visibleProduct {
	display: flex;
}
.advantageItem {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 20.6875rem;
}
.advantageItem > img {
	width: 2.294375rem;
	height: auto;
	margin-bottom: 2rem;
}
.advantageItem > h4 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 2rem;
	line-height: 2rem;
	color: #212121;
	text-align: center;
	margin-bottom: 1.5rem;
}
.advantageItem > p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.75rem;
	color: #212121;
	text-align: center;
}
.cerealForm {
	background-image: url('images/form_footer_cereal.jpg');
}
.cerealForm .formContainer {
	background: transparent;
	box-shadow: none;
	margin-top: 5rem;
}
.contentPost ol li {
	list-style-type: decimal;
	display: list-item;
}
.contentPost ol {
	padding-left: 1.4rem;
}
.contentPost ol li::before {
	display: none;
}
.contentPost ol li::marker {
	color: #D1965A;
}
.contentPost a {
	color: #D1965A;
	position: relative;
	text-decoration: none;
	transition: opacity 0.5s ease;
}
.contentPost a:active {
	opacity: 0.8;
}
.contentPost a::after {
	content: '';
	width: 0%;
	height: 1px;
	background-color: #D1965A;
	bottom: -1px;
	left: 0;
	transition: width 0.5s ease;
	position: absolute;
}
.contentPost .postMain a::after {
	height: 2px;
}
.contentPost a:hover::after {
	width: 100%;
}
.error .themeButton {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 2rem;
	letter-spacing: 0.12em;
	padding: 1.75rem 3.9375rem;
}
.themeButton {
	background: #E31E2C;
	box-shadow: 0rem 0.5rem 1.25rem rgba(2, 12, 12, 0.06);
	border-radius: 4px;
	color: #FCE9EA;
	opacity: 1;
	text-decoration: none;
	transition: background 0.5s ease,
				color 0.5s ease;
}
.themeButton:hover {
	background: #E31E2C;
	opacity: 1;
	color: #FFFFFF;
}
.themeButton:active {
	background: #E31E2C;
	opacity: 1;
	color: #FFFFFF;
}
.themeButton:disabled {
	background: #F7F7F7;
	color: #CDCDCD;
	opacity: 1;
}
.whiteSolidButton {
	background: #FFFFFF;
	box-shadow: 0rem 0.5rem 1.25rem rgba(2, 12, 12, 0.06);
	border-radius: 62.5rem;
	color: #2D2D2D;
	opacity: 1;
	transition: background 0.5s ease,
				color 0.5s ease;
}
.whiteSolidButton:hover {
	background: #F7F7F7;
	opacity: 1;
}
.whiteSolidButton:active {
	background: #F7F7F7;
	color: #737373;
	opacity: 1;
}
.whiteSolidButton:disabled {
	background: #F7F7F7;
	color: #CDCDCD;
	opacity: 1;
}
.whiteEmptyButton {
	border: 2px solid #FFFFFF;
	border-radius: 62.5rem;
	color: #FFFFFF;
	opacity: 1;
	transition: border 0.5s ease,
				opacity 0.5s ease,
				color 0.5s ease;
}
.imageArticle:hover .whiteEmptyButton,
.whiteEmptyButton:hover {
	opacity: 0.8;
	border: 2px solid #B8B8B8;
	color: #B8B8B8;
}
.imageArticle:active .whiteEmptyButton,
.whiteEmptyButton:active {
	opacity: 1;
	border: 2px solid #F7F7F7;
	color: #F7F7F7;
}
.whiteEmptyButton:disabled {
	border: 2px solid #737373;
	color: #737373;
	opacity: 1;
}
.blackEmptyButton {
	border: 1px solid #E31E2C !important;
	border-radius: 4px;
	color: #0B0A0F !important;
	opacity: 1;
	text-decoration: none;
	transition: border 0.5s ease,
				opacity 0.5s ease,
				color 0.5s ease;
}
.blackEmptyButton.hovered,
.blackEmptyButton:hover {
	opacity: 0.8;
	border: 1px solid #E31E2C !important;
	color: #2D2D2D !important;
}
.blackEmptyButton.actived,
.blackEmptyButton:active {
	opacity: 0.6;
	border: 1px solid #E31E2C !important;
	color: #3D3D3D !important;
}
.blackEmptyButton:disabled {
	border: 1px solid #E31E2C !important;
	color: #737373 !important;
	opacity: 1;
}
.linkButton {
	color: #2D2D2D;
	opacity: 1;
	transition: color 0.5s ease,
				opacity 0.5s ease;
}
.linkButton:hover {
	color: #3D3D3D;
	opacity: 0.8;
}
.linkButton:active {
	color: #3D3D3D;
	opacity: 0.6;
}
.linkButton:disabled {
	color: #737373;
	opacity: 1;
}
.linkWhiteButton {
	color: #FFFFFF;
	transition: color 0.5s ease;
}
.linkWhiteButton:hover {
	color: #CDCDCD;
}
.linkWhiteButton:active {
	color: #CDCDCD;
}
.linkWhiteButton:disabled {
	color: #737373;
}
.subcontentPost {
	padding-left: 1.5rem;
}
.subcontentPost h4 {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 2rem;
	margin-bottom: 0.5rem;
	margin-top: 1rem;
}
.subcontentPost.subcontentPostPage h4 {
	font-size: 1.5rem;
	line-height: 2rem;
	margin-bottom: 0.5rem;
	margin-top: 1rem;
}
.contentPost.contentPostPage .textSingle {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #3D3D3D;
}
.leftNavigation ul li.subLink a {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	padding-left: 1.75rem;
}
.contentPost .postMain.postPageMain {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 2rem;
	color: #3D3D3D;
}
.rightContent > span {
	border-radius: 62.5rem;
	background: var(--Main-m-100);
	color: #D1965A;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 0.625rem 1.00625rem;
	margin-bottom: 1rem;
	display: inline-block;
}
.rightContent h1 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 5rem;
	line-height: 5.5rem;
	color: #2D2D2D;
	margin-bottom: 2.25rem;
}
.rightContent.rightPage {
	padding-top: 1rem;
}
.leftNavigation nav li.subLink.active a {
	padding-left: 2.25rem;
}
.postContent.postPageContent {
	margin-top: 3.75rem;
}
.postMain.postPageMain {
	border-bottom: 1px solid var(--Neutrals-n-300);
	padding-bottom: 3.125rem;
	margin-bottom: 3.125rem;
}
.mobileBackgroundCereal {
	display: none;
}
.productsSelectOption {
	display: none;
}
.visibleProduct {
	opacity: 0;
	transition: opacity 0.25s ease;
}
.visibleProductOpacity.visibleProduct {
	opacity: 1;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
	outline: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
	outline: none;
	border: 1px solid #D1965A;
}
.containerRightSide .aboutData {
	padding-right: 6.8125rem;
	padding-left: 0rem;
}
.aboutMilk .containerRightSide {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.aboutMilk .containerRightSide .aboutCerealImage.imageOnLeft {
	margin-left: 0rem;
	margin-right: 6.8125rem;
}
.aboutMilk {
	background-image: url('images/milk_about.png');
	padding-bottom: 27rem;
}
.milkForm {
	background-image: url('images/form_footer_milk.jpg');
}
.milkForm .formContainer {
	background: transparent;
	box-shadow: none;
	margin-top: 5rem;
}
.aboutDataContent strong i, .description .imagesData li strong {
	font-style: normal;
}
.counterOne, .counterTwo {
	opacity: 0;
	transition: opacity 2s ease;
}
.fancybox-content h3 {
	font-size: 2rem;
	margin-bottom: 1rem;
}
.fancybox-content p {
	font-size: 1rem;
}
footer.lightBackground {
	position: relative;
	margin-top: 6.5rem;
}
footer.lightBackground::before {
	content: '';
	background-image: url('images/bottom_bg.png');
	background-size: contain;
	background-position: bottom;
	height: 6.5625rem;
	background-repeat: no-repeat;
	position: absolute;
	top: -6.5rem;
	width: 100%;
}
.aboutUs {
	position: relative;
	padding: 9.375rem 0rem 10.625rem 0rem;
}
.aboutUs .container {
	display: flex;
	width: 105rem;
	align-items: center;
}
.aboutUs .container > img {
	width: 55.9375rem;
	height: auto;
}
.aboutText h3 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 4rem;
	line-height: 4.5rem;
	color: #0B0A0F;
	margin-bottom: 1rem;
}
.aboutTextSingle {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #3B3A3F;
	margin-bottom: 2.5rem;
}
.aboutText {
	padding: 6rem 12.5rem 6rem 6rem;
}
.aboutList li strong {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 2.75rem;
	line-height: 3.5rem;
	color: #E6A563;
}
.aboutList li strong span {
	color: #0B0A0F;
}
.aboutList li p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #3B3A3F;
}
.aboutList {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem 20%;
}
.aboutList li {
	width: 35%;
}
.aboutUs::after {
	content: '';
	background-image: url('images/bottom_bg.png');
	background-size: contain;
	background-position: bottom;
	height: 6.5625rem;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -1px;
	width: 100%;
}
.aboutUs::before {
	content: '';
	background-image: url('images/header_light.jpg');
	background-size: contain;
	background-position: top;
	height: 8.0625rem;
	background-repeat: no-repeat;
	position: absolute;
	top: -1px;
	width: 100%;
}
.tabsContent {
	display: none;
	justify-content: space-between;
	padding-right: 0.5rem;
}
.tabsContent.visibleProduct {
	display: flex;
}
.productionTabs {
	background-color: #0B0A0F;
}
.productionTabs h3 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 4rem;
	line-height: 4.5rem;
	text-align: center;
	color: #FFFFFF;
	margin-top: 6rem;
	margin-bottom: 4rem;
}
.tabulationHeading li {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.75rem;
	text-align: center;
	color: #E8E8E8;
	transition: color 0.5s ease;
}
.tabulationHeading li:hover,
.tabulationHeading li.active {
	color: #E6A563;
}
.tabsList strong {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 2.75rem;
	line-height: 3.5rem;
	color: #E6A563;
}
.tabsList strong span {
	color: #E8E8E8;
}
.tabsList p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #7F7F82;
	margin-top: 0.5rem;
}
.tabDescription {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #E8E8E8;
}
.tabDescription .themeButton {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: 0.12em;
	margin-top: 3rem;
	display: inline-block;
	padding: 1.25rem 1.9375rem;
}
.tabulationHeading {
	position: relative;
	display: flex;
	justify-content: stretch;
}
.tabulationHeading > li::before {
	content: '';
	position: absolute;
	height: 0.25rem;
	width: 100%;
	background-color: #232326;
	border-radius: 0rem;
	bottom: 0rem;
	left: 0rem;
}
.mobilePadding,
.tabulationHeading > li.mobilePadding::after,
.tabulationHeading > li.mobilePadding::before {
	display: none;
}
.tabulationHeading > li:nth-child(1)::before {
	border-top-left-radius: 0.125rem;
	border-bottom-left-radius: 0.125rem;
}
.tabulationHeading > li:nth-last-child(2)::before {
	border-top-right-radius: 0.125rem;
	border-bottom-right-radius: 0.125rem;
}
.tabulationHeading > li {
	position: relative;
	cursor: pointer;
	flex-basis: min-content;
	padding: 0.9375rem;
	padding-bottom: 1.5625rem;
	padding-top: 0.625rem;
	text-align: center;
}
.tabulationHeading > li::after {
	content: '';
	position: absolute;
	height: 0.375rem;
	width: 100%;
	background-color: transparent;
	border-radius: 0.1875rem;
	bottom: -0.0625rem;
	left: 0rem;
	z-index: 9;
	transition: background-color 0.5s ease;
}
.tabulationHeading > li.active::after {
	background-color: #E6A563;
}
.tabulationContent {
	padding: 4rem 0rem;
}
.tabulationHeading > li > div {
	width: 8rem;
	height: 8rem;
	position: relative;
	background-color: #E8E8E8;
	margin: 0 1.625rem 1.25rem;
	display: inline-block;
	transition: background-color 0.5s ease;
}
.tabulationHeading > li:hover > div,
.tabulationHeading > li.active > div {
	background-color: #E6A563;
}
.tabulationHeading > li > div > img {
	position: absolute;
	width: 8.125rem;
	height: 8.125rem;
	top: -1px;
	left: -1px;
}
.tabsList {
	width: 18.1875rem;
}
.tabDescription {
	width: 18.875rem;
	align-self: center;
}
.prodsImage {
	display: flex;
	width: 39.125rem;
	align-items: center;
	justify-content: center;
}
.prodsImage img {
	width: auto;
	height: auto;
	max-width: 31.8125rem;
}
.tabsList {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 1.5625rem;
	justify-content: center;
	gap: 2.5rem;
}
.tabsList li {
	max-width: 10.9375rem;
}
.saleContent {
	width: 32.4375rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 1rem;
}
.saleContent h3 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 4rem;
	line-height: 4.5rem;
	color: #242424;
}
.saleText {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #3B3A3F;
	margin-bottom: 2rem;
}
.saleContent .blackEmptyButton {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: 0.12em;
	padding: 1.1875rem 1.875rem;
}
.saleSection > .container {
	display: flex;
	gap: 6rem;
}
.saleSection > .container > img {
	width: 40.25rem;
	height: auto;
}
.saleSection {
	position: relative;
	padding-top: 10.25rem;
	padding-bottom: 10.25rem;
}
.saleSection::after {
	content: '';
	background-image: url('images/bottom_bg.png');
	background-size: contain;
	background-position: bottom;
	height: 6.5625rem;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -1px;
	width: 100%;
}
.saleSection::before {
	content: '';
	background-image: url('images/top_bg.png');
	background-size: contain;
	background-position: top;
	height: 8.0625rem;
	background-repeat: no-repeat;
	position: absolute;
	top: -1px;
	width: 100%;
}
.advantagesList strong {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 800;
	font-size: 2rem;
	line-height: 2.75rem;
	color: #E8E8E8;
}
.advantagesList span {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #7F7F82;
}
.advantages {
	background-color: #0B0A0F;
}
.advantagesList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 3rem;
	margin: 6rem 0rem;
}
.advantagesList li {
	width: 15.46875rem;
	gap: 1.5rem;
	display: flex;
	align-items: flex-start;
}
.advantagesList li img {
	width: 3.0625rem;
	height: auto;
}
.advantagesList li div {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.production {
	background-color: #0B0A0F;
	padding: 9.375rem 0rem;
	margin: -1px 0rem;
}
.productionText {
	width: 32.1875rem;
}
.productionText h3 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 4rem;
	line-height: 4.5rem;
	margin-bottom: 3rem;
	color: #FFFFFF;
}
.productionTextSingle {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #E8E8E8;
}
.production > .container {
	display: flex;
	gap: 3rem;
	align-items: center;
	justify-content: space-between;
}
.production .productionSlider {
	width: 38.0625rem;
	cursor: grab;
}
.production .productionSlider.notSlider {
	cursor: default;
}
.production .productionSlider img {
	width: 38.0625rem;
	height: auto;
}
.process {
	background-color: rgba(11, 10, 15, 0.992);
	padding: 9.375rem 0rem;
	margin: -1px 0rem;
	background-image: url('images/etaps_background.png');
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
}
.process ul li {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.process ul li .processTitle {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.process ul li .processTitle > span {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1.25rem;
}
.process ul li .processTitle > span > i {
	width: 2px;
	min-height: 8.75rem;
	background-image: url('images/line.png');
	background-size: contain;
	background-repeat: repeat-y;
}
.process ul > li:last-child .processTitle > span > i {
	display: none;
}
.process ul li .processTitle > span > span {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 2rem;
	text-align: center;
	color: #E8E8E8;
	border: 1px solid #3B3A3F;
	width: 3.5rem;
	height: 3.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}
.process ul li .processTitle strong {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 800;
	font-size: 2rem;
	line-height: 2.75rem;
	color: #E8E8E8;
	align-self: flex-start;
	margin-top: 0.5rem;
}
.process ul li .processText {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #A7A7A9;
	width: 32.625rem;
	padding-top: 1rem;
}
.questionsBackground {
	height: 50.4375rem;
	width: 55rem;
	position: absolute;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	bottom: -4.6875rem;
}
.blogButton.blackEmptyButton.blogSection {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 0.875rem;
	line-height: 1.25rem;
	letter-spacing: 0.12em;
	color: #0B0A0F;
	padding: 0.9375rem 1.4375rem;
}
.blog {
	position: relative;
	margin-top: -2.8125rem;
}
.blog::before {
	content: '';
	background-image: url('images/top_bg.png');
	background-size: contain;
	background-position: top;
	height: 8.0625rem;
	background-repeat: no-repeat;
	position: absolute;
	top: -1px;
	width: 100%;
}
.partners {
	position: relative;
	overflow: hidden;
}
.partners::after {
	content: '';
	background-image: url('images/partners_bottom.png');
	background-size: contain;
	background-position: bottom;
	height: 2.5rem;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -1px;
	width: calc(100% + 2px);
}
.pageContent {
	width: 100% !important;
}
.postContent .rightContent.pageContent h1 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 4rem;
	line-height: 4.5rem;
	color: #0B0A0F;
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.saleDeer h3 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 4rem;
	line-height: 4.5rem;
	text-align: center;
	color: #242424;
	margin-bottom: 4.5rem;
}
.tabsDeer li {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.75rem;
	text-align: center;
	color: #606060;
}
.tabsDeer li.active {
	color: #D1965A;
}
.deerTabText .singleText {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #0B0A0F;
	margin-bottom: 2rem;
}
.deerTabText .themeButton {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: 0.12em;
	padding: 1.40625rem 1.9375rem;
	display: inline-block;
}
.tabsDeerList .deerListItem strong {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 800;
	font-size: 2rem;
	line-height: 2.75rem;
	color: #242424;
}
.tabsDeerList .deerListItem p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #312D2D;
}
.tabsDeer > ul {
	display: flex;
	margin-bottom: 4.5rem;
}
.tabsDeer > ul > li {
	cursor: pointer;
	position: relative;
	width: 50%;
	padding-bottom: 1.25rem;
	transition: color 0.5s ease;
}
.tabsDeer > ul > li::before {
	content: '';
	width: 100%;
	position: absolute;
	height: 0.25rem;
	background-color: #E8E8E8;
	display: flex;
	bottom: 0rem;
	left: 0rem;
}
.tabsDeer > ul > li:nth-last-child(1)::before {
	border-top-right-radius: 0.125rem;
	border-bottom-right-radius: 0.125rem;
}
.tabsDeer > ul > li:nth-child(1)::before {
	border-top-left-radius: 0.125rem;
	border-bottom-left-radius: 0.125rem;
}
.tabsDeer > ul > li::after {
	content: '';
	position: absolute;
	height: 0.375rem;
	width: 100%;
	background-color: transparent;
	border-radius: 0.1875rem;
	bottom: -0.0625rem;
	left: 0rem;
	z-index: 9;
	transition: background-color 0.5s ease;
}
.tabsDeer > ul > li.active::after {
	background-color: #E6A563;
}
.tabsDeer > ul > li > div {
	width: 8rem;
	height: 8rem;
	margin: 0 auto 1rem;
	position: relative;
	background-color: #606060;
	transition: background-color 0.5s ease;
}
.tabsDeer > ul > li:hover > div {
	background-color: #D1965A;
}
.tabsDeer > ul > li.active > div {
	background-color: #D1965A;
}
.tabsDeer > ul > li > div img {
	width: 8.125rem;
	height: 8.125rem;
	position: absolute;
	left: -1px;
	top: -1px;
}
.tabsDeerSlider {
	width: 43.5625rem;
	cursor: grab;
}
.tabsDeerSlider img {
	width: 100%;
	height: auto;
}
.deerTabText {
	width: 32.4375rem;
}
.tabDeerContent {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.deerListItem {
	display: flex;
	flex-direction: column;
	width: 17.75rem;
	gap: 0.75rem;
}
.deerListItem img {
	width: 3.0625rem;
	height: 3.0625rem;
	margin-bottom: 0.75rem;
}
.tabsDeerList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-top: 4.5rem;
}
.tabDeerContent {
	display: none;
}
.tabDeerContent.visibleProduct {
	display: flex;
}
.tabsDeerContents {
	min-height: 45.3125rem;
}
.tabsDeerSlider {
	position: relative;
}
.custom_paging {
	position: absolute;
	background-color: #E6A563;
	border-radius: 4px;
	height: 3.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 1.5rem;
	left: 1.5rem;
	width: auto;
	width: 8.6875rem;
	cursor: default;
}
.custom_paging li {
	display: none;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: #0B0A0F;
}
.custom_paging li.slick-active {
	display: inline-block;
}
.slick-arrow {
	font-size: 0;
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	bottom: 2.75rem;
	left: 2.5rem;
	z-index: 9;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slick-arrow::before {
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 0.75rem;
	height: 1.25rem;
	display: block;
}
.slick-prev::before {
	background-image: url('images/arrow_back.svg');
}
.slick-next::before {
	background-image: url('images/arrow_next.svg');
}
.slick-next {
	left: 7.6875rem;
}
.questions.deerQuestions {
	padding-bottom: 6rem;
}
.deerQuestions .questionsBackground {
	width: 57.375rem;
	height: 106.875rem;
	bottom: -22.5rem;
	background-position: left;
}
.saleDeer {
	position: relative;
}
.saleDeer::after {
	content: '';
	background-image: url('images/bottom_bg.png');
	background-size: contain;
	background-position: bottom;
	height: 6.5625rem;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -1px;
	width: 100%;
}
.saleDeer::before {
	content: '';
	background-image: url('images/top_bg.png');
	background-size: contain;
	background-position: top;
	height: 8.0625rem;
	background-repeat: no-repeat;
	position: absolute;
	top: -1px;
	width: 100%;
}
.saleDeer .container {
	padding-top: 15.625rem;
	padding-bottom: 15.625rem;
}
.processList h3 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 4rem;
	line-height: 4.5rem;
	color: #242424;
}
.processList ul li > h4 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 800;
	font-size: 2rem;
	line-height: 2.75rem;
	color: #0B0A0F;
	margin-bottom: 0.75rem;
}
.processList ul li .processText {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #3B3A3F;
}
.processList {
	width: 32.4375rem;
	display: flex;
	flex-direction: column;
	gap: 4rem;
}
.processList ul {
	display: flex;
	flex-direction: column;
	gap: 3.5rem;
}
.processList ul li {
	display: flex;
	flex-direction: column;
}
.processList ul li img {
	width: 4rem;
	height: auto;
	margin-bottom: 2rem;
}
.productionList {
	position: relative;
	padding-top: 22.375rem;
	padding-bottom: 22.375rem;
	background-size: 122rem;
	background-repeat: no-repeat;
	background-position-x: calc(100% + 7.5rem);
	background-position-y: calc(100% + -3rem);
	margin-bottom: -1px;
	margin-top: -1px;
}
.productionList::before {
	content: '';
	background-image: url(images/top_bg.png);
	background-size: contain;
	background-position: top;
	height: 8.0625rem;
	background-repeat: no-repeat;
	position: absolute;
	top: -1px;
	width: 100%;
}
.productionList::after {
	content: '';
	background-image: url(images/bottom_bg.png);
	background-size: contain;
	background-position: bottom;
	height: 6.5625rem;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -1px;
	width: 100%;
}
.catalog h3 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 4rem;
	line-height: 4.5rem;
	text-align: center;
	color: #FFFFFF;
	margin-top: 6rem;
}
.filters {
	margin-top: 4rem;
	margin-bottom: 4rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.productItem h4 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 2rem;
	color: #FFFFFF;
	z-index: 2;
	
}
.productItem span {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: #E6A563;
	z-index: 2;
}
.catalog {
	background-color: #0B0A0F;
	padding-bottom: 6rem;
	margin-bottom: -1px;
}
.productsList {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem 1.499rem;
}
.productItem {
	width: 18.875rem;
	height: 28.3125rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 1.5rem;
	box-sizing: border-box;
	position: relative;
	text-align: left;
	opacity: 1;
	transition: opacity 0.5s ease 0.1s;
	cursor: pointer;
	border: 1px solid #3A393F;
	border-radius: 4px;
}
.productItem::before {
	content: '';
	position: absolute;
	width: 18.875rem;
	height: 8.625rem;
	left: 0rem;
	top: 19.6875rem;
	background: #000000;
	filter: blur(3.125rem);
}
.whiteEmptyButton {
	font-family: 'Rubik';
	color: #FCE9EA !important;
	border: 1px solid #E31E2C !important;
	border-radius: 4px;
	transition: color 0.5s ease,
				border 0.5 ease !important;
}
.whiteEmptyButton.hover,
.whiteEmptyButton:hover {
	color: #FCE9EA !important;
	border: 1px solid #EF3E4A !important;
}
.whiteEmptyButton.active,
.whiteEmptyButton:active {
	color: #F2989E !important;
	border: 1px solid #A1151F !important;
}
.whiteEmptyButton.disabled,
.whiteEmptyButton:disabled {
	color: #A7A7A9 !important;
	border: 1px solid #EC6872 !important;
}
.whiteEmptyButton {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 2rem;
	letter-spacing: 0.12em;
	text-decoration: none;
	padding: 1.6875rem 6.5rem;
	display: inline-block;
	box-sizing: border-box;
	margin: 3rem auto 0rem;
}
.productsContent {
	text-align: center;
}
.desktopHide {
	display: none;
}
.desktopHideProduct {
	display: none;
	opacity: 0;
}
.opacytyZeroDesktop {
	opacity: 0;
}
.dropdown > span {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 2rem;
	color: #FFFFFF;
}
.dropdown > button {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.75rem;
	text-decoration-line: underline;
	color: #999999;
	background: transparent;
	border: none;
	outline: none;
	align-items: center;
	cursor: pointer;
}
.dropdownMenu li {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #A7A7A9;
	opacity: 0.6;
}
.dropdownMenu li.active {
	opacity: 1;
	cursor: pointer;
	transition: opacity 0.5s ease;
}
.dropdownMenu li.active:hover {
	opacity: 0.8;
}
.dropdownMenu li.active:active {
	opacity: 0.6;
}
.dropdown {
	display: inline-flex;
	gap: 1rem;
	position: relative;
	z-index: 9;
	align-items: center;
}
.dropdownButton {
	display: flex;
	gap: 0.5rem;
	opacity: 1;
	transition: opacity 0.5s ease;
}
.dropdownButton:active {
	opacity: 0.6;
}
.dropdownButton::after {
	content: '';
	display: block;
	background-image: url('images/expand_more.svg');
	width: 1.5rem;
	height: 1.5rem;
	background-position: center;
	background-repeat: no-repeat;
	transform: rotate(0deg);
	transition: transform 0.5s ease;
}
.dropdownOpened .dropdownButton::after {
	transform: rotate(-180deg);
}
.dropdownMenu {
	position: absolute;
	right: 0rem;
	display: flex;
	flex-direction: column;
	text-align: left;
	padding: 0rem 1.5rem;
	max-height: 0rem;
	overflow: hidden;
	top: calc(100% + 2px);
	gap: 1rem;
	background: #232326;
	border: 0rem solid #3B3A3F;
	border-radius: 4px;
	box-sizing: border-box;
	transition: max-height 0.5s ease,
				border 0s ease 0.5s;
}
.dropdownOpened .dropdownMenu {
	border: 1px solid #3B3A3F;
	transition: max-height 0.5s ease,
				padding 0.5s ease,
				border 0s ease 0s;
}
.dropdownMenu > li:first-child {
	margin-top: 1.5rem;
}
.dropdownMenu > li:last-child {
	margin-bottom: 1.5rem;
}
.productPopup span {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: #E6A563;
}
.productPopup h4 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 2.75rem;
	line-height: 3.5rem;
	color: #FFFFFF;
	margin-top: 0.75rem;
	margin-bottom: 1rem;
}
.productPopup .productDescription {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: #67666A;
}
.productPopup {
	width: 44.125rem;
}
.productPopup {
	width: 44.125rem;
	padding: 0;
	background-color: #1B1B1B;
}
.productPopup .productPhoto {
	width: 100%;
	height: 28.3125rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.popupContent {
	padding: 3rem 2rem;
}
.fancybox-button.fancybox-close-small {
	padding: 0rem;
	position: absolute;
	top: -3.125rem;
	right: -3rem;
	width: 2.625rem;
	height: 2.625rem;
}
.fancybox-button.fancybox-close-small > svg {
	width: 2.625rem;
	height: 2.625rem;
}
.fancybox-button.fancybox-close-small > svg > path {
	fill: #ffffff;
}
.fancybox-content {
	overflow: visible;
}
.productionList.meetPage {
	background-size: cover;
	background-position-y: calc(100% + 0rem);
}
.productionList.cerealPage {
	background-size: 115rem;
	background-position-x: calc(100% + 7.5rem);
	background-position-y: calc(100% + -5rem);
}
.tabulationHeading > li {
	flex-grow: 1;
	flex-basis: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.tabulationHeading > li span {
	max-width: 12rem;
}
.tabulationHeading .mobilePadding {
	flex-grow: 0;
	padding: 0;
}
.tabsContent.tabsCatalog {
	padding-right: 0rem;
	flex-direction: column;
}
.productIcon {
	width: 3rem;
	height: auto;
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
}
.tabulationContent.filterTabulation {
	padding: 0rem 0rem 4rem;
}
.checkBoxFilter {
	display: none;
}
.checkBoxFilter ~ label {
	display: flex;
	gap: 0.5rem
}
.checkBoxFilter ~ label::before {
	content: '';
	background-image: url('images/checkbox.svg');
	background-size: contain;
	width: 1.1875rem;
	height: 1.1875rem;
	display: block;
	background-repeat: no-repeat;
}
.checkBoxFilter:checked ~ label::before {
	background-image: url('images/checkbox_checked.svg');
}
.leftFilter {
	display: flex;
	gap: 1rem 6.5rem;
	flex-wrap: wrap;
}
.dropdownButton span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
	max-width: 12rem;
	@supports (-webkit-line-clamp: 1) {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: initial;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
}
.active laber {
	cursor: pointer;
}
.fancybox-content {
	padding: 0rem;
	margin-top: 3.4375rem;
	background: #1B1B1B;
	border-radius: 0.5rem;
	border-radius: 0.5rem;
}
.meetSelection h3 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 900;
	font-size: 4rem;
	line-height: 4.5rem;
	color: #FFFFFF;
}
.meetSlide h4 {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 800;
	font-size: 2rem;
	line-height: 2.75rem;
	text-align: center;
	color: #E8E8E8;
	width: 19.6875rem;
}
.meetText {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
	color: #7F7F82;
	width: 19.6875rem;
}
.meetSelection .meetPagination {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.75rem;
	text-align: center;
	color: #E8E8E8;
}
.meetSelection {
	background-color: #0B0A0F;
	margin-top: -1px;
	margin-bottom: -1px;
	padding-bottom: 6rem;
}
.meetTab {
	display: none;
	justify-content: space-between;
	margin-right: 5.125rem;
}
.meetTab.visibleProduct {
	display: flex;
}
.meetSlider {
	width: 25.6875rem;
}
.meetImage {
	width: 31.5625rem;
}
.meetSlide img {
	width: 11.0625rem;
}
.meetSlider .slick-list {
	border: 1px solid #7F5B36;
	border-radius: 4px;
	margin-bottom: 2rem;
}
.meetSlideContent {
	display: flex;
	flex-direction: column;
	padding: 3rem;
	gap: 0.75rem;
	align-items: center;
	cursor: grab;
}
.meetHeading {
	margin-bottom: 4rem;
	display: flex;
	justify-content: space-between;
	margin-top: 6rem;
}
.meetPagination li {
	display: none;
}
.meetPagination li.slick-active {
	display: block;
}
.meetSlider .slick-arrow {
	width: 2.015625rem;
	height: 2.015625rem;
	bottom: 0rem;
	left: 8.4375rem;
}
.meetSlider .slick-arrow.slick-next {
	left: auto;
	right: 8.4375rem;
}
.meetSlider .slick-arrow::before {
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 2.015625rem;
	height: 2.015625rem;
	display: block;
	opacity: 1;
	transition: opacity 0.5s ease;
}
.meetSlider .slick-arrow:hover::before {
	opacity: 0.8;
}
.meetSlider .slick-arrow:active::before {
	opacity: 0.6;
}
.meetSlider .slick-arrow.slick-prev::before {
	background-image: url('images/meet_prev.svg');
}
.meetSlider .slick-arrow.slick-prev.slick-disabled::before {
	opacity: 0.3;
}
.meetSlider .slick-arrow.slick-next::before {
	background-image: url('images/meet_next.svg');
}
.meetSlider .slick-next.slick-arrow.slick-disabled::before {
	opacity: 0.3;
}
.meetTabs {
	height: 5rem;
	background: #1D1C20;
	border-radius: 12.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem;
	box-sizing: border-box;
}
.meetTabs ul {
	display: flex;
	gap: 0.5rem;
}
.meetTabs ul li {
	display: flex;
	width: 4rem;
	height: 4rem;
	border-radius: 6.25rem;
	background-size: contain;
	background-repeat: no-repeat;
	border: 0.25rem solid transparent;
	cursor: pointer;
	/*transition: border 0.5s ease,
				background-color 0.5s ease;*/
}
.meetTabs ul li.active {
	border: 0.25rem solid #EEC396;
	background-color: #E6A563;
}
.meetImage {
	display: flex;
	align-items: center;
	width: 40.9375rem;
	justify-content: center;
}
.meetImage.deerImage {
	margin-top: -4rem;
}
.meetImage svg {
	pointer-events: none;
}
.meetImage svg path {
	pointer-events:all;
	cursor: pointer;
}
.meetImage svg path.active,
.meetImage svg path:hover {
	fill: url(#gradient);
}
.meetImage.deerImage svg path.active,
.meetImage.deerImage svg path:hover {
	fill: url(#gradientDeer);
}
#deerTotal,
#cowTotal {
	pointer-events: none;
}
.thankYou {
	color: #fff;
}
h3.thankYou {
	margin-bottom: 0;
	padding: 2rem 1.5rem 1rem;
}
p.thankYou {
	padding: 0rem 1.5rem 2rem;
}
.fancybox-bg {
	background: #000;
}
.fancybox-content .button.heroMainButton.themeButton {
	display: inline-block;
	margin: 0rem 2rem 3rem;
	outline: none;
}