/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html {
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body {
    margin:0
}
article,
aside,
footer,
header,
nav,
section {
    display:block
}
h1 {
    font-size:2em;
    margin:.67em 0
}
figcaption,
figure,
main {
    display:block
}
figure {
    margin:1em 40px
}
hr {
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre {
    font-family:monospace,monospace;
    font-size:1em
}
a {
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
a:active,
a:hover {
    outline-width:0
}
abbr[title] {
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,
strong {
    font-weight:inherit;
    font-weight:bolder
}
code,
kbd,
samp {
    font-family:monospace,monospace;
    font-size:1em
}
dfn {
    font-style:italic
}
mark {
    background-color:#ff0;
    color:#000
}
small {
    font-size:80%
}
sub,
sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub {
    bottom:-.25em
}
sup {
    top:-.5em
}
audio,
video {
    display:inline-block
}
audio:not([controls]) {
    display:none;
    height:0
}
img {
    border-style:none
}
svg:not(:root) {
    overflow:hidden
}
button,
input,
optgroup,
select,
textarea {
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,
input {
    overflow:visible
}
button,
select {
    text-transform:none
}
[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline:1px dotted ButtonText
}
fieldset {
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend {
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress {
    display:inline-block;
    vertical-align:baseline
}
textarea {
    overflow:auto
}
[type=checkbox],
[type=radio] {
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height:auto
}
[type=search] {
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
}
details,
menu {
    display:block
}
summary {
    display:list-item
}
canvas {
    display:inline-block
}
[hidden],
template {
    display:none
}
html {
    box-sizing:border-box
}
body,
html {
    height:100%;
    margin:0;
    background-color:#fff
}
body.modal-opened {
    overflow:hidden
}
*,
:after,
:before {
    box-sizing:inherit
}
a {
    color:#006fcf;
    text-decoration:none
}
a:active,
a:focus,
a:hover {
    color:#009cff;
    text-decoration:underline
}
.logo svg {
    width:156px
}
body,
button,
input,
select,
textarea {
    color:#313131;
    font:normal 16px/2 Helvetica Neue,Helvetica,arial,sans-serif
}
@media screen and (min-width:768px) {
    body,
    button,
    input,
    select,
    textarea {
        font:normal 16px/2 Segoe UI,SF Pro Text,Helvetica Neue,Helvetica,arial,sans-serif
    }
}
.text-thin {
    font-weight:100
}
.text-light {
    font-weight:300
}
.text-regular {
    font-weight:400
}
.text-medium {
    font-weight:500
}
.text-middle {
    font-weight:600
}
.text-bold {
    font-weight:700
}
.text-black {
    font-weight:900
}
.metafont.metafont-arrowup.down {
    display:inline-block;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.clearfix:after {
    clear:both;
    content:"";
    display:table
}
.full-center {
    position:absolute;
    display:block;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}
.text-center {
    text-align:center
}
label.checkholder {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    cursor:pointer;
    z-index:5
}
.container {
    background-color:#fff
}
.container,
footer {
    max-width:992px;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    width:100%;
    position:relative
}
@media screen and (min-width:1220px) {
    .container,
    footer {
        max-width:1200px
    }
}
.hide-text {
    overflow:hidden;
    padding:0;
    text-indent:101%;
    white-space:nowrap
}
.visually-hidden {
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
@media screen and (min-width:310px) {
    .hidden-mobile {
        display:none
    }
}
@media screen and (min-width:412px) {
    .hidden-smartphone {
        display:none
    }
}
@media screen and (min-width:768px) {
    .hidden-tablet {
        display:none
    }
}
@media screen and (min-width:992px) {
    .hidden-medium {
        display:none
    }
}
@media screen and (min-width:1220px) {
    .hidden-large {
        display:none
    }
}
.container {
    border:1px solid #eee;
    min-height:100%;
    margin-bottom:-130px;
    padding-top:49px
}
.container:after {
    content:"";
    display:block;
    height:130px
}
nav {
    display:inline
}
nav ul {
    width:100%;
    text-align:center;
    list-style:none;
    margin-left:0;
    margin-bottom:0;
    padding-left:0
}
nav ul.inline-items {
    margin-top:0
}
nav ul.inline-items li {
    display:inline-block;
    margin-left:0;
    padding-left:10px;
    padding-right:10px
}
nav ul.inline-items li :first-child {
    margin-left:0;
    padding-left:0;
    padding-right:10px
}
nav ul.inline-items li :last-child {
    padding-right:0
}
footer nav {
    margin:auto
}
header {
    width:100%;
    background-color:#fff;
    z-index:3;
    box-shadow:0 2px 14px -3px #ccc;
    height:49px;
    margin:-50px 0 0;
    position:fixed;
    padding:0 100px 0 156px
}
header #menu-ico-check,
header #menu-ico-logged,
header .menu-logged-holder .lngs,
header .menu-logged-holder .menu-logged-wrapper,
header .menu-logged-holder .meta-project-dir,
header .menu-logged-holder .projects-list,
header .menu-projects-holder .lngs,
header .menu-projects-holder .menu-logged-wrapper,
header .menu-projects-holder .meta-project-dir,
header .menu-projects-holder .projects-list {
    display:none
}
header #menu-ico-check:checked~.menu-projects-holder>.lngs {
    display:block;
    z-index:34;
    position:absolute;
    list-style:none;
    top:50px;
    left:50%;
    white-space:nowrap;
    margin:0;
    padding:0;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    font-size:16px
}
header #menu-ico-check:checked~.menu-projects-holder>.lngs.en .lng-en a,
header #menu-ico-check:checked~.menu-projects-holder>.lngs.ru .lng-ru a,
header #menu-ico-check:checked~.menu-projects-holder>.lngs.uk .lng-ua a {
    color:#000;
    text-decoration:none;
    background-color:#eee;
    border-radius:20px
}
header #menu-ico-check:checked~.menu-projects-holder>.lngs li {
    display:inline-block;
    padding:10px 0
}
header #menu-ico-check:checked~.menu-projects-holder>.lngs a {
    padding:5px
}
header #menu-ico-check:checked~.menu-projects-holder>.projects-list,
header #menu-ico-logged:checked~.menu-logged-holder>.menu-logged-wrapper {
    display:block;
    z-index:33;
    left:0;
    right:0;
    top:55px;
    background-color:#fff;
    padding-top:30px;
    position:fixed;
    bottom:0
}
header #menu-ico-check:checked~.menu-projects-holder>.projects-list {
    text-align:center
}
header .menu-logged-holder .menu-logged-wrapper {
    min-width:200px
}
header .menu-logged-holder .menu-logged-wrapper a {
    color:#444
}
header .menu-logged-holder .menu-logged-wrapper .user-login-name {
    margin:0 12.5px;
    font-weight:700;
    height:35px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
header .menu-logged-holder .menu-logged-wrapper ul {
    list-style:none;
    padding:0;
    margin:0 0 12.5px 12.5px
}
header .menu-logged-holder .menu-logged-wrapper ul li {
    display:block;
    padding:5px 0
}
header .menu-logged-holder .menu-logged-wrapper ul li:before {
    margin-right:5px;
    vertical-align:middle;
    font-size:.9em
}
header .menu-logged-holder .menu-logged-wrapper ul li:hover {
    background-color:#fff
}
header .search-form {
    display:none
}
header .logo {
    display:inline;
    width:auto;
    position:absolute;
    top:50%;
    left:10px;
    line-height:100%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
header .logo svg {
    width:158px
}
header .head-title {
    font-size:1.4em;
    padding:15px 0 0 5px;
    display:block;
    color:#00669c;
    width:156px;
    text-align:center;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:.1em
}
header .languages,
header .menu {
    line-height:14px;
    list-style:none;
    width:auto;
    position:absolute;
    margin:0;
    padding:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
header .languages {
    display:none;
    right:177px
}
header .languages.en .lng-en,
header .languages.ru .lng-ru,
header .languages.uk .lng-ua {
    display:none
}
header .languages li {
    display:inline-block;
    margin-left:-1px
}
header .languages li+li:before {
    content:"|";
    position:relative;
    color:#444;
    top:-2px;
    font-size:.7em;
    padding-right:3px
}
header .languages li a {
    font-size:14px
}
header .languages.uk .lng-ru:before {
    content:""
}
header .menu {
    right:6px
}
header .menu li {
    display:inline-block;
    padding:12px;
    position:relative
}
header .menu li:active,
header .menu li:focus,
header .menu li:hover {
    background-color:#e9e9e9;
    border-radius:8px;
    cursor:pointer;
    transition:.3s
}
header .menu li .menu-ico {
    cursor:pointer;
    font-size:19px;
    line-height:inherit;
    height:19px;
    display:block;
    color:#0d94da
}
header .menu li .menu-ico:before {
    line-height:normal
}
header .menu li .menu-caption {
    cursor:pointer;
    display:none;
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:8px;
    font-size:14px;
    color:#444;
    letter-spacing:.15px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap
}
header .menu li.logged-menu {
    display:none
}
header .menu li.menu-projects {
    cursor:pointer;
    color:#006fcf
}
header.logged .menu .logged-menu {
    display:inline-block
}
header.logged .menu .login-menu {
    display:none
}
@media screen and (min-width:768px) {
    header {
        padding:0 264px 0 195px;
        background-color:#f9f9f9;
        position:relative;
        border-bottom:1px solid #eee;
        box-shadow:none;
        height:88px
    }
    header #menu-ico-check:checked~.menu-projects-holder>.lngs {
        display:none
    }
    header .logo {
        left:20px
    }
    header .head-title {
        width:195px;
        position:absolute;
        left:0;
        bottom:6px;
        font-size:1.1em;
        padding:0
    }
    header .search-form {
        width:100%
    }
    header .languages,
    header .menu,
    header .search-form {
        display:inline-block
    }
    header .menu li {
        padding:14px 28px 30px
    }
    header .menu li .menu-caption {
        display:inline
    }
    header .menu li.logged-menu .menu-logged-wrapper {
        top:75.5px
    }
    header #menu-ico-check:checked~.menu-projects-holder>.projects-list,
    header #menu-ico-logged:checked~.menu-logged-holder>.menu-logged-wrapper {
        position:absolute;
        top:88px;
        width:300px;
        height:460px;
        left:auto;
        right:25px;
        font-weight:600;
        padding:9px 9px 25px;
        border-radius:8px;
        z-index:1000;
        border:1px solid #dcdcdc;
        box-shadow:0 0 36px -14px #000
    }
    header #menu-ico-check:checked~.menu-projects-holder>.projects-list:before,
    header #menu-ico-logged:checked~.menu-logged-holder>.menu-logged-wrapper:before {
        content:"";
        z-index:999;
        position:absolute;
        top:2px;
        left:189px;
        border-color:#dcdcdc transparent;
        border-style:solid;
        border-width:0 12px 12px;
        box-shadow:0 0 36px -14px #000;
        margin-top:-14px;
        display:block;
        width:0
    }
    header #menu-ico-check:checked~.menu-projects-holder>.projects-list:after,
    header #menu-ico-logged:checked~.menu-logged-holder>.menu-logged-wrapper:after {
        content:"";
        z-index:1001;
        position:absolute;
        top:2px;
        left:203px;
        width:0;
        height:0;
        border:10px solid transparent;
        border-bottom-color:#fff;
        border-top:0;
        margin-left:-12px;
        margin-top:-12px
    }
    header #menu-ico-logged:checked~.menu-logged-holder>.menu-logged-wrapper {
        right:8px;
        width:200px;
        height:220px
    }
    header #menu-ico-logged:checked~.menu-logged-holder>.menu-logged-wrapper:before {
        left:151px
    }
    header #menu-ico-logged:checked~.menu-logged-holder>.menu-logged-wrapper:after {
        left:165px
    }
    header #menu-ico-check:checked~.menu .menu-projects,
    header #menu-ico-logged:checked~.menu .logged-menu {
        background-color:#e9e9e9;
        border-radius:8px
    }
}
@media screen and (min-width:992px) {
    header {
        padding:0 264px 0 235px
    }
    header .logo {
        left:40px
    }
    header .head-title {
        width:235px
    }
}
main {
    width:100%;
    padding:0 10px;
    display:inline-block;
    vertical-align:top;
    height:100%
}
main .search-form {
    margin:5px 0 10px
}
main .search-form .search-bar {
    margin-top:0;
    padding:0 0 0 11px
}
main .search-form .search-button {
    top:0;
    z-index:0
}
main .main-block-wrapper.info-block {
    width:100%;
    margin-top:25px
}
main .main-block-wrapper.info-block.dir,
main .main-block-wrapper.info-block.market,
main .main-block-wrapper.info-block.projects {
    display:none
}
main .main-block-wrapper.info-block .main-block-header .main-header {
    left:18px;
    top:-2px
}
main .main-block-wrapper.info-block .main-block-header .all-header {
    top:11px;
    right:11px
}
main .main-block-wrapper .main-block-header {
    position:relative;
    padding:7px 0 8px 110px;
    height:44px
}
main .main-block-wrapper .main-block-header .main-header {
    position:absolute;
    display:block;
    font-size:24px;
    top:-7px;
    left:-1px
}
main .main-block-wrapper .main-block-header .all-header {
    position:absolute;
    display:none;
    font-size:16px;
    top:2px;
    right:-9px;
    padding:7px 24px 8px 12px
}
main .main-block-wrapper .main-block-header .all-header:before {
    position:absolute;
    right:9px;
    top:9px
}
main .main-block-wrapper .main-block-header .all-header:hover {
    color:#009cff;
    text-decoration:none;
    background-color:#eee;
    border-radius:20px
}
main .main-block-wrapper.projects {
    max-width:none;
    margin:25px 0
}
main .main-block-wrapper.projects .projects-list {
    padding:0 12.5px 25px 0
}
main .main-block-wrapper.projects .projects-list .meta-project {
    margin:0 11.5px
}
main .main-block-wrapper.projects .all-projects {
    display:none
}
main .main-block-wrapper.dir {
    max-width:none
}
main .main-block-wrapper.dir .main-block-content div {
    padding:0 19px;
    margin:0 0 25px;
    float:left
}
main .main-block-wrapper.dir .main-block-content div.bordered {
    border-left:1px solid #dcdcdc
}
main .main-block-wrapper.dir .main-block-content div a {
    display:block;
    font-size:19px;
    font-weight:700;
    letter-spacing:.5px;
    line-height:2em
}
@media screen and (min-width:992px) {
    main .main-block-wrapper.dir .main-block-content div {
        padding:0 40px
    }
    main .main-block-wrapper.dir .main-block-content div:first-child {
        padding:0 19px
    }
}
@media screen and (min-width:1220px) {
    main .main-block-wrapper.dir .main-block-content div {
        padding:0 50px
    }
    main .main-block-wrapper.dir .main-block-content div:first-child {
        padding:0 19px
    }
}
main .main-block-wrapper.market {
    max-width:none
}
main .main-block-wrapper.market .main-catalog {
    overflow:hidden
}
main .main-block-wrapper.market .main-catalog ul {
    margin:0 25px;
    padding:4px 0 0;
    list-style:none;
    width:100%;
    overflow:hidden;
    min-height:230px;
    max-height:230px
}
main .main-block-wrapper.market .main-catalog ul li {
    float:left;
    min-height:230px;
    min-width:130px;
    overflow:hidden;
    margin-top:4px
}
main .main-block-wrapper.market .main-catalog ul li .name {
    font-size:13px;
    font-weight:600;
    padding:11px 24px 0 0;
    line-height:17px
}
main .main-block-wrapper.market .main-catalog ul li p {
    margin:1px 24px 0 0;
    line-height:19px;
    color:#00669c;
    font-size:12px
}
@media screen and (min-width:768px) {
    main {
        padding:0 350px 0 25px
    }
}
@media screen and (min-width:992px) {
    main .main-block-wrapper.info-block.dir,
    main .main-block-wrapper.info-block.market,
    main .main-block-wrapper.info-block.projects {
        display:inline-block
    }
    main .main-block-wrapper .main-block-header .all-header {
        display:block
    }
}
aside {
    width:100%;
    display:inline-block;
    vertical-align:top;
    padding:0 10px
}
aside .info-block,
aside .mbnr {
    display:block;
    width:100%;
    margin-bottom:25px
}
aside .info-block.weather {
    display:none;
    width:100%
}
aside .info-block.currency {
    max-width:394px;
    margin:0 auto 25px
}
@media screen and (min-width:768px) {
    aside {
        padding:0;
        width:300px;
        position:absolute;
        top:248px;
        right:25px
    }
    aside .info-block.weather {
        display:block
    }
}
@media screen and (min-width:992px) {
    aside .info-block.weather {
        display:none
    }
}
@media screen and (min-width:1220px) {
    aside {
        top:113px
    }
}
footer {
    position:relative;
    padding:0;
    height:130px;
    background-color:#f9f9f9;
    border:1px solid #eee;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-justify-content:center;
    justify-content:center;
    box-shadow:none
}
footer .logo {
    display:none;
    left:0;
    height:28px
}
footer .copyright {
    display:block;
    width:100%;
    margin:0;
    text-align:center;
    right:0;
    color:#00669c;
    font-family:Arial,SF Pro Text,Helvetica Neue,Helvetica,sans-serif;
    font-size:16px;
    font-weight:600;
    letter-spacing:.5px
}
footer a {
    color:#00669c
}
footer svg path {
    fill:#00669c
}
@media screen and (min-width:768px) {
    footer {
        padding:0 160px
    }
    footer .copyright,
    footer .logo {
        display:inline;
        width:auto;
        margin:0 35px;
        position:absolute;
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%)
    }
}
.icon-mobvid1 {
    background-position:-2px -2px
}
.icon-auto,
.icon-mobvid1 {
    background-repeat:no-repeat;
    overflow:hidden;
    display:inline-block;
    width:100px;
    height:100px;
    background-image:url(/2019/img/sprite-projectsico.png)
}
.icon-auto {
    background-position:-2px -104px
}
.icon-cat {
    background-position:-2px -206px
}
.icon-cat,
.icon-for {
    background-repeat:no-repeat;
    overflow:hidden;
    display:inline-block;
    width:100px;
    height:100px;
    background-image:url(/2019/img/sprite-projectsico.png)
}
.icon-for {
    background-position:-2px -308px
}
.icon-hor {
    background-position:-2px -410px
}
.icon-hor,
.icon-mail {
    background-repeat:no-repeat;
    overflow:hidden;
    display:inline-block;
    width:100px;
    height:100px;
    background-image:url(/2019/img/sprite-projectsico.png)
}
.icon-mail {
    background-position:-2px -512px
}
.icon-maps {
    background-position:-2px -614px
}
.icon-maps,
.icon-mark {
    background-repeat:no-repeat;
    overflow:hidden;
    display:inline-block;
    width:100px;
    height:100px;
    background-image:url(/2019/img/sprite-projectsico.png)
}
.icon-mark {
    background-position:-2px -716px
}
.icon-blg {
    background-position:-2px -818px
}
.icon-blg,
.icon-mobvid2 {
    background-repeat:no-repeat;
    overflow:hidden;
    display:inline-block;
    width:100px;
    height:100px;
    background-image:url(/2019/img/sprite-projectsico.png)
}
.icon-mobvid2 {
    background-position:-2px -920px
}
.icon-news {
    background-position:-2px -1022px
}
.icon-news,
.icon-obm {
    background-repeat:no-repeat;
    overflow:hidden;
    display:inline-block;
    width:100px;
    height:100px;
    background-image:url(/2019/img/sprite-projectsico.png)
}
.icon-obm {
    background-position:-2px -1124px
}
.icon-transl {
    background-position:-2px -1226px
}
.icon-transl,
.icon-vid {
    background-repeat:no-repeat;
    overflow:hidden;
    display:inline-block;
    width:100px;
    height:100px;
    background-image:url(/2019/img/sprite-projectsico.png)
}
.icon-vid {
    background-position:-2px -1328px
}
.icon-wea {
    background-position:-2px -1430px
}
.icon-wea,
.icon-znkm {
    background-repeat:no-repeat;
    overflow:hidden;
    display:inline-block;
    width:100px;
    height:100px;
    background-image:url(/2019/img/sprite-projectsico.png)
}
.icon-znkm {
    background-position:-2px -1532px
}
.modal,
.modal .overlay {
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:fixed!important
}
.modal {
    z-index:500;
    padding:15px;
    overflow-y:auto;
    display:none;
    pointer-events:none
}
.modal,
.modal * {
    box-sizing:border-box;
    -moz-box-size:border-box;
    transition:all .2s ease-in-out
}
.modal:checked+.modal {
    display:block;
    pointer-events:all
}
.modal article {
    background:#fff;
    width:100%;
    padding:12px;
    position:relative;
    z-index:700;
    margin-top:10px
}
.modal .overlay {
    background:rgba(0,0,0,.5);
    z-index:600;
    cursor:pointer
}
.modal .cross {
    cursor:pointer;
    color:rgba(0,0,0,.6);
    position:absolute;
    top:10px;
    right:10px;
    font-size:1em;
    line-height:1em
}
@media screen and (min-width:768px) {
    .modal article {
        margin-top:0
    }
}
.modal.login-modal article {
    min-width:320px;
    max-width:365px;
    max-height:100vh;
    overflow-x:hidden;
    overflow-y:auto;
    overflow:hidden auto;
    height:auto;
    border-radius:16px;
    padding:12px 2px
}
.modal.login-modal .logo,
.modal.login-modal .modal-header {
    display:block;
    width:100%;
    height:35px;
    text-align:center;
    margin:15px 0 10px
}
.modal.login-modal .modal-header {
    margin:0 0 15px;
    font-size:150%;
    line-height:1em;
    color:#00669c
}
.modal.login-modal .projects-list {
    display:inline-block;
    margin:auto;
    position:relative;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.modal.login-modal .projects-list .meta-project {
    width:55px;
    height:74px;
    font-size:13px;
    font-weight:500;
    margin:1px 0 5px
}
.modal.login-modal .projects-list .meta-project .icon-holder {
    height:60px
}
.modal.login-modal .projects-list .meta-project[for=login-from-dating] {
    width:77px
}
.modal.login-modal .projects-list .meta-project .icon-text {
    margin-top:-18px
}
.modal.login-modal .form-group {
    margin:15px;
    display:block
}
.modal.login-modal .btn-login {
    white-space:nowrap;
    width:100px;
    margin:10px 15px;
    float:left
}
.modal.login-modal .form-check {
    display:inline-block
}
.modal.login-modal .form-check a {
    display:block
}
.modal.login-modal .info-block {
    width:100%;
    position:relative;
    height:auto;
    padding-bottom:25px
}
.modal.login-modal .info-block h3 {
    text-align:center;
    color:#444
}
.modal.login-modal .info-block .reg-link {
    width:200px;
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:5px
}
.modal.login-modal .mauth {
    display:none;
    margin:12.5px 25px 0;
    padding:0 0 12.5px;
    border-bottom:3px solid #dcdcdc;
    position:relative
}
.modal.login-modal .mauth .mauth-box-title {
    color:#444;
    line-height:3.2em;
    font-size:1.1em
}
.modal.login-modal .mauth .mauth-box .mailru,
.modal.login-modal .mauth .mauth-box .odnoklassniki,
.modal.login-modal .mauth .mauth-box .vkontakte,
.modal.login-modal .mauth .mauth-box .yandex {
    display:none
}
.modal.login-modal .mauth .mauth-box a.facebook,
.modal.login-modal .mauth .mauth-box a.google,
.modal.login-modal .mauth .mauth-box a.twitter {
    width:32px;
    height:32px;
    margin:5px
}
.modal.login-modal .mauth .mauth-box a.google {
    background:url(/2019/img/google_login.gif) no-repeat;
    background-size:contain
}
.modal.login-modal .mauth .mauth-box a.facebook {
    background:url(/2019/img/facebook_login.gif) no-repeat;
    background-size:contain
}
.modal.login-modal .mauth .mauth-box a.twitter {
    background:url(/2019/img/twitter_login.gif) no-repeat;
    background-size:contain
}
.modal.login-modal .mauth.active {
    display:block
}
.modal.login-modal .mauth.active:empty {
    display:none
}
@media screen and (min-width:412px) {
    .modal.login-modal article {
        padding:12px 15px;
        min-width:365px
    }
}
@media screen and (min-width:768px) {
    .modal.login-modal article {
        max-height:600px
    }
}
.modal.city-select-modal article {
    min-width:320px;
    max-width:365px;
    max-height:100vh;
    height:auto;
    border-radius:8px;
    padding:25px
}
.modal.city-select-modal .city-select-header {
    font-size:24px
}
.modal.city-select-modal .info-block {
    padding:0 25px;
    color:#6b6b6b;
    display:block;
    width:100%;
    font-size:26px;
    font-weight:500;
    height:auto;
    margin:10px 0;
    max-height:400px;
    overflow-y:scroll
}
.modal.city-select-modal .info-block hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #dcdcdc;
    margin:10px 0 5px;
    padding:0
}
.modal.city-select-modal .info-block a {
    display:block;
    color:#6b6b6b;
    line-height:1.3em
}
.modal.city-select-modal .info-block a label {
    cursor:pointer
}
.info-block {
    min-width:320px;
    max-width:394px;
    margin:auto;
    display:inline-block;
    border-radius:8px;
    border:1px solid #dcdcdc;
    height:110px
}
.info-block.main-block-wrapper {
    height:auto
}
.info-block .infoblock-header {
    font-size:18px;
    color:#006fcf;
    display:block;
    width:100%
}
.info-block .infoblock-content {
    width:100%
}
@media screen and (min-width:310px) {
    .info-block {
        min-width:auto
    }
}
.form-group {
    margin-bottom:25px;
    position:relative
}
.form-group label {
    color:#999;
    font-size:16px;
    position:absolute;
    pointer-events:none;
    left:0;
    top:10px;
    transition:all .3s ease;
    line-height:1.5;
    margin-left:10px;
    background:#fff;
    padding:0 4px;
    font-weight:500
}
.form-control {
    display:block;
    width:100%;
    padding:12px 0;
    background-color:#fff;
    background-clip:padding-box;
    border:0;
    border-bottom:1px solid #999
}
.form-control[type=password] {
    letter-spacing:.3em
}
.form-control::-ms-expand {
    background-color:transparent;
    border:0
}
.form-control::-webkit-input-placeholder {
    color:#999;
    opacity:1
}
.form-control:-ms-input-placeholder {
    color:#999;
    opacity:1
}
.form-control::-ms-input-placeholder {
    color:#999;
    opacity:1
}
.form-control::placeholder {
    color:#999;
    opacity:1
}
.form-control:disabled,
.form-control[readonly] {
    background-color:#dcdcdc;
    opacity:1
}
.form-control:focus {
    outline:none
}
.form-control:focus~label,
.form-control:valid~label {
    top:-14px;
    font-size:12px;
    color:#006fcf
}
input.form-control {
    border:1px solid #999;
    border-radius:8px;
    padding:6px 0 6px 12px
}
input.form-control:focus {
    border-color:#006fcf
}
select.form-control:focus::-ms-value {
    color:#999;
    background-color:#fff
}
select.form-control[multiple],
select.form-control[size],
textarea.form-control {
    height:auto
}
.form-check {
    position:relative;
    display:block;
    padding-left:8px
}
.form-check-label {
    margin-bottom:0
}
.form-check-inline {
    display:-webkit-inline-flex;
    display:inline-flex;
    -webkit-align-items:center;
    align-items:center;
    padding-left:0;
    margin-right:8px
}
.form-check-inline .form-check-input {
    position:static;
    margin-top:0;
    margin-right:8px;
    margin-left:0
}
.btn {
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:transparent;
    border:1px solid transparent;
    border-radius:20px;
    padding:5px 25px;
    font-size:16px;
    line-height:20px;
    letter-spacing:.5px;
    font-weight:400;
    cursor:pointer;
    transition:.3s
}
.btn:hover {
    background-color:#999;
    text-decoration:none
}
.btn.btn-primary {
    color:#fff;
    background-color:#0d94da
}
.btn.btn-primary:hover {
    background-color:#27b5ff
}
.btn.btn-secondary {
    color:#444;
    background-color:#fff
}
.btn.btn-secondary:hover {
    background-color:#e9e9e9
}
.btn.btn-notmatter {
    color:#444;
    background-color:#eee
}
.btn.btn-notmatter:hover {
    background-color:#ddd
}
.projects-list input[type=radio] {
    display:none
}
.projects-list input[type=radio]:checked+.meta-project {
    border:2px solid #33ccf5;
    transition:none;
    border-radius:8px
}
.projects-list input[type=radio]:checked+.meta-project .icon-holder div.small {
    -webkit-transform:scale(.5) translate(-50%,-40%);
    transform:scale(.5) translate(-50%,-40%)
}
.projects-list input[type=radio]:checked+.meta-project .icon-holder div.small.icon-znkm {
    -webkit-transform:scale(.5) translate(-25%,-40%);
    transform:scale(.5) translate(-25%,-40%)
}
.projects-list .meta-project {
    cursor:pointer;
    font-size:14px;
    margin:1px 2px 5px;
    display:inline-block;
    width:97px;
    height:63px;
    background-repeat:no-repeat;
    text-align:center;
    color:#444;
    box-sizing:border-box;
    border-radius:8px;
    transition:.2s;
    font-weight:600
}
.projects-list .meta-project .icon-holder {
    height:44.8px;
    position:relative
}
.projects-list .meta-project .icon-holder div {
    -webkit-transform:scale(.49) translate(-10%,-50%);
    transform:scale(.49) translate(-10%,-50%)
}
.projects-list .meta-project .icon-holder div.small {
    -webkit-transform:scale(.5) translate(-45%,-40%);
    transform:scale(.5) translate(-45%,-40%)
}
.projects-list .meta-project .icon-holder div.small.icon-znkm {
    -webkit-transform:scale(.5) translate(-20%,-40%);
    transform:scale(.5) translate(-20%,-40%)
}
.projects-list .meta-project:active,
.projects-list .meta-project:focus,
.projects-list .meta-project:hover {
    background-color:#e9e9e9;
    border-radius:8px;
    text-decoration:none;
    transition:.3s
}
.projects-list .all-projects {
    margin-top:12px;
    width:100%;
    text-align:center
}
.projects-list .all-projects a {
    width:63%
}
.projects-list .all-projects a:hover {
    text-decoration:none
}
@media screen and (min-width:412px) {
    .projects-list .meta-project {
        height:90px;
        font-weight:500
    }
    .projects-list .meta-project .icon-holder {
        height:64px
    }
    .projects-list .meta-project .icon-holder div {
        -webkit-transform:scale(.7) translate(-10%,-15%);
        transform:scale(.7) translate(-10%,-15%)
    }
}
@media screen and (min-width:768px) {
    .projects-list .meta-project {
        width:86px
    }
}


#wrapper {
    display: flex;
    flex-direction: column;
}
#main {
    order: 2;
}
#footer {
    order: 3;
}
header {
    order: 1;
}



.tips {
    height: auto !important;
    float: unset;
}
.info-block.tips {
    display: flex;
    max-width: none;
    margin-left: 0;
    margin-right: 0 !important;
}
.info-block {
    margin: unset;
}
main {
    height: auto;
}
