@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans);

@font-face {
    font-family: 'TheSansPlain';
    src: url('../fonts/TheSansExtraLight-Plain.eot#') format('eot'), url('../fonts/TheSansExtraLight-Plain.woff') format('woff'), url('../fonts/TheSansExtraLight_Plain.ttf') format('truetype'), url('../fonts/TheSansExtraLight-Plain.svg#TheSansExtraLight-Plain') format('svg');
}

@font-face {
    font-family: 'BaskervilleItalic';
    src: url('../fonts/LibreBaskerville-Italic.woff') format('woff'), url('../fonts/LibreBaskerville-Italic.ttf') format('truetype'), url('../fonts/LibreBaskerville-Italic.svg#LibreBaskerville-Italic') format('svg');
}

.text {
    font-family: 'Quattrocento Sans', sans-serif;
    color: #868889;
    line-height: 125%;
}

body {
    background: #FFF;
    text-align: center;
    font-family: 'Quattrocento Sans', sans-serif;
    color: #868889;
    line-height: 110%;
}

.mainwrapper {
    width: 500px;
    margin: 0 auto;
    height: auto;
}

/*.container{
    width: 970px;
    margin: 0 auto;
}*/

.contact {
    margin: 0 0 30px 0;
    font-size: 0.9em;
}

.mr12 {
    margin-right: 12px;
}

.mt12 {
    margin-top: 12px;
}

.mt21 {
    margin-top: 21px;
}

.mb12 {
    margin-bottom: 12px;
}

.mb21 {
    margin-bottom: 21px;
}

.language-selector {
    position: absolute;
    right: 20px;
    top: 20px;
}

.language-selector a {
    color: #80828a;
    font-weight: 100;
}

.language-selector a:active {
    text-decoration: underline;
    font-weight: 600;
}

.head {
    margin-top: 83px;
}

.mey {
    margin-top: 30px;
}

img {
    max-width: 100%;
    height: auto;
}

.texte {
    margin-top: 52px;
    font-family: "TheSansPlain";
    font-size: 1.8em;
    line-height: 110%;
}

.belief {
    margin: 43px 0 20px 0;
}

.form-control:focus {
    /*border-color: #ff0000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 0, 0, 0.6)*/

}

blockquote {
    border: 0;
    font-size: 15px;
    margin: 0;
    padding: 0;
}

.footerwrapper {
    width: 1024px;
    margin: 94px auto;
    position: relative;
    font-size: 11px;
}

.footerwrapper h4 {
    text-transform: uppercase;
}

.social {
    margin: 0 0 30px 0;
}

.social a {
    color: #808285;
}

::-webkit-input-placeholder {
    font-family: "BaskervilleItalic";
    font-size: 10px;
    font-color: #999999;
}

::-moz-placeholder {
    font-family: "BaskervilleItalic";
    font-size: 10px;
    font-color: #999999;
}

/* firefox 19+ */
:-ms-input-placeholder {
    font-family: "BaskervilleItalic";
    font-size: 10px;
    font-color: #999999;
}

/* ie */
:-moz-placeholder {
    font-family: "BaskervilleItalic";
    font-size: 10px;
    font-color: #999999;
}

.btn-mey {
    background-color: #808285;
    border: 1px solid #cccccc;
    color: #fff;
    height: 35px;
    width: 50px;
    font-family: "BaskervilleItalic";
}

.rounded {
    -moz-border-radius: 5px 5px / 5px 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px 5px / 5px 5px;
}

/*form honeypot*/
.leavemealone {
    display: none;
}

input, select {
    font-family: "BaskervilleItalic";
    font-size: 10px !important;
    font-color: #555 !important;
}

.register {
    margin: 0 0 10px 0;
}

/* ############## POPUP ################### */
.fancybox{
    display: none;
}


.overlay {
    background: rgba(255, 255, 255, 0.8);
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 100%;
}

.popup {
    background: white;
    position: absolute;
    top: 100px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 101;
    margin: 0 auto;
    height: 100px;
    max-width: 568px;
}

.closer{
    border: 1px solid red;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 100px;
    height: 20px;
}