/*
Theme Name: ICCBC
Theme URI: https://carnot-chimie-balard-cirimat.fr/
Description: Le thème du site de l'Institut Carnot Chimie Balard Cirimat.
Version: 2.0
Author: Thibaud Lenthéric.
*/


/*--------------------------IMPORT FONT-------------------------------------*/

/*----- Adobe

Azo Sans Thin
font-family: "azo-sans-web", sans-serif;
font-weight: 200;
font-style: normal;

Azo Sans Thin Italic
font-family: "azo-sans-web", sans-serif;
font-weight: 200;
font-style: italic;

Azo Sans Light
font-family: "azo-sans-web", sans-serif;
font-weight: 300;
font-style: normal;

Azo Sans Light Italic
font-family: "azo-sans-web", sans-serif;
font-weight: 300;
font-style: italic;

Azo Sans Regular
font-family: "azo-sans-web", sans-serif;
font-weight: 400;
font-style: normal;

Azo Sans Italic
font-family: "azo-sans-web", sans-serif;
font-weight: 400;
font-style: italic;

Azo Sans Medium
font-family: "azo-sans-web", sans-serif;
font-weight: 500;
font-style: normal;

Azo Sans Medium Italic
font-family: "azo-sans-web", sans-serif;
font-weight: 500;
font-style: italic;

Azo Sans Bold
font-family: "azo-sans-web", sans-serif;
font-weight: 700;
font-style: normal;

Azo Sans Bold Italic
font-family: "azo-sans-web", sans-serif;
font-weight: 700;
font-style: italic;

Azo Sans Black
font-family: "azo-sans-web", sans-serif;
font-weight: 900;
font-style: normal;

Azo Sans Black Italic
font-family: "azo-sans-web", sans-serif;
font-weight: 900;
font-style: italic;

Altivo Thin
font-family: "altivo", sans-serif;
font-weight: 100;
font-style: normal;

Altivo Thin Italic
font-family: "altivo", sans-serif;
font-weight: 100;
font-style: italic;

Altivo Extra Light
font-family: "altivo", sans-serif;
font-weight: 200;
font-style: normal;

Altivo Extra Light Italic
font-family: "altivo", sans-serif;
font-weight: 200;
font-style: italic;

Altivo Light
font-family: "altivo", sans-serif;
font-weight: 300;
font-style: normal;

Altivo Light Italic
font-family: "altivo", sans-serif;
font-weight: 300;
font-style: italic;

Altivo Regular
font-family: "altivo", sans-serif;
font-weight: 400;
font-style: normal;

Altivo Italic
font-family: "altivo", sans-serif;
font-weight: 400;
font-style: italic;

Altivo Medium
font-family: "altivo", sans-serif;
font-weight: 500;
font-style: normal;

Altivo Medium Italic
font-family: "altivo", sans-serif;
font-weight: 500;
font-style: italic;

Altivo Bold
font-family: "altivo", sans-serif;
font-weight: 700;
font-style: normal;

Altivo Bold Italic
font-family: "altivo", sans-serif;
font-weight: 700;
font-style: italic;

Altivo Black
font-family: "altivo", sans-serif;
font-weight: 800;
font-style: normal;

Altivo Black Italic
font-family: "altivo", sans-serif;
font-weight: 800;
font-style: italic;

Altivo Ultra
font-family: "altivo", sans-serif;
font-weight: 900;
font-style: normal;

Altivo Ultra Italic
font-family: "altivo", sans-serif;
font-weight: 900;
font-style: italic;

------*/


/*-----------------------------------------------------------------------------------
--------------------------------SCROLL BAR-------------------------------------------
-----------------------------------------------------------------------------------*/
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #312c65;
  -moz-box-shadow: inset 0px 0px 7px 0px #1190d1;
  -webkit-box-shadow: inset 0px 0px 7px 0px #1190d1;
  -o-box-shadow: inset 0px 0px 7px 0px #1190d1;
  box-shadow: inset 0px 0px 7px 0px #1190d1;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#1190d1, Direction=NaN, Strength=2);
  border: 0px double #ffffff;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #1190d1;
}
::-webkit-scrollbar-thumb:active {
  background: #1190d1;
  -moz-box-shadow: inset 0px 0px 5px 0px #312c65;
  -webkit-box-shadow: inset 0px 0px 5px 0px #312c65;
  -o-box-shadow: inset 0px 0px 5px 0px #312c65;
  box-shadow: inset 0px 0px 5px 0px #312c65;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#312c65, Direction=NaN, Strength=2);
}
::-webkit-scrollbar-track {
  background: rgba(34,34,34,0.9);
  border: 0px none #ffffff;
  border-radius: 0px;
  z
}
::-webkit-scrollbar-track:hover {
  background: #222222;
}
::-webkit-scrollbar-track:active {
  background: #222222;
}
::-webkit-scrollbar-corner {
  background: transparent;
}







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

body{
	background: #f2f2f2;
	overscroll-behavior: none;
	overflow-x: hidden;
}

*{
		font-family: "altivo", sans-serif;
	}


*::-moz-selection { /* Pour firefox */
	background:#1190d1;
	color:#fff;
}
*::-webkit-selection { /* Pour firefox */
	background:#1190d1;
	color:#fff;
}
*::selection { /* Pour les autres */
	background: #1190d1;
	color:#fff;
}

.no-scroll {
    overflow: hidden;
    height: 100vh;
}

a{
	text-decoration: none;
}

input, textarea {
  outline: none;
}

.vcenter{
  display: flex;
  align-items: center;
}

strong{
	font-weight: bold;
}

	p{
		font-family: "altivo", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 15px;
		line-height: 20px;
		color: #222222;
		text-align: left;
		margin-bottom: 20px;
	}

	p a{
		color: #222222;
		font-weight: 600;
	}

	p a:hover{
		color: #008fd0;
	}

	sup{
		font-variant-position: super;
	}

	h3{
		font-family: "altivo", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 35px;
		line-height: 45px;
		color: #1a1934;
		margin-bottom: 25px;		
	}

	h4{
		font-family: "azo-sans-web", sans-serif;
		font-weight: 400;
		font-size: 30px;
		line-height: 40px;
		color: #0d4d63;
		margin-bottom: 15px;		
	}


img{max-width: 100%;}










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

#header{
	position: fixed;
	-webkit-backdrop-filter: blur(1px) saturate(1);
	backdrop-filter: blur(1px) saturate(1);
	width: 100%;
	top: 0;
	left: 0;
	padding: 0px 0 10px;
	border-bottom: 1px solid rgba(219,218,229,0.0);
	z-index: 2000;
}

#header.scroll{
	-webkit-backdrop-filter: blur(5px) saturate(0.4);
	backdrop-filter: blur(5px) saturate(0.4);
}

#header #logo{
	max-width: fit-content;
}

#header #logoiccbc{
	margin-top: 15px;
	height: 50px;
	max-width: 245px;
}

#header nav#menuhead{
	padding-left: 45px;
	padding-right: 30px;
}

#header nav#menuhead .col{
	padding: 0 5px;
	max-width: min-content;
}

#header nav#menuhead .lang-item {
	padding: 0 5px;
}

#header nav#menuhead .col a, #menu #nav .menu-item a, #header nav#menuhead .lang-item a{
	font-family: "azo-sans-web", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #312c65;
	text-transform: uppercase;
	white-space: nowrap;
	letter-spacing: 1px;
	text-shadow: 0 0 10px rgba(255,255,255,1);
}

#header nav#menuhead .col.current-menu-item a,
#header nav#menuhead .col.current-page-ancestor a,
#single_story #header nav#menuhead .col.menu-item-95 a,
#single_actu #header nav#menuhead .col.menu-item-96 a, 
#menu #nav .menu-item.current-menu-item a, 
#menu #nav .menu-item.current-page-ancestor a, 
#single_story #menu #nav .menu-item.menu-item-95 a,
#single_actu #menu #nav .menu-item.menu-item-96 a{
	color: #1190d1;
	font-weight: 700;
}

#header nav#menuhead .col:hover a,
#menu #nav .menu-item:hover a{
	color: #1190d1;
}







#header #btn_menu{
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	z-index: 2001;
	cursor: pointer;
}

	#header #btn_menu span{
			position: absolute;
			background: #312c65;
			width: 30px;
			height: 2px;
			top: 0px;
			right: 0px;
			z-index: 2002;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .35s ease-in-out;
			-moz-transition: .35s ease-in-out;
			-o-transition: .35s ease-in-out;
			transition: .35s ease-in-out;
		}

			#header #btn_menu span.icon01{
				-webkit-transform-origin: center;
				 -moz-transform-origin: center;
				 -o-transform-origin: center;
				 transform-origin: center;
			}

			#header #btn_menu span.icon02{
				top: 10px;
				-webkit-transform-origin: right center;
				 -moz-transform-origin: right center;
				 -o-transform-origin: right center;
				 transform-origin: right center;
			}

			#header #btn_menu span.icon03{
				top: 20px;
				-webkit-transform-origin: center;
				 -moz-transform-origin: center;
				 -o-transform-origin: center;
				 transform-origin: center;
			}

			#header #btn_menu.open span{
				width: 30px;
				top: 10px;
				right: 0;
			}

			#header #btn_menu.open span.icon01{
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
			}

			#header #btn_menu.open span.icon02{
				background: #000000;
				width: 0px;
				height: 1px;
				right: -50px;
			}

			#header #btn_menu.open span.icon03{
				top: 10px;
				right: 0px;
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}

#menu{
	position: fixed;
	background: rgba(255, 255, 255, 0.95);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1999;
	opacity: 0;
	display: none;
	scale: 1.02;
}

#menu #nav{
	height: 100%;
}

#menu #nav .container-fluid, #menu #nav .row{
	height: 100%;
}

#menu #nav .menu-item{
	height: auto;
	margin-bottom: 5px;
}

#menu #nav .right *{
	text-align: left;
}

#menu #nav .left *{
	text-align: right;
}

#menu #nav .menu-item a{
	font-size: 18px;
	line-height: 30px;
}











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

.btn{
	width: fit-content;
	font-family: "azo-sans-web", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 30px;
	color: #312c65;
	text-transform: uppercase;
	margin-bottom: 20px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.btn:hover{
	color: #008fd0;
}

.btn div{
	position: relative;
}

.btn div span{
	position: relative;
	z-index: 2;
}

.btn div:after{
	content: " ";
	position: absolute;
	z-index: 1;
	background: #4ab485;
	width: 30px;
	height: 5px;
	bottom: -5px;
	left: 50%;
	margin-left: -15px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.btn.left div:after{
	left: 0%;
	margin-left: 0px;
}

.btn:hover div:after{
	width: 50%;
	height: 3px;
	bottom: -4px;
	left: 25%;
	margin-left: 0;
}

.btn.left:hover div:after{
	left: 0;
	margin-left: 0;
}

.btn.btn-trait{
	line-height: 40px;
}

.btn.btn-trait:hover{
	color: #ffffff;
}

.btn.btn-trait div{
	padding: 0 15px;
}

.btn.btn-trait div:after{
	background: none;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	margin-left: 0;
	border: 1px solid #4ab485;
}


.btn.btn-trait:hover div:after{
	background: #4ab485;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	margin-left: 0;
}

.btn.btn-full{
	line-height: 40px;
	color: #fff;
}

.btn.btn-full:hover{
	color: #008fd0;
}

.btn.btn-full div{
	padding: 0 15px;
}

.btn.btn-full div:after{
	background: #008fd0;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	margin-left: 0;
	border: 1px solid #008fd0;
}


.btn.btn-full:hover div:after{
	background: #fff;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	margin-left: 0;
}

#lienbottom{
	margin-top: 60px;
}

#head{
	background-position: center bottom !important;
	padding-top: 160px;
	min-height: 500px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}

#head .container, #head .container .row{
	height: 100%;
}

	h1{
		font-family: "azo-sans-web", sans-serif;
		font-weight: 300;
		font-size: 70px;
		line-height: 80px;
		color: #1a1934;
		text-transform: uppercase;
		text-align: center;
		text-shadow: 0 0 10px rgba(255,255,255,1);
	}

	h2{
		font-family: "azo-sans-web", sans-serif;
		font-weight: 500;
		font-size: 25px;
		line-height: 35px;
		color: #1a1934;
		text-align: center;
		text-shadow: 0 0 10px rgba(255,255,255,1);
	}

	#head p{
		font-family: "azo-sans-web", sans-serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 30px;
		color: #312c65;
		text-align: center;
		text-shadow: 0 0 10px rgba(255,255,255,1);
	}

#ytplayer, #vid{
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 120px 0 150px 0;
}
#vid #ytplayer, #vid .video{
	margin: 0 0 40px;
}
#vid #liens{
	padding-top: 40px;
}

.box{
	background: #fff;
	box-shadow: 0 0 10px rgba(34,34,34,0.2);
	margin: 0;
}

#main_page .box{
	margin-bottom: 60px;
}

#main_archive_stories .box{
	margin-bottom: 30px;
}

.box .img{
	height: 0;
	padding-top: 50%;
}

.box .txt{
	padding: 0 30px;
}














/*----------------------------------------------------------------------------------------------------------
-----------------------------------------------------Actus--------------------------------------------------
----------------------------------------------------------------------------------------------------------*/

section#actus{
	margin: 120px 0;
}

#main_actus #head{
	min-height: inherit;
	padding: 250px 0 90px;
}

#actus #head h1{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 300;
	font-size: 90px;
	line-height: 90px;
	color: #1a1934;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
}

#actus #head h2{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 900;
	font-size: 30px;
	line-height: 40px;
	color: #1a1934;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
}


#actus h3{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 300;
	font-size: 50px;
	line-height: 40px;
	color: #1a1934;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 80px;
	margin-bottom: 50px;
}

#actus h3 strong{
	font-weight: 900;
	font-size: 30px;
	letter-spacing: 2px;
}

#actus .layout {
 
}

#actus .item {
	margin-bottom: 30px;
}

#actus .item .box{
	background: #fff;
	box-shadow: 0 0 10px rgba(34,34,34,0.2);
	margin-bottom: 0;
}

#actus .item img {width: 100%;}

#actus .item .content{
	padding: 10px 15px 35px 15px;
}

#actus .item .content h4{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 25px;
	color: #1a1934;
	margin-bottom: 10px;
}

#actus .item .content p{

}

#actus .item .content p.date{
	margin-bottom: 0;
	font-style: italic;
	font-weight: 300;
	color: #1a1934;
}














/*----------------------------------------------------------------------------------------------------------
----------------------------------------------------singleActu----------------------------------------------
----------------------------------------------------------------------------------------------------------*/
#headsingle {
	padding-top: 160px;
}
#headsingle #cover{
	position: relative;
	z-index: 2;
}
#headsingle #cover .img{
	width: 100%;
	min-height: 550px;
}
#headsingle #ytplayer{
	margin: 0;
}

#headsingle #breadcrumbs {
	margin-bottom: 20px;
}

#headsingle #breadcrumbs svg{
	margin: 0px 10px 5px 0;
}

#headsingle #breadcrumbs p{
	font-family: "altivo", sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	padding: 12px 0 0 0;
	margin: 0;
}

#headsingle #breadcrumbs p, #headsingle #breadcrumbs p a{
	color: #222;
}

#headsingle #breadcrumbs .breadcrumb_last{

}

#headsingle .navposts{
	margin: 0 10px;
	padding: 8px 0 0 0
}

#headsingle #title h1{
	font-family: "altivo", sans-serif;
	font-weight: 800;
	font-size: 40px;
	line-height: 50px;
	color: #1a1934;
	text-align: left;
	margin: 0;
}

#main_single-success #headsingle #title{
	padding: 120px 0 60px;
}

#main_single-success #headsingle #title h1{
	color: #f2f2f2;
	font-weight: 700;
	text-align: right;
	text-shadow: 0 0 20px rgba(34,34,34,0.85);
}


#main_single-success #headsingle #title h1 strong{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 300;
	font-size: 70px;
	line-height: 80px;
	color: #f2f2f2;
	text-transform: uppercase;
}

#main_single-actu #headsingle #title{
	padding: 120px 0 60px;
}

#main_single-actu #headsingle #title p.date{
	font-family: "altivo", sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 16px;
	line-height: 20px;
	color: #1a1934;
	margin: 0;
}

#main_single-success #headsingle #headbottom{
	margin-top: -30px;
	padding: 90px 0;
}

#main_single-actu #content #texte{
	column-count: 2;
	column-gap: 30px;
	margin-bottom: 60px;
}

#main_single-actu #content .galerie{
	margin: 60px 0;
}

#main_single-actu #content .galerie .item{
	margin-bottom: 30px;
}


#main_single-success #compet{
	text-align: center;
}

#main_single-success #compet .item{
	padding: 30px 15px 15px 15px;
	border: 2px solid #4ab485;
}

#main_single-success #compet img{
	max-height: 60px;
}

#main_single-success #compet h3{
	font-family: "altivo", sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	color: #1a1934;
	text-transform: uppercase;
	margin: 0 0 -5px 0;
	
}

#main_single-success #compet h4{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 30px;
	color: #008fd0;
	text-transform: uppercase;
	margin: 15px 0 20px 0;
	
}

#main_single-success #compet p{
	text-align: center;
}

#main_single-success #compet .btn{
	display: inline-block;
	margin: 15px 0;
}













/*----------------------------------------------------------------------------------------------------------
----------------------------------------------------success-----------------------------------------------
----------------------------------------------------------------------------------------------------------*/

#success #head{
	
}

#success #head h1{
}

#success #head h2{
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#success #head h3{
	font-family: "altivo", sans-serif;
	font-weight: 400;
	font-size: 25px;
	line-height: 35px;
	color: #1a1934;
	text-align: center;
	text-transform: none;
	margin: 60px 0 120px;
}

#success #title h3{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 700;
	font-size: 25px;
	line-height: 35px;
	letter-spacing: 1px;
	color: #1a1934;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 90px;
	text-align: center;
	text-shadow: 0 0 10px rgba(255, 255, 255, 1);
}

#success #title h3 strong{
	font-weight: 300;
	font-size: 70px;
	line-height: 80px;
}

#success .item{
	padding-bottom: 30px; ;
}

#success #main_archive_stories .item{
	padding-bottom: 0px; ;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#success .item .box{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

#success .item:hover .box{
	transform: scale(1.02);
}



#success h4{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	color: #0d4d63;
	margin-bottom: 20px;
}

#main_comp #success h4{
	font-size: 18px;
	line-height: 20px;
	color: #0d4d63;
	margin-bottom: 20px;
}

#success #layout{
	margin-bottom: 60px;
}

#success #filters{
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 5px rgba(34,34,34,0.2);
	margin-bottom: 30px;
}

#success #filters li{
	position: relative;
	padding: 10px 15px;
	text-align: center;
	cursor: pointer;
}

#success #filters li.story-energie,
#success #filters li.story-energy{
	padding: 20px 15px;
}

#success #filters li span{
	position: absolute;
	z-index: 1;
	background: #4ab485;
	width: 0px;
	height: 2px;
	bottom: 0px;
	left: 50%;
	margin-left: 0px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

#success #filters li.active span, #success #filters li:hover span{
	width: 30px;
	margin-left: -15px;
}

 
#success #filters li.story-chimie-et-procedes-durables span, 
#success .item.story-chimie-et-procedes-durables .btn div:after, 
#main_offre #comp .item.item-story-chimie-et-procedes-durables .btn div:after,
#success #filters li.story-green-chemistry-and-processes span, 
#success .item.story-green-chemistry-and-processes .btn div:after, 
#main_offre #comp .item.story-item-green-chemistry-and-processes .btn div:after{
	background: #488d34;
}
#success #filters li.story-energie span, 
#success .item.story-energie .btn div:after, 
#main_offre #comp .item.item-story-energie .btn div:after,
#success #filters li.story-energy span, 
#success .item.story-energy .btn div:after, 
#main_offre #comp .item.item-story-energy .btn div:after{
	background: #c33a22;
}
#success #filters li.story-materiaux-hautes-performances span, 
#success .item.story-materiaux-hautes-performances .btn div:after, 
#main_offre #comp .item.item-story-materiaux-hautes-performances .btn div:after,
#success #filters li.story-high-performance-materials span, 
#success .item.story-high-performance-materials .btn div:after, 
#main_offre #comp .item.item-story-high-performance-materials .btn div:after{
	background: #13334c;
}
#success #filters li.story-materiaux-pour-les-transports span, 
#success .item.story-materiaux-pour-les-transports .btn div:after, 
#main_offre #comp .item.item-story-materiaux-pour-les-transports .btn div:after,
#success #filters li.story-materials-for-transport span, 
#success .item.story-materials-for-transport .btn div:after, 
#main_offre #comp .item.item-story-materials-for-transport .btn div:after{
	background: #2c5974;
}
#success #filters li.story-sante-et-cosmetique span, 
#success .item.story-sante-et-cosmetique .btn div:after, 
#main_offre #comp .item.item-story-sante-et-cosmetique .btn div:after,
#success #filters li.story-health-and-cosmetics span, 
#success .item.story-health-and-cosmetics .btn div:after, 
#main_offre #comp .item.item-story-health-and-cosmetics .btn div:after{
	background: #e41017;
}


#success #filters li a{
	font-family: "altivo", sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0px;
	color: #0d4d63;
	text-transform: uppercase;
}

#success #filters li.active a{
	font-weight: 700;
}














/*----------------------------------------------------------------------------------------------------------
-----------------------------------------------------Accueil-------------------------------------------------
----------------------------------------------------------------------------------------------------------*/

#accueil #head{
	padding-top: 0px;
	height: 450px;
	min-height: 600px;
}


#accueil #head .container, #accueil #head .container .row{
	height: 100%;
}

	#accueil #head h1,	
	#institut #head h1{
		font-size: 50px;
		line-height: 60px;
		font-weight: 900;
		color: #1a1934;
	}

#accueil #lienscomp {
	margin-top: -125px;
}

#accueil #pres p{
	font-size: 18px;
	line-height: 25px;
	color: #0d4d63;
	text-align: center;
}

#accueil #pres p strong{
	font-weight: 500;
}

#accueil #pres h3{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 900;
	font-size: 35px;
	line-height: 45px;
	letter-spacing: 2px;
	color: #1a1934;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 60px;
}

#accueil #pres .liste{
	margin-top: 90px;
	margin-bottom: 30px;
}

#accueil #pres .liste p{
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #1a1934;
}

#accueil #pres .liste p strong{
	font-size: 30px;
	line-height: 30px;
	font-weight: 800;
	color: #008fd0;
}

#accueil #actus{
	margin-top: 200px;
	margin-bottom: 300px;
}













/*----------------------------------------------------------------------------------------------------------
----------------------------------------------------UMR-----------------------------------------------
----------------------------------------------------------------------------------------------------------*/
#umr{

}

#umr h2{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 900;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 2px;
	color: #1a1934;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 60px;
}

#umr h2 strong{
	font-weight: 300;
	font-size: 40px;
	line-height: 50px;
	letter-spacing: 1px;
}

#umr #img{
	margin-bottom: 60px;
}

#umr .liste{
	margin-bottom: 120px;
}

#umr .item{
	text-align: center;
	margin-bottom: 40px;
}

#umr .item .btn{
	display: inline-block;
}

#umr .item img{
	height: 70px;
	margin-bottom: 30px;
}

#umr .item p{
	font-family: "altivo", sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	color: #1a1934;
	text-transform: uppercase;
	text-align: center;
}

#textes .box h3{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 40px;
}













/*----------------------------------------------------------------------------------------------------------
----------------------------------------------------Page-----------------------------------------------
----------------------------------------------------------------------------------------------------------*/
#main_page.main_p #pres{padding-top: 200px;}
#main_page.main_p #pres .text.text-left *{ text-align: left;}
#main_page.main_p .text .liens{
	justify-content: center !important;
}
#main_page.main_p .text-left .liens{
	justify-content: flex-start !important;
}



#innovons-ensemble #main_page #pres .ma, #main_page.main_p #pres .ma{
	
}

#innovons-ensemble #main_page #pres .ma h3, #main_page.main_p #pres .ma h3{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #4ab485;
	letter-spacing: 0px;
	text-transform: uppercase;
	margin-bottom: 3px;
}

#innovons-ensemble #main_page #pres .ma .content, #main_page.main_p #pres .ma .content{
	border: 8px dotted #4ab485;
	padding: 30px 15px;
}

#innovons-ensemble #main_page #pres .ma.big .content, #main_page.main_p #pres .ma.big .content{
	padding: 30px;
}

#innovons-ensemble #main_page #pres .ma .content h4, #main_page.main_p #pres .ma .content h4{
	font-family: "altivo", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	color: #312c65;
	text-transform: uppercase;
}

#innovons-ensemble #main_page #pres .ma.big .content p, #main_page.main_p #pres .ma{
	font-weight: 500;
	font-size: 18px;
	line-height: 25px;
	color: #312c65;
}

#innovons-ensemble #main_page #pres .ma .btn, #main_page.main_p #pres .ma .btn{
	margin-top: 30px;
}

#main_page.main_p #pres .ma .btn{
	display: inline-block;
	margin-top: 30px;
}













/*----------------------------------------------------------------------------------------------------------
----------------------------------------------------LiensComp-----------------------------------------------
----------------------------------------------------------------------------------------------------------*/
#lienscomp{
	padding-bottom: 100px;
}

	#success-story #lienscomp, #single_story #lienscomp{
		background: url(../img/iccbc_head_competences.png) no-repeat 0 20%;
		background-size: cover;
		padding: 30px 0 120px;
		margin: 250px 0 0;
	}

	#success-story #lienscomp .title, #single_story #lienscomp .title{
		margin-bottom: 60px;
	}

	#success-story #lienscomp h1, #single_story #lienscomp h1{
		font-family: "azo-sans-web", sans-serif;
		font-weight: 300;
		font-size: 50px;
		line-height: 60px;
		color: #1a1934;
		text-align: center;
		text-shadow: 0 0 0px rgba(255,255,255,0);
	}


#lienscomp .item{
	min-width: 190px;
	max-width: 220px;
}

#lienscomp .item .content{
	background: rgba(255, 255, 255, 0.8);
	min-height: 225px;
	padding: 30px 0px;
	border: 2px solid #222222;
	text-align: center;
	box-shadow: 0 0 15px rgba(26,25,52,0.2);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

#lienscomp .item:hover .content{
	transform: scale(1.025);
}

#lienscomp .item .content, #lienscomp .item .content .row{
	height: 100%;
}

#lienscomp .item.item-chimie-et-procedes-durables .content, 
#main_single-success #compet .item.item-chimie-et-procedes-durables{
	border-color: #488d34;
}

#lienscomp .item.item-chimie-et-procedes-durables .content h3, 
#main_single-success #compet .item-chimie-et-procedes-durables h4{
	color: #488d34;
}

#lienscomp .item.item-energie .content, 
#main_single-success #compet .item.item-energie{
	border-color: #c33a22;
}

#lienscomp .item.item-energie .content h3, 
#main_single-success #compet .item-energie h4{
	color: #c33a22;
}

#lienscomp .item.item-materiaux-hautes-performances .content, 
#main_single-success #compet .item.item-materiaux-hautes-performances{
	border-color: #13334c;
}

#lienscomp .item.item-materiaux-hautes-performances .content h3, 
#main_single-success #compet .item-materiaux-hautes-performances h4{
	color: #13334c;
}

#lienscomp .item.item-materiaux-pour-les-transports .content, 
#main_single-success #compet .item.item-materiaux-pour-les-transports{
	border-color: #2c5974;
}

#lienscomp .item.item-materiaux-pour-les-transports .content h3, 
#main_single-success #compet .item-materiaux-pour-les-transports h4{
	color: #2c5974;
}

#lienscomp .item.item-sante-et-cosmetique .content, 
#main_single-success #compet .item.item-sante-et-cosmetique{
	border-color: #e41017;
}

#lienscomp .item.item-sante-et-cosmetique .content h3, 
#main_single-success #compet .item-sante-et-cosmetique h4{
	color: #e41017;
}

#lienscomp .item .content img{
	max-height: 60px;
	max-width: 75px;
	margin-bottom: 20px;
}

#lienscomp .item .content h3{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 25px;
	color: #222222;
	text-transform: uppercase;
}













/*----------------------------------------------------------------------------------------------------------
---------------------------------------------------Offre R-D-----------------------------------------------
----------------------------------------------------------------------------------------------------------*/

#offre #head h2, #single_story #lienscomp h2, #success-story #lienscomp h2{
	font-size: 25px;
	line-height: 35px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#offre #head h2 strong{
	font-weight: 900;
}

#main_offre #comp{
	padding-bottom: 160px;
}

#main_offre #comp .item{
	margin-bottom: 30px;
}

#main_offre #comp .item .content{
	background: rgba(255, 255, 255, 0.8);
	min-height: 480px;
	padding: 30px 20px;
	border: 2px solid #222222;
	text-align: center;
	box-shadow: 0 0 15px rgba(26,25,52,0.2);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

#main_offre #comp .item:hover .content{
	transform: scale(1.025);
}

#main_offre #comp .item .content, #main_offre #comp .item .content .row{
	height: 100%;
}

#main_offre #comp .item.item-chimie-et-procedes-durables .content{
	border-color: #488d34;
}

#main_offre #comp .item.item-chimie-et-procedes-durables .content h3, #main_offre #comp .item.item-chimie-et-procedes-durables .content h4{
	color: #488d34;
}

#main_offre #comp .item.item-energie .content{
	border-color: #c33a22;
}

#main_offre #comp .item.item-energie .content h3, #main_offre #comp .item.item-energie .content h4{
	color: #c33a22;
}

#main_offre #comp .item.item-materiaux-hautes-performances .content{
	border-color: #13334c;
}

#main_offre #comp .item.item-materiaux-hautes-performances .content h3, #main_offre #comp .item.item-materiaux-hautes-performances .content h4{
	color: #13334c;
}

#main_offre #comp .item.item-materiaux-pour-les-transports .content{
	border-color: #2c5974;
}

#main_offre #comp .item.item-materiaux-pour-les-transports .content h3, #main_offre #comp .item.item-materiaux-pour-les-transports .content h4{
	color: #2c5974;
}

#main_offre #comp .item.item-sante-et-cosmetique .content{
	border-color: #e41017;
}

#main_offre #comp .item.item-sante-et-cosmetique .content h3, #main_offre #comp .item.item-sante-et-cosmetique .content h4{
	color: #e41017;
}

#main_offre #comp .item .content img{
	max-height: 90px;
	max-width: 95px;
	margin-bottom: 20px;
}

#main_offre #comp .item .content h3{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 900;
	font-size: 20px;
	line-height: 30px;
	color: #222222;
	text-transform: uppercase;
}

#main_offre #comp .item .content h4{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 25px;
	color: #222222;
	margin-bottom: 20px;
}

#main_offre #comp .item .content p{
	text-align: center;
}













/*----------------------------------------------------------------------------------------------------------
---------------------------------------------------Competences-----------------------------------------------
----------------------------------------------------------------------------------------------------------*/
#head.head-comp{
	text-align: center;
}

#head.head-comp h2{
	font-weight: 900;
	font-size: 25px;
	line-height: 30px;
	text-transform: uppercase;
}

#chimie-et-procedes-durables #head.head-comp h2{
	color: #488d34;
}

#energie #head.head-comp h2{
	color: #c33a22;
}

#materiaux-hautes-performances #head.head-comp h2{
	color: #13334c;
}

#materiaux-pour-les-transports #head.head-comp h2{
	color: #2c5974;
}

#sante-et-cosmetique #head.head-comp h2{
	color: #e41017;
}

#main_comp{}

#main_comp #pres *, #main_page #pres *{
 text-align: center;
}

#main_comp #pres p{
 font-size: 18px;
 line-height: 25px;
}

#main_comp #competences{
	background-image: url(../img/iccbc_nuage.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	padding: 200px 0;
}

#main_comp #competences h3{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 300;
	font-size: 60px;
	line-height: 70px;
	color: #1a1934;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 60px;
}

#main_comp #competences .item p, .main_form #listes .item p{
	font-family: "altivo", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #0d4d63;
	text-align: left;
}

#main_comp #competences .item p strong, .main_form #listes .item p strong{
	font-weight: 700;
	color: #1a1934;
	text-transform: uppercase;
}

#main_comp #umr{
	padding: 120px 0;
}

	#main_comp #umr .liste{
		margin-bottom: 30px;
		text-align: left;
	}

	#main_comp #umr .liste img{
		margin-bottom: 30px;
	}

	#main_comp #umr .liste p{
		font-weight: 500;
		font-size: 16px;
		letter-spacing: 1px;
		color: #0d4d63;
		text-align: left;
	}

	#main_comp #umr .liste .btn{
		display: inline-block;
	}

#main_comp #success{
	padding: 120px 0;
}

#main_comp #success .btn{
	margin: 30px 0;
}

#main_comp #success .btn.btn-trait div:after{
	border-width: 3px;
}

#main_comp #success .item .btn{
	margin: 0;
}


#formations h1, #training h1{
	font-size: 50px;
	line-height: 60px;
}

.main_form #listes {
	margin-top: 120px;
}

.main_form #listes h2{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 900;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 2px;
	color: #1a1934;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 60px;
}

.main_form #listes .liste{
	margin-bottom: 160px;
}

.main_form #listes .item img{
	margin-bottom: 10px;
}

.main_form #listes .item p strong{
	letter-spacing: 1px;
	font-size: 18px;
	line-height: 25px;
}













/*----------------------------------------------------------------------------------------------------------
----------------------------------------------------INNOVONS------------------------------------------------
----------------------------------------------------------------------------------------------------------*/
#innovons-ensemble{}

#innovons-ensemble #head h1{
	font-size: 65px;
}

#innovons-ensemble #pres{
	margin-top: 120px;
}

#innovons-ensemble #main_page #pres{
	
}

#innovons-ensemble #main_page #pres .text *{
	text-align: left;
}


#main_page #timeline{
	margin-top: 200px;
}

#main_page #timeline h3{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 300;
	font-size: 40px;
	line-height: 50px;
	color: #1a1934;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}

#main_page #timeline .item h4{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 500;
	font-size: 25px;
	line-height: 30px;
	color: #008fd0;
	text-transform: uppercase;
}




#main_page #timeline .item{
	width: 100%;
}


#main_page #timeline .forme{
	position: relative;
	margin-left: -26px;
	z-index: 10;
}


#main_page #timeline .badge{
	position: relative;
  display: block;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}

	#main_page #timeline .item .picto {
		position: relative;
	}

#main_page #timeline .badge img{
	position: relative; z-index: 2;
}

.h-50 {
    height: 50%!important;
}

.border-right span {
	
	position: absolute;
  background: #b6dccb;
  width: 2px;
  height: 100%;
  top: 0;
  right: 0;
  border:none;
}

.top.border-right span {
  top: inherit;
  bottom: 10px;
}

.bottom.border-right span {
  top: 10px;
}

#main_page #timeline .item .card-body{
	margin: 30px 0;
}

#main_page #timeline .item-right .card *{
	text-align: left;
}

#main_page #timeline .item-left .card *{
	text-align: right;
}














/*----------------------------------------------------------------------------------------------------------
-----------------------------------------------------Emplois-------------------------------------------------
----------------------------------------------------------------------------------------------------------*/
.main_emploi{}
.main_emploi .item{margin-top: 90px;}
.main_emploi h2{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 300;
  font-size: 45px;
  line-height: 60px;
  letter-spacing: 1px;
  color: #1a1934;
  text-align: center;
  margin-bottom: 60px;
}
.main_emploi h3{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 900;
  font-size: 28px;
  line-height: 35px;
  letter-spacing: 2px;
  color: #1a1934;
  text-transform: uppercase;
  text-align: right;
  margin-bottom: 20px;
}
.main_emploi .liens{
  margin-top: 30px;
  margin-bottom: 120px;
}














/*----------------------------------------------------------------------------------------------------------
-----------------------------------------------------Contact-------------------------------------------------
----------------------------------------------------------------------------------------------------------*/
#contact #head h1{
	font-size: 50px;
	line-height: 60px;
}
#main_contact{
	margin-top: 120px;
}

#main_contact h3{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 400;
	font-size: 40px;
	line-height: 50px;
	color: #1a1934;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 60px;
}

#main_contact h3 strong{
	font-weight: 900;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 2px;
}


#main_contact #formulaire .col input, #main_contact #formulaire .col select{
	background: #fff;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	font-family: "altivo", sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 40px;
	color: #222222;
	border: none;
	margin: 0 0 20px 0;
	box-shadow: 0 0 6px rgba(0,0,0,0.15);
}

#main_contact #formulaire .col textarea{
	background: #fff;
	width: 100%;
	height: 280px;
	padding: 10px 10px;
	font-family: "altivo", sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	color: #222222;
	border: none;
	box-shadow: 0 0 6px rgba(0,0,0,0.15);
}

#main_contact #formulaire .legal{
	padding: 0 15px;
	margin-top: 10px;
}

#main_contact #formulaire .legal p{
	text-align: center;
}

#main_contact #formulaire .wpcf7-list-item-label{
	font-family: "altivo", sans-serif;
	font-weight: 400;
	font-size: 11px;
	line-height: 14px;
	font-style: italic;
	letter-spacing: 1px;
	color: #222;
}

#main_contact #formulaire input[type=submit]{
	background: rgba(255,255,255,1);
	letter-spacing: 1px;
	border: 3px solid #4ab485;
	margin-top: 10px;
	padding: 0 15px;
	cursor: pointer;
	z-index: 2;
}

#main_contact #formulaire input[type=submit]:hover{
	background: rgba(74,180,133,1);
	color: #fff;
}

#main_contact #formulaire span.wpcf7-not-valid-tip{
	font-family: "altivo", sans-serif;
	font-weight: 400;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 1px;
	margin-left: 10px
}

#main_contact #formulaire div.wpcf7-response-output{
	font-family: "altivo", sans-serif;
	font-weight: 400;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 1px;
	margin: 10px;
	margin-bottom: 50px;
	padding: 10px;
}

#main_contact #formulaire span.wpcf7-spinner{display: block; margin: 10px auto;}













/*----------------------------------------------------------------------------------------------------------
-----------------------------------------------------Footer-------------------------------------------------
----------------------------------------------------------------------------------------------------------*/
footer{
	position: relative;
	margin-top: 200px;
}

footer #lienfooter{
	position: relative;
	background: #e5e5e5;
	padding: 25px 0;
	z-index: 1;
	bottom: -10px;
}

footer #lienfooter h5{
	font-family: "altivo", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #312c65;
}

footer #lienfooter .btn{
	letter-spacing: 1px;
	margin: 20px 0;
}

footer #lienfooter .btn.btn-trait div:after{
	border-width: 2px;
}

footer #infos{
	position: relative;
	background: #ebebeb;
	padding-top: 40px;
	box-shadow: 0 0 7px rgba(16,15,33,0.3);
	z-index: 2;
}

footer .colrow{
	margin-left: 0;
	margin-right: 0;
}

footer #logo{
	margin-bottom: 30px;
}

footer #logo svg{
	max-width: 255px;
	height: auto;
}

footer #nav{
	margin-top: 40px;
}

footer #nav li{
	text-align: right;
	margin-bottom: 10px;
}


footer #nav a{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 25px;
	color: #312c65;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

footer #nav li:hover a, footer #social:hover a span{
	color: #1190d1;
}

footer #nav li.current-menu-item a,
#chimie-et-procedes-durables footer #nav li.menu-item-309 a,
#chimie-et-procedes-durables footer #nav li.menu-item-440 a,
#energie footer #nav li.menu-item-309 a,
#energie footer #nav li.menu-item-440 a,
#materiaux-hautes-performances footer #nav li.menu-item-309 a,
#materiaux-hautes-performances footer #nav li.menu-item-440 a,
#materiaux-pour-les-transports footer #nav li.menu-item-309 a,
#materiaux-pour-les-transports footer #nav li.menu-item-440 a,
#sante-et-cosmetique footer #nav li.menu-item-309 a,
#sante-et-cosmetique footer #nav li.menu-item-440 a,
#single_story footer #nav li.menu-item-313 a,
#single_story footer #nav li.menu-item-445 a,
#single_actu footer #nav li.menu-item-306 a,
#single_actu footer #nav li.menu-item-439 a{
	font-weight: 600;
	color: #1190d1;
}

footer #social{
	margin: 0;
}

footer #social svg{
	margin: 0 12px -4px 0;
}

footer #social a span{
	font-family: "altivo", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	font-style: italic;
	color: #312c65;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

footer #lang{
	display: inline-block;
	font-family: "azo-sans-web", sans-serif;
	font-weight: 200;
	font-size: 22px;
	line-height: 25px;
	color: #312c65;
}

footer #lang li{
	display: inline;
	margin-right: 15px;
}

footer #lang li.current-lang, #header nav#menuhead .lang-item.current-lang{
	filter: grayscale(1);
}

footer #mentions{
	margin: 40px 0 10px;
}

footer #mentions p, footer #mentions p a{
	font-family: "altivo", sans-serif;
	font-weight: 400;
	font-size: 9px;
	line-height: 20px;
	color: #7d7a99;
	letter-spacing: 1px;
	text-align: center;
	margin: 0;
}

#logosfooter{
	position: relative;
	background: #fff;
	padding: 0 15px;
	border-top: 1px solid #dbdae5;
	margin-top: -10px;
	top: 0;
	z-index: 3;
}

#logosfooter .item{
	margin: 15px 0;
	text-align: center;
}

#logosfooter img{
	height: 40px;
}

.cky-notice .cky-title{margin: 0 !important;}
.cky-notice-btn-wrapper .cky-btn{
	font-family: "azo-sans-web", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 40px;
	padding: 0 15px;
}











/*----------------------------------------------------------------------------------------------------------
----------------------------------------------------404-----------------------------------------------------
----------------------------------------------------------------------------------------------------------*/
#p404{
	margin-top: 150px;
}
#p404 h1{
	font-family: "altivo", sans-serif;
	font-weight: 900;
  font-size: 50px;
  line-height: 60px;
  color: #222222;
  text-align: center;
}

#p404 p{
	font-family: "altivo", sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	text-align: center;
}

.grecaptcha-badge{display: none;}