@charset "UTF-8";

.form-message>span{
 border-radius: 6px;
 margin-bottom: 20px
}
.consent-box .checkbox+.details{
 margin-left: 10px
}

.signupform--{
 margin: 0 auto;
 width: 100%;
 max-width: 600px
}

.signupform-- form .row{
 row-gap: 20px
}

.signupform-- input[type="checkbox"].langbox,
.signupform-- input[type="radio"].paybox{
 display: none
}
.signupform-- input[type="checkbox"].langbox+label,
.signupform-- input[type="radio"].paybox+label{
 display: block;
 background-color: transparent;
 border: solid transparent 2px;
 border-radius: 6px;
 padding: 14px 20px;
 text-align: center;
 cursor: pointer;
 box-shadow: 2px 3px 5px rgba( 0, 0, 0, 0 );
 transition: linear background-color 300ms, linear border-color 300ms, linear box-shadow 300ms
}
.signupform-- input[type="radio"].paybox+label{
 padding-bottom: 20px;
 background-color: #1ba1e8;
 color: #fff
}
.signupform-- input[type="checkbox"].langbox:checked+label{
 background-color: #fff;
 border-color: #171d6e;
 box-shadow: 2px 3px 5px rgba( 0, 0, 0, .2 )
}
.signupform-- input[type="radio"].paybox:checked+label{
 background-color: #171d6e;
 box-shadow: 2px 3px 5px rgba( 0, 0, 0, .2 )
}

/*
 */

.signupform-- input[type="checkbox"].langbox+label span.title{
 display: block;
 font-weight: 700
}
.signupform-- input[type="checkbox"].langbox+label span.flag{
 display: inline-block;
 width: 94px;
 height: 86px;
 margin-top: 14px
}
.languages-overview .languages-selected{
 font-size: 1.125rem;
 font-weight: 700
}
.languages-overview .languages-price{
 margin-top: 14px	
}
.languages-overview .languages-price b{
 font-size: 1.5rem
}

/*
 */
 
.signupform-- label.h3{
 font-weight: 700
}
.signupform-- input[type="radio"].paybox+label span{
 display: block	
}
.signupform-- input[type="radio"].paybox+label span.title{
 font-weight: 700;
 text-transform: uppercase
}
 .signupform-- input[type="radio"].paybox+label span.content{
 font-size: 0.875rem
}

/*
 */
 
.consent-box{
 padding-top: 20px; 
 padding-bottom: 20px;
}