@font-face {
    font-family: "adventure"; /* Имя шрифта */
    src: url(../fonts/Adventure.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
    font-family: "vtcorona"; /* Имя шрифта */
    src: url("../fonts/dscorcyr.ttf"); /* Путь к файлу со шрифтом */
   }
.adventure {
    font-family: "adventure";
    color: #0c014a;
    font-size: 20px;
    margin-top:10px;
}
.font-big {
    font-size: 28px;
}
.font-xl {
    font-size: 40px
}

body,html {
    height: 100%;
    padding:0;
    margin:0;
}

.wrapper {
    position: relative;
    height: 100%;
    width: 1052px;
    margin: 0 auto;
}
.container {
    display: block;
    box-sizing:border-box;
    padding-top:90px;
    padding-left: 210px;
    padding-right: 230px;
    padding-bottom: 285px;
    width: 100%;
    height: 650px;
    position: absolute;
    bottom:0;
    background: url(../img/bg.jpg) no-repeat bottom
}

a.exit {
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -10px;
    right: -45px;
    background: url(../img/exit.jpg) no-repeat;
    background-position: cover;
}

.mail_container {
    position:relative;
    width: 100%;
    height: 100%;
}
form label,
form input{
    font-family: "vtcorona";
    font-size: 26px; 
    color: #220666;
}
.top-left {
    position: absolute;
    top:0;
    left:0;
}

.top-left input {
    border:none;
    padding-left: 20px;
}
.center {
    position:absolute;
    top:30px;
    left:0;
    width: 100%;
}

.center textarea {
    padding:10px;
    width: 100%;
    height: 210px;
    resize: none;
    font-family: "vtcorona";
    font-size: 22px; 
    color: #220666;
    border:none;
    box-sizing:border-box;
}

.bottom-right {
    position:absolute;
    bottom:0;
    right:0;
}
.bottom-right input {
    border:none;
    background-color:transparent;
    cursor: pointer;
}

.bottom-left {
    position:absolute;
    bottom:10px;
    left:10px;
}

.bottom-left input {
    display:none;
}
.bottom-left label {
    cursor: pointer;
}