@charset "UTF-8";

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mainMenuDrop {
    0% {
        opacity: 0;
        transform: translateY(-10%) scale(.99)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

.b-main-menu__close,
.b-main-menu__menu span {
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

@font-face {
    font-family: "b-rub";
    src: url(../fonts/alsrubl-arial-bold.eot);
    src: url(../fonts/alsrubl-arial-bold.eot?#iefix) format("embedded-opentype"), url(../fonts/alsrubl-arial-bold.woff2) format("woff2"), url(../fonts/alsrubl-arial-bold.woff) format("woff"), url(../fonts/alsrubl-arial-bold.svg#robotomedium_italic) format("svg");
    font-weight: 700;
    font-style: normal
}

.icons-arrow-left,
.swiper-button-prev {
    background: url(../img/sprite.svg) 0 0 no-repeat;
    width: 34.34px;
    height: 65.34px
}

.icons-arrow-right,
.swiper-button-next {
    background: url(../img/sprite.svg) 16.8333333333% 0 no-repeat;
    width: 34px;
    height: 65px
}

.icons-heart {
    background: url(../img/sprite.svg) 98.3733333333% 61.4634146341% no-repeat;
    width: 13px;
    height: 13px
}

.icons-heart-big {
    background: url(../img/sprite.svg) 0 99.6632653061% no-repeat;
    width: 22px;
    height: 22px
}

.icons-search {
    background: url(../img/sprite.svg) 95.953271028% 86.5979381443% no-repeat;
    width: 24px;
    height: 24px
}

.icons-user {
    background: url(../img/sprite.svg) 98.2488038278% 15.873015873% no-repeat;
    width: 29px;
    height: 29px
}

.icons-user-white {
    background: url(../img/sprite.svg) 98.2488038278% 31.2169312169% no-repeat;
    width: 29px;
    height: 29px
}

.icons-write {
    background: url(../img/sprite.svg) 82.5242718447% 85.8191489362% no-repeat;
    width: 32px;
    height: 30px
}

.icons-write-white {
    background: url(../img/sprite.svg) 99.6796116505% 0 no-repeat;
    width: 32px;
    height: 30px
}

.b-list__helper.enditog i,
.icons-wait {
    background: url(../img/sprite.svg) 92.4954954955% 60.2094240838% no-repeat;
    width: 16px;
    height: 27px
}

.b-list__helper.intime i,
.icons-edit {
    background: url(../img/sprite.svg) 20.2764976959% 99.1573604061% no-repeat;
    width: 21px;
    height: 21px
}

.b-list__helper.initog i,
.icons-ok {
    background: url(../img/sprite.svg) 10.1851851852% 99.6632653061% no-repeat;
    width: 22px;
    height: 22px
}

.icons-next {
    background: url(../img/sprite.svg) 14.2180094787% 67.988700565% no-repeat;
    width: 27px;
    height: 41px
}

.icons-prev {
    background: url(../img/sprite.svg) 26.8867924528% 67.988700565% no-repeat;
    width: 26px;
    height: 41px
}

.b-article__time .cell:before,
.icons-calendar {
    background: url(../img/sprite.svg) 96.858490566% 73.9583333333% no-repeat;
    width: 26px;
    height: 26px
}

.b-article__link.add:before,
.icons-add {
    background: url(../img/sprite.svg) 0 40.0858895706% no-repeat;
    width: 55px;
    height: 55px
}

.b-article__link.wallet:before,
.icons-wallet {
    background: url(../img/sprite.svg) 30.0546448087% 38.8928571429% no-repeat;
    width: 55px;
    height: 50px
}

.b-article__link.paint:before,
.icons-paint {
    background: url(../img/sprite.svg) 59.4594594595% 37.7687861272% no-repeat;
    width: 53px;
    height: 45px
}

.b-article__link.doc:before,
.icons-doc {
    background: url(../img/sprite.svg) 62.0846560847% 0 no-repeat;
    width: 49px;
    height: 60px
}

.b-article__text blockquote:after,
.b-article__wrapper blockquote:after,
.icons-quote {
    background: url(../img/sprite.svg) 81.9408866995% 62.1621621622% no-repeat;
    width: 35px;
    height: 33px
}

.icons-pdf {
    background: url(../img/sprite.svg) 79.9711538462% 43.0939226519% no-repeat;
    width: 30px;
    height: 37px
}

.b-article__link.read:before,
.icons-blank {
    background: url(../img/sprite.svg) 36.1587301587% 0 no-repeat;
    width: 49px;
    height: 60px
}

.b-quiz-filter__item.dlya-doshkolnikov a:before,
.icons-horse-green {
    background: url(../img/sprite.svg) 41.9191919192% 67.2290502793% no-repeat;
    width: 40px;
    height: 39px
}

.b-quiz-filter__item.dlya-doshkolnikov.active a:before,
.b-quiz-filter__item.dlya-doshkolnikov:hover a:before,
.icons-horse-white {
    background: url(../img/sprite.svg) 62.1212121212% 67.2290502793% no-repeat;
    width: 40px;
    height: 39px
}

.b-quiz-filter__item.dlya-shkolnikov a:before,
.icons-bag-green {
    background: url(../img/sprite.svg) 83.5879396985% 0 no-repeat;
    width: 39px;
    height: 39px
}

.b-quiz-filter__item.dlya-shkolnikov.active a:before,
.b-quiz-filter__item.dlya-shkolnikov:hover a:before,
.icons-bag-white {
    background: url(../img/sprite.svg) 83.5879396985% 21.7877094972% no-repeat;
    width: 39px;
    height: 39px
}

.b-list__helper.enditog.final i,
.icons-question {
    background: url(../img/sprite.svg) 97.317535545% 46.0732984293% no-repeat;
    width: 27px;
    height: 27px
}

.icons-arrow_up {
    background: url(../img/sprite.svg) 0 87.6847826087% no-repeat;
    width: 34px;
    height: 34px
}

.no-svg .icons-arrow-left,
.no-svg .swiper-button-prev {
    background-image: url(../img/sprite.png);
    background-position: -110px -53px;
    width: 32px;
    height: 63px
}

.no-svg .icons-arrow-right,
.no-svg .icons-heart,
.no-svg .swiper-button-next {
    background-image: url(../img/sprite.png);
    background-position: -168px 0;
    width: 32px;
    height: 63px
}

.no-svg .icons-heart {
    background-position: -58px -105px;
    width: 11px;
    height: 11px
}

.no-svg .icons-heart-big,
.no-svg .icons-search {
    background-image: url(../img/sprite.png);
    background-position: -205px -169px;
    width: 20px;
    height: 20px
}

.no-svg .icons-search {
    background-position: -205px -117px;
    width: 22px;
    height: 22px
}

.no-svg .icons-user,
.no-svg .icons-user-white {
    background-image: url(../img/sprite.png);
    background-position: -140px -167px;
    width: 27px;
    height: 27px
}

.no-svg .icons-user-white {
    background-position: -108px -167px
}

.no-svg .icons-write,
.no-svg .icons-write-white {
    background-image: url(../img/sprite.png);
    background-position: -38px -167px;
    width: 30px;
    height: 28px
}

.no-svg .icons-write-white {
    background-position: -73px -167px
}

.b-list__helper.enditog .no-svg i,
.no-svg .b-list__helper.enditog i,
.no-svg .icons-wait {
    background-image: url(../img/sprite.png);
    background-position: -147px -53px;
    width: 14px;
    height: 25px
}

.b-list__helper.intime .no-svg i,
.no-svg .b-list__helper.intime i,
.no-svg .icons-edit {
    background-image: url(../img/sprite.png);
    background-position: -181px -121px;
    width: 19px;
    height: 19px
}

.b-list__helper.initog .no-svg i,
.no-svg .b-list__helper.initog i,
.no-svg .icons-next,
.no-svg .icons-ok,
.no-svg .icons-prev {
    background-image: url(../img/sprite.png);
    background-position: -205px -144px;
    width: 20px;
    height: 20px
}

.no-svg .icons-next,
.no-svg .icons-prev {
    background-position: -205px -44px;
    width: 24px;
    height: 39px
}

.no-svg .icons-prev {
    background-position: -205px 0
}

.b-article__time .no-svg .cell:before,
.no-svg .b-article__time .cell:before,
.no-svg .icons-calendar {
    background-image: url(../img/sprite.png);
    background-position: -205px -88px;
    width: 24px;
    height: 24px
}

.no-svg .b-article__link.add:before,
.no-svg .icons-add {
    background-image: url(../img/sprite.png);
    background-position: 0 0;
    width: 53px;
    height: 53px
}

.no-svg .b-article__link.wallet:before,
.no-svg .icons-wallet {
    background-image: url(../img/sprite.png);
    background-position: -110px 0;
    width: 53px;
    height: 48px
}

.no-svg .b-article__link.paint:before,
.no-svg .icons-paint {
    background-image: url(../img/sprite.png);
    background-position: 0 -121px;
    width: 49px;
    height: 41px
}

.no-svg .b-article__link.doc:before,
.no-svg .icons-doc {
    background-image: url(../img/sprite.png);
    background-position: -58px 0;
    width: 47px;
    height: 58px
}

.b-article__text .no-svg blockquote:after,
.b-article__wrapper .no-svg blockquote:after,
.no-svg .b-article__text blockquote:after,
.no-svg .b-article__wrapper blockquote:after,
.no-svg .icons-pdf,
.no-svg .icons-quote {
    background-image: url(../img/sprite.png);
    background-position: 0 -167px;
    width: 33px;
    height: 31px
}

.no-svg .icons-pdf {
    background-position: -168px -68px;
    width: 28px;
    height: 35px
}

.no-svg .b-article__link.read:before,
.no-svg .icons-blank {
    background-image: url(../img/sprite.png);
    background-position: 0 -58px;
    width: 47px;
    height: 58px
}

.b-quiz-filter__item.dlya-doshkolnikov .no-svg a:before,
.no-svg .b-quiz-filter__item.dlya-doshkolnikov a:before,
.no-svg .icons-horse-green {
    background-image: url(../img/sprite.png);
    background-position: -58px -63px;
    width: 38px;
    height: 37px
}

.b-quiz-filter__item.dlya-doshkolnikov.active .no-svg a:before,
.b-quiz-filter__item.dlya-doshkolnikov:hover .no-svg a:before,
.no-svg .b-quiz-filter__item.dlya-doshkolnikov.active a:before,
.no-svg .b-quiz-filter__item.dlya-doshkolnikov:hover a:before,
.no-svg .icons-horse-white {
    background-image: url(../img/sprite.png);
    background-position: -54px -121px;
    width: 38px;
    height: 37px
}

.b-quiz-filter__item.dlya-shkolnikov .no-svg a:before,
.no-svg .b-quiz-filter__item.dlya-shkolnikov a:before,
.no-svg .icons-bag-green {
    background-image: url(../img/sprite.png);
    background-position: -139px -121px;
    width: 37px;
    height: 37px
}

.b-quiz-filter__item.dlya-shkolnikov.active .no-svg a:before,
.b-quiz-filter__item.dlya-shkolnikov:hover .no-svg a:before,
.no-svg .b-quiz-filter__item.dlya-shkolnikov.active a:before,
.no-svg .b-quiz-filter__item.dlya-shkolnikov:hover a:before,
.no-svg .icons-bag-white {
    background-image: url(../img/sprite.png);
    background-position: -97px -121px;
    width: 37px;
    height: 37px
}

.b-list__helper.enditog.final .no-svg i,
.no-svg .b-list__helper.enditog.final i,
.no-svg .icons-question {
    background-image: url(../img/sprite.png);
    background-position: -172px -167px;
    width: 25px;
    height: 25px
}

.slogin-buttons {
    margin-bottom: 10px
}

.b-icons>span,
.slogin-buttons span {
    display: inline-block
}

.vkontakteslogin {
    background: url(../img/sprite.svg) 50% 87.6847826087% no-repeat;
    width: 34px;
    height: 34px
}

.yandexslogin {
    background: url(../img/sprite.svg) 66.6666666667% 87.6847826087% no-repeat;
    width: 34px;
    height: 34px
}

.mailslogin {
    background: url(../img/sprite.svg) 16.6666666667% 87.6847826087% no-repeat;
    width: 34px;
    height: 34px
}

.odnoklassnikislogin {
    background: url(../img/sprite.svg) 33.3333333333% 87.6847826087% no-repeat;
    width: 34px;
    height: 34px
}

html {
    font: 100%/1.5 sans-serif;
    margin: 0;
    min-width: 320px
}

body {
    padding: 0;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    background: #fff;
    color: #010101;
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    margin: 0;
    line-height: 1.3
}

body.is-offcanvas {
    overflow: hidden
}

.wrapper--outer {
    overflow-x: hidden
}

img {
    max-width: 100%;
    height: auto;
    border: 0
}

a {
    color: #3da2d6;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    text-decoration: underline
}

.b-slider .swiper-nav,
.b-slider .swiper-pagination,
.b-slider-contents .b-module__title,
.wrapper {
    max-width: 1180px;
    padding-left: 10px;
    padding-right: 10px;
    margin: auto
}

@media screen and (max-width:870px) {
    .wrapper--outer {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .wrapper--inner {
        left: 0;
        transform: translate3d(0, 0, 0);
        transition: transform .5s ease;
        backface-visibility: hidden
    }

    .no-csstransforms3d .wrapper--inner {
        left: 0;
        transform: translateX(0)
    }

    .no-csstransforms3d.no-csstransforms .wrapper--inner {
        left: 0
    }

    body.is-offcanvas .wrapper--inner {
        transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
        position: relative
    }

    body.is-offcanvas .wrapper--inner:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, .5)
    }

    .no-csstransforms3d body.is-offcanvas .wrapper--inner {
        transform: translateX(80%)
    }

    .no-csstransforms3d.no-csstransforms body.is-offcanvas .wrapper--inner {
        left: 80%
    }
}

.b-main {
    padding: 55px 0;
    background: #f2f2f2
}

@media screen and (max-width:480px) {
    .b-main {
        padding: 35px 0
    }
}

a,
a:active,
a:hover,
img {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

dl,
figure,
ol,
ul {
    margin: 1em 0
}

hr {
    box-sizing: content-box;
    height: 0
}

.mfp-figure figure,
button,
input,
optgroup,
select,
textarea {
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset,
legend {
    border: 0;
    padding: 0
}

optgroup {
    font-weight: 700
}

iframe {
    border: 0
}

input[type=email],
input[type=password],
input[type=phone],
input[type=search],
input[type=tel],
input[type=text] {
    border-radius: 12px;
    padding: 8px 15px;
    box-sizing: border-box
}

input[type=email],
input[type=password],
input[type=phone],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea {
    line-height: 1;
    background: 0 0;
    border: 1px solid #c4c4c4;
    outline: 0;
    font-size: 17px;
    vertical-align: middle;
    color: #010101;
    max-width: 100%;
    transition: border .3s ease;
    font-family: "Roboto", sans-serif
}

select {
    border-radius: 12px;
    padding: 8px 15px
}

input[type=email]:focus,
input[type=password]:focus,
input[type=phone]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
    border-color: #3da2d6
}

.green input[type=email],
.green input[type=password],
.green input[type=phone],
.green input[type=search],
.green input[type=tel],
.green input[type=text],
.green select,
.green textarea {
    border: 2px solid #fff;
    color: #fff
}

.green input[type=email]:focus,
.green input[type=password]:focus,
.green input[type=phone]:focus,
.green input[type=search]:focus,
.green input[type=tel]:focus,
.green input[type=text]:focus,
.green select:focus,
.green textarea:focus {
    border-color: #ebebeb
}

input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=phone]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #969696;
    opacity: 1;
    font-family: "Roboto", sans-serif
}

input[type=email]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=phone]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=text]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
    color: #969696;
    opacity: 1;
    font-family: "Roboto", sans-serif
}

input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=phone]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #969696;
    opacity: 1;
    font-family: "Roboto", sans-serif
}

input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=phone]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #969696;
    opacity: 1;
    font-family: "Roboto", sans-serif
}

input[type=email].placeholder,
input[type=password].placeholder,
input[type=phone].placeholder,
input[type=search].placeholder,
input[type=tel].placeholder,
input[type=text].placeholder,
select.placeholder,
textarea.placeholder {
    color: #969696;
    opacity: 1;
    font-family: "Roboto", sans-serif
}

input[type=email].error,
input[type=password].error,
input[type=phone].error,
input[type=search].error,
input[type=tel].error,
input[type=text].error,
select.error,
textarea.error {
    border: 1px solid #c01f6f;
    background: #f7e2e1
}

textarea {
    height: auto;
    overflow: auto;
    padding: 10px 15px;
    border-radius: 8px
}

.b-form legend {
    color: #010101;
    font-size: 18px;
    font-weight: 700;
    padding-top: 20px;
    display: block
}

.b-form fieldset {
    margin: 0;
    padding: 0
}

.b-form__row {
    margin-top: 20px;
    font-size: 16px
}

.b-form__row:first-child,
.profile fieldset:first-child,
.profile-edit fieldset:first-child {
    margin-top: 0
}

.b-form__row label {
    display: block;
    cursor: pointer;
    color: #010101;
    margin-bottom: 5px
}

.btn,
.btn:hover {
    color: #fff;
    text-decoration: none
}

.btn {
    text-align: center;
    line-height: 1;
    border: 0;
    border-radius: 12px;
    background-color: #3da2d6;
    font-family: "Raleway", sans-serif;
    font-size: 19px;
    font-weight: 700;
    padding: 10px 33px;
    box-sizing: border-box;
    transition: background-color .3s ease;
    display: inline-block;
    outline: 0
}

.btn:hover {
    background-color: #bbdff1
}

.btn.btn-small {
    font-size: 15px;
    font-weight: 500;
    padding: 5px 20px;
    border-radius: 5px
}

.btn.big {
    padding: 17px 47px 18px;
    font-size: 25px;
    line-height: 1
}

@media screen and (max-width:380px) {
    .btn.big {
        font-size: 23px
    }
}

.btn.white {
    background: #fff;
    color: #000
}

.btn.white:hover {
    background: #efefef;
    color: #000
}

.btn.full {
    width: 100%;
    text-align: center;
    font-weight: 400
}

.btn[disabled] {
    background: #cacaca;
    color: #000;
    cursor: pointer
}

.form-horizontal .control-group {
    margin-bottom: 20px
}

.clearfix:after,
.clearfix:before,
.form-horizontal .control-group.footer:after,
.form-horizontal .control-group.footer:before,
.form-horizontal .control-group:after,
.form-horizontal .control-group:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after,
.form-horizontal .control-group.footer:after,
.form-horizontal .control-group:after {
    clear: both
}

.form-horizontal .control-group:last-child,
p:last-child {
    margin-bottom: 0
}

.form-horizontal .control-group.footer .white {
    float: right
}

.form-horizontal .control-label {
    display: block;
    margin-bottom: 5px
}

.form-horizontal .help-block {
    margin-top: 10px
}

svg {
    max-height: 100%
}

input,
select,
textarea {
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0
}

fieldset {
    box-sizing: border-box;
    margin: 0
}

select:not([multiple]) {
    vertical-align: middle
}

table {
    border-collapse: separate;
    border-spacing: 0;
    max-width: 100%;
    width: 100%
}

td,
th {
    padding: 5px 10px;
    line-height: inherit
}

th {
    text-align: left;
    font-weight: 700;
    vertical-align: bottom
}

td {
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 30px
}

p {
    margin: 0 0 30px
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
}

.text-small {
    font-size: 14px
}

.left-align {
    text-align: left
}

.center {
    text-align: center
}

.relative {
    position: relative
}

.right-align {
    text-align: right
}

.justify {
    text-align: justify
}

.clr {
    clear: both;
    display: block
}

.hidden-box {
    display: none;
    visibility: hidden
}

.label {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 5px;
    border-radius: 2px;
    background: #f2f2f2;
    color: #000
}

.label-block {
    display: block;
    margin-bottom: 6px
}

.label-warning {
    background: #c01f6f;
    color: #fff
}

.label-success {
    background: #3da2d6;
    color: #fff
}

.label-info {
    background: #3a87ad;
    color: #fff
}

.label-important {
    background: #b94a48
}

.label-inverse {
    background: #333;
    color: #fff
}

.label-important {
    background-color: #b94a48;
    color: #fff
}

.b-rub {
    font-family: "b-rub", Arial, sans-serif;
    font-style: normal
}

.icon-edit {
    display: inline-block;
    position: relative;
    top: -11px;
    left: -14px
}

.icon-edit:before {
    content: "Ред.";
    font-weight: 400;
    font-size: 14px
}

.b-icons {
    margin-top: -30px;
    margin-bottom: 20px
}

.b-icons .icon-edit,
.b-icons .icon-email,
.b-icons .icon-print_popup {
    display: none
}

.btn-toolbar {
    margin: 0 0 1em;
    list-style: none;
    padding: 0
}

.btn-toolbar .btn {
    display: inline-block
}

.btn .btn-toolbar .btn {
    margin-left: 5px
}

.dl-horizontal dd,
.dl-horizontal dt {
    display: inline-block;
    vertical-align: top;
    margin: 0 -4px 10px 0
}

.dl-horizontal dt {
    width: 25%;
    font-weight: 700;
    text-align: right
}

@media screen and (max-width:640px) {
    .dl-horizontal dt {
        text-align: left;
        display: block;
        width: auto;
        margin: 0 0 5px
    }
}

.dl-horizontal dd {
    width: 75%;
    padding-left: 10px;
    box-sizing: border-box
}

@media screen and (max-width:640px) {
    .dl-horizontal dd {
        text-align: left;
        display: block;
        width: auto;
        margin: 0 0 10px;
        padding-left: 0
    }
}

.profile fieldset,
.profile-edit fieldset {
    margin-top: 35px;
    border-top: 1px solid #3da2d6
}

.profile legend,
.profile-edit legend {
    font-size: 18px;
    font-weight: 700;
    padding-right: 15px;
    background: #f2f2f2;
    margin-bottom: 20px
}

.profile label,
.profile-edit label {
    font-weight: 500
}

fieldset+.control-group {
    margin-top: 20px
}

[itemprop=articleBody] ul li {
    position: relative;
    padding-left: 1.6em
}

[itemprop=articleBody] ul li:after {
    content: "—";
    position: absolute;
    left: 0;
    top: 2px
}

[itemprop=articleBody] ul li+li {
    margin-top: .25em
}

.swiper,
.swiper-wrapper {
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    overflow: hidden;
    overflow: clip;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    list-style: none
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    display: flex;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-property: transform
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

:root {
    --swiper-navigation-size: 44px;
    --swiper-navigation-top-offset: 50%;
    --swiper-navigation-sides-offset: 10px;
    --swiper-navigation-color: var(--swiper-theme-color)
}

.swiper-button-prev {
    left: -42px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    z-index: 500;
    margin-top: -32px;
    top: var(--swiper-navigation-top-offset, 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0;
    cursor: pointer;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    border: 0;
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    pointer-events: none;
    opacity: .35
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    pointer-events: none;
    opacity: 0
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    transform-origin: center;
    object-fit: contain
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    right: auto;
    left: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

:root {
    --swiper-pagination-color: #3DA2D6;
    --swiper-pagination-left: auto;
    --swiper-pagination-right: 8px;
    --swiper-pagination-bottom: 8px;
    --swiper-pagination-top: auto;
    --swiper-pagination-fraction-color: inherit;
    --swiper-pagination-progressbar-bg-color: rgba(0, 0, 0, 0.25);
    --swiper-pagination-progressbar-size: 4px;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-border-radius: 50%;
    --swiper-pagination-bullet-inactive-color: #408985;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px
}

.swiper-pagination {
    position: relative;
    z-index: 10;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    text-align: center
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    display: inline-block;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000)
}

.swiper-pagination--white .swiper-pagination-bullet {
    background: #fff;
    opacity: .7
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination--white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    top: 50%;
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    width: 8px;
    transform: translateY(-50%)
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    position: absolute;
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25))
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    top: 0;
    left: 0;
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    top: 0;
    left: 0;
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%
}

.mfp-align-top .mfp-container:before,
.swiper-pagination-lock {
    display: none
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #32aea8;
    opacity: .8;
    filter: alpha(opacity=80)
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.mfp-wrap {
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: visible
}

.mfp-container {
    text-align: center;
    position: absolute;
    padding: 0 70px;
    box-sizing: border-box
}

.mfp-container:before,
.mfp-content {
    display: inline-block;
    vertical-align: middle
}

.mfp-container:before {
    content: "";
    height: 100%
}

.mfp-content {
    position: relative;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    padding: 10px 0;
    cursor: auto
}

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

    .mfp-ajax-holder.mfp-container,
    .mfp-inline-holder.mfp-container {
        padding-left: 5px;
        padding-right: 5px
    }

    .mfp-ajax-holder.mfp-container .mfp-close,
    .mfp-inline-holder.mfp-container .mfp-close {
        right: 25px;
        top: 37px;
        color: #000
    }
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure,
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    position: absolute;
    right: -46px;
    top: 35px;
    text-decoration: none;
    padding: 0 0 0 2px;
    box-sizing: border-box;
    color: #fff;
    font-style: normal;
    cursor: pointer;
    background: 0 0;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 48px;
    line-height: 29px;
    text-align: center
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    top: 50%;
    margin: -55px 0 0;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
    background: 0 0
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow .mfp-b {
    top: 0
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.mfp-figure:after,
img.mfp-img {
    display: block;
    width: auto;
    height: auto
}

img.mfp-img {
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%
}

.b-step-itogi tr.header,
.mfp-image-holder .mfp-figure {
    background: 0 0
}

.mfp-image-holder .mfp-close {
    font-size: 24px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
    animation: navigationAnimation .5s ease;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        transform: scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 45px;
        padding-right: 45px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.modal-animation .mfp-close,
.modal-animation .mfp-content,
.modal-animation .modal-close {
    opacity: 0;
    transition: transform .5s ease-out, opacity .5s ease-out;
    transform: scale(.8)
}

.modal-animation.mfp-ready .mfp-close,
.modal-animation.mfp-ready .mfp-content,
.modal-animation.mfp-ready .modal-close {
    opacity: 1;
    transform: scale(1)
}

.modal-animation.mfp-removing .mfp-close,
.modal-animation.mfp-removing .mfp-content,
.modal-animation.mfp-removing .modal-close {
    opacity: 0;
    transform: scale(.8)
}

.modal-animation.mfp-bg {
    opacity: 0;
    transition: opacity .5s ease-out
}

.modal-animation.mfp-ready.mfp-bg {
    opacity: .8
}

.modal-animation.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-with-zoom .mfp-close,
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    transition: transform .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-close,
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-zoom.mfp-removing .mfp-close,
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg,
.tooltip {
    opacity: 0
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.odometer.odometer-auto-theme,
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-minimal,
.odometer.odometer-theme-minimal .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

#b_scroller i,
.b-work-panel__list li b,
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
    transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    transition: transform 2s;
    transform: translateY(0)
}

.jq-checkbox {
    top: -1px;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin: 0 4px 0 0;
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    background: 0 0;
    cursor: pointer;
    transition: border .3s ease, background .3s ease;
    position: relative
}

.jq-checkbox.checked {
    background: #3da2d6;
    border-color: #3da2d6
}

.jq-checkbox.checked .jq-checkbox__div {
    background: url(../img/sprite.svg) 98.8125% 55.5555555556% no-repeat;
    width: 14px;
    height: 11px;
    position: absolute;
    top: 4px;
    left: 1px
}

.no-svg .jq-checkbox.checked .jq-checkbox__div {
    background-image: url(../img/sprite.png);
    background-position: -147px -104px;
    width: 12px;
    height: 11px
}

.jq-checkbox.focused {
    border: 1px solid #3da2d6
}

.jq-checkbox.disabled {
    opacity: .55
}

.b-header {
    padding: 26px 0 30px;
    position: relative
}

@media screen and (max-width:640px) {
    .b-header {
        padding: 10px 0
    }
}

.b-logo {
    float: left;
    text-decoration: none;
    display: block
}

.b-logo:after,
.b-logo:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-logo:after {
    clear: both
}

.b-headerbar p,
.b-logo p {
    margin: 0
}

@media screen and (max-width:640px) {
    .b-logo {
        float: none;
        text-align: center
    }
}

.b-logo__img {
    float: left
}

@media screen and (max-width:640px) {
    .b-logo__img {
        float: none
    }
}

.b-logo__text {
    float: left;
    margin-left: 40px;
    padding: 13px 0 0 39px;
    position: relative;
    font-family: "Raleway", sans-serif;
    font-size: 19px;
    font-weight: 400;
    color: #8b8b8b
}

@media screen and (max-width:980px) {
    .b-logo__text {
        font-size: 16px;
        padding-top: 18px
    }
}

@media screen and (max-width:640px) {
    .b-logo__text {
        display: none
    }
}

.b-logo__text:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px;
    width: 1px;
    height: 40px;
    background-color: #b2b2b2
}

.login-form {
    display: flex;
    gap: 5px
}

@media screen and (max-width:870px) {
    .login-form {
        margin-top: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 5px 5px;
        grid-template-areas: "name password" "submit links"
    }
}

.login-form #form-login-username .id {
    grid-area: name
}

.login-form #form-login-password .id {
    grid-area: password
}

.login-form [type=submit] .id {
    grid-area: submit
}

.login-form .ul-jlslogin .id {
    grid-area: links
}

@media screen and (max-width:870px) {
    .login-form #form-login-username .id {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .login-form #form-login-password .id {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .login-form [type=submit] .id {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .login-form .ul-jlslogin .id {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }
}

.login-form .row {
    position: relative
}

.login-form [type=password],
.login-form [type=text] {
    padding: 12px
}

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

    .login-form [type=password],
    .login-form [type=text] {
        width: 100%
    }
}

.login-form [type=password]:focus+label,
.login-form [type=password]:valid+label,
.login-form [type=text]:focus+label,
.login-form [type=text]:valid+label {
    transform: translateY(-150%);
    font-size: 10px
}

.login-form [type=submit] {
    padding: 12px;
    height: 46px
}

.login-form label {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-out;
    will-change: font-size, top
}

.login-greeting {
    margin-bottom: 5px
}

.login-greeting+.ul-jlslogin li {
    padding-bottom: 5px
}

.b-headerbar {
    float: right;
    display: flex;
    padding: 27px 0 0;
    align-items: center
}

@media screen and (max-width:950px) {
    .b-headerbar {
        margin-top: 7px
    }
}

@media screen and (max-width:870px) {
    .b-headerbar {
        float: none;
        flex-direction: column;
        margin-top: 0
    }
}

.b-headerbar .jlslogin {
    margin-left: 10px
}

@media screen and (max-width:870px) {
    .b-headerbar .jlslogin {
        margin-left: 0;
        width: 100%
    }
}

.b-headerbar .ul-jlslogin {
    margin: 0 0 0 5px;
    padding: 0;
    list-style: none
}

.b-headerbar__link {
    display: inline-block;
    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    padding-left: 43px;
    margin-left: 46px;
    text-decoration: none;
    transition: opacity .3s ease
}

@media screen and (max-width:1055px) {
    .b-headerbar__link {
        margin-left: 10px;
        font-size: 14px
    }
}

@media screen and (max-width:1005px) {
    .b-headerbar__link {
        padding-right: 0
    }
}

@media screen and (max-width:870px) {
    .b-headerbar__link {
        margin: 0 0 5px;
        padding-left: 0
    }
}

.b-headerbar__link:first-child {
    margin-left: 0
}

.b-headerbar__link:hover {
    opacity: .7;
    text-decoration: none
}

.no-opacity .b-headerbar__link:hover {
    color: #2d2d2d
}

.b-headerbar__link i,
.b-main-menu ul.menu ul {
    position: absolute;
    display: inline-block;
    left: 0;
    top: -4px
}

@media screen and (max-width:1005px) {
    .b-headerbar__link i {
        position: relative;
        display: block;
        margin: auto;
        top: auto;
        right: auto
    }
}

@media screen and (max-width:870px) {
    .b-headerbar__link i.icons-user {
        background: url(../img/sprite.svg) 98.2488038278% 31.2169312169% no-repeat;
        width: 29px;
        height: 29px
    }

    .b-headerbar__link i.icons-write {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }
}

.b-headerbar__inner {
    display: inline
}

.b-main-menu {
    background: #3da2d6;
    position: relative;
    z-index: 110;
    font-family: "Raleway", sans-serif
}

.b-main-menu:after,
.b-main-menu:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-main-menu:after {
    clear: both
}

.b-main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.b-main-menu ul li {
    position: relative;
    z-index: 1
}

.b-main-menu ul li:hover {
    z-index: 50
}

.b-main-menu ul li:hover>ul {
    display: block;
    animation: mainMenuDrop .4s ease
}

.b-main-menu ul.menu {
    font-size: 0
}

.b-main-menu ul.menu>li {
    font-size: 19px;
    display: inline-block;
    box-sizing: border-box
}

@media screen and (max-width:1140px) {
    .b-main-menu ul.menu>li {
        font-size: 16px
    }
}

@media screen and (max-width:980px) {
    .b-main-menu ul.menu>li {
        font-size: 15px
    }
}

.b-main-menu ul.menu>li>a {
    font-size: 19px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: block;
    padding: 19px 18px 21px;
    border-top: 2px solid #3da2d6;
    transition: background .3s ease, color .3s ease, border .3s ease
}

@media screen and (max-width:1140px) {
    .b-main-menu ul.menu>li>a {
        font-size: 16px;
        padding: 19px 15px 21px
    }
}

@media screen and (max-width:980px) {
    .b-main-menu ul.menu>li>a {
        font-size: 15px;
        padding: 19px 10px 21px
    }
}

.b-main-menu ul.menu>li.active>a,
.b-main-menu ul.menu>li:hover>a {
    border-top: 2px solid #bbdff1;
    background: #bbdff1;
    color: #3da2d6
}

.b-main-menu ul.menu>li.parent>a span {
    position: relative;
    display: inline-block;
    padding-right: 13px
}

.b-main-menu ul.menu>li.parent>a span:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3.5px 0;
    border-color: #fff transparent transparent;
    position: absolute;
    right: 0;
    top: 8px
}

@media screen and (max-width:1140px) {
    .b-main-menu ul.menu>li.parent>a span:after {
        top: 6px
    }
}

@media screen and (max-width:980px) {
    .b-main-menu ul.menu>li.parent>a span:after {
        top: 5px
    }
}

.no-rgba .b-main-menu ul.menu>li.parent>a span:after {
    border-color: #fff transparent transparent
}

.b-main-menu ul.menu>li.parent:hover>a {
    border-top: 2px solid #3da2d6;
    color: #3da2d6;
    background: #fff
}

.b-main-menu ul.menu>li.parent:hover>a span:after,
.no-rgba .b-main-menu ul.menu>li.parent:hover>a span:after {
    border-color: #3da2d6 transparent transparent
}

.b-main-menu ul.menu .nav-child {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .25)
}

.b-main-menu ul.menu ul {
    top: 100%;
    background: #fff;
    min-width: 322px;
    display: none;
    border-top: 0
}

.b-main-menu ul.menu ul ul {
    top: 0;
    left: 100%
}

.b-main-menu ul.menu ul a {
    display: block;
    text-decoration: none;
    padding: 10px 12px;
    color: #3da2d6;
    background: #fff;
    transition: background .4s ease, color .4s ease
}

.b-main-menu ul.menu ul li.active>a,
.b-main-menu ul.menu ul li:hover>a {
    color: #154a65;
    background: #effef6
}

@media screen and (max-width:870px) {
    .b-main-menu__nav {
        transform: translate3d(-150%, 0, 0);
        transition: transform .5s ease;
        backface-visibility: hidden;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 80%;
        overflow-y: auto;
        padding: 7px 0 25px
    }

    .b-main-menu__nav--toolbar {
        padding: 75px 0 25px
    }

    .overflowscrolling .b-main-menu__nav {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }

    .no-csstransforms3d .b-main-menu__nav {
        transform: translateX(-150%)
    }

    .no-csstransforms3d.no-csstransforms .b-main-menu__nav {
        left: -150%
    }

    body.is-offcanvas .b-main-menu__nav {
        left: 0;
        transform: translate3d(0, 0, 0)
    }

    .no-csstransforms3d body.is-offcanvas .b-main-menu__nav {
        left: 0;
        transform: translateX(0)
    }

    .no-csstransforms3d.no-csstransforms body.is-offcanvas .b-main-menu__nav {
        left: 0
    }

    .b-main-menu__nav ul.menu {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .b-main-menu__nav ul.menu,
    .b-main-menu__nav ul.menu li {
        border-top: 1px solid #d4d4d4
    }

    .b-main-menu__nav ul.menu li:first-child {
        border-top: 0
    }

    .b-main-menu__nav ul.menu a {
        padding: 13px 15px;
        text-decoration: none;
        color: #3c3c3c;
        font-size: 16px;
        font-weight: 700;
        display: block
    }

    .b-main-menu__nav ul.menu a:hover {
        color: #3da2d6
    }

    .b-main-menu__nav ul.menu ul {
        margin: 0;
        padding: 0 0 0 10px;
        list-style: none;
        border-top: 1px solid #d4d4d4
    }

    .b-main-menu__nav ul.menu ul li {
        border: 0
    }

    .b-main-menu__nav ul.menu ul a {
        font-weight: 400;
        padding: 10px 16px
    }

    .b-main-menu__nav ul.menu li.parent>a {
        padding-right: 38px;
        position: relative
    }

    .b-main-menu__nav .b-toolbar__link:hover,
    .b-main-menu__nav ul.menu li.active>a {
        color: #00acf1
    }

    .b-main-menu__nav .b-toolbar {
        float: none !important;
        margin: 0;
        display: block
    }

    .b-main-menu__nav .b-toolbar__link {
        padding: 18px 16px;
        text-decoration: none;
        color: #3c3c3c;
        font-size: 16px;
        font-weight: 500;
        display: block;
        text-align: left;
        border-top: 1px solid #d4d4d4;
        margin: 0
    }

    .b-main-menu__nav .b-toolbar__link span {
        margin: 0
    }

    .b-main-menu__nav .b-toolbar__link i {
        display: none
    }

    .b-main-menu__nav .b-toolbar__link.is-login {
        position: absolute;
        top: 15px;
        border-top: 0;
        left: 0
    }
}

.b-main-menu__menu,
.b-main-menu__search {
    display: none;
    visibility: hidden
}

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

    .b-main-menu__menu,
    .b-main-menu__search {
        display: block;
        visibility: visible
    }
}

.b-main-menu__menu {
    float: left;
    width: 60px;
    height: 60px;
    color: #fff;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    opacity: 1
}

.b-main-menu__menu span,
.b-main-menu__menu:after,
.b-main-menu__menu:before {
    width: 30px;
    height: 4px;
    background: #fff;
    display: block;
    position: absolute;
    top: 50%
}

.b-main-menu__menu:after,
.b-main-menu__menu:before {
    content: "";
    transform: rotate(0deg);
    transition: transform .3s ease, margin .3s ease
}

.b-main-menu__menu:before {
    margin-top: -10px
}

.b-main-menu__menu:after {
    margin-top: 6px
}

.b-main-menu__menu span {
    margin-top: -2px;
    transition: opacity .3s ease, transform .3s ease
}

.b-main-menu__menu.is-active:before {
    transform: rotate(45deg);
    margin-top: 0
}

.b-main-menu__menu.is-active:after {
    transform: rotate(-45deg);
    margin-top: 0
}

.b-main-menu__menu.is-active span {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.b-main-menu__close {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    top: -8px;
    right: -8px
}

.b-main-menu__close:after,
.b-main-menu__close:before {
    content: "";
    width: 30px;
    height: 4px;
    margin-top: 0;
    left: 15px;
    background: #3c3c3c;
    display: block;
    position: absolute;
    top: 50%;
    transition: transform .3s ease, margin .3s ease
}

.b-main-menu__close:before {
    transform: rotate(45deg)
}

.b-main-menu__close:after {
    transform: rotate(-45deg)
}

.b-main-menu__nav .jlslogin {
    padding: 1em
}

@media screen and (max-width:870px) {
    .b-main-menu__nav .jlslogin {
        padding: 15px
    }
}

.b-main-menu__nav .jlslogin .login-greeting {
    font-size: 18px;
    font-weight: 700;
    font-family: "Raleway", sans-serif
}

.b-main-menu__nav .jlslogin ul {
    padding: 0;
    list-style: none;
    margin: .5em 0
}

.b-main-menu__nav .jlslogin ul li+li {
    margin-top: .25em
}

.b-grid:after,
.b-grid:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-grid:after {
    clear: both
}

.b-grid__wrapper {
    margin: -10px
}

.b-grid__item {
    display: inline-block;
    padding: 10px;
    margin-right: -4px;
    box-sizing: border-box;
    vertical-align: top;
    width: 100%
}

.cell-2 .b-grid__item {
    width: 50%
}

@media screen and (max-width:660px) {
    .cell-2 .b-grid__item {
        width: 100%
    }
}

.cell-3 .b-grid__item {
    width: 33.333332%
}

@media screen and (max-width:660px) {
    .cell-3 .b-grid__item {
        width: 50%
    }
}

@media screen and (max-width:424px) {
    .cell-3 .b-grid__item {
        width: 100%
    }
}

.cell-4 .b-grid__item {
    width: 25%
}

@media screen and (max-width:990px) {
    .cell-4 .b-grid__item {
        width: 33.333332%
    }
}

@media screen and (max-width:660px) {
    .cell-4 .b-grid__item {
        width: 50%
    }
}

@media screen and (max-width:424px) {
    .cell-4 .b-grid__item {
        width: 100%
    }
}

.cell-5 .b-grid__item {
    width: 20%
}

@media screen and (max-width:990px) {
    .cell-5 .b-grid__item {
        width: 33.333332%
    }
}

@media screen and (max-width:660px) {
    .cell-5 .b-grid__item {
        width: 50%
    }
}

@media screen and (max-width:424px) {
    .cell-5 .b-grid__item {
        width: 100%
    }
}

.b-slider {
    background: #f2f2f2;
    margin-bottom: 60px
}

.b-slider,
.b-slider .b-slider-contents .b-module__title,
.b-slider .swiper-nav,
.b-slider .swiper-pagination,
.b-slider .wrapper,
.b-slider-contents .b-slider .b-module__title {
    position: relative
}

.b-slider .swiper-nav .swiper-button-next,
.b-slider .swiper-nav .swiper-button-prev {
    margin-top: -112px
}

@media screen and (max-width:1305px) {
    .b-slider .swiper-nav {
        display: none
    }
}

.b-slider .swiper-pagination {
    text-align: left;
    margin-bottom: 20px;
    display: none
}

@media screen and (max-width:1305px) {
    .b-slider .swiper-pagination {
        display: block
    }
}

.b-slider__bg {
    background: url(../images/rocket.svg) no-repeat 0 0;
    position: absolute;
    bottom: -56px;
    right: 0;
    width: 610px;
    height: 583px;
    background-size: contain;
    z-index: 0;
    display: block
}

@media screen and (max-width:1105px) {
    .b-slider__bg {
        right: -160px
    }
}

@media screen and (max-width:955px) {
    .b-slider__bg {
        right: 0;
        width: 410px;
        height: 383px
    }
}

@media screen and (max-width:770px) {
    .b-slider__bg {
        display: none
    }
}

.no-svg .b-slider__bg {
    background: url(../images/rocket.png) no-repeat 0 0
}

.b-slider__rose {
    background: url(../images/butterfly.svg) no-repeat 0 0;
    position: absolute;
    top: 20px;
    left: -90px;
    width: 218px;
    height: 184px;
    background-size: contain;
    z-index: 1;
    display: block
}

.b-slider__wrapper {
    white-space: nowrap;
    overflow: hidden
}

.b-slider__wrapper.owl-loaded,
.cke_show_borders .b-slider__wrapper {
    white-space: normal;
    display: block !important;
    visibility: visible !important
}

.b-slider__item {
    white-space: normal;
    width: 100%;
    vertical-align: top;
    display: inline-block;
    padding: 47px 0 70px;
    transform: translateZ(0)
}

@media screen and (max-width:485px) {
    .b-slider__item {
        padding: 25px 0
    }
}

.cke_show_borders .b-slider__item {
    margin-bottom: 30px
}

.b-slider__item p {
    max-width: 652px
}

.b-slider__date {
    font-size: 16px
}

.b-slider__title {
    max-width: 549px;
    font-family: "Raleway", sans-serif;
    font-size: 37px;
    font-weight: 700;
    line-height: 50px;
    margin: 36px 0
}

.b-slider__title.small {
    font-size: 1.5rem;
    line-height: 125%;
    max-width: 652px
}

@media screen and (max-width:770px) {
    .b-slider__title {
        max-width: 90%
    }
}

@media screen and (max-width:485px) {
    .b-slider__title {
        font-size: 26px;
        line-height: 1.3;
        margin: 20px 0
    }
}

.b-slider__link {
    margin-top: 58px
}

@media screen and (max-width:485px) {
    .b-slider__link {
        margin-top: 30px
    }
}

.b-slider-contents {
    padding: 2rem 1rem !important;
    overflow: hidden
}

.b-slider-contents .b-module__title {
    margin-bottom: 30px
}

.b-contents-slider {
    padding: 0 1rem
}

.b-contents-slider .swiper {
    margin: 0 -10px;
    overflow: visible
}

.b-contents-slider .swiper-wrapper {
    align-items: stretch
}

.b-contents-slider .swiper-slide {
    width: 50%;
    box-sizing: border-box
}

@media screen and (min-width:421px) {
    .b-contents-slider .swiper-slide {
        width: 33.3333333333%
    }
}

@media screen and (min-width:831px) {
    .b-contents-slider .swiper-slide {
        width: 25%
    }
}

@media screen and (min-width:1025px) {
    .b-contents-slider .swiper-slide {
        width: 20%
    }
}

.b-contents-slider .swiper-pagination {
    margin-top: 20px
}

.b-contents-slider .item {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 6px;
    margin: 0 10px;
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch
}

.b-contents-slider .item .text {
    padding: 1em
}

.b-contents-slider .item .img img {
    width: 100%;
    vertical-align: top;
    border-radius: 6px 6px 0 0
}

.b-contents-slider .item .title {
    overflow: hidden;
    height: 78px;
    line-height: 152%
}

@media screen and (max-width:770px) {
    .b-contents-slider .item .title {
        height: 87px;
        line-height: 123%
    }
}

.b-contents-slider .item .name {
    color: #010101;
    font-size: 18px
}

@media screen and (max-width:770px) {
    .b-contents-slider .item .name {
        font-size: 1em
    }
}

.b-contents-slider .item .date {
    margin-top: 1em;
    color: #010101;
    font-size: .8125em
}

@media screen and (max-width:770px) {
    .b-contents-slider .item .date {
        font-size: .75em
    }
}

.b-contents-slider .owl-dots {
    position: relative;
    top: 8px
}

.b-module {
    margin-top: 15px
}

.b-module:first-child {
    margin-top: 0
}

.b-module__wrapper {
    padding: 50px 0
}

@media screen and (max-width:530px) {
    .b-module__wrapper {
        padding: 20px 0
    }
}

.b-module__wrapper--overflow {
    overflow: hidden
}

.b-module__wrapper.green {
    color: #fff;
    background: #3da2d6
}

.b-module__wrapper.grey {
    background: #f2f2f2
}

.b-module__title {
    font-family: "Raleway", sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 30px
}

@media screen and (max-width:910px) {
    .b-module__title {
        font-size: 24px
    }
}

@media screen and (max-width:730px) {
    .b-module__title {
        font-size: 18px
    }
}

.b-mod-button {
    margin-top: 30px;
    text-align: center
}

.b-panel {
    background-color: #fff;
    border-radius: 6px;
    padding: 20px 20px 55px;
    box-sizing: border-box;
    position: relative;
    transform: translateZ(0)
}

.b-panel__image {
    margin: -20px -20px 20px
}

.b-panel__date {
    color: #8b8b8b;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px
}

.b-panel__title {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 20px 0;
    height: 72px
}

@media screen and (max-width:720px) {
    .b-panel__title {
        height: auto
    }
}

.b-mini-panel__title a,
.b-panel__title a {
    color: #000;
    border-bottom: 1px solid transparent;
    transition: border .3s ease
}

.b-panel__title a:hover {
    text-decoration: none;
    border-bottom-color: #000
}

.b-panel__text {
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    height: 105px;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:720px) {
    .b-panel__text {
        height: auto
    }
}

.b-panel__text:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 1px;
    right: 0;
    height: 61px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 60%, #fff 100%)
}

@media screen and (max-width:720px) {
    .b-panel__text:after {
        display: none
    }
}

.b-panel__readmore {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0 0 5px 5px;
    background: #3da2d6;
    color: #fff;
    padding: 13px 20px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    transition: background .3s ease
}

.b-panel__readmore:hover {
    text-decoration: none;
    background: #154a65
}

.b-mini-panel {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 6px;
    padding: 18px;
    box-sizing: border-box
}

.b-mini-panel__image {
    margin: -18px -18px 9px;
    display: block
}

.b-mini-panel__image img,
.b-panel__image img {
    border-radius: 5px 5px 0 0;
    width: 100%
}

.b-mini-panel__title {
    color: #000;
    font-size: 17px;
    font-weight: 400;
    line-height: 23px;
    margin: 0
}

.b-mini-panel__title a {
    transition: border-color .3s ease
}

.b-mini-panel__title a:hover {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000
}

.b-mini-panel__meta {
    color: #8b8b8b;
    font-size: 16px;
    font-weight: 400;
    margin-top: 27px
}

.b-mini-panel__like {
    margin-top: 7px;
    font-size: 15px;
    font-weight: 700
}

.b-mini-panel__like a {
    color: #000;
    transition: color .3s ease
}

.b-mini-panel__like a:hover {
    text-decoration: none;
    color: #3da2d6
}

.b-mini-panel__like i {
    display: inline-block;
    vertical-align: sub;
    margin-right: 2px
}

.b-panel-list {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 6px;
    padding: 14px 18px 19px;
    margin-top: 19px;
    display: block
}

.b-panel-list:first-child {
    margin-top: 0
}

.b-panel-list__meta {
    display: block;
    margin-bottom: 6px
}

.b-panel-list__meta:after,
.b-panel-list__meta:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-panel-list__meta:after {
    clear: both
}

.b-panel-list__date,
.b-panel-list__name {
    font-size: 17px;
    font-weight: 400;
    display: block;
    white-space: nowrap
}

.b-panel-list__name {
    color: #fff;
    padding: 1px 6px;
    float: left;
    background: #b4c45b
}

.b-new-work__competitions .b-panel-list__name {
    background: #9e5bc4
}

.b-panel-list__date {
    float: right;
    color: #7f7f7f
}

.b-comment-panel__title a,
.b-panel-list__title {
    border-bottom: 1px solid transparent;
    transition: border .3s ease
}

.b-panel-list__title {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

.b-panel-list__title:hover {
    border-bottom: 1px solid #000;
    text-decoration: none
}

@media screen and (max-width:910px) {
    .b-panel-list__title {
        font-size: 24px
    }
}

@media screen and (max-width:730px) {
    .b-panel-list__title {
        font-size: 18px
    }
}

.b-comment-panel__list {
    margin: 0 -10px
}

.b-comment-panel__list:after,
.b-comment-panel__list:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-comment-panel__list:after {
    clear: both
}

.b-comment-panel__item {
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
    width: 20%;
    box-sizing: border-box;
    padding: 0 10px
}

@media screen and (max-width:960px) {
    .b-comment-panel__item {
        width: 25%
    }

    .b-comment-panel__item:last-child {
        display: none
    }
}

@media screen and (max-width:720px) {
    .b-comment-panel__item {
        width: 33.33332%
    }

    .b-comment-panel__item:nth-child(4) {
        display: none
    }
}

@media screen and (max-width:620px) {
    .b-comment-panel__item {
        width: 50%
    }

    .b-comment-panel__item:nth-child(3) {
        display: none
    }
}

@media screen and (max-width:440px) {
    .b-comment-panel__item {
        width: 100%
    }

    .b-comment-panel__item:nth-child(2) {
        display: none
    }
}

.b-comment-panel {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 6px;
    padding: 18px 18px 55px;
    position: relative;
    box-sizing: border-box;
    max-width: 100%
}

.b-comment-panel__header {
    display: table;
    width: 100%;
    table-layout: fixed
}

.b-comment-panel__image {
    display: table-cell;
    vertical-align: middle;
    width: 61px
}

.b-comment-panel__title {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    margin: 0
}

.b-comment-panel__title a {
    text-decoration: none
}

.b-comment-panel__title a:hover {
    text-decoration: none;
    border-bottom-color: #000
}

.b-comment-panel__title>span {
    position: relative;
    display: block;
    overflow: hidden
}

.b-comment-panel__title>span:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 30px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.no-rgba .b-comment-panel__title>span:after {
    background: url(../images/shadow-right.png) repeat-y 0 50%
}

.b-comment-panel__text {
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    height: 190px;
    overflow: hidden;
    position: relative;
    margin-top: 17px
}

.b-comment-panel__text:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 1px;
    right: 0;
    height: 61px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 60%, #fff 100%)
}

.no-rgba .b-comment-panel__text:after {
    background: url(../images/shadow-bottom.png) repeat-x 0 135%
}

.b-comment-panel__readmore {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0 0 5px 5px;
    background: #bbdff1;
    color: #fff;
    padding: 11px 20px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    transition: background .3s ease
}

.b-comment-panel__readmore:hover {
    text-decoration: none;
    background: #154a65
}

.b-panel-short {
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 6px;
    padding: 18px 60px 18px 18px;
    margin-top: 20px;
    position: relative;
    min-height: 105px
}

.b-panel-short:first-child {
    margin-top: 0
}

.b-panel-short__image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 143px;
    border-radius: 5px 0 0 5px
}

@media screen and (max-width:420px) {
    .b-panel-short__image {
        display: none
    }
}

.b-panel-short__image~.b-panel-short__meta,
.b-panel-short__image~.b-panel-short__title {
    margin-left: 143px
}

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

    .b-panel-short__image~.b-panel-short__meta,
    .b-panel-short__image~.b-panel-short__title {
        margin-left: 0
    }
}

.b-panel-short__meta {
    margin-bottom: 30px;
    font-size: 17px;
    color: #8b8b8b
}

.b-panel-short__title {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin: 0
}

@media screen and (max-width:420px) {
    .b-panel-short__title {
        font-size: 16px
    }
}

.b-panel-short__title a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border .3s ease
}

.b-panel-short__title a:hover {
    border-bottom-color: #000
}

.b-panel-short__category {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 44px;
    background: #fb9d3d;
    border-radius: 0 5px 5px 0;
    display: block
}

.b-panel-short__category:hover {
    text-decoration: none
}

.no-csstransforms .b-panel-short__category {
    background: #fbd14b url(../images/olimpianda-text.png) no-repeat 50% 50%
}

.b-panel-short__category span {
    color: #fff;
    display: block;
    text-align: center;
    transform: rotate(270deg);
    transform-origin: 50% 50%;
    position: absolute;
    text-transform: uppercase;
    right: -24px;
    line-height: 1;
    top: 45%;
    text-decoration: none
}

.no-csstransforms .b-panel-short__category span {
    display: none
}

.b-panel-short__category.viktoriny {
    background: #fb9d3d
}

.no-csstransforms .b-panel-short__category.viktoriny {
    background: #fb9d3d url(../images/viktorina-text.png) no-repeat 50% 50%
}

.b-panel-short__category.viktoriny span {
    right: -28px
}

.b-panel-short__category.konkursy {
    background: #3da2d6
}

.no-csstransforms .b-panel-short__category.konkursy {
    background: #3da2d6 url(../images/konkurs-text.png) no-repeat 50% 50%
}

.b-panel-short__category.konkursy span {
    right: -22px
}

.b-mod-news .swiper {
    margin: 0 -10px;
    visibility: visible;
    overflow: visible
}

.b-mod-news .swiper-slide {
    padding: 0 10px;
    box-sizing: border-box;
    width: 33.33332%
}

@media screen and (max-width:720px) {
    .b-mod-news .swiper-slide {
        width: 50%
    }
}

@media screen and (max-width:480px) {
    .b-mod-news .swiper-slide {
        width: 100%
    }
}

.b-mod-news .swiper-pagination {
    margin-top: 10px
}

.newsflash {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-evenly
}

@media screen and (max-width:720px) {
    .newsflash {
        display: block
    }
}

.b-mod-news__item {
    display: block;
    box-sizing: border-box
}

.b-tabs:after,
.b-tabs:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-tabs:after {
    clear: both
}

@media screen and (max-width:610px) {
    .b-tabs .b-mod-news .owl-dots {
        margin-top: 15px;
        top: auto;
        right: auto;
        position: relative
    }
}

.b-tabs__item {
    display: none
}

.b-tabs__item:first-child {
    display: block
}

.b-tabs__nav {
    list-style: none;
    margin: 0 0 30px;
    padding: 0
}

.b-tabs__nav:after,
.b-tabs__nav:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-tabs__nav:after {
    clear: both
}

.b-tabs__link {
    float: left;
    margin-left: 40px;
    padding-left: 40px;
    position: relative
}

@media screen and (max-width:910px) {
    .b-tabs__link {
        margin-left: 20px;
        padding-left: 20px
    }
}

@media screen and (max-width:530px) {
    .b-tabs__link {
        float: none;
        margin: 8px 0 0;
        padding-left: 0
    }

    .b-tabs__link:first-child {
        margin-top: 0
    }
}

.b-tabs__link:after {
    content: "";
    width: 9px;
    height: 9px;
    background: #3da2d6;
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -5px;
    border-radius: 50%
}

@media screen and (max-width:530px) {
    .b-tabs__link:after {
        display: none
    }
}

.green .b-tabs__link:after {
    background: #fff
}

.b-tabs__link:first-child {
    margin-left: 0;
    padding-left: 0
}

.b-tabs__link:first-child:after {
    display: none
}

.b-tabs__link a {
    text-decoration: none;
    font-family: "Raleway", sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #3da2d6;
    transition: color .3s ease
}

@media screen and (max-width:910px) {
    .b-tabs__link a {
        font-size: 24px
    }
}

@media screen and (max-width:730px) {
    .b-tabs__link a {
        font-size: 18px
    }
}

.b-tabs__link a.active,
.b-tabs__link a:hover {
    color: #030303;
    text-decoration: none
}

.green .b-tabs__link a {
    color: #fff
}

.green .b-tabs__link a.active,
.green .b-tabs__link a:hover {
    color: #154a65
}

.b-new-work {
    border-top: 1px solid #e5e5e5
}

.b-honors .b-module:after,
.b-honors .b-module:before,
.b-honors:after,
.b-honors:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-honors .b-module:after,
.b-honors:after {
    clear: both
}

.b-honors .b-module {
    position: relative;
    z-index: 5
}

.b-honors .b-slider .swiper-nav,
.b-honors .b-slider .swiper-pagination,
.b-honors .b-slider-contents .b-module__title,
.b-honors .wrapper,
.b-slider .b-honors .swiper-nav,
.b-slider .b-honors .swiper-pagination,
.b-slider-contents .b-honors .b-module__title {
    position: relative
}

.b-honors .b-slider .swiper-nav:after,
.b-honors .b-slider .swiper-pagination:after,
.b-honors .b-slider-contents .b-module__title:after,
.b-honors .wrapper:after,
.b-slider .b-honors .swiper-nav:after,
.b-slider .b-honors .swiper-pagination:after,
.b-slider-contents .b-honors .b-module__title:after {
    content: " ";
    position: absolute;
    display: block;
    left: -64px;
    top: -15px;
    width: 152px;
    height: 161px;
    z-index: 1;
    background: url(../images/winner.svg) no-repeat 0 0
}

.b-honors__text {
    font-size: 20px;
    float: left;
    width: 70%;
    margin-top: 8px
}

@media screen and (max-width:700px) {
    .b-honors__text {
        float: none;
        width: auto;
        font-size: 18px
    }
}

.b-honors__gallery {
    position: relative;
    margin-top: 19px
}

@media screen and (max-width:700px) {
    .b-honors__gallery {
        margin-top: 0
    }
}

.b-honors__gallery .swiper-button-prev {
    top: 50% !important;
    margin-top: -46px;
    left: -40px
}

@media screen and (max-width:1280px) {
    .b-honors__gallery .swiper-button-prev {
        display: none
    }
}

.b-honors__gallery .swiper {
    position: relative;
    margin-left: -10px;
    margin-right: -10px
}

.b-honors__gallery .swiper-slide {
    box-sizing: border-box;
    width: 50%;
    padding: 0 10px
}

@media screen and (min-width:421px) {
    .b-honors__gallery .swiper-slide {
        width: 33.3333333333%
    }
}

@media screen and (min-width:701px) {
    .b-honors__gallery .swiper-slide {
        width: 50%
    }
}

@media screen and (min-width:831px) {
    .b-honors__gallery .swiper-slide {
        width: 33.3333333333%
    }
}

.b-honors__gallery .swiper-button-next {
    top: 50% !important;
    margin-top: -46px;
    right: -40px
}

@media screen and (max-width:1280px) {
    .b-honors__gallery .swiper-button-next {
        display: none
    }
}

.b-honors__gallery .swiper-pagination {
    margin-top: 20px;
    display: none;
    visibility: hidden
}

@media screen and (max-width:1280px) {
    .b-honors__gallery .swiper-pagination {
        display: block;
        visibility: visible
    }
}

.b-honors__image {
    float: right;
    width: 28%;
    margin-top: -68px
}

@media screen and (max-width:700px) {
    .b-honors__image {
        display: none
    }
}

.b-subscription:after,
.b-subscription:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-subscription:after {
    clear: both
}

.b-subscription .b-module__title {
    max-width: 660px;
    margin: 0 auto 30px;
    text-align: center
}

.b-subscription .acymailing_module {
    width: 580px;
    margin: auto !important;
    max-width: 100%
}

@media screen and (max-width:480px) {
    .b-subscription .acymailing_module {
        width: 100%
    }
}

.b-subscription .acysubbuttons {
    float: right;
    width: 189px;
    margin: 0
}

@media screen and (max-width:480px) {
    .b-subscription .acysubbuttons {
        float: none;
        width: auto;
        margin: 10px 0
    }
}

.b-subscription .acysubbuttons+.onefield {
    margin: 0 205px 0 0;
    display: block
}

@media screen and (max-width:480px) {
    .b-subscription .acysubbuttons+.onefield {
        margin: 0
    }

    .b-subscription .acymailing_form {
        display: flex;
        flex-direction: column-reverse
    }
}

.b-footer-text {
    padding: 36px 0;
    color: #7f7f7f;
    font-size: 17px;
    line-height: 23px;
    border-bottom: 1px solid #e0e0e0
}

.b-footer {
    margin: 36px 0
}

.b-footer:after,
.b-footer:before,
.b-footer__menu ul:after,
.b-footer__menu ul:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-footer:after,
.b-footer__menu ul:after {
    clear: both
}

.b-footer__copyright,
.b-footer__menu ul li {
    float: left;
    font-weight: 400;
    box-sizing: border-box
}

.b-footer__copyright {
    width: 33.9%;
    padding-right: 20px;
    font-size: 14px
}

@media screen and (max-width:760px) {
    .b-footer__copyright {
        width: 50%
    }
}

@media screen and (max-width:640px) {
    .b-footer__copyright {
        width: 100%
    }
}

.b-footer__copyright p {
    margin-bottom: .4em
}

.b-footer__copyright h3,
.b-footer__copyright h4,
.b-footer__copyright h5 {
    margin-top: 0;
    font-size: 17px;
    font-weight: 500
}

.b-footer__menu {
    float: left;
    width: 40.35%
}

@media screen and (max-width:760px) {
    .b-footer__menu {
        width: 50%
    }
}

@media screen and (max-width:640px) {
    .b-footer__menu {
        margin-top: 20px;
        width: 100%
    }
}

.b-footer__menu ul {
    margin: 0 -5px;
    padding: 0;
    list-style: none
}

.b-footer__menu ul li {
    width: 50%;
    color: #3da2d6;
    font-size: 17px;
    margin-bottom: 6px;
    padding: 0 5px
}

@media screen and (max-width:360px) {
    .b-footer__menu ul li {
        width: 100%
    }
}

.b-footer__info {
    float: right;
    width: 25.4%
}

@media screen and (max-width:760px) {
    .b-footer__info {
        width: 100%;
        margin-top: 20px
    }
}

.b-module-footer {
    margin-top: 30px
}

.b-article__wrapper ol li:first-child,
.b-module-footer:first-child {
    margin-top: 0
}

.b-devpos {
    padding-left: 50px;
    font-size: .85rem;
    line-height: 149%
}

.b-devpos a {
    border-bottom: 1px solid rgba(91, 196, 191, .3)
}

.b-devpos a:hover,
.b__cat2 .b-article__wrapper a:hover,
.b__cat37 .b-article__wrapper a:hover,
.b__cat39 .b-article__wrapper a:hover {
    border-bottom-color: #3da2d6;
    text-decoration: none
}

.b-devpos:after {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    display: block;
    background: url(../img/sprite.svg) 0 67.988700565% no-repeat;
    width: 30px;
    height: 41px
}

#b_scroller {
    bottom: -5rem;
    cursor: pointer;
    opacity: 0;
    position: fixed;
    right: 1rem;
    transition: bottom .4s ease 0s, opacity 1s ease 0s, visible 1s ease 0s;
    visibility: hidden;
    z-index: 3
}

#b_scroller.show {
    bottom: 1rem;
    opacity: 1;
    transition: bottom 1s ease 0s, opacity .3s ease 0s, visible 1s ease 0s;
    visibility: visible
}

.b-devpos,
.b-mod-search {
    position: relative
}

.b-mod-search:after,
.b-mod-search:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-mod-search:after {
    clear: both
}

input[type=search].b-mod-search__input,
input[type=text].b-mod-search__input {
    position: relative;
    width: 100%;
    max-width: 100%;
    z-index: 1;
    padding: 8px 40px 8px 20px
}

.b-mod-search__button {
    border: 0;
    background: 0 0;
    outline: 0;
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 10
}

#b_scroller,
.b-mod-search__button i {
    display: inline-block
}

.b-schedule {
    padding-top: 0
}

.b-top-news .swiper-pagination {
    position: absolute;
    top: -58px;
    right: 0
}

@media screen and (max-width:730px) {
    .b-top-news .swiper-pagination {
        top: -53px
    }
}

@media screen and (max-width:905px) {
    .b-top-news .b-grid__item {
        width: 100%
    }
}

.b-top-news__item {
    padding-bottom: 20px
}

.b-breadcrumb {
    list-style: none;
    display: block;
    margin: 0 0 15px;
    padding: 0;
    font-size: 16px;
    color: #dedede
}

.b-breadcrumb__item {
    display: inline;
    padding-left: 4px
}

.b-breadcrumb__item:first-child {
    padding-left: 0
}

.b-breadcrumb__separator {
    font-size: 17px;
    display: inline;
    vertical-align: middle;
    position: relative;
    top: -2px;
    padding-left: 4px;
    font-family: Arial, Helvetica, sans-serif
}

.pagination {
    margin-top: 22px;
    margin-bottom: -8px
}

.b-pagination {
    text-align: center;
    list-style: none;
    margin: 22px 0 0;
    padding: 0 245px;
    position: relative
}

@media screen and (max-width:830px) {
    .b-pagination {
        padding: 0
    }
}

.b-pagination__link {
    display: inline-block;
    margin: 8px
}

.b-pagination__link a,
.b-pagination__link.active span {
    border: 1px solid #3da2d6;
    display: block;
    text-align: center;
    line-height: 38px;
    text-decoration: none;
    padding: 0 14px;
    box-sizing: border-box;
    transition: background .3s ease, color .3s ease
}

.b-pagination__link.active span {
    color: #fff;
    background: #3da2d6
}

.b-pagination__link a {
    color: #3da2d6
}

.b-pagination__link a:hover {
    background: #3da2d6;
    color: #fff
}

.b-pagination__prev,
.pager:before {
    position: absolute;
    left: 0;
    top: 8px
}

@media screen and (max-width:830px) {
    .b-pagination__prev {
        display: none
    }
}

.b-pagination__next a,
.b-pagination__prev a {
    text-decoration: none;
    position: relative
}

.b-pagination__next a:hover,
.b-pagination__prev a:hover,
.pager a:hover {
    text-decoration: none
}

.b-pagination__next .text,
.b-pagination__prev .text {
    border-bottom: 1px solid transparent;
    transition: border .3s ease
}

.b-pagination__next:hover .text,
.b-pagination__prev:hover .text {
    border-bottom-color: #3da2d6
}

.b-pagination__prev i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

.b-pagination__next {
    position: absolute;
    right: 0;
    top: 8px
}

@media screen and (max-width:830px) {
    .b-pagination__next {
        display: none
    }
}

.b-pagination__next i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px
}

.pager,
.pager a {
    position: relative
}

.pager {
    background: #f2f2f2;
    margin: 35px 0 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.pager:before {
    content: "← + Ctrl + →";
    top: 50%;
    left: 50%;
    font-size: 16px;
    color: #8d8d8d;
    margin-top: -12px;
    margin-left: -45px;
    text-align: center
}

@media screen and (max-width:630px) {
    .pager:before {
        display: none
    }
}

@media screen and (max-width:1010px) {
    .pager {
        margin: 25px 0
    }
}

.pager a {
    color: #3da2d6;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.3;
    text-decoration: none;
    display: inline-block;
    transition: color .3s ease;
    padding: 10px 0
}

.pager a i {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -20px
}

.pager a:hover {
    color: #000
}

.pager .previous {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 55px
}

@media screen and (max-width:630px) {
    .pager .previous {
        float: none;
        margin-bottom: 20px;
        width: auto;
        padding-right: 0
    }
}

.pager .previous a {
    margin-left: 56px
}

.pager .previous a i {
    left: -56px
}

.pager .next {
    float: right;
    width: 50%;
    box-sizing: border-box;
    text-align: right;
    padding-left: 55px
}

@media screen and (max-width:630px) {
    .pager .next {
        float: none;
        width: auto;
        padding-left: 0
    }
}

.pager .next a {
    margin-right: 56px
}

.pager .next a i {
    right: -56px
}

.alert {
    margin-bottom: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    background-color: #fcf8e3;
    font-size: 18px;
    padding: 8px 16px
}

.alert a {
    text-decoration: underline
}

.alert a:hover,
.b-add-form-tab ul li a:hover,
.b-article__text a:hover {
    text-decoration: none
}

.alert.alert-no-items {
    color: #010101
}

.alert__inner {
    position: relative;
    padding: 18px 35px 18px 0
}

.alert,
.alert a,
.alert h4,
.alert h4 a {
    color: #c09853
}

.alert h4 {
    margin: 0
}

.alert .close {
    position: absolute;
    top: 50%;
    text-decoration: none;
    right: 0;
    line-height: 20px;
    font-size: 22px;
    cursor: pointer;
    margin-top: -10px
}

.alert-success {
    color: #468847;
    background-color: #dff0d8
}

.alert-success a,
.alert-success h4 {
    color: #468847
}

.alert-danger,
.alert-error {
    color: #b94a48;
    background-color: #f2dede
}

.alert-danger a,
.alert-danger h4,
.alert-error a,
.alert-error h4 {
    color: #b94a48
}

.alert-info {
    background-color: #d9edf7
}

.alert-info,
.alert-info a,
.alert-info h4 {
    color: #3a87ad
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

.alert-block>p,
.alert-block>ul {
    margin-bottom: 0
}

.alert-block p+p {
    margin-top: 5px
}

.b-popup__wrapper {
    margin-bottom: 0;
    background-color: #f1f1f1;
    padding: 1rem;
    font-size: 18px;
    width: 450px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .4)
}

.b__easybook,
.b__easybook-form {
    position: relative
}

.b__easybook .b__easybook-add {
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width:950px) {
    .b__easybook .b__easybook-add {
        position: static;
        margin-bottom: 1em
    }
}

.easy_entries .easy_frame,
[name=gbookForm] {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 6px;
    padding: 18px;
    box-sizing: border-box
}

.easy_entries .easy_frame {
    margin-bottom: 1.7em
}

.easy_entries .easy_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5em
}

.easy_entries .easy_content,
.easy_entries .easy_top_left,
.easy_entries .easy_top_right {
    padding: 0
}

.easy_entries .easy_top_left .easy_big {
    vertical-align: inherit
}

.easy_entries .easy_top_left .easy_small {
    font-size: inherit;
    font-weight: 400
}

.b__easybook-form .back {
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width:950px) {
    .b__easybook-form .back {
        position: static;
        margin-bottom: 1em
    }
}

[name=gbookForm] {
    max-width: 600px
}

[name=gbookForm] .control-group {
    display: flex
}

[name=gbookForm] .control-group .control-label {
    margin-bottom: 0
}

[name=gbookForm] .control-group .controls {
    margin-left: 0 !important
}

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

    .b-table--schedule,
    .b-table--schedule tr {
        display: block
    }

    .b-table--schedule tr+tr {
        margin-top: 10px
    }

    .b-table--schedule td {
        display: block;
        padding: .75rem 10px 0 !important
    }

    .b-table--schedule td a br {
        display: none
    }

    .b-table--schedule td:last-child {
        text-align: center;
        padding-bottom: 10px !important
    }
}

.b-blog__title {
    margin: 0 0 25px;
    font-family: "Raleway", sans-serif;
    font-size: 39px;
    font-weight: 700;
    line-height: 1.1
}

@media screen and (max-width:600px) {
    .b-blog__title {
        font-size: 28px
    }
}

.b-article:after,
.b-article:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-article:after {
    clear: both
}

.b-article__title {
    max-width: 940px;
    font-family: "Raleway", sans-serif;
    font-size: 39px;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 30px
}

@media screen and (max-width:790px) {
    .b-article__title {
        font-size: 32px;
        margin-bottom: 25px
    }
}

@media screen and (max-width:480px) {
    .b-article__title {
        font-size: 26px;
        margin-bottom: 20px
    }
}

.b-article__wrapper {
    position: relative
}

.b-article__wrapper ul {
    list-style: none;
    padding: 0;
    margin-bottom: 30px
}

.b-article__text ol li:last-child,
.b-article__text ul li:last-child,
.b-article__wrapper ol:last-child,
.b-article__wrapper ul:last-child {
    margin-bottom: 0
}

.b-article__wrapper ol {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    counter-reset: ol-counter
}

.b-article__wrapper ol li {
    position: relative;
    padding-left: 39px;
    margin-top: 16px
}

.b-article__wrapper ol li:after {
    content: counter(ol-counter);
    counter-increment: ol-counter;
    position: absolute;
    left: 0;
    top: 0;
    color: #7f7f7f
}

.b-article__wrapper blockquote {
    background: #3da2d6;
    color: #fff;
    padding: 15px 27px 20px 72px;
    font-size: 16px;
    line-height: 1.6;
    position: relative;
    margin: 0 -80px -29px -34px
}

@media screen and (max-width:970px) {
    .b-article__wrapper blockquote {
        margin: 0 -30px -30px
    }
}

@media screen and (max-width:790px) {
    .b-article__wrapper blockquote {
        margin: 0 -15px -15px
    }
}

.b-article__text blockquote:after,
.b-article__wrapper blockquote:after {
    content: " ";
    position: absolute;
    top: 16px;
    left: 24px
}

.b-add-form-tab ul li.active a,
.b-article__wrapper blockquote a {
    color: #fff
}

.b-article__text {
    background: #fff;
    padding: 29px 34px;
    box-sizing: border-box;
    line-height: 1.4
}

@media screen and (max-width:970px) {
    .b-article__text {
        padding: 30px
    }
}

@media screen and (max-width:790px) {
    .b-article__text {
        padding: 15px
    }
}

.b-article__text a {
    text-decoration: underline
}

.is-sticky+.b-article__text {
    margin-right: 240px
}

@media screen and (max-width:790px) {
    .is-sticky+.b-article__text {
        margin-right: 0
    }
}

.b-article__text h2 {
    margin-bottom: .5rem
}

.b-article__text ul {
    padding: 0;
    margin: 0 0 1.5rem;
    list-style: none
}

.b-article__text ul li {
    margin: 0 0 .5em 1.6rem;
    list-style: none
}

.b-article__text ul li:before {
    content: "—";
    float: left;
    margin-left: -1.55em;
    color: #3da2d6
}

.b-article__text ol li {
    margin: 0 0 .5em
}

.b-article__text blockquote {
    background: #3da2d6;
    color: #fff;
    padding: 1rem 34px 1rem 72px;
    font-size: 16px;
    line-height: 1.6;
    position: relative;
    margin: 0 -34px -29px
}

.b-article__text blockquote a {
    text-decoration: none;
    color: #fff;
    border-bottom: 1px solid #fff
}

.b-article__text blockquote a:hover,
.b__cat38 blockquote a:hover {
    border-bottom-color: transparent
}

.b-article__sidebar {
    float: right;
    width: 220px
}

@media screen and (max-width:790px) {
    .b-article__sidebar {
        display: block;
        float: none;
        text-align: center;
        width: auto;
        margin-bottom: 14px
    }
}

@media screen and (max-width:480px) {
    .b-article__sidebar {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        align-content: center
    }
}

.b-article__sidebar+.b-article__text {
    margin-right: 240px
}

@media screen and (max-width:790px) {
    .b-article__sidebar+.b-article__text {
        margin-right: 0
    }
}

.b-article__link {
    padding: 20px 8px;
    display: block;
    text-decoration: none;
    color: #fff;
    text-align: center;
    background: #3da2d6;
    font-size: 20px;
    font-weight: 700;
    transition: background .3s ease;
    margin-top: 23px
}

.b-article__link:first-child,
.b-work-panel__list li:first-child {
    margin-top: 0
}

@media screen and (max-width:790px) {
    .b-article__link {
        display: inline-block;
        vertical-align: top;
        width: 160px;
        margin: 7px 14px 7px 0
    }
}

@media screen and (max-width:420px) {
    .b-article__link {
        width: 30%;
        margin: 0;
        font-size: 15px;
        box-sizing: border-box
    }
}

.b-article__link:hover {
    text-decoration: none;
    background: #bbdff1
}

.b-article__link.add,
.b-article__link.wallet {
    padding-top: 90px;
    position: relative
}

.b-article__link.add:before,
.b-article__link.paint:before,
.b-article__link.wallet:before {
    content: " ";
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: -26.5px
}

.b-article__link.paint {
    padding-top: 68px;
    position: relative
}

.b-article__link.paint:before {
    top: 17px;
    margin-left: -25.5px
}

.b-article__link.doc,
.b-article__link.read {
    padding-top: 90px;
    position: relative
}

.b-article__link.doc:before,
.b-article__link.read:before {
    content: " ";
    position: absolute;
    top: 19px;
    left: 50%;
    margin-left: -21.5px
}

.b-article__time {
    margin-bottom: 30px;
    margin-right: -72px
}

@media screen and (max-width:970px) {
    .b-article__time {
        margin-right: 0
    }
}

.b-article__time .cell {
    width: 36.133333%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: -11px;
    padding: 0 10px 0 41px;
    position: relative;
    line-height: 1.5
}

@media screen and (max-width:970px) {
    .b-article__time .cell {
        width: 100%;
        padding: 0 0 0 42px;
        margin-top: 15px
    }

    .b-article__time .cell:first-child {
        margin-top: 0
    }
}

.b-article__time .cell:first-child {
    padding-left: 42px;
    width: 28.133333%
}

.b-article__time .cell:before {
    content: " ";
    position: absolute;
    top: 2px;
    left: 0
}

.b__cat38 .b-article__wrapper {
    background: #fff;
    box-sizing: border-box;
    line-height: 1.4;
    padding: 1.8125rem
}

@media screen and (max-width:600px) {
    .b__cat38 .b-article__wrapper {
        padding: 1.8125rem 15px
    }
}

.b__cat38 table {
    border: 0;
    border-spacing: 0;
    width: 100%
}

.b__cat38 table tr:nth-child(2n) td {
    background: #f6fbfc
}

.b__cat38 table th {
    padding: .75rem .5rem;
    color: #fff;
    background: #3da2d6;
    vertical-align: top
}

.b__cat38 table td {
    vertical-align: middle;
    padding: .75rem .5rem
}

.b__cat38 table td:first-child {
    white-space: nowrap
}

.b__cat38 table td:last-child {
    white-space: nowrap
}

.b__cat38 table h2,
.b__cat38 table h3 {
    margin: 1rem 0 .5rem
}

.b__cat2 .b-article__wrapper blockquote,
.b__cat37 .b-article__wrapper blockquote,
.b__cat38 blockquote,
.b__cat39 .b-article__wrapper blockquote {
    margin: 0 -1.8125rem -1.8125rem
}

.b__cat38 blockquote a {
    text-decoration: none;
    border-bottom: 1px solid #fff
}

.b__cat38 h2.big-font {
    margin: 2rem 0
}

.b__cat2 .b-article__wrapper,
.b__cat37 .b-article__wrapper,
.b__cat39 .b-article__wrapper {
    background: #fff;
    box-sizing: border-box;
    line-height: 1.4;
    padding: 1.8125rem
}

.b__cat2 .b-article__wrapper a,
.b__cat37 .b-article__wrapper a,
.b__cat39 .b-article__wrapper a {
    border-bottom: 1px solid rgba(91, 196, 191, .3)
}

.b__cat2 .b-article__wrapper blockquote a,
.b__cat37 .b-article__wrapper blockquote a,
.b__cat39 .b-article__wrapper blockquote a {
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.b__cat2 .b-article__wrapper blockquote a:hover,
.b__cat37 .b-article__wrapper blockquote a:hover,
.b__cat39 .b-article__wrapper blockquote a:hover {
    border-bottom-color: #fff
}

.b_icons {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
    margin-right: .25em
}

.b_icons.i_pdf {
    background: url(data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABkElEQVR4XpWTPWsqQRiFz4yrJJBwL4RIihCwS2+V2iaNhWAbPyrZ/BFB0Cq4hYW4wU7wd8SfkFKb1SWC6DV3v7KZdxx0swbRBw6z8M4cDmdmWRiGIEzTbAPQcRijVCo9I8LWoNvthuVyGYfo9XrSpFqtbk04FL7vg7BtG7PZTGo6ncKyLCkin8/TPr3T6bT3DDzPA8EY+yHOuVwJ13VRKBRor94WyP0fQIgj+BsEmEwmSCaTSKVS6Pf7spOTDOI0m00wSxkwbD5YIoHr9Rp2Og0sFgjVTBQCVbhc02Jer9fBXQCOEn3j4QFMRHSFnMgs2gethOM40D5piB1/KhUsX19x9vSEeasFqPk5Y4hDpWr/sePy8RE+gPnLC+5ESf/GYywGAxBXnMvoUSgBpwSkr0wGt6YJj1yzWSxHI9w0GlDz+LXuJ7gXh99rNdjDISSGgcTFBah7pgxi7Dog3nI5hMKRQm5vZbUCDhjQ49Nkw5s8IKIGUdjvJco7lSoWiyERBMFRIuiMFvmZDPHOdZyG8Q0TMe9cMO5IWQAAAABJRU5ErkJggg==)
}

.b_icons.i_doc {
    background: url(data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABv0lEQVR4XpWTTWsTURiFnxlnIqmShRbcmIVVQt2lFV110Y0LCwEnhLpKQkCEEbPyP7jLNllkEZMSFNRdqYqCCIVKULRIFcWikoXJJJtu2nxMuHoveEkYDPGBwzBw7uE9750xhBBIarVaEXCZTimTydxmDB1QqVRENptlGtVqVYXkcjkdYqIA3/eRdDodPM9TarfbtFotJUkikZA+t1wuFwMBw+EQiWEYEzJNUz0lg8EAx3Gk1y3+QfmvpR8JZmDzfpJms4lt24RCIer1uqpjAWzVUkxjLfMYSTQa1YZ8Pk+hUHBNZqTb7cr9/N2RrmQB3Kt8o9cTnAj3WImf4mXjOwvR87x484vwnD2xGyGE3km/31cBrF6Z5+nrH8Rj82ztHPCz6bF0cYEvXxvcubHEgz0VwBh6AhPgUiyCZcDO3hHPtz/T9yNUN/eJhA9YuXwBQN+GVGAC65jB4WiOtx/3uXn9HNufjvP+3TPuppc5e+a0rgDoGhM7kO+N3Q/ccmIkr8YpPdlgefEk62ur2MoRqBCc4FV5XRt2H6aZIBigPz5L3/NU/r1E2UcplUoJyWg0mkkSecYa+5lKjuO4/B+l3y7G7r9TqMoZAAAAAElFTkSuQmCC)
}

.b_icons.i_zip {
    background: url(data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABaUlEQVR4XpVSsY6CQBAd2PsGY2NlgAY7/8DagkJjQSjs1oRPoaCBwgQSEz+DP7DUgs7SBBsgakCN50xuCbnFXO4lk8eQeY+37Civ1wsQm80meBOHHzyfT2LGGLQQOo6zghbUloDbtg1Yw+EQiqLAwl4UzcRxHHQaPB4P4izLYLfbwWQygfF4DKfTiQoxnU5xjq/X60AyuN/vxIqikDBJEjJSVZXeIeq6BsuycJYHb6Dgq8tAJMjznPrfM/P5HLbbLfd9nwyEu5QAoWkaCAwGAxBwXRc8z+OygZyA6nw+g7gx5F6vR5rGoKqqzgSGYSAJcxQTC42UYL/fw/F4BF3X6UYOhwOYpgkd6E6Qpiksl0uIoqjh0WjUfF3gY4Lb7Ua1WCzEM4qlY3xMcL1eoSxLWp5+v49920BKIO3B5XKhBIwxZOplg0YjHYF+GC6ZAN6IbCD/RNxxWtvZbEb1B3CWNG2D0LIsDv9D+A0Q4fTO8QD/xQAAAABJRU5ErkJggg==)
}

.b_icons.i_xls {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACTklEQVQ4jZWS7UtTcRTH718TqCDEopbOZOLMm9rWcosMkdC0iCSUJrNNl5iB9LCwFkQaVEaISpaCwzWMXhRMEsaKpIheNObTdu/ddGMP8unFbDF60A58Xv04nx/ne44gbJepx+sy987zL0w9Xpfwt6q3e1lV0qwoKZblFCEpRUhKEoxk+R5OUm/3ctz26s8SY7eHNSWNJ6Dg9svMLMpMLUhM+sKMvVsnGEli7p3H2O3BaJ37XaK3uFmPppn/GGUuoDDrl5lelHm+IDHhC/MpGM+Nore4OXppNis5P1XDblgKJfLyqO2YoaZj2iW0jYvsVG3jIp9DCazDfroe+Okf/UD/kwBi+wuE5lEdducAp66eRmvT5pqO9Neh7ipFb6mleVSXN87PTKrOTSI0Dmeb7rhvU3e9irLOEkSrjv0WFYccJQA0DmvzMpn0hQlGklS0jCGYhzS5X+++vkXTQAPlZzXU2KsASBLDPKTJC3ZqQSIkJSlveopgGFTnBOI1EfvLPk46m9A4yjjzuJW+Zw4Mg+q87cwsyoSkFKUNjxBEhwqAcmsZKpuKkt6D2CYu0zjSgOpC9k10qHizFMtJ3H6ZZTnFAdMIQoWlmJbOVgzdesRBHdX2w5gc9XQ8vMixK3pO2I1UWIp5+2UjJ/EEFFaUFPsM9xE07YU7rlHTXojv62aeZFVJs7f2HoK6bQ+74f23eJ5kTUlTXD1E7pSLKp1sJLaIbRNNbKHEt1DiGeTNDNJmBmkjQySWJhxLsx5NU1Tp/CUo0N5wFWhv8n/ccP0AL3+ltJT/OfkAAAAASUVORK5CYII=)
}

.b_icons.i_external {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB8klEQVQ4jbXRwUuTYRzA8R91CDrUIYgIOqSsQI8iHSxjYybEhCAselsXfSWkQyAdvOSlxJP/QdQ5VySELa1AS3GK853WZk33bjV9893rUuZM9g737SBJL2xYh37wvTw8z4fn4RH5X6P2WqMdfVnKpfZao/sCN++nlYePM5Qbf0+av7pFy92o0vFgCTNrO4ArXQtOwN02cdWthnSPGuJ3SreG0q3hUUPMfck5AI8acgL114b1CW2NUqm0l7bwg3M33jAbWwdgJprFyPwEoP76iBOo8Q2ys7ODbdvYts3H+BqXb78lHM0CMD1vUeMbpKl9BIAa36ATqG4KUCgUyOfzxHWLrr5JIjGT7e1tJrXvuC4FuHjrFVXeAUW5N0p1U8AJVHmfs7W1xbdliyfPPjET0VlZMRifTtKovORFcI5Gf5DdvQPKaW/A+Y2u5iE2NnKEwl+JzOvoepqp2SSdPeME38VYXEzhah6q/HW1LWNkMuskEqukUibRz6s8ehpnKpwmmdxdq20ZqwzUtWqYZh7D2CS9nGM6kiW+tIFhbO5V16pVBhr8CX34Qw7LKpLJFDFNG8sq7vX6fY4Gf0KvdP7YmfP9d9xtRsrdblK2NiN19kJ/p4icEpEjInLwT+CwiJwQkZP7dFxEjorIIRE5UPE5/zq/ADTTqZxpL4oBAAAAAElFTkSuQmCC)
}

.b-slider .b__newsp .b-main .swiper-nav,
.b-slider .b__newsp .b-main .swiper-pagination,
.b-slider-contents .b__newsp .b-main .b-module__title,
.b__newsp .b-main .b-slider .swiper-nav,
.b__newsp .b-main .b-slider .swiper-pagination,
.b__newsp .b-main .b-slider-contents .b-module__title,
.b__newsp .b-main .wrapper {
    max-width: 980px
}

.b__newsp .b-main .b-article {
    background: #fff;
    padding: 29px 34px
}

.b__newsp .b-main .b-article h3 {
    margin-bottom: .25rem
}

.b-step-final__info dl,
.b__newsp .b-main .pager {
    margin: 0
}

.b__newsp .b-main .pager .previous a {
    margin-left: 34px
}

.b__newsp .b-main .pager .next a {
    margin-right: 34px
}

.b-list {
    display: table;
    width: 100%
}

@media screen and (max-width:950px) {
    .b-list {
        display: block
    }
}

.b-list__row {
    display: table-row;
    vertical-align: middle;
    background: #fff
}

.b-list__row.separator {
    background-color: transparent
}

@media screen and (max-width:950px) {
    .b-list__row {
        display: block
    }
}

.b-list__cell {
    display: table-cell;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px
}

@media screen and (max-width:950px) {
    .b-list__cell {
        display: inline-block;
        margin-right: -4px;
        width: 50%;
        box-sizing: border-box
    }
}

@media screen and (max-width:650px) {
    .b-list__cell {
        width: 100%
    }
}

.b-list__category {
    color: #fff;
    background: #3da2d6;
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    padding-right: 25px;
    padding-left: 25px
}

.b-list__category.cat26 {
    background: #fbd14b
}

.b-list__category.cat27 {
    background: #fb9d3d
}

@media screen and (max-width:1000px) {
    .b-list__category {
        font-size: 16px
    }
}

@media screen and (max-width:950px) {
    .b-list__category {
        padding: 10px
    }
}

.b-list__date {
    color: #7f7f7f;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
    padding-right: 27px;
    padding-left: 27px
}

@media screen and (max-width:1000px) {
    .b-list__date {
        font-size: 14px
    }
}

@media screen and (max-width:650px) {
    .b-list__date {
        text-align: center;
        padding: 10px 10px 0
    }
}

.b-list__title h2 {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    margin: 10px 0
}

@media screen and (max-width:1000px) {
    .b-list__title h2 {
        font-size: 14px
    }
}

.b-list__title h2 a {
    color: #000;
    border-bottom: 1px solid #000;
    transition: border .3s ease
}

.b-list__title h2 a:hover {
    text-decoration: none;
    border-bottom-color: transparent
}

@media screen and (max-width:950px) {
    .b-list__title {
        width: 100%;
        padding: 10px
    }
}

.b-list__helper {
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    padding-right: 25px;
    padding-left: 25px
}

.b-list__helper>span {
    width: 30px;
    display: inline-block
}

.b-list__helper.enditog i,
.b-list__helper.initog i,
.b-list__helper.intime i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px
}

@media screen and (max-width:950px) {
    .b-list__helper {
        width: 100%;
        padding: 0 10px 10px
    }
}

.b-list__separator {
    height: 20px
}

.b-contest-category__list {
    position: relative
}

.b-contest-category__list:after,
.b-contest-category__list:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-contest-category__list:after {
    clear: both
}

.b-contest-category__image img {
    width: 100%
}

.b-contest-category__text {
    padding: 20px 20px 30px;
    font-size: 15px;
    color: #2f2f2f
}

.b-contest-category__text p {
    margin: 8px 0 0
}

.b-contest-category__item {
    background: #fff
}

.b-contest-category__title {
    font-size: 16px;
    margin: 0;
    font-weight: 500;
    display: block;
    overflow: hidden;
    height: 64px
}

.b-contest-category__title a {
    color: #010101
}

.b-contest-category__title a:hover {
    text-decoration: underline;
    border-bottom-color: #010101
}

.b-contest-category__meta {
    font-size: 14px;
    margin-bottom: 5px;
    color: #666
}

.b-contest-category__meta strong {
    display: block;
    font-weight: 500
}

.b-contest-category__date {
    margin-top: 8px;
    font-size: 12px;
    color: #666
}

.b-contest-category__date.big {
    font-size: 17px;
    margin-bottom: 30px
}

@media screen and (max-width:480px) {
    .b-contest-category__date.big {
        margin-bottom: 10px;
        text-align: center
    }
}

.b-article__text-img {
    float: right;
    margin: 0 0 1em 1em
}

@media screen and (max-width:480px) {
    .b-article__text-img {
        margin-left: 0
    }
}

.b-contest-category__description {
    margin-bottom: 35px
}

.b-contest-category__description:after,
.b-contest-category__description:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-contest-category__description:after {
    clear: both
}

.b-contest-category__description .content_block {
    overflow: inherit;
    position: relative
}

.b-contest-category__description .content_block.hid {
    overflow: hidden;
    height: 450px
}

.b-contest-category__description .content_block.hid:after {
    content: "";
    display: block;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%)
}

.b-contest-category__description .content_toggle {
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    display: block;
    height: 32px;
    overflow: hidden;
    font-size: 0;
    cursor: pointer;
    border: 0;
    outline: 0;
    background: 0 0;
    width: 100%;
    padding: 0
}

.b-contest-category__description .content_toggle :after {
    transition: transform .1s ease-out;
    content: "";
    border-radius: 8px;
    width: 44px;
    height: 16px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2214%22%20height%3D%225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.35%203.496L12.962.067a.457.457%200%200%201%20.625.147.443.443%200%200%201-.146.614l-6.096%203.69a1%201%200%200%201-1.036%200L.214.829A.443.443%200%200%201%20.068.214.457.457%200%200%201%20.693.067l5.614%203.43a1%201%200%200%200%201.042%200z%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) #fff no-repeat 50% 6px;
    display: block;
    position: absolute;
    left: 50%;
    top: 7px;
    margin-left: -22px
}

.b-contest-category__description .content_toggle:before {
    content: "";
    background: 0 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: block;
    height: 12px;
    margin-top: 16px
}

.b-contest-category__description .content_toggle.active:after {
    transform: rotate(180deg)
}

.b-work {
    display: table;
    width: 100%;
    table-layout: fixed
}

@media screen and (max-width:740px) {
    .b-work {
        display: block;
        width: auto
    }
}

.b-work__text {
    display: table-cell;
    vertical-align: top;
    width: 100%
}

@media screen and (max-width:740px) {
    .b-work__text {
        display: block;
        width: auto
    }
}

.b-work__content {
    background: #fff
}

.b-work__sidebar {
    display: table-cell;
    vertical-align: top;
    width: 380px;
    padding-left: 20px
}

@media screen and (max-width:940px) {
    .b-work__sidebar {
        width: 320px
    }
}

@media screen and (max-width:740px) {
    .b-work__sidebar {
        display: block;
        width: auto;
        margin-top: 20px;
        padding-left: 0
    }
}

.b-work__desc {
    font-size: 18px;
    padding: 30px;
    color: #010101;
    font-family: "Raleway", sans-serif;
    line-height: 1.7222222222
}

@media screen and (max-width:640px) {
    .b-work__desc {
        padding: 15px
    }
}

.b-add-form-panel__text p:last-child,
.b-work__desc>:last-child {
    margin-bottom: 0
}

.b-step-itogi tr,
.b-work-panel {
    background: #fff
}

.b-work-panel__list {
    list-style: none;
    margin: 0;
    padding: 35px 30px
}

@media screen and (max-width:640px) {
    .b-work-panel__list {
        padding: 20px 15px
    }
}

.b-work-panel__list li {
    margin-top: 35px
}

.b-work-panel__footer {
    padding: 28px 30px;
    border-top: 1px solid #dfdfdf
}

@media screen and (max-width:640px) {
    .b-work-panel__footer {
        padding: 20px 15px
    }
}

.b-work-panel__links {
    padding: 28px 30px;
    border-top: 1px solid #dfdfdf
}

@media screen and (max-width:640px) {
    .b-work-panel__links {
        padding: 20px 15px
    }
}

.b-work-rating {
    display: table;
    width: 100%
}

@media screen and (max-width:420px) {
    .b-work-rating {
        display: block
    }
}

.b-work-rating__body {
    display: table-cell;
    vertical-align: middle
}

@media screen and (max-width:420px) {
    .b-work-rating__body {
        display: block;
        text-align: center
    }
}

.b-work-rating__body strong,
.no-opacity .b-step-four__sidebar .jq-radio.checked+label:before,
.no-rgba .b-add-form-tab ul li.active:before {
    display: block
}

.b-work-rating__link {
    display: table-cell;
    vertical-align: middle;
    text-align: right
}

@media screen and (max-width:420px) {
    .b-work-rating__link {
        margin-top: 5px;
        display: block
    }
}

.b-work-rating__link .btn {
    text-align: center
}

@media screen and (max-width:420px) {
    .b-work-rating__link .btn {
        width: 100%
    }
}

.b-work-rating__count {
    padding-left: 33px;
    color: #010101;
    font-family: "Raleway", sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.24;
    position: relative
}

@media screen and (max-width:420px) {
    .b-work-rating__count {
        display: inline-block;
        margin-left: -7px
    }
}

.b-work-rating__count i {
    display: block;
    top: 5px;
    left: 0;
    position: absolute
}

.b-add-form__line div,
.b-work__image {
    position: relative
}

.b-work__image img {
    position: relative;
    z-index: 1
}

.b-work__button {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 2
}

.b-comments {
    margin-top: 40px
}

@media screen and (max-width:740px) {
    .b-comments {
        margin-top: 20px
    }
}

.b-comments__title {
    font-family: "Raleway", sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #010101
}

.b-comments__title span {
    color: #3da2d6
}

.b-comments__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.b-comments__item {
    border: 1px solid #d0d0cf;
    padding: 17px 19px;
    font-size: 16px;
    position: relative;
    background: #fff;
    line-height: 1.5;
    margin-top: 27px
}

@media screen and (max-width:640px) {
    .b-comments__item {
        padding: 13px 15px
    }
}

.b-comments__item:after,
.b-comments__item:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 8px 0
}

.b-comments__item:before {
    z-index: 1;
    top: 10px;
    left: -11px
}

.b-comments__item:before,
.no-rgba .b-comments__item:before {
    border-color: transparent #d0d0cf transparent transparent
}

.b-comments__item:after {
    z-index: 2;
    top: 11px;
    left: -8px
}

.b-comments__item:after,
.no-rgba .b-comments__item:after {
    border-color: transparent #f2f2f2 transparent transparent
}

.b-comments__item:first-child,
.b-comments__row:first-child {
    margin-top: 0
}

.b-comments__meta {
    margin-top: 13px;
    color: #797979;
    font-size: 15px
}

.b-comments__meta:after,
.b-comments__meta:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-comments__meta:after {
    clear: both
}

.b-comments__meta a,
.b-comments__meta span {
    margin-right: 5px
}

.b-comments__autor {
    float: left
}

span.b-comments__time {
    float: right;
    margin-right: 0
}

.b-comments__form {
    background: #fff;
    padding: 25px;
    margin-top: 37px
}

@media screen and (max-width:640px) {
    .b-comments__form {
        padding: 15px
    }
}

.b-comments__row {
    margin-top: 25px
}

#comments-form-message+.b-comments__row {
    margin-top: 0
}

.b-comments__row label {
    display: block;
    color: #010101;
    font-family: "Raleway", sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3529411765;
    margin-bottom: 19px
}

.b-comments__row.inline label {
    display: inline;
    margin-bottom: 0;
    font-weight: 400
}

.b-comments__row.button {
    text-align: right
}

.b-comments__row textarea {
    width: 100%;
    border: 1px solid #c4c4c4;
    padding: 12px
}

.b-comment__toolbar:after,
.b-comment__toolbar:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-comment__toolbar:after {
    clear: both
}

.comments-form-message-info {
    background: #3da2d6;
    padding: 10px 15px;
    color: #fff;
    margin-bottom: 20px
}

.b-work-other {
    padding: 2rem 0 1rem
}

.b-work-other .b-work-other__item .title {
    display: block;
    padding: 18px;
    color: #010101;
    line-height: 23px
}

.b-work-other .b-work-other__item .author {
    padding: 0 18px 18px;
    color: #8b8b8b;
    font-size: 16px;
    font-weight: 400
}

.b-add-form {
    display: table;
    width: 100%;
    table-layout: fixed;
    color: #000
}

.b-add-form__main {
    display: table-cell;
    vertical-align: top
}

@media screen and (max-width:980px) {
    .b-add-form__main {
        display: block;
        width: auto
    }
}

.b-add-form__sidebar {
    display: table-cell;
    width: 300px;
    vertical-align: top;
    padding-left: 20px
}

@media screen and (max-width:980px) {
    .b-add-form__sidebar {
        display: block;
        width: auto;
        padding-left: 0;
        margin-top: 20px
    }
}

@media screen and (max-width:980px) and (max-width:790px) {
    .b-add-form__sidebar {
        margin-top: 15px
    }
}

.b-add-form__sidebar.is-active {
    margin-left: 25.1%
}

@media screen and (max-width:790px) {
    .b-add-form__sidebar.is-active {
        margin-left: 0
    }
}

.b-add-form__row {
    display: block;
    margin-top: 20px
}

@media screen and (max-width:790px) {
    .b-add-form__row {
        margin-top: 15px
    }
}

.b-add-form__row.footer {
    margin-top: 40px;
    text-align: center
}

@media screen and (max-width:790px) {
    .b-add-form__row.footer {
        margin-top: 30px
    }
}

.b-add-form__row.footer .btn {
    margin-bottom: 49px
}

@media screen and (max-width:790px) {
    .b-add-form__row.footer .btn {
        margin-bottom: 30px
    }
}

.b-add-form__row.footer sup {
    font-weight: 700;
    color: #3da2d6
}

.b-add-form__row:first-child {
    margin-top: 0
}

.b-add-form__row input[type=email],
.b-add-form__row input[type=password],
.b-add-form__row input[type=phone],
.b-add-form__row input[type=search],
.b-add-form__row input[type=tel],
.b-add-form__row input[type=text],
.b-add-form__row select,
.b-add-form__row textarea {
    border: 1px solid #bababa;
    background: #fff
}

.b-add-form__row input[type=email]:focus,
.b-add-form__row input[type=password]:focus,
.b-add-form__row input[type=phone]:focus,
.b-add-form__row input[type=search]:focus,
.b-add-form__row input[type=tel]:focus,
.b-add-form__row input[type=text]:focus,
.b-add-form__row select:focus,
.b-add-form__row textarea:focus {
    border-color: #3da2d6
}

.b-add-form__row input[type=email].error,
.b-add-form__row input[type=password].error,
.b-add-form__row input[type=phone].error,
.b-add-form__row input[type=search].error,
.b-add-form__row input[type=tel].error,
.b-add-form__row input[type=text].error,
.b-add-form__row select.error,
.b-add-form__row textarea.error {
    border: 1px solid #c01f6f;
    background: #f7e2e1
}

.b-add-form__label {
    display: inline-block;
    width: 29.1%;
    margin-right: -4px;
    font-size: 16px;
    font-weight: 400;
    padding-right: 10px;
    box-sizing: border-box;
    vertical-align: middle;
    padding-top: 0
}

@media screen and (max-width:1080px) {
    .b-add-form__label {
        font-size: 14px;
        width: 25.1%
    }
}

@media screen and (max-width:790px) {
    .b-add-form__label {
        width: auto;
        margin-bottom: 10px;
        display: block;
        font-size: 16px
    }
}

.no-mediaqueries .b-add-form__label {
    font-size: 14px
}

.b-add-form__label sup {
    color: #40aba6;
    font-weight: 700
}

.b-add-form__text {
    display: inline-block;
    width: 70.9%;
    margin-right: -4px
}

@media screen and (max-width:790px) {
    .b-add-form__text {
        width: auto;
        margin-bottom: 10px;
        display: block
    }
}

.b-add-form__input {
    display: inline-block;
    width: 44.8%;
    margin-right: -4px;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    vertical-align: middle;
    padding-right: 16px;
    box-sizing: border-box
}

@media screen and (max-width:1080px) {
    .b-add-form__input {
        width: 40.8%
    }
}

@media screen and (max-width:790px) {
    .b-add-form__input {
        width: auto;
        margin-bottom: 10px;
        display: block
    }
}

.b-add-form__input input,
.b-add-form__input textarea {
    width: 100%;
    max-width: 100%
}

.b-add-form__input textarea {
    min-height: 84px
}

.b-add-form__input label.error {
    color: #c01f6f;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    display: block !important;
    margin-top: 5px
}

.b-add-form__button {
    display: inline-block;
    width: 26%;
    margin-right: -4px;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    vertical-align: top
}

@media screen and (max-width:1080px) {
    .b-add-form__button {
        width: 34%
    }
}

@media screen and (max-width:790px) {
    .b-add-form__button {
        width: auto;
        display: block
    }
}

.b-add-form__button .btn {
    padding: 8px 15px;
    font-size: 14px;
    cursor: pointer
}

.b-add-form__button .btn span {
    font-weight: 400;
    font-size: 16px
}

@media screen and (max-width:790px) {
    .b-add-form__button .btn {
        width: 100%
    }
}

.b-add-form__close {
    position: absolute;
    right: -39px;
    display: block;
    top: 6px;
    width: 18px;
    height: 18px;
    border: 2px solid #c01f6f;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    font-weight: 400;
    color: #c01f6f;
    opacity: 1;
    font-size: 14px;
    transition: opacify .3s ease;
    will-change: opacity;
    cursor: pointer
}

@media screen and (max-width:790px) {
    .b-add-form__close {
        position: relative;
        display: block;
        top: 0;
        right: auto;
        margin-top: 10px;
        width: auto;
        height: 30px;
        line-height: 30px;
        border-radius: 30px;
        margin-bottom: 20px
    }
}

.b-add-form__close:hover {
    opacity: .7;
    text-decoration: none
}

.b-add-form__line {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

.b-add-form__line:first-child .b-add-form__close {
    display: none;
    visibility: hidden
}

.b-add-form__line+.b-add-form__line {
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid #3da2d6
}

.b-add-form-panel {
    background: #fff;
    border-radius: 5px
}

.b-add-form-panel__header {
    background: #3da2d6;
    color: #fff;
    padding: 24px;
    border-radius: 5px 5px 0 0
}

.b-add-form-panel__header.light {
    background: #b4c45b
}

.b-add-form-panel__title {
    color: #fff;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2380952381;
    margin: 0
}

.b-add-form-panel__date {
    margin-top: 10px;
    color: #ade2df;
    font-size: 15px
}

.light .b-add-form-panel__date {
    color: #eaf1c2
}

.b-add-form-panel__text {
    padding: 24px;
    font-size: 14px;
    color: #000
}

.b-add-form-panel__text p {
    margin-bottom: 24px
}

.b-add-form-panel__text a {
    color: #000;
    border-bottom: 1px solid #000;
    transition: border .3s ease;
    text-decoration: none
}

.b-add-form-panel__text a:hover {
    text-decoration: none;
    border-bottom-color: transparent
}

.work_data {
    border-bottom: 1px solid #3da2d6;
    margin: 0 0 20px -10px;
    padding: 0 0 19px 10px;
    counter-increment: my-awesome-counter;
    position: relative
}

.work_data .b-add-form__row:first-child .b-add-form__label .star:before {
    content: "№" counter(my-awesome-counter);
    margin: 0 .25rem;
    font-weight: 700
}

.work_data+.work_data .b-add-form__close {
    display: block;
    visibility: visible
}

.b-add-form-panel__footer {
    padding: 24px;
    border-top: 1px solid #e5e5e5
}

.b-add-form-panel__price {
    font-size: 14px
}

.b-add-form-panel__price:after,
.b-add-form-panel__price:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-add-form-panel__price:after {
    clear: both
}

.b-add-form-panel__price>span {
    float: right;
    font-weight: 700
}

.b-add-form-panel__price .b-rub {
    color: #3da2d6;
    font-weight: 400
}

.b-add-form-panel__price+.b-add-form-panel__price {
    margin-top: 20px
}

.b-add-form-panel__price.big {
    font-weight: 700;
    vertical-align: middle;
    padding-top: 10px;
    line-height: 1
}

.b-add-form-panel__price.big>span {
    margin-top: -10px;
    font-size: 32px
}

.b-add-form-panel__price .odometer {
    margin-top: -6px
}

.b-add-form-tab {
    position: relative
}

.b-add-form-tab ul {
    list-style: none;
    padding: 0;
    margin: 0 0 27px;
    border-radius: 40px;
    display: inline-block;
    vertical-align: top
}

@media screen and (max-width:790px) {
    .b-add-form-tab ul {
        width: 100%
    }
}

.b-add-form-tab ul li {
    background: #fff;
    border-radius: 0 40px 40px 0;
    float: left;
    margin-top: 0;
    vertical-align: top;
    padding: 0;
    transition: background .5s ease;
    border: 2px solid #3da2d6;
    position: relative
}

@media screen and (max-width:790px) {
    .b-add-form-tab ul li {
        width: 50%;
        box-sizing: border-box;
        text-align: center
    }
}

.b-add-form-tab ul li:after {
    display: none
}

.b-add-form-tab ul li:before {
    content: "";
    opacity: 0;
    transition: opacity .5s ease;
    position: absolute;
    width: 0;
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    height: 0;
    border-style: solid;
    border-width: 12px 11px 0;
    border-color: #3da2d6 transparent transparent
}

.no-rgba .b-add-form-tab ul li:before {
    display: none;
    border-color: #3da2d6 transparent transparent
}

.b-add-form-tab ul li:first-child {
    border-radius: 40px 0 0 40px
}

.b-add-form-tab ul li a,
.b-add-form__inline a {
    line-height: 35px;
    padding: 0 35px;
    font-size: 16px;
    color: #3da2d6;
    display: block;
    -webkit-user-select: none;
    user-select: none;
    transition: color .5s ease
}

@media screen and (max-width:790px) {
    .b-add-form-tab ul li a {
        font-size: 18px;
        line-height: 45px;
        padding: 0 10px
    }
}

.b-add-form-tab ul li:hover {
    background: #f8f8f8
}

.b-add-form-tab ul li.active {
    background: #3da2d6
}

.b-add-form-tab ul li.active:before,
.b-step-four__sidebar .jq-radio.checked+label:before {
    opacity: 1
}

.b-add-form-tab__subtext {
    position: absolute;
    top: -8px;
    left: 330px;
    width: 225px;
    color: #565656;
    font-size: 14px;
    font-style: italic;
    line-height: 17px
}

@media screen and (max-width:1100px) {
    .b-add-form-tab__subtext {
        display: none;
        visibility: hidden
    }
}

.b-add-form-tab__subtext:after {
    content: "";
    display: none
}

.b-add-form__inline-wrapper {
    margin: -12px -12px 13px
}

@media screen and (max-width:380px) {
    .b-add-form__inline-wrapper {
        margin: -5px -5px 13px
    }
}

.b-add-form__helper {
    color: #565656;
    font-size: 14px
}

.b-add-form__helper p {
    margin-bottom: 0
}

.b-add-form__inline {
    display: inline-block;
    margin-right: -4px;
    padding: 12px;
    width: 33.33332%;
    box-sizing: border-box;
    vertical-align: top
}

@media screen and (min-width:791px) and (max-width:1085px) {
    .b-add-form__inline {
        width: 50%
    }
}

@media screen and (max-width:565px) {
    .b-add-form__inline {
        width: 50%
    }
}

@media screen and (max-width:380px) {
    .b-add-form__inline {
        padding: 5px
    }
}

.no-mediaqueries .b-add-form__inline {
    width: 50%
}

.b-add-form__inline a {
    padding: 15px 20px 0 55px;
    height: 66px;
    box-sizing: border-box;
    border: 2px solid #c1c1c1;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    line-height: 1.1;
    font-size: 14px;
    box-shadow: 0 4px 0 transparent;
    transition: border .3s ease, background .3s ease, box-shadow .3s ease;
    color: #000;
    will-change: border, background, box-shadow
}

.b-add-form__inline a.active,
.b-add-form__inline a:hover {
    background: #fff;
    border-color: #3da2d6;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .14);
    text-decoration: none
}

@media screen and (max-width:360px) {
    .b-add-form__inline a {
        height: 58px;
        padding: 11px 0 0 48px
    }
}

.b-add-form__inline a i {
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 9px
}

@media screen and (max-width:360px) {
    .b-add-form__inline a i {
        transform: scale(.8);
        left: 3px;
        top: 9px
    }
}

.b-add-form__inline a.card i,
.b-add-form__inline a.webmoney i,
.b-add-form__inline a.yandex i {
    background-image: url(../images/s-form.png);
    background-position: 0 0;
    width: 38px;
    height: 38px
}

.b-add-form__inline a.webmoney i,
.b-add-form__inline a.yandex i {
    background-position: -43px 0
}

.b-add-form__inline a.alphabank,
.b-add-form__inline a.webmoney {
    padding-top: 22px
}

.b-add-form__inline a.webmoney i {
    background-position: 0 -43px;
    width: 37px;
    height: 37px
}

.b-add-form__inline a.alphabank i,
.b-add-form__inline a.sberbank i {
    background-image: url(../images/s-form.png);
    background-position: -42px -43px;
    width: 37px;
    height: 36px
}

.b-add-form__inline a.alphabank i {
    background-position: -86px -26px;
    width: 23px;
    left: 16px
}

.b-add-form__label-repeat {
    position: absolute;
    left: -29.1%;
    top: 0
}

.b-step-two__description {
    font-size: 16px
}

.b-step-two__description p {
    margin: 0 0 .3em
}

.b-step-two__description p:last-child {
    padding-bottom: 0
}

.b-step-final__description a,
.b-step-two__description a {
    text-decoration: none;
    color: #398581;
    border-bottom: 1px solid #398581;
    transition: border .3s ease
}

.b-step-final__description a:hover,
.b-step-two__description a:hover {
    border-bottom-color: transparent
}

.b-step-two__block {
    margin-top: 50px;
    max-width: 870px
}

.b-step-two__row,
.b-step-two__title {
    font-size: 23px;
    margin-bottom: 20px
}

.b-step-two__row {
    background: #fff;
    font-size: 15px
}

.b-step-two__row:last-child {
    margin-bottom: 0
}

.b-step-two__name {
    display: inline-block;
    vertical-align: middle;
    padding: 20px 25px;
    color: #545454;
    margin-right: -4px;
    width: 40.9%;
    box-sizing: border-box
}

@media screen and (max-width:720px) {
    .b-step-two__name {
        display: block;
        width: auto;
        padding: 10px 15px 5px
    }
}

.b-step-two__link {
    width: 36.8%;
    display: inline-block;
    vertical-align: middle;
    padding: 20px 10px 20px 27px;
    position: relative;
    margin-right: -4px
}

@media screen and (max-width:720px) {
    .b-step-two__link {
        display: block;
        width: auto;
        padding: 5px 15px 5px 43px
    }
}

.no-mediaqueries .b-step-two__link {
    width: 54.8%
}

.b-step-two__link:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 0;
    display: block;
    background: url(../img/sprite.svg) 29.5454545455% 97.67% no-repeat;
    width: 18px;
    height: 18px
}

.no-svg .b-step-two__link:before {
    background-image: url(../img/sprite.png);
    background-position: -147px -83px;
    width: 16px;
    height: 16px
}

.b-step-two__link pre {
    margin: 0;
    font-family: "Roboto", sans-serif;
    text-decoration: underline;
    overflow: hidden;
    text-overflow: ellipsis
}

.b-step-two__button {
    width: 16.2%;
    margin-right: -4px;
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width:720px) {
    .b-step-two__button {
        display: block;
        width: auto;
        padding: 5px 15px 15px
    }
}

.no-mediaqueries .b-step-two__button,
.no-opacity .b-step-four__sidebar label:before {
    display: none
}

.b-step-two__button .btn {
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    padding: 10px 5px
}

.b-step-slider {
    position: relative;
    margin-bottom: 60px
}

@media screen and (max-width:555px) {
    .b-step-slider {
        margin-bottom: 30px
    }
}

.b-step-slider__label {
    float: left;
    display: block;
    width: 210px;
    color: #000;
    font-size: 23px;
    font-weight: 700;
    line-height: 27px
}

@media screen and (max-width:555px) {
    .b-step-slider__label {
        float: none;
        width: auto;
        margin-bottom: 10px
    }
}

.b-step-slider__main {
    margin-left: 210px;
    padding-top: 10px
}

@media screen and (max-width:555px) {
    .b-step-slider__main {
        margin-left: 0
    }
}

.b-step-slider__range {
    width: 100%;
    position: relative;
    height: 9px;
    border-radius: 9px;
    background-color: #dfdfdf
}

.b-step-slider__range-inner {
    background: #3da2d6;
    height: 9px;
    border-radius: 9px;
    position: absolute;
    top: 0;
    left: 0
}

.b-step-slider__range-inner i {
    border-radius: 50%;
    position: absolute;
    margin-top: -17px;
    top: 50%;
    right: -17px;
    width: 34px;
    height: 34px;
    display: block;
    background-color: #6ad6d1
}

@media screen and (max-width:555px) {
    .b-step-slider__range-inner i {
        margin-top: -11px;
        right: -11px;
        width: 22px;
        height: 22px
    }
}

.b-step-four__main {
    display: table;
    table-layout: fixed;
    width: 100%
}

.b-step-four__text {
    display: table-cell;
    background: #fff;
    padding: 40px
}

@media screen and (max-width:750px) {
    .b-step-four__text {
        display: block;
        padding: 15px
    }
}

.b-step-four__text h3 {
    color: #000;
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    margin: 0
}

.b-step-four__sidebar {
    width: 330px;
    padding-left: 20px;
    display: table-cell;
    vertical-align: top
}

@media screen and (max-width:750px) {
    .b-step-four__sidebar {
        display: block;
        padding-left: 0;
        margin-top: 25px;
        width: auto
    }
}

.b-step-four__sidebar h4 {
    margin: -35px 0 8px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 27px
}

@media screen and (max-width:750px) {
    .b-step-four__sidebar h4 {
        margin: 0 0 8px
    }
}

.b-step-four__sidebar .jq-radio {
    display: none !important
}

.b-step-four__sidebar .jq-radio.checked+label {
    border-color: #3da2d6;
    color: #398581
}

.b-step-four__sidebar label {
    padding: 16px 16px 16px 55px;
    border: 2px solid #fff;
    position: relative;
    background: #fff;
    font-size: 16px;
    color: #000;
    line-height: 1.1;
    display: block;
    cursor: pointer;
    transition: border .3s ease, color .3s ease
}

.b-step-four__sidebar label:after {
    content: " ";
    border: 1px solid #707070;
    border-radius: 50%;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 16px;
    left: 16px
}

.b-step-four__sidebar label:before {
    content: " ";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #3da2d6;
    border-radius: 50%;
    top: 21px;
    left: 21px;
    transition: opacity .3s ease;
    opacity: 0
}

.b-step-four__row {
    margin-bottom: 18px
}

.b-step-four__row [type=radio] {
    display: none
}

.b-step-four__row [type=radio]:checked+label:before {
    opacity: 1
}

.b-step-four__row .btn {
    font-size: 21px;
    font-weight: 400;
    width: 100%;
    font-family: "Roboto", sans-serif
}

.b-step-four__row.footer,
.b-step-four__row:last-child {
    margin-bottom: 0
}

.b-step-final__header {
    margin-bottom: 57px;
    position: relative;
    font-size: 15px;
    color: #000
}

.b-step-final__header:after,
.b-step-final__header:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-step-final__header:after {
    clear: both
}

@media screen and (max-width:1000px) {
    .b-step-final__header {
        font-size: 14px
    }
}

@media screen and (max-width:450px) {
    .b-step-final__header {
        margin-bottom: 25px
    }
}

.b-step-final__description {
    width: 50%;
    float: left;
    vertical-align: top;
    padding-right: 30px;
    box-sizing: border-box;
    line-height: 1.7
}

@media screen and (max-width:920px) {
    .b-step-final__description {
        width: auto;
        float: none;
        padding-right: 0
    }
}

.b-step-final__info {
    max-width: 50%;
    padding-left: 30px;
    float: right;
    box-sizing: border-box;
    margin-bottom: -8px
}

@media screen and (max-width:920px) {
    .b-step-final__info {
        width: auto;
        float: none;
        padding: 0;
        max-width: 100%
    }
}

@media screen and (max-width:920px) {
    .b-step-final__info dl {
        width: 100%;
        display: block
    }
}

.b-step-final__info dl dd,
.b-step-final__info dl dt {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top
}

.b-step-final__info dl dt {
    margin-right: 0 -4px 8px 0;
    width: 40%;
    margin-bottom: 13px;
    padding-right: 5px
}

@media screen and (max-width:920px) {
    .b-step-final__info dl dt {
        text-align: right
    }
}

@media screen and (max-width:450px) {
    .b-step-final__info dl dt {
        display: block;
        margin: 0 0 5px;
        text-align: left;
        padding-right: 0
    }
}

.b-step-final__info dl dd {
    margin: 0 -4px 8px 0;
    width: 60%;
    font-weight: 700;
    padding-left: 5px
}

@media screen and (max-width:450px) {
    .b-step-final__info dl dd {
        display: block;
        margin: 0 0 8px;
        padding-left: 0
    }
}

.b-step-final__bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
    background: #c5c5c5;
    display: block;
    width: 1px
}

@media screen and (max-width:920px) {
    .b-step-final__bg {
        width: 100%;
        display: block;
        position: relative;
        height: 1px;
        margin: 30px 0;
        left: auto;
        top: auto;
        bottom: auto
    }
}

.b-step-final__text {
    background: #fff;
    padding: 60px
}

@media screen and (max-width:670px) {
    .b-step-final__text {
        padding: 25px
    }
}

.b-step-final__title {
    margin: 0 0 10px;
    font-weight: 400;
    color: #3da2d6;
    font-size: 26px;
    text-align: center
}

@media screen and (max-width:450px) {
    .b-step-final__title {
        font-size: 24px
    }
}

.b-step-final__subtitle {
    color: #000;
    font-weight: 400;
    font-size: 15px;
    text-align: center
}

.b-step-final__image,
.b-step-itogi th.last {
    text-align: center
}

.b-step-final__image img {
    box-shadow: 0 22px 39px 0 rgba(0, 0, 0, .4)
}

.b-step-final__footer {
    margin-top: 60px;
    text-align: center
}

.b-step-final__footer .btn {
    font-weight: 400;
    font-size: 21px
}

.b-step-itogi {
    font-size: 16px
}

@media screen and (max-width:850px) {
    .b-step-itogi {
        display: block
    }
}

.b-step-itogi th {
    vertical-align: bottom;
    color: #9a9a9a;
    font-weight: 400;
    padding: 0 15px 10px
}

.b-step-itogi th.country span {
    display: inline-block;
    min-width: 140px
}

.b-step-itogi td {
    vertical-align: middle;
    padding: 15px 0 15px 15px
}

.b-step-itogi td.name,
.b-step-itogi td.subname {
    width: 250px
}

@media screen and (max-width:850px) {
    .b-step-itogi td {
        display: block;
        margin-right: -4px;
        vertical-align: top;
        padding: 15px 10px;
        border-top: 1px solid #eaeaea;
        width: 100%;
        box-sizing: border-box
    }

    .b-step-itogi td:first-child {
        border-top: 0
    }

    .b-step-itogi td:before {
        display: block;
        color: #000;
        margin-bottom: 10px;
        font-weight: 700;
        font-size: 16px
    }

    .b-step-itogi td.name,
    .b-step-itogi td.subname {
        width: 100%
    }

    .b-step-itogi td.name:before {
        content: "ФИО участника"
    }

    .b-step-itogi td [hidden] {
        display: block
    }

    .b-step-itogi td.subname:before {
        content: "ФИО руководителя"
    }

    .b-step-itogi td.description:before {
        content: "Наименование ОУ"
    }

    .b-step-itogi td.country:before {
        content: "Страна"
    }
}

.b-step-itogi td.last {
    width: 76px;
    color: #fff;
    background: #3da2d6;
    font-size: 28px;
    text-align: center;
    padding-right: 15px
}

@media screen and (max-width:850px) {
    .b-step-itogi td.last {
        position: absolute;
        top: -12px;
        right: -5px;
        padding: 0;
        line-height: 35px;
        height: 35px;
        width: 35px;
        font-size: 20px
    }
}

.b-step-itogi td.grey {
    color: #737373
}

@media screen and (max-width:850px) {
    .b-step-itogi tr.header {
        display: none
    }

    .b-step-itogi tr {
        position: relative;
        display: block
    }

    .b-step-itogi tr.active {
        border-bottom: 1px solid #3da2d6
    }
}

.b-step-itogi tr.active td {
    border: 1px solid #3da2d6;
    border-left: 0;
    border-right: 0
}

@media screen and (max-width:850px) {
    .b-step-itogi tr.active td {
        border-bottom: 0;
        border-top: 1px solid #eaeaea;
        border-left: 1px solid #3da2d6;
        border-right: 1px solid #3da2d6
    }
}

.b-step-itogi tr.active td:first-child {
    border-left: 1px solid #3da2d6
}

@media screen and (max-width:850px) {
    .b-step-itogi tr.active td:first-child {
        border-top: 1px solid #3da2d6
    }
}

.b-step-itogi tr.active+.active td {
    border-top: 0
}

.b-step-itogi .icon-arrow-down-3,
.b-step-itogi .icon-arrow-up-3 {
    display: inline-block;
    margin-left: 5px;
    height: 8px;
    line-height: 1;
    vertical-align: middle
}

.b-step-itogi .icon-arrow-down-3:before,
.b-step-itogi .icon-arrow-up-3:before {
    content: " ";
    width: 14px;
    height: 8px;
    display: inline-block;
    vertical-align: sub
}

.b-step-itogi .icon-arrow-down-3 {
    background: url(../images/down-ancor.svg) no-repeat 0 0
}

.no-svg .b-step-itogi .icon-arrow-down-3 {
    background: url(../images/down-ancor.png) no-repeat 0 0
}

.b-step-itogi .icon-arrow-up-3 {
    background: url(../images/up-ancor.svg) no-repeat 0 0;
    margin-top: -2px
}

.no-svg .b-step-itogi .icon-arrow-up-3 {
    background: url(../images/up-ancor.png) no-repeat 0 0
}

.b-step-itogi .js-stools-column-order {
    white-space: nowrap
}

tr.b-step-itogi__separator {
    background: 0 0
}

tr.b-step-itogi__separator td {
    height: 18px;
    padding: 0
}

.b-work-document {
    padding-left: 50px;
    position: relative;
    min-height: 37px
}

.b-work-document+.b-work-document {
    margin-top: 1em
}

.b-step-itogi__link {
    text-decoration: underline;
    text-decoration-style: dotted;
    color: #000
}

.b-step-itogi .b-step-itogi__link {
    position: relative;
    display: inline-block;
    padding-left: 40px;
    vertical-align: middle
}

.b-step-itogi__link i {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -18px
}

.b-step-itogi__link:hover {
    text-decoration: none
}

.b-step-itogi__link.nolink {
    padding-left: 0
}

.b-step-itogi__link.nolink span {
    border-bottom-color: transparent;
    margin-left: 0
}

.b-step-itogi__description {
    margin-bottom: 60px;
    overflow: hidden
}

.b-step-itogi__description .b-article__time {
    margin-right: 0
}

.b-step-itogi__description:after,
.b-step-itogi__description:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-step-itogi__description:after {
    clear: both
}

@media screen and (max-width:920px) {
    .b-step-itogi__description {
        margin-bottom: 30px
    }
}

@media screen and (max-width:850px) {
    .b-step-itogi__description {
        margin-bottom: 20px
    }
}

.b-guestbook {
    position: relative
}

.b-guestbook:after,
.b-guestbook:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-guestbook:after {
    clear: both
}

.b-guestbook__item {
    background: #fff;
    padding: 22px;
    margin-top: 25px;
    font-size: 14px;
    overflow: hidden;
    line-height: 1.9285714286
}

.b-guestbook__item:first-child {
    margin-top: 0
}

.b-guestbook__header {
    overflow: hidden;
    margin-bottom: 22px;
    font-size: 17px
}

.b-guestbook__avatar {
    width: 37px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.b-guestbook__name {
    float: left
}

.b-guestbook__meta {
    float: right;
    color: #a0a0a0;
    font-size: 15px;
    line-height: 37px
}

.b-guestbook__footer {
    width: 100%;
    float: none;
    margin: 15px 0 0;
    padding: 15px 0 0;
    border-top: 1px solid #ebebeb
}

.b-guestbook__footer:after,
.b-guestbook__footer:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.b-guestbook__footer:after {
    clear: both
}

.b-guestbook__form {
    float: right;
    width: 380px;
    background: #fff;
    padding: 30px 25px;
    box-sizing: border-box
}

@media screen and (max-width:980px) {
    .b-guestbook__form {
        width: 320px
    }
}

@media screen and (max-width:800px) {
    .b-guestbook__form {
        width: 280px
    }
}

@media screen and (max-width:740px) {
    .b-guestbook__form {
        width: auto;
        float: none;
        padding: 20px 15px;
        margin-bottom: 22px
    }
}

.b-guestbook__form+.b-guestbook__wrapper,
.is-sticky+.b-guestbook__wrapper {
    margin-right: 400px
}

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

    .b-guestbook__form+.b-guestbook__wrapper,
    .is-sticky+.b-guestbook__wrapper {
        margin-right: 340px
    }
}

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

    .b-guestbook__form+.b-guestbook__wrapper,
    .is-sticky+.b-guestbook__wrapper {
        margin-right: 300px
    }
}

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

    .b-guestbook__form+.b-guestbook__wrapper,
    .is-sticky+.b-guestbook__wrapper {
        margin-right: 0
    }
}

.b-guestbook__row {
    margin-top: 20px
}

.b-guestbook__row:first-child {
    margin-top: 0
}

.b-guestbook__row input,
.b-guestbook__row textarea {
    width: 100%
}

.b-quiz-filter,
.sitemap ul {
    list-style: none;
    margin: 0 0 30px;
    padding: 0
}

.b-quiz-filter__item {
    display: inline-block;
    margin: 5px 18px 5px 0;
    position: relative
}

.b-quiz-filter__item a {
    display: block;
    line-height: 1;
    padding: 20px 28px;
    background: #fff;
    border: 1px solid #3da2d6;
    color: #154a65;
    font-size: 17px;
    text-decoration: none;
    transition: color .3s ease, background .3s ease
}

.b-quiz-filter__item a sup {
    transition: color .3s ease;
    color: #010101;
    font-weight: 700
}

.b-quiz-filter__item.active a,
.b-quiz-filter__item:hover a {
    background: #3da2d6;
    color: #fff
}

.b-quiz-filter__item.active a span,
.b-quiz-filter__item:hover a span {
    color: #9ddcd9
}

.b-quiz-filter__item.dlya-doshkolnikov a,
.b-quiz-filter__item.dlya-shkolnikov a {
    padding-left: 70px
}

.b-quiz-filter__item.dlya-doshkolnikov a:before,
.b-quiz-filter__item.dlya-shkolnikov a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -20px
}

.b__contact {
    background: #fff;
    padding: 1.5rem
}

.b__contact .b__contact-info {
    float: left;
    width: 48%
}

.b__contact .b__contact-form {
    margin-left: 52%
}

.b__contact .b__contact-form .control-group {
    margin-bottom: .5rem
}

.b__contact .b__contact-form .control-label {
    margin-bottom: .25rem
}

.b__contact .b__contact-form .text {
    font-size: .75rem;
    color: #666
}

.b__contact .b__contact-form input[type=email],
.b__contact .b__contact-form input[type=text],
.b__contact .b__contact-form textarea {
    box-sizing: border-box;
    width: 100%;
    background: #f2f2f2
}

.b-blog__items .b-blog__grid {
    background: #fff;
    padding: 1em
}

.b-blog__items .b-blog__grid+.b-blog__grid {
    margin-top: 1.5em
}

.sitemap ul {
    margin: 0
}

.sitemap ul ul {
    margin: 0 0 0 1.5rem
}

.sitemap ul ul li:first-child {
    margin-top: .25rem
}

.sitemap ul li+li,
.sitemap ul+ul {
    margin-top: .25rem
}

#system-readmore {
    max-width: 100%;
    width: 100% !important
}

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