html{
	background-color: #0f89a5;
	margin: 0;
	overflow: auto;
	font-size:11px;
	height:100vh;
	font-family: 'Raleway', 'Helvetica', sans-serif;
	 -webkit-text-size-adjust: 100%;
  }
  
  
  
  body{
	  margin:0;
  }
  
  html *{
	  box-sizing: border-box;
  }

  b{
	  font-weight:600;
  }
  
  #everythingbutthelogo{
	  opacity:0;
	  display:none;
	  transition: opacity 1s 1s;
  }
  
  .sticky{
	  display:none;
	  background-color: red;
	  height:40px;
	  width:40px;
	  position: fixed;
	  z-index:11000;
	  top:40px;
	  left:50%;
  }
  
  .foreground{
	  position: relative;
	  z-index:8000;
	  height:100%;
	  -webkit-overflow-scrolling: touch;
  }
  
  #loadingtxt{
	  text-align: center;
	  position:fixed;
	  top:50%;
	  left:50%;
	  width:50%;
	  margin-left:-25%;
	  color:#FFF;
  }
  
  .block{
	  display:block;
	  min-height:100vh;
	  padding:20px;
	  text-align:center;
	  position:relative;
  }
  
  .block *{
	  z-index:2;
	  position:relative;
  }
  
  .content-constrainer{
	  max-width:724px;
	  margin:auto;
  }
  
  .bgcover{
	  position:absolute;
	  top:0px;
	  left:0px;
	  height:100%;
	  width:100%;
	  background-color: #0f89a5;
	  opacity:0.1;
	  z-index:0;
  }
  
  .block.headerblock{
	  background-image:url(../images/background-header-cpf.svg);
	  background-size:cover;
	  background-repeat: no-repeat;
	  background-position:bottom;
	  padding:10px;
	  padding-bottom:290px;
	  text-align:left;
  }
  
  .headerblock .content-constrainer{
	  background-color: #0f88a5b5;
	  padding: 10px;
	  border-radius: 20px;
	  box-sizing: content-box;
  }

  .header-flexbox{
	  display:flex;
	  flex-direction: column;
  }
  
  .title{
	  color:#FFF;
	  text-shadow: 2px 2px 0px rgba(0,0,0,0.4);
	  text-align:center;
	  margin-top:0vh;
  }
  
  .title h1{
	  font-size:2.6rem;
	  margin:4px;
  }
  .title h2{
	  font-size:2rem;
	  font-weight:300;
	  margin:4px;
  }
  
  .bylingueo{
	  display:inline-block;
	  margin-left:0px;
	  height:5rem;
	  width:11rem;
	  background-image: url(../images/bylingueo.svg);
	  background-size:contain;
	  background-repeat: no-repeat;
	  background-position:center;
	  vertical-align: middle;
  }

  .phone-btn{
	  display:inline-block;
	  color:#04a5da;
	  background-color:#FFF;
	  border-radius:30px;
	  font-size:1.3em;
	  font-weight:600;
	  font-family:'helvetica', sans-serif;
	  padding:3px 20px 3px 40px;
	  margin-left:20px;
	  line-height:24px;
	  text-decoration: none;
	  text-shadow: none;
	  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	  background-image:url(../images/phone-icon.svg);
	  background-size:1.5em 1.5em;
	  background-repeat: no-repeat;
	  background-position:10px 50%;
	  vertical-align: middle;
  }
  
  .pitch-copy{
	  color:#FFF;
	  font-size:1.2em;
	  line-height:150%;
	  text-align:left;
	  font-weight:300;
	  margin-bottom:16px;
  }

  .pitch-copy p{
	margin-top:0px;
}

  .pitch-copy ul {
	list-style: none;
	padding:0px;
	text-align:left;
  }

  .pitch-copy li{
	  padding-left:30px;
	background-image: url(../images/valueicon.svg);
	background-repeat:no-repeat;
	background-size:1em;
	background-position:0px 50%;
	line-height:150%;
	margin:6px 0px;
  }

  .header-form{
	  background-color:#FFF;
	  padding:22px 10px 10px 10px;
	  border-radius:12px;
	  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	  position: relative;
	  border: solid 1px #24472d;
	  background-color:#FFF;
	background-image:url(../images/background-headerform.svg);
	background-size:25%;
  }

.header-form .bgcover{
	background-color:rgb(250, 250, 250);
	opacity:0.95;
	border-radius:12px;
}

  .header-form .submit-success {
	margin-top: 22px;
	padding: 6px 12px;
}

  .header-form .form-title{
	background-color: #0e7761;
    color: #FFF;
    font-size: 1.5em;
    font-weight: 700;
    padding: 8px 20px 8px 8px;
    position: absolute;
    top: -4px;
    left: -4px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
    border: solid 1px #8dba79;
    border-radius: 0px 0px 16px 0px;
  }

  .header-form .select-language.form-group:first-of-type label{
	font-size:1rem;
  }

  .header-form .contactform .btn-send-mail{
	  display:block;
	  margin:auto;
	  min-width:200px;
  }

  .header-form .form-msg-c{
	  display:none;
  }
  
  .highlight-btn{	
	  margin-top:30px;
	  margin-left:auto;
	  margin-right:auto;
	  display:inline-block;
	  background-color:#ff7300;
	  height:auto;
	  width:auto;
	  padding:10px 20px;
	  font-size:2em;
	  border-radius:8px;
	  color:#FFF;
	  text-align:center;
	  text-decoration: none;
	  transition: background-color 0.5s;
	  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
  }

  .headerblock .highlight-btn{
	background-color: #005252d8;
    max-width: 400px;
	border: solid 2px #FFF;
	display:block;
  }

  .headerblock .highlight-btn:hover{
	background-color: #017575a6;
    max-width: 400px;
    border: solid 2px #FFF;
  }
  
  .highlight-btn:hover{
	  background-color:#ff9137;
  }
  
  #block1{
	  padding:0px;
	  font-size:1.2em;
  }
  
  .need-subblock{
	  padding:20px;
	  background-color:#f8dabe;
	    
	  padding-bottom:28px;
	  color:rgba(0,0,0,0.8);
	  background-image:url(../images/background-confinement.svg);
	  background-size:contain;
	  background-repeat: no-repeat;
	  background-position:100% 90%;
  }
  
  .need-subblock .bgcover{
	  background-color:#f8dabe;
	  opacity: 0.9;
  }
  
  .need-subblock .headline-cartouche{
	  background-color:#352d27;
	  color:#FFF;
	  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
  }
  
  .solution-subblock{
	  padding:20px;
	  background-color:#b4e7f8;
	    
	  padding-bottom:28px;
	  background-image:url(../images/background-solution.svg);
	  background-size:25%;
  }
  
  .solution-subblock .bgcover{
	  background-color:#bcdfe5;
	  opacity: 0.9;
  }
  
  .solution-subblock .headline-cartouche{
	  background-color:#FFF;
	  color:#04a5da;
	  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
  }
  
  .headline-cartouche{
	  font-weight:700;
	  color:#FFF;
	  font-size:1.3em;
	  padding:10px 10px;
	  margin-bottom:20px;
	  margin-top:-30px;
	  max-width:400px;
	  margin-right:auto;
	  margin-left:auto;
  }
  
  .headline-cartouche span{
	  display:block;
  }
  
  .maincopy{
	  line-height:150%;
	  font-size:1.1em;
	  text-align:left;
  }
  
  .pitch-img{
	  display:block;
	  background-size:cover;
	  background-repeat: no-repeat;
	  background-position:center;
	  border-radius: 8px;
	  overflow:hidden;
	  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
  }
  
  .solution-subblock .pitch-img{
	  background-image:url(../images/webcamladies.png);
	  width:300px;
	  height:170px;
	  margin-left:auto;
	  margin-right:auto;
	  margin-bottom:10px;
  }
  
  .valuepoints-wrap{
	  display:flex;
	  flex-direction: column;
  }
  
  .valuepoint{
	  display:flex;
	  flex-direction: row;
	  background-color:#ecffff;
	  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	  border-radius:8px;
	  padding:15px 15px 15px 0px;
	  align-items: center;
	  text-align:left;
	  margin-top:15px;
	  margin-bottom:15px;
	  font-size:1em;
	  min-height:80px;
	  max-width:400px;
	  margin-left:40px;
	  padding-left:60px;
	  color:rgba(0,0,0,0.8);
	  flex:1;
  }
  
  .valuepoint.certifiant{
	  margin-left:0px;
	  padding-left:15px;
	  margin-right:40px;
	  padding-right:60px;
  }
  
  .valuepoint.certifiant .valuepoint-illu{
	  margin-left:10px;
	  margin-right:-10px;
	  left:auto;
	  right:-40px;
  }
  
  .valuepoint-illu{
	  display:block;
	  height:100px;
	  width:100px;
	  flex-shrink:0;
	  background-size:cover;
	  background-repeat:no-repeat;
	  background-position: center;
	  border-radius: 100%;
	  margin-left:-10px;
	  margin-right:10px;
	  position:absolute;
	  left:-40px;
  }
  
  .pratique .valuepoint-illu{
	  background-image:url(../images/flexibilite-illu.svg);
  }
  
  .certifiant .valuepoint-illu{
	  background-image:url(../images/superprofs-illu.svg);
  }
  
  .finance .valuepoint-illu{
	  background-image:url(../images/finance-illu.svg);
  }
  
  .valuepoint-copy{
	  display:block;
  }

  .valuepoint-copy span{
	font-size:1.1em;
	line-height:150%;
}
  
  .valuepoint-copy h3{
	  margin-top:0px;
	  margin-bottom:6px;
  }

  .contactform-block{
	  background-color:#FFF;
	  background-image:url(../images/background-trust.svg);
	  background-size:25%;
	  color:rgb(24, 24, 24);
	  position:relative;
	  min-height:auto;
  }

  .contactform-block .bgcover{
	  background-color:rgb(243, 243, 243);
	  opacity:0.95;
  }

  .contactform-block .contactform-title{
	  display:block;
	  font-weight:700;
	  font-size:1.3em;
	  padding:10px 10px;
	  margin-bottom:20px;
	  margin-top:-30px;
	  max-width:400px;
	  margin-right:auto;
	  margin-left:auto;
	  background-color:#008f64;
	  color:#FFF;
	  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	  font-size:1.7em;
  }

  .contactform-block .maincopy{
	  font-size:1.3em;
  }

  
  .trustblock, .cpfblock{
	  font-size:1.2em;
	  color:#FFF;
	  text-align:left;
	  padding-bottom:40px;
	  background-image:url(../images/background-trust.svg);
	  background-size:25%;
  }
  
  .trustblock .bgcover{
	  background-color: #0a6e82;
	  opacity:0.95;
  }
  
  .trust-title, .cpf-title{
	  font-size:1.7em;
	  text-shadow: 2px 2px 0px rgba(0,0,0,0.4);
	  font-weight:700;
  }
  
  .trustblock .maincopy, .cpfblock .maincopy{
	  font-size:1em;
	  margin-top:10px;
	  margin-bottom:10px;
	  line-height:150%;
  }
  
  .trustblock .maincopy ul{
	  padding-left:20px;
	  font-size:1.1em;
  }
  
  .trustblock .maincopy ul li{
	  margin-bottom:8px;
  }
  
  
  
  .video-lingueo{
	  width: 340px;
	  max-width: 100%;
	  height: 186px;
	  margin: auto;
  }
  
  .video-lingueo iframe{
	  height:100%;
	  width:100%;
	  border:none;
  }

  .video-cpf{
	  margin:20px auto;
  }
  
  .testimony-title, .contactus-title{
	  font-size:1.2em;
	  margin:35px 0px 10px 0px;
	  font-weight:700;
	  text-shadow: 2px 2px 0px rgba(0,0,0,0.4);
  }
  
  .testimonies-wrapper{
	  display:flex;
	  flex-direction: column;
  }
  
  .testimony{
	  background-color:rgb(235, 235, 235);
	  border-radius:8px;
	  display:flex;
	  flex-direction: column;
	  padding:15px;
	  font-size:1em;
	  color:#000;
	  margin-bottom:20px;
	  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
  }
  
  .subtestimony{
	  display:flex;
	  flex-direction: column;
  }
  
  .subtestimony.testimony-parent{
	  border-top: solid 1px rgba(0,0,0,0.3);
	  padding-top: 10px;
  }
  
  .testimony-header{
	  display:flex;
	  flex-direction: row;
	  align-items: center;
  }
  
  .testimony-pic{
	  height:50px;
	  width:50px;
	  background-color:rgb(102, 102, 102);
	  border-radius:100%;
	  margin-right:10px;
	  overflow:hidden;
	  background-size:cover;
	  background-repeat:no-repeat;
	  background-position:center;
  }
  
  .testimony-pic.testimony-sandra{
	  background-image:url(../images/testimony_sandra.png);
  }
  
  .testimony-pic.testimony-bernard{
	  background-image:url(../images/testimony_bernard.png);
  }
  
  .testimony-data{
	  font-size:1.2em;
  }

  .testimony-data-role{
	  font-size:0.8em;
  }
  
  .testimony-copy{
	  padding:10px 0px;
  }

  .cpfblock{
	  min-height:auto;
  }

  .cpfblock .bgcover{
	  background-color:#247dad;
	  opacity:0.95;
  }
  
  .maincopy p{
	  margin-top:7px;
	  margin-bottom:7px;
  }
  
  .contactus-title{
	  margin-top:35px;
  }
  
  .maillink{
	  color:#FFF;
	  font-weight:700;
  }
  
  .footer{
	  background-color: #2a2a2a;
	  color:rgb(226, 226, 226);
	  text-align:center;
	  line-height:40px;
	  font-size:1em;
  }
  
  /*CONTACT FORM*/
  
  .contactform{
	  display:block;
	  padding:0px;
	  font-size:1.2em;
	  max-width:400px;
	  margin:auto;
  }
  
  .form-group{
	  margin-top:10px;
	  text-align:left;
  }
  
  .contactform input, .contactform textarea{
	  border:solid 1px grey;
	  color:#2a2a2a;
	  font-size:1.1em;
	  background-color:#FFF;
	  background-repeat: no-repeat;
	  background-position: 8px center;
	  padding-left: 35px;
	  width:100%;
	  height:40px;
	  line-height:40px;
	  border-radius:8px;
	  font-family:'helvetica', sans-serif;
  }
  
  .contactform textarea{
	  padding:10px;
	  height:auto;
	  min-height:80px;
	  line-height:150%;
  }
  
  .contactform .has-error {
	  background-color: rgba(252,201,143,.9);
  }
  
  .form-msg {
	  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	  max-width:300px;
	  margin:auto;
	  color:red;
	  margin-top:20px;
  }
  
  .form-msg .has-error {
	  background-color: rgba(252,201,143,.5);
	  padding:5px 10px;
	  line-height: 150%;
	  text-align: left;
	  list-style: none;
  }
  
  .submit-success {
	  color: #005a23;
	  font-size: 1.3em;
	  font-weight: 700;
	  line-height: 140%;
	  display: block;
	  border: solid 2px #005923;
	  padding: 6px;
	  background-color: #f7fff4;
	  border-radius: 8px;
  }
  
  .input-firstname::before, .input-lastname::before{
	  content:'';
	  display:block;
	  height:100%;
	  width:30px;
	  position:absolute;
	  top:0px;
	  left:0px;
	  z-index:5;
	  background-image: url(../images/lingupro-quoteform-name.svg)!important;
	  background-repeat: no-repeat;
	  background-position: 8px center;
  }
  
  .input-phone::before{
	  content:'';
	  display:block;
	  height:100%;
	  width:30px;
	  position:absolute;
	  top:0px;
	  left:0px;
	  z-index:5;
	  background-image: url(../images/lingupro-quoteform-phone.svg)!important;
	  background-repeat: no-repeat;
	  background-position: 8px center;
  }
  
  .input-email::before{
	  content:'';
	  display:block;
	  height:100%;
	  width:30px;
	  position:absolute;
	  top:0px;
	  left:0px;
	  z-index:5;
	  background-image: url(../images/lingupro-quoteform-mail.svg)!important;
	  background-repeat: no-repeat;
	  background-position: 8px center;
  }

  .contactform-contact{
	  margin-top:20px;
  }
 
  
  .contactform-contact .maillink{
	  color:inherit;
  }
  
  .sendform-btn.highlight-btn{
	  font-size:1.5em;
	  font-weight:700;
  }
  
  .contactform .btn {
	  font-size:1.5em;
	  font-weight:700;
	  margin-top:10px;
	  margin-left:auto;
	  margin-right:auto;
	  display:inline-block;
	  background-color:#ff7300;
	  height:auto;
	  width:auto;
	  padding:10px 20px;
	  font-size:1.5em;
	  border-radius:8px;
	  color:#FFF;
	  text-align:center;
	  text-decoration: none;
	  transition: background-color 0.5s;
	  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	  border:none;
  }
  
  .contactform .btn:hover{
	  background-color:#ff9137;
  }
  
  .form-group label {
	  display:none;
  }

  .form-group:first-of-type label {
	display:inline-block;
	font-size:1em;
	margin-bottom:4px;
	font-weight:600;
}

.form-group select{
	border:solid 1px grey;
	  color:#2a2a2a;
	  font-size:1.1em;
	  background-color:#FFF;
	  background-repeat: no-repeat;
	  background-position: 8px center;
	  background-image: url(../images/lingupro-quoteform-lang.svg)!important;
	  background-size:20px;
	  padding-left: 35px!important;
	  width:100%;
	  height:40px;
	  line-height:40px;
	  border-radius:8px;
	  font-family:'helvetica', sans-serif;
	  -webkit-appearance:none;
}

  @media(min-width: 768px){


	.headerblock .content-constrainer.header-flexbox{
		display:flex;
		flex-direction: row;
		margin-top:5vh;
	}

	.header-flexleft{
		flex:1;
	}

	.title{
		text-align:left;
	}

	.headerblock .pitch-copy{
		font-size:1.4em;
	}

	.header-form{
		flex:1;
		margin-left:30px;
	}

	  .need-subblock .maincopy{
		  margin-top:40px;
		  margin-bottom:40px;
	  }
  
	  .solution-subblock .maincopy{
		  margin-top:20px;
		  margin-bottom:40px;
	  }
  
	  .trustblock, .cpfblock{
		  padding-top:40px;
		  padding-bottom:40px;
	  }

	  .solution-subblock .pitch-img{
		background-image:url(../images/webcamladies.png);
		width:400px;
		height:230px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
	}
  
	  .valuepoints-wrap{
		  display:flex;
		  flex-direction: row;
		  align-content: space-between;
	  }
  
	  .valuepoint, .valuepoint.certifiant{
		  display:flex;
		  flex-direction: column;
		  border-radius:8px;
		  padding:20px;
		  text-align:center;
		  margin-top:50px;
		  margin-right:5px;
		  margin-left:5px;
		  padding-top:60px;
		  color:rgba(0,0,0,0.8);
	  }
  
	  .valuepoint-illu, .valuepoint.certifiant .valuepoint-illu{
		  display:block;
		  height:100px;
		  width:100px;
		  flex-shrink:0;
		  border-radius: 100%;
		  margin-left:auto;
		  margin-right:auto;
		  position:absolute;
		  left:auto;
		  right:auto;
		  top:-50px;
	  }

	  .valuepoint-copy span{
		font-size:1.1rem;
		line-height:150%;
	}
  
	  .offers-overwrap{
		  display:flex;
		  flex-direction: row;
	  }
  
	  .specialpack-wrapper{
		  margin-top: 35px;
		  padding: 35px 15px 15px 15px;
		  background-color: #FFF;
		  border: solid 2px #0284ae;
		  border-radius: 8px;
		  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
		  font-size: 1.1em;
		  max-width: 400px;
		  margin-right: auto;
		  margin-left: auto;
		  display: flex;
		  flex-direction: column;
		  align-items: center;
		  justify-content: flex-end;
	  }
  
	  .specialpack-wrapper.discovery-pack{
		  margin-left:30px;
	  }
  
	  .video-lingueo{
		  width: 510px;
		  height: 287px;
	  }
  
	  .testimonies-wrapper{
		  display:flex;
		  flex-direction: row;
		  align-content: space-between;
	  }
  
	  .testimony{
		  margin-right:5px;
		  margin-left:5px;
		  flex-grow:1;
		  width:50%;
	  }
  
	  .headerblock .content-constrainer{
		  margin-top:15vh;
		  padding: 10px;
		  border-radius: 20px;
		  box-sizing: content-box;
	  }
  
	  .forms-overwrap{
		  display:flex;
		  flex-direction: row;
	  }
  
	  .form-wrapper{
		  margin:10px;
		  width:50%;
	  }
  
  }
  
  @media(min-width:1024px){
	.content-constrainer{
		max-width:800px;
	}

	  .headerblock .content-constrainer{
		  background-color: transparent;
		  max-width:800px;
	  }
  
	  .testimony-title, .contactus-title{
		  font-size:1.4em;
	  }
  }
  
  @media(min-width: 1366px){
	  html{
		  font-size: 14px;
	  }
  }