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;
}

#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.svg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position:bottom;
	padding-bottom:230px;
  }
  
  .headerblock .content-constrainer{
	  /*background-color: #0f88a5b5;*/
    padding: 10px;
    border-radius: 20px;
    box-sizing: content-box;
}

.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:block;
	margin:auto;
	height:6rem;
	width:14rem;
	background-image: url(../images/bylingueo.svg);
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center;

}

.pitch-copy{
	color:#FFF;
	font-size:1.5em;
	line-height:150%;
	text-align:center;
	font-weight:300;
}

.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);
}

.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:#b4e7f8;
	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;
}

.pitch-img{
	display:block;
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center;
	border-radius: 8px;
	overflow:hidden;
	border:solid 2px #FFF;
}

.solution-subblock .pitch-img{
	background-image:url(../images/webcamillu.svg);
	width:300px;
	height:200px;
	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.flexibilite{
	margin-left:0px;
	padding-left:15px;
	margin-right:40px;
	padding-right:60px;
}

.valuepoint.flexibilite .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;
}

.surmesure .valuepoint-illu{
	background-image:url(../images/surmesure-illu.svg);
}

.flexibilite .valuepoint-illu{
	background-image:url(../images/flexibilite-illu.svg);
}

.superprofs .valuepoint-illu{
	background-image:url(../images/superprofs-illu.svg);
}

.valuepoint-copy{
	display:block;
}

.valuepoint-copy h3{
	margin-top:0px;
	margin-bottom:6px;
}

.offers-overwrap{
	display:flex;
	flex-direction: column;
}

.specialpack-wrapper{
	margin-top: 35px;
    padding: 40px 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;
	flex:1;
}

.specialpack-wrapper.discovery-pack{
	border: solid 2px #006d4c;
}

.specialpack-title{
	background-color: #00386d;
    padding: 0px 16px;
    display: inline-block;
    position: absolute;
    height: 36px;
    line-height: 36px;
    top: -10px;
    left: -10px;
    color: #fff;
    font-weight: 700;
    font-size: 1.6rem;
    border-radius: 8px;
}

.specialpack-title .limitedoffer{
	background-color: #ff9400;
    font-size: 1rem;
    width: 100%;
    padding: 4px;
    line-height: 1rem;
    position: absolute;
    left: 0px;
    top: 83%;
	border-radius: 0px 0px 10px 10px;
	text-align:center;
}

.specialpack-wrapper.discovery-pack .specialpack-title{
	background-color: #006d4c;
}

.trustblock .specialpack-wrapper.discovery-pack .specialpack-title{
	background-color: #04b478;
}

.specialpack-wrapper.discovery-pack .pricetag{
	color:#00ae4b;
}


.specialpack-copy{
	margin-top: 8px;
	margin-bottom: 16px;
	font-size: 1.1em;
	color:#000;
	text-align:center;
}

.specialpack-copy span{
	color:#0284ae;
	font-weight:700;
}

.pricetag{
	position: absolute;
    display: block;
    top: 7px;
    right: 11px;
    font-weight: 700;
    font-size: 1.8em;
    color: #00a0ae;
    font-family: 'Helvetica';
}

.buy-btn{
	display:block;
	background-color:#ff7300;
	border:solid 1px #fbedc0;;
	box-shadow: 0px 0px 0px 2px #ff7300;
	height:auto;
	width:auto;
	padding:10px 20px;
	font-size:1.2em;
	border-radius:8px;
	color:#FFF;
	text-align:center;
	text-decoration: none;
	font-weight:700;
	transition: background-color 0.5s;
	margin-top:10px;
	margin-bottom:10px;
	cursor:pointer;
}

.buy-btn:hover{
	background-color:#ff9844;
}

.secure-payment{
	font-size:0.9em;
	color: rgba(0,0,0,0.7);
	text-align: center;
}

.secure-payment .secure-icon{
	background-image:url(../images/secureicon.svg);
	background-size:contain;
	background-repeat: no-repeat;
	display:inline-block;
	vertical-align: middle;
	height:1em;
	width:1em;
	margin-right:4px;
}

.trustblock{
	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{
	font-size:1.7em;
	text-shadow: 2px 2px 0px rgba(0,0,0,0.4);
	font-weight:700;
}

.trustblock .maincopy{
	font-size:1em;
	margin-top:10px;
	margin-bottom:10px;
}

.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;
}

.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:#FFF;
	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-leo{
	background-image:url(../images/testimony_leo.png);
}

.testimony-pic.testimony-marie{
	background-image:url(../images/testimony_marie.png);
}

.testimony-pic.testimony-louise{
	background-image:url(../images/testimony_louise.png);
}

.testimony-pic.testimony-sebastien{
	background-image:url(../images/testimony_sebastien.png);
}

.testimony-data{
	font-size:1.2em;
}

.testimony-copy{
	padding:10px 0px;
}

.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-page .content-constrainer{
	background-color: transparent;
	margin-top:0px!important;
	padding-bottom:30vh;
}

.logo-lingueo{
	background-image: url(../images/bylingueo.svg);
	background-size:contain;
	background-repeat: no-repeat;
	display:block;
	height:30px;
	width:100px;
}
.contactform{
	display:block;
	border-radius:8px;
	padding:20px;
	background-color:#FFF;
	border:solid 2px grey;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	font-size:1.2em;
}

.contactform-title{
	font-size:1.5em;
	color:#0f89a5;
	font-weight:700;
}

.contactform-subtitle{
	font-size:1.1em;
	color:#04a5da;
	font-weight:500;
	margin:10px 0px;
}

.forms-overwrap{
	display:flex;
	flex-direction: column;
}

.subform-title{
	display:block;
	font-size:1.2em;
	font-weight:700;
	background-color:#0f89a5;
	color:#FFF;
	height: 40px;
    line-height: 40px;
	margin-top:10px;
}

.form-group{
	margin-top:10px;
}

.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;
}

.form-msg .has-error {
	background-color: rgba(252,201,143,.5);
	padding:5px 10px;
	line-height: 150%;
    text-align: left;
}

.submit-success {
	color: #005a23;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 140%;
    display: block;
    border: solid 2px #005923;
    padding: 6px;
    background-color: #f7fff4;
    border-radius: 8px;
}

.input-name::before, .input-name-child::before, .input-age::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-mail::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 .form-msg{
	color:red;
}

.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:30px;
	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;
}
@media(min-width: 768px){

	.need-subblock .maincopy{
		margin-top:40px;
		margin-bottom:40px;
	}

	.solution-subblock .maincopy{
		margin-top:20px;
		margin-bottom:40px;
	}

	.trustblock{
		padding-top:40px;
		padding-bottom:40px;
	}

	.valuepoints-wrap{
		display:flex;
		flex-direction: row;
		align-content: space-between;
	}

	.valuepoint, .valuepoint.flexibilite{
		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.flexibilite .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;
	}

	.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: 289px;
	}

	.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){
	.headerblock .content-constrainer{
		background-color: transparent;
	}

	.testimony-title, .contactus-title{
		font-size:1.4em;
	}
}

@media(min-width: 1366px){
	html{
		font-size: 14px;
	}
}