/*
Theme Name:     flw-bazinga
Description:    Theme for folwark.com.pl
Author:         Bazinga
Template:		twentytwentyfive
*/

/* BODY AND MAIN ELEMENTS */

/* COLORS 
 * blue #409ad3
 * 
*/

@media all and (min-width: 1300px) {
	.container {
		max-width: 90%;
	}
}

@media all and (min-width: 1920px) {
	.container {
		max-width: 1700px;
	}
}

body {
	font-family: 'Reem Kufi', sans-serif;
	background: #fff;
	margin: 0;
	font-size: 17px;
	font-weight: 300;
	color: #3B3B3A;
	overflow-x: hidden;
}

.container {
	padding-left: 0;
	padding-right: 0;
}

.fClear {
	clear: both;
}

.fShow {
	display: block !important;
}

.fHide {
	display: none;
}

.fMobile {
	display: none;
}

.fOpacity {
	opacity: 1 !important;
	transition: 1s opacity ease-in-out 0.5s;
	-webkit-transition: 1s opacity ease-in-out;
}

.fGrayscale {
	filter: grayscale(1);
    -webkit-filter: grayscale(100%);
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

input, input:focus {
	outline: none!important;
}

#fStartDim {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index:999999;
	display: none;
	background: url('images/fLogin.png') no-repeat center;
	background-size: 60px auto;
	background-color: #fff;
	transition: 3s all linear;
	-webkit-transition: 3s all linear;
}

.fStartDimMoved {
	background-size: 140px auto!important;
}

.home #fStartDim {
	display: block;
}

a {
	text-decoration: none;
	transition: 0.2s opacity ease-in-out;
	-webkit-transition: 0.2s opacity ease-in-out;
	color: #003210;
}

.fSectionDesc a {
	color: #b9d53a;
	font-weight: 600;
}

a:hover {
	color: #f7951f;
	text-decoration: none;
	transition: 0.2s opacity ease-in-out;
	-webkit-transition: 0.2s opacity ease-in-out;
}

a[href^="mailto:"] {
}

.fMainWrapper {
	position: relative;
	padding-top: 140px;
	min-height: 90vh;
	background: #fff;
	width: 100%;
	display: block;
}

.home .fMainWrapper {
	padding-top: 0;
}

blockquote {
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
}

h1, h3 {
	width: 100%;
	font-size: 1.5rem;
}

em, i {
	font-style: italic;
}

p {
	margin-bottom: 10px;
}

.col-lg-20 {
	flex: 0 0 20%;
	width: 20%;
	max-width: 20%;
}

.col-lg-70 {
	flex: 0 0 14.28%;
	width: 14.28%;
	max-width: 14.28%;
	padding: 15px;
}

.fPLR10 {
	padding-left: 10%;
	padding-right: 10%;
}

.fPLR15 {
	padding-left: 15%;
	padding-right: 15%;
}

/* HEADER */

.fHeader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: #215B33;
	z-index: 1002;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
}

.home .fHeader {
	background: transparent;
	height: 120px;
}

.home .fHeader.fHeaderScrolled {
	background: rgba(17,43,17,0.7);
	height: 100px;
}

.home .fHeader.fHeaderScrolled .fLogo {
	width: 120px;
}

.fHeader .container {
	position: relative;
	padding-right: 0;
}

.fMenuIcon {
	display: none;
}

.fLogo {
	position: relative;
	width: 150px;
	height: 70px;
	margin-top: 12px;
	margin-left: 20px;
	transition: 0.2s all ease-in-out;
	-webkit-transition: 0.2s all ease-in-out;
	outline: none;
	z-index: 11012;
	float: left;
}

.fLogo a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
}

.fLogo a:hover {
	outline: none;
}

.fLogo:hover {
	outline: none;
	transform:translateX(3px);
}

.fLogoHeader {
	display: none;
}

.home .fLogoHeader {
	display: block;
}

.home .fLogoPage {
	display: none;
}

.fHeader .container {
	position: relative;
	height: 99.5%;
}

.fMenu {
	position: relative;
	display: block;
    padding-right: 20px;
    padding-top: 2px;
	padding-left: 40%;
	padding-right: 100px;
	text-align: left;
}

.fMenu ul {
	padding-left: 0;
	list-style-type: none;
}

.fMenu ul li { 
	position: relative;
	display: inline-block;
	padding: 25px 10px;
	line-height: 19px;
}

.fMenu ul li a {
	transition: 0.1s all ease-in-out;
	-webkit-transition: 0.1s all ease-in-out;
	font-size: 15px;
	font-weight: 500;
	text-transform: none;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	letter-spacing: 1px;
	padding: 12px 15px;
}

.fMenu ul li a:hover,
.fMenu ul li.current-menu-item > a {
	text-decoration: none;
	color: #215B33;
	background: #fff;
	border-radius: 28px;
}

.fMenu > div {
	display: inline-block;
}

.fMenuDrop {
	position: absolute;
	top: 25px;
	left: 14px;
	width: calc(100% - 28px);
	height: 46px;
	border-radius: 30px;
	background: #5BBF21;
	opacity: 0;
	transition: 0.2s all;
	z-index: -1;
}

.fMenuDrop1 {
	position: absolute;
	bottom: 19px;
	left: 50%;
	margin-left: -5px;
	width: 10px;
	height: 10px;
	border-radius: 99px;
	background: #5BBF21;
	opacity: 0;
	transition: 0.2s all;
	z-index: 99;
}

li.menu-item.current-menu-item .fMenuDrop,
li.menu-item:hover .fMenuDrop,
li.menu-item.current-menu-item .fMenuDrop1,
li.menu-item:hover .fMenuDrop1 {
	opacity: 1;
}

a.fCTA {
	display: inline-block;
	background: #fff;
	color: #5BBF21;	
	border: 1px solid #5BBF21;
	border-radius: 30px;
	transition: 0.2s all;
	text-transform: uppercase;
	text-align: center;
	padding: 13px 10px;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 300;
	margin-right: 15px;
}

a.fCTA:hover {
	background: #5BBF21;
	color: #fff;
}

.fLang {
	position: absolute;
	top: 24px;
	right: 15px;
	width: 50px;
	height: 50px;
	outline: none;
	line-height: 9px;
	text-align: center;
	border: 1px solid #5BBF21;
	border-radius: 99px;
}

.fLang li {
	border: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	margin-top: 0px;
    margin-left: 0;
    outline: none;
	list-style-type: none;
	height: 50px;
	padding-top: 19px;
	position: relative;
	color: #fff;
}

.fLang li a {
	font-weight: 600;
	color: #fff;
}

.fLang li.current-lang {
	display: none;
}

.fSearchIcon {
	position: absolute;
	top: 24px;
	right: 85px;
	width: 50px;
	height: 50px;
	outline: none;
	line-height: 9px;
	text-align: center;
	border: 1px solid #5BBF21;
	border-radius: 99px;
	cursor: pointer;
	background: url(images/search-icon.svg) no-repeat center right 15px;
	background-size: auto 38%;
	width: auto;
	padding-right: 0;
}

.fSearchForm {
	width: 100%;
}

.fSearchForm input.search-field {
	background: transparent;
	border: none;
	width: 100%;
	padding-left: 15px;
	color: #fff;
	font-size: 14px;
}

.fSearchForm input.search-field::placeholder {
	color: #fff;
	font-size: 14px;
}

.fSearchForm input.search-submit {
	width: 60px;
	height: 44px;
	opacity: 0;
	z-index: 99;
	cursor: pointer;
}

.fSearchIcon {
	width: 50px;
}

.fSearchIcon .fSearchForm {
	display: none;
}

.fSearchIcon.fActive {
	width: auto;
}

.fSearchIcon.fActive .fSearchForm {
	display: block;
}

/* HOME */

.fBannerPhoto {
	position: relative;
}

.fBannerContent {
	position: absolute;
	padding: 0 90px 80px 0;
	background: url(images/banner-gradient.svg) no-repeat center;
	background-size: cover;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fBannerDesc {
	position: absolute;
	top: 50%;
	left: 20px;
	width: calc(100% - 40px);
	transform: translateY(-50%);
}

.fBannerDesc p, .fBannerDesc h1 {	
	color: #fff;
	text-align: center;
	text-underline-offset: 18px;
	text-decoration-thickness: 0;
	font-size: 56px;
}

.fBannerDesc strong, .text-container span {
	color: #5BBF21;
	text-decoration: underline;
}

.fIBR1 {
  position: absolute;
	top: 0;
	left: 45%;
  height: 0;
  width: 0;
  background-color: #fff;
  border-radius: 30px 30px 30px 0;
}

.fIBR1::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: -60px;
  height: 60px;
  width: 30px;
  border-top-left-radius: 30px;
  box-shadow: 0 -30px 0 0 #fff;
}

.fIBR2 {
  position: absolute;
	top: 100%;
	left: 0;
  height: 0;
  width: 0;
  background-color: #fff;
  border-radius: 30px 30px 30px 0;
}

.fIBR2::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: -60px;
  height: 60px;
  width: 30px;
  border-top-left-radius: 30px;
  box-shadow: 0 -30px 0 0 #fff;
}

.fIBR3 {
  position: absolute;
	top: 0;
	right: 30px;
  height: 0;
  width: 0;
  background-color: #fff;
  border-radius: 30px 30px 30px 0;
}

.fIBR3::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: -60px;
  height: 60px;
  width: 30px;
  border-top-right-radius: 30px;
  box-shadow: 0 -30px 0 0 #fff;
}

.fIBR4 {
  position: absolute;
  top: 100%;
  left: 0;
  height: 0;
  width: 0;
  background-color: #fff;
  border-radius: 30px 30px 30px 0;
  transform: rotate(180deg);
}

.fIBR4::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: -60px;
  height: 60px;
  width: 30px;
  border-top-left-radius: 30px;
  box-shadow: 0 -30px 0 0 #fff;
}

.fIBR5 {
  position: absolute;
  top: 0;
  right: 0;
  height: 0;
  width: 0;
  background-color: #fff;
  border-radius: 30px 30px 30px 0;
  transform: rotate(180deg);
}

.fIBR5::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: -60px;
  height: 60px;
  width: 30px;
  border-top-left-radius: 30px;
  box-shadow: 0 -30px 0 0 #fff;
}

.fIBR6 {
  position: absolute;
	top: 0;
	left: -30px;
  height: 0;
  width: 0;
  background-color: #fff;
  border-radius: 30px 30px 30px 0;
}

.fIBR6::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: -60px;
  height: 60px;
  width: 30px;
  border-top-right-radius: 30px;
  box-shadow: 0 -30px 0 0 #fff;
}

.fIBR7 {
  position: absolute;
  top: 100%;
  right: 0;
  height: 0;
  width: 0;
  background-color: #fff;
  border-radius: 30px 30px 30px 0;
  transform: rotate(90deg);
}

.fIBR7::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: -60px;
  height: 60px;
  width: 30px;
  border-top-left-radius: 30px;
  box-shadow: 0 -30px 0 0 #fff;
}

.fIBR8 {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  background-color: #fff;
  border-radius: 30px 30px 30px 0;
  transform: rotate(270deg);
}

.fIBR8::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: -60px;
  height: 60px;
  width: 30px;
  border-top-left-radius: 30px;
  box-shadow: 0 -30px 0 0 #fff;
}

.fIBR8a {
  position: absolute;
  top: 100%;
  left: 100%;
  height: 0;
  width: 0;
  background-color: #fff;
  border-radius: 30px 30px 30px 0;
  transform: rotate(270deg);
}

.fIBR8a::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: -60px;
  height: 60px;
  width: 30px;
  border-top-left-radius: 30px;
  box-shadow: 0 -30px 0 0 #fff;
}

.fIBR9 {
  position: absolute;
  bottom: 0;
  right`: 0;
  height: 0;
  width: 0;
  background-color: #fff;
  border-radius: 30px 30px 30px 0;
  transform: rotate(270deg);
}

.fIBR9::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: -60px;
  height: 60px;
  width: 30px;
  border-top-left-radius: 30px;
  box-shadow: 0 -30px 0 0 #fff;
}

.fBannerArrowContainer {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 280px;
	height: 90px;
	background: #fff;
	border-top-right-radius: 40px;
	z-index: 11112;
}

.fBannerArrow {
	position: absolute;
	top: 50%;
	left: 40px;
	height: 38px;
	transform: translateY(-50%);
	display: inline-block;
	text-align: left;
	width: 200px;
}

.fBannerArrow a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(/wp-content/themes/flw-bazinga/images/mouse.svg) no-repeat left;
	background-size: contain;
	padding-left: 44px;
	padding-top: 6px;
}

.fBannerArrow a:hover {
	color: initial!important;
}

.fPauseContainer {
	position: absolute;
	bottom: 0;
	right: 12%;
	width: 120px;
	height: 90px;
	background: #fff;
	border-top-right-radius: 40px;
	border-top-left-radius: 40px;
	z-index: 11112;
}

.fPause {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 50px;
	transform: translate(-50%,-50%);
	cursor: pointer;
	background: url(/wp-content/themes/flw-bazinga/images/pause.svg) no-repeat center;
	background-size: 85% auto;
	display: inline-block;
	padding-left: 44px;
	cursor: pointer;
}

.fHomeBanner .fSectionBlur {
	position: absolute;
	bottom: -70px;
	left: -150px;
	width: 30%;
	height: 60%;
	background: url(images/blur1.svg) no-repeat center;
	background-size: contain;
	z-index: 99999;
	display: none;
}

.fSection {
	position: relative;
}

.fSection1 {
	padding: 100px 0;
}

.fSec1photo {
	position: relative;
	width: 100%;
	height: 270px;
	border-radius: 20px;
}

.fSec1photoContent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	background: url(images/sec1-gradient.svg) no-repeat center;
	background-size: cover;
}

.fSec1photoDesc {
	position: absolute;
	bottom: 40px;
	left: 20px;
	width: calc(100% - 40px);
	text-align: center;
	color: #fff;
	font-size: 25px;
	font-weight: 600;
}

.fSection1 .col-lg-4 {
	padding-bottom: 20px;
}

.fSection1 .fSectionBlur {
	position: absolute;
	bottom: -120px;
	left: 66.6%;
	transform: translateX(-50%);
	width: 60%;
	height: 90%;
	background: url(images/blur1.svg) no-repeat center;
	background-size: contain;
}

.fSection2 .container {
	position: relative;
}

.fSec2desc h3 {
	font-weight: 600;
	font-size: 32px;
	line-height: 1.2;
	margin-top: -4px;
}

.fSec2desc p {
	padding-top: 15px;
	padding-bottom: 20px;
}

.fSec2img {
	position: relative;
	width: 100%;
	height: 100%;
}

.fSec2img.f2 img {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: auto;
	transform: translateY(-50%);
}

.fSec2imgTitle {
	position: absolute;
	top: 66%;
	left: 20px;
	width: calc(100% - 40px);
	font-size: 19px;
	text-align: center;
	font-weight: 600;
}


.fSec2img.f1 .fSec2imgTitle {
	top: 35%;
	font-size: 27px;
}

.fPackItem {
	background: #f4f7f5;
	border: 3px solid #e0e8e3;
	padding: 30px;
	border-radius: 30px;
}

.fPackIcon {
	position: relative;
	min-height: 60px;
	transition: 0.3s all;
}

.fPackIcon img.f1 {
	position: relative;
	height: 130px;
	width: auto;
	transition: 0.3s all;
	opacity: 1;
}

.fPackIcon img.f2 {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	
	height: 60px;
	width: auto;
	transition: 0.3s all;
}

.fPackItem.f2 .fPackIcon img,
.fPackItem.f3 .fPackIcon img,
.fPackItem.f5 .fPackIcon img,
.fPackItem.f6 .fPackIcon img {
	margin-left: -18px;
}

.fPackItem.f6 .fPackIcon img {
}

.fPackTitle {
	color: #5BBF21;
	font-weight: 700;
	font-size: 28px;
	padding: 20px 0;
}

.fPackDesc {
	color: #fff;
	line-height: 1.3;
	font-weight: 300;
	transform: scale(0);
	height: 0;
	overflow: hidden;
	transition: 0.2s all;
}

.fPackButton {
	width: 48px;
	height: 48px;
	margin-bottom: 20px;
	background: url(images/info.svg) no-repeat center;
	background-size: contain;
	cursor: pointer;
}

.fPackItem.fActive {
	background: #215B33;
	border: 3px solid #215B33;
}

.fPackItem.fActive .fPackDesc {
	transform: scale(1);
	height: 100%;
}

.fPackItem.fActive .fPackIcon img.f1 {
	opacity: 0;
	height: 60px;
}

.fPackItem.fActive .fPackIcon img.f2 {
	opacity: 1;
}

.fSection3 {
	padding: 100px 0;
}

.fSec3img {
	position: relative;
	border-radius: 30px;
}

.fSec3img img {
	width: 100%;
	height: auto;
	border-radius: 30px;
}

.fSec3imgBlue {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(images/sec3-gradient.svg) no-repeat center;
	background-size: cover;
	border-radius: 30px;
}

.fSec3imgContent  {
	position: absolute;
	bottom: 30px;
	left: 30px;
	width: calc(100% - 60px);
	color: #fff;
	z-index: 999999;
}

.fSec3imgTitle {
	font-size: 24px;
	padding-right: 60px;
	background: url(images/arrow-down.svg) no-repeat right;
	background-size: auto 44px;
	min-height: 60px;
	padding-top: 8px;
	padding-bottom: 20px;
	cursor: pointer;
}

.fSec3imgDesc {
	display: none;
	font-size: 14px;
	line-height: 1.2;
}

.fSec3imgDesc p {
	font-weight: 300;
}

.fSec2desc.fSec3desc p {
	font-size: 23px;
	font-weight: 700;
	padding-right: 25%;
}

.fSec3img.f1,
.fSec3img.f2 {
	max-width: 100%;
}

.fSec3img.f2 {
	margin-top: 60px;
}

.fSection3 .row {
	position: relative;
}

.fSection3 .fSectionBlur {
	position: absolute;
	bottom: -140px;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 90%;
	background: url(images/blur1.svg) no-repeat center;
	background-size: contain;
}

.fSection5 {
	padding: 100px 0;
}

.fSection5 .fSectionHead,
.fSection5 .fSectionTitle {
	text-align: center;
}

.fSection5 .fSectionTitle {
	padding-bottom: 30px;
}

.fHomeProductsLoop {
	padding: 100px 0;
}

.fProductItem {
	position: relative;
	background: #fff;
	border: 3px solid #e0e8e3;
	padding: 24px;
	border-radius: 40px;
	transition: 0.3s all;
	z-index: 1;
}

.fProductTitle {
	font-size: 27px;
	line-height: 1.2;
	padding: 15px 0;
	color: #000;
	font-weight: 700;
	min-height: 105px;
}

.fProductSubtitle {
	color: #3B3B3A;
	padding-bottom: 20px;
}

.fProductPhoto, .fProductPhoto img {
	border-radius: 40px;
}

.fSection5 .fSectionCTA {
	text-align: center;
	position: relative;
	z-index: 1;
}

.fProductItem:hover {
	box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
}

.fProductsCTA a.fCTA {
	margin-bottom: 12px;
}

.fSection5 .fSectionBlur {
	position: absolute;
	bottom: -140px;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 90%;
	background: url(images/blur1.svg) no-repeat center;
	background-size: contain;
	z-index: -1;
	opacity: 0.5;
}

.fSection6 {
	padding: 40px 0;
}

.fSec2desc.fSec6desc h3 {
	font-size: 25px;
	padding: 20px 0 5px 0;
}

.fSec6icons {
	margin-bottom: 40px;
}

.fSec6icon {
	background: #e7e9e7; 
	border-radius: 20px;
	padding: 20px 30px;
}

.fSec6iconImg img {
	height: 90px;
	width: auto;
}

.fSec6iconDesc {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	padding-top: 15px;
}

.fSec6ctaContainer {
	margin-top: -20px;
	width: 100%;
	background: #e7e9e7; 
	border-radius: 20px;
	border-top-right-radius: 0;
	padding: 60px 8.3%;
}

.fSection6 .col-lg-6 {

}

.fSec6photosContainer {
	position: relative;
	width: 100%;
	height: 100%;
}

.fSec6photosBkg {
	position: absolute;
	left: 16.6%;
	width: 83.4%;
	height: 100%;
	background: #e7e9e7; 
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	z-index: 0;
}

.fSec6photo {
	z-index: 2;
}

.fSec6photo.f1 {
	position: relative;
	padding-top: 60px;
	width: 45%;
}

.fSec6photo img {
	width: 100%;
	height: auto;
	border-radius: 40px;
}

.fSec6photo.f2 {
	position: absolute;
	left: 33.3%;
	bottom: -50px;
	z-index: 3;
	width: 50%;
}

.fSec6photo.f2 img {
	box-shadow: 20px 20px 20px rgba(0,0,0,0.1);
}

.fSection6 .fSectionBlur {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 70%;
	height: 70%;
	background: url(images/blur1.svg) no-repeat center;
	background-size: contain;
	z-index: 1;
}

@media all and (min-width: 1280px) {
	.fSection6 .fSectionHead,
	.fSec6desc,
	.fSec6icons { 
		padding-left: 16.6%;
		padding-right: 16.6%;
	}
}

/* PAGE - ABOUT */

.fAboutSection1 .container {
	position: relative;
}

.fAboutSection1 .fAboutSec1bkg {
	position: absolute;
	border-radius: 40px;
	background: rgba(33,91,51,0.05);
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
}

.fAboutSection1 .fSec1content {
	padding: 30px 15% 30px 12%;
	margin-top: 30px;
}

.fAboutSection1 .fSec1content h3 {
	line-height: 1.4;
}

.fAboutSection1 .fSec1desc2 {
	padding: 30px 15% 30px 12%;
}

.fAboutSection1 .fSec1img.f1 {
	padding-top: 80px;
	border-radius: 40px;
}

.fAboutSection1 .fSec1img.f2 {
	padding-top: 40px;
	border-radius: 40px;
}

.fAboutSection1 .fSec1img img {
	border-radius: 40px;
}

.fAboutSection1 .fSec1img.f2 img {
	box-shadow: 20px 20px 20px rgba(0,0,0,0.1);
}

.fAboutSection1 .fSectionBlur {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	background: url(images/blur1.svg) no-repeat center;
	background-size: contain;
	z-index: 1;
}

.fAboutSection2 {
	padding: 50px 0;
}

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

.fAboutSection2 .fSec2iconImg img {
	width: auto;
	height: 90px;
	margin: 0 auto;
	display: block;
}

.fAboutSection3 .container {
}

.fAboutSection3 .fSec3desc.f1 {
	padding-right: 5%;
}

.fAboutSection3 .fSec3desc.f2 {
	padding-left: 10%;
}

.fAboutSection3 .row.f1 {
	padding-bottom: 50px;
}

.fAboutSection3 .col-lg-6 {
	position: relative;
}

.fAboutSection3 .fSec3desc {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}

.fAboutSection4 {
	padding: 80px 0;
}

.fAboutSection4 .fSectionHead, .fAboutSection5 .fSectionHead {
	text-align: center;
}

.fAboutSection4 .gs_logo_single img {
	max-width: 70%;
}

.fAboutSection5 .gs_logo_area .swiper-button-next, .fAboutSection5 .gs_logo_area .swiper-button-prev,
.fAboutSection4 .gs_logo_area .swiper-button-next, .fAboutSection4 .gs_logo_area .swiper-button-prev {
	background-color: #fff!important;
	border: 1px solid #B1B1B0!Important;
	border-radius: 99px;
	width: 44px;
	height: 44px;
}

.fAboutSection5 .gs_logo_area .swiper-button-next svg, .fAboutSection5 .gs_logo_area .swiper-button-prev svg,
.fAboutSection4 .gs_logo_area .swiper-button-next svg, .fAboutSection4 .gs_logo_area .swiper-button-prev svg {
	opacity: 0!important;
}

.fAboutSection5 .gs_logo_area .swiper-button-next,
.fAboutSection4 .gs_logo_area .swiper-button-next {
	background: url(images/arrow-right.svg) no-repeat center!important;
	background-size: 40% auto!important;
}

.fAboutSection5 .gs_logo_area .swiper-button-prev,
.fAboutSection4 .gs_logo_area .swiper-button-prev {
	background: url(images/arrow-left.svg) no-repeat center!important;
	background-size: 40% auto!important;
}

.page-template-fAbout .fAboutSection5 .gs_logo_area.carousel_nav_pos--left-right-out .swiper-button-next:hover,
.fAboutSection4 .gs_logo_area .swiper-button-next:hover {
	background: url(images/arrow-right-white.svg) no-repeat center!important;
	background-size: 40% auto!important;
	background-color: #215B33!important;
}

.page-template-fAbout .fAboutSection5 .gs_logo_area.carousel_nav_pos--left-right-out .swiper-button-prev:hover,
.fAboutSection4 .gs_logo_area .swiper-button-prev:hover {
	background: url(images/arrow-left-white.svg) no-repeat center!important;
	background-size: 40% auto!important;
	background-color: #215B33!important;
}

.fAboutSection4 .gs_logo_single {
	border: 1px solid rgba(33,91,51,0.3);
	border-radius: 15px;
	padding: 0!important;
}

.fAboutSection5 {
	padding-bottom: 60px;
}

.fAboutSection5 .fSectionHead {
	padding-bottom: 50px;
}

.fAboutSection5 .fSec3desc.fSec5desc h3 {
	font-size: 21px;
	line-height: 1.4;
	padding: 30px 0;
}

.fAboutSection3 .fSectionBlur,
.fAboutSection5 .fSectionBlur {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	height: 80%;
	background: url(images/blur1.svg) no-repeat center;
	background-size: contain;
	z-index: -1;
	opacity: 0.7;
}

.fAboutSection5 .fCertLoop {
	padding-left: 20%;
	padding-right: 20%;
}

.fAboutSection5 .gs_logo_single {
	background: rgba(33,91,51,0.05);
	border-radius: 24px;
	padding: 30px;
	position: relative;
}

.page-template-fAbout .fAboutSection5 .gs_logo_area.carousel_nav_pos--left-right-out .swiper-button-prev {
	transform: translateX(-12px);
	background-color: #fff!important;
}

.page-template-fAbout .fAboutSection5 .gs_logo_area.carousel_nav_pos--left-right-out .swiper-button-next {
	transform: translateX(12px);
	background-color: #fff!important;
}

.fAboutSection5 .fCertLoop img {
	padding-bottom: 30px;
}

.fAboutSection5 .gs_logo_title {
	text-align: left!important;
	width: calc(100% - 80px)!important;
	font-size: 18px;
}

.fAboutSection5 .fCertArrow {
	position: absolute;
	width: 54px;
	height: 54px;
	background: url(images/cert-arrow.svg) no-repeat center;
	background-size: 50% auto;
	background-color: #fff;
	border-top-left-radius: 12px;
	bottom: 0;
	right: 0;
	cursor: pointer;
}

.pswp__custom-caption {
	display: none!important;
}

@media all and (max-width: 991px) {
	.fAboutSection2 {
		padding-bottom: 0;
	}
	.fAboutSection3 .fSec3desc {
		position: relative;
		top: auto;
		transform: none;
		padding: 20px 0;
	}
	.fAboutSection1 .fSec1img.f1 {
		padding-top: 40px;
	}
	.fAboutSection1 .fSec1img img {
		width: 100%;
		height: auto;
	}
	.fAboutSection3 .container {
	}
	.fCertLoop {
		margin-top: 40px;
	}
	.reverse-mobile {
        flex-direction: column-reverse;
    }
    .container {
		padding-left: 15px;
		padding-right: 15px;
    }
}

.page-template-fAbout .fSec6icons {
	padding-left: 0!important;
	padding-right: 0!important;
}

.fAboutSection3 .fSec3desc h3 {
	line-height: 1.4;
	padding-bottom: 30px;
}

@media all and (min-width: 1280px) {
	.fAboutSection3 .container {
		padding-left: 12%;
		padding-right: 12%;
	}
	.fAboutSection3 .fSec3desc.f1 {
		padding-right: 10%;
	}
	.fAboutSection3 .fSec3desc.f2 {
		padding-left: 10%;
		padding-right: 5%;
	}
}

/* PAGE - PRODUCTS */

.page-template-fProducts .fSectionHead,
.page-template-fProducts .fSectionTitle,
.page-template-fProducts .fSectionDesc {
	text-align: center;
}

.page-template-fProducts .fSectionHead {
	padding-top: 30px;
	padding-bottom: 0;
}

.page-template-fProducts .fSectionDesc {
	padding: 24px 15% 0 15%;
	font-size: 23px;
	color: #3B3B3A;
	font-weight: 500;
	line-height: 1.4;
}

.page-template-fProducts .fProductItem {
	margin-bottom: 50px;
}

.fProductsLoop {
	position: relative;
}

.page-template-fProducts .fHomeProductsLoop {
	padding-bottom: 0;
}

.fProdSection1 {
	padding-bottom: 60px;
}

.fProdSection1 .fSectionBlur.f1 {
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 50%;
	background: url(images/blur1.svg) no-repeat center;
	background-size: contain;
	opacity: 0.5;
}

.fProdSection1 .fSectionBlur.f2 {
	position: absolute;
	bottom: -60px;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 50%;
	background: url(images/blur1.svg) no-repeat center;
	background-size: contain;
	opacity: 0.5;
}

/* PAGE- CONTACT */

.fContactSection1 {
	margin-top: 40px;
	margin-bottom: 80px;
}

.fContactMapContainer {
	position: relative;
}

.fContactSec1content {
	padding-left: 16%;
}

.fContactRoute {
	background: #f4f7f5;
	padding: 60px;
	padding-left: 8%;
	border-radius: 30px;
	margin-top: -170px;
	height: 170px;
}

.fContactRouteButton a.fCTA {
	padding-left: 24px;
	padding-right: 24px;
	font-weight: 700;
	border: 1px solid #B1B1B0;
}

.fContactBkg {
	position: absolute;
	left: 16%;
	top: 0;
	width: 84%;
	height: 100%;
	background: #f4f7f5;
	border-radius: 30px;
}

.fContactMap {
	padding: 60px 16% 60px 0;
}

.page-template-fContact .fSectionHeader {
	padding: 5px 0;
	font-size: 27px;
	font-weight: 700;
}

.fContactTel {
	min-height: 50px;
	margin: 15px 0;
	background: url(images/tel.svg) no-repeat left;
	background-size: auto 50px;
	padding-left: 70px;
	padding-top: 11px;
}

.fContactMail {
	min-height: 50px;
	margin: 15px 0;
	background: url(images/mail.svg) no-repeat left;
	background-size: auto 50px;
	padding-left: 70px;
	padding-top: 11px;
}

.fContactMail a {
	color: #5BBF21;
}

.fContactMail a:hover {
	color: #215B33;
}

.fContactSection1 .fSectionBlur {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	height: 90%;
	background: url(images/blur1.svg) no-repeat center;
	background-size: contain;
	opacity: 0.9;
}

@media all and (max-width: 991px) {
	.fContactRouteButton a.fCTA {
		margin-top: 30px;
	}
}

/* PAGE - 404 */

.f404 {
	margin-top: 40px;
	margin-bottom: 100px;
}

.f404 .fSectionBlur {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 40%;
	height: 90%;
	background: url(images/blur1.svg) no-repeat center;
	background-size: contain;
	opacity: 0.9;
	z-index: 9;
}

.f404 .fSectionHeader {
	font-size: 52px;
	font-weight: 700;
	line-height: 1.2;
	margin: 30px 0;
	background: #f4f7f5;
	padding: 30px 60px;
	width: 150%;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

.f404content {
	margin-top: 0;
	margin-bottom: 80px;
}

.f404photo img {
	border-radius: 30px;
	width: 66%;
	height: auto;
}

.f404desc {
	font-size: 27px;
	font-weight: 700;
	margin: 30px 0;
}

@media all and (max-width: 991px) {
	.fContactRoute {
		margin-top: -80px;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}
	.fContactMap {
		padding: 20px;
	}
}

/* SIGNLE PRODUCT  */

.fSingleProdContent {
	border: 3px solid #e0e8e3;
	padding: 20px;
	border-radius: 40px;
}

.fSingleProdPhoto, .fSingleProdBox {
	padding: 30px;
}

h1.fSingleProdTitle {
	font-size: 34px;
	font-weight: 700;
	padding-bottom: 24px;
}

.fSingleProdBottomPhoto {
	margin-top: 50px;
}

.fSingleProdBottomPhoto img {
	width: 100%;
	height: auto;
	border-radius: 30px;
}

.fSingleHead {
	position: relative;
	padding-right: 150px;
	min-height: 80px;
	padding-top: 12px;
	color: #215B33;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 30px;
	margin-top: 20px;
}

.fSingleBack {
	position: absolute;
	right: 0;
	top: 0;
}

.single-product .container .fSectionBlur {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 90%;
	background: url(images/blur1.svg) no-repeat center;
	background-size: contain;
}

@media all and (min-width: 1280px) {
	.fSingleHead,
	.fSingleProdContent {
		margin-left: 15%;
		margin-right: 15%;
	}
}


















@media all and (max-width: 1699px) {
	.fBannerDesc h2 {
		font-size: 48px;
	}
	.fBannerDesc p {
		padding: 12px 5% 12px 0;
	}
	.fBannerContent {
		padding: 0 60px 70px 0;
	}
	.fSubBannerInfo h2 {
		font-size: 38px;
	}
	.fFooterMenu .fMenu ul li {
		padding: 5px 10px!important;
	}
}

@media all and (max-width: 1599px) {
	body {
		font-size: 15px;
	}
	.fSec6icon {
		padding: 20px;
	}
}

@media all and (max-width: 1499px) {
	.fPackIcon img.f1 {
		height: 90px;
	}	
}

@media all and (max-width: 1299px) {
	.fSubBannerIcon {
		padding: 30px 10px;
	}
	.fHomeLinkTitle {
		font-size: 28px;
	}
	.fSec2slider .nextend-arrow-previous {
		left: -60px;
	}
	.fSec2slider .nextend-arrow-next {
		right: -60px;
	}
	.fSubBannerInfo h2 {
		font-size: 22px;
	}	
}

@media all and (max-width: 1199px) {
	.fBannerDesc h2 {
		font-size: 28px;
	}
	.fBannerDesc p {
		font-size: 15px;
	}
	.fBannerContent {
		padding: 0 40px 50px 0;
	}
	.fSubBannerDesc {
		font-size: 13px;
	}
	.fSec2desc h2 {
		font-size: 29px;
	}
	.f1 .fHomeLinkContent {
		padding-right: 30px;
	}
	.f2 .fHomeLinkContent,
	.f3 .fHomeLinkContent {
		padding-left: 30px;
	}
	.fCopyright {
		max-width: 45%;
	}
	.fPause {
		background-size: 50% auto;
	}
}

@media all and (max-width: 991px) {
	.fSec1circle1, .fSec1circle2 {
		display: none;
	}
	.fSection1 .col-lg-4.f6 .fSecDesc {
		position: relative;
		top: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		transform: none;
	}
	
	
	.fSubBannerInfo img {
		margin-top: 30px;
	}
	.fSubBanerCTA {
		position: relative;
		transform: translateX(-50%);
	}
	.fSec2ctaContainer {
		position: relative;
		left: auto; right: auto; top: auto; bottom: auto;
		padding-left: 0;
		text-align: center;
		background: transparent;
		width: 100%;
		margin-top: 20px;
	}
	.fSec2cta {
		position: relative;
	}
	.fSec2desc {
		text-align: center;
		padding-bottom: 30px;
	}
	.fSection2 .fIBR4, .fSection2 .fIBR5 {
		display: none;
	}
	.fHomeLinkItem {
		margin-bottom: 30px;
	}
	.fHomeLinkItem img {
		width: 100%;
		height: auto;
	}
	.fSection.fSection3 {
		padding-top: 30px;
	}
	.fSubBannerIcons {
		padding-top: 20px;
	}
	.fBannerPhoto img {
		border-top-left-radius: 30px;
	}
	.fFooterMenu ul {
		text-align: center;
		padding-top: 0
			padding-bottom: 0;
	}
	.fCopyright {
		max-width: 100%;
		text-align: center;
		position: relative!important;
		padding-top: 12px;
	}
	.fCredits {
		position: relative!important;
		transform: none!important;
		padding-bottom: 10px;
	}
	.fArrowUp {
		bottom: 10px!important;
		top: auto!important;
		left: 30px!important;
		width: 40px!important;
		height: 40px!important;
		transform: translate(0)!important;
		z-index: 9999;
	}
	.fFooterBottom {
	}
}

@media all and (max-width: 768px) {
	.fBannerContent {
		}
	.fHomeBanner .fIBR1 {
		display: none;
	}
	.fHomeBannerPhoto img {
		border-top-left-radius: 30px;
	}
	.fBannerDecor3, .fBannerDecor4, .fBannerDecor5, .fBannerDecor6 {
		display: none;
	}
	.fSection.fSection1 {
		padding-top: 30px;
	}
	.fLang {
	
	}
	.fHomeLogos {
		padding-top: 20px;
	}
	.fSectionTitle h2 {
		font-size: 28px;
	}
}

/* PAGE - ABOUT */

.fAS1desc {
	padding: 70px 15% 0 15%;
}

.col-lg-70 .fSubBannerIcon {
	padding: 10px;
}

.col-lg-70 .fSubBannerDesc {
	font-size: 13px;
	height: 74px;
	line-height: 1.4;
}

.fAS2 {
	padding: 100px 0;
}

.fAS2 .fSecDesc {
	padding: 0 15%;
}

.fAS2 h3 {
	line-height: 1.5;
	padding-bottom: 15px;
}

.fAS2 .fSecDesc p {
	color: #63666A;
	font-size: 16px;
}

.fAS2 img {
	width: 80%;
	height: auto;
	margin-top: 5%;
}

.fAS3 {
	padding-bottom: 140px;
}

.fAS3 .container {
	background: #45AC34;
	border-radius: 30px;
}

.fAS3 .fSectionDesc {
	color: #fff;
}

.fAS3 .fSectionPhoto img {
	border-radius: 30px;
	margin-left: 15%;
	width: 85%;
	height: auto;
	transform: translateY(60px);
}

.fAS3 .fSectionDesc {
	padding: 60px 15%;
}

.fAS3 .fSectionDesc h2 {
	padding-bottom: 60px;
}

.fAS3 .fSectionDesc p {
	font-size: 17px;
	line-height: 1.8;
}

.fAS4 {
	padding-bottom: 60px;
}

.fAS4 .container {
	border: 1px solid #CED0D5;
	border-right: 15px solid #45AC34;
	border-radius: 30px;
}

.fAS4 .fSectionPhoto img {
	border-radius: 30px;
	margin-right: 15%;
	width: 85%;
	height: auto;
	transform: translateY(60px);
}

.fAS4 .fSectionDesc {
	padding: 60px 15%;
	color: #63666A;
}

.fAS4 .fSectionDesc h2 {
	padding-bottom: 60px;
	color: #45AC34;
}

.fAS4 .fSectionDesc p {
	font-size: 17px;
	line-height: 1.8;
}

.fAS5 {
	padding: 100px 0;
}

.fAS5 .container {
	position: relative;
	background: #ECF7EB;
	border-radius: 30px;
	padding: 70px 8%;
}


.fAS5ctaContainer {
	position: absolute;
	top: 50%;
	right: 0;
	background: #fff;
	width: 220px;
	height: 50%;
	transform: translateY(-50%);
	text-align: right;
}

.fAS5cta {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.fAS5 h3 {
	padding-bottom: 20px;
}

@media all and (max-width: 1599px) {
	.fAS2 img {
		width: 90%;
	}
	.fAS2 h3 {
		line-height: 1.3;
	}
	.fAS2 .fSecDesc p {
 		font-size: 14px;
	}
	.fAS2 .fSecDesc {
		padding: 0 8%;
	}
	.fAS3 .fSectionDesc h2 {
		padding-bottom: 40px;
	}
	.fAS3 .fSectionDesc {
		padding-bottom: 30px;
	}
	.fAS4 .fSectionDesc h2 {
		padding-bottom: 40px;
	}
	.fAS4 .fSectionDesc {
		padding-bottom: 30px;
	}
	.fAS3 .fSectionDesc p,
	.fAS4 .fSectionDesc p {
		font-size: 15px;
		margin-bottom: 15px;
		line-height: 1.4;
	}
	.col-lg-70 .fSubBannerDesc {
		height: 90px;
	}
}

@media all and (max-width: 1499px) {
	.fAS3 .fSectionDesc p,
	.fAS4 .fSectionDesc p {
		line-height: 1.4;
	}
	.fAS3 .fSectionDesc h2,
	.fAS4 .fSectionDesc h2 {
		font-size: 42px;
		padding-bottom: 20px;
	}
}


@media all and (max-width: 1299px) {
	.col-lg-70 {
		flex: 0 0 25%;
		width: 25%;
		max-width: 25%;
		padding: 15px;
	}		
	.fAS2 .fSecDesc {
		padding-left: 0;
		padding-right: 0;
	}
}

@media all and (max-width: 1199px) {
	.fAS3, .fAS4 {
		padding-bottom: 60px
	}
	.fAS3 .fSectionPhoto img,
	.fAS4 .fSectionPhoto img {
		transform: translateY(0);
		margin-top: 40px;
		margin-bottom: 40px;
	}
}

@media all and (max-width: 991px) {
	.col-lg-70 {
		flex: 0 0 50%;
		width: 50%;
		max-width: 50%;
		padding: 15px;
	}
	.fAS3 .fSectionPhoto img, .fAS4 .fSectionPhoto img {
		margin-left: 0;
		width: 100%;
	}
	.fAS3 .fSectionDesc,
	.fAS4 .fSectionDesc {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.fAS1desc {
		padding: 30px 0 10px 0;
	}
	.fAS2, .fAS5 {
		padding: 30px 0;
	}
	.fAS5ctaContainer {
		padding: 20px 0;
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		background: none;
	}
	.fAS5cta {
		transform: none;
	}
}

/* PAGE - PRODUCT CARDS */

.page-template-fCards .fHomeBanner {
	padding-bottom: 60px;
}

.page-template-fCards .fBannerPhoto img {
	border-radius: 30px;
}

.page-template-fCards .fAS3, .page-template-fCards .fAS4 {
	padding-bottom: 100px;
}

.page-template-fCards .fBannerContent {
	padding: 0 90px 30px 0;
	width: auto;
	border-bottom-right-radius: 30px;
}

.fBannerContent .fIBR1 {
	left: 100%;
}

.fCardsContainer {
	padding-left: 12%;
	padding-right: 12%;
}

.page-template-fCards .fAS4 .fSectionPhoto img {
	margin-right: 0;
	margin-left: 15%;
}

.fCS3 .fCardsContainer .fSectionDesc h3,
.fCS1 .fCardsContainer .fSectionDesc h3 {
	padding-top: 0;
	color: #45AC34;
	font-weight: 600;
	padding-bottom: 30px;
}

.fCS2 .fCardsContainer .fSectionDesc h3 {
	padding-top: 0;
	color: #fff;
	font-weight: 600;
	padding-bottom: 30px;
}

/* PAGE - DISTRIBUTION */

.fDistPhoto {
	position: relative;
	width: 85%;
	transform: translateY(70px);
}

.fDistPhoto img {
	position: relative;
	transform: translateY(30px);
	border-radius: 30px;
	z-index: 2;
	width: calc(100% - 30px);
	height: auto;
	margin-top: 0!important;
}

.fDistPhoto.f2 {
	margin-left: 8%;
}

.fDistPhoto.f2 img {
	transform: translate(30px,30px);
}

.fDistPhotoBlue {
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	height: calc(100% - 15px);
	background: #45AC34;
	border-radius: 30px;	
}

.fDistPhoto.f2 .fDistPhotoBlue {
	right: auto;
	left: 0;
}

.page-template-fImport .fSecTitle,
.page-template-fDist .fSecTitle {
	color: #45AC34;
	font-size: 32px;
	font-weight: 600;
	padding-bottom: 20px;
	padding-left: 8%;
	padding-top: 70px;
}

.page-template-fImport .fSecDesc,
.page-template-fDist .fSecDesc {
	padding-left: 8%;
	padding-right: 8%;
}

.page-template-fImport .fSecDesc h3,
.page-template-fDist .fSecDesc h3 {
	font-size: 20px;
	line-height: 1.6;
	color: #63666A;
}

.page-template-fImport .fSecDesc p,
.page-template-fDist .fSecDesc p {
	color: #63666A;
	line-height: 1.7;
}

.page-template-fImport .fAboutSection .container,
.page-template-fDist .fAboutSection .container {
	position: relative;
	padding: 0;
}

.fDistBlue {
	position: absolute;
	top: 0;
	left: 0;
	width: 85%;
	height: 100%;
	border: 1px solid #CED0D5;
	border-radius: 30px;
}

.fD2 .fDistBlue {
	left: 15%;
}

.page-template-fImport .fD3,
.page-template-fDist .fD3 {
	margin-bottom: 100px;
}

.page-template-fImport .fAS2,
.page-template-fDist .fAS2 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.page-template-fImport .fSecDesc,
.page-template-fDist .fSecDesc {
	padding-bottom: 40px;
}

@media all and (min-width: 992px) {
	.page-template-fImport .fD1, .page-template-fImport .fD2, .page-template-fImport .fD3,
	.page-template-fDist .fD2, .page-template-fDist .fD3 {
		margin-bottom: 100px;
	}
}

@media all and (max-width: 1599px) {
	.page-template-fImport .fSecDesc h3,
	.page-template-fDist .fSecDesc h3 {
		font-size: 17px;
	}
}

@media all and (max-width: 1199px) {
	.fCardsContainer .fSectionDesc h3 {
		padding-top: 0;
		padding-bottom: 10px;
		font-size: 22px;
	}
	.fAS3 .fCardsContainer .fSectionDesc,
	.fAS4 .fCardsContainer .fSectionDesc {
		padding-top: 30px;
	}
	.page-template-fImport .fSecDesc p,
	.page-template-fDist .fSecDesc p {
		font-size: 14px;
		line-height: 1.5;
	}
	.page-template-fImport .fSecDesc h3,
	.page-template-fDist .fSecDesc h3 {
		font-size: 16px;
		line-height: 1.5;
	}
}

@media all and (max-width: 991px) {
	.page-template-fCards .fAS4 .fSectionPhoto img {
		margin-left: 0;
	}
	.fAS3 .fCardsContainer .fSectionDesc, .fAS4 .fCardsContainer .fSectionDesc,
	.fCardsContainer .fSectionDesc {
		padding-top: 0;
	}
	.page-template-fCards .fHomeBanner {
		padding-bottom: 10px;
	}
	.page-template-fCards .fAS3, .page-template-fCards .fAS4 {
		padding-bottom: 30px;
	}
	.page-template-fImport .fSecTitle,
	.page-template-fDist .fSecTitle {
		padding-top: 30px;
	}
	.fDistBlue {
		width: 100%!important;
		left: 0!important;
	}
	.page-template-fDist .fSecDesc,
	.page-template-fDist .fSecTitle,
	.page-template-fImport .fSecDesc,
	.page-template-fImport .fSecTitle {
		padding-left: 30px;
		padding-right: 30px;
	}
	.fDistPhoto {
		transform: none!important;
		width: 90%!important;
		margin-left: 5%!important;
	}
}

@media all and (max-width: 768px) {
	.fCardsContainer {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* PAGE - BRANDS */

.fBannerInfo {
	font-size: 20px;
	padding: 40px 10%;
	color: #1F2022;
}

.page-template-fBrands .fBannerPhoto img {
	border-radius: 30px;
}

.page-template-fBrands .fBannerContent {
	padding: 0 90px 30px 0;
	width: auto;
	border-bottom-right-radius: 30px;
}

.page-template-fBrands .fCardsContainer .container {
	position: relative;
}

.page-template-fBrands .fCardsContainer .container {
	position: static;
	margin-left: 8%;
	width: 92%;
}

.page-template-fBrands .fCardsContainer .container .fSectionPhoto {
	margin-top: 80px;
	margin-bottom: 80px;
	width: 100%;
	border: 1px solid #CED0D5;
	border-radius: 30px;
	background: #fff;
	margin-left: -10%;
}

.page-template-fBrands .fAS4 .fCardsContainer .container .fSectionPhoto img {
	height: auto;
	width: auto;
	max-width: 60%;
	max-height: 280px;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 0;
	transform: none;
}

.page-template-fBrands .fAS4 .fSectionDesc p {
	line-height: 1.5;
	font-size: 15px;
}

.page-template-fBrands .fAS4 .fSectionDesc {
	padding-left: 15px;
	padding-right: 60px;
	position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
	max-width: 100%;
}

.page-template-fBrands .col-lg-6.f2 {
	position: relative;
}

@media all and (max-width: 991px) {
	.page-template-fBrands .fAS4 .fSectionDesc {
		transform: none;
		top: auto;
		position: relative;
	}
	.page-template-fBrands .fCardsContainer .container .fSectionPhoto {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.page-template-fBrands .fAS4 .fCardsContainer .container .fSectionPhoto img {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

/* PAGE - CAREER */

.page-template-fCaeer .fSubBannerIconImg img {
	height: 80px;
	width: auto;
}

.fOffersLoop {
	padding: 20px 8%;
}

.fOfferItem {
	position: relative;
	border: 1px solid #CED0D5;
	border-radius: 34px;
	border-left: 15px solid #45AC34;
	padding: 40px;
	margin-bottom: 40px;
}

.fOfferTitle {
	font-size: 22px;
	color: #45AC34;
	font-weight: 500;
}

.fCRS2 .fSectionTitle {
	text-align: center;
	padding-top: 30px;
}

.fOfferPlace {
	color: #63666A;
	font-size: 17px;
	padding-top: 5px;
	padding-bottom: 20px;
}

.fOfferSubtitle {
	color: #1F2022;
	font-weight: 500;
	font-size: 20px;
	padding-top: 0;
	padding-bottom: 5px;
}

.fOfferDesc p, .fOfferDesc li {
	color: #63666A;
	line-height: 1.5;
	font-size: 15px;
}

.fOfferCTA {
	margin-top: 15px;
}

.fOfferCTA a {
	letter-spacing: 1px;
	padding-top: 13px;
	padding-bottom: 13px;
}

.fOfferArrow {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 80px;
	height: 80px;
	background: url(/wp-content/themes/bazinga/images/offer-arrow.svg) no-repeat center;
	background-size: contain;
	cursor: pointer;
}

.fOfferArrow.fActive {
	transform: rotate(180deg);
}

.fOfferShare {
	text-align: right;
	margin-top: 15px;
}

.fOfferShare > div {
	display: inline-block;
}

.fShareDesc {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-right: 20px;
}

.fShareSocial {
	width: 30px;
	height: 30px;
	margin: 0 8px;
	transform: translateY(8px);
}

.fShareSocial a {
	display: block;
	width: 100%;
	height: 100%;
}

.fShareSocial.fShareFB {
	background: url(/wp-content/themes/bazinga/images/facebook.svg) no-repeat center;
	background-size: contain;
}

.fShareSocial.fShareLN {
	background: url(/wp-content/themes/bazinga/images/linkedin.svg) no-repeat center;
	background-size: contain;
}

.fOfferInfo {
	display: none;
}

.page-template-fCareer .fAS1desc {
	font-size: 19px;
}

.page-template-fCareer .fSubBannerIcon img {
	width: auto;
	height: 80px;
}


@media all and (max-width: 991px) {
	.fOffersLoop {
		padding: 20px 0;
	}
	.fOfferItem {
		padding: 30px 20px;
	}
	.fOfferShare, .fOfferCTA {
		text-align: left;
	}
	.fOfferTitle, .fOfferPlace {
		padding-right: 80px;
	}
	.fOfferArrow {
		width: 60px;
		height: 60px;
	}
}

/* PAGE - CONTACT */

.page-template-fContact .fSectionTitle h2 {
	text-align: center;
}

.fCTS1 .container, .fCTS2 .fSectionContent {
	padding: 30px;
	border: 1px solid #CED0D5;
	border-left: 20px solid #45AC34;
	border-radius: 30px;
	margin-bottom: 30px;
}

.fCTS1, .fCTS2 {
	color: #1F2022;
}

.fCTS1 .fSectionTitle, .fCTS2 .fSectionTitle {
	font-size: 26px;
	font-weight: 500;
	padding-bottom: 30px;
}

.fCTS4 {
	margin-top: 30px;
}


.fCTS1 .f1 {
	padding-bottom: 20px;
}

.fCTS1 .f1 p {
	font-weight: 500;
	font-size: 18px;
}

.fCTS1 .f2 {
	padding-top: 30px;
}

.fCTS1 a, .fCTS2 a {
	color: #45AC34;
}

.fCHR em {
	font-style: normal;
	display: inline-block;
	width: 200px;
}

.fCTS2 .fContactDesc strong {
	font-weight: 500;
}

.fContactDesc.f2 p {
	font-size: 14px;
	padding-bottom: 20px;
}

.fRouteCTAcontainer {
	padding: 30px 0;
	text-align: center;
}

.page-template-fContact .fSectionTitle h2 {
	font-weight: 500;
}

.fContactForm {
	margin-left: 15%;
	margin-right: 15%;
	padding: 30px 12%;
	border: 1px solid #CED0D5;
	border-left: 20px solid #45AC34;
	border-radius: 30px;
	margin-bottom: 100px;
}

.fContactForm label {
	width: 100%;
	color: #63666A;
	font-size: 15px;
}

.fContactForm input.wpcf7-text,
.fContactForm input.wpcf7-mail,
.fContactForm textarea {
	width: 100%;
	border: 1px solid #CED0D5;
	border-radius: 12px;
	padding: 10px 15px;
	margin-top: 8px;
}

.fContactForm input.wpcf7-text:focus,
.fContactForm input.wpcf7-mail:focus,
.fContactForm textarea:focus {
	border: 1px solid #45AC34;
}

.fContactForm textarea {
	height: 120px;
}

.fContactForm .fSubmit {
	text-align: center;
	padding-top: 10px;
}

.fContactForm input.wpcf7-submit {
	display: inline-block;
	background: url(/wp-content/themes/bazinga/images/cta-right.svg) no-repeat center right 15px;
	background-size: 15px auto;
	background-color: #fff;
	border: 2px solid #45AC34;
	border-radius: 15px;
	transition: 0.2s all;
	padding: 13px 46px 12px 16px;
	color: #1F2022;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
}

.fCTS2 img {
	display: inline-block;
	padding-left: 10px;
	transform: translateY(-2px);
}

.fContactForm .wpcf7-acceptance a {
	color: #45AC34!important;
}

.fContactForm .wpcf7-acceptance input {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	transform: translateY(3px);
}

.fContactForm .wpcf7-acceptance span.wpcf7-list-item {
	margin-left: 0;
}

#map-20210929 {
	border-radius: 20px;
}

@media all and (min-width: 992px) {
	.fCTS2 .fSectionContent {
		min-height: 310px;
	}
}

@media all and (max-width: 991px) {
	.fContactForm {
		margin-left: 0;
		margin-right: 0;
	}
}

.fSectionHead {
	font-size: 19px;
	padding-top: 0;
	padding-bottom: 30px;
	text-transform: none;
	color: #215B33;
	letter-spacing: 1px;
	font-weight: 700;
	text-align: left;
}

.fSectionTitle {
	font-size: 45px;
	font-weight: 700;
	line-height: 1.2;
}

.fSection1 .fSectionCTA {
	padding-top: 30px;
}

.fSection1 .col-lg-4.f6 {
	position: relative;
}

.fSection1 .col-lg-4.f6 .fSecDesc {
	font-size: 25px;
	line-height: 1.3;
	position: absolute;
	top: 50%;
	left: 20px;
	width: calc(100% - 40px);
	transform: translateY(-50%);
}

.fSection1 .row {
	position: relative;
	z-index: 2;
}

.fSection1 .col-lg-4 {
	position: relative;
	z-index: 2;
}

.fSec1circle1 {
	position: absolute;
	top: 50%;
	left: 33.3%;
	z-index: 3;
	width: 180px;
	height: 180px;
	background: url(images/sec1-circle2.svg) no-repeat center;
	background-size: auto 50%;
	background-color: #fff;
	border-radius: 999px;
	transform: translate(-50%,-50%);
	z-index: 3;
}

.fSec1circle2 {
	position: absolute;
	top: 50%;
	left: 66.6%;
	z-index: 3;
	width: 180px;
	height: 180px;
	background: url(images/sec1-circle1.svg) no-repeat center;
	background-size: auto 50%;
	background-color: #fff;
	border-radius: 999px;
	transform: translate(-50%,-50%);
	z-index: 3;
}

.fSec1circle1bkg {
	position: absolute;
	top: 50%;
	left: 33.3%;
	z-index: 3;
	width: 210px;
	height: 210px;
	background-color: #5BBF21;
	border-radius: 999px;
	transform: translate(-50%,-50%);
	z-index: 0;
}

.fSec1circle2bkg {
	position: absolute;
	top: 50%;
	left: 66.6%;
	z-index: 3;
	width: 210px;
	height: 210px;
	background-color: #5BBF21;
	border-radius: 999px;
	transform: translate(-50%,-50%);
	z-index: 0;
}



/* PAGE - CLIENT */

.fDocItems {
	padding-top: 80px;
}

.fDocItem {
	background: #264892;
	border-radius: 24px;
	box-shadow: 15px 15px 15px #d9d9d9;
}

.fDocTitle {
	padding-top: 30px;
	color: #fff;
	text-align: center;
	font-size: 30px;
}

.fDocCTA {
	padding: 40px 10px;
	text-align: center;
	padding-bottom: 30px;
}

.fDocCTA a.fCTA {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	background: #009E44;
	border: 1px solid #009E44;
	padding: 10px 54px;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 20px;
	transition: 0.2s;
	max-width: 90%;
	border-radius: 5px;
}

.fDocCTA a.fCTA:hover {
	color: #009E44;
	background: #fff;
}

.fCustSection1 {
	padding-bottom: 100px;
}

.fCustSection2 {
	background: url(/wp-content/themes/bazinga/images/cust-bkg.jpg) no-repeat center right 100px;
	background-size: contain;
	padding-top: 50px;
	padding-bottom: 100px;
}

.page-template-fClient .fCustSection2 {
	display: none;
}

.fCustSection2 .fSlogan {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 1px;
}

.fCustSection2 .col-lg-7 {
	overflow-x: hidden;
}

.fHistLoopRow {
	padding-top: 30px;
}

.fHistLoop {
	width: 10000px;
	transition: 0.4s;
}

.fHistItem {
	width: 400px;
	border-top: 1px solid #CED0D5;
	float: left;
	margin-top: 15px;
}

.fHistDrop {
	width: 30px;
	height: 30px;
	border-radius: 99px;
	background: #264892;
	transform: translateY(-15px);
}

.fActive .fHistDrop {
	background: #009E44;
}

.fActive .fHistContent {
	opacity: 1;
}

.fActive .fHistContent p {
	opacity: 1;
	font-size: 19px;
	font-weight: 600;
}

.fHistTitle {
	font-size: 36px;
	font-weight: 700;
	color: #264892;
	padding-top: 20px;
	padding-bottom: 25px;
}

.fHistContent {
	font-size: 16px;
	opacity: 0.5;
	padding-bottom: 0;
}

.fHistContent p {
	margin-bottom: 0;
	padding-right: 30%;
}

.fHistNav {
	position: relative;
	width: 250px;
	height: 100px;
}

.fHistPrev {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	border-radius: 999px;
	background: url(/wp-content/themes/bazinga/images/hist-arrow.svg) no-repeat center;
	background-size: 36% auto;
	background-color: #F2FAF6;
	transition: 0.1s;
	cursor: pointer;
}

.fHistNext {
	position: absolute;
	top: 0;
	left: 140px;
	width: 100px;
	height: 100px;
	border-radius: 999px;
	background: url(/wp-content/themes/bazinga/images/hist-arrow.svg) no-repeat center;
	background-size: 36% auto;
	background-color: #F2FAF6;
	transition: 0.1s;
	cursor: pointer;
	transform: rotate(180deg);
}

.fHistPrev:hover, .fHistNext:hover {
	background: url(/wp-content/themes/bazinga/images/hist-arrow-h.svg) no-repeat center;
	background-size: 36% auto;
	background-color: #009E44;
}

.fDoc2Items {
	padding-top: 100px;
}

.fDoc2Item {
	position: relative;
	background: #F4F6FA;
	transition: 0.2s;
	padding-top: 80px;
	padding-bottom: 30px;
	margin-bottom: 100px;
	border-radius: 24px;
}

.fDoc2Title {
	text-align: center;
	color: #264892;
	transition: 0.2s;
	font-size: 26px;
	padding-bottom: 0px;
	min-height: 120px;
	font-weight: 500;
}

.fDoc2Item:hover {
	background: #264892;
	box-shadow: 15px 15px 15px #d9d9d9;
}

.fDoc2Item:hover .fDoc2Title {
	color: #fff;
}

.fDoc2Icon img {
	width: auto;
	height: 100px;
	margin: 0 auto;
	background: #fff;
	padding: 15px;
	border-radius: 999px;
}

.fDoc2Icon {
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
}

.fDoc2Item .fDocCTA {
	padding: 0;
}

.fDoc2Item .fEmpty {
	height: 63px;
}

.fFAQItem {
	border: 1px solid #CED0D5;
	border-radius: 24px;
	margin-bottom: 24px;
}

.fFAQItem.fActive {
	background: #F4F6FA;
	border: 1px solid #F4F6FA;
}

.fFAQTitle {
	color: #264892;
	font-size: 24px;
	padding: 60px 30px;
	cursor: pointer;
	position: relative;
}

.fFAQArrow {
	position: absolute;
	right: 30px;
	top: 54px;
	height: 44px;
	width: 44px;
	background: url(/wp-content/themes/bazinga/images/faq.svg) no-repeat center;
	background-size: 66% auto;
	background-color: #fff;
	border-radius: 99px;
	cursor: pointer;
	transform: rotate(180deg);
	transition: 0.2s;
}

.fFAQContent {
	color: #0C162C;
	padding: 0 30px 60px 30px;
	display: none;
}

.fFAQItem.fActive .fFAQArrow {
	transform: rotate(0);
}

.fCustSection5 .f2 img {
	border-radius: 24px;
}

.fCustSection5 .f1 p {
	padding-bottom: 11px;
	padding-top: 5px;
	border-bottom: 1px solid #CED0D5;
	font-weight: 500;
}

.fCustSection5 .f1 p:nth-of-type(1) {
	border-bottom: none;
	padding-top: 0;
	padding-bottom: 5px;
}

.fCustSection5 .f3 p {
	padding-bottom: 11px;
	padding-top: 5px;
	border-bottom: 1px solid #CED0D5;
	font-weight: 500;
}

.fCustSection5 .f3 p:nth-of-type(1) {
	border-bottom: none;
	padding-top: 0;
	padding-bottom: 5px;
}

.fCustSection5 .f3 p strong {
	display: inline-block;
	float: right;
	opacity: 0.5;
	
}

.fCustSection6 {
	padding-top: 60px;
}

.fComplaintForm {
	background: #F4F6FA;
	border-radius: 24px;
	padding: 40px 10% 20px 10%;
	margin-bottom: 80px;
}

.fComplaintForm input.wpcf7-text,
.fComplaintForm input.wpcf7-mail,
.fComplaintForm textarea {
	padding: 12px;
	border: 1px solid #CED0D5;
	border-radius: 5px;
	margin-bottom: 15px;
	width: 100%;
	font-size: 15px;
}

.fComplaintForm .wpcf7-acceptance {
	font-size: 15px;
}

.fComplaintForm .wpcf7-acceptance a {
	text-decoration: underline;
}

.fComplaintForm .wpcf7-acceptance a:hover {
	color: #009E44;
}

.fComplaintForm .wpcf7-acceptance > span {
	margin-left: 0;
}

.fComplaintForm .wpcf7-submit {
	display: block;
	width: 100%;
	font-weight: 600;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	padding: 12px;
	background: #009E44;
	order: 1px solid #009E44;
	border-radius: 5px;
	margin-top: 10px;
}

.fSectionSubtitle {
	text-align: center;
	padding: 30px 0;
	font-size: 26px;
	font-weight: 600;
}

img.wp-image-173 {
	width: 440px!important;
	max-width: 90%!important;
	height: auto;
}

@media all and (min-width: 1280px) {
	.fHomeESG .col-lg-5 img {
		max-width: 80%;
	}
}

.fHistLoopRow .col-lg-7 {
	padding-left: 0;
}

.fContSection1 .fHomeHead {
	padding-bottom: 100px;
}

.fContRow {
	background: #fff;
	position: relative;
	background: #F4F6FA;
	border-radius: 20px;
	margin-bottom: 40px;
	margin-left: 65px;
	padding: 30px 40px 40px 80px;
}

.fContRowIcon {
	position: absolute;
	top: 50%;
	left: -55px;
	width: 100px;
	height: 100px;
	border-radius: 999px;
	transform: translateY(-50%);
	background: #fff;
}

.fContRowIcon img {
	width: auto;
	height: 60px;
	margin: 0 auto;
	margin-top: 20px;
}

.fContRow h3 {
	color: #264892;
	font-size: 28px;
	padding-bottom: 10px;
}

.fContRow p {
	margin-bottom: 0;
}

.fContRow .f2 p {
	display: inline-block;
	height: 34px;
	font-size: 21px;
	padding-left: 48px;
	background: url(/wp-content/themes/bazinga/images/phone-icon.svg) no-repeat left;
	background-size: auto 32px;
	font-weight: 600;
}

.fContRow.fCR4 .f2 p {
	font-size: 18px;
	height: auto;
}

.fContRow .f1,
.fContRow .f2,
.fContRow .f3 {
	position: relative;
}

.fContRow .f3, .fContRow .f3 p {
	text-align: center;
}

.fContRow .f3 p {
	width: 100%;
}

.fContRow .f3 a {
	display: inline-block;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 2px;
	font-weight: 600;
	padding: 13px 26px;
	background: #009E44;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.fContRow .f2 p {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.fContSection2 .fHomeHead {
	padding: 80px 0;
}

.fContSection2 .container {
	padding-left: 10%;
	padding-right: 10%;
}

.fContSection2 .fContForm {
	background: #F4F6FA;
	border-radius: 20px;
	padding-left: 40%;
	padding-right: 15%;
	padding-top: 80px;
	padding-bottom: 80px;
}

.fContSection2 .col-lg-4 {
	position: relative;
	z-index: 2;
}

.fContSection2 .col-lg-8 {
	position: relative;
	z-index: 1;
}

.fContSection2 .fContFormPhoto {
	position: absolute;
	top: 80px;
	height: calc(100% - 240px);
}

.fContSection2 .fContFormPhoto img {
	height: 100%;
	width: auto;
	max-width: 200%;
	border-radius: 20px;
}

.wpcf7-spinner {
	position: fixed;
	left: -9999px;
}

.fContSection2 form > p {
	margin-bottom: 0;
}

@media all and (max-width: 1699px) {
	.fContSection2 .fContForm textarea {
		height: 130px;
	}
}

@media all and (max-width: 1499px) {
	.fContSection2 .container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.fContRow h3 {
		font-size: 22px;
	}
	.fContRow .f1 p,
	.fContRow .f2 p,
	.fContRow.fCR4 .f2 p {
		font-size: 15px;
	}
}

@media all and (max-width: 991px) {
	.fContSection2 .fContForm {
		padding: 40px;
	}
	.fContRow .f2 p,
	.fContRow .f3 a {
		position: relative;
		top: auto;
		left: auto;
		transform: translateY(0);
	}
	.fContRow .f2 p {
		padding-top: 5px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.fContRow {
		margin-left: 0;
		margin-top: 60px;
		max-width: 100%;
		padding-top: 70px;
		padding-bottom: 20px;
		padding-left: 30px;
		padding-right: 30px;
		text-align: center;
	}
	.fContRow p {
		text-align: center!important;
	}
	.fContRowIcon {
		top: -50px;
		left: 50%;
		transform: translateX(-50%);
	}
	.fContSection2 .fHomeHead {
		padding: 40px 10px;
	}
	.fContRow .f3, .fContRow .f3 p {
		text-align: left;
	}
}

/* FOOTER */

.fFooter {
	margin-top: 40px;
}

.fFooterTop {
	position: relative;
	z-index: 2;
	background: #215B33;
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
	padding-top: 50px;
}

.fFooterTop .container {
	
}

.fFooterTop, .fFooterTop a {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
}

.fFooterBottom {
	padding: 0;
	background: #215B33;
	font-size: 15px;
	color: #fff;
	padding-top: 60px;
	position: relative;
	z-index: 1;
	height: 150px;
}

.fFooterBottom p, .fFooterBottom a {
	font-weight: 500;
}

.fFooterBottom a {
	display: inline-block;
	font-size: 15px;
	padding: 0;
	font-weight: 500;
	color: #5BBF21;
	text-decoration: underline;
} 

.fFooterBottom .container {
	position: relative;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	background: #2d6f2f;
	height: 100%;
	text-align: center;
}

.fCopyright {
	color: #fff;
	font-size: 16px;
}

.fCopyright {
	position: absolute;
	left: 90px;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	width: calc(100% - 180px);
}

.fFooterContent h3 {
	padding-bottom: 24px;
	line-height: 1.2;
}

.fFooterContent.f1 img {
	width: 170px;
	height: auto;
	max-width: 90%;
	padding-bottom: 24px;
}

.fFooterContent.f2 a, .fFooterContent.f3 a {
	display: inline-block;
	padding-bottom: 12px;
	padding-right: 30px;
}

.fFooterContent.f2 a::before, .fFooterContent.f3 a::before {
	content: "\00a0\2022\00a0\00a0\00a0";
}

.fFooterContent.f2 a:hover, .fFooterContent.f3 a:hover {
	color: #5BBF21;
	text-decoration: underline;
}

.fFooterContent.f2 p br, .fFooterContent.f3 p br {
	display: none;
}

.fFooterTop .container {
	position: relative;
}

.fArrowUp {
	position: absolute;
	top: 50%;
	right: 40px;
	width: 44px;
	height: 44px;
	background: url(/wp-content/themes/flw-bazinga/images/up.svg) no-repeat center;
	background-size: contain;
	cursor: pointer;
	transform: translateY(-50%);
}

.fFooterSocials {
	text-align: left;
	margin-top: 5px;
	opacity: 1;
}

.fSocial {
	display: inline-block;
	width: 54px;
	height: 54px;
	margin: 10px 15px 10px 0;
	border: 1px solid #5BBF21;
	border-radius: 999px;
}

.fSocial a {
	display: block;
	width: 100%;
	height: 100%;
} 

.fFB {
	background: url(/wp-content/themes/flw-bazinga/images/fb.svg) no-repeat center;
	background-size: auto 40%;
}

.fIG {
	background: url(/wp-content/themes/flw-bazinga/images/ig.svg) no-repeat center;
	background-size: auto 40%;
}

.fYT {
	background: url(/wp-content/themes/flw-bazinga/images/yt.svg) no-repeat center;
	background-size: auto 40%;
}

@media all and (max-width: 1799px) {
	.fSectionTitle {
		font-size: 37px;
	}
}

@media all and (max-width: 1599px) {
	.fHomeESG .fSectionDesc p {
		margin-bottom: 15px;
	}
	.fHomeESG .fSectionDesc p img {
		max-width: 300px;
		height: auto;
	}
	.fHomeLogo img {
		height: 50px;
	}
	.fMenu {
		padding-left: 200px;
	}
	.fServSection5 .fSecDesc p,
	.fServSection6 .fSecDesc p {
		font-size: 17px;
	}
	.fServTel h2 {
		font-size: 20px;
	}
	.fCustSection5 .f1 p {
		padding-bottom: 5px;
		padding-top: 2px;
	}
}

@media all and (max-width: 1399px) {
	.fMenu ul li {

	}
	.fMenu ul li a {
		letter-spacing: 0;
	}
	
	.fSectionDesc h3 {
		font-size: 28px;
	}
	.fSec2img.f1 .fSec2imgTitle,
	.fSection1 .col-lg-4.f6 .fSecDesc {
		font-size: 21px;
	}
	.fSec2imgTitle {
		font-size: 16px;
	}
	.fPackTitle {
		font-size: 21px;
	}
	.fSec6iconDesc {
		font-size: 14px;
	}
	.fSec3imgDesc  {
		font-size: 13px;
		line-height: 1.2;
	}
}

@media all and (max-width: 1279px) {
	html, body {
		
	}
	.fHeader .container {
		border-bottom: none;
	}
	.fMainWrapper {
		padding-top: 110px;
	}
	.fHeader {

	}
	.fLang {
		right: 145px;
	}
	.fLogo {
		margin-top: 9px;
	}
	.fHeader .fMenu {
		position: fixed;
		top: 120px;
		left: 0;
		width: 100%;
		display: none;
		z-index: 1000;
		padding-right: 0;
		margin-top: 0!important;
		padding-top: 0;
		background: #215B33;
	}
	.fMenu>div {
		display: block;
	}
	li.menu-item-43, li.menu-item-51 {
		padding-left: 15px!important;
	}
	.fMenu ul {
		width: 100%;
		padding-left: 0px;
		background: none;
	}
	.fMenu ul li {
		display: block;
		width: 100%;
		height: 40px;
		text-align: center;
		background: none;
		border-bottom: none;
		margin: 0;
		padding: 0px 15px;
	}
	.fMenu ul li a {
		display: block;
		padding-top: 11px;
		font-size: 15px;
	}
	.fFooterMenu .fMenu ul li a {
		padding-top: 5px;
	}
	.fMenuIcon {
		display: block;
		position: fixed;
		right: 5%;
		top: 27px;
		width: 30px;
		height: 42px;
		transition: 1s all ease-in-out;
		-webkit-transition: 1s all ease-in-out;
		cursor: pointer;
	}
	.fMenuDrop, .fMenuDrop1 {
		display: none!important;
	}
	.fFooterMenu .fMenu {
		display: block!important;
		background: transparent!important;
	}
	.fFooterMenu .fMenu ul {
		background: transparent!important;
	}
	.fFooterMenu .fMenu ul li {
		display: inline-block!important;
		width: auto!important;
		background: transparent!important;
	}
	.fMenu {
		padding-left: 0;
	}
	.fBannerDesc p {
		font-size: 38px;
	}
	.fSec2imgTitle {
		top: 58%;
	}
	.fSec2desc h3 {
		font-size: 24px;
	}
	a.fCTA {
		padding: 15px 10px;
	}
}

@media all and (max-width: 1199px) {
	.fAdvTitle {
		font-size: 20px;
	}
	.fHomeLogo img {
		height: 40px;
	}
	.fFooterBottom, .fFooterBottom a {
		font-size: 12px;
	}
	.fHomeMission p {
		font-size: 13px;
	}
	.fHomeESG .fSectionHead {
		margin-top: 30px;
	}
	.fDocTitle,
	.fDoc2Title {
		font-size: 22px;
	}
	.fDoc2Item .fEmpty {
		height: 23px;
	}
	.fBannerArrowContainer {
 		width: 220px;
		height: 70px;
	}
	.fPauseContainer {
		width: 90px;
		height: 70px;
	}
}


@media all and (max-width: 1099px) {

}

@media all and (max-width: 991px) {
	.fFooterBottom {
		padding-top: 90px;
		height: 200px;
	}
	.fLang {
	
	}
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.fMobile {
		display: block;
	}
	.fNotMobile {
		display: none;
	}
	.fCredits {
		text-align: left;
	}
	.fServItem {
		margin-bottom: 30px;
	}
	.fAdvContent {
		min-height: 1px;
	}
	.fHomeMission p {
		font-size: 18px;
		text-align: center;
	}
	.fHomeMission .fMissionTitle p {
		font-size: 24px;
	}
	.fMissionIcon {
		margin-left: auto;
		margin-right: auto;
	}
	.fMissionTitle {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.fHomeLogos .col-lg-20 {
		flex: 0 0 50%;
		width: 50%;
		max-width: 50%;
	}
	.fHomeLogo {

	}
	.fLogoArrow {
		display: none!important;
	}
	.fArrowUp {
		top: 20px;
		right: 20px;
	}
	.fFooterBottom, .fFooterBottom a, .fFooterBottom h4, .fCredits {
		font-size: 13px;
		text-align: left;
	}
	.fHomeMission {
		padding-top: 0;
	}
	.fMissionItem {
		padding-top: 10px;
		padding-bottom: 30px;
	}
	.fAdvItem {
		margin-top: 10px;
	}
	.fRepItem a {
		width: 320px;
		max-width: 100%;
		margin: 0 auto;
	}
	.fCredits {
		text-align: right;
	}
	.fServSection2 {
		margin-top: 20px;
	}
	.fServMap {
		position: relative;
		width: 90%;
		margin-left: 10%;
		top: auto;
		left: auto;
		margin-bottom: 30px;
	}
	.fRowDesc {
		padding-left: 0;
	}
	.fServTel {
		padding: 30px 0;
	}
	.fServSection3 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.fServMapItem {
		text-align: center;
	}
	.fServMapIcon img {
		margin: 20px auto;
	}
	.fServSection4 .fHomeHead h1 {
		padding-top: 30px;
	}
	.fServSection4 .col-lg-3 {
		margin-left: 0;
		margin-right: 0;
	}
	.fServSection5 {
		padding-top: 30px;
	}
	.fServSection5 .col-lg-4 > img, .fServSection6 .col-lg-4 > img {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.fServSection5 .fSectionHead {
		padding-top: 40px;
	}
	.fServSection6 {
		padding-top: 80px;	
	}
	.fServMapArrow {
		transform: rotate(90deg);
		left: 80%;
	}
	.fRowTitle, .fRowDesc {
		padding: 10px;
	}
	.fServProdDesc {
		padding-bottom: 20px;
	}
	.fDocItem {
		margin-bottom: 20px;
	}
	.fHomeHead h1 {
		font-size: 32px;
	}
	.fDoc2Title {
		font-size: 19px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.fCustSection5 .col-lg-4.f2 {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.fCustSection5 .col-lg-4.f2 img {
		width: 100%;
		height: auto;
	}
	.fDoc2Title {
		min-height: 60px;
	}
	.fCustSection4 .fSectionHead.fPageHead {
		padding-top: 0;
	}
	.fSlogan {
		text-align: center;
	}
	.fCustSection2 {
	background: url(/wp-content/themes/bazinga/images/cust-bkg.jpg) no-repeat center;
	background-size: cover;
	}
	.fHomeMission .container {
		background: url(/wp-content/themes/bazinga/images/bkg2.png) no-repeat top right;
		background-size: cover;
	}
}

@media all and (max-width: 699px) {
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.fServPhoto img {
		width: 100%;
	}
}

/* NAV-ICON */

/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 36x;
  height: 36px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #45AC34;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 6px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 29px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.cky-btn.cky-btn-accept {
	border-radius: 30px;
	font-weight: 600;
}

.cky-btn.cky-btn-customize {
	text-decoration: underline!important;
}

.cky-notice-des p {
	width: 970px;
	max-width: 100%;
}

.cky-consent-container .cky-consent-bar {
	padding-top: 10px!important;
}

.fResults {
	border-radius: 30px;
    background: #e7e8e6;
    margin-top: 20px;
    display: none;
}

.fResDesc {
	text-align: center;
}

.fResDesc p {
	width: 49%;
	display: inline-block;
	margin-bottom: 40px;
}

.fResDesc p a {
	color: #000;
	display: block;
	text-align: center;
	margin-bottom: 15px;
}

.fResOrder {
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	background: #b9d53a;
	color: #000;
	letter-spacing: 0.5px;
	padding: 17px 20px;
	border-radius: 30px;
	text-align: center;
	border: 2px solid #b9d53a;
	margin-top: 20px;
	transition: 0.2s all ease-in-out;
	-webkit-transition: 0.2s all ease-in-out;
}

.fResBack {
	text-align: center;
}

@media all and (max-width: 699px) {
	a.fCTA {
		padding: 14px 17px;
	}
	.fHomeStartDesc {
		padding-left: 20px;
	}
}

/* SINGLE - BLOG */

.fBlogSinglePhoto {
	width: 100%;
}

.fBlogSinglePhoto img {
	border-radius: 30px;
	margin: 30px 0;
	width: 100%;
	height: auto;
}

h1.fSingleBlogTitle {
	font-weight: 600;
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 24px;
}

.single-blog .fSingleDesc p:nth-child(1) {
	font-weight: 400;
	font-size: 17px;
	font-weight: 300;
}

.single-blog .fSingleDesc p {
	font-size: 17px;
	line-height: 24px;
	font-weight: 300;
}

.single-blog .fSingleDesc img {
	border-radius: 30px;
}

@media all and (min-width: 992px) {
	.single-blog .fBlogItemContainer:nth-child(2n+2) .fBlogItem,
	.single-blog .fBlogItemContainer:nth-child(2n+4) .fBlogItem {
		padding-top: 40px;
	}
	.fHomeDietButtons {
		text-align: center;
	}
}

@media all and (min-width: 1366px) {
	.fHomeStartDesc {
		width: 35%;
		padding: 40px 50px;
	}
	.fHomeStartTitle {
		font-size: 42px;
	}
	.fStartCircles {
		left: 33%;
	}
}

b, strong {
	font-weight: 700;
}

@media (max-width: 991px) {
    .reverse-mobile {
        flex-direction: column-reverse;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.fFooterSocials {
		transform: scale(0.8);
	}
	.fSocial {
		margin: 10px;
	}
}

p, img {
	opacity: 1;
	transition: 0.5s all;
}

.fFadeInScrolled {
	opacity: 1;
}

.page-template-fAbout .fAS1photo img {
	width: 100%;
	height: auto;
	border-radius: 30px;
	opacity: 1!important;
}

@media all and (max-width: 991px) {
	html, body {
		overflow-x: hidden;
	}
	.fSec1circle1, .fSec1circle2,
	.fSec1circle1bkg, .fSec1circle2bkg {
		display: none;
	}
	.fSection1 .col-lg-4.f6 .fSecDesc {
		position: relative;
		top: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		transform: none;
	}
	.fSection1 {
		padding: 30px 0;
	}
	.fSec3img.f1 {
		margin-bottom: 30px;
	}
	.fSec2img.f2 img {
		position: relative;
		top: 0;
		transform: none;
	}
	.fSection2 .col-lg-3.col-sm-6 {
		margin-bottom: 30px;
		width: 50%;
	}
	.fSec2desc.fSec3desc p {
		padding-right: 0;
	}
	.fProductItem,
	.fPackItem {
		margin-bottom: 20px;
	}
	.fFooter .col-lg-3.col-sm-12 {
		margin-bottom: 40px;
	}
	.fSec6icon {
		margin-bottom: 20px;
	}
	.fSec6iconImg img {
		margin: 0 auto;
	}
	.fSec6iconDesc {
		text-align: center;
	}
	.fSec6ctaContainer {
		padding-top: 150px;
	}
	.fLang {
		
	}
	.fSection2 .fSectionHead {
		text-align: center;
	}
	.fHomeProductsLoop {
		padding-top: 20px;
	}
	.fBannerPhoto img {
		height: 440px;
		width: auto;
		min-width: 100%;
		max-width: 200%;
	}
}

@media all and (max-width: 768px) {
	.fLogo {
		margin-left: 5px;
	}
	.fSearchIcon {
		right: 65px;
	}
	.fLang {
		right: 120px;
	}
	.fSectionTitle {
		font-size: 32px;
	}
	.fPackButton {
		margin: 0 auto;
	}
	.fPackIcon img {
		display: block;
		margin-left: auto!important;
		margin-right: auto!important;
	}
	.fPackTitle {
		text-align: center;
	}
	.fPackDesc {
		padding-top: 24px;
	}
}

.search h1.page-title span {
	color: #5BBF21;
}

.fSearchItem {
	margin-top: 10px;
}

.fSearchItem a:hover {
	color: #215B33;
	text-decoration: underline;
}

.fProductSubtitle {
	height: 200px;
	overflow-y: hidden;
}

.fProductsCTA {
	margin-top: 24px;
}

.fEventsNav {
	text-align: center;
	margin: 5px auto;
}

.fEventsNav, .fEventsNav a {
	font-size: 20px;
}

.fEventsNav a {
	text-decoration: underline;
	margin: 5px;
}

.fEventsNav a:hover {
	color: green;
}

.fProdSection1 .fSectionBlur.f2 {
	z-index: -1;
}

.fPauseContainer {
	display: none;
}

/* ADDENDA */

.page-template-fAbout .fAboutSection4 {
	display: none;
}

.home .fSection5 {
	display: none;
}

.fFooterSocials {
	display: none;
}

.fSec3imgDesc a {
	color: #fff;
	text-decoration: underline;
}

#myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

/* TEMP */

.fLang {
	display: none;
}

.fBannerDesc h1 {
  display: inline-block;
  height: 2.5rem;
  font-size: 48px;
  margin-bottom: 0;
}

.text-container {
  display: inline-flex;
  flex-direction: column;
  height: 54px;
  overflow: hidden;
  transform: translateY(0);
}

.text-container span {
  height: 60px;
  text-decoration: none;
  text-align: left;
  animation: moveUp 10s linear infinite;
}

@keyframes moveUp {
  0% {
    transform: translateY(0);
  }
  
  5% {
    transform: translateY(0);
  }

  15% {
    transform: translateY(-53px);
  }

  25% {
    transform: translateY(-53px);
  }

  35% {
    transform: translateY(-106px);
  }

  45% {
    transform: translateY(-106px);
  }

  55% {
    transform: translateY(-159px);
  }

  65% {
    transform: translateY(-159px);
  }

  75% {
    transform: translateY(-212px);
  }

  95% {
    transform: translateY(-212px);
  }

  100% {
    transform: translateY(0);
  }
}

span.fBannerDescTxt {
	display: inline-block;
	transform: translateY(-1px);
}

@media all and (max-width: 991px) {
	.fBannerDesc h1 {
		text-align: left;
		font-size: 21px;
	}
	.text-container {
		display: block;
		height: 45px;
	}	
	.text-container span {	
		font-size: 21px;
		line-height: 0.7;
		display: block;
		height: 54px;
	}
}

.fEventsNav {
	display: block;
	width: 100%;
}