html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

b { font-weight: 700; }

img { max-width: 100%; }

body { background: #95C9D5 url("../img/europe.png") no-repeat top right; background-size: contain; font-family: 'Open Sans', sans-serif; }

h1 { font-size: 24px; line-height: 28px; padding-bottom: 15px; color: #111316; font-weight: 700; }

.wrap { margin: 0 auto; width: 100%; max-width: 1110px; }

header { padding: 55px 95px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

a.logo { position: relative; padding-left: 54px; color: #fff; font-family: 'Exo', sans-serif; font-size: 24px; font-weight: 700; text-decoration: none; }
a.logo:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 39px; height: 41px; background: url("../img/logo.svg") no-repeat; background-size: cover; }
a.logo small { font-family: 'Open Sans', sans-serif; display: block; font-size: 12px; font-weight: 400; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.flex .col-1 { width: 50%; }
.flex .col-2 { width: 50%; }

.infographic { width: 498px; height: 527px; background: url("../img/pic.png") no-repeat; background-size: cover; }

.form-wrap { background: #fff; width: calc(100% - 70px); padding: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; -webkit-box-shadow: 0 12px 40px rgba(92, 134, 144, 0.4); box-shadow: 0 12px 40px rgba(92, 134, 144, 0.4); }
.form-wrap p { color: #9AA4B0; font-weight: 600; margin-bottom: 30px; line-height: 20px; font-size: 16px; }
.form-wrap b { display: block; text-align: center; margin: 10px 0; font-weight: 400; }
.form-wrap form { padding-left: 25px; padding-right: 25px; }

.input-wrap { position: relative; }
.input-wrap.focus label { font-size: 12px; color: #A7AFBA; background: #fff; padding: 5px; position: absolute; top: -9px; left: 20px; -webkit-transition: all .4s; transition: all .4s; }
.input-wrap label { position: absolute; top: 22px; font-size: 16px; font-weight: 400; left: 20px; }
.input-wrap input { border: 1px solid #E3E3E3; color: #111316; width: 100%; font-size: 16px; border-radius: 5px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; font-weight: 600; }
.input-wrap input.req { background: url("../img/req.svg") no-repeat; background-size: 7px 7px; background-position: right 20px center; }
.input-wrap input.form-ok { background: url("../img/ok.svg") no-repeat; background-size: 13px 9px; background-position: right 20px center; }
.input-wrap input.form-error { background: url("../img/err.svg") no-repeat; background-size: 10px 10px; background-position: right 20px center; border-color: #FF0040; }
.input-wrap input:focus { border-color: #2DBBC4; }

input[type=checkbox] + label:before { content: ""; display: inline-block; float: left; width: 16px; height: 16px; border: 1px solid #e3e3e3; border-radius: 5px; cursor: pointer; margin-right: 13px; }

input[type=checkbox] { display: none; }

input[type=checkbox]:checked + label:before { background: url(../img/ch.svg) no-repeat center center; background-size: 10px 7px; }

.checkbox-wrap { margin: 30px 0 20px; }
.checkbox-wrap span { margin-top: 3px; }

footer { max-width: 760px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; padding-right: 15px; color: #fff; font-size: 12px; margin: 70px auto 30px; line-height: 16px; }
footer ul { margin-top: 24px; }
footer ul li { display: inline-block; }
footer ul li a { color: #fff; }
footer ul li:first-child:after { content: '|'; color: #fff; padding: 0 6px 0 8px; }

button { border: none; width: 200px; text-align: center; text-transform: uppercase; color: #fff; background: #FA654C; padding: 12px 0; font-size: 14px; cursor: pointer; border-radius: 20px; outline: none !important; -webkit-transition: all .4s; transition: all .4s; }
button:hover { background: #f94b2e; }

.local ul { width: 150px; position: relative; z-index: 999999; overflow: hidden; background: #DFF4F9; border: 1px solid #85B6BE; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; height: 30px; overflow: hidden; -webkit-transition: all .4s; transition: all .4s; }
.local ul:after { content: ""; display: block; width: 9px; height: 5px; position: absolute; right: 10px; top: 12.5px; background: url("../img/arrow.svg") no-repeat; background-size: cover; -webkit-transition: all .4s; transition: all .4s; }
.local ul li { -webkit-transition: all .4s; transition: all .4s; opacity: 0; visibility: hidden; padding: 8px 10px; background: #DFF4F9; }
.local ul li:hover { background: #c5ebf4; }
.local ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #111316; text-decoration: none; }
.local ul li a figure { width: 21px; height: 14px; margin-right: 10px; }
.local ul li a figure img { width: 100%; }
.local ul li.local-active { position: absolute; top: 0; left: 0; visibility: visible; opacity: 1; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.local ul:hover { overflow: visible; padding-top: 29px; }
.local ul:hover li { opacity: 1; visibility: visible; }
.local ul:hover:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.wrap-main { background: #fff; margin-left: 95px; margin-right: 95px; padding: 50px 40px; border-radius: 10px; -webkit-box-shadow: 0 12px 40px rgba(92, 134, 144, 0.4); box-shadow: 0 12px 40px rgba(92, 134, 144, 0.4); margin-top: 30px; }

.wrap-text p { color: #9AA4B0; font-size: 14px; line-height: 18px; margin-bottom: 30px; }
.wrap-text ul { margin-bottom: 30px; }
.wrap-text ul li { color: #9AA4B0; font-size: 14px; line-height: 18px; }
.wrap-text ul li:before { content: '\2022'; padding-right: 3px; }
.wrap-text h2 { font-weight: 600; color: #111316; margin-bottom: 8px; }

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) { .infographic { background: url("../img/pic@2x.png") no-repeat; background-size: cover; }
  body { background: #95C9D5 url("../img/europe@2x.png") no-repeat top right; background-size: contain; } }
@media screen and (max-width: 992px) { .flex { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .flex .infographic { margin-left: auto; margin-right: auto; margin-bottom: 30px; }
  .flex .col-1, .flex .col-2 { width: 100%; }
  .form-wrap { max-width: 540px; margin-left: auto; margin-right: auto; width: calc(100% - 30px); } }
@media screen and (max-width: 767px) { .infographic { width: 290px; height: 306.89px; }
  .wrap-main { margin-left: 15px; margin-right: 15px; }
  header { display: block; text-align: center; padding-left: 0; padding-right: 0; padding-bottom: 15px; }
  header a.logo { margin-left: auto; margin-right: auto; }
  header a.logo small { margin-left: 54px; }
  .local ul { margin-left: auto; margin-right: auto; }
  .form-wrap form { padding-left: 0; padding-right: 0; } }
@media screen and (max-width: 480px) { .wrap-main { padding-left: 15px; padding-right: 15px; } }

/*# sourceMappingURL=screen.css.map */