/* Theme Name: H2O



Description:H2O Theme



Author:Magissim



Author URI:https://www.magissim.com/



Template:bootstrapwp */



@import url('../bootstrapwp/style.css');

/* @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,700,400italic,700italic|Roboto+Condensed:400,700);

*/


.wpml-ls-legacy-list-horizontal {
	border: none !important;
}

header .lang.side-menu {
    display: inline-block;
    vertical-align: top;
}

/* Generic Styles



----------------------- */



html, body {

	height: 100%;

	margin: 0;

	padding: 0;

}

body {

	font-weight: normal;

	text-rendering: optimizeLegibility;

	background: #e5e6e8;

	font-family: 'Roboto Condensed';

}

h1, h2, h3, h4, h5, h6 {

	font-size: 15px;

	font-weight: 600;

}

#wrapper {

	position: relative;

	min-height: 100%;

}

.bg-full-width {

	width: 100%;

	position: relative;

	left: 0;

	background-color: #e5e6e8;

}



.logo-mobile {display: none;}



.menu-main-menu-container {

	display: inline-block;

	top: -3px;

	position: relative;

}

#lang_sel_list {

	height: auto;

}

#wrapper.lang-fr header .nav-bar ul.nav {

	/* -webkit-transform: translateX(-42px);

	-ms-transform: translateX(-42px);

	transform: translateX(-42px);

	*/

}

#wrapper.lang-nl header .nav-bar ul.nav {

	/* -webkit-transform: translateX(-54px);

	-ms-transform: translateX(-54px);

	transform: translateX(-54px);

	*/

}

.grey-title {

	color: #b4b4b4;

}

.light-blue-title {

	color: #61bde1;

}



/* Header



----------------------- */

header {

	background: #30558e;

	background: rgba(255, 255, 255, 0.1);

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 1;

	-webkit-transition: background 200ms ease;

	transition: background 200ms ease;

}

header .container {

	margin-bottom: 20px;

}

header .logo {

	width: 300px;

	margin: 0 auto;

	position: absolute;

	left: 50%;

	top: 20px;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

}

header .logo svg {

	width: 300px;

}



header .logo-mobile{display:none;}



.menu-header-container {

	float: none;

	margin: 0 auto;

}

#wrapper.lang-fr header .nav-collapse {

	text-align: center;

	/*-webkit-transform: translateX(-30px);

	-ms-transform: translateX(-30px);

	-o-transform: translateX(-30px);

	transform: translateX(-30px);*/

}

#wrapper.lang-nl header .nav-collapse {

	text-align: center;

/*

	-webkit-transform: translateX(-40px);

	-ms-transform: translateX(-40px);

	-o-transform: translateX(-40px);

	transform: translateX(-40px);*/

}

header .navbar-nav {

	float: none;

}

header .nav-bar {

	padding: 0;

	height: 40px;

	margin-right: 0px;

}

header .nav-bar ul.nav {

	position: relative;

	margin: 0 auto;

	font-size: 0;

	margin-top: 10px;

	text-align: center;

}

header .nav-bar .nav li {

	display: inline-block;

	position: relative;

	float: none;

}

header .nav-bar .nav li.home-logo-menu {

	top: -25px;

}

header .nav-bar .nav li.menu-home-item a {

	padding-left: 25px;

}

header .nav-bar .nav li.menu-home-item a:before {

	position: absolute;

	left: 0;

	top: 2px;

	content: "\f015";

	display: block;

	font-size: 20px;

	color: white;

	font-family: "FontAwesome";

}

header .nav-bar .nav li:after {

	position: absolute;

	background-color: #1d4e8e;

	right: 0;

	top: 4px;

	content: "";

	display: block;

	width: 1px;

	height: 20px;

}



li#menu-item-15:after{background: none;}



header .nav-bar .nav li:last-child:after {

	display: none;

}

header .nav-bar .nav li.menu-agenda-item {

	margin-left: 180px;

}

header .nav-bar .nav li a {

	color: #fff;

	font-size: 12px;

}



/* header .nav-bar .nav li .caret {

	display: none;

}

header .nav-bar .nav li ul {

	border-radius: 0;

	margin-left: 50%;

	transform: translate(-50%);

}

header .nav-bar .nav li li {

	display: block;

}

header .nav-bar .nav li li a {

	font-size: 13px;

	white-space: pre-line;

}

*/

header .nav-bar .nav a {

	font-size: 18px;

	color: #fff;

	padding: 5px 15px;

	text-transform: uppercase;

	letter-spacing: .05em;

}

header .nav-bar .nav li.current-menu-item > a, .nav-bar li.current-page-ancestor > a, .nav-bar li.current-menu-ancestor > a {

	background: none;

	color: #fff;

}

header .nav-bar .nav li.current-menu-item > a:after, .nav-bar li.current-page-ancestor > a:after, .nav-bar li.current-menu-ancestor > a:after {

	position: absolute;

	background-color: #1d4e8e;

	left: 0;

	bottom: -3px;

	content: "";

	display: block;

	width: 100%;

	height: 5px;

}

header .nav-bar .nav li.current-menu-item a:hover {

	background: none !important;

}

header .nav-bar .nav a:hover, header .nav-bar .nav a:focus {

	background: none !important;

	color: #60bce0;

}

header .nav-bar .btn-navbar {

	display: none;

}

header .lang.side-menu {

	display: inline-block;

	/* position: absolute;

	top: 4px;

	right: 160px;

	*/

}

#lang_sel_list ul a, #lang_sel_list_list ul a:visited {

	background: none !important;

}



/* Fixed menu on scroll */

header.sticky {

	position: fixed;

	background: #5ab2d5;

	z-index: 1000;

}

header.sticky .nav-bar .nav li a img {

	width: 80px !important;

	height: 69px;

	margin-top: -20px;

	/*margin-left: 40px;*/

}

header.sticky .nav-bar .nav li a:hover {

	color: #265593

}

header.sticky li a:hover {

}



/* Home



----------------------- */

.bg-home {

	position: relative;

	min-height: 600px;

	background-position: top 50%;

	background-repeat: no-repeat;

	/* background-attachment: fixed;

	*/

	

	background-size: 100% auto;

}

.section-container {

	padding-top: 220px;

}



/* HEXAGON MENU HOME */





.menu-hexa-mobile{display: none;}

.hex {

	float: left;

	margin-right: -35px;

	margin-bottom: -74px;

	position: relative;

}

.hex-container {

	margin-top: -86px;

}

.hex-content {

	min-width: 60%;

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	text-align: center;

	-webkit-transition: all 200ms ease;

	transition: all 200ms ease;

}

.hex.active p {

	max-height: 100px;

	-webkit-transition: max-height .6s, opacity .2s;

	transition: max-height .6s, opacity .2s;

	opacity: 1;

}

.hex-content p {

	font-size: .9em;

	overflow: hidden;

	max-height: 0;

	opacity: 0;

	-webkit-transition: max-height .2s, opacity .4s;

	transition: max-height .2s, opacity .4s;

}

.hex-content a {

	color: #fff;

}

.hex-content a:hover {

	text-decoration: none;

}

.hex.active .middle {

	background: #c2c2c2;

}

.hex.active .left {

	border-right-color: #c2c2c2;

}

.hex.active .right {

	border-left-color: #c2c2c2;

}

.hex .left {

	float: left;

	width: 0;

	border-right: 45px solid #6C6;

	border-top: 78px solid transparent;

	border-bottom: 78px solid transparent;

}

.hex .middle {

	float: left;

	width: 90px;

	height: 156px;

	background: #6C6;

}

.hex .right {

	float: left;

	width: 0;

	border-left: 45px solid #6C6;

	border-top: 78px solid transparent;

	border-bottom: 78px solid transparent;

}

.hex-row {

	clear: left;

}

.hex.even {

	margin-top: 84px;

}

.hex-hide {

	opacity: 0;

}

#hex-eco .left {

	border-right: 45px solid rgba(180, 180, 180, .9);

}

#hex-eco .middle {

	background: rgba(180, 180, 180, .9);

}

#hex-eco .right {

	border-left: 45px solid rgba(180, 180, 180, .9);

}

#hex-sim .left {

	border-right: 45px solid rgba(69, 94, 133, .9);

}

#hex-sim .middle {

	background: rgba(69, 94, 133, .9);

}

#hex-sim .right {

	border-left: 45px solid rgba(69, 94, 133, .9);

}

#hex-pro .left {

	border-right: 45px solid rgba(160, 193, 224, .9);

}

#hex-pro .middle {

	background: rgba(160, 193, 224, .9);

}

#hex-pro .right {

	border-left: 45px solid rgba(160, 193, 224, .9);

}

#hex-env .left {

	border-right: 45px solid rgba(143, 143, 219, .9);

}

#hex-env .middle {

	background: rgba(143, 143, 219, .9);

}

#hex-env .right {

	border-left: 45px solid rgba(143, 143, 219, .9);

}

#hex-ana .left {

	border-right: 45px solid rgba(63, 110, 176, .9);

}

#hex-ana .middle {

	background: rgba(63, 110, 176, .9);

}

#hex-ana .right {

	border-left: 45px solid rgba(63, 110, 176, .9);

}

#hex-san .left {

	border-right: 45px solid rgba(60, 90, 153, 0.9);

}

#hex-san .middle {

	background: rgba(60, 90, 153, 0.9);

}

#hex-san .right {

	border-left: 45px solid rgba(60, 90, 153, 0.9);

}

#hex-eau .left {

	border-right: 45px solid rgba(68, 140, 199, .9);

}

#hex-eau .middle {

	background: rgba(68, 140, 199, .9);

}

#hex-eau .right {

	border-left: 45px solid rgba(68, 140, 199, .9);

}

.row-facebook{
	margin: 0 auto !important;
	text-align: center;
}
.row-facebook a img{
	height: 95px !important;
}
.bg-grey-light,
.bg-grey-light .news-home,
.bg-grey-light .calculateurs-home{
	background: rgb(229, 230, 232) !important;
	padding: 40px 20px;
}



/* ---------------- */

.hexagon-home-menu {

	position: relative;

	width: 470px;

	height: 570px;

	margin: 0 auto;

}





.hexagon-home-menu img {

	width: initial

}

.bg-grey {

	background: #d9dadb;

	padding: 40px 20px;

}

.bg-row-boxes {

	/* FF3.6+ */

	

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 0)), color-stop(35%, rgba(230, 230, 230, 0.85)), color-stop(51%, rgba(230, 230, 230, 1)), color-stop(52%, rgba(230, 230, 230, 1))); /* Chrome, Safari4+ */

	background: -webkit-linear-gradient(top, rgba(238, 238, 238, 0) 0%, rgba(230, 230, 230, 0.85) 35%, rgba(230, 230, 230, 1) 51%, rgba(230, 230, 230, 1) 52%); /* Chrome10+, Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */

	background: -webkit-linear-gradient(top, rgba(238, 238, 238, 0) 0%, rgba(230, 230, 230, 0.85) 35%, rgba(230, 230, 230, 1) 51%, rgba(230, 230, 230, 1) 52%);

	background: linear-gradient(to bottom, rgba(238, 238, 238, 0) 0%, rgba(230, 230, 230, 0.85) 35%, rgba(230, 230, 230, 1) 51%, rgba(230, 230, 230, 1) 52%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#e6e6e6', GradientType=0 ) /* IE6-9 */

}

.row-boxes-home img {

	margin-bottom: 15px;

}

.block-content {

	/* margin: 0 8px; */

	overflow: hidden;

}

.block-content .news-home-title h3, .block-content .calculateurs-home-title h3 {

	color: #697887;

	text-align: center;

	font-weight: 300;

	margin-bottom: 10px !important;

}

.block-content .news-home, .block-content .calculateurs-home {

	border-bottom: 1px solid #bdc8cc;

	border-top: 1px solid #bdc8cc;

	padding: 20px 0px 20px 0px;

	/* height: 140px;

	*/

	

	background: #d9dadb;

}

.block-content .news-home ul {

	list-style: none;

	padding: 0;

}

.block-content .news-home ul li {

	padding-bottom: 5px;

}

.block-content .news-home ul li b {

	background-color: #61bde1;

	color: #fff;

	padding: 0px 2px 0px 2px;

	margin-right: 3px;

}





.news-target ul li a.margin{

	margin-left: 45px;

}

/* SLIDER */

.slider-home h2.wpb_posts_slider_heading {

	text-align: center;

	color: #61bde1;

	font-weight: normal;

	font-size: 25px;

}

.slider-home .flexslider {

	background: none;

	box-shadow: none;

	border: none !important;

	min-height: 100px;

}

.slider-home .flexslider p {

	font-size: 18px;

	font-style: italic;

	width: 760px;

	margin: 0 auto;

}

.flex-direction-nav .flex-next {

	right: 10px !important;

}

.flex-caption h2 {

	position: absolute;

	right: 200px;

	bottom: -15px;

}

.flex-caption h2 a {

	font-style: italic;

	font-size: .9em;

	text-decoration: none;

}

.flex-caption {

	position: relative !important;

}

.wpb_posts_slider .flex-caption, .wpb_posts_slider .nivo-caption {

	background: none !important;

}

li.home-logo-menu {

	position: relative;

}

li.home-logo-menu a {

	position: absolute;

	top: 6px;

	left: 0;

	padding: 0;

	color:transparent !important;

	width: 190px;

	display: block;

	text-align: center;

}

li.home-logo-menu img {

	width: 160px;

}

.cnss-social-icon a:hover {

	display: block;

	width: 32px;

	height: 32px;

}

.cnss-social-icon a img {

	opacity: 1 !important;

}

.cnss-social-icon a:hover img {

	display: none;

	opacity: 1 !important;

}

.social.side-menu {display: inline-block; position:relative;}



.social.side-menu a {

display: block;

width: 17px;

height: 24px;

position: absolute;

top: -22px;

left: 13px;

}



.social.side-menu a:before { 

	content: "\f082";

	display: block;

	font-size: 17px;

	color: white;

	font-family: "FontAwesome";

}

#lang_sel_list img.iclflag {top:-1px;}



a[title^="Facebook"]:hover {

	background: url('images/fb-social-icon-hover.png');

}

a[title^="Twitter"]:hover {

	background: url('images/tw-social-icon-hover.png');

}

a[title^="Youtube"]:hover {

	background: url('images/yt-social-icon-hover.png');

}

a[title^="Pinterest"]:hover {

	background: url('images/pi-social-icon-hover.png');

}

a[title^="Instagram"]:hover {

	background: url('images/in-social-icon-hover.png');

}

a[title^="Linkedin"]:hover {

	background: url('images/lin-social-icon-hover.png');

}

.calculateur-links {

	padding: 0;

	list-style: none;

	text-align: center;

}

.calculateur-links li {

	display: inline-block;

	margin-left: 5px;

}

.calculateur-links li a {

	display: block;

	text-align: center;

	padding: 50px 10px 0;

	background: url('https://www.h2obenelux.be/wp-content/uploads/2015/01/icone-calculateur.png') top center no-repeat;

	font-weight: bold;

	color: #428bca;

}

.calculateur-links li a:hover {

	text-decoration: none;

}

.sidebar .calculateur-links {

	text-align: left;

	padding-top: 10px;

}

.sidebar .calculateur-links li {

	margin-left: 0;

}



/* Page */

.bg-page {

	position: relative;

	min-height: 422px;

	background-position: top 50%;

	background-repeat: no-repeat;

	/* background-attachment: fixed;

	*/

	

	background-size: 100% auto;

}

.col-sm-7.col-padding, .col-sm-10.col-padding {

	padding-top: 140px;

	padding-left: 30px;

}

body.post-type-archive-agenda .no-sub, .no-sub {

	padding-top: 15px !important;

}



.agenda a {

	font-weight: bold;

	background-color: #fff;

	padding: 5px;
	
	cursor: pointer;

}



.reference-responsive{display:none;}



/* .col-sm-7.col-padding.no-sub {

	padding-top: 15px;

}

*/

/* .no-sub2 {

	padding-top: 65px !important;

}

*/







/* breadcumbs */







.nav-indicator {

	position: absolute;

	width: 45%;

	bottom: 0;

	left: 0;

	background-color: rgba(255, 255, 255, 0.7);

	color: #000;

	padding: 5px;

}

.nav-indicator-content {

	margin-left: 240px;

}

.nav-indicator span {

}



/* .nav-indicator ul {

	list-style: none;

	margin-left: 35%;

}

.nav-indicator ul li {

	float: left;

	text-transform: uppercase;

}

.nav-indicator ul li:after {

	content: url('images/toogle-right.png');

	padding: 10px;

}

*/

.section-page-container {

	padding-top: 0px;

}

.section-content-title {

}

.section-content-title h1 {

	font-size: 28px;

	font-weight: 100;

	text-transform: uppercase;

	border-bottom: 1px solid;

	padding-bottom: 10px;

}



/* Main hexa menu */

.menu-main-hex-menu-container {

	position: relative;

}

.menu-main-hex-menu-container ul {

	list-style: none;

	z-index: 100;

}

.menu-main-hex-menu-container ul li {

	display: block;

	width: 175px;

	height: 150px;

	margin-bottom: -55px;

	position: relative;

	opacity: .9;

}

.menu-main-hex-menu-container ul li:hover {

	opacity: 1;

	z-index: 999;

}

.menu-main-hex-menu-container ul li a {

	width: 175px;

	height: 150px;

	line-height: 150px;

	vertical-align: middle;

	display: block;

	text-align: center;

	text-transform: uppercase;

	font-size: 15px;

	color: #fff;

}

.menu-main-hex-menu-container ul li.current-menu-item {

	z-index: 10 !important;

	opacity: 1;

}

.menu-main-hex-menu-container ul li a:hover {

	text-decoration: none;

	opacity: 0.9;

}

.menu-main-hex-menu-container ul li.bg-eau {

	background: url('images/bg-eau.png');

}

.menu-main-hex-menu-container ul li.bg-san {

	background: url('images/bg-san.png');

}

.menu-main-hex-menu-container ul li.bg-eco {

	background: url('images/bg-eco.png');

}

.menu-main-hex-menu-container ul li.bg-sim {

	background: url('images/bg-sim.png');

}

.menu-main-hex-menu-container ul li.bg-pro {

	background: url('images/bg-pro.png');

}

.menu-main-hex-menu-container ul li.bg-env {

	background: url('images/bg-env.png');

}

.menu-main-hex-menu-container ul li.bg-ana {

	background: url('images/bg-ana.png');

}



/* SUB MENU */

.menu-main-hex-menu-container ul li ul.sub-menu {

	position: absolute;

	display: none;

	list-style: none;

	padding: 0;

	left: 175px;

	top: 50%;

	width: 850px;

	height: 87px;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

}

.menu-main-hex-menu-container ul li ul.sub-menu li {

	display: inline-block;

	width: 101px;

	height: 87px;

	position: relative;

	background-size: 100% 100% !important;

	margin-right: -15px;

	vertical-align: top;

}



/* SUBMENU BACKGROUND IMGAGES */

.menu-main-hex-menu-container ul li.bg-eau ul.sub-menu li {

	background: url('images/bg-eau.png');

}

.menu-main-hex-menu-container ul li.bg-san ul.sub-menu li {

	background: url('images/bg-san.png');

}

.menu-main-hex-menu-container ul li.bg-eco ul.sub-menu li {

	background: url('images/bg-eco.png');

}

.menu-main-hex-menu-container ul li.bg-sim ul.sub-menu li {

	background: url('images/bg-sim.png');

}

.menu-main-hex-menu-container ul li.bg-pro ul.sub-menu li {

	background: url('images/bg-pro.png');

}

.menu-main-hex-menu-container ul li.bg-env ul.sub-menu li {

	background: url('images/bg-env.png');

}

.menu-main-hex-menu-container ul li.bg-ana ul.sub-menu li {

	background: url('images/bg-ana.png');

}

.menu-main-hex-menu-container ul li ul.sub-menu li a {

	max-width: 100px;

	padding: 0px 10px;

	height: auto !important;

	line-height: 1em !important;

	vertical-align: top !important;

	display: block;

	text-align: center;

	text-transform: uppercase;

	font-size: 12px;

	color: #fff;

	position: relative;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

}

.menu-main-hex-menu-container ul li ul.sub-menu li:hover {

	color: rgba(29, 78, 142, 0.9);

	opacity: 1 !important;

}

.menu-main-hex-menu-container ul li ul.sub-menu li.current-menu-item {

	opacity: 1 !important;

}

.menu-main-hex-menu-container ul li ul.sub-menu li.current-menu-item a {

	text-decoration: underline;

}



/* SIDE-BAR */

.news a {

	color: #61bde1;

}



.news h1 a {

	color: #000;

}



.news ul {

	list-style: none;

	border-bottom: 1px solid #bdc8cc;

	border-top: 1px solid #bdc8cc;



	padding: 20px 10px;

	max-height: 240px;

	overflow-y: auto;

}

.news ul li span {

	background: #a9d4e6;

	color: #000;

	font-weight: bold;

}

.calculateurs .calc-content {

	border-bottom: 1px solid #bdc8cc;

	border-top: 1px solid #bdc8cc;

	padding: 20px 0;

	margin-bottom: 10px;

}

.calculateurs .calc-content p {

	margin: 0;

}

.calculateurs span, .calculateurs span a {

	color: #61bde1;

}



/* ACCORDION */

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {

	text-transform: uppercase !important;

	color: #333 !important;

	border-top: 1px #333 dotted;

}

.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {

	background-color: #e5e6e8 !important;

}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {

	color: #333 !important;

}

.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {

	background: url('images/toogle-closed.png') !important;

	background-repeat: no-repeat !important;

	width: 11px !important;

	height: 7px !important;

}



/* archive pages */

.page-header.border {

	border-bottom: 1px solid #428bca;

}

blockquote {

	border-left: 5px solid #428bca;

}



/* Temoignages */

h1.temoignages-title {

	color: #1d4e8e;

}

.temoignages-text p {

	font-style: italic;

	font-size: 16.5px;

}



/* NEWS */

.page-header.news h1 {

	color: #1d4e8e;

}

.page-header.news span.conference-modal-date {

	background: #a9d4e6;

	color: #fff;

}



/* Contact */

h3.person-name {

	margin-top: 0;

	color: #1d4e8e;

	font-size: 1.6em;

	border-bottom: 1px solid #1d4e8e;

}



/* .img-contact img {

	vertical-align: top;

	margin-right: 10px;

	float: left;

}

*/

/*







.wpcf7 label {

	color: #777;

	font-size: 12px;

	margin-bottom: 0;

	border-bottom: 1px solid #999;

	padding-right: 20px;

}

.wpcf7 input, .wpcf7 textarea {

	border: none !important;

	background: rgba(0, 0, 0, .15);

	color: rgba(0, 0, 0, .7);

	margin-top: 3px;

	padding: 5px;

	width: 100%;

}

.wpcf7 input:focus, .wpcf7 textarea:focus {

	outline: none !important;

	outline-offset: 0;

	box-shadow: inset 0 0 1px 2px rgba(0, 0, 0, .1);

}

.wpcf7 .wpcf7-form-control.wpcf7-submit {

	background: #265593;

	color: #fff;

	font-size: 14px;

	padding: 1em 3em;

	border-radius: 0;

	border: none;

	text-transform: uppercase;

	display: block;

	margin: 0;

	max-width: 100%;

	font-weight: 400;

}

.wpcf7 .wpcf7-form-control.wpcf7-submit:active, .wpcf7 .wpcf7-form-control.wpcf7-submit:hover {

	background: #5fbadd;

	color: #fff;

}

.wpcf7 .wpcf7-response-output {

	padding: 1em;

	margin: 0;

}

.wpcf7 .wpcf7-response-output h4 {

	margin-top: 0;

	font-weight: 400;

}

.wpcf7 .wpcf7-textarea, .wpcf7 .send-button input {

	width: 100%;

}

*



/











/* TEMOIGNAGES */







.temoignages-text ul {

	padding: 0;

}



/* Calculateur part */

.calc-part {

	background: #fff;

	width: 780px;

	padding: 15px;

	border-radius: 5px;

	border: 1px solid #c2c2c2;

}

.calc-part .call-to-action {

	background: rgba(90, 178, 213, .7);

	color: rgba(70, 140, 180, 1);

	padding: 20px;

	border-radius: 5px;

	font-size: 1.3em;

	text-align: center;

	font-weight: bold;

	margin-bottom: 30px;

}

.calc-part .calc-choice {

	margin-bottom: 20px;

}



.calc-choice:after {

	content: "";

	display: block;

	clear: both;

}

.calc-part .calc-choice span {

	float: left;

	line-height: 34px;

	margin: 0px 10px;

}

.calc-part .calc-text {

	font-size: 1.1em;

}

.calc-part .calc-text span.epaMoyAnnSur, 

.calc-part .calc-text span.epaTotSur15,

.calc-part .calc-text span.b24,

.calc-part .calc-text span.c24

 {

	background: rgba(90, 178, 213, 0.5);

	font-weight: bold;

	padding: 2px 5px;

	margin: 0 5px;



}

.calc-part .form-control {

	max-width: 45px;

	border-radius: 0;

	background: rgba(90, 178, 213, 0.5);

	font-weight: bold;

	float: left;

	border: none;

	text-align: center;

	display: inline-block !important;

}

.calc-part .table {

	margin-top: 30px;

	margin-bottom: 0;

}

.calc-part .table td.col2 {

	min-width: 50px;

	text-align: right;

}

.calc-part .table td.col2.info {

	background: #d9edf7;

}

.calc-part-list {

	margin-top: 20px;

}

.calc-part-list ul {

	padding-left: 18px;

	list-style-type: circle;

}



/* FOOTER */

footer {

	color: #b4b4b4;

	padding: 50px 0px;

}

footer .container {

	border-top: 1px solid;

}

footer h1 {

	color: #333333;

}

footer .footer-logo {

	text-align: center;

	margin-top: 22px;

}

footer .footer-menu, footer .footer-main-menu {

	margin-top: 22px;

}

footer .footer-menu .nav {

	padding: 0;

	text-align: center;

}

footer .nav ul {

	text-align: right;

}

footer .nav li {

	position: relative;

	padding-bottom: 10px;

}

footer .nav li:after {

	content: "";

	display: block;

	clear: both;

}

footer .nav li a {

	padding: 0;

	color: #61bde1;

	display: inline;

	float: right;

	font-size: 13px;

	text-align: left;

}

footer .nav li a:hover, footer .nav li a:focus{

	background: none;

}

footer .footer-menu .nav li a {

	float: left;

}

footer .nav li.menu-home-item a:before {

	position: absolute;

	right: 41px;

	top: -5px;

	content: "\f015";

	display: block;

	font-size: 20px;

	font-family: "FontAwesome";

}



/*footer .nav li.current-menu-item > a:after {

	position: absolute;

	background-color: #61bde1;

	right: 0;

	bottom: 0px;

	content: "";

	display: block;

	width: 100%;

	height: 2px;

}*/

footer #nav-footer .sub-menu {

	display: none;

}

.fa-phone:before, .icon-map-marker:before {

	color: #61bde1;

	font-size: 20px;

}

.icon-map-marker:before {

	content: "\f041";

}

.footer-form .form-control {

	border-radius: 0;

}

.footer-form .input-group-btn:last-child>.btn {

	margin-left: -1px;

	background: #61bde1;

	color: white;

	border-radius: 0;

}



.developed {

	position: absolute;

	top: 262px;

}



::-webkit-input-placeholder {

	color: #61bde1 !important;

}

::-moz-placeholder {

	color: #61bde1 !important;

}



/* firefox 19+ */

:-ms-input-placeholder {

	color: #61bde1 !important;

}



/* ie */

input:-moz-placeholder {

	color: #61bde1 !important;

}



/* ******************************* */

/* ****** Responsive Styles ****** */



/* ******************************* */









/* ******************************* */

@media only screen and (max-width:1024px) {



	.bg-home, 

	.bg-page{

		background-size:inherit;

	}





	header .container {

		margin-bottom: 0;

		border-bottom: 3px solid #653333;

	}

	header .logo {

		margin: 10px auto 20px;

	}



	.logo-mobile{display:block;}



	header .menu-main-menu-container{



		display: block !important;

	}

	header .nav-bar .nav a {

		font-size: 18px !important;

		padding: 5px 10px;

	}



	header .nav-bar .nav li.menu-home-item a{

		padding:0 !important;

	}



	header .nav-bar .nav li.menu-home-item a:before{

		display:none !important;

	}



	header .nav>li>a>img {



		max-width: none;

		display: none;

	}

	header .nav-bar {

		padding: 0;

	}

	header .nav-bar .btn-navbar {

		position: absolute;

		top: 33px;

		right: 20px;

		display: block;

		width: 40px;

		height: 40px;

		background: #5ab2d5;

		border-radius: 3px;

		padding: 4px;

		border: none;

		box-shadow: none;

		z-index: 10;

	}





	header .nav-bar .btn-navbar:hover {

		background: #1d4e8e;

	}

	header .nav-bar .btn-navbar .icon-bar {

		display: block;

		width: 22px;

		height: 3px;

		background: white;

		border-radius: 2px;

		margin: 6px 0 0 5px;

		box-shadow: 0 1px 0 rgba(0, 0, 0, .2);

	}

	header .nav-collapse {

		display: none;

		-webkit-transform: translateX(0) !important;

		transform: translateX(0) !important;



	}



	header.sticky{background:none;}





	header .nav-collapse.in, header .nav-collapse.collapsing {

		width:100%;

		display: block;

		position: absolute;

		top: 33px !important;

		right: 0;

		background: #1d4e8e;

		padding: 0 10px;

		border: 1px solid rgba(0, 0, 0, .15);

		border: none;

		border-radius: 0;

		box-shadow: 0;

		z-index: 9;

	}

	header .nav-bar .nav {

		padding: 30px 0 10px;

	}

	header .nav-bar .nav li {

		display: block;

	}

	header .nav-bar .nav li.menu-agenda-item{



		margin-left: 0 !important;

	}



	header .nav-bar .nav li .dropdown-menu {

		width: auto;

		position: absolute;

		top: 0;

		left: -90px;

		padding: 0;

		margin: 0;

		border: none;

		background: white;

		box-shadow: none;

		max-width: 150px;

		border-radius: 3px;

		border-top-right-radius: 0;

		border: 1px solid rgba(0, 0, 0, .1);

		box-shadow: -1px 2px 1px 0px rgba(0, 0, 0, .2);

	}



	/*No mostrar en mobile*/



	.section-container {padding-top: 50px !important;}



	.logo-mobile {

		display: block;

		margin: 31px 0px 0px 15px;

	}

	.logo-mobile img{

	

	}



	.hexagon-home-menu.no-mobile{display: none;}



	.menu-hexa-mobile{

		width: 90%;

		display: block;

		/*margin-top: 100px;*/

	}



	.menu-hexa-mobile ul {

		list-style:none;

		text-align: center;

	}

	.menu-hexa-mobile li {

			padding:10px;

	}

	.menu-hexa-mobile li a {

		text-decoration: none;

		display: block;

		color: white;

	}

	.menu-hexa-mobile li:hover {

		opacity: 0.8;

	}



	#san-mobile{background: rgba(60, 90, 153, 0.9);}

	#ana-mobile{background: rgba(63, 110, 176, .9);}

	#pro-mobile{background: rgba(93, 132, 185, .9);}

	#eco-mobile{background: rgba(180, 180, 180, .9);}

	#env-mobile{background: rgba(143, 143, 219, .9);}

	#eau-mobile{background: rgba(68, 140, 199, .9);}

	#sim-mobile{background: rgba(69, 94, 133, .9);}



	/*.slider-home {min-height: 170px;}*/



	.slider-home .flex-caption h2{

		right: 2%;

		bottom: -25px;



	}

	.slider-home .flex-caption h2 a{

		font-size: 0.7em;



	}



	.slider-home .flexslider p {

		font-size: 13px;

		width: 100%;

		min-height: 120px;

	}

	/*

	#content {

		padding-bottom: 360px !important;

	}*/



	.news-home-respon{margin-left:0px !important;}





	/*page*/



	.nav-indicator{display: none;}



	.reference-responsive{display:block;}



	/* Main hexa menu */

	.menu-main-hex-menu-container {

		position: relative;

		margin-top: -300px;

	}

	.menu-main-hex-menu-container ul {

		list-style: none;

		z-index: 0;

	}

	.menu-main-hex-menu-container ul li {

		display: block;

		width: 80%;

		height: 40px;

		margin-bottom: 0;

		position: relative;

		opacity: .9;

	}

	.menu-main-hex-menu-container ul li:hover {

		opacity: 1;

		z-index: 999;

	}

	.menu-main-hex-menu-container ul li a {

	

		width:100% !important;

		height:100% !important;

		line-height: 3!important;

		vertical-align: middle;

		display: block;

		text-align: center;

		text-transform: uppercase;

		font-size: 14px;

		color: #fff;

	}

	.menu-main-hex-menu-container ul li.current-menu-item {

		z-index: 10 !important;

		opacity: 1;

	}



	.menu-main-hex-menu-container ul li a:hover {

		text-decoration: none;

		opacity: 0.9;

	}



	.menu-main-hex-menu-container ul li.bg-eau,

	.menu-main-hex-menu-container ul li.bg-eau ul.sub-menu li {

		background:rgba(68, 140, 199, .9);

		background-image: none;

	}

	.menu-main-hex-menu-container ul li.bg-san,

	.menu-main-hex-menu-container ul li.bg-san ul.sub-menu li {

		background:rgba(114, 110, 185, .9);



	}

	.menu-main-hex-menu-container ul li.bg-eco,

	.menu-main-hex-menu-container ul li.bg-eco ul.sub-menu li {

		background:rgba(180, 180, 180, .9);

		background-image: none;

	}

	.menu-main-hex-menu-container ul li.bg-sim,

	.menu-main-hex-menu-container ul li.bg-sim ul.sub-menu li {

		background:rgba(69, 94, 133, .9);

		background-image: none;

	}

	.menu-main-hex-menu-container ul li.bg-pro,

	.menu-main-hex-menu-container ul li.bg-pro ul.sub-menu li {

		background:rgba(93, 132, 185, .9);

		background-image: none;

	}

	.menu-main-hex-menu-container ul li.bg-env,

	.menu-main-hex-menu-container ul li.bg-env ul.sub-menu li {

		background:rgba(143, 143, 219, .9);

		background-image: none;

	}

	.menu-main-hex-menu-container ul li.bg-ana,

	.menu-main-hex-menu-container ul li.bg-ana ul.sub-menu li {

		background:rgba(63, 110, 176, .9);

		background-image: none;

	}





	/*SUB MENU MOBILE*/



	.menu-main-hex-menu-container ul li ul.sub-menu.open {



		position: relative !important;

		display: block !important;

		padding: 0 !important;

		left: 0 !important;

		top: 0 !important;

		width: 100% !important;

		height: 100% !important;

		-webkit-transform: translateY(0);

		-ms-transform: translateY(0);

		transform: translateY(0);



	}



	.menu-main-hex-menu-container ul li ul.sub-menu li {



		display: block !important;

		width: 100% !important;

		height: 40px !important;

		position: relative !important;

		background-size: 100% 100% !important;

		margin-right: -15px !important;

		vertical-align: top !important;

		border-bottom: 1px solid !important;

		border-color: rgba(255,255,255,0.5) !important;

	}



	.menu-main-hex-menu-container ul li.current-menu-item,

	.menu-main-hex-menu-container ul li.current-menu-ancestor {

		height: auto !important;

	}



	.menu-main-hex-menu-container ul li ul.sub-menu li a {

		max-width: 100% !important;

		padding: 0px 10px;

		height: auto !important;

		line-height: 1em !important;

		vertical-align: top !important;

		display: block !important;

		text-align: center !important;

		text-transform: uppercase!important;

		font-size: 12px !important;

		color: #fff !important;

		position: relative !important;

		top: 50% !important;

		-webkit-transform: translateY(-50%) !important;

		-ms-transform: translateY(-50%) !important;

		transform: translateY(-50%) !important;

	}



	.calc-part {width:100% !important;}



	/*footer*/

	footer {

		height: 360px;

	}

	footer h4 {

		font-size: 1.5em;

	}



	footer .input-group .form-control {

		width:200px !important;

	}



	footer [class^="col-xs-3"] {

		float: none !important;

	}

	/*

	footer [class^="col-"] {

		width: 70%;

		float: left;

	}

	footer [class^="col-"]:nth-child(3) {

		width: 100%;

		clear: both;

	}

	*/

}



@media only screen and (min-width:768px) and (max-width:1024px) {



	.menu-main-hex-menu-container ul li ul.sub-menu li{width: 80% !important;}

	

	.section-page-container [class^="col-sm-2"] {	width: 100% !important;

	}

	.menu-main-hex-menu-container ul li ul.sub-menu.open{width: 125% !important;}



	.col-sm-7.col-padding, .col-sm-10.col-padding{

		padding:0px 0px 0px 20px;

	}

	.col-sm-3.sidebar {

		width:40%;

	}



}



@media only screen and (max-width:480px) {

	.flex-direction-nav{display: none;}

}