@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
body{font-family: 'Open Sans', sans-serif; font-size: 15px;}
header{padding-top:30px; color: #FFFFFF; background-image: url(img/motif.png);}
.top-nav{margin-bottom: 40px;}
h1{font-weight:300; font-size: 52px; letter-spacing: -2px; text-align: center; line-height: 58px; margin-bottom: 20px;}
h2{font-weight:300; font-size: 42px; color: #52AF3F; letter-spacing: -2px; line-height: 58px; margin-bottom: 30px;}
h3{font-size: 20px; color: #10647A; line-height: 30px;}
p{line-height: 24px;}
.lead{font-size: 20px; line-height: 30px; margin-bottom: 40px; color: #9B9B9B;}
.green{background-image: radial-gradient(47% 95%, #6DC95A 3%, #52AF3F 50%, #469E34 100%);}
.green .lead{color: #FFF;}
.frame-container{width: 100%; height: 400px; overflow: hidden;}

.form-control{ background: #FFFFFF; border-radius: 4px; line-height: 50px; height: 50px;}
.btn, button{background: #52AF3F; border-radius: 4px; color: #FFF; line-height: 50px; height: 50px; padding: 0 20px;
box-shadow: 0 2px 14px 0 rgba(0,0,0,0.29); border:0; width: 100%; cursor: pointer; transition: all 0.5s;}
.btn:hover, button:hover{box-shadow: 0 8px 30px 0 rgba(0,0,0,0.29); color: #52AF3F; background-color: #FFF;}

section{padding: 40px 0; position: relative;}

.features .img-feature{line-height: 120px;}

.inprogress{background-image: url(img/bg_inprogress.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.encart{background: #FFFFFF; border-radius: 4px; padding: 60px 30px;}

footer{background-color: #52AF3F; padding: 20px; color: #FFF;}
footer .logo{height: 30px;}

.success{position: absolute; top: 40px; width: 100%; display: none;}
.welcome{display: block;}

.joined{opacity: 0;}