/*
Theme Name: Divi Community Child Theme
Description: Theme enfant de Divi par Divi Community
Author: Julien - WebMate
Author URI: https://www.divi-community.fr
Template: Divi
Version: 1.1
*/



/*
** CENTRER DU CONTENU VERTICALEMENT
** Voir tuto : https://www.divi-community.fr/snippets-divi/centrer-du-contenu-verticalement
*/

.dc-centrer-verticalement {
	display: flex;
	flex-direction: column;
	justify-content: center;
  	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	 -moz-box-orient: vertical;
	 -moz-box-direction: normal;
	  -ms-flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
}


/*
** INVERSER LE SENS DES COLONNES SUR MOBILE
** Voir tuto : https://www.divi-community.fr/snippets-divi/inverser-ordre-des-colonnes-sur-mobile
*/

@media only screen and (max-width : 980px) {
	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}


/*
** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer
*/

.et_mobile_menu {
	margin-left: -30px;
	padding: 5%;
	width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}


/*
** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA
** Parfois, suivant la taille du texte, certains chiffres du résultat sont masqués
*/
.et_pb_contact_right p input {
	max-width: 50px;
}


/*
** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE
** Généralement, ils sont bien trop gros…
*/
sup, sub {
    font-size: 70%;
}



/*------------------------------  ESPAGNE  ------------------------------------------*/
/*-----------------------------  ESPAGNE  ---------------------------------------*/

.home h1{
	font-size: clamp(35px, calc(30px + 2vw), 80px) !important;
	max-width: clamp(360px, 60vw, 2000px);
	margin: auto;
	line-height: 1.4 !important;
	background: rgb(0, 0, 0, 0.5);
	padding: 10px;
}

/*------------------------------ END ESPAGNE  ------------------------------------------*/
/*-----------------------------  END ESPAGNE  ---------------------------------------*/


/*------------------------------  VITROCONCEPT  ------------------------------------------*/
/*-----------------------------  VITROCONCEPT  ---------------------------------------*/

body{
	color: #333;
}

h1, h2{
	font-size: calc(17px + 0.8vw);
	font-weight: 700;
	margin-bottom: calc(0px + 0.8vw);
	line-height: 1.5em;
	letter-spacing: -0.3px;
}

h1::after, h2::after{
	content: "";
	height: 4px;
	width: calc(70px + 1vw);
	background-color: #0b63a7;
	border-radius: 3px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: -15px;
	-webkit-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.smallH2 h2{
  font-size: 33px !important;
	line-height: 1.2 !important;
}

h3{
	font-size: calc(8px + 0.8vw);
	line-height: 1.3em;
	margin-top: 20px;
	letter-spacing: -0.3px;
	font-weight: 700;
}

h4 {
    font-size: calc(6px + 0.8vw);
	margin: 30px 0 0px 0;
}

.smallH4 h4{
  font-size: 16px;
  margin: 5px 0 0px 0;
}

p, .et_pb_text_inner{
	font-size: calc(4px + 0.8vw);
  letter-spacing: 1px;
  line-height: calc(12px + 0.8vw);
}

.smallSize p, .smallSize .et_pb_text_inner {
	font-size: calc(2px + 0.8vw);
}

.et_pb_section{
	max-width: 100vw;
}

.et_pb_row{
	width: 90%;
	max-width: none;
}

.single .container{
	width: 100%;
  max-width: 100%;
	padding-top: 0 !important;
}

#left-area{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.home footer{
	margin-top: 0;
}

#main-footer, #cookie-law-info-again{
	display: none !important;
}

.noAfter h2::after, .noAfter h1::after{
	display:none;
}

.center p{
	text-align: center !important;
}


#button{
	background-image: linear-gradient(180deg,#347B84 0%,#0B63A7 100%);
	color: #fff;
	border-radius: 25px;
	font-size: 14px;
  min-width: 250px;
  text-align: center;
  padding: 8px 30px;
  font-weight: 700;
  text-transform: uppercase;
	border: none !important;
}

#button:hover{
	border: none;
}

#button:hover::after{
	top: 3px;
}

/*------- POST ----------*/

.single-post p, .single-post .et_pb_text_inner{
	font-size: calc(3px + 0.8vw);
  letter-spacing: 1px;
  line-height: 1.8;
}

.single-post h3, .smallH3 h3{
	font-size: calc(8px + 0.8vw) !important;
    line-height: 1.5em;
}

.single-post .et_pb_row{
	width: 80%;
    max-width: calc(670px + 30vw);
}

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

	.single-post .et_pb_section {
    padding: 0;
	}

	.single-post p, .single-post .et_pb_text_inner{
  		line-height: 18px;
	}

	.single-post h3 {
    	line-height: 24px;
	}
}

/*----------- END POST ----------**/

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

	#page-container{
		padding-top: 0 !important;
		margin-top: 0;
	}

	h1, h2{
		position: relative;
		width: 100%;
    	margin: auto;
		font-weight: bold;
	}

	h3{
		font-size: 19px;
    	line-height: 22px;
	}

	h1::after, h2::after{
		bottom: -20%;
	}

	p, .et_pb_text_inner, #hp-product p, #hp-blog .post-content p, .smallSize p, .smallSize .et_pb_text_inner{
		font-size: 14px !important;
    	line-height: 1.6em !important;
		text-align:left !important;
	}

	#hp-separator-mobile{
		padding-top: 1vw !important;
		padding-bottom: 1vw !important;
	}

	#hp-separator-mobile .et_pb_row{
		padding: 0;
	}

	.nomobile{
		display:none;
	}

}

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

	.contentpage h1{
		font-size: 22px !important;
		line-height: 25px !important;
	}

	h1{
		font-size: 20px !important;
  	line-height: 19px !important;
		padding-top: 7% !important;
	}

	#hp-banner-full h1{
		font-size: calc(19px + 1vw)  !important;
 		line-height: 1em !important;
		margin-top: 4% !important;
	}

	h2{
		text-align: center !important;
	}

	h2, h3, h2 span, h3 span{
		font-size: 17px !important;
		line-height:1.3em !important;
		font-weight: 800 !important;
	}

	#hp-bloc-image-text-mobil .et_pb_text_1{
		padding: 50px;
		padding-top: 0;
	}

}

@media (max-width: 767px){

	h4 {
    font-size: calc(11px + 0.8vw);
	}

	h3{
		font-size: 15px !important;
	}


	.et_pb_blog_grid h2, .et_pb_post h2 {
		font-size: calc(17px + 0.8vw);
    padding-bottom: 10px;
	}

	#hp-bloc-title-with-after{
		width: 100% !important;
	}
}


@media (max-width: 500px){
		#hp-bloc-image-text-mobil .et_pb_text_1{
			padding: 20px;
		}
}



/*-----------------------------------------------   HEADER  ------------------------------------------------------*/
/*-----------------------------------------------   HEADER  ------------------------------------------------------*/


/*--------------- TOP BAR ----------------*/

#page-container{
	overflow: initial !important;
	padding-top: 0 !important;
}

header {
	top: 0px !important;
  position: sticky !important;
}

.tagline{
	display: none;
}

.njt-nofi-notification-bar{
	background: linear-gradient(90deg,#318240 -60%,#0b63a7 100%) !important;
}

.njt-nofi-text, .njt-nofi-notification-bar a{
	color: #fff;
}

.mob-menu-header-holder{
	position: absolute;
	/* top: 50px; */
}

.scrolled .mob-menu-header-holder{
	position: fixed;
	top: 0px;
}


@media (max-width: 770px){

	.mob-menu-header-holder{
		position: absolute;
		/* top: 75px; */
	}
}


@media (max-width: 480px){

	.mob-menu-header-holder{
		position: absolute;
		/* top: 65px; */
	}

	#page-container{
		/* margin-top: 47px !important; */
	}

	.njt-nofi-text{
		font-size: 15px;
	}

	.njt-nofi-notification-bar .njt-nofi-content {
    padding: 5px 15px;
	}
}


/*--------------- END TOP BAR ----------------*/


#page-container{
	padding-top: calc(120px + 1vw);
}

@media (min-width: 981px){
	.et_fullwidth_nav #main-header .container{
		padding: 0;
		height: 100%;
	}
}

header{
	height: calc(120px + 1vw);
	-webkit-transition: all .4s ease-in-out !important;
  transition: all .4s ease-in-out !important;
	box-shadow: 4px 3px 11px rgba(0,0,0,0.1) !important;
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
}

.logo_container{
	left: 50%;
	-webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
	max-width: 400px;
}

.logo_container a{
	vertical-align: text-bottom;
}

.logo_container img{
	margin-top: 10px;
	height: calc(35px + 2vw);
	transform: translateX(-50%) !important;
	position: absolute;
}

#et-top-navigation {
	padding-left: 0 !important;
	float: none;
}

#et-top-navigation nav{
	float: none;
	display: flex;
  justify-content: center;
}

#et-top-navigation nav ul{
	width: max-content;
	width: -moz-max-content;
}

#et-top-navigation nav ul li a{
	padding-bottom: 0 !important;
	padding-top: 45px;
	text-transform: uppercase;
	padding-right: 10px;
  padding-left: 10px;
	-webkit-transition: all .6s ease-in-out !important;
	transition: all .6s ease-in-out !important;
}

#et-top-navigation nav ul li a:hover{
	color: #0b63a7;
	-webkit-transition: all .1s ease-in-out !important;
	transition: all .1s ease-in-out !important;
	opacity: 1;
}

#et-top-navigation a::after{
	content: "";
	height: 2px;
	width: 85%;
	background-color: #333;
	position: absolute;
	transform: translate(-9%, 0);
	bottom: -7px;
	right: -15px;
	-webkit-transition: all .1s ease-in-out !important;
	transition: all .1s ease-in-out !important;
	opacity: 0;
}

#et-top-navigation a:hover::after{
	opacity: 1;
	right: 0;
	background-color: #0b63a7;
	-webkit-transition: all .1s ease-in-out !important;
	transition: all .1s ease-in-out !important;
}

.tagline{
	opacity:0;
	-webkit-transition: all .4s ease-in-out !important;
	transition: all .4s ease-in-out !important;
	font-size: calc(3px + 0.8vw);
  font-style: italic;
	color: #111;
	position: absolute;
  right: -3%;
}

#menu-item-46554 a{
	color: white !important;
	font-weight: 600 !important;
}

#menu-item-46554 a::before{
	position: absolute;
	content: "";
	width: 105%;
	height: 27px;
	background: linear-gradient(90deg,#347b84 0%,#0b63a7 100%);
	z-index: -10;
	bottom: -7px;
	left: -5px;
	-webkit-transition: all .2s ease-in-out !important;
	transition: .2s ease-in-out !important;
	border-radius: 20px;
}

#menu-item-46554 a:hover::before{
	width: 111%;
	height: 33px;
	bottom: -9px;
	left: -8px;
	-webkit-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
}

#menu-item-46554 a::after{
	display: none;
}

.hp-li-menu{
	position: initial !important;
}


.contactMenu a{
	background-image: linear-gradient(180deg,#347B84 0%,#0B63A7 100%);
	height: 32px;
	width: 230px;
	padding: 0 !important;
	line-height: 1.9em;
	text-align: center;
	color: #fff !important;
	border-radius: 18px;
	font-weight: 500;
}

.et-fixed-header #top-menu .contactMenu a{
	color: #fff !important;
	line-height: 2.2em;
	height: 30px;
}

 #top-menu li{
	-webkit-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
	position: relative;
	padding-bottom: 10px;
}

#top-menu .sub-menu{
	min-height: 100px;
}

#top-menu li .menu-item-has-children>a:first-child, #top-menu li ul a{
	padding: 0 !important;
  font-size: 14px;
  line-height: 1.4;
	text-transform: none !important;
}

#et-top-navigation nav ul ul{
	top: 100%;
}

#et-top-navigation nav ul ul ul{
	top: -23px;
	left: 99%;
}




/*---------- FIXED HEADER--------*/

.et-fixed-header{
	height: calc(45px + 1vw);
	-webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
	box-shadow: 4px 3px 11px rgba(0,0,0,0.1) !important;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
}

.et-fixed-header .logo_container{
	left: 10vw;
	transform: none !important;
	-webkit-transition: all .6s ease-in-out !important;
  transition: all .6s ease-in-out !important;
}

.et-fixed-header #logo{
	max-height: 60%;
}

.et-fixed-header #et-top-navigation nav ul li a{
	padding-top: 5%;
	-webkit-transition: all .6s ease-in-out !important;
	transition: all .6s ease-in-out !important;
}

.et-fixed-header .tagline{
	opacity:1;
	-webkit-transition: all .4s ease-in-out !important;
	transition: all .4s ease-in-out !important;
	right: 3%;
	top: calc(50% - 9px);
}

#main-header #top-menu-nav #top-menu #menu-item-46554 a{
	color: white !important;
	font-weight: 500 !important;
}

@media only screen and ( max-width: 1700px ) and ( min-width: 1280px ){

	.et-fixed-header #top-menu-nav{
		justify-content: end;
	}

	.et-fixed-header #top-menu li{
		padding-right: 10px;
	}

}

@media only screen and ( max-width: 1780px ) and ( min-width: 1501px ){

	.et-fixed-header #top-menu-nav{
		padding-right: 50px;
	}

}

@media only screen and ( max-width: 1500px ) and ( min-width: 1280px ){

	.et-fixed-header #top-menu-nav{
		padding-right: 20px;
	}

}


/*---------- END FIXED HEADER--------*/

/*------------- SUB MENU SHORTCODE-------------*/

.hp-menu{
	opacity: 0;
	visibility: hidden;
	width: 90vw;
	max-width: 1800px;
	margin: auto;
	padding: 0;
	color: #333;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	top: calc(99px + 1vw);
	-webkit-transition: all .4s ease-in-out !important;
	transition: all .4s ease-in-out !important;
}

.hp-li-menu:hover .hp-menu{
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .4s ease-in-out !important;
	transition: all .4s ease-in-out !important;
}

.et-fixed-header .hp-menu{
	top: calc(25px + 1vw);
	-webkit-transition: all .4s ease-in-out !important;
	transition: all .4s ease-in-out !important;
}

.hp-menu-div1{
  display: flex;
  padding: 30px calc(20px + 1vw);
	flex-wrap: wrap;
	padding: 20px calc(20px + 1vw);
  margin-top: 20px;
	background: #f4f4f4;
}

.hp-menu-div1>a{
	width: 20%;
	padding-top: 0 !important;
}

.hp-menu-div1 h2{
	font-size: calc(3px + 0.8vw);
  font-weight: bold;
	text-transform: capitalize;
	line-height: calc(5px + 0.8vw);
	margin: 0;
	padding: 0;
}

.hp-menu-product{
  overflow: hidden;
  padding: 12px;
  margin: 12px;
  background: white;
  position: relative;
  cursor: pointer;
	min-height: 14vw;
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.1);
	webkit-transition: transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;
	transition: transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;
}

.hp-menu-product-title{
	padding-top: 10px;
}

.hp-menu-product .hp-menu-product-overlay{
  background-color: rgba(255, 255, 255, 0.80);
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  webkit-transition: transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;
  transition: transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;
}

.hp-menu-product:hover .hp-menu-product-overlay{
  opacity: 1;
  webkit-transition: transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;
  transition: transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;
}

.hp-menu-product-overlay-button{
  font-size: calc(2px + 0.8vw);
  font-weight: 900;
  color: white;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 40%;
  left: 50%;
  margin: 0;
  background: none;
	padding: 3px 10px !important;
  border-radius: 50px;
  width: 60%;
  max-width: 160px;
  webkit-transition: transform .4s cubic-bezier(.4,0,.2,1),opacity .6s;
  transition: transform .4s cubic-bezier(.4,0,.2,1),opacity .6s;
}

.hp-menu-product:hover .hp-menu-product-overlay-button{
  background: #0b63a7;
  webkit-transition: transform .4s cubic-bezier(.4,0,.2,1),opacity .6s;
  transition: transform .4s cubic-bezier(.4,0,.2,1),opacity .6s;
}

.hp-menu-product-img{
  width: 100%;
  position: relative;
}

.hp-menu-product-img img{
  width: 100%;
  position: relative;
}

@media only screen and ( min-width: 1280px ){
	.onlymobile{
		display: none !important;;
	}

	.hp-li-menu{
		display: inline-block !important;;
	}
}

@media only screen and ( max-width: 1279px ){
	.onlymobile{
		display: inline-block !important;
		width: 100%;
	}

	.hp-li-menu{
		display: none !important;;
	}
}



/*-------------- END SUB MENU SHORTCODE ------------*/


/*-------------- MOBILE HEADER --------------*/
/*-------------- MOBILE HEADER --------------*/

/*Modifier le point de rupture du menu mobile*/
/*En fait ici on cache le menu standard et on affiche le menu mobile*/
@media only screen and ( max-width: 1279px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
/*---------*/
.mob-menu-header-holder{
	height: calc(44px + 2vw) !important;
}

.mob-menu-logo-holder img{
	height: 70% !important;
	margin-top: 1.4vw;
}

.mob-menu-icon{
	margin-top: 50%;
	transform: translateY(39%);
	position: absolute;
	line-height: inherit !important;
	font-size: calc(30px + 0.8vw) !important;
	left: calc(-17px + 4vw);
	float: none;
}

#mobmenuleft{
	margin-left: 5px !important;
}

.mobmenu-left-bt{
	right: 5px !important;
  top: 10px !important;
}

#mobmenuleft li{
	font-size: calc(13px + 0.8vw);
}

#mobmenuleft .contactMenu a{
	height: 30px;
	line-height: 1.7em !important;
}


}


/*--------------END MOBILE HEADER --------------*/
/*-------------- END MOBILE HEADER --------------*/



/*----------------------------------------------- END  HEADER  ------------------------------------------------------*/
/*-----------------------------------------------  END  HEADER  ------------------------------------------------------*/


/*----------------------------------------------- ELEMENTS  ------------------------------------------------------*/
/*----------------------------------------------- ELEMENTS  ------------------------------------------------------*/




/*----------------------------------------------- END ELEMENTS  ------------------------------------------------------*/
/*----------------------------------------------- END ELEMENTS  ------------------------------------------------------*/


/*----------------------------------------------- MENU DEROULANT  ------------------------------------------------------*/
/*----------------------------------------------- MENU DEROULANT  ------------------------------------------------------*/


.menu-item-has-children a:hover::after{
	display: none;
}




/*----------------------------------------------- END MENU DEROULANT  ------------------------------------------------------*/
/*----------------------------------------------- END MENU DEROULANT  ------------------------------------------------------*/


/*---------------- SINGLE -------------------*/
/*----------------- SINGLE ------------------*/


.single article{
	margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.single article .et_post_meta_wrapper:last-of-type{
	display: none;
}

.single #ad-breadcrumbs{
	position: absolute;
	z-index: 10;
	left: 3%;
	padding: 10px;
	font-size: calc(-1px + 0.8vw);
}

.single #ad-breadcrumbs span{
	color: #333;
}

 .postid-214123 #ad-breadcrumbs, .postid-214158 #ad-breadcrumbs, .postid-214159 #ad-breadcrumbs, .postid-214160 #ad-breadcrumbs, .postid-214164 #ad-breadcrumbs{
	display: none;
}

.postid-214123 #left-area>article, .postid-214158 #left-area>article, .postid-214159 #left-area>article, .postid-214160 #left-area>article, .postid-214164 #left-area>article{
	padding-top: 0 !important;
	background-color: white !important;
}

@media only screen and ( max-width: 1279px ){
	.single #ad-breadcrumbs {
    font-size: calc(6px + 0.5vw);
		margin-top: 0.5vw;
		line-height: calc(8px + 0.5vw);
	}

	#hp-bloc-image-text-mobil .et_pb_row{
		width: 100% !important;
	}

	#hp-bloc-product-v2 h3{
		text-align: center !important;
	}

}


/*---------------- END SINGLE -------------------*/
/*---------------- END SINGLE -------------------*/


/*----------HP BLOC VIDEO FULL --------*/
/*----------HP BLOC VIDEO FULL --------*/


#hp-video section, #hp-video .et_pb_fullwidth_header_container, #hp-video .header-content, #hp-video .wp-video, #hp-video .wp-video-shortcode, #hp-video video {
	width: 100% !important;
  margin: 0 !important;
  max-width: 100% !important;
	padding: 0 !important;
}

#hp-video video {
	height: 100% !important;
	max-height: calc(100vh - calc(120px + 1vw));
	object-fit: cover !important;
}



/*---------- END HP BLOC VIDEO FULL --------*/
/*---------- END HP BLOC VIDEO FULL --------*/



/*------ BANNER-FULL ----------*/
/*------ BANNER-FULL ----------*/

#hp-banner-full{
	height: calc(150px + 20vw);
}

#hp-banner-full .header-content{
	width: 100% !important;
  max-width: none;
	transform: translateY(13%);
}

#hp-banner-full .et_pb_fullwidth_header, #hp-banner-full .et_pb_fullwidth_header_container{
	height: 100%;
}

#hp-banner-full h1::after{
	display: none;
}

/*------- V2 -----------*/

#main-content .hp-banner-full-v2{
	height: calc(60px + 20vw);
}

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

	#hp-banner-full .header-content{
		transform: none;
		margin: 0;
		padding: 0;
	}

	#hp-banner-full h1{
		font-size: calc(15px + 3vw);
		width: 100%;
	}


}

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

	#hp-bloc-image-text .et_pb_text{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

.blocFullImgText .et_pb_image{
	position: relative !important;
	margin-bottom: 0;
}

.blocFullImgText .et_pb_image img{
	width: 100% !important;
}

.blocFullImgText .et_pb_text{
	width: 100%;
	padding-top: 30px;
}

.blocFullImgText h2{
	margin: auto !important;
	margin-bottom: 40px !important;
  padding-bottom: 10px;
}

.blocFullImgText h2::after{
	left: 50% !important;
	transform: translateX(-50%) !important;
}

}


/*------ END BANNER-FULL ----------*/
/*------ END BANNER-FULL ----------*/




/*--------- BLOC THREE COL -------*/
/*--------- BLOC THREE COL -------*/


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

	#hp-bloc-three-col1, #hp-bloc-three-col{
		padding: 0;
	}

	#hp-bloc-three-col1 .header-content-container{
		padding: calc(20px + 1vw) 0;
	}

	#hp-bloc-three-col1 .et_pb_row{
		padding: 0;
		margin-top: 5px;
	}

}

/*------- V2 ---------*/

.hp-bloc-three-col-v2{
	color: white;
	padding-bottom: 0 !important;
}

.hp-bloc-three-col-v2 #hp-bloc-three-col-d2{
	padding: calc(30px + 1vw) 5%;
}

.hp-bloc-three-col-v2 #hp-bloc-three-col-d2 .et_pb_column {
	width: 29%;
	padding: 0 2%;
}

.hp-bloc-three-col-v2 #hp-bloc-three-col-d2 h3{
	color: white;
	text-align: center;
	font-size: calc(7px + 0.8vw);
	font-weight: bold;
}

.hp-bloc-three-col-v2 h3::after{
	bottom: calc(-3px - 0.8vw);
	background-color: white;
	content: "";
	height: 4px;
	width: calc(70px + 1vw);
	border-radius: 3px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.hp-bloc-three-col-v2 p{
	font-size: calc(3px + 0.8vw);
	line-height: calc(10px + 0.8vw);
}

@media only screen and ( max-width: 980px ){
	.hp-bloc-three-col-v2 #hp-bloc-three-col-d2 {
    padding: calc(20px + 1vw) 1%;
	}

	#hp-bloc-three-col-d2{
		justify-content: space-evenly;
		margin: 0;
		width:100% !important;
	}

	#hp-bloc-three-col-d2 h3{
		font-size:15px !important;
		line-height:18px;
	}

	#hp-bloc-three-col-d2 p{
		text-align: left !important;
		font-size: 13px !important;
		line-height:16px !important
	}


}




/* ---------- END V2 ---------*/

/*--------- END  BLOC THREE COL -------*/



/*---------- BLOC IMAGE/TEXT --------*/

/* .hp-bloc-image-text{
	height: calc(100px + 50vw);
} */


#hp-bloc-image-text .et_pb_image{
	position: absolute;
	width: 100%;
	height: 100%;
}

#hp-bloc-image-text .et_pb_image_wrap{
	width: 100% !important;
	height: 100%;
}

#hp-bloc-image-text img{
	width: 50%;
	height: 100%;
	object-fit: cover;
}

#hp-bloc-image-text .et_pb_text{
	padding-left: calc(20px + 3vw);
	padding-right: calc(20px + 3vw);
  padding-top: 65px;
  padding-bottom: 65px;
}

.hp-bloc-image-text h2, .hp-bloc-image-text h1{
	font-size: calc(29px + 0.8vw);
	margin-bottom: 50px;
  width: 100%;
  font-weight: 600;
  line-height: calc(38px + 0.8vw);
  letter-spacing: 0.5px;
	position: relative;
	color: white;
}

#hp-bloc-image-text h2::after, #hp-bloc-image-text h1::after{
	content: "";
  height: 4px;
  width: calc(70px + 1vw);
  background-color: white;
  border-radius: 3px;
  position: absolute;
  bottom: -10%;
  left: 0;
	transform: none;
}

#hp-bloc-image-text p{
	padding-left: 0;
}

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

	.hp-bloc-image-text-mobil{
		padding-bottom: 0;
	}

	#hp-bloc-image-text-mobil .et_pb_image_wrap {
		width: 100%;
	}

	.hp-bloc-image-text h2, .hp-bloc-image-text h1{
		padding-top: calc(-20px + 5vw);
		width: 90%;
		margin: 0;
	}

	/*--------- MOBIL VERSION ---------*/

	.hp-bloc-image-text-mobil h2, .hp-bloc-image-text-mobil h1{
		font-weight: 800;
		position: relative;
		text-align: center;
		margin: 0;
		padding-bottom: 10px !important;
		color: white;
		width: 100%;
    line-height: 1.2 !important;
	}

	.hp-bloc-image-text-mobil h2::after, .hp-bloc-image-text-mobil h1::after{
		background-color: white;
		bottom: -10%;
	}

	.hp-bloc-image-text-mobil p{
		padding-top: calc(10px + 2vw);
	}
	/*---------END MOBIL VERSION ---------*/

}


/*-------- V2 ------------*/

body .hp-bloc-image-text-v2{
	overflow: hidden;
	margin-bottom: calc(40px + 1vw);
}

body .hp-bloc-image-text-v2 h2, .hp-bloc-image-text-v2 h1{
	padding-top: 0;
  margin-bottom: 40px;
}

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

	.hp-bloc-image-text-mobil{
		padding-top: 0;
	}

}


/*----------- V2 ---------*/

/*---------- END BLOC IMAGE/TEXT --------*/

/*------------ BLOC IMG/TEXT ------------------*/

.blocImgText{
	display: flex;
	flex-wrap: wrap;
}

.blocImgText .colImg{
	margin-top: 30px;
}

.blogGrid .et_pb_salvattore_content{
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.content img.alignright{
	width: 450px;
	height: 350px;
	object-fit: cover;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.content h3 strong{
	font-weight: 800;
}



/*----------- END BLOC IMG/TEXT --------------*/


/*---------- PRODUITS --------*/

#hp-product{
	padding-bottom: 0;
	max-width: 1220px;
	margin: auto;
}

.single-post #hp-product, .productCol2{
	padding-top: 15px !important;
}

#hp-product h3{
	font-size: 20px;
}

#hp-product .et_pb_row{
	margin-top: 5px;
	width: 100%;
}

#hp-product .et_pb_row .et_pb_image_wrap {
	overflow: hidden;
}

#hp-product .et_pb_row img{
	-webkit-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
	aspect-ratio: 1.5;
	object-fit: cover;
}

#hp-product .et_pb_row img:hover{
	transform: scale(1.2,1.2) rotate(0.1deg);
	-webkit-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
}

#hp-product .et_pb_row .et_pb_image{
	margin-bottom: 0;
}

#hp-bloc-product {
	padding-top: 30px !important;
}

#hp-bloc-product .et_pb_text{
	min-height: 400px;
	padding: 30px;
}

#hp-bloc-product h3{
	text-align: left !important;
}


#hp-product-title {
	width: 90%;
}

#hp-product-title h1::after, #hp-product-title h2::after{
	display: none;
}

#hp-product h3{
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	padding-bottom: 15px;
}

#hp-product p{
	font-size: calc(3px + 0.8vw);
	line-height: calc(9px + 0.8vw);
	text-align: justify;
}

#hp-product button, .topFooter button{
	margin-left: 50%;
  transform: translateX(-50%);
  margin-top: calc(15px + 1vw);
  border-radius: 19px;
  box-shadow: none;
  border: none;
  padding: calc(-4px + 0.8vw) calc(15px + 0.8vw);
  background-color: white;
  font-size: calc(4px + 0.8vw);
  width: calc(180px + 1vw);
  font-weight: 900;
  color: #0b63a7;
	-webkit-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
}

#hp-product button:hover{
	width: calc(200px + 1vw);
	-webkit-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
	cursor: pointer;
	box-shadow: none;
}

#hp-product button::after, .topFooter button::after{
	content: ">";
  color: #0b63a7;
	font-size: calc(15px + 0.8vw);
  position: absolute;
	bottom: 2px;
	right: -15px;
	opacity: 0;
	-webkit-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
}

#hp-product button:hover::after{
	right: 25px;
	opacity: 1;
	-webkit-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
}

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

	#hp-bloc-product{
		padding-top: 0 !important;
	}

	#hp-bloc-product .et_pb_text{
		padding: 20px 20px 30px;
	}

	#hp-bloc-product h3{
		font-size: 17px;
	}

	#hp-product button, .topFooter button{
		width: calc(140px + 2vw);
		padding: calc(4px + 0.8vw) calc(6px + 0.8vw);
		font-size: calc(8px + 0.8vw);
	}


}

@media screen and (min-width: 500px) and (max-width: 1279px){

	#hp-bloc-product{
		display: flex;
	  flex-flow: nowrap;
		justify-content: center;
	}

	#hp-bloc-product .et_pb_column{
		width: 30%;
		margin: 0 2%;
	}

	.productCol2 .et_pb_column{
		width: 50% !important;
	}

	#hp-bloc-product .et_pb_column:first-of-type{
		margin-left: 0;
	}

	#hp-product button, .topFooter button{
		width: calc(80px + 6vw);
    padding: calc(4px + 0.5vw) calc(6px + 1.2vw);
	}


}


/*------------ V2 ----------------*/

#hp-bloc-product-v2{
	padding: 55px 0;
	padding-bottom: 15px;
}

#hp-bloc-product-v2 .et_pb_image_wrap, #hp-bloc-product-v2 img{
	width: 100%;
}

#hp-product #hp-bloc-product-v2 .et_pb_text {
    padding: calc(10px + 0.5vw);
}

#hp-product #hp-bloc-product-v2 img:hover{
	transform: none ;
}

#hp-product #hp-bloc-product-v2 .et_pb_text h3{
	padding: 0;
  font-size: 17px;
}

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

	#hp-bloc-product-v2{
		padding: 30px 0;
	}

}

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

#hp-bloc-product-v2{
	max-width: 500px;
}

	#hp-product-v2 .et_pb_row{
		margin-top: calc(20px + 2vw);
	}
}


/*------------ V2 -----------------*/


/*---------- END PRODUITS --------*/


/*---------- LOGO CUSTOMER --------*/

.et_pb_section_5{
  padding-top: 10px !important;
  padding-bottom: 35px !important;
}

#hp-logo-customer  {
	padding: 1.5vw 0 0 0;
}

#hp-logo-customer h2{
	padding-bottom: 0;
}

#hp-logo-customer h2::after{
	display: none;
}

#hp-logo-customer .et_pb_row{
	display: flex;
	justify-content: space-around;
	align-items: center;
}

#hp-logo-customer img {
	max-height: calc(-50px + 10vw);
}

@media (min-width: 981px) {
	#hp-logo-customer-stripe .et_pb_column{
		width: 10%;
		margin: 0 3%;
	}
}

@media (max-width: 980px){
	.et_pb_row_3-5_1-5_1-5 .et_pb_column:nth-last-child(-n+2), .et_pb_row_5col .et_pb_column:last-child{
		margin-bottom: 30px !important;
	}
}

@media screen and (min-width: 500px) and (max-width: 1279px){

	#hp-logo-customer-stripe{
		padding: calc(10px + 2vw);
	}

	#hp-logo-customer-stripe .et_pb_column{
		width: 16.25%;
	}

	#hp-logo-customer-stripe .et_pb_column>.et_pb_module{
		text-align: center;
	}

	#hp-logo-customer img{
		max-height: calc(10px + 5vw);
	}

}

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

	#hp-logo-customer img{
		max-height: calc(50px + 2vw);
	}

	#hp-logo-customer-stripe .et_pb_column{
		max-width: 30%;
	}

	#hp-logo-customer-stripe .et_pb_column>.et_pb_module{
		text-align: center;
	}

	#hp-logo-customer-stripe .et_pb_column>.et_pb_module{
		text-align: center;
	}

}




/*---------- END LOGO CUSTOMER --------*/


/*------------------------ BLOG  -----------------------*/
/*--------------------------- BLOG ---------------------*/


/*------GRILLE----*/

#hp-blog .et_pb_blog_grid{
	max-width: calc(900px + 20vw);
	margin: auto;
}

#hp-blog .et_pb_blog_grid_wrapper{
	padding-top: 35px;
}

#hp-blog article{
	border: none;
	margin-bottom: 50px !important;
	background-color: white !important;
	padding: 19px;
	padding-bottom: 19px !important;
}

#hp-blog article .entry-featured-image-url{
	overflow: hidden;
}

#hp-blog article  img{
	-webkit-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
}

#hp-blog article img:hover{
	transform: scale(1.2,1.2) rotate(0.1deg);
	-webkit-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
}


#hp-blog .et_pb_salvattore_content .size-1of3{
	margin:0;
	width: 43%;
	float: right;
}

#hp-blog .et_pb_salvattore_content .size-1of3:first-of-type{
	float: left;
}

#hp-blog .et_pb_image_container{
	margin:0;
}

#hp-blog .et_pb_blog_grid h3 {
	font-size: calc(10px + 0.8vw);
	color: #0b63a7;
	margin: 0;
}

#hp-blog .et_pb_blog_grid h3 a{
	font-family:'Lato',Helvetica,Arial,Lucida,sans-serif !important;

}

#hp-blog article h3::after{
	display: none;
}

#hp-blog .post-content p{
	padding-bottom: 10px;
	font-size: calc(3px + 0.8vw);
  line-height: calc(8px + 0.8vw);
}

#hp-blog .post-content a{
	font-size: calc(4px + 0.8vw);
  width: calc(180px + 1vw);
  font-weight: 900;
  color: #0b63a7;
	position: relative;
}

#hp-blog .post-content a::after{
	content: ">";
  color: #0b63a7;
  font-size: calc(11px + 0.8vw);
  position: absolute;
  right: -22px;
}

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

	#hp-blog{
		padding: 0;
	}

	#hp-blog .post-meta{
		display:none !important;
	}

	#hp-blog .et_pb_blog_grid_wrapper{
		padding-top: 0;
	}

	#hp-blog .et_pb_blog_grid h3{
		font-size:15px;
		line-height: 18px;
	}

	#hp-blog .post-content a{
		font-size: calc(8px + 0.8vw);
	}

	#hp-blog .post-content a::after {
    font-size: calc(12px + 0.8vw);
		right: calc(-12px - 0.8vw);
	}

	#hp-blog .post-content-inner p{
		font-size: 12px !important;
    	line-height: 15px !important;
	}

}

@media only screen and ( max-width: 599px ){
	#hp-blog .post-content a::after {
		top: -4px;
	}

}

/*-----END GRILLE----*/

/*------- BLOG CATEGORIES ------*/

#hp-blog-categories #hp-content{
	padding-top: calc(26px + 0.1vw);
	width: 80%;
  margin: auto;
  max-width: 1200px;
}

#hp-blog-categories .header-content h2{
	font-size: calc(11px + 0.8vw);
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: calc(34px + 0.1vw);
	margin-bottom: 0;
	max-width: 80%;
	margin: auto;
}

#hp-blog-categories h2::after{
	bottom: 0;
	webkit-transition: all .45s ease-in-out;
	transition: all .45s ease-in-out;
}

#hp-blog-categories h2:hover::after{
	width: calc(140px + 1vw);
	webkit-transition: all .45s ease-in-out;
  transition: all .45s ease-in-out;
}

#hp-blog-categories .header-content h2::before{
	bottom: 0;
	content: "Voir tout >";
	height: 14px;
	position: absolute;
	right: 50%;
  transform: translateX(50%);
	bottom: calc(-2px - 0.1vw);
	opacity: 0;
	webkit-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	font-size: calc(4px + 0.8vw);
	text-transform: capitalize;
	color: #0b63a7;
	font-weight: 900;
}

#hp-blog-categories h2:hover::before{
	opacity: 1;
	bottom: calc(16px + 0.1vw);
	webkit-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

#hp-blog-categories .et_pb_text{
	margin-bottom: 0;
}

@media only screen and ( max-width: 980px ){
	#hp-blog-categories .header-content h2::before{
		bottom: 0;
		content: "Voir tout >";
		height: 14px;
		position: absolute;
		right: 50%;
	  transform: translateX(50%);
		opacity: 1;
		bottom: calc(11px + 0.1vw);
		font-size: calc(8px + 0.8vw);
		text-transform: capitalize;
		color: #0b63a7;
		font-weight: 900;
	}

	#hp-blog-categories h2:hover::before{
		font-size: calc(8px + 0.8vw);
		webkit-transition: all .35s ease-in-out;
		transition: all .35s ease-in-out;
	}


}


/*------- END BLOG CATEGORIES ------*/


/*------- BLOG CATEGORY ------*/

.category #post-214123, .category #post-214158, .category #post-214159, .category #post-214160, .category #post-214164{
	display: none;
}

.archive h2{
	font-size: calc(14px + 0.4vw);
    margin: 15px 0 0;
    font-weight: 600;
	line-height:1.5em;
}

.archive h2::after{
	display:none;
}

.archive p {
	font-size: calc(8px + 0.4vw);
    letter-spacing: 0;
    line-height: 1.4em;
}

.category #main-content{
	background-color: #f4f4f4;
}

#category-return{
	position: absolute;
	margin-top: 15px;
	margin-left: 55px;
	font-weight: 900;
	font-size: calc(1px + 0.8vw);
	z-index: 200;
}

#category-return a{
	color: #0b63a7;
}

#category-return a::after{
	content: "<";
  color: #0b63a7;
  font-size: calc(11px + 0.8vw);
  position: absolute;
  left: -22px;
}

.category .container{
	width: 90%;
	max-width: 1920px;
}

.category .container::before{
	display: none;
}

.category #left-area{
	width: 100%;
	display: flex;
  margin: auto;
  padding: 0;
	justify-content: center;
    flex-wrap: wrap;
}

.category #sidebar{
	display: none;
}

.category h1{
	position: relative;
	text-align: center;
}

.category h1::after{
	bottom: -10px;
}

#category-desc{
	padding: 19px;
  margin: 2% 5%;
}

.category #left-area article{
    width: 40%;
		padding: 19px;
		margin: 0 4.5% calc(40px + 2vw) 4.5%;
		background: white;
		letter-spacing: 1px;
		padding-bottom: 25px;
		font-size: calc(3px + 0.8vw);
}

.category #left-area article a{
	overflow: hidden;
}

.category article img{
	-webkit-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
}

.category article img:hover{
	transform: scale(1.2,1.2) rotate(0.1deg);
	-webkit-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
}

.category article h2::after{
	display: none;
}

.category article a{
	color: #0c64a6;
	font-size: calc(10px + 0.8vw);
}

.category article .post-meta{
	display: none;
}

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

	.category .container {
    width: 100%;
	}

	#category-return{
		font-size: calc(9px + 0.5vw);
	}

	.category h1{
		max-width: 80%;
		margin-top:10px !important;
		padding-bottom: 20px;
	}

	.category h1, .category h2{
		font-size: 17px !important;
    	line-height: 18px !important;
	}

	.category h1::after {
    	bottom: -10%;
	}

	#category-desc {
    	padding: 19px 0;
	}

	.category h2{
		text-align:left !important;
		font-size: 15px !important;
	}

	.category p{
		font-size: 13px !important;
    	line-height: 17px !important;
	}

	.category #left-area article{
		width: 90%;
		font-size: 13px;
		line-height: 18px;
		padding: 15px;
		padding-bottom: 30px;
	}

	.category #left-area article .entry-title{
		margin: 0;
	}

	.et_pb_post .entry-featured-image-url{
		margin-bottom: 10px;
	}

}



/*------- END BLOG CATEGORY ------*/


/*--------- DETAIL POST -------------*/


.post-template-default article > .entry-content{
	background: white;
}

.post-template-default article{
	background-color: #f4f4f4!important;
    padding-top: 40px;
}

.post-template-default .et_post_meta_wrapper{
	width: fit-content;
	width: -moz-fit-content;
	padding: 0 !important;
	text-align: center;
	background-color: white;
	padding: 20px !important;
	margin-bottom: 30px !important;
	position: relative;
}

.post-template-default .et_post_meta_wrapper img{
	object-fit: cover;
  max-height: calc(120px + 20vw);
}

.post-template-default .et_post_meta_wrapper h1{
	position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #333;
  font-weight: bold;
  font-size: calc(14px + 0.8vw);
  line-height: calc(18px + 0.8vw);
  margin-top: 9%;
  padding: calc(6px + 1vw) calc(40px + 1vw);
  border-radius: 80px;
  background: white;
  width: 65%;
  top: 20%;
}

.post-template-default .et_post_meta_wrapper h1::after{
	display: none;
}

.serviceBlog{
	margin-top:50px !important;
	margin-bottom: 100px !important;
}

.serviceBlog .row2{
	height: 500px;
	width: 90% !important;
}

.serviceBlog .colImg{
	margin: 0;
	height: 100%;
}

.serviceBlog .colImg .et_pb_image, .serviceBlog .colImg img, .serviceBlog .colImg .et_pb_image_wrap {
	height: 100% !important;
}

.serviceBlog .colText{
	height: 100%;
	width: 50%;
}

.serviceBlog .colText > div{
	padding: 30px 40px;
	height: 100%;
}

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


	.serviceBlog .row2{
		display: flex;
    flex-wrap: wrap;
		height: auto;
	}

	.serviceBlog .colImg, .serviceBlog .colImg .et_pb_image_wrap, .serviceBlog .colImg img, .serviceBlog .colText {
		width: 100%;
	}


}


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

	.post-template-default .et_pb_row{
		width:88% !important;
	}
	.post-template-default .et_post_meta_wrapper{
		padding: calc(1px + 2vw) !important;
		width: 95% !important;
	}

	.post-template-default article>.et_post_meta_wrapper>h1{
		    background: rgb(255,255,255,0.9) !important;
	}

	.post-template-default .et_builder_inner_content{
		background: white;
	}

	.post-template-default .et_post_meta_wrapper h1{
		padding: calc(6px + 1vw) calc(7px + 1vw);
		width: 85%;
		font-size: calc(11px + 0.8vw);
    line-height: calc(14px + 0.8vw);
	}

	.single-post h3, .smallH3 h3 {
		font-size: calc(11px + 0.8vw) !important;
	}

}

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

	.serviceBlog {
    margin-top: 0px !important;
    margin-bottom: 50px !important;
	}

	.serviceBlog .colText > div{
		padding: 10px 20px 20px;
	}

	.post-template-default #left-area .post-meta{
		display: none;
	}
}


/*--------- END DETAIL POST -------------*/



/*-------------------- END BLOG ---------------------*/
/*------------------- END BLOG ----------------------*/



/*------------------- POST TEMPLATE --------------------*/
/*------------------- POST TEMPLATE --------------------*/






/*------------------- END POST TEMPLATE --------------------*/
/*------------------- END POST TEMPLATE --------------------*/





/* ------------------------------- CONTENT -----------------------*/
/* ---------------------------- CONTENT --------------------------*/

/*----------- HP CONTENT --------------*/


#hp-content h3{
	font-weight: bold;
}

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

	#hp-content {
		width: 100% !important;
		margin: auto;
	}

	#hp-content .et_pb_row{
		padding-top: 0;
	}

}

/*----------- END HP CONTENT --------------*/

/*----------- HP 2 LIST MOBILE --------------*/

#hp-two-list-mobile .et_pb_column{
	margin: 0;
}

#hp-two-list-mobile .et_pb_column_1_2{
	margin-right: 20px;
}


/*----------- END HP 2 LIST MOBILE --------------*/

/*---------------- END HP TWO BLOC -----------------*/

	#hp-two-bloc{
		padding: 0;
	}


/*-------------- END HP TWO BLOC ------------------*/



/* ------------------------- END CONTENT -------------------------*/
/* ------------------------- END CONTENT --------------------------*/



/*--------------------------- CONTACT FORM -----------------------------*/
/*--------------------------- CONTACT FORM -----------------------------*/

#hp-contact-form{
	padding: 2vw 0;
}

#hp-contact-form .et_pb_row_2{
	width: 80%;
	max-width: 1100px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	padding: 40px;
	background: #f7f7f7;
}

#hp-contact-form .flag-container{
	display: none;
}

#hp-contact-form input{
	padding: 10px 12px;
	height: calc(30px + 0.8vw);
	border-radius: 7px;
}

#hp-contact-form input[type=file]{
	padding-left: 0;
}

#hp-contact-form textarea{
	border-radius: 7px;
}

#hp-contact-form  #fld_7908577_1-wrap{
	text-align: center;
}

#hp-contact-form input[type=submit]{
	width: calc(300px + 5vw);
  color: #0b63a7;
  font-weight: 900;
  font-size: calc(6px + 0.8vw);
  height: calc(40px + 0.8vw);
  border-radius: 39px;
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}

@media only screen and ( max-width: 980px ){
	#hp-contact-form input[type=submit]{
		width: calc(200px + 5vw);
	  font-size: calc(8px + 0.8vw);
	}
}


/*--------------------------- END CONTACT FORM -----------------------------*/
/*--------------------------- END CONTACT FORM -----------------------------*/


/*----------------------- hp-bloc-three-col-coord -------------------------*/
/*----------------------- hp-bloc-three-col-coord -------------------------*/

#hp-bloc-three-col-coord .et_pb_image_wrap>span{
	color: #0b63a7;
}

#hp-bloc-three-col-coord .et_pb_row_4{
	padding-top: 0 !important;
}

@media only screen and ( max-width: 980px ){
	#hp-bloc-three-col-coord {
		padding: 0;
	}

	#hp-bloc-three-col-coord .et_pb_row{
		padding-top: 0 !important;
	}

	#hp-bloc-three-col-coord .et_pb_with_border{
		padding: 10px !important;
	}

	#hp-bloc-three-col-coord .et_pb_main_blurb_image{
		margin-bottom: 10px;
	}

	#hp-bloc-three-col-coord .et_pb_blurb_description{
		font-weight: bold;
	}
}




/*----------------------- END hp-bloc-three-col-coord -------------------------*/
/*----------------------- END hp-bloc-three-col-coord -------------------------*/


/*----------- FOOTER  --------*/
/*----------- FOOTER  --------*/

footer{
	color: white;
}

#footer-div1{
	padding: 40px 0;
}

footer a, footer p, #footer-div1 span, #footer-div2 span {
	color: white;
	position: relative;
	padding: 0 calc(7px + 1vw);
	font-size: calc(3px + 0.8vw);
}

#footer-div1 a::after, #footer-div1 span::after{
	content: "";
	height: 14px;
	width: 1px;
	background-color: white;
	position: absolute;
	right: 0;
	top: 5px;
}

#footer-div2{
	padding-bottom: 15px;
}

#footer-bottom{
	display: none;
}

.topFooter .et_pb_row{
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
}

.topFooter .et_pb_column_1_2{
	margin-bottom: 0;
}

.topFooter h3{
	font-size: calc(25px + 0.8vw) !important;
	line-height: 1.2em;
}

.topFooter button{
	margin-left: initial;
	transform: none;
	width: 250px;
	cursor: pointer;
}

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

	footer a, footer p, #footer-div1 span, #footer-div2 span, #footer-div2 p{
		    font-size: 11px;
	}

	.topFooter button{
		margin-top: 0;
	}

}

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

	#footer-div1{
		padding: 20px 0;
	}

	.topFooter button{
		font-size: calc(13px + 0.4vw);
		margin: 20px 0 10px;
	}

}

@media only screen and ( max-width: 500px ){
	.topFooter h3{
		font-size: 24px !important;
	}

	.topFooter button{
		width: 200px;
		height: 30px;
	}

}

/*--------- END FOOTER  -------*/






/*---------------------------------------------------------------------------------------------------  VITROCONCEPT  ----------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------  VITROCONCEPT  ----------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------  VITROCONCEPT  ----------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------- GENERAL  ---------------------------------------------------------------*/
/*------------------------------------------------------------- GENERAL  ---------------------------------------------------------------*/


.full{
	width: 100% !important;
	max-width: 100% !important;
}


.width90{
	width: 90% !important ;
}

.width80{
	width: 80% !important;
}

.width70{
	width: 70% !important;
}

.width60{
	width: 60% !important;
}

.width50{
	width: 50% !important;
}

.center{
	text-align: center !important;
	margin: auto;
}

.flex{
	display: flex !important;
	flex-flow: row wrap !important;
	justify-content: center;
	align-items: baseline;
}

.flex-nowrap{
	display: flex !important;
	flex-flow: row nowrap !important;
	justify-content: center;
	align-items: baseline;
}

.float-left{
	float: left !important;
}

.float-right{
	float: right !important;
}

.height-fit{
	height: fit-content !important;
	height: -moz-fit-content !important;
}

.width-fit{
	width: fit-content !important;
	width: -moz-fit-content !important;
}

.bold{
	font-weight: bold !important;
}

.upper{
	text-transform: uppercase !important;
}

.half{
	width: 50%;
}

.nopadding{
	padding: 0 !important;
}

.padding20{
	padding: calc(20px + 2vw)
}

.nomargin{
	margin: 0 !important;
}

/*AFTER TRAIT HORIZONTAL*/
/*
	content: "";
  height: 4px;
  width: calc(150px + 1vw);
  background-color: #eb382f;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 14%;
*/
/*AFTER TRAIT HORIZONTAL* */


/*AFTER TRAIT VERTICAL*/
/*
content: "";
height: 14px;
width: 1px;
background-color: white;
position: absolute;
right: 0;
top: 5px;
 */
 /*AFTER TRAIT VERTICAL*/




/*-----------------------------------------------   END GENERAL  ------------------------------------------------------*/
/*-----------------------------------------------   END GENERAL  ------------------------------------------------------*/

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


	.smallH2 h2 {
    font-size: 24px !important;
	}

}

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

	h2{
		padding: 0 10px 10px;
	}

	.smallH2 h2 {
    font-size: 18px !important;
	}

	.width70 {
	width: 90% !important;
	}

}