@font-face{font-family:'EuclidSquare-Regular';src:url("../fonts/EuclidSquare-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/EuclidSquare-Regular.otf") format("opentype"),url("../fonts/EuclidSquare-Regular.woff") format("woff"),url("../fonts/EuclidSquare-Regular.ttf") format("truetype"),url("../fonts/EuclidSquare-Regular.svg#EuclidSquare-Regular") format("svg");font-weight:normal;font-style:normal}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-weight:normal;-webkit-appearance:none;border-radius:0}html{height:100%;margin:0}body{background:#000;background-size:cover;background-repeat:no-repeat;padding:40px;font-family:'EuclidSquare-Regular';margin:0;height:100%}@media only screen and (max-width: 600px){body{padding:20px;padding-bottom:0;background-attachment:fixed}}#app,#app>div{height:100%}h1,h2{line-height:1em;font-size:50px;margin:0;margin-bottom:145px}@media only screen and (max-width: 688px){h1,h2{font-size:40px}}p{font-size:18px;line-height:1.6em;max-width:560px;color:#fff}::-webkit-input-placeholder{color:#000}::-moz-placeholder{color:#000}:-ms-input-placeholder{color:#000}:-moz-placeholder{color:#000}input[type="email"]{padding:15px;font-size:14px;color:#000;border:none;width:100%;max-width:560px;outline:none;font-family:'EuclidSquare-Regular';margin-top:10px}.btn-submit{display:block;width:70px;height:70px;cursor:pointer}.btn-submit svg{width:100%;height:100%}.btn-submit:hover svg rect{fill:#fff}.btn-submit:hover svg path{fill:#000 !important}small{font-size:9px;width:100%;max-width:420px;display:block;line-height:1.6em;position:absolute;padding:0;bottom:0;left:0;box-sizing:content-box}@media only screen and (max-width: 688px){small{padding:0;position:static;max-width:100%;box-sizing:border-box;padding-top:45px;width:100%;float:none}}.component_app{display:flex;justify-content:space-between}

@font-face {
    font-family: 'Neurial Grotesk';
    src: url('../fonts/NeurialGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/NeurialGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



html {
    font-size: calc(100vw / 1920 * 20);
}

body {
    padding: 40px 20px;
    font-family: 'Neurial Grotesk', sans-serif;
    background-image: url('background.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #0e0c0b;
}

.main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0 40px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    color: #fff;
    text-transform: uppercase;
    font-size:55px;
    line-height: 50px;
}

h1 {
    color: #82d2b7;
}

h1 span {
    color: #82d2b7;
    display: block;
    font-size: 12px;
    line-height: 13px;
    margin-top: 10px;
}

.title {
    font-size: 55px;
    padding-right: 30px;
}

.flag {
    width: 50%;
    text-align: right;
}

svg {
    height: auto !important;
}

.sib-form-block {
    padding: 0;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white !important;
    opacity: 1; /* Firefox */
  }
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: white !important;
}

input[type="text"], input[type="tel"], select {
    all: initial;
    background: none;
    border: 1px solid #fff;
    padding: 10px 15px;
    max-width: 600px;
    color: #fff;
    outline: none;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Neurial Grotesk', sans-serif;
    margin-bottom: 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid white;
    padding-left: 0;
}
button {
    font-family: 'Neurial Grotesk', sans-serif;
    background: white;
    border: none;
    color: black;
    padding: 8px 16px;
    margin-top: 10px;
    font-size: 16px;
    margin-bottom: 30px;
    margin-top: 0px;
    background: none;
    color: white;
    font-size: 16px;
    padding: 0;
    font-family: 'Neurial Grotesk', sans-serif;
    font-weight: 500;
    cursor: pointer;
    display: block;
    margin-top: 30px;
    width: 200px;
    text-align: left;
}

button:hover {
    color: #fff;
    opacity: .6;
}

.radios {
    display: flex;
    margin-top: 30px;
    margin-bottom: 20px;
}

input[type="radio"] {
    -webkit-appearance: auto !important;
}

.entry__choice {
    width: auto;
    margin-right: 50px;
}

form {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

@media only screen and (max-width: 600px) {
   

    .title {
        width: 100%;
        font-size: 9rem;
        line-height: 9rem;
        margin-top: 3rem;
    }

    .flag {
        width: 100%;   
        margin-bottom: 1rem;
    }

    input[type="text"] {
        max-width: 100%;
    }
}

.select-wrapper {
    position: relative;
    width: 235px;
}

.select-wrapper svg {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 30px;
    pointer-events: none;
}

.select-wrapper select {
    width: 200px;
}