/* Reset */
html, body, ul, ol, li, dl, dt, dd, p, pre, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th {margin:0;padding:0;}
html, body {width:100%;height:100%}

html {scroll-behavior:smooth;}

body {min-height:100%;margin:0;color:#08080b;font:14px/1.4 Arial,sans-serif;display:flex;flex-direction:column;height:100vh;background:#fafafa;}

img {margin:0;border-width:0;padding:0;}
a, button {outline:0;text-decoration:none;}
a {color:#08080b;}
a:hover {text-decoration:none;}
p {margin:6px 0;}


header, footer, section {display:block;}

* {outline:none;box-sizing:border-box;font-family:Roboto;}

/* layout */

.main {width:100%;flex-direction:column;flex:1 0 auto;margin:0;background:url(../images/bg-footer.png) left bottom repeat-x;}
.container {margin:0 auto;width:1140px;position:relative;padding:0 40px;}

header, footer {display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:30px 0 50px;}

/* header */

header {}
header .contacts {display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#efefef;padding:15px 20px;border-radius:6px;}
header .contacts a {font-weight:400;}
header .contacts .separator {width:1px;height:20px;margin:0 25px;background:#08080b;opacity:.1;}

/* footer */

footer {color:#808080;font-size:90%;border-top:1px solid #d1d2d5;padding-top:30px;margin-top:0;}

/* section */

section {padding:50px 0;}
section.start {background:url(../images/girl.png) right 0 no-repeat;}
section .title {font-size:46px;font-weight:600;line-height:52px;width:600px;margin-bottom:60px;}
section .title img {height:52px;vertical-align:text-top;}

section .form {background:#fff;box-shadow:0 20px 64px rgba(0,0,0,.08);border-radius:8px;width:555px;padding:30px 40px;}
section .form .form-title {font-size:24px;font-weight:600;margin-bottom:12px;}
section .form .form-title img {height:24px;vertical-align:text-top;margin:0 5px;}
section .form .form-subtitle {font-weight:300;font-size:15px;color:#7a8085;margin-bottom:20px;}
section .form form {}
section .form form .row {margin-bottom:10px;}
section .form form .row input, section .form form .row select {height:56px;background: #fafafa;border-radius:6px;width:100%;border:none;font-size:16px;font-weight:400;padding:0 20px;}
section .form form .row select {border-right:16px solid transparent;}
section .form .button {background:#fff100;border:none;height:52px;font-size:18px;font-weight:500;width:100%;margin:30px 0 20px;border-radius:6px;}

section .form .agree {display:flex;flex-direction:row;align-items:center;color:#7a8085;}
section .form .agree img {margin-right:10px;}
section .form .agree a {font-weight:500;border-bottom:1px solid #7a8085;color:#7a8085;}

section .form .success {display:flex;justify-content:center;align-items:center;text-align:center;margin:50px 0 20px;}
section .form .success img {width:50%;}

section.vacancy {padding-top:0;}
section .list {margin:50px auto 0;background:linear-gradient(180deg, #fff 0%, rgba(249,250,252,0) 50.89%);filter:drop-shadow(0 20px 64px rgba(0,0,0,.08));border-radius:8px 8px 0;}
section .list .item {padding:20px 30px;}
section .list .item h1 {width:100%;font-weight:600;font-size:26px;margin:0;padding:0;line-height:1.1;}
section .list .item .description {margin-top:20px;font-size:16px;}
section .list .item .description p {margin:10px 0;}
section .list .item .description ul {margin:0 0 20px 20px;}

section.vacancy-small .list .item {text-align:center;}
section.vacancy-small .list .item a {font-size:24px;font-weight:400;border-bottom:2px solid #7a8085;}

/* others */

.none {display:none;}
.block {display:block;}