@charset "UTF-8";
/* CSS Document */
.video{
   animation-fill-mode: none !important;
}
@font-face {
  font-family: 'Gordita-Regular';
  src: url('Gordita-Regular.eot?#iefix') format('embedded-opentype'),  url('Gordita-Regular.woff') format('woff'), url('Gordita-Regular.ttf')  format('truetype'), url('Gordita-Regular.svg#Gordita-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gordita-Bold';
  src: url('Gordita-Bold.eot?#iefix') format('embedded-opentype'),  url('Gordita-Bold.woff') format('woff'), url('Gordita-Bold.ttf')  format('truetype'), url('Gordita-Bold.svg#Gordita-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
*{
	margin:0;
	padding:0;
}
button, input[type="submit"], input[type="reset"] {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}
body{
	font-family: 'Gordita-Regular';
	color:#1c214d;
	font-weight:normal;
}
a{
	text-decoration:none;
	color:inherit;
	outline:none;
}
a:hover{
	outline:none;
}
.video_bg,.for_video{
	width:100%;
	height:100%;
	position:relative;
}
.top{
	background:url("../pics/BKG_navig.png") repeat-x center top;
	height:100px;
	width:100%;
	position:relative;
	z-index:1;
}
.page .top{
	background:white;
}
.for_video .top{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
.play{
	font-size:40px;
	bottom:20px;
	right:20px;
	position:absolute;
	color:#fff;
	cursor:pointer;
	display:none;
	z-index:100;
}
.sound:hover,.sound.active{
	color:white;
}
.top_container,.footer_container,.contact_container{
	max-width:1238px;
	margin:auto;
	height:100%;
	position:relative;
	width:96%;
}
.top .logo{
	margin-top:18px;
}
.top .menu{
	float:right;
	display:inline;
	line-height:100px;
}
.top .menu li{
	display:inline;
}
.top .menu li a{
	float:left;
	display:inline;
	font-size:13px;
	color:white;
	text-transform:uppercase;
	padding: 0 40px;
}
.page .top .menu li a{
	color:#141b4d;
}
.top .menu li.active a{
	font-family: 'Gordita-Bold';
}
.top .menu li.last a{
	padding-right:0;
}
.home_event{
	padding-top:50px;
	width:96%;
	margin:auto;
	text-align: center;
}
.home_event h2, .page_intro h1, .contact_box h1{
	font-family: 'Gordita-Bold';
	padding: 20px 0;
	background:url("../pics/sepa.png") no-repeat center bottom;
	font-size:45px;
	margin-bottom:40px;
	font-weight:normal;
}
.page_intro h1,.contact_box h1{
	background:url("../pics/sepa2.png") no-repeat center bottom;
}
.type_line{
	font-size:15px;
	line-height:22px;
	text-transform:uppercase;
	letter-spacing: 0.2em;
	padding:5px 0;
}
.type_line em{
	display:inline-block;
	width:27px;
	height:2px;
	background:url("../pics/sepa_keywords.png") no-repeat center center;
	vertical-align: top;
	margin-top:7px;
}
.page_intro .type_line{
	max-width:96%;
	margin:auto;
}
.page_intro .type_line em{
	background:url("../pics/sepa_keywords2.png") no-repeat center center;
}
.other_line{
	font-size:15px;
	text-transform:uppercase;
	letter-spacing: 0.1em;
}
.for_items{
	text-align: center;
}
.home_item{
	display:inline-block;
	margin:12px;
	text-align:left;
	padding:40px 0;
}
.home_item img{
	max-width:100%;
	height:auto;
}
.home_item .title{
	text-transform: uppercase;
	padding-top:25px;
	margin-top:25px;
	background:url("../pics/sepa.png") no-repeat top left;
	font-size:15px;
}
.home_item .title2{
	font-size:17px;
	color:#0b78ff;
	padding-top:7px;
	font-family: 'IBM Plex Serif', serif;
	font-weight:300;
}
.home_item .for_icone{
	position:relative;
}
.home_item .icone{
	position:absolute;
	background:url("../pics/Play_ico.png") no-repeat center center;
	width:60px;
	height:60px;
	top:50%;
	left:50%;
	margin-top:-30px;
	margin-left:-30px;
}
.home_item.slide .icone{
	background:url("../pics/slide_ico.png") no-repeat center center;
}
.for_more{
	width:100%;
	clear:both;
	text-align: center;
}
.events_more{
	display:inline-block;
	background:url("../pics/more_ico.png") no-repeat center top;
	min-width:60px;
	padding-top:80px;
	text-transform:uppercase;
	font-size:12px;
	text-align:center;
}
.challenge{
	clear:both;
	width:100%;
	position:relative;
}
.challenge img{
	width:100%;
	height:auto;
}
.challenge_text{
	position:absolute;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	width:96%;
	left:50%;
	max-width:1298px;
	margin:auto;
	color:white;
}
.challenge .title{
	font-size:28px;
	max-width:550px;
	font-family: 'Gordita-Bold';
}
.challenge_text .text{
	font-size:23px;
	max-width:550px;
	padding:20px 0;
	font-family: 'IBM Plex Serif', serif;
	font-weight:300;
}
.challenge_text .callto, .contact_right .callto{
	font-size:14px;
	text-transform:uppercase;
	padding:14px 30px;
	background:white;
	border-radius:20px;
	color:#1c214d;
	display:inline-block;
	transition: all 0.5s ease;
}
.challenge_text .callto:hover, .contact_right .callto:hover{
	background:#1c214d;
	color:white;
}
.back_top{
	background:url("../pics/Arrow_top.png") no-repeat center center;
	height:120px;
	width:200px;
	margin:auto;
	clear:both;
	cursor:pointer;
	margin-top:60px;
}
.footer{
	width:100%;
	background-color:#e8ebf5;
	min-height:100px;
	color:#777a94;
}
.footer_item{
	display:inline-block;
	padding:70px 0;
	width:320px;
}
.footer_item strong{
	font-weight:normal;
	font-family: 'Gordita-Bold';
	display:inline-block;
	margin-bottom:5px;
}
.first_footer_item{
	background:url("../pics/Bench_monogram.png") no-repeat center left;
	padding-left:90px;
	padding-right:90px;
}
.social{
	float:right;
	display:inline;
	padding-top:75px;
}
.social img{
	display:inline-block;
	margin-left:5px;
}
.page_intro{
	width:100%;
	min-height:250px;
	background:url("../pics/event_top.jpg") no-repeat center center;
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
	text-align:center;
	color:white;
	padding:40px 0;
}
.page_intro.references_intro{
	background:url("../pics/references_top.jpg") no-repeat center center;
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}
.page_intro.digital_intro{
	background:url("../pics/digital_top.jpg") no-repeat center center;
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}
.references_intro h1{
	padding-top:70px;
}
.text_intro{
	font-size:22px;
	color:#1c214d;
	padding-top:65px;
	padding-bottom:20px;
	width:90%;
	max-width:535px;
	margin:auto;
	text-align: center;
	line-height:35px;
	font-family: 'IBM Plex Serif', serif;
	font-weight:300;
}
.text_intro a{
	text-decoration:underline;
}
.view_projects{
	width:100%;
	clear:both;
	text-align: center;
}
.view_projects .home_item{
	margin:12px 24px;
}
.for_references{
	width:100%;
	max-width:1400px;
	text-align: center;
	padding:80px 0;
	margin:auto;
}
.reference_item{
	display:inline-block;
	background:url("../pics/Rectangle.png") no-repeat center center;
	width:220px;
	height:220px;
	position:relative;
	margin:16px;
}
.reference_item img{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	width:120;
	height:auto;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
	
}
.slider{
	display:none;
}
.for_items_references{
	padding:50px 0;
}
.contact_box{
	width:100%;
	min-height:500px;
	background:url("../pics/contact.jpg") no-repeat center center;
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
	text-align: center;
	color:white;
	padding-top:40px;
	overflow:hidden;
	padding-bottom:60px;
}
.contact_left,.contact_right{
	float:left;
	display:inline;
	width:50%;
	text-align: left;
}
.contact_left{
	font-size:20px;
	line-height:25px;
}
.contact_intro{
	font-size:28px;
	font-family: 'Gordita-Bold';
	max-width:370px;
	line-height:34px;
}
.contact_right form{
	width:80%;
}
.contact_right .input_text,.contact_right textarea{
	background:url("../pics/field_bg.png") repeat 0 0;
	width:100%;
	border:1px solid white;
	border-radius:5px;
	padding:12px;
	font-size:14px;
	font-family: 'Gordita-Regular';
	color:white;
	margin:4px 0;
}
.contact_right textarea{
	resize:none;
	height:200px;
}
textarea[name="message"] {
	display:none!important;
}
.contact_right .error{
	border:1px solid #ff8a95;
}
.contact_right .callto{
	display:inline-block;
}
.thanks{
	font-size:28px;
	width:80%;
	padding-bottom:30px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}



@media screen and (max-width: 1000px) {
.top .burger{
	background:url(../pics/burger.png) no-repeat 0 0;
	width:29px;
	height:25px;
	position:absolute;
	right:20px;
	top:34px;
	display:block;
	cursor:pointer;
}
.page .top .burger{
	background:url(../pics/burger2.png) no-repeat 0 0;	
	}
.for_video{
	padding-top:100px;
	}
.panel {
	background-color: rgba(40, 48, 94, 0.85);
	width:295px;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:9000;
	-webkit-box-shadow: 0px 0px 50px #000;
    -moz-box-shadow: 0px 0px 50px #000;
    box-shadow: 0px 0px 50px #000;
	overflow:scroll;
	display:none;
}
.panel .close {
	background:url(../pics/close.png) no-repeat 0 0;
	width:28px;
	height:28px;
	position:absolute;
	top:15px;
	right:15px;
	cursor:pointer;
}
.top .menu{
	float:left;
	line-height:70px;
	padding-top:70px;
	padding-bottom:70px;
	}
.top .menu li a, .page .menu li a{
	clear:both;
	font-size:30px;
	color:white!important;
	}
.challenge_text{
}
.challenge .title{
	font-size:18px;
}
.challenge_text .text{
	font-size:13px;
}
.challenge_text .callto{
	font-size:10px;
	padding:7px 15px;
	border-radius:10px;
}
.footer{
		text-align: center;
		padding-bottom:50px;
	}
.footer_item{
	display:inline-block;
	padding:10px 0;
	width:320px;
}
.footer_item strong{
	font-weight:normal;
	font-family: 'Gordita-Bold';
	display:inline-block;
	margin-bottom:5px;
}
.first_footer_item{
	background:url("../pics/Bench_monogram.png") no-repeat center left;
	padding-left:60px;
	padding-right:60px;
	width:auto;
	background-size:50px;
}
.social{
	float:right;
	display:inline;
	padding-top:15px;
	clear:both;
	width:100%;
}
.social img{
		margin:30px 10px;
	}
.contact_left, .contact_right{
	width:100%;	
	}
.contact_right{
	padding-top:30px;	
	}
	
.sound{
	font-size:15px;
	top:5px;
	right:5px;
}
.reference_item{
	width:100px;
	height:100px;
}
.reference_item img{
	width:60px;
	height:auto;
	
}
	
}


@media screen and (max-width: 600px) {
.type_line{
	display:block;	
	background:url("../pics/sepa_keywords.png") no-repeat  right 5px center;
	background:none!important;
	padding:0px;
	margin:0px;
	line-height:normal;
	padding-bottom:15px;
	}	
.page_intro .type_line{
	background:url("../pics/sepa_keywords2.png") no-repeat right 5px center;
	background:none!important;
}
.type_line:last-of-type, .page_intro .type_line:last-of-type{
		background:none!important;
	}
.type_line em{
	clear:both;
	width:100%;
	background:none!important;
	margin:0;
	height:0px;
	}
.play{
	font-size:30px;
	bottom:10px;
	right:10px;
}
	
}