html, body{
	height: 100%;
	width: 100%;
	font-family: 'Google sans', sans-serif;
	margin: 0;
}
body{
	background: #f5f5f5;
}
.animate{
	-webkit-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
.card_copy.contacts_txt a{
	text-decoration: none;
	display: block;
	text-align: center;
	margin: auto;
	margin-top: 35px;
	color: #00658b;
	opacity: 0.7;
}
.plant_button__card{
	display: inline-block;
	background: #fff;
	color: #000;
	padding: 10px 15px;
	border-radius: 3px;
	text-decoration: none;
}
.plant_button__card:hover{
	background: #00658b;
	color: white;
	transition: background 0.2s ease-out;
}
	.plant_button__card_greyed{
		display: inline-block;
		background: transparent;
		color: #aaa;
		padding: 10px 15px;
		border-radius: 3px;
		text-decoration: none;
	}
	.plant_button__card_greyed:hover{
		/*background: #576469;*/
		background: transparent
		color: #ccc;
		transition: background 0.2s ease-out;
	}
h1, h2, h3, p{
	color: #595959;
}


/*-----------------------------
header
-----------------------------*/

.header{
	/*box-shadow: 0px 0px 89px 0px rgba(0,0,0,0.75);*/
	width: 100%;
	padding-right: 10px;
}
.header_logo{
	float: left;
	display: block;
	padding: 0px 5px;
	padding-top: 7px;
	margin-left: 15px;
}
.header_logo_img{
	height: 25px;
}
.header_menu{
	float: right;
	height: 0px;
	margin: 0;
	padding: 0;
}
.header_menu_item{
	display: inline-block;
	float: right;
}
	.header_menu_item a{
		color: rgba(255,255,255,0.5);
		display: block;
		padding: 12px 20px;
		text-decoration: none;
	}
		.ddemo a{
			color: #ffdd05;
			opacity: 0.7;
			display: block;
			padding: 12px 20px;
			text-decoration: none;
		}
	.header_menu_item a:hover{
		color: #fff;
		transition: color 0.25s ease-out;
	}
		.ddemo a:hover{
			color: #ffdd05;
			opacity: 1;
			transition: color 0.25s ease-out;
		}


.header_icon-bar{
	display: block;
	float: right;
	padding: 10px;
	display: none;
}
.header_icon-bar span{
	display: block;
	height: 3px;
	width: 30px;
	background: #fff;
	border-radius: 1.5px;
	margin-bottom: 6px;
}

/*-----------------------------
Homepage
-----------------------------*/

.homepage_cover{
	height: 85%;
	background-image: url("../includes/img/pictures/cover_background1.png");
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position: top center;
	position: relative;
	-webkit-box-shadow: inset 0px -75px 55px -49px rgba(0,102,139,1);
	-moz-box-shadow: inset 0px -75px 55px -49px rgba(0,102,139,1);
	box-shadow: inset 0px -75px 55px -49px rgba(0,102,139,1);

}
	.homepage_cover_filter{
		background: #005372;
		width: 100%;
		height: calc(100% - 42px);
		position: absolute;
		z-index: 0;
		opacity: 0.85;
	}

.homepage_cover_caption{
	display: table;
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 1;
	padding: 0 20px;
}
.homepage_cover_caption_copy{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color:#fff;
}
	.homepage_cover_caption_copy h1{
		font-size: 300%;
	}

.sections{
	width: 100%;
	min-height: 60%;
	padding: 20px 0px;
	-webkit-box-shadow: inset 0px 75px 55px -49px rgba(0,102,139,1);
	-moz-box-shadow: inset 0px 75px 55px -49px rgba(0,102,139,1);
	box-shadow: inset 0px 75px 55px -49px rgba(0,102,139,1);
	
	background-image: url("../includes/img/pictures/cover_background.png");
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-position: center center;
	position: relative;
	
}
.homepage_section{
	max-width: 1200px;
	width: 90%;
	margin: auto;
	z-index: 100;
}
	.presentation_section, .contacts_section{
		scroll-behavior: smooth;
		height: 100%;
		padding: 20px;
		background: white;
		opacity: 1;
		border-radius: 5px;

		-webkit-box-shadow: 0px 0px 28px -3px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 28px -3px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 28px -3px rgba(0,0,0,0.75);
	}
	.social_section{
		height: 30%;
		width: 100%;
		padding: 3% 0;
	}

.homepage_section_caption{
	display: table;
	width: 80%;
	height: 30%;
	margin: auto;
	position: relative;
	z-index: 1;
	padding: 0 20px;
}
.homepage_section_caption_copy{
	display: table-cell;
	vertical-align: top;
	text-align: center;
	color: #595959;
}

/*-----------------------------
Cards
-----------------------------*/

.cards{
	max-width: 1200px;
	margin: 40px auto;
	padding-top: 10%;
}
.card{
	width: 25%;
	margin: 0;
	background: none;
	float: left;
}
.contacts{
	width: 33.3%;
}
	.social_link{
		width: 33%;
		margin: 0;
		background: none;
		float: left;
		text-align: center;
	}
	.social_link_button{
		text-decoration: none;
		border-radius: 5px;
		padding: 15px 30px;
		box-shadow: 5px 5px 19px -8px rgba(0,0,0,0.75);

		background: rgba(255,255,255,0.5);
		border: 2px solid rgba(255,255,255,0.2);
		color: white;
	}
		/*.social_link_button:hover{
			background: rgba(255,255,255,0.3);
			border: none;
		}*/
		.linkedin:hover{
			color: white;
			background: #4875B4;
			opacity: 0.9;
			transition: background 0.2s ease-out;
			border: 2px solid rgba(255,255,255,0.4);
		}
		.facebook:hover{
			color: white;
			background: #3B5998;
			opacity: 0.9;
			transition: background 0.2s ease-out;
			border: 2px solid rgba(255,255,255,0.4);
		}
		.youtube:hover{
			color: white;
			background: #FF3333;
			opacity: 0.9;
			transition: background 0.2s ease-out;
			border: 2px solid rgba(255,255,255,0.6);
		}
		.demo:hover{
			color: black;
			background: #ffdd05;
			opacity: 0.9;
			transition: background 0.2s ease-out;
			border: 2px solid rgba(255,255,255,0.6);
		}

.card_image{
	width: 40%;
	display: block;
	margin: auto;
	height: auto;
}
.contacts_logo{
		width: 20%;
	}
.card_copy{
	padding: 5px 20px;
}
.card_copy h2, p{
	margin-bottom: 0;
	text-align: center;
}

/*PLANTS CARDS*/

.plants_cards{max-width: 1200px; margin: 40px auto; min-height: 50%;}
.plants_cards h3{color: #595959;line-height: 1;}
.plants_cards p{color: #595959;line-height: 1;}
.plant_card{
	width: 30%;
	margin:0 1.5%;
	background: #fff;
	float: left;
	margin-bottom: 20px;
	border-radius: 5px;
	border: 1px solid #ddd;

	-webkit-box-shadow: 10px 10px 32px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 32px -15px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 32px -15px rgba(0,0,0,0.75);
}
	.plant_card_greyed{
		width: 30%;
		margin:0 1.5%;
		background: #f5f5f5;
		border-color: red;
		border-width: 2px;
		float: left;
		margin-bottom: 20px;
		border-radius: 5px;
		border: 1px solid #ddd;

		-webkit-box-shadow: 10px 10px 32px -15px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 32px -15px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 32px -15px rgba(0,0,0,0.75);
	}
.plant_card__image{width: 100%;height: auto; border-radius: 5px 5px 0 0;background: #f5f5f5;/*background: #e0ecf0;*/}
.plant_card__image_generic{
	width: 65%;
	height: auto;
	padding: 50px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px 5px 0 0;
	background: #f5f5f5;/*background: #e0ecf0;*/}
.plant_card__image_generic2{
	width: 30%;
	height: auto;
	padding: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px 5px 0 0;
	background: #f5f5f5;/*background: #e0ecf0;*/}
.plant_card__copy           {padding:5px 20px 15px 20px; min-height: 165px;}
	.plant_card__copy_greyed{padding:5px 20px 15px 20px; background: white; min-height: 165px;}
	.plant_card__copy_greyed2{padding:5px 20px 15px 20px; background: white; min-height: 140px;}
.plant_card__copy            h3{margin-bottom:0;}
	.plant_card__copy_greyed2 h3{margin-bottom:0; color: #aaa}
	.plant_card__copy_greyed2 p {color: #aaa}

.plant_card_content{
	margin-bottom: 20px;
}
	.plant_card_content h3{
		margin-left: 65px;
		padding-top: 10px;
	}
	.plant_card_content p{
		margin-top: 5px;
		margin-left: 65px;
		text-align: left;
	}

/*-----------------------------
Panel control cards
-----------------------------*/

.CPcard{
	/*background-image: linear-gradient(to right, white, white, #f5f5f5);*/
	background: #f5f5f5;
	border-radius: 5px;
	/*-webkit-box-shadow: 0px 0px 22px -6px rgba(0,0,0,0.34); 
	box-shadow: 0px 0px 22px -6px rgba(0,0,0,0.34);*/
	margin: 7px 0px;
	min-height: 100px;
}
.CPcard:hover{
	-webkit-box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.38); 
	box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.38);
	transition: box-shadow 0.3s ease-in-out;
	background: white;
	transform: scale(1.005, 1.005);
	transition: transform 0.1s ease-in-out;
}
.CPcard__img{
	display: block;
	border-radius: 5px 0px 0px 5px;
	/*height: 100%;
	max-height: 300px;*/
	filter: grayscale(60%);
	object-fit: cover;
	width: 100%;
}
.CPcard__imgbackground{
	height: 100%;
	width: 20%;
	float: left;
}
.CPcard__img:hover{filter: grayscale(0%);}
.CPcard__txt{
	/*width: 60%;*/
	padding: 20px;
}
.CPcard__company{
	text-decoration: none;
	background: none;
	font-size: 25px;
	padding: 10px 13px;
	border-radius: 5px;
}
.CPcard__companyNet{
	text-decoration: none;
	background: none;
	font-size: 17px;
	padding: 10px 13px;
	border-radius: 5px;
}
.CPcard__plant{
	text-decoration: none;
	color: white;
	font-size: 15px;
	line-height: 2.2;
	padding: 5px 15px;
	background: none;
	color: #00658b;
	border-radius: 15px;
}
.CPcard__plant:hover{
	-webkit-box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.38); 
	box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.38);
	background: #00658b;
	color: white;
}
.CPcard__plant, .CPcard__company{
		color: #595959;
		background: none;
		border-radius: 5px;
	}
		.CPg{
			background: rgba(0,179,44,0.9);
			color: white;
		}
			.CPcard__company.CPg, .CPcard__companyNet.CPg{
				border-left: 5px solid rgba(0,179,44,0.9);
				border-radius: 0;
				background: none;
				color: #595959;
			}
		.CPr{
			background: rgba(179,0,12,0.9);
			color: white;
		}
			.CPcard__company.CPr, .CPcard__companyNet.CPr{
				border-left: 5px solid rgba(179,0,12,0.9);
				border-radius: 0;
				background: none;
				color: #595959;
			}
		.CPy{
			background: rgba(247,181,41,0.9);
			color: white;
		}
			.CPcard__company.CPy, .CPcard__companyNet.CPy{
				border-left: 5px solid rgba(247,181,41,0.9);
				border-radius: 0;
				background: none;
				color: #595959;
			}

/*-----------------------------
Footer
-----------------------------*/

.footer{
	background: #00658b;
	border-top: 1px solid #004059;
	padding: 10px;
	float: left;
	width: 100%;
}
.footer p{
	font-size: 80%;
}

/*-----------------------------
Varie
-----------------------------*/

/* clearfix */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

/* content padding */

.content_padding{
	width: 80%;
	height: 100%;
	margin: auto;
	background: none;
}

.line_sep{
	height: 20px;
	border-left: 1px solid rgba(255,255,255,0.3);
	width: 2px;
	margin-top: 10px;
	float: right;
}

/*-----------------------------
Smartphone
-----------------------------*/

@media (max-width: 767px){

	.header{
		min-height: 50px;
		position: fixed;
		background: rgba(0,101,139,0.9);
		z-index: 2000;
		width: 100%;
		padding-top: 5px;
		padding-right: 0;
		margin: 0;
		border-bottom: 1px solid #00658b;
	}
	.header_icon-bar{
		display: block;
		padding: 10px 15px 0 0 ;
	}

	.header_menu{
		width:100%;
		height: 0px;
		overflow: hidden;
		text-align: right;
	}
	.header_menu_item{
		display: block;
		float: none;
	}
		.header_menu_item a{
			color: #fff;
			opacity: 1;
			border-right: 2px solid rgba(255,255,255,0.8);
			margin-right: 15px;
			margin-bottom: 10px;
			padding: 5px 10px 5px 0;
		}
		.line_sep{
			border-left: none;
		}
	.is-open{
		height: auto;
		padding: 20px 0;
		overflow: auto;
		width: 100%;
		z-index: 2000;

		-webkit-box-shadow: 0px 61px 72px -5px rgba(0,0,0,0.28);
		-moz-box-shadow: 0px 61px 72px -5px rgba(0,0,0,0.28);
		box-shadow: 0px 61px 72px -5px rgba(0,0,0,0.28);
	}
	.content_padding{
		width: 100%;
	}
	.sections{
		padding:0;
	}
	.homepage_cover{
		box-shadow: none;
	}
	.homepage_section{
		height: auto;
		width: 95%;
		box-shadow: none;
		padding-top: 20px;
		border-radius: 5px;
	}
	.homepage_section_caption{
		padding: 0;
	}
	.homepage_cover_filter{
		height: 100%;
	}
	.homepage_cover_caption_copy h1{
		font-size: 200%;
	}
		.presentation_section, .contacts_section{
			background: white;
			-webkit-box-shadow: 0px -2px 24px 6px rgba(0,0,0,0.5);
			-moz-box-shadow: 0px -2px 24px 6px rgba(0,0,0,0.5);
			box-shadow: 0px -2px 24px 6px rgba(0,0,0,0.5);	
		}
		.presentation_section{padding-bottom: 0;}
		.panel_control_section{
			padding: 0 0;
		}
		.panel_control_section{
			width: 100%;
		}
	.plants_cards{
		margin: 0px 0px 50px 0px;
		background: white;
		-webkit-box-shadow: 10px 10px 32px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 32px -15px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 32px -15px rgba(0,0,0,0.75);
	}
	.plant_card__image{
		border-radius: 0;
	}
	.plant_card{
		width: 100%;
		margin: 0;
		border-radius: 0px;
		box-shadow: 0px 0px 0px;
		border: none;
		border-bottom: 1px solid rgba(59,59,59,0.5);
	}
	.plant_card_greyed{
		width: 100%;
		margin: 0;
		border-radius: 0px;
		box-shadow: 0px 0px 0px;
		border: none;
		border-bottom: 1px solid rgba(59,59,59,0.5);
	}
		.plant_card_content{
		}
			.plant_card_content h3{
				margin-left: 65px;
				padding-top: 7px;
			}
			.plant_card_content p{
				margin-top: 5px;
				margin-left: 65px;
				text-align: left;
			}
	.plant_button__card{
		width: 100%;
		display: inline-block;
		background: #00658b;
		color: white;
		padding: 10px 8	0px;
		border-radius: 3px;
		margin: auto;
		text-decoration: none;
		text-align: center;
	}
	.cards{
		margin-top: 0;
		margin-bottom: 0;
	}
	.card{
		width: 90%;
		margin: 0 5%;

		border-bottom: 1px solid rgba(59,59,59,0.1);
		padding-bottom: 20px;
		padding-top: 20px;
	}
		.card_copy.contacts_txt a{
			margin-top: 12px;
			text-decoration: none;
			text-align: left;
			margin-left: 60px;
			color: #00658b;
			opacity: 0.7;
		}
		.card_copy.contacts_txt p{
			padding-top: 0;
			margin-top: 0;
			text-align: left;
			margin-left: 60px;
		}
		.contacts_logo{
			float: left;
			transform: scale(0.7);
		}

		.card_image{
			width: 20%;
		}
	.social_link_button{
		padding: 15px;
	}
		.social_cards{
			margin-top: 50px;
			margin-bottom: 40px;
		}
		.linkedin{
			color: white;
			background: #4875B4;
			opacity: 0.9;
			transition: background 0.2s ease-out;
			border: 2px solid rgba(255,255,255,0.9);
		}
		.facebook{
			color: white;
			background: #3B5998;
			opacity: 0.9;
			transition: background 0.2s ease-out;
			border: 2px solid rgba(255,255,255,0.9);
		}
		.youtube{
			color: white;
			background: #FF3333;
			opacity: 0.9;
			transition: background 0.2s ease-out;
			border: 2px solid rgba(255,255,255,0.9);
		}
		.demo{
			color: #595959;
			background: #FFDD05;
			opacity: 0.9;
			transition: background 0.2s ease-out;
			border: 2px solid rgba(255,255,255,0.9);
		}

	
	.CPcard{
		background: white;
		border-radius: 0;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		margin: 0;
	}
	.CPcard:hover{
		background: white;
		transform: scale(1,1);
		box-shadow: none;
	}
	.CPcard__plant, .CPcard__company{
		color: #595959;
		background: white;
		border-radius: 5px;
	}
		.CPg{
			background: rgba(0,179,44,0.9);
			color: white;
		}
			.CPcard__company.CPg{
				border-left: 5px solid rgba(0,179,44,0.9);
				border-radius: 0;
				background: white;
				color: #595959;
			}
		.CPr{
			background: rgba(179,0,12,0.9);
			color: white;
		}
			.CPcard__company.CPr{
				border-left: 5px solid rgba(179,0,12,0.9);
				border-radius: 0;
				background: white;
				color: #595959;
			}
		.CPy{
			background: rgba(247,181,41,0.9);
			color: white;
		}
			.CPcard__company.CPy{
				border-left: 5px solid rgba(247,181,41,0.9);
				border-radius: 0;
				background: white;
				color: #595959;
			}

	.footer{
		font-size: 10px;
	}
}



* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}