/*
Theme Name: CycleFarms
*/

@font-face {
  font-family:"Pluto";
  src:url("assets/fonts/PlutoBold.woff2") format("woff2"),url("assets/fonts/PlutoBold.woff") format("woff"),url("assets/fonts/PlutoBold.otf") format("opentype");
  font-style:normal;
  font-weight:700;
}

@font-face {
  font-family:"Pluto";
  src:url("assets/fonts/PlutoRegular.woff2") format("woff2"),url("assets/fonts/PlutoRegular.woff") format("woff"),url("assets/fonts/PlutoRegular.otf") format("opentype");
  font-style:normal;
  font-weight:400;
}

@font-face {
  font-family:"Pluto";
  src:url("assets/fonts/PlutoThin.woff2") format("woff2"),url("assets/fonts/PlutoThin.woff") format("woff"),url("assets/fonts/PlutoThin.otf") format("opentype");
  font-style:normal;
  font-weight:100;
}

body {
	font-family: 'Pluto',sans-serif;
	padding:140px 0 0 0;
	background:#19a7ad;
	overflow-x:hidden;
}

body.searchOpened {
	overflow:hidden;
	padding-right:0;
}

body.opened {
	overflow:hidden;
}

.black {
	color:#191919;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

@media (min-width:768px) {
	body {
		padding:0 50px;
	}

	body.searchOpened {
		padding-right:65px;
	}
}

#page {
	position:relative;
}

#branding {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1000;
	height:140px;
	background:#fff;
}

@media (min-width:768px) {
	#branding {
		position:relative;
		height:auto;
		top:auto;
		left:auto;
		right:auto;
		background:transparent;
	}
}

#menu-header {
	position:relative;
}

#searchBlockHolder {
	position:fixed;
	z-index:1;
	top:75px;
	right:15px;
	width:32px;
	height:32px;
	overflow:hidden;
}

body.opened #searchBlockHolder {
	z-index:-1;
}

#searchBlock {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:32px;
	height:32px;
	background-color:#fff;
	background-image:url(assets/images/magnifyB.png);
	background-repeat:no-repeat;
	background-size:32px 32px;
	-webkit-transition:all 200ms ease;
	transition:all 200ms ease;
}

#searchBlock:hover {
	background-image:url(assets/images/magnify.png);

}

#searchFormHolder {
	position:absolute;
	top:45px;
	left:5px;
	right:5px;
	display:none;
}

#searchFormHolder:before {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.5);
	content:"";
	display:block;
	z-index:999;
}

#searchForm {
	position:relative;
	box-shadow:0 0 40px rgba(0,0,0,0.5);
	padding:15px;
	z-index:1001;
	background:#fff;
}

#searchForm form {
	min-height:50px;
	padding:0;
	margin:0;
}

#searchForm .searchClose {
	width:34px;
	height:34px;
	background:#fff url(assets/images/searchClose.png) no-repeat center center;
	background-size:34px 34px;	
	position:absolute;
	top:25px;
	right:15px;
	display:block;
}

#searchForm #searchsubmit {
	width:48px;
	height:48px;
	border-radius:50%;
	border:3px solid #19a7ad;
	display:inline-block;
	background:#fff url(assets/images/searchArrow.png) no-repeat center center;
	background-size:34px 25px;
	text-indent:-999px;
	position:absolute;
	top:19px;
	right:60px;
}

#searchForm #searchsubmit:hover {
	background-color:#19a7ad;
	background-image:url(assets/images/searchArrowW.png);
	-webkit-transition:all 200ms ease;
	transition:all 200ms ease;
}

#searchForm #search {
	border:none;
	-webkit-appearance:none;
	font-size:2rem;
	font-weight:300;
	padding:5px 5px;
	width:calc(100% - 100px);
	margin:0;
}

#searchForm #search:active,
#searchForm #search:focus {
	outline:none;
	background:#eee;
	-webkit-transition:all 200ms ease;
	transition:all 200ms ease;
}


@media (min-width:768px) {
	#searchBlockHolder {
		position:absolute;
		top:0;
		right:0;
		width:170px;
		height:170px;
		z-index:99;
	}

	#searchBlock {
		top:-80px;
		right:-60px;
		width:170px;
		height:170px;
		border-radius:50%;
		background-position:50px 100px;
	}

	#searchFormHolder {
		top:15px;
		left:15px;
		right:15px;
	}

	#searchForm form {
		min-height:200px;
	}

	#searchForm .searchClose {
		top:90px;
		right:60px;
	}

	#searchForm #searchsubmit {
		width:95px;
		height:95px;
		top:60px;
		right:150px;
	}

	#searchForm #search {
		width:calc(100% - 250px);
		padding:30px 40px;
		margin:30px 0;	
		font-size:3rem;
	}
}

.container.full {
  display:table;
  width: 100%;
  height:100%;
  margin-top: -50px;
  padding: 50px 0 0 0; /*set left/right padding according to needs*/
  box-sizing: border-box;
}

.container.full > .row {
    height: 100%;
    display: table-row;
}

.container.full > .row > div {
  display: table-cell;
  float: none;
}

#top-header {
	position:absolute;
	background:#fff;
	left:5px;
	right:5px;
}

#top-header ul {
	list-style:none;
	margin:0;
	padding:0;
}

@media (min-width:768px) {
	#top-header {
		position:relative;
		background:#19a7ad;
		left:auto;
		right:auto;
	}

	#top-header ul {
		margin:0 0 0 100px;
	}
}

.navbar-toggler {
	z-index:99;
	float:none;
	position:fixed;
	top:75px;
	left:15px;
	padding:0;
	margin:0;
	border-radius:0;
}

@media (max-width:767px) {


	.navbar-collapse {
		background:#fff;
	}
		.navbar-collapse.show {
		overflow-y: visible
	}

	#home_logo {
		display:block;
		margin:0 auto;
		width:236px;
		position:relative;
		z-index:1;
		padding:0;
	}

	body.opened #home_logo {
		z-index:-1;
	}

	#menu-container {
		padding:30px 0;
		margin:40px -10px 0 -10px !important;
	}

	#menu-container.collapsing:before,
	#menu-container.show:before {
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:rgba(0,0,0,0.5);
		content:"";
		display:block;
		z-index:-1;
	}

	#menu-container.collapsing:after,
	#menu-container.show:after {
		position:fixed;
		top:65px;
		left:5px;
		width:60px;
		height:90px;
		background:#fff;
		content:"";
		display:block;
		z-index:-1;
	}
}

#top-header ul.countries {
	float:none;
	width:100%;
}


#top-header ul.countries li {
	display:inline-block;
	margin-right:-4px;
	width:50%;
}


#top-header ul.countries li a {
	text-align:center;
	display:block;
	min-height:54px;
	line-height:54px;
	padding:0;
	outline:0;
	color:#fff;
	font-size:.9rem;
	background:#13848d;
	-webkit-transition:all 200ms ease;
	transition:all 200ms ease;
}

@media (min-width:768px) {
	.navbar-toggler {
		display:none;
	}

	#home_logo {
		display:block;
		margin-left:100px;
	}

	#top-header ul.countries {
		float:left;
		width:auto;
	}

	#top-header ul.countries li {
		width:auto;
	}

	#top-header ul.countries li a {
		padding:0 50px;
	}
}


#top-header ul.countries li.active a,
#top-header ul.countries li a:hover {
	text-decoration:none;
	background:#fff;
	color:#191919;
}

#top-header ul.countries li.active a strong,
#top-header ul.countries li a:hover strong {
	color:#19a7ad;
}

#top-header ul.languages-selector {
	text-align:center;
	background:#19a7ad;
	color:#fff;
}


#top-header ul.languages-selector li {
	display:inline-block;
}

#top-header ul.languages-selector li:first-child {
	width:100%;
}

#top-header ul.languages-selector li.menu-item {
	width:50%;
}

#top-header ul.languages-selector li a {
	color:#0f5f64;
	margin:0;
	text-transform:uppercase;
	display:block;
	height:54px;
	line-height:54px;
	position:relative;
}

#top-header ul.languages-selector li:first-child a {
	margin-right:0;
	color:#fff;
	text-transform:none;
	border-bottom:1px solid #13848d;
}

#top-header ul.languages-selector li:last-child a {
	padding-left:10px;
}

#top-header ul.languages-selector li:last-child a:before {
	position:absolute;
	top:10px;
	height:32px;
	left:0;
	width:1px;
	background:#0f5f64;
	content:"";
}

@media (min-width:768px) {
	#top-header ul.languages-selector {
		text-align:right;
		background:transparent;
		color:inherit;
	}

	#top-header ul.languages-selector li:first-child {
		width:auto;
	}

	#top-header ul.languages-selector li.menu-item {
		width:auto;
	}

	#top-header ul.languages-selector li a {
		margin:0 5px;
	}

	#top-header ul.languages-selector li:first-child a {
		margin-right:80px;
		color:#fff;
		border-bottom:none;
	}

	#top-header ul.languages-selector li:last-child a:before {
		top:20px;
		height:12px;
	}
}



#top-header ul.languages-selector li a.active,
#top-header ul.languages-selector li a:hover,
#top-header ul.languages-selector li a:active {
	text-decoration:none;
	outline:0;
	color:#fff;
}

.green {
	color:#19a7ad;
}

#menu-header #home_logo img {
	max-width:236px;
	height:auto;
}

#menu-header nav.navbar {
	background:transparent;
	border:none;
	border-radius:0;
	padding:15px 0;
	margin:0;
	min-height:140px;
	align-items:start;
}

#menu-header .navbar-toggler:focus {
	outline:0;
}

#menu-header .navbar-toggler-icon {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media (min-width:768px) {
	#menu-header nav.navbar {
		background:#fff;
		padding-top:15px;
		padding-bottom:15px;
	}
}

body.home #menu-header nav.navbar,
body.page-template-ghana-front-page #menu-header nav.navbar {
	background:none;
}

#nav-menu {
	margin:30px 0 0 0;
	text-align:center;
}

#nav-menu li a {
	color:#191919;
	font-weight:700;
	font-size:1rem;
	margin:0 5px;
	border-radius:0;
	padding-left:5px;
	padding-right:5px;
	-webkit-transition:all 200ms ease;
	transition:all 200ms ease;
}

.dropdown-menu {
	border-radius:0;
	background:#fff;
	border:none;
	box-shadow:0 3px 10px rgba(0,0,0,0.3);
	text-align:left;
}

#nav-menu li a:hover,
#nav-menu li a:focus,
#nav-menu li a:active,
#nav-menu li.dropdown.open > a,
#nav-menu .dropdown-menu > .active > a {
	background:none;
	color:#13848d;
}

#nav-menu li.dropdown.open ul a:hover {
	background:#13848d;
	color:#fff;
}

#nav-menu li > .dropdown-menu {
	background:#efefef;
	text-align:left;
	padding:5px 0;
}

#nav-menu li .dropdown-menu a {
	font-weight:400;
}

@media (min-width:768px) {
	#nav-menu {
		text-align:left
	}

	#nav-menu > li > .dropdown-menu > li.dropdown ul.dropdown-menu {
		left:100%;
		top:0;
	}

	#nav-menu > li > .dropdown-menu > li.dropdown:hover ul.dropdown-menu {
		display:block;
	}
}

#lowerFooter .menu {
	list-style:none;
	margin:0;
	text-align:right;
}

#lowerFooter .menu li {
	display:inline-block;
}

#lowerFooter .menu li a {
	color:#797979;
	margin-left:40px;
}

.buttonGradient,
.is-style-outline .wp-block-button__link {
	background: #13848d;
	background: -moz-linear-gradient(left,  #13848d 0%, #19a7ad 100%);
	background: -webkit-linear-gradient(left,  #13848d 0%,#19a7ad 100%);
	background: linear-gradient(to right,  #13848d 0%,#19a7ad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13848d', endColorstr='#19a7ad',GradientType=1 );
	border-radius:25px;
	border-width:0;
	height:54px;
	line-height:54px;
	color:#fff;
	font-weight:700;
	text-align:center;
	padding:0 40px;
	display:inline-block;
	-webkit-transition:all 200ms ease;
	transition:all 200ms ease;
}

.buttonGradient.white {
	background: #e5e5e5;
	border-radius:25px;
	height:54px;
	line-height:54px;
	color:#19a7ad;
	font-weight:700;
	text-align:center;
	padding:0 40px;
	display:inline-block;
	-webkit-transition:all 200ms ease;
	transition:all 200ms ease;
}

.buttonGradient:hover,
.buttonGradient:focus,
.is-style-outline .wp-block-button__link:hover,
.is-style-outline .wp-block-button__link:focus {
	color:#fff;
	text-decoration:none;
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline:0;
}

.buttonGradient.white:hover,
.buttonGradient.white:focus {
	color:#19a7ad;
}

.content,
.innerTxt,
#footer-left,
#lowerFooter {
	font-family:Arial;
	text-align:justify;
}

.content {
	padding-bottom:15px;
	text-align:justify;
}

/********************/
/* TOP MAIN CONTENT */
/********************/
#topMainContent {
	background-color:#fff;
	margin-top:0;
	padding-top:0;
	min-height:500px;
	position:relative;
	border-top:20px solid #19a7ad;
	overflow:hidden;
}

#topMainContent:before {
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-55%) translateY(-40%);
	width:100%;
	height:100%;
	content:"";
	background:url(assets/images/circles.png) no-repeat center center;
	background-size:50%;
	z-index:5;
}


#topBannerContent {
	position:relative;
	z-index:5;
	padding:15px;
}

#topBannerContent h2 {
	font-size:1.8rem;
	font-weight:700;
	margin:30px 0 0;
}

#topBannerContent h3 {
	font-size:2rem;
	margin-top:0.5rem;
}

@media (min-width:768px) {
	#topMainContent {
		margin-top:-205px;
		padding-top:205px;
		min-height:750px;
		border-top:none;
		overflow:visible;
	}

	#topMainContent .container-fluid {
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		z-index:5;
	}

	#topBannerContent {
		padding-left:200px;
		padding-top:60px;
		padding-right:35%;
	}

	#topBannerContent h2 {
		font-size:2.4rem;
	}

	#topBannerContent h3 {
		font-size:1.8rem;
	}
}

#topMainContent .imageHolder {
	position:absolute;
	top:0;
	right:-150px;
	bottom:0;
	width:100%;
	z-index:4;
}

#topMainContent .innerImageHolder {
	position:absolute;
	top:0;
	right:-1px;
	bottom:0;
	left:0;
	background-color: white;
	-webkit-mask:  url(assets/images/ImgBannerMaskB.svg) no-repeat;
    mask: url(assets/images/ImgBannerMaskB.svg) no-repeat;
	background-size:cover;
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#d00;
	z-index:3;
}


@media (min-width:768px) {
	#topMainContent:before {
		width:573px;
		height:573px;
		background-size:100%;
	}

	#topMainContent:after {
		position:absolute;
		bottom:0;
		right:0;
		content:"";
		width:337px;
		height:280px;
		background:url(assets/images/formeB.png) no-repeat;
		background-size:100%;
	}

	#topMainContent .imageHolder {
		position:absolute;
		top:0;
		right:0;
		bottom:-45px;
		width:740px;
		z-index:4;
		overflow:hidden;
	}
}

.threeBlocks {
	padding:30px 0;
}

.threeBlocks h3 {
	color:#fff;
	font-weight:bold;
	margin:30px 0;
}

.threeBlocks div.singleThreeBlock {
	min-height:500px;
	padding:15px;
	background:#efefef;
	color:#2a2a2a;
	position:relative;
}

.threeBlocks .center div.singleThreeBlock {
	background:#00868f;
	color:#fff;
}

.threeBlocks div.singleThreeBlock .singleBlockImgHolder {
	min-height:200px;
	background:#fff;
	position:relative;
}

.threeBlocks div.singleThreeBlock .singleBlockImgHolder  img {
	width:90%;
	height:90%;
	max-width:100%;
	max-height:100%;
	object-fit:contain;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	display:block;
}

.threeBlocks div.singleThreeBlock .titleHolder {
	text-align:center;
	position:relative;
	min-height:100px;
	line-height:100px;
	display:table;
	margin-bottom:40px;
	width:100%;
}

.threeBlocks div.singleThreeBlock .titleHolder h2::after {
	position:absolute;
	bottom:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	width:30px;
	height:2px;
	background:#01aaaf;
	content:"";
	display:block;
}

.threeBlocks .center div.singleThreeBlock .titleHolder h2:after {
	background:#fff;
}

.threeBlocks div.singleThreeBlock .titleHolder h2 {
	display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
	padding:0 0 20px;
	text-transform:uppercase;
	font-size:1.8rem;
	line-height:1;
	font-weight:700;
	position:relative;
}

.threeBlocks div.singleThreeBlock .singleBlockImgHolder + .titleHolder h2 {
	margin:0;
	padding:0;
}

.threeBlocks div.singleThreeBlock .content {
	font-size:.9rem;
	text-align:justify;
}

@media (min-width:768px) {
	.threeBlocks div.singleThreeBlock {
		padding:100px 15px 100px;
	}

	.threeBlocks div.singleThreeBlock .content {
		height:234px;
		overflow:hidden;
	}
}

.threeBlocks div.singleThreeBlock .linkHolder {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:100px;
	line-height:80px;
	padding:0 15px;
}

.threeBlocks div.singleThreeBlock .linkHolder a {
	color:#01aaaf;
	font-weight:700;
	line-height:1;
	display:inline-block;
	-webkit-transform:translateY(50%);
	transform:translateY(50%);
}

#page.ghana .threeBlocks div.singleThreeBlock .linkHolder a {
	text-align:center;
}

.threeBlocks .center div.singleThreeBlock .linkHolder a {
	color:#fff;
}

.threeBlocks div.singleThreeBlock .linkHolder:before {
	position:absolute;
	bottom:51px;
	right:25px;
	width:33px;
	height:2px;
	background-color: #01aaaf;
	z-index:5;
	content:"";
	display:block;
}

.threeBlocks div.singleThreeBlock .linkHolder:after {
	position:absolute;
	bottom:35px;
	right:41px;
	width:2px;
	height:33px;
	background-color: #01aaaf;
	z-index:5;
	content:"";
	display:block;
}

.threeBlocks .center div.singleThreeBlock .linkHolder:before,
.threeBlocks .center div.singleThreeBlock .linkHolder:after {
	background-color:#fff;
}

#secondBanner {
	padding:30px 0;
	color:#fff;
}

@media (min-width:1200px) {
	.threeBlocks div.singleThreeBlock {
		padding:100px 70px 100px;
	}

	.threeBlocks div.singleThreeBlock .linkHolder {
		padding:0 70px;
	}
}

#thirdBanner {
	background:#fff;
	padding:0;
}

#thirdBanner > div > div {
	min-height:680px;
}

#thirdBannerLeft img {
	max-width:100%;
	display:block;
	margin:0 auto;
}

#thirdBannerRight {	
	min-height:0;
	padding:15px;
	background-color:#efefef;
	background-repeat:no-repeat;
	background-position:calc(100% + 150px) calc(100% + 150px);
	background-size:80%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

#thirdBannerRight.ghana {
	min-height:200px;
}

@media (min-width:768px) {
	#thirdBanner {
		margin:0 -50px;
		padding:0;
		width:calc(100% + 100px);
	}

	#thirdBannerRight,
	#thirdBannerRight.ghana {	
		padding:50px;
		min-height:600px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	#thirdBannerRight img {
		max-width:250px;
		display:block;
		margin:0 auto;
	}
}

@media (min-width:992px) {
	#thirdBannerRight,
	#thirdBannerRight.ghana {	
		padding:10%;
	}
}

#thirdBannerRight h3 {
	color:#19a7ad;
	font-size:1.2rem;
	font-weight:700;
	margin:15px 0;
}

#thirdBannerRight.ghana > div {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%);
}

#thirdBannerRight.ghana h3 {
	line-height:1.2;
	margin:0;
}

#thirdBannerRight img {
	max-width:150px;
	max-height:150px;
	margin:30px auto;
	display:block;
}

#thirdBannerRight a.buttonGradient {
	margin:50px 0;
	position:relative;
	left:50%;
	transform:translateX(-50%);
}

@media (min-width:768px) {
	#thirdBannerRight img {
		margin:0 0 30px 0;
	}

	#thirdBannerRight h3 {
		font-size:2.4rem;
	}

	#thirdBannerRight a.buttonGradient {
		left:auto;
		transform:none;
	}
}

#fourthBanner {
	padding:60px 0 15px 0;
}

.latestHomePosts {
	position:relative;
	padding-bottom:50px;
}

.latestHomePosts h3 {
	color:#fff !important;
}

.newsFranceBanner h3 {
	margin:0 0 30px;
	font-size:3rem;
	color:#fff;
	font-weight:100;
}

.latestHomePosts a.allPosts {
	color:#fff;
	margin-top:20px;
	font-size:1.6rem;
	display:inline-block;
	position:absolute;
	bottom:10px;
	right:0;
}

.latestHomePosts a.allPosts:hover {
	text-decoration:none;
}

.latestHomePosts a.allPosts:after {
	content:"";
	display:block;
	position:absolute;
	bottom:-5px;
	height:3px;
	right:0;
	width:50%;
	background:#fff;
}

.latestHomePosts ul {
	list-style:none;
	padding:0;
}

.latestHomePosts ul li a {
	outline:0;
	display:block;
	margin-bottom:30px;
}

.latestHomePosts ul li a:hover,
.latestHomePosts ul li a:active,
.latestHomePosts ul li a:focus {
	text-decoration:none;
}

.latestHomePosts .imgHolder {
	height:0;
	padding-top:66%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:rgb(255, 255, 255, 0.5);
}

.latestHomePosts .txtHolder {
	background:#fff;
	padding:15px;
	min-height:240px;
	color:#191919;
}

.latestHomePosts .txtHolder h4 {
	color:#19a7ad;
	max-height:5rem;
	overflow: hidden;
}

.latestHomePosts .innerTxt {
	height:90px;
	overflow:hidden;
}

.latestHomePosts .txtHolder span.date {
	color:#19a7ad;
	margin-top:10px;
	font-weight:700;
	display:inline-block;
	font-family:"Arial";
}

@media (min-width:768px) {
	.newsFranceBanner {
		padding:50px 0;
	}

	.newsFranceBanner h3 {
		margin:0 0 60px;
	}

	.latestHomePosts a.allPosts {
		position:relative;
		bottom:auto;
		right:auto;
	}

	.latestHomePosts {
		padding-bottom:0;
	}

	.latestHomePosts ul li a {
		margin-bottom:0;
	}
}

#mapGhana {
	height:500px;
	margin:0;
	background-color:#fff;
	background-size:300px;
	background-position:top right;
	background-repeat:no-repeat;
	position:relative;
}

#mapGhanaMask {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:250px;
	background-image:url(assets/images/locateUsGHANATr.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-size:cover;
	z-index:1;
}

#mapContent {
	position:absolute;
	width:100%;
	top:250px;
	height:250px;
	z-index:2;
	background:#fff;
}

#mapContent h3 {
	font-size:2rem;
	font-weight:900;
}

#mapContent p {
	font-size:1.8rem;
	font-weight:600;
	margin-bottom:20px;
}

@media (min-width:768px) {
	#mapGhana {
		margin:0 -50px;
		height:500px;
		background-size:500px;
		background-position:center right;
	}

	#mapGhanaMask {
		position:absolute;
		top:0;
		left:0;
		right:0;
		height:500px;	
		background-position:bottom right;
	}

	#mapContent {
		position:absolute;
		width:50%;
		top:0;
		height:auto;
		transform:none;
		z-index:2;
		background:transparent;
	}

	#mapContent h3 {
		font-size:4rem;
		margin:0;
	}

	#mapContent p {
		font-size:2rem;
	}
}

@media (min-width:992px) {
	#mapContent {
		position:absolute;
		width:100%;
		top:50%;
		transform:translateY(-50%);
		z-index:2;
	}
}

@media (min-width:1600px) {
	#mapGhana {
		background-size:33vw;
	}
}

/*************/
/* PICTOS FR */
/*************/

#pictosRows {
	padding-top:30px;
	padding-bottom:15px;
}

.pictoItem {
	color:#fff;
	text-align:left;
	margin-bottom:30px;
}

.pictoItem h4 {
	font-family:"Pluto";
	font-weight:100;
	font-size:1.2rem;
	margin:15px 0 0;
}

.pictoItem p {
	font-family:"Pluto";
	font-weight:300;
	text-align:left;
	font-size:1.2rem;
}

.pictoItem h4 sup {
	font-size:1.4rem;
	top:-1.4rem;
}

.pictoItem h4 .big {
	font-size:1.7rem;
}

.pictoItem img {
	max-width:168px;
	max-height:68px;
	display:block;
	margin:0 25px;
	float:left;
}


@media (min-width:768px) {
	#pictosRows {
		padding:50px 50px 15px;
	}

	.pictoItem img {
		max-width:90px;
		max-height:90px;
		margin:0 auto;
		float:none;
	}

	.pictoItem {
		margin:0;
		text-align:center;
	}

	.pictoItem h4 {
		margin:15px 0 5px;
	}

	.pictoItem p {
		text-align:center;
		font-size:.9rem;
	}
}

/*********************/
/** PRODUCTS BLOCKS **/
/*********************/
#homeProductLayer {
	padding:30px 0;
}

#homeProductLayer h2 {
	color:#fff;
	font-size: 2rem;
  margin: 50px 15px;
  font-weight:700;
}

@media (min-width:768px) {
	#homeProductLayer h2 {
		font-size: 3rem;
	  margin: 70px 0 50px 150px;
	}
}

.homeProductBlock {
	background:#fff;
	padding:30px;
	color:#212529;
	min-height:300px;
	margin-bottom:30px;
}

@media (min-width:768px) {
	.homeProductBlock {
		padding:15px;
	}
}


@media (min-width:992px) {
	.homeProductBlock {
		padding:30px;
	}
}

.homeProductBlock .imgHolder {
	min-height:100px;
	width:150px;
	margin:0 auto;
	position:relative;
}

.homeProductBlock .imgHolder img {
	width:90%;
	height:90%;
	object-fit:contain;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	display:block;
}


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

.homeProductBlock h4 {
	line-height:1;
	font-size:1.6rem;
	margin:0 0 30px;
	font-weight:700;
	text-align:center;
}

@media (min-width: 979px) {
  ul.navbar-nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

@media (min-width:992px) {
	.homeProductBlock .imgHolder {
		height:120px;
		width:120px;
		float:left;
	}

	.homeProductBlock .titleHolder {
		margin-left:120px;
		min-height:120px;
		line-height:120px;
	}

	.homeProductBlock h4 {
		line-height:1;
		font-size:2rem;
		margin:0;
		vertical-align: middle;
		display: inline-block;
		text-align:left;
	}
}


.homeProductBlock .contentHolder a {
	color:#01aaaf;
	position:relative;
	display:inline-block;
	padding:0 0 5px;
	font-weight:bold;
}

.homeProductBlock .contentHolder a:hover {
	text-decoration:none;
}


.homeProductBlock .contentHolder a:after {
	position:absolute;
	bottom:0;
	left:0;
	width:60px;
	height:2px;
	background:#01aaaf;
	content:"";
	display:block;
	-webkit-transition:all 200ms ease;
	transition:all 200ms ease;
}


.homeProductBlock .contentHolder a:hover:after {
	width:100%;
}

.homeProductBlock .contentHolder .pictoExcerpt {
	font-family:"Arial";
	margin-bottom:30px;
	line-height:1.2rem;
	height:170px;
	overflow:hidden;
}

.homeProductBlock .contentHolder:after {
	content:"";
	display:table;
	clear:both;
}
/*****************/
/** QUICK QUOTE **/
/*****************/
#quickquoteBanner {
	position:relative;
	min-height:400px;
	color:#fff;
	padding:50px 0;
}

.quickBannerPic {
	background:url(assets/images/bag.png) center center no-repeat;
	background-size:contain;
	min-height:200px;
}

#quickquoteBanner:before {
	background:url(assets/images/stripes.png);
	min-height:200px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	content:"";
	z-index:-1;
}

#quickquoteBanner .contains {
	padding:0;
	text-align:center;
}

@media (min-width:768px) {
	#quickquoteBanner,
	#quickquoteBanner:before {
		min-height:400px;
	}

	#quickquoteBanner:before {
		left:-50px;
		right:-50px;
	}

	#quickquoteBanner .contains {
		padding:80px 0 0;
	}
}

@media (min-width:992px) {
	#quickquoteBanner .contains {
		padding:80px 0 0 100px;
	}
}

#quickquoteBanner .contains h2 {
	font-weight:900;
	font-size:2.4rem;
	margin-bottom:30px;
}

@media (min-width:768px) {
	#quickquoteBanner .contains a {
		float:left;
	}
}

/*****************/
/***** PAGE ******/
/*****************/
.pageImgHolder {
	min-height:250px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#00868f;
	position:relative;
}

body.single-post .pageImgHolder {
	min-height: 500px;
}

.entry-header.noImg .pageImgHolder {
	min-height:170px;
}


header.entry-header {
	position:relative;
	z-index:10;
	overflow:hidden;
}

header.entry-header:before {
	position:absolute;
	top:120px;
	left:15px;
	transform:translateY(-45%) translateX(-50%);
	width:250px;
	height:250px;
	content:"";
	background:url(assets/images/circles.png) no-repeat center center;
	background-size:100%;
	z-index:5;
	opacity:0.5;
}

header.entry-header:after {
	position:absolute;
	top:123px;
	left:14px;
	transform:translateX(-50%);
	width:20px;
	height:20px;
	content:"";
	background:#01aaaf;
	background-size:100%;
	z-index:5;
	border-radius:50%;
}



header .titleHolder {
	position:absolute;
	top:45%;
	left:0;
	right:0;
	z-index:6;
}

header.entry-header.noImg .titleHolder {
	top:20px;
}

header .titleHolder h1 {
	font-size:3rem;
	margin:15px 15px 0 15px;
	color:#fff;
	font-weight:700;
}


.innerArticle {
	background:#fff;
	margin:0;
	position:relative;
	z-index:9;
	padding:15px 0;
	text-align:justify;
}

.innerArticle:before {
	position:absolute;
	top:-130px;
	height:130px;
	left:0;
	right:0;
	background:#fff;
	display:block;
	content:"";
	z-index:8;
}

@media (min-width:768px) {
	header .titleHolder h1 {
		font-size:4rem;
		margin:15px 0 0 180px;
	}

	header.entry-header:before {
		top:260px;
		left:250px;	
		width:573px;
		height:573px;
	}

	header.entry-header:after {
		top:268px;
		left:249px;
		width:40px;
		height:40px;
	}

	.innerArticle {	
		padding:50px 0 0;
		margin:0 -50px;
		text-align:justify;
	}

	.fullWidth {
		text-align:justify;
		margin:0 -50px;
	}
}

.innerArticle h2,
.innerArticle h3,
.innerArticle h4 {
	font-weight:700;
	color:#01aab1;
	margin:0 0 20px;
	font-family:"Pluto";
}

.innerArticle h2 {
	font-size:2rem;
}

.innerArticle .wp-block-columns.blue {
	color:#fff;
	background-color:#19a7ad;
	padding:50px 0;
	position:relative;
}

.innerArticle .wp-block-columns.blue:before {
	position:absolute;
	top:0;
	left:-1000px;
	right:-1000px;
	bottom:0;
	content:"";
	background-color:#19a7ad;
	display:block;
	z-index:-1;
}

/*****************/
/** PARTENAIRES **/
/*****************/
#partnersBanner {
	background:#fff;
	padding:30px 15px;
	margin:0;
}

#partnersBanner h3 {
	color:#191919;
	margin:0 0 30px;
	font-weight:400;
	text-align:center;
	font-size:3rem;
}

@media (min-width:768px) {
	#partnersBanner {
		padding:100px;
		margin:0 -50px;
	}

	#partnersBanner h3 {
		font-size:3rem;
	}
}


#partnersBanner h3 strong {
	color:#19a7ad;
}


#innerFilesList {
	background:#efefef;
	margin:50px 0;
	padding:30px;
}

#innerFilesList h3 {
	color:#19a7ad;
	font-size:3rem;
	display:inline-block;
	position:relative;
	padding:20px;
	margin-left:100px;
}

#innerFilesList h3:before {
	content:"";
	position:absolute;
	top:0;
	left:-69px;
	width:68px;
	height:69px;
	background-image:url(assets/images/docIcon.png);
	background-size:68px 69px;
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
}

#innerFilesList h3:after {
	content:"";
	position:absolute;
	bottom:0;
	left:-30px;
	width:70px;
	height:5px;
	background:#19a7ad;
}

#innerFilesList h4 {
	color:#191919;
	font-weight:400;
	font-size:1.6rem;
}

#innerFilesList ul {
	list-style:none;
	padding:0;
	margin:0;
}

#innerFilesList ul li {
	padding:30px 15px;
	min-height:80px;
}

#innerFilesList ul li + li {
	border-top:1px solid #d9d9d9;
}

#innerFilesList ul li:last-child {
	padding-bottom:15px;
}

#innerFilesList a {
	float:right;
	color:#19a7ad;
	min-height:40px;
	line-height:40px;
	display:inline-block;
	margin-left:15px;
	padding-right:60px;
	position:relative;
	top:-11px;
}

#innerFilesList a:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:40px;
	background-image:url(assets/images/downloadIcon.png);
	background-size:17px 20px;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#fff;
	border-radius:50%;
	display:block;
	-webkit-transition:all 200ms ease;
	transition:all 200ms ease;
}

#innerFilesList a:hover:before {
	filter:invert(100%);
}

/***************/
/*** FOOTER   **/
/***************/
#footerBanner {
	background:#292929;
	margin:0;
	padding:15px;
	color:#fff;
}


@media (min-width:768px) {
	#footer-ghana {
		margin:0 -50px;
	}
	#footerBanner {
		margin:0 -50px;
		padding:50px;
	}
}

#footerBanner a {
	color:#fff;
	text-transform:uppercase;
}

#footerBanner ul {
	list-style:none;
	margin:50px 0 0 0;
	padding:0;
	display:block;
}

#footerBanner ul li {
	margin-bottom:10px;
}

#footerBanner ul li a {
	padding:0;
}

#footer-right .widget.widget_block {
	margin-top:90px;
}

#footer-right .widget.widget_block ul {
	list-style:none;
	margin:20px 0 0 0;
	padding:0;
}

#footer-right .widget.widget_block ul li {
	display:inline-block;
}

#footer-right .widget.widget_block ul li + li {
	margin-left:30px;
}

#footer-right .widget.widget_block h4 {
	font-weight:100;
	margin:0;
	font-size:2.8rem;
}

#footer-right .widget.widget_block ul li a {
	width:60px;
	height:60px;
	font-size:30px;
	line-height:60px;
	border-radius:50%;
	border:2px solid #949494;
	color:#949494;
	text-align:center;
	display:block;
	-webkit-transition:all 200ms ease;
	transition:all 200ms ease;
}	

#footer-right .widget.widget_block ul li a:hover {
	text-decoration:none;
	background:#949494;
	color:#292929;
}


#lowerFooter {
	background:#efefef;
	margin:0;
	padding:10px;
	color:#797979;
}

@media (min-width:768px) {
	#lowerFooter {
		margin:0 -50px;
	}
}

.swiper-container {
  width: 100%;
  height: 100px;
}

.swiper-slide-holder {
	height:100px;
	width:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}

/**************/
/** PRODUIT  **/
/**************/
body.single-produit header.entry-header {
	height:350px;
	overflow:visible;
	z-index:auto;
}

body.single-produit header.entry-header:after {
  position: absolute;
  bottom: 0;
  height: 160px;
  left: -50px;
  right: -50px;
  top:auto;
  background: #fff;
  display: none;
  content: "";
  z-index: -2;
  transform:none;
  width:calc(100% + 100px);
  border-radius:0;
}

body.single-produit .pageImgHolder {
	border-radius:50%;
	width:100px;
	height:100px;
	min-height:100px;
	position:absolute;
	top:15px;
	right:15px;
	-webkit-filter:none;
	filter:none;
	z-index:9;
}

@media (min-width:768px) {
	body.single-produit .pageImgHolder {
		border-radius:50%;
		width:250px;
		height:250px;
		position:absolute;
		top:-30px;
		right:15px;
		-webkit-filter:none;
		filter:none;
		z-index:9;
	}
}

body.single-produit header.entry-header:before {
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#002d30;
	width:100%;
	height:auto;
	transform:none;
	opacity:1;
	z-index:-1;
}

body.single-produit header .titleHolder {
	top:auto;
	left:auto;
	width:100%;
	position:relative;
	padding-top:15px;
}

body.single-produit header .titleHolder h1 {
	font-size:3rem;
	margin:15px 0 0 100px;
}

.product-logo {
	max-width:100px;
	height:auto;
	max-height:100px;
	margin:15px 0 30px 0;
	display:block;
	float:left;
}

.product-subtitle {
	padding-left:0;
	clear:both;
}

.product-picto {
	max-width:77px;
	height:auto;
	float:left;
}

.product-subtitle h2,
.product-subtitle p {
	margin-left:100px;
	font-weight:600;
	font-size:2rem;
}

.product-subtitle h2 {
	color:#0fa7ad;
	padding-top:0px;
}

.product-subtitle p {
	color:#fff;
	line-height:1.1;
}

body.single-produit .innerArticle {
	padding:0;
	z-index:auto
}

body.single-produit .innerArticle:before {
	display:none;
}

.green-details {
	position:relative;
	top:-30px;
	color:#fff;
	background:#0fa7ad;
	padding:50px 15px;
	width:100%;
}

.green-details h2 {
	color:#fff;
	font-family:"Pluto";
	margin-bottom:30px;
}


.specifications .table {
	border-top:4px solid #d9d9d9;
}

.specifications .table > thead > tr > th {
	border-bottom:4px solid #002d30;
	color:#0fa7ad;
}

.specifications .table > thead > tr > th:first-child {
	color:#002d30
}

.specifications .table > tbody > tr > td {
	border-bottom:2px solid #d9d9d9;
	font-weight:600;
}

.nutrition-fact {
	padding:50px 15px;
}

.nutrition-fact h2 {
	color:#002d30;
	text-align:center;
	font-weight:700;
	font-family:"Pluto";
	font-size:3rem;
	margin-bottom:50px;
}

.nutrition-fact h2 .green {
	color:#0fa7ad;
	font-weight:300;
}

.nutrition-fact .line {
	border-top:1px solid #d9d9d9;
	padding:10px;
	position:relative;
}


.nutrition-fact .line:before {
	position:absolute;
	top:-2px;
	height:3px;
	background:#0fa7ad;
	content:"";
	left:0;
	width:50%;
	display:block;
}

.nutrition-fact .line:last-child {
	border-bottom:1px solid #d9d9d9;
}

.nutrition-fact .line:last-child:after {
	position:absolute;
	bottom:-2px;
	height:3px;
	background:#0fa7ad;
	content:"";
	left:0;
	width:50%;
	display:block;
}

.nutrition-fact .line h4 {
	width:50%;
	color:#002d30;
	font-weight:600;
	font-size:1.3rem;
}

.nutrition-fact .line p {
	margin:0 0 0 50%;
	text-align:center;
}

.vitamins {
	padding:50px 0;
}

.vitamins h2 {
	color:#0fa7ad;
	text-align:center;
	font-weight:700;
	font-family:"Pluto";
	font-size:3rem;
	margin-bottom:50px;
}


.vitamins .table {
	border-top:4px solid #d9d9d9;
	text-align:center;
}

.vitamins .table > thead > tr > th {
	border-bottom:4px solid #002d30;
	color:#002d30;
	text-align:center;
}


.vitamins .table > tbody > tr > td {
	border-bottom:2px solid #d9d9d9;
	font-weight:400;
}

.process {
	background:#19a7ad;
	padding:90px 40px;
	text-align:center;
}

.process h2 {
	display:inline-block;
	background:#fff;
	font-weight:700;
	font-family:"Pluto";
	font-size:3rem;
	color:#002d30;
	border:5px solid #19a7ad;
	position:relative;
	padding:10px 20px;
	margin:0 auto 70px;
}

.process h2:before {
	top:-11px;
	left:-11px;
	right:-11px;
	bottom:-11px;
	content:"";
	display:block;
	position:absolute;
	border:6px solid #002d30;
}


ol.process-list {
  list-style: none;
	counter-reset: fondation-counter;
	padding:0;
}

ol.process-list li  {
  position:relative;
	min-height:40px;
	counter-increment: fondation-counter;
	padding-left:20px;
	height:200px;
	margin-bottom:50px;
}

ol.process-list li::after {
	content: counter(fondation-counter);
  display: block;
  color:#002d30;
  opacity:0.2;
  width:100%;
  height:120px;
  position:absolute;
  bottom:-20px;
  left:40px;
  text-align:left;
  font-size:120px;
  line-height:120px;
  font-weight:900;
}

ol.process-list li + li:before {
	position:absolute;
	background:url(assets/images/arrowProcess.png) no-repeat center center;
	background-size:16px 38px;
	width:16px;
	height:38px;
	content:"";
	display:none;
	top:50%;
	margin-top:-19px;
	left:-10px;
}

ol.process-list li h4 {
	color:#002d30;
	font-family:"Arial";
	font-size:2.6rem;
	margin:0 40px;
	min-height:60px;
}

ol.process-list li div.imgProcessHolder {
	min-height:120px;
	position:relative;
	margin:5px 40px 20px 40px;
}

ol.process-list li div.imgProcessHolder img {
	max-width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translateY(-50%) translateX(-50%);
	margin:0 auto;
	display:block;
	max-height:120px;
}


.storage-producer {
	background:#fff;
}

.storage {
	position:relative;
	background:#efefef;
	color:#292929;
	z-index:1;
}

.producer {
	color:#292929;
}

.storage:before {
	position:absolute;
	top:0;
	left:-1000px;
	right:-30px;
	bottom:0;
	content:"";
	background:#efefef;
	display:block;
	z-index:-1;
}

.storage,
.producer {
	padding:100px 15px;
	min-height:430px;
}

.storage h2,
.producer h2 {
	font-size:3.8rem;
	margin-bottom:30px;
}
.storage h2 {
	color:#363636;
}

.producer .buttonGradient {
	margin-top:40px;
}



@media (min-width:768px) {
	body.single-produit header.entry-header:after {
		display:block;
	}

	body.single-produit .pageImgHolder {
		border-radius:50%;
		width:400px;
		height:400px;
		right:60px;
		top:60px;
	}

	.product-logo {
		margin:0 0 30px 0;
		max-width:200px;
		max-height:200px;
	}

	body.single-produit header .titleHolder h1 {
		margin:15px 0 0 180px;
	}


	body.single-produit header .titleHolder {
		width:calc(90% - 100px);
	}

	.product-subtitle h2,
	.product-subtitle p {
		font-size:2rem;
	}

	.green-details {
		top:-50px;
		padding:30px;
		width:65%;
	}

	.nutrition-fact {
		padding:50px 200px;
	}

	.nutrition-fact .line {
		padding:10px 50px;
	}

	.process h2 {
		font-size:4rem;
	}

	ol.process-list li div.imgProcessHolder {
		margin:20px 40px;
	}

	ol.process-list li + li:before {
		display:block;
	}

	.storage,
	.producer {
		padding:100px 50px;
	}

	.storage:before {
		right:-15px;
	}
}

/******************/
/***    FORMS  ****/
/******************/
.wpcf7-form label {
	font-weight:bold;
	font-family:Pluto;
	color:#191919;
	margin-bottom:5px;
	display:block;
	width:100%;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea,
.wpcf7-form select {
	-webkit-appearance:none;
	-moz-appearance: none;
	background:#efefef;
	border:2px solid #efefef;
	color:#191919;
	font-weight:bold;
	font-family:Pluto;
	display:block;
	width:100%;
	outline:0;
	padding:10px 7px;
	margin-top:5px;
	border-radius:4px;
	-webkit-transition:all 200ms ease;
	transition:all 200ms ease;
}

.wpcf7-form select {
  background-image: url(assets/images/selectArrowB.png);
  background-repeat: no-repeat;
  background-size:24px 12px;
  background-position-x: 99%;
  background-position-y: 15px;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
	color:#01aaaf;
	border:2px solid #01aaaf;
}

.wpcf7-form select:focus {
  background-image: url(assets/images/selectArrow.png);
}

.wpcf7-form input[type="submit"] {

	-webkit-appearance:none;
	-moz-appearance: none;
	margin:30px auto;
	border:none;
}

#modulableSection .block_3_photos {
	background:#01aaaf;
	padding:100px 0;
	color:#fff;
}

#modulableSection .block_3_photos img {
	display:block;
	max-width:100%;
}

#modulableSection .block_3_photos h2,
#modulableSection .block_3_photos h3,
#modulableSection .block_3_photos h4,
#modulableSection .block_3_photos h5,
#modulableSection .block_3_photos p,
#modulableSection .block_3_photos a {
	color:#fff;
}

#modulableSection .block_3_photos h2,
#modulableSection .block_3_photos h3,
#modulableSection .block_3_photos h4,
#modulableSection .block_3_photos h5 {
	margin-top:0;
	text-align:left;
}

#modulableSection .block_3_photos h2 + p,
#modulableSection .block_3_photos h3 + p,
#modulableSection .block_3_photos h4 + p,
#modulableSection .block_3_photos h5 + p {
	font-size:2rem;
	margin-bottom:30px;
}

#modulableSection .block_3_photos div.text {
	margin-bottom:40px;
}

#modulableSection .block_3_photos a {
	position:relative;
	display:inline-block;
}

#modulableSection .block_3_photos a:after {
	position:absolute;
	bottom:0;
	left:0;
	width:70%;
	height:2px;
	background:#fff;
	display:block;
	content:"";
}

#modulableSection .block_3_photos.dark {
	background:#00868f;
}

#modulableSection .block_3_photos .grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 30px 30px;
  grid-template-areas: "img1 img1 img2" "img1 img1 img3";
}

#modulableSection .block_3_photos .grid-container > div {
	min-height: 200px;
	background-size: cover;
	background-position: center center;
	background-color:#ffffff;
	position: relative;
}

#modulableSection .block_3_photos .grid-container > div::before {
  content: "";
  padding-bottom: 100%;
  display: inline-block;
  vertical-align: top;
}

.img1 { grid-area: img1;min-height:400px; }
.img2 { grid-area: img2;min-height:200px }
.img3 { grid-area: img3;min-height:200px }

.moduleProducts {
	padding:15px 0;
	background-color:#00868f;
}

.moduleProduct {
	background:#fff;
	padding:30px;
	min-height:260px;
	color:#292929;
	position:relative;
}

.moduleProduct + .moduleProduct {
	margin-top:30px;
}

.moduleProduct img {
	width:100%;
	height:200px;
	object-fit:contain;
	display:block;
}


.moduleProduct h3 {
	color:#292929;
}

.moduleProduct .productDescription > div {
	font-family:"Arial";
}

.moduleProduct a {
	color:#00aab1;
	font-weight:bold;
	position:relative;
}

.moduleProduct a:hover {
	text-decoration:none;
}

.moduleProduct .productDescription a:after {
	position:absolute;
	bottom:0;
	left:0;
	width:70%;
	height:2px;
	background:#00aab1;
	display:block;
	content:"";
}

.moduleProduct .quoteLink {
	margin-top:15px;
	display:block;
}


.moduleProduct .quoteLink a {
	line-height:.8;
}

.moduleProduct .quoteLink a span {	
	color:#292929;
	display:block;
	font-size:1.2rem;
}

.moduleProduct .quoteLink a:after {
	position:absolute;
	bottom:-25px;
	left:0;
	width:50%;
	height:2px;
	background:#00aab1;
	display:block;
	content:"";
}

@media (min-width:768px) {
	.moduleProduct .quoteLink {
		position:absolute;
		bottom:30px;
		right:30px;
		margin-top:0;
	}

	.moduleProducts {
		padding:50px 0;
	}

	.moduleProduct img {
		width:200px;
		height:200px;
		float:left;
	}

	.moduleProduct .productDescription {
		margin-left:230px;
	}
}
.moduleBanner {
  min-height: 300px;
  position: relative;
  margin: 0;
  text-align: center;
  color: #fff;
}

.moduleBanner .imgHolder {
  background-repeat:no-repeat;
  background-position:center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  filter: brightness(0.4);
  -webkit-filter: brightness(0.4);
}

.moduleBanner .imgHolder:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #19a7ad;
  opacity: 0.4;
  content: "";
  display: block;
  filter: saturate(10);
  -webkit-filter: saturate(10);
  z-index: 1;
}

.moduleBanner .contentHolder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 70px 0;
  text-align:center;
}

.moduleBanner .contentHolder h4 {
	font-size:2rem;
	margin-top:30px;
}

.moduleBanner .contentHolder a {
	background:#fff;
	display:inline-block;
	padding:5px 30px;
	color:#19a7ad;
	text-transform:uppercase;
	-webkit-transition:all 200ms ease;
	transition:all 200ms ease;
}

.moduleBanner .contentHolder a:hover {
	text-decoration:none;
	background:#19a7ad;
	color:#fff;
}

.moduleServices {
	background:#efefef;
	padding:15px 0;
}

.moduleServices .moduleService {
	padding:0;
}

.moduleService {
	position:relative;
}

.moduleService .imgHolder {
	width:100%;
	height:140px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size: contain;
}



.moduleService + .moduleService {
	border-top:2px solid #cdcdcd;
}

.moduleService .serviceDescription h3,
.moduleService .serviceDescription > div {
	color:#292929;
}

.moduleService .serviceDescription h3 {
	margin-top:15px;
	margin-bottom:10px;
}

.moduleService .serviceDescription > div {
	font-family:"Arial";
	min-height:70px;
}

.moduleService .quoteLink {
	margin-bottom:40px;
}


@media (min-width:768px) {
	.moduleServices {
		padding:0 0 30px 0;
	}

	.moduleServices .moduleService {
		padding:50px 0;
	}


	.moduleService .imgHolder {
		width:180px;
  	float:left;
	}

	.moduleService .serviceDescription {
		margin-left:230px;
		margin-right:300px;
	}
	
	.moduleService .serviceDescription h3 {
		margin-top:0;

	}
	.moduleService .quoteLink {
		position:absolute;
		bottom:60px;
		right:30px;
	}

	.moduleService .quoteLink {
		margin-bottom:0;
	}
}

.moduleService .quoteLink a {
	line-height:1;
	font-weight:bold;
	color:#01aaaf;
	font-size:1.2rem;
}

.moduleService .quoteLink a span {	
	display:block;
}

.moduleService .quoteLink a:after {
	position:absolute;
	bottom:-10px;
	left:0;
	width:50%;
	height:2px;
	background:#01aaaf;
	display:block;
	content:"";
}

.savServices h3 {
	color:#292929;
	font-size:2.4rem;
}

.savServices a {
	color:#01aaaf;
	position:relative;
	display:inline-block;
	font-weight:bold;
}

.savServices a:hover {
	text-decoration:none;
}

.savServices a:after {
	position:absolute;
	bottom:-10px;
	left:0;
	width:50%;
	height:2px;
	background:#01aaaf;
	display:block;
	content:"";
	-webkit-transition:all 200ms ease;
	transition:all 200ms ease;
}

.savServices a:hover:after {
	width:100%;
}

.savServices h2 {
	color:#292929;
	font-size:1.6rem;
	text-transform:uppercase;
	position:relative;
	margin:0;
}

.savServices h2:after {
	position:absolute;
	bottom:-20px;
	left:0;
	content:"";
	display:block;
	height:2px;
	width:30px;
	background:#01aaaf;
}

.savServices .cat {
	padding:100px 0;
	margin:0 -50px;
	background:#fff;
}


.savServices .cat img.service-cat {
	display:block;
	max-width:150px;
	margin:30px auto;
}

.savServices .savArticle {
	padding:30px;
	background:#ffffff;
}

.savServices .savArticle + .savArticle {
	margin-top:20px;
}

.savServices .feeding .savArticle {
	background:#efefef;
}

.savServices .farming {
	background:#01aaaf;
}

.savServices .protect{
	background:#00868f;
}

.savServices .farming .row h2,
.savServices .protect .row h2 {
	color:#fff;
}

.savServices .farming .row h2:after,
.savServices .protect .row h2:after {
	background:#fff;
}

.savServices .savArticleLogo {
	width:90px;
	height:90px;
	float:left;
	position:relative;
}

.savServices .savArticleLogo img {
	width:90%;
	height:90%;
	max-width:100%;
	max-height:100%;
	object-fit:contain;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	display:block;
}

.savServices .savArticleInner {
	margin-left:140px;
}

.moduleProducts.details {
	background:#00868f;
}

.moduleProducts.details .moduleProduct h3 {
	margin-top:15px;
}

.moduleProducts.details .moduleProduct .quoteLink a span {
	color:#00aab1;
	font-size:inherit;
}

.moduleProducts.details .moduleProduct .name strong {
	color:#00aab1;	
}

.moduleProducts.details .moduleProduct .description {
	font-size:.9rem;
	margin:10px 0;
}

.moduleProducts.details .moduleProduct .prop {
	display:inline-block;
	background:#01aaaf;
	color:#fff;
	text-transform:uppercase;
	border-radius:15px;
	height:28px;
	line-height:25px;
	font-size:.7rem;
	padding:2px 20px;
	font-weight:bold;
}

.moduleProducts.details .moduleProduct .prop + .prop {
	margin-left:10px;
}

#contactPop {
	position:fixed;
	top:400px;
	right:0;
	background-color:#efefef;
	background-image:url(assets/images/mail.png);
	background-repeat: no-repeat;
	background-position:20px 18px;
	background-size:39px 30px;
	width:70px;
	height:70px;
	z-index:1000;
	border:1px solid #01b4b8;
	border-top-left-radius: 35px;
	border-bottom-left-radius: 35px;
	border-right:none;
	box-shadow:0 0 40px rgba(0,0,0,0.3);
	text-indent:-9999px;
}

/******************/
/**** RGPD  *******/
/******************/
div#tarteaucitronAlertBig:before {
	display:none;
}