@import url('app.css');

@font-face {
  font-family:'FuturaBT-ExtraBlack';
  src:url('/fonts/FuturaBT-ExtraBlack.eot?#iefix') format('embedded-opentype'),  url('/fonts/FuturaBT-ExtraBlack.woff') format('woff'), url('/fonts/FuturaBT-ExtraBlack.ttf')  format('truetype'), url('/fonts/FuturaBT-ExtraBlack.svg#FuturaBT-ExtraBlack') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'FuturaBT-Book';
  src:url('/fonts/FuturaBT-Book.eot?#iefix') format('embedded-opentype'),  url('/fonts/FuturaBT-Book.woff') format('woff'), url('/fonts/FuturaBT-Book.ttf')  format('truetype'), url('/fonts/FuturaBT-Book.svg#FuturaBT-Book') format('svg');
  font-weight:normal;
  font-style:normal;
}@font-face {
  font-family:'FuturaBT-Heavy';
  src:url('/fonts/FuturaBT-Heavy.eot?#iefix') format('embedded-opentype'),  url('/fonts/FuturaBT-Heavy.woff') format('woff'), url('/fonts/FuturaBT-Heavy.ttf')  format('truetype'), url('/fonts/FuturaBT-Heavy.svg#FuturaBT-Heavy') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'FuturaBK-Book';
  src:url('/fonts/FuturaBK-Book.eot?#iefix') format('embedded-opentype'),  url('/fonts/FuturaBK-Book.woff') format('woff'), url('/fonts/FuturaBK-Book.ttf')  format('truetype'), url('/fonts/FuturaBK-Book.svg#Futura-Book') format('svg');
  font-weight:normal;
  font-style:normal;
}

.btn{font-size:20px;padding:1px 25px}
form .btn{padding:10px 20px}
.btn-primary{background:#129008;border-color:#129008;color:#fff;padding-right:60px;position:relative;margin-top:35px}
.btn-primary:after{
  position:absolute;
  right:18px;
  content:" ";
  background:url(/img/landing/arrow.png) no-repeat 50%;
  width:22px;
  height:17px;
  top:calc(50% + -8px)
}
.btn-primary:hover, .btn-primary:active{border-color:#129008!important;background:#0f6c08!important}

.btn-success{background:#129008 !important;border-color:#129008}

.btn-dark, .btn-dark:hover{background:#192030}

.rs-lp a{display:block;margin-bottom:10px;text-align:center}
.rs-lp i{padding:25px;border:2px solid;border-radius:50%;width:74px;font-size:20px;}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font:inherit;
  vertical-align:baseline;
}
html{
  font-size:16px;
  background-color:#101317;
}

* {
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
  -webkit-hyphens:none;
     -moz-hyphens:none;
          hyphens:none;
}

.container-lp {
  position:relative;
  max-width:1090px;
  width:100%;
  margin:0 auto;
  padding:0 20px 0;
  font-family:'FuturaBT-Book';
  color:#fff;
}
.container-lp a {
    text-decoration:none;
    color:#fff;
    cursor:pointer;
}

p{
  font-family:'FuturaBT-Book';
  color:#fff;
}


/***** HEADER ********/

body{
    max-width:100%;
    background:url("/img/landing/bg-ws-lp.jpg") top center no-repeat;
}
.header-lp {
    max-width:100%;
    margin:0 auto;
    padding:60px 0 0 0;
}
.header-lp .container-lp{
  max-width:100%;
  padding-bottom:120px;
}
.header-lp .container-lp h1, .header-lp .container-lp div{
  max-width:1050px;
  width:100%;
  margin:0 auto;
}

h1 img{
  display:block;
  margin:0 auto;
  padding-bottom:350px;
}
.time-lp{
  font-size:35px;
  padding-bottom:15px;
}
.timeline-lp hr{
  border:3px solid #a11717;
  width:15%;
  margin:0 0 12px 0;
}
.baseline-lp{
  font-size:14px;
  font-family:'FuturaBT-Heavy';
  text-transform:uppercase;
}


/******* CONTENU *******/

  /* RS */

.rs-lp{
  font-size:16px;
  position:absolute;
  right:1%;
  top:250px;
}



.rs-lp hr {
    margin:15px 0 10px;
    border:2px solid #A11717;
}

i {
    display:flex;
    padding:10px 0;
}

.rs-lp p {
  font-size:13px;
    font-family:Arial;
    font-weight:700;
    text-transform:uppercase;
    text-align:center
}




  /* Present */

.contenu-lp{
  max-width:597px;
}
.contenu-lp p {
  width:calc(100% - 0);
    margin-bottom:12px;
}
.title-lp{
  font-size:36px;
  line-height:50px;
}
.subtitle-lp{
  font-size:12px;
  font-family:Arial;
  text-transform:uppercase;
  padding:65px 0 55px;
  color:rgba(255, 255, 255, .4);
}

.title-info-lp{font-size:16px;font-weight:600;margin:50px 0 15px}

.subtitle-lp span{
  margin-left:40px;
}

.text-lp{
  line-height:30px;
  font-family:Arial;
}


  /* Box form */

.box-form-lp{
  position:relative;
  background-color:#192030;
  margin:50px 0;
  padding:31px 0 34px 34px;
}
.box-form-lp img {
    position:absolute;
    right:-50%;
    top:20%;
}

.title-form-lp {
    font-family:"FuturaBT-Book";
    text-transform:uppercase;
    max-width:60%;
    margin-bottom:30px;
    font-weight:600;
    letter-spacing:4px;
}
.success{color:#129008;font-weight:700}
.error{color:#a11717;font-weight:700}

p.subtitle-form-lp {
    font-family:Arial;
    line-height:26px;
}

form{
  margin:20px 0 0;
  width:265px;
}

form label{
  margin-left:12px;
  display:block;
}
form input, form button{width:100%}
form input, form select, form button{
  margin:5px 0 15px;
  padding:15px;
  background:#fff;
  border-radius:5px;
  color:#000;
  border:none
}
form select{
  padding:15px 10px
}
form option{
}
*[type="submit"]{
  cursor:pointer;
  text-align:left;
  background:#129008;
  color:#fff;
  font-size:15px;
  line-height:17px;
  margin:14px 0 0;
  font-family:Arial;
  position:relative;
}
*[type="submit"]:after{
  position:absolute;
  right:18px;
  content:" ";
  background:url(/img/landing/arrow.png) no-repeat 50%;
  width:22px;
  height:17px;
}
*[type="submit"]:hover{
  background:#0f6c08;
}


  /* Slidder */
.text-slider-lp{
  font-family:Arial
}
#wrapper{
  	width:auto;
  	margin:30px auto 70px;
  	height:409px !important;
  	position:relative;
  	color:#fff;
  	text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;
  }

  #slider-wrap{
    width:100%;
  	height:409px !important;
  	position:relative;
  	overflow:hidden;
  }

  #slider-wrap ul#slider{
  	width:100%;
  	height:100%;
    list-style:none;
  	position:absolute;
  	top:0;
  	left:0;
  }

  #slider-wrap ul#slider li{
  	float:left;
  	position:relative;
  	width:597px;
  	height:409px !important;
  }

  #slider-wrap ul#slider li img{width:100%}

  #slider-wrap ul#slider li > div{
  	position:absolute;
  	top:20px;
  	left:35px;
  }

  #slider-wrap ul#slider li > div h3{
  	text-transform:uppercase;
  }

  #slider-wrap ul#slider li > div span{
  	font-family:Neucha, Arial, sans serif;
  }

  #slider-wrap ul#slider li i{
  	text-align:center;
  	line-height:400px;
  	display:block;
  	width:100%;
  }


  /*btns*/
  .btns{
  	position:absolute;
  	width:50px;
  	height:70px;
  	bottom:0;
  	margin-top:-25px;
  	line-height:57px;
  	text-align:center;
  	cursor:pointer;
  	z-index:100;


  	-webkit-user-select:none;
  	-moz-user-select:none;
  	-khtml-user-select:none;
  	-ms-user-select:none;

  	-webkit-transition:all 0.1s ease;
  	-moz-transition:all 0.1s ease;
  	-o-transition:all 0.1s ease;
  	-ms-transition:all 0.1s ease;
  	transition:all 0.1s ease;
  }

  #next{right:0px; border-radius:7px 0px 0px 7px;}
  #previous{right:145px; border-radius:0px 7px 7px 7px;}
  #counter{
    font-family:Arial;
    bottom:0;
    right:0px;
    width:auto;
    position:absolute;
    background:#192030;
    padding:25px 80px;
    width:197px;
    text-align:center;
  }

#slider span {
    background-color:#192030;
    bottom:67px;
    padding:27px 10px;
    position:absolute;
    right:0;
    text-align:center;
    width:197px;
}
  /*bar*/
  #pagination-wrap{
  	min-width:20px;
  	margin-top:350px;
  	margin-left:auto;
  	margin-right:auto;
  	height:15px;
  	position:relative;
  	text-align:center;
  }

  #pagination-wrap ul {
  	width:100%;
  }

  #pagination-wrap ul li{
    cursor:pointer;
  	margin:0 4px;
  	display:inline-block;
  	width:5px;
  	height:5px;
  	border-radius:50%;
  	background:#fff;
  	opacity:0.5;
  	position:relative;
    top:0;


  }

  #pagination-wrap ul li.active, #pagination-wrap ul li:hover{
    width:12px;
    height:12px;
    top:3px;
  	opacity:1;
  	box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;
  }

  /*ANIMATION*/
  #slider-wrap ul, #pagination-wrap ul li{
  	-webkit-transition:all 0.3s cubic-bezier(1,.01,.32,1);
  	-moz-transition:all 0.3s cubic-bezier(1,.01,.32,1);
  	-o-transition:all 0.3s cubic-bezier(1,.01,.32,1);
  	-ms-transition:all 0.3s cubic-bezier(1,.01,.32,1);
  	transition:all 0.3s cubic-bezier(1,.01,.32,1);
  }


   /* List cover */

.list-present-lp{
  font-family:Arial;
  line-height:30px;
}
ul.list-cover-lp {
    overflow:auto;
    list-style:none;
    padding:0;
    margin:0;
    padding-top:30px;
}

ul.list-cover-lp li {
    width:33%;
    float:left;
    padding:7px;
}

ul.list-cover-lp img {
    margin:0 auto;
    width:100%
}


   /* footer */
.footer-lp{
  font-size:10px;
  font-family:Arial;
  background:#000;
  color:#fff;
    margin-top:70px;
    text-align:center;
    text-transform:uppercase;
    padding:9px 0;
}



@media screen and (max-width: 980px) {
    .landing-btn {top:-60px !important}
}

/* Smartphones (portrait and landscape) */
@media only screen and (max-width :700px) {
  .header-lp h1 img{padding-bottom:80px}
  .header-lp .container-lp{padding-bottom:20px}
  .time-lp{}
  .contenu-lp p{width:100%;text-align:left}
  .title-lp{font-size:24px;line-height:25px;}
  .subtitle-lp{padding:10px 0}
  .subtitle-lp span{display:inline-block;margin:10px 0;}
  .rs-lp{position:inherit;text-align:center;margin:20px 0;}
  .rs-lp a{display:inline-block;height:80px;margin:0 5%;}
  .rs-lp p{text-align:center}
  p.text-lp{text-align:justify;}
  .box-form-lp{padding:10px}
  .box-form-lp img{display:none}
  .title-form-lp{width:100%}
  form{width:100%}

  #counter{width:100%;bottom:0}
  #previous{left:0}
  #previous, #next{bottom:0}
  #slider span{padding:5px;bottom:70px}

  p.list-present-lp{text-align:justify}
}