/*
Theme Name: FarinaCo
Theme URI: https://farinaco.com/
*/
* {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}
:root {
	--theme-color: #B68C5A;
	--theme-color2: #314E52;
	--title-color: #011C1A;
	--body-color: #868686;
	--smoke-color: #FFF6EE;
	--smoke-color2: #F5F5F5;
	--black-color: #000000;
	--black-color2: #121212;
	--gray-color: #bdbdbd;
	--white-color: #ffffff;
	--light-color: #bdbdbd;
	--yellow-color: #FFB539;
	--success-color: #28a745;
	--error-color: #dc3545;
	--th-border-color: #E0E0E0;
	--dark-color: #021526;
	--title-font: "Playfair Display", serif;
	--body-font: "Poppins", sans-serif;
	--icon-font: "Font Awesome 6 Pro";
	--main-container: 1320px;
	--container-gutters: 30px;
	--section-space: 120px;
	--section-space-mobile: 80px;
	--section-title-space: 60px;
	--ripple-ani-duration: 5s;
	--theme-color: rgb(255, 198, 0);
	--theme-color2: #2b7a4b;
	--title-color: #153e29;
}
body {
	display: flex;
	flex-direction: column;
	background-image: url('images/clouds.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.pumpjacks {
	height: calc(100vh - 150px);
	overflow: hidden;
	position: relative;
}

.pumpjacks img {
	height: 100%;
	width: auto;
	object-fit: contain;
	position: absolute;
	left: 0;
	bottom: 0;
	max-width: 100%;
	object-position: bottom left;
}
.pumpjacks .label {
	position: absolute;
	transform: rotate(-38.5deg);
	bottom: 43.7vw;
	left: 7vw;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 3.4vw;
	text-shadow: 0px 0px 0px black;
	text-shadow: rgb(255, 198, 0) 1px 0px 0px, rgb(255, 198, 0) 0.540302px 0.841471px 0px, rgb(255, 198, 0) -0.416147px 0.909297px 0px, rgb(255, 198, 0) -0.989992px 0.14112px 0px, rgb(255, 198, 0) -0.653644px -0.756802px 0px, rgb(255, 198, 0) 0.283662px -0.958924px 0px, rgb(255, 198, 0) 0.96017px -0.279415px 0px;
	color: var(--theme-color2);
	cursor: pointer;
	transition: text-shadow 0.5s ease;
}
.pumpjacks .label a {
	color: inherit;
	text-decoration: none;
}
.pumpjacks .label:hover {
	text-shadow: 3px 3px 5px rgb(255, 198, 0);
}
.label.text2 {
	left: 31vw;
	transform: rotate(-29deg);
	bottom: 32.7vw;
	font-size: 2.5vw;
}
.label.text3 {
	left: 58vw;
	transform: rotate(-24deg);
	bottom: 24.3vw;
	font-size: 2.2vw;
}
.label.text4 {
	left: 70vw;
	transform: rotate(-23deg);
	bottom: 21.2vw;
	font-size: 1.8vw;
}
body:not(.fullSizeMenu) .pumpjacks .label {
	font-size: calc((100vh - 150px) / 20);
	left: calc((100vh - 150px) / 9);
	bottom: calc((100vh - 150px) / 1.505);
}
body:not(.fullSizeMenu) .pumpjacks .label.text2 {
	font-size: calc((100vh - 150px) / 26);
	left: calc((100vh - 150px) / 2.18);
	bottom: calc((100vh - 150px) / 2.04);
}
body:not(.fullSizeMenu) .pumpjacks .label.text3 {
	font-size: calc((100vh - 150px) / 33);
	left: calc((100vh - 150px) / 1.13);
	bottom: calc((100vh - 150px) / 2.72);
}
body:not(.fullSizeMenu) .pumpjacks .label.text4 {
	font-size: calc((100vh - 150px) / 38);
	left: calc((100vh - 150px) / 0.95);
	bottom: calc((100vh - 150px) / 3.16);
}
/**************/
.hero-img-shape-1 {
	z-index: 2;
	top: 15px;
	left: 15px;
}
.shape-mockup {
	position: absolute;
	z-index: 2;
	pointer-events: none;
}
.logo-icon-wrap .logo-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 3;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	margin-top: -3px;
	margin-bottom: 0;
	border: 1px solid #768382;
	border-radius: 50%;
	height: 70px;
	width: 70px;
	line-height: 56px;
	align-self: center;
	justify-self: center;
}
.logo-icon-wrap .logo-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo-icon-wrap .logo-icon img {
	width: 49px;
}
.logo-icon-wrap__text {
	display: inline-block;
	min-height: 120px;
	min-width: 120px;
	border-radius: 50%;
	z-index: 1;
	font-size: 13px;
	font-family: var(--title-font);
	font-weight: 500;
	color: var(--white-color);
	text-align: center;
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
	animation: spin 10s infinite alternate-reverse;
}

.spin {
	animation: spin 10s linear infinite;
}
@keyframes spin {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}




header {
	background-color: var(--title-color);
	position: relative;
}
.logo-icon-wrap .logo-icon {
	position: absolute;
	left: calc(50% + 1px);
	top: calc(50% + 4px);
	z-index: 2;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	margin-top: -3px;
	margin-bottom: 0;
	border: 1px solid #768382;
	border-radius: 50%;
	height: 70px;
	width: 70px;
	line-height: 56px;

	img {
		width: 49px;
	}
}
.logo-icon-wrap__text {
	background: #314E525E;
	border: 2px solid #768382;
	background: #314E525E;
	border: 2px solid #768382;
	-webkit-backdrop-filter: blur(8.1px);
	backdrop-filter: blur(8.1px);
	background-color: rgba(49, 78, 82, 0.7);
	border-radius: 50%;
}
.logo-icon-wrap {
	display: flex;
}
.logo-icon-wrap__text {
	display: inline-block;
	height: 120px;
	width: 120px;
	border-radius: 50%;
	z-index: 1;
	font-size: 13px;
	font-family: var(--title-font);
	font-weight: 500;
	color: var(--white-color);
	text-align: center;
	transform: rotate(30deg);
	animation: spin 10s infinite alternate-reverse;
	span {
		--rotate-letter: 18deg;
		min-height: 62px;
		position: absolute;
		min-width: 62px;
		left: 13px;
		top: -4px;
		transform-origin: bottom center;
		transform: rotate(var(--rotate-letter));

		&.char2 {
			transform: rotate(calc(var(--rotate-letter) * 2));
		}

		&.char3 {
			transform: rotate(calc(var(--rotate-letter) * 3));
		}

		&.char4 {
			transform: rotate(calc(var(--rotate-letter) * 4));
		}

		&.char5 {
			transform: rotate(calc(var(--rotate-letter) * 5));
		}

		&.char6 {
			transform: rotate(calc(var(--rotate-letter) * 6));
		}

		&.char7 {
			transform: rotate(calc(var(--rotate-letter) * 7));
		}

		&.char8 {
			transform: rotate(calc(var(--rotate-letter) * 8));
		}

		&.char9 {
			transform: rotate(calc(var(--rotate-letter) * 9));
		}

		&.char10 {
			transform: rotate(calc(var(--rotate-letter) * 10));
		}

		&.char11 {
			transform: rotate(calc(var(--rotate-letter) * 11));
		}

		&.char12 {
			transform: rotate(calc(var(--rotate-letter) * 12));
		}

		&.char13 {
			transform: rotate(calc(var(--rotate-letter) * 13));
		}

		&.char14 {
			transform: rotate(calc(var(--rotate-letter) * 14));
		}

		&.char15 {
			transform: rotate(calc(var(--rotate-letter) * 15));
		}

		&.char16 {
			transform: rotate(calc(var(--rotate-letter) * 16));
		}

		&.char17 {
			transform: rotate(calc(var(--rotate-letter) * 17));
		}

		&.char18 {
			transform: rotate(calc(var(--rotate-letter) * 18));
		}

		&.char19 {
			transform: rotate(calc(var(--rotate-letter) * 19));
		}

		&.char20 {
			transform: rotate(calc(var(--rotate-letter) * 20));
		}

		&.char21 {
			transform: rotate(calc(var(--rotate-letter) * 21));
		}

		&.char22 {
			transform: rotate(calc(var(--rotate-letter) * 22));
		}

		&.char23 {
			transform: rotate(calc(var(--rotate-letter) * 23));
		}

		&.char24 {
			transform: rotate(calc(var(--rotate-letter) * 24));
		}

		&.char25 {
			transform: rotate(calc(var(--rotate-letter) * 25));
		}

		&.char26 {
			transform: rotate(calc(var(--rotate-letter) * 26));
		}

		&.char27 {
			transform: rotate(calc(var(--rotate-letter) * 27));
		}

		&.char28 {
			transform: rotate(calc(var(--rotate-letter) * 28));
		}

		&.char29 {
			transform: rotate(calc(var(--rotate-letter) * 29));
		}

		&.char30 {
			transform: rotate(calc(var(--rotate-letter) * 30));
		}

		&.char31 {
			transform: rotate(calc(var(--rotate-letter) * 31));
		}

		&.char32 {
			transform: rotate(calc(var(--rotate-letter) * 32));
		}

		&.char33 {
			transform: rotate(calc(var(--rotate-letter) * 33));
		}
	}
}
.logo-icon-wrap__text span {
	--rotate-letter: 18deg;
	min-height: 62px;
	position: absolute;
	min-width: 62px;
	left: 13px;
	top: -4px;
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transform: rotate(var(--rotate-letter));
	-ms-transform: rotate(var(--rotate-letter));
	transform: rotate(var(--rotate-letter));
}
.logo-icon-wrap__text span {
	--rotate-letter: 12deg;
	font-size: 14px;
	text-transform: uppercase;
	left: 13px;
	top: -2px;
	min-height: 60px;
	color: #ffc600;
}
/************************/
header {
	height: calc(120px + 30px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-left: calc(120px + 30px);
}
header h1 {
	color: var(--theme-color);
	text-align: center;
	font-size: 48px;
}
header h2 {
	color: var(--theme-color);
	text-align: center;
	font-size: 30px;
}
.logo-icon-wrap{
	position: relative;
}
.logo-icon-wrap:before, .logo-icon-wrap:after {
	content: "";
	grid-area: 1 / 1;
	border-radius: 50%;
}
.logo-icon-wrap:after {
	padding: 8px;
	margin: -5px;
	background: repeating-conic-gradient(from -15deg, var(--theme-color2) 0 30deg, var(--theme-color) 0 60deg);
	-webkit-mask: conic-gradient(#000 0 0) content-box, conic-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
	width: 114px;
	height: 114px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.logo-icon-wrap:before {
	padding: 4px;
	margin: -3px;
	background: repeating-conic-gradient(from -15deg, var(--theme-color2) 0 30deg, var(--theme-color) 0 60deg);
	-webkit-mask: conic-gradient(#000 0 0) content-box, conic-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
	width: 66px;
	height: 66px;
	display: block;
	position: absolute;
	top: 27px;
	left: 26px;
	z-index: 3;
}
.preloader-inner-new {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
}
.preloader-inner-new .logo-icon-wrap:after {
	animation: rotateSpinner 5s linear 0s infinite;
}
.preloader-inner-new .logo-icon-wrap::before {
	animation: rotateSpinner 7s linear 0s infinite;
}
@keyframes rotateSpinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@media all and (max-width: 991px) {
	header h1 {
		font-size: 24px;
	}
	header h2 {
		font-size: 16px;
	}
}
.homeCopy {
	bottom: 0px;
	right: 0px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 20px;
	text-align: center;
	font-family: Poppins, sans-serif;
}
.homeCopy > p {
	max-width: 1200px;
	margin: auto;
}
.homeCopy a {
	color: var(--title-color);
	text-decoration: none;
}
.homeCopy a:hover {
	text-decoration: underline;
}