@-webkit-keyframes opacity {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes opacity {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes menu {
    0% {
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes menu {
    0% {
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes btn-send {
    0% {
        -webkit-transform: scale(.6);
                transform: scale(.6);
        opacity: 0
    }
    33% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(1.4);
                transform: scale(1.4);
        opacity: 0
    }
}

@keyframes btn-send {
    0% {
        -webkit-transform: scale(.6);
                transform: scale(.6);
        opacity: 0
    }
    33% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(1.4);
                transform: scale(1.4);
        opacity: 0
    }
}

@-webkit-keyframes blink-border {
    0%, 50%, to {
        border-color: red
    }
    25%, 75% {
        border-color: transparent
    }
}

@keyframes blink-border {
    0%, 50%, to {
        border-color: red
    }
    25%, 75% {
        border-color: transparent
    }
}

@-webkit-keyframes blink-opacity {
    0%, 50%, to {
        opacity: 0
    }
    25%, 75% {
        opacity: 1
    }
}

@keyframes blink-opacity {
    0%, 50%, to {
        opacity: 0
    }
    25%, 75% {
        opacity: 1
    }
}

html {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.not-cursor {
    cursor: auto !important
}

article, aside, footer, header, main, nav, section {
    display: block;
    position: relative
}

.clr:after {
    clear: both;
    content: '';
    display: table
}

.center, .input {
    position: relative
}

.input {
    vertical-align: middle;
    padding: 0 20px;
    display: block;
    width: 100%;
    height: 46px;
    font-size: 14px;
    line-height: 18;
    -webkit-appearance: none;
    color: #2a3246;
    border: solid 1px rgba(150, 160, 170, .8);
    border-radius: 4px;
    background: rgba(255, 255, 255, .2);
    -webkit-box-shadow: inset 0 0 0 40px #fff;
            box-shadow: inset 0 0 0 40px #fff
}

.input--error {
    border-color: #FF461B
}

.input::-ms-clear {
    display: none
}

.input::-ms-reveal {
    display: none
}

.input:-ms-input-placeholder {
    color: rgba(42, 50, 70, .5);
}

textarea.input {
    resize: none;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 194px;
    line-height: 18px;
    padding: 14px 20px
}

textarea.input--h178 {
    height: 178px
}

.hidden {
    overflow: hidden
}

.capitalize {
    text-transform: capitalize
}

.center {
    position: relative;
    max-width: 940px;
    margin: 0 auto;
    width: 100%;
}

.btn {
    font-size: 15px;
    line-height: 46px;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    border: 0;
    text-align: center;
    padding: 0 20px;
    height: 46px;
    position: relative;
    color: #fff;
    white-space: nowrap;
    border-radius: 4px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btn--big, .btn--block {
    display: block
}

.btn--big {
    height: 52px;
    font-size: 16px;
    line-height: 52px
}

.btn--super-big {
    display: block;
    height: 70px;
    font-size: 22px;
    line-height: 70px
}

.btn--radius {
    border-radius: 100px;
    font-size: 15px;
}

.btn--white {
    color: #2a3246;
    background: #fff
}

.btn--white:hover {
    background: #f8f8fb
}

.btn--red {
    background: #FF461B
}

.btn--red:hover {
    background: #cd0034
}

.btn--yellow {
    color: #2a3246;
    background: #ffee2f
}

.btn--yellow:hover {
    background: #efe219
}

.btn--gray {
    background: #96a0aa
}

.btn--gray:hover {
    background: #788088
}

.btn--gray-light {
    color: #2a3246;
    background: #e4e7e8
}

.btn--gray-light:hover {
    color: #fff;
    background: #96a0aa
}

.btn--disabled {
    color: #96a0aa;
    cursor: default;
    background: #eaecee !important
}

.btn--radio {
    font-size: 14px;
    color: rgba(42, 50, 70, .6);
    padding: 0 20px 0 34px;
    border: solid 1px #d9dce3;
    text-align: left
}

.btn--radio:before {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 14px;
    left: 10px;
    content: '';
    border-radius: 50%;
    background: #eaecee
}

.btn--radio:hover {
    color: #2a3246
}

.btn--radio:not(.btn--checked):hover:before {
    background: #96a0aa
}

.btn--checked {
    opacity: 1;
    background: #ffee2f;
    color: #2a3246;
    border-color: #ffee2f
}

.btn--checked:before {
    width: 6px;
    height: 6px;
    opacity: 1;
    border: 5px solid #2a3246;
    background: #ffee2f
}

.as-select {
    position: relative;
    border: solid 1px rgba(150, 160, 170, .8);
    border-radius: 4px;
    background: #f9f9fc
}

.as-select__value {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    margin: 10px 32px 10px 16px;
    line-height: 19px;
    display: block
}

.as-select__text {
    opacity: .4
}

.as-select .ico {
    left: auto;
    right: 10px;
    top: 8px
}

.select2.select2-container .select2-selection--single {
    border: solid 1px rgba(150, 160, 170, .8);
    height: 41px;
    border-radius: 4px !important
}

.select2.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 10px 32px 10px 16px;
    line-height: 19px
}

.select2.select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: auto;
    margin: 0;
    right: 16px;
    top: 18px;
    border-width: 4px 4px 0;
    border-style: solid;
    border-color: rgba(41, 49, 70, .8) transparent
}

.select2.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(41, 49, 70, .8) transparent;
    border-width: 0 4px 4px
}

.select2.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: rgba(41, 49, 70, .8);
    border-radius: 0 !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-size: 14px !important;
    -webkit-appearance: none !important
}

.select2-container .select2-results__option {
    line-height: 17px;
    padding: 4px 7px;
    border-radius: 4px
}

.select2-container .select2-results .select2-results__option[aria-selected=true] {
    background: rgba(150, 160, 170, .2)
}

.select2-container .select2-results .select2-results__option.select2-results__option--highlighted {
    background: #ffee2f;
    color: #2b3246
}

.select2-search--dropdown {
    padding: 6px 0 !important
}

.select2-container .select2-dropdown {
    background: #fff;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
            box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
    margin-top: 2px;
    min-width: 280px;
    border: 0;
    padding: 8px 10px
}

.select2-container .select2-results__options {
    padding: 3px 9px 3px 0
}

.select2-container .select2-search--hide + .select2-results .select2-results__options {
    padding-right: 0
}

.ico {
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    position: absolute;
    vertical-align: top;
    display: inline-block;
    background: url(/bitrix/templates/centrofinans/images/sprite2.svg)
}

.ico--lock {
    background-position: -349px -237px
}

.ico--lock-black {
    background-position: -349px -196px
}

.ico--unlock {
    background-position: -348px -157px
}

.ico--unlock-black {
    background-position: -388px -157px
}

.ico--help {
    background-position: -284px -237px
}

.ico--help-black {
    background-position: -284px -196px
}

.ico--geo {
    background-position: -218px -237px
}

.ico--geo-gray {
    background-position: -509px -238px
}

.ico--geo-black {
    background-position: -218px -196px
}

.ico--plus {
    background-position: -97px -283px
}

.ico--ahtung {
    background-position: -40px -282px
}

.ico--close-black {
    background-position: -159px -282px
}

.ico--close-white {
    background-position: -159px -313px
}

.ico--left-gray {
    background-position: -463px -1400px
}

.ico--right-gray {
    background-position: -463px -1370px
}

.ico--arrow-right-red {
    width: 30px;
    height: 30px;
    background-position: -501px -372px
}

a:hover .ico--arrow-right-red {
    background-position: -501px -404px
}

.ico--arrow-right-gray {
    background-position: -454px -566px
}

.ico--arrow-right-blue {
    background-position: -454px -589px
}

.ico--arrow-left-gray {
    width: 30px;
    height: 30px;
    background-position: -451px -372px
}

.ico--arrow-up {
    width: 26px;
    height: 26px;
    background-position: -505px -576px
}

.ico--load {
    width: 24px;
    background-position: -287px -308px
}

a:hover .ico--load {
    background-position: -287px -268px
}

.ico--rus {
    right: 13px;
    top: 11px;
    left: auto;
    background-position: -164px -195px
}

.ico--jpg, .ico--pdf, .ico--png, .ico--rtf, .ico--txt, .ico--xls {
    height: 40px;
    width: 42px
}

.ico--doc {
    background-position: -122px -1479px
}

.ico--bmp, .ico--doc {
    height: 40px;
    width: 42px
}

.ico--png {
    background-position: -474px -1479px
}

.ico--jpg {
    background-position: -416px -1479px
}

.ico--xls {
    background-position: -354px -1479px
}

.ico--pdf {
    background-position: -296px -1479px
}

.ico--txt {
    background-position: -180px -1479px
}

.ico--rtf {
    background-position: -238px -1479px
}

.ico--bmp {
    background-position: -652px -1479px
}

.ico--docx, .ico--tiff, .ico--xlsx {
    height: 40px;
    width: 45px
}

.ico--docx {
    background-position: -62px -1479px
}

.ico--tiff {
    background-position: -592px -1479px
}

.ico--xlsx {
    background-position: -532px -1479px
}

.ico--plusik {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: -30px;
    top: -2px;
    border: 1px solid rgba(41, 49, 70, .8);
    background-position: -640px -199px
}

.ico--print {
    background-position: -453px -456px
}

.ico--mail-white {
    background-position: -503px -456px
}

.ico--tel {
    background-position: -562px -198px
}

.ico--mail {
    background-position: -511px -197px
}

.ico--envelope {
    background-position: -391px -312px
}

.ico--time {
    background-position: -460px -197px
}

.ico--time-white {
    background-position: -411px -236px
}

.ico--like {
    background-position: -218px -282px
}

.ico--map-mark {
    background-position: -412px -196px
}

.ico--map-mark-white {
    background-position: -675px -1380px
}

.ico--red-play {
    width: 48px;
    height: 48px;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    background: rgba(255, 1, 66, .9)
}

.ico--red-play:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    border-style: solid;
    border-width: 5px 6px;
    margin: -5px 0 0 -2px;
    border-color: transparent transparent transparent #fff
}

.ico--next, .ico--prev {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-position: -41px -597px
}

.ico--next {
    background-position: -101px -597px
}

.ico--prev:hover {
    background-position: -41px -641px
}

.ico--next:hover {
    background-position: -101px -641px
}

.ico--answer {
    width: 30px;
    height: 30px;
    background-position: -625px -370px
}

.ico--close {
    width: 32px;
    height: 32px;
    left: auto;
    right: 0;
    background-position: -379px -1367px
}

.ico--triangle {
    width: 46px;
    height: 40px;
    background-position: -570px -1374px
}

.ico--close-reset {
    background-position: -716px -1484px
}

.ico--hidden, .ico--visible {
    left: auto;
    right: 13px;
    top: 11px
}

.ico--visible {
    background-position: -759px -1373px
}

.ico--hidden {
    background-position: -759px -1400px
}

.ico--likes {
    background-position: -466px -313px
}

.ico--comment, .ico--likes, .ico--view {
    font-size: 0;
    color: transparent
}

.ico--comment {
    background-position: -537px -313px
}

.ico--view {
    background-position: -607px -313px
}

.main table {
    border: 0;
    border-collapse: collapse
}

.main td {
    vertical-align: top
}

.table {
    display: table
}

.table__tr {
    display: table-row
}

.table__td {
    display: table-cell;
    vertical-align: top
}

.table__td--bottom {
    vertical-align: bottom
}

.table__td--middle {
    vertical-align: middle
}

.table--fixed {
    width: 100%;
    table-layout: fixed
}

.nowrap {
    white-space: nowrap
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.align-middle {
    vertical-align: middle
}

.checkbox {
    cursor: pointer;
    line-height: 32px;
    position: relative;
    display: inline-block
}

.checkbox input {
    opacity: 0;
    z-index: -1;
    position: absolute
}

.checkbox i {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 4px;
    left: 0;
    background: url(/bitrix/templates/centrofinans/images/sprite2.svg) -38px -227px
}

.checkbox input:checked ~ i {
    background-position: -38px -197px
}

.checkbox--radio {
    line-height: 20px;
    padding-left: 25px;
    margin-bottom: 10px
}

.checkbox--radio i {
    width: 16px;
    height: 16px;
    opacity: .8;
    top: 1px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .2);
    border: solid 1px #96a0aa
}

.checkbox--radio input:checked ~ i, .checkbox--radio:hover i {
    background: #fff;
    border-color: #2a3246
}

.checkbox--radio input:checked ~ i:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    content: '';
    border-radius: 50%;
    background: #2a3246
}

.checkbox--error {
    color: #FF461B
}

.checkbox--iphone {
    padding: 0;
    width: 34px;
    height: 20px
}

.checkbox--iphone i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #2a3246
}

.checkbox--iphone i:before {
    position: absolute;
    width: 26px;
    height: 26px;
    top: -1px;
    left: 0;
    content: '';
    -webkit-transform: translateX(-3px);
    -webkit-transition: .2s linear;
    -ms-transform: translateX(-3px);
        transform: translateX(-3px);
    -o-transition: .2s linear;
    transition: .2s linear;
    background: url(../../centrofinans_lk/images/sprite2.svg) -38px -280px
}

.checkbox--iphone input:checked ~ i {
    background: #ffee2f
}

.checkbox--iphone input:checked ~ i:before {
    -webkit-transform: translateX(11px);
    -ms-transform: translateX(11px);
        transform: translateX(11px)
}

.frontend b, .frontend h2, .frontend h3, .frontend h4 {
    font-weight: 400
}

.frontend h1, .h1 {
    color: #fff;
    position: relative;
    text-align: center;
    font-size: 36px;
    line-height: 46px;
    font-weight: 300
}

.frontend hr {
    border: 0;
    height: 1px;
    background: #e5e7e9
}

.hide {
    display: none
}

.notsel {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
        user-select: none
}

.input-box--focus.input-box--required .input-box__label::after, .opacity-0 {
    opacity: 0
}

.opacity-8 {
    opacity: .8
}

.opacity-1 {
    opacity: 1
}

.pull-left {
    float: left;
}

.pull-right {
    float: right
}

.clear-both {
    clear: both
}

.calkulator__table table, .w100p {
    width: 100%
}

.w50p {
    width: 50%
}

.w50 {
    width: 50px
}

.w100 {
    width: 100px
}

.w110 {
    width: 110px
}

.w140 {
    width: 140px
}

.w190 {
    width: 190px
}

.w200 {
    width: 200px
}

.w220 {
    width: 220px
}

.w350 {
    width: 350px
}

.w300 {
    width: 300px
}

.w400 {
    width: 400px
}

.w450 {
    width: 450px
}

.w460 {
    width: 460px
}

.w550 {
    width: 550px
}

.w620 {
    width: 620px
}

.relative {
    position: relative
}

.m-a {
    margin-left: auto;
    margin-right: auto
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb17 {
    margin-bottom: 17px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mt20 {
    margin-top: 20px
}

.flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flexbox--column {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.flexbox--wrap {
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.flexbox--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flexbox--align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flexbox--justify, .flexbox--justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around
}

.flexbox--justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
}

.flexbox__ma {
    margin: auto
}

ol {
    counter-reset: headings 0
}

ol > li:before {
    counter-increment: headings 1;
    content: counter(headings, decimal) '. '
}

.underline:after {
    content: '';
    height: 1px;
    background: #fff;
    display: block;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
        transform: translateY(5px);
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.underline:hover:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0)
}

.btn-hover {
    top: 0;
    display: block;
    -webkit-transition: top .2s linear;
    -o-transition: top .2s linear;
    transition: top .2s linear
}

.btn-hover:after {
    content: attr(data-hover);
    display: block
}

.btn-hover:hover {
    top: -100%
}

.btn-hover, .tabs.tabs--full {
    position: relative
}

.tabs--full .tabs__nav {
    margin-right: 145px;
    border-bottom: solid 1px #e6e9f0
}

.tabs--full .tabs__dt {
    float: left;
    cursor: pointer;
    font-size: 16px;
    padding-top: 3px;
    top: 7px;
    margin-right: 5px;
    border-radius: 4px 4px 0 0;
    background-color: #f1f4f8;
    position: relative;
    overflow: hidden
}

.tabs--full  .tabs__dt .btn-hover:hover {
    top: -46px !important
}

.tabs--full .tabs__dt--active .btn-hover, .tabs--full .tabs__dt--active .btn-hover:hover {
    top: 0 !important;
    -webkit-transition: top 0s;
    -o-transition: top 0s;
    transition: top 0s
}

.tabs--full .tabs__dt, .tabs--full .tabs__dt .btn-hover:after {
    height: 46px;
    line-height: 46px
}

.tabs.tabs--full  .tabs__dt--active {
    height: 53px;
    font-size: 20px;
    line-height: 50px;
    font-weight: bold;
    border: solid 1px #e6e9f0;
    border-bottom: 0;
    background: #fff;
    top: 1px
}

.tabs--full .tabs__dt span {
    padding: 0 53px
}

.tabs--full .tabs__dt--active span {
    padding: 0 36px
}

.tabs--full .tabs__body .tabs__dd {
    clear: left;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.tabs--full .tabs__body .tabs__dd--active {
    opacity: 1;
    width: auto;
    height: auto;
    z-index: inherit;
    overflow: inherit;
    position: relative;
    padding: 48px 0
}

.img-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 460px
}

.img-cover--absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.img-cover--auto77 {
    height: auto;
    padding: 77px 0
}

.img-cover:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.img-cover:before {
    content: '';
    opacity: .3;
    background: #000
}

.img-cover--blur {
    -webkit-filter: blur(8px);
    filter: blur(8px);
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1)
}

.img-cover .ico--next, .img-cover .ico--prev {
    top: 50%;
    left: 60px;
    margin-top: -23px
}

.img-cover .ico--next {
    left: auto;
    right: 60px
}

.copyright {
    font-size: 13px;
    line-height: 20px;
    color: #96a0aa
}

.ui-slider-range {
    background: #96a0aa
}

.ui-slider-handle {
    position: absolute;
    width: 50px;
    height: 50px;
    cursor: pointer;
    top: -21px;
    margin-left: -25px;
    z-index: 2;
    opacity: .99;
    background: url(/bitrix/templates/centrofinans/images/slider-handle.svg) center no-repeat;
    -moz-touch-action: none;
    -webkit-touch-action: none;
    -ms-touch-action: none;
        touch-action: none
}

.null-procent {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: #ffee2f
}

.null-procent:before {
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    bottom: -3px;
    content: '';
    background: rgba(255, 238, 47, .1);
    border-left: 1px solid #ffee2f;
    border-right: 1px solid #ffee2f
}

.map-address__contact a[href^="mailto:"], .map-address__contact a[href^="tel:"] {
    color: #2a3246
}

.map-address__contact {
    margin-bottom: 30px
}

.map-address__contact li {
    padding: 14px 0 4px 34px;
    font-size: 16px;
    line-height: 20px
}

.map-address__contact .ico {
    top: 12px;
    left: -2px
}

.map-address__contact-rasp {
    text-decoration: underline
}

.map-address__contact-rasp ~ span {
    color: #96a0aa
}

.map-address__rasp {
    padding-top: 12px;
    text-align: center
}

.map-address__rasp th {
    width: 60px;
    line-height: 22px;
    padding: 0 2px;
    font-size: 12px;
    font-weight: 400
}

.map-address__rasp th:after {
    display: block;
    height: 2px;
    content: '';
    background: #ffee2f
}

th.map-address__rasp-today:after {
    background: #fff
}

.map-address__rasp td {
    width: 60px;
    padding: 5px 2px;
    font-size: 12px;
    line-height: 15px
}

td.map-address__rasp-lunch {
    font-size: 10px;
    color: #96a0aa;
    padding: 0
}

td.map-address__rasp-sep {
    padding: 0 2px
}

.map-address__rasp-sep:before {
    content: '';
    display: block;
    height: 1px;
    opacity: .4;
    background-color: #d8d8d8
}

.map-address__rasp-today {
    background: #fcfed3
}

.input-box {
    position: relative;
    display: block;
    width: 100%
}

.input-box__input {
    width: 100%;
    padding-top: 10px
}

.input-box__label {
    position: absolute;
    top: 14px;
    left: 20px;
    color: rgba(42, 50, 70, .6);
    cursor: text
}

.input-box--required .input-box__label::after {
    color: #FF461B;
    font-size: 16px;
    position: absolute;
    top: -4px;
    right: -6px;
    content: '*'
}

.input-box--focus .input-box__label, .input-box__input:focus ~ .input-box__label {
    top: 2px;
    font-size: 12px
}

.input-box--focus .input-box__label {
    opacity: .5
}

.main--bb {
    padding-bottom: 184px;
    border-bottom: 1px solid #e5e7e9
}

.main--bg {
    background: rgba(216, 220, 231, .1)
}

.img-cover--main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 688px;
    overflow: hidden
}

.home-article {
    padding-top: 80px
}

.home-article:before {
    position: absolute;
    width: 630px;
    height: 630px;
    top: -412px;
    left: 0;
    right: 0;
    margin: auto;
    content: '';
    z-index: -1;
    border-radius: 50%;
    background: #f4f5f8
}

.home-article__intro {
    padding-bottom: 80px
}

.home-article__intro li {
    float: left;
    margin: 0 35px 0 30px;
    width: 260px;
    height: 100px;
    border-radius: 8px;
    border: solid 1px #d8dce7;
    padding-left: 50px;
    font-size: 15px;
    line-height: 20px;
    background: #fff;
    color: #8a91a1
}

.home-article__intro li:last-child, .home-article__step li:last-child {
    margin: 0;
    float: right
}

.home-article__intro-b {
    display: block;
    color: #2a3246;
    font-size: 36px;
    line-height: 80px;
    font-weight: bold;
    height: 57px
}

.home-article__intro li:after, .home-article__intro li:before, .home-article__step li:before {
    width: 66px;
    height: 66px;
    top: 15px;
    left: -35px;
    border: solid 1px #d8dce7
}

.home-article__intro li:after, .home-article__intro li:before, .home-article__step li:before, .home-article__step li:nth-child(2):after, .home-article__step li:nth-child(3):after {
    position: absolute;
    content: '';
    border-radius: 50%;
    background: url(/bitrix/templates/centrofinans/images/sprite2.svg) -22px -494px
}

.home-article__intro li:before {
    width: 78px;
    height: 78px;
    top: 10px;
    left: -40px;
    border: 0;
    background: #fff
}

.home-article__intro li:nth-child(2):after {
    background-position: -160px -495px
}

.home-article__intro li:nth-child(3):after {
    background-position: -299px -495px
}

.home-article__title {
    text-align: center;
    padding: 52px 0 10px;
    font-size: 36px;
    line-height: 80px;
    font-weight: 300
}

.home-article__step {
    padding-bottom: 55px
}

.home-article__step li {
    float: left;
    margin: 0 48px 0 30px;
    width: 250px;
    padding: 14px 0 0 83px;
    font-size: 16px;
    line-height: 20px;
    color: #96a0aa
}

.home-article__step li:before {
    top: 0;
    left: 0;
    border: solid 1px #2a3246;
    background-position: -20px -363px
}

.home-article__step li:nth-child(2):before {
    background-position: -155px -363px
}

.home-article__step li:nth-child(3):before {
    background-position: -299px -363px
}

.home-article__step li:nth-child(2):after, .home-article__step li:nth-child(3):after {
    width: 30px;
    height: 30px;
    top: 20px;
    left: -72px;
    border: 0;
    background-position: -732px -371px
}

.home-article__text {
    border-radius: 8px;
    border: solid 1px #d8dce7;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 80px;
    padding: 33px 40px;
    vertical-align: baseline
}

.home-article__text a {
    height: 20px;
    display: inline-block;
    vertical-align: baseline;
    border-bottom: 1px solid red
}

.home-article__text a:hover {
    border-bottom: 0
}

.table-promo {
    margin: auto;
    width: 830px;
    border-radius: 6px;
    background-color: #fff;
    padding: 20px 40px;
    position: relative;
    z-index: 1
}

.table-promo:before {
    border-radius: 6px 6px 0 0;
    background-color: #53575A;
    opacity: .6;
    padding: 38px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: '';
    z-index: -1
}

.table-gp th, .table-promo th {
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #8591a1;
    padding: 10px 1px 37px
}

.table-promo td {
    font-size: 16px;
    padding: 24px 1px;
    color: #8591a1
}

.table-promo__b {
    color: #2a3246
}

.table-promo th:nth-child(2) {
    width: 170px
}

.table-promo th:nth-child(3) {
    width: 130px
}

.table-promo {
  padding : 0px 0px 5px 0px;
  width : 1120px;
}

.table-promo::before {
  background : #53575A;
  height : 81px;
  opacity : 1;
  padding : 0px;
}

.table-promo th {
  padding : 31px 0px 26px 50px;
  font-size : 20px;
  line-height : 24px;
  color : rgb(255, 255, 255);
  font-weight : normal;
  width : 25%;
}

.table-promo tbody td {
  padding : 40px 0px 40px 50px;
  font-size : 18px;
  line-height : 21px;
  color : rgb(42, 50, 70);
}

.table-promo tbody td:last-child {
padding-right: 20px;
}

.table-promo tbody td a {
  border-bottom : 1px solid rgba(255, 1, 66, 0.31);
}

.table-promo tbody td a:hover {
  border-bottom : 1px solid transparent;
}

.table-promo tbody tr:nth-child(2n) {
  background : rgba(142, 163, 214, 0.08);
}

.feedback h1 {
    color: #2b3246;
    padding: 0 0 46px;
    text-align: center;
    font-size: 36px;
    line-height: 46px;
    font-weight: 300
}

.feedback-slider {
    height: 630px;
    z-index: 1;
    background: url(/bitrix/templates/centrofinans/images/quotes-yellow.svg) center -32px no-repeat
}

.feedback-slider__h2, .tabs--home .tabs__body h2 {
    text-align: center;
    padding: 40px 0 0;
    font-size: 36px;
    line-height: 82px;
    font-weight: 300
}

.feedback-slider__link-all {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #2a3246
}

.feedback-slider__link-all a {
    text-decoration: underline
}

.feedback-slider__link-all a:hover {
    text-decoration: none
}

.feedback-slider__item {
    text-align: center;
    width: 660px;
    height: 280px;
    border-radius: 6px;
    background: #fff;
    padding: 85px 50px 0;
    position: absolute;
    left: 50%;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    background: url(/bitrix/templates/centrofinans/images/sprite2.svg) -48px -828px #fff;
    z-index: 1;
    top: 234px;
    opacity: 0;
    margin-left: -330px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: scale(.3) translate3d(0, 0, 0);
    transform: scale(.3) translate3d(0, 0, 0)
}

.feedback-slider__h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    padding-bottom: 24px
}

.feedback-slider__item p {
    font-size: 16px;
    line-height: 22px;
    color: #96a0aa
}

.feedback-slider__item img {
    position: absolute;
    top: -56px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 5px;
    max-width: 174px;
    max-height: 112px
}

.feedback-slider__nav-left, .feedback-slider__nav-right {
    left: 50%;
    margin-left: -200px;
    top: 230px;
    z-index: 5
}

.feedback-slider__nav-right {
    margin-left: 154px
}

.feedback-slider__left {
    z-index: 3;
    opacity: .3;
    -webkit-transform: scale(.7) translate3d(-480px, 42px, 0);
    transform: scale(.7) translate3d(-480px, 42px, 0)
}

.feedback-slider__right {
    z-index: 3;
    opacity: .3;
    -webkit-transform: scale(.7) translate3d(480px, 42px, 0);
    transform: scale(.7) translate3d(480px, 42px, 0)
}

.feedback-slider__first {
    opacity: 1;
    z-index: 4;
    -webkit-transform: scale(1) translate3d(0, 20px, 0);
    transform: scale(1) translate3d(0, 20px, 0)
}

.tabs--home {
    padding-bottom: 75px
}

.tabs--home .tabs__body h2 {
    padding: 40px 0 22px
}

.tabs--home__link-all {
    position: absolute;
    top: -12px;
    right: 40px;
    font-size: 16px;
    line-height: 20px;
    color: #96a0aa
}

.jobs-city__select:after, .tabs--home__link-all.underline:after {
    background: #96a0aa
}

.tabs--home__link-all .ico {
    left: 100%;
    top: -5px;
    margin-left: 11px
}

.img-big .h1, .img-big h1 {
    padding: 70px 0 40px
}

.about .h1 {
    padding-top: 28px
}

.about-intro {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 40px
}

.about-intro__b {
    display: block;
    font-size: 64px;
    line-height: 70px;
    font-weight: 300;
    color: #ffee2f
}

.about-intro li:nth-child(1) {
    padding-right: 30px
}

.about-intro li:nth-child(2) {
    padding-right: 15px
}

.about-intro li:nth-child(3) {
    padding-left: 15px
}

#about-slider {
    position: relative;
    height: 24px;
    margin: 0 3px
}

#about-slider:before {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    height: 4px;
    left: -3px;
    right: -3px;
    content: '';
    border-radius: 2px;
    background: #fff
}

#about-slider .sep12, #about-slider .sep8 {
    position: absolute;
    top: 4px;
    width: 1px;
    height: 8px;
    background: #fff
}

#about-slider .sep12 {
    height: 12px
}

#about-slider .ui-slider-handle:focus {
    outline: 0;
}

.about-table-years {
    margin: 12px 0 22px;
    position: relative
}

.about-table-years li, .about-table-years ul {
    position: absolute;
    top: 0;
    left: -22px
}

.about-table-years li {
    width: 50px;
    color: #fff;
    text-align: center
}

.about-text {
    padding-bottom: 44px;
    text-align: center
}

.about-text__h2 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 300;
    padding: 80px 0 20px
}

.about-text__p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    padding: 0 140px 26px
}

.about-map #map {
    height: 460px
}

.about-text--face {
    padding-bottom: 60px
}

.about-text--face .about-text__h2 {
    padding: 70px 0 14px
}

.about-face li {
    width: 174px;
    color: #FF461B;
    margin: 24px 20px 14px
}

.about-face img {
    width: 174px;
    height: 240px;
    border-radius: 10px;
    border: solid 1px #d8dce7;
    display: block
}

.about-face__name {
    color: #2a3246;
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    display: block;
    padding-top: 22px
}

.docs-page .h1 {
    padding: 28px 0 92px
}

.docs-page__list {
    width: 780px;
    padding: 0 30px 150px;
    border-radius: 6px;
    background: #fff;
    margin: auto;
    position: relative
}

.docs-page__list li {
    border-top: 1px solid #e5e7e9;
    padding: 24px 100px 22px 52px
}

.docs-page__list li:first-child {
    border: 0
}

.docs-page__ico {
    left: -3px;
    top: 27px
}

.docs-page__open {
    color: #2a3246;
    font-size: 16px;
    line-height: 24px
}

.docs-page__file-size {
    color: rgba(42, 50, 70, .6);
    position: relative;
    padding-left: 28px
}

.docs-page__file-size .ico {
    top: -3px
}

.docs-page__download {
    position: absolute !important;
    top: 21px;
    right: 0;
    width: 90px !important;
    height: 32px !important;
    padding: 0;
    font-size: 13px;
    line-height: 32px;
    line-height: 32px !important;
    font-weight: normal !important;
}

.jobs-page {
    padding-top: 56px
}

.jobs-page .h1 {
    color: #2b3246;
    line-height: 40px;
    text-align: left
}

.jobs-page__list {
    padding: 46px 0 30px
}

.jobs-page dt {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #FF461B
}

.jobs-page__list dd {
    padding: 17px 0 12px 20px
}

.jobs-page__ul li {
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 12px
}

.job__cover:after, .jobs-page__ul li:before {
    position: absolute;
    content: '';
    border-radius: 50%
}

.jobs-page__ul li:before {
    top: 6px;
    background: #96a0aa;
    width: 5px;
    height: 5px;
    left: -20px
}

.jobs-page__btn {
    width: 290px;
    height: 56px;
    font-size: 15px;
    line-height: 56px
}

.jobs-page--maps {
    padding-top: 0
}

.jobs-page--maps .h1 {
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 10px
}

.jobs-page--maps .jobs-page__list {
    padding: 0
}

.jobs-page--maps .jobs-page__ul li {
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 10px
}

.jobs-page--maps .jobs-page__list dd {
    padding-top: 10px;
    padding-bottom: 0;
    padding-right: 0
}

.jobs-page--maps .jobs-page__btn {
    width: 100%;
    margin: 10px 0 20px !important
}

.jobs-city {
    margin: 78px 0;
    padding: 32px 28px;
    position: relative;
    left: -2px;
    top: 1px;
    background: rgba(216, 220, 213, .1);
    border: solid 1px rgba(150, 160, 170, .1)
}

.jobs-city__h3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    opacity: .8
}

.jobs-city__select {
    font-size: 14px;
    line-height: 18px;
    margin: 7px 0;
    color: #96a0aa;
    position: relative;
    padding-left: 32px
}

.jobs-city__select .ico {
    top: -4px;
    left: 5px
}

.jobs-city__red {
    padding: 6px 0;
    opacity: .8;
    line-height: 1.3;
    color: #FF461B
}

.jobs-city__h4 {
    padding: 24px 0 14px;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold
}

.jobs-city__ul {
    opacity: .8;
    line-height: 1.3
}

.jobs-city__ul li {
    padding-bottom: 18px
}

.jobs-city__ul a {
    color: #2a3246
}

.jobs-city__ul a:hover {
    color: #96a0aa
}

.job__cover {
    position: relative;
}

.job__cover .promo-block {
    margin-bottom: 0;
}

.job__cover .btn {
    margin-top: 18px;
    margin-bottom: 44px
}

.job__cover:after {
    width: 120px;
    height: 120px;
    left: 0;
    right: 0;
    bottom: -60px;
    margin: auto;
    background: url(/bitrix/templates/centrofinans/images/sprite2.svg) -13px -706px #fff
}

.job-top {
    padding: 36px 0
}

.job-top .h1 {
    color: #2b3246;
    padding: 34px 0 46px
}

.job-top__item {
    width: 450px;
    height: 188px;
    border-radius: 6px;
    float: left;
    background: rgba(216, 220, 231, .1);
    border: solid 1px rgba(150, 160, 170, .1);
    margin-bottom: 40px;
    padding: 34px
}

.job-top__item:nth-of-type(2n) {
    float: right
}

.job-top__item p {
    font-size: 24px;
    line-height: 29px
}

.job-top__item .btn {
    line-height: 42px;
    height: 42px;
    width: 145px;
    margin: 18px auto
}

.job-city-filter {
    width: 830px;
    padding: 18px 64px 13px;
    border-radius: 6px 6px 0 0;
    background: #eff2f7
}

.job-city-filter__label {
    font-size: 16px;
    line-height: 46px;
    position: relative
}

.job-city-filter__label .ico {
    left: -34px;
    top: 10px
}

.job-city-filter__select .selectric {
    width: 198px;
    margin-left: 10px;
    background: #fff
}

.job-city__link-all {
    font-size: 16px;
    color: #96a0aa;
    position: relative;
    margin: 12px 10px
}

.job-city__link-all:after {
    background: #96a0aa
}

.job-city__link-all .ico {
    left: auto;
    right: -42px;
    top: -6px
}

.job-city-list {
    background: #fff;
    width: 830px;
    min-height: 360px;
    position: relative;
    padding: 24px 30px 40px;
    border-radius: 0 0 6px 6px
}

.job-city-list__result-null {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    padding: 120px 0
}

.job-city-list__loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .9)
}

.job-city-list__loader .loading-spin {
    position: absolute;
    top: 136px;
    left: 0;
    right: 0;
    margin: auto
}

.job-city-list .list-red-arrow:nth-child(2n) {
    margin-right: 22px
}

.list-best {
    padding: 70px 0 58px 78px
}

.list-best .h1 {
    color: #2b3246;
    padding-bottom: 36px;
    text-align: left;
    font-size: 36px;
}

.list-best__item {
    width: 425px
}

.list-best__ul li {
    font-size: 16px;
    line-height: 20px;
    padding-left: 35px;
    padding-bottom: 21px
}

.list-best__ul li:before {
    position: absolute;
    width: 28px;
    height: 20px;
    top: 2px;
    left: -5px;
    content: '';
    background: url(/bitrix/templates/centrofinans/images/sprite2.svg) -509px -514px
}

.personal {
    padding: 70px 0
}

.personal .h1 {
    color: #2b3246
}

.personal__text {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    padding: 15px 100px 36px
}

.personal__ul li {
    float: left;
    width: 280px;
    padding-bottom: 20px;
    margin-right: 50px
}

.personal__ul li:last-child {
    margin: 0
}

.personal__ul a, .personal__ul img {
    display: block;
    position: relative
}

.personal__ul a:after {
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 6px
}

.personal__ul a:hover .ico--red-play {
    background: #FF461B;
    z-index: 1
}

.personal__ul img {
    border-radius: 6px
}

.personal__b {
    padding-top: 25px;
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #2a3246
}

.personal__ul {
    line-height: 20px;
    color: #FF461B
}

.personal__news.news {
    padding: 0;
    margin: auto
}

.personal__map {
    position: relative
}

.personal__map #map {
    height: 600px
}

.personal__list-result {
    position: absolute;
    width: 300px;
    top: 0;
    right: 0;
    max-height: 100%;
    overflow-y: auto;
    padding: 15px;
    background-color: #fff
}

.tabs--full .tabs__nav {
    margin: 0
}

.tabs--full .tabs__dt {
    margin: 0 2px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1
}

.tabs--full .tabs__dt span {
    padding: 0;
    text-align: center
}

.tabs--full .news {
    padding: 0
}

.article-v2 p {
    font-size: 16px;
    line-height: 25px;
    margin: 25px 0
}

.article-v2 h2 {
    margin: 30px 0;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold
}

.article-v2 img.pull-right {
    margin: 0 0 25px 25px
}

.article-v2 img.pull-left {
    margin: 5px 30px 10px 0
}

.article-v2--doska {
    padding: 0 0 30px;
    border-bottom: solid 1px #ececec
}

.article-v2--doska h4 {
    margin: 10px 0;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold
}

.article-v2--doska h2 {
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold
}

.article-v2--doska p {
    line-height: 20px;
    margin: 10px 0 20px
}

.training {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start
}

.training__cell--img, .training__left {
    width: 578px;
    -ms-flex-negative: 0;
        flex-shrink: 0
}

.training__cell--img {
    width: 178px;
    padding: 10px 30px 30px 0;
    text-align: center
}

.training__right {
    padding-right: 10px;
    padding-left: 38px;
    position: relative
}

.training__right::before {
    position: absolute;
    width: 1px;
    top: 90px;
    left: 0;
    bottom: 50px;
    content: '';
    background: #ededed
}

.training__title {
    margin-bottom: 20px;
    min-height: 42px;
    font-size: 20px;
    line-height: 21px;
    font-weight: bold
}

.training__step {
    display: inline-block;
    width: 76px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 29px;
    font-weight: bold;
    border-radius: 15px;
    background-color: #f7124d;
    margin: 12px 0
}

.training__text {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 34px
}

.training__text b {
    font-weight: bold;
}

.management {
    margin-bottom: 50px
}

.management__img {
    width: 180px;
    margin-right: 35px;
    -ms-flex-negative: 0;
        flex-shrink: 0
}

.management__img img {
    border-radius: 5px;
    max-width: 100%;
}

.management__name {
    margin: 8px 0 1px;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold
}

.management__status {
    color: #FF461B
}

.management__text {
    margin: 10px 0;
    font-size: 16px;
    line-height: 20px
}

.ballon {
    position: absolute;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .15);
            box-shadow: 0 0 30px rgba(0, 0, 0, .15)
}

.ballon__title {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    padding: 20px 30px 0
}

.ballon__content {
    padding: 0 30px 30px
}

.ballon__content p {
    padding: 8px 0 15px;
    font-size: 15px;
    color: #7b7b7b
}

.ballon__sep {
    height: 10px;
    width: 1px;
    display: inline-block;
    vertical-align: middle;
    background-color: #dedede;
    margin: 0 8px
}

.ballon .btn {
    padding: 0 24px
}

.accept .h1 {
    color: #2b3246;
    line-height: 44px;
    padding: 44px 0
}

.accept__total {
    border-top: 1px solid #e5e7e9;
    border-bottom: 1px solid #e5e7e9;
    padding: 16px 0;
    margin-bottom: 38px;
    text-align: center
}

.accept__total li {
    float: left;
    width: 33.333%;
    color: #96a0aa;
    padding: 11px 0 7px;
    border-left: 1px solid #e5e7e9
}

.accept__total li:first-child {
    border: 0
}

.accept__total-b {
    display: block;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    color: #2a3246
}

.accept__total-suf {
    font-size: 24px;
    padding-right: 2px;
    text-decoration: none
}

.map-address {
    padding-bottom: 40px
}

.map-address #map, .map-address #map-popup {
    height: 450px;
    overflow: hidden;
    border-radius: 6px
}

.map-address__address > li {
    border-radius: 4px;
    background: #fafafb;
    margin-bottom: 20px;
    padding: 14px 20px 12px
}

.map-address__address--select > li {
    padding: 0;
    background: 0 0
}

.accept__text {
    text-align: center;
    border-top: 1px solid #e5e7e9;
    padding: 16px 200px 0
}

.accept__text p {
    padding-top: 20px;
    line-height: 19px
}

.accept__text .btn {
    padding-left: 58px;
    padding-right: 26px;
    margin: 13px 9px 0;
    display: inline-block;
    height: 56px;
    font-size: 15px;
    line-height: 56px
}

.accept__text .btn .ico {
    top: 15px;
    left: 24px
}

.map-address .btn--super-big {
    margin: 40px 0 30px
}

.map-address__address-input {
    position: relative;
    margin-bottom: 25px
}

.map-address__address-input .ico {
    left: auto;
    right: 10px;
    top: 50%;
    margin-top: -12px;
    cursor: pointer
}

.map-address__address-input--empty .ico {
    display: none
}

.map-address__address-input .input {
    height: 41px
}

.map-address .map-address__lovizaim {
    margin: 25px 0;
    font-size: 16px;
    color: #2a3246;
    line-height: 1.88
}

.map-address__lovizaim a {
    text-decoration: underline;
    color: #FF461B
}

.map-address__lovizaim a:hover {
    text-decoration: none
}

.map-address__lovizaim img {
    display: block;
    margin: 20px 0
}

.jobs-all {
    padding-bottom: 36px
}

.jobs-all .h1 {
    padding: 28px 0 68px
}

.search-filter {
    padding: 30px;
    border-radius: 8px 8px 0 0;
    background: rgba(50, 50, 50, .5)
}

.search-filter__label {
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 48px
}

.search-filter__select {
    float: left;
    margin: 0 2px 0 18px;
    width: 284px
}

.search-filter__select .selectric {
    border: 0;
    background: #fff
}

.search-filter__select .selectric .label {
    margin: 14px 32px 13px 18px
}

.search-filter__select .button {
    border-color: #96a0aa transparent
}

.search-filter__btn {
    float: right;
    width: 195px
}

.jobs-all__list {
    padding: 20px;
    background: #fff;
    min-height: 500px
}

.jobs-all__list .list-red-arrow {
    float: left;
    width: 400px;
    clear: left
}

.jobs-all__list .list-red-arrow:nth-child(2n) {
    margin-right: 50px;
    float: right;
    clear: right
}

.list-red-arrow {
    padding: 12px 10px 4px
}

.list-red-arrow__title {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    padding-bottom: 30px
}

.list-red-arrow__list li {
    font-size: 15px;
    line-height: 19px;
    padding-left: 23px;
    padding-bottom: 17px
}

.list-red-arrow__list a {
    color: #2a3246;
    text-decoration: underline
}

.list-red-arrow__list li:before {
    position: absolute;
    width: 8px;
    height: 14px;
    top: 2px;
    left: -2px;
    content: '';
    background: url(/bitrix/templates/centrofinans/images/sprite2.svg) -462px -518px
}

.img-big--faq .h1 {
    padding: 0 0 14px
}

.img-big--faq p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #fff;
    text-align: center
}

.faq {
    padding: 40px 0 0
}

.faq img {
    border: 0;
    max-width: 100%;
    position: relative;
    vertical-align: top;
}

.faq__cat {
    float: left
}

.faq__cat:nth-child(2) {
    margin-left: 50px
}

.faq__cat:nth-child(3) {
    float: right
}

.faq__cat-name {
    display: block;
    width: 280px;
    height: 160px;
    text-align: center;
    padding-top: 64px;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    background: rgba(216, 220, 231, .1);
    border: solid 1px rgba(150, 160, 170, .1)
}

.faq__cat-name:before {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 24px;
    left: 0;
    right: 0;
    content: '';
    margin: auto;
    background-image: url(/bitrix/templates/centrofinans/images/sprite2.svg)
}

.faq__cat:nth-child(2) .faq__cat-name:before {
    background-position: -646px -259px
}

.faq__cat:nth-child(3) .faq__cat-name:before {
    background-position: -731px -260px
}

.faq__cat:nth-child(1) .faq__cat-name:before {
    background-position: -819px -259px
}

.faq__cat--active .faq__cat-name {
    padding-top: 63px;
    background: #fff;
    border: solid 2px #96a0aa
}

.faq__cat--active .faq__cat-name:before {
    top: 23px
}

.faq__title {
    display: block;
    color: #2b3246;
    font-size: 24px;
    line-height: 42px;
    font-weight: 300
}

.faq__total-item {
    color: #FF461B
}

.faq__item {
    display: none;
    padding: 34px 40px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 6px;
    background: rgba(216, 220, 231, .1);
    border: solid 1px rgba(150, 160, 170, .1)
}

#video-youtube__box iframe, .faq__item--active {
    display: block
}

.faq hr {
    float: left;
    width: 100%;
    margin: 40px 0
}

.faq__box-item {
    display: none
}

.faq__box-nav {
    float: left;
    width: 308px;
    position: relative;
    left: -14px
}

.faq__box-nav .faq__item {
    display: none !important
}

.faq__nav-link {
    color: #2b3246;
    line-height: 24px;
    padding: 6px 14px;
    font-size: 16px;
    display: block;
    position: relative
}

.faq__nav-link:hover {
    text-decoration: underline
}

.faq__nav-link--active {
    cursor: default;
    text-decoration: none !important
}

.faq__nav-link--active:before {
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    bottom: -3px;
    content: '';
    z-index: -1;
    border-radius: 6px;
    background: #ffee2f
}

.faq__box-list {
    float: right;
    width: 610px
}

.faq__box-list ol, .faq__box-list p, .faq__box-list ul {
    margin: 10px 0
}

.faq__box-list .faq__item-name {
    line-height: 30px;
    padding-bottom: 10px;
    font-size: 24px
}

.bg-grad {
    margin-top: 10px;
    padding: 70px 0;
    background: #fbfbfc;
    background: -o-linear-gradient(top, #fbfbfc 0%, #fff 800px, #fff 100%);
    background: linear-gradient(to bottom, #fbfbfc 0%, #fff 800px, #fff 100%)
}

.feedback:before {
    position: absolute;
    width: 279px;
    height: 227px;
    left: 0;
    right: 0;
    bottom: 46px;
    margin: auto;
    content: '';
    background: url(/bitrix/templates/centrofinans/images/quotes-gray.svg)
}

.feedback__img, .feedback__item {
    border: solid 1px rgba(150, 160, 170, .3)
}

.feedback__item {
    margin-bottom: 30px;
    padding: 38px 38px 26px;
    min-height: 280px;
    background: #fff;
    border-radius: 6px
}

.feedback__img {
    max-width: 176px;
    border-radius: 10px;
    float: left
}

.feedback__body {
    float: right;
    width: 645px;
    padding: 5px 0;
    position: relative
}

.feedback__name {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    color: #FF461B
}

.feedback__city {
    color: rgba(42, 50, 70, .7)
}

.feedback__date {
    position: absolute;
    top: 21px;
    right: 172px;
    color: #96a0aa
}

.feedback__stars {
    position: absolute;
    top: 14px;
    right: 0;
    height: 30px;
    width: 153px;
    border-left: 1px solid #d8d8d8
}

.feedback__stars span {
    position: absolute;
    width: 134px;
    height: 24px;
    top: 2px;
    left: 18px;
    background: url(/bitrix/templates/centrofinans/images/sprite2.svg) -647px -128px
}

.feedback__stars span:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    content: '';
    background: url(/bitrix/templates/centrofinans/images/sprite2.svg) -647px -98px
}

.feedback__star-1:after {
    width: 27px
}

.feedback__star-2:after {
    width: 54px
}

.feedback__star-3:after {
    width: 80px
}

.feedback__star-4:after {
    width: 107px
}

.feedback__star-5:after {
    width: 134px
}

.feedback__readmore, .feedback__text {
    font-size: 16px;
    line-height: 24px;
    position: relative
}

.feedback__text {
    margin-top: 16px;
    height: 120px;
    overflow: hidden;
    color: rgba(42, 50, 70, .8)
}

.feedback__readmore {
    text-decoration: underline
}

.feedback__readmore:after {
    border-left-color: transparent;
    border-right-color: transparent;
    border-style: solid;
    border-width: 4px 4px 0;
    content: "";
    position: absolute;
    right: -14px;
    top: 9px
}

.feedback__readmore--active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
        transform: rotate(180deg)
}

.btn--load-item {
    display: block;
    height: 56px;
    margin: 58px auto 50px;
    width: 300px;
    font-size: 16px;
    line-height: 56px;
    font-weight: bold;
    color: #2a3246
}

.news {
    padding: 80px 0
}

.news .news-item {
    margin-bottom: 20px
}

.news .btn--load-item {
    margin: 20px auto 40px
}

.news-item {
    float: left;
    width: 280px;
    min-height: 330px
}

.news-item:nth-child(3n+2) {
    margin-left: 50px
}

.news-item:nth-child(3n+3) {
    float: right
}

.news-item__img {
    display: block;
    overflow: hidden;
    position: relative
}

.news-item__img img {
    width: 280px;
    height: 180px;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    position: relative
}

.news-item__img:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
        transform: scale(1.05)
}

.news-item__img:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: #000;
    opacity: 0
}

.news-item__img:hover:after {
    opacity: .2
}

.news-item__date {
    display: block;
    font-size: 13px;
    color: #96a0aa;
    padding: 22px 0 6px
}

.news-item__title {
    font-size: 16px;
    line-height: 24px;
    color: #2a3246;
    overflow: hidden;
    max-height: 72px;
    display: block
}

.img-big--news {
    padding-bottom: 14px
}

.img-big--news .h1 {
    padding: 0
}

.new__delals {
    padding: 8px 0 12px;
    color: #fff;
    font-size: 1px;
    text-align: center
}

.new__date, .new__like {
    line-height: 22px;
    height: 24px;
    vertical-align: top;
    position: relative;
    display: inline-block
}

.new__date {
    padding: 0 20px 0 28px;
    border-right: 1px solid rgba(255, 255, 255, .3);
    font-size: 14px
}

.new__date .ico {
    top: -3px
}

.new__like {
    color: #fff;
    margin: 0 4px 0 14px;
    padding-left: 28px;
    font-size: 15px
}

.new__like .ico {
    top: -2px
}

.privacy .h1 {
    color: #2a3246;
    padding: 70px 0 44px;
    max-width: 600px;
    margin: auto
}

.privacy__body {
    background-color: #f8f8fb;
    counter-reset: h2;
    padding: 50px 160px
}

.privacy__body h2 {
    font-size: 24px;
    line-height: 26px;
    margin: 36px 0 31px;
    position: relative;
    padding-left: 40px
}

.privacy__body h2::before, .privacy__body ul > li::before {
    position: absolute;
    left: 0;
    border-radius: 50%;
    background-color: #FF461B
}

.privacy__body h2::before {
    counter-increment: h2;
    content: counter(h2);
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    width: 26px;
    height: 26px;
    top: 0
}

.privacy__body li {
    font-size: 16px;
    line-height: 30px;
    text-align: justify
}

.privacy__body li, .privacy__body p {
    margin-bottom: 30px
}

.privacy__body ol {
    counter-reset: ol
}

.privacy__body ol > li::before {
    counter-increment: ol;
    content: counter(h2) "." counters(ol, ".") ".";
    float: left;
    margin-right: 5px;
    content: counters(ol, ".") "."
}

.privacy__body ul > li {
    padding-left: 30px;
    margin-bottom: 30px
}

.privacy__body ul > li::before {
    width: 7px;
    height: 7px;
    top: 13px;
    content: ''
}

.contact .h1 {
    color: #2a3246;
    padding: 70px 0 28px
}

.contact__tel-24 {
    border-top: 1px solid #e5e7e9;
    border-bottom: 1px solid #e5e7e9;
    padding: 8px 0;
    height: 78px;
    margin-bottom: 28px;
    text-align: center;
    font-size: 16px;
    line-height: 58px;
    font-weight: 300
}

.contact__tel-24 a, .contact__tel-24-7 {
    vertical-align: top;
    display: inline-block
}

.contact__tel-24-7 {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border: solid 1px;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 60px;
    font-weight: 300
}

.contact__tel-24 a {
    font-size: 28px;
    line-height: 60px;
    font-weight: bold;
    color: #2a3246;
    margin-left: 8px;
    letter-spacing: .2px
}

.contact__mails {
    padding: 12px 0 40px
}

.contact__mails ~ .map-address {
    padding-top: 40px
}

.contact__mails li {
    margin: 20px 0;
    width: 450px;
    height: 100px;
    color: #96a0aa;
    padding: 0 30px;
    text-align: center;
    border-radius: 6px;
    background: rgba(216, 220, 231, .1);
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    border: solid 1px rgba(150, 160, 170, .1)
}

.contact__mails a {
    font-weight: bold;
    text-decoration: underline
}

.callback-form {
    padding-bottom: 40px
}

.callback-form--contact {
    margin-bottom: 12px;
    background: #fbfbfc
}

.callback-form .h1 {
    padding: 30px 0 44px;
    color: #2a3246
}

.callback-form .input, .callback-form .select2, .callback-form .select {
    margin-bottom: 20px;
    background: #fff
}

.callback-form .pull-left {
    clear: left
}

.callback-form .select2.select2-container .select2-selection--single {
    height: 46px
}

.callback-form .select2.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 12px 32px 13px 20px
}

.callback-form--contact .input:not(:focus) {
    background: #fff
}

.callback-form .btn {
    margin-top: 10px;
    padding: 0;
    height: 52px;
    width: 160px;
    line-height: 52px;
    font-size: 16px;
    font-weight: bold;
}

.callback-form__answer {
    font-size: 16px;
    margin-top: 12px;
    position: relative;
    padding: 0 0 0 38px;
    line-height: 22px
}

.map-address__address-result {
    padding: 10px 0 30px
}

.map-address__address-result li {
    font-size: 16px;
    line-height: 22px;
    padding: 5px 0
}

.map-address__address-result a {
    text-decoration: underline
}

.rent-header {
    padding: 0 !important
}

.rent-header p {
    padding: 0 0 24px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 300
}

.rent-header li {
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    float: left;
    width: 312px;
    height: 200px
}

.rent-header li:nth-child(1), .rent-header li:nth-child(3) {
    left: 0
}

.rent-header li:before {
    display: block;
    width: 86px;
    height: 86px;
    margin: 14px auto;
    content: '';
    border-radius: 50%;
    background: url(/bitrix/templates/centrofinans/images/sprite2.svg) -173px -694px #fff
}

.rent-header li:nth-child(2):before {
    background-position: -287px -695px
}

.rent-header li:nth-child(3):before {
    background-position: -401px -694px
}

.callback-form--rent {
    padding: 48px 0
}

.callback-form--rent .btn {
    margin-top: 22px
}

.ajax-load li {
    width: 94px;
    height: 94px;
    float: left;
    margin: 0 20px 20px 0
}

.ajax-load img, .ajax-load__circle, .ajax-load__load-add {
    position: relative;
    display: block;
    width: 94px;
    height: 94px;
    border-radius: 6px
}

.ajax-load__remove-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px;
    background: rgba(41, 50, 70, .8);
    opacity: 0
}

.ajax-load .ico {
    right: 0;
    bottom: 0;
    margin: auto
}

.ajax-load li:hover .ajax-load__remove-img {
    opacity: 1
}

.ajax-load__load-add {
    text-align: center;
    padding-top: 45px;
    font-size: 13px;
    line-height: 16px;
    color: #96a0aa
}

.ajax-load__load-add:hover {
    color: #2a3246;
    border-color: rgba(150, 160, 170, .8)
}

.ajax-load__load-add .ico {
    bottom: 40px
}

.ajax-load__circle, .ajax-load__load-add {
    border: solid 1px #e5e7e9
}

.ajax-load__circle-line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/bitrix/templates/centrofinans/images/ajax-circle.svg) center no-repeat;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.rent-we {
    padding: 70px 0
}

.breadcrumbs a:hover, .rent-we .h1 {
    color: #2a3246
}

.rent-we ul {
    font-size: 1px;
    text-align: center
}

.rent-we li {
    display: inline-block;
    width: 240px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300
}

.rent-we li:before {
    width: 98px;
    height: 98px;
    margin: 48px auto 14px;
    content: '';
    display: block;
    border-radius: 50%;
    border: solid 1px #2a3246;
    background: url(/bitrix/templates/centrofinans/images/sprite2.svg) -530px -687px
}

.rent-we li:nth-child(2):before {
    background-position: -642px -687px
}

.rent-we li:nth-child(3):before {
    background-position: -760px -687px
}

.header--message {
    height: 0;
    z-index: 1
}

.page-message {
    height: auto;
    text-align: center;
    color: #fff;
    background-position: bottom
}

.page-message__box {
    height: 540px
}

.page-message__box .center {
    height: 280px;
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    border-radius: 6px;
    width: 460px;
    max-width: 100%;
    color: #2a3246
}

.page-message__box .flexbox {
    height: 280px;
    padding: 0 20px
}

.page-message h2 {
    padding: 10px;
    font-size: 24px;
    line-height: 38px
}

.page-message p {
    font-size: 14px;
    line-height: 18px
}

.page-message--404 .center {
    color: #fff;
    width: 940px;
    max-width: 100%;
    background: 0 0
}

.page-message--404 h1 {
    color: transparent;
    width: 240px;
    height: 100px;
    margin: 30px auto 0;
    background: url(/bitrix/templates/centrofinans/images/sprite2.svg) -630px -508px
}

.page-message--404 p {
    padding: 25px 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300
}

.page-message .btn {
    width: 220px;
    height: 56px;
    margin: 30px auto 10px;
    font-size: 15px;
    line-height: 56px
}

.page-message--404 .btn {
    margin: 10px auto
}

.slider-abscissa, .slider-abscissa__box {
    overflow: hidden;
    position: relative
}

.slider-abscissa.notsel {
    overflow: inherit
}

.slider-abscissa--personal, .slider-abscissa--personal .slider-abscissa__box {
    height: 272px
}

.slider-abscissa ul {
    position: relative;
    left: 0;
    width: 99999px;
    -webkit-transition: left 1s;
    -o-transition: left 1s;
    transition: left 1s
}

.slider-abscissa .ico--left-gray {
    top: 90px;
    left: -60px
}

.slider-abscissa .ico--right-gray {
    top: 90px;
    left: auto;
    right: -60px
}

.breadcrumbs {
    padding: 18px 0
}

.breadcrumbs li {
    float: left;
    color: #96a0aa
}

.breadcrumbs a {
    color: #96a0aa;
    text-decoration: underline
}

.breadcrumbs li:before {
    content: '/';
    padding: 0 7px
}

.breadcrumbs li:first-child:before {
    display: none
}

.breadcrumbs-box {
    padding: 30px
}

.breadcrumbs-box .breadcrumbs {
    font-size: 14px;
    line-height: 24px;
    padding: 3px 18px;
    height: auto;
    background: rgba(255, 255, 255, .2);
    border-radius: 4px
}

.breadcrumbs-box .breadcrumbs li {
    float: left;
    color: #fff
}

.breadcrumbs-box .breadcrumbs li:before {
    color: #fff
}

.breadcrumbs-box .breadcrumbs a {
    color: #fff;
    text-decoration: none
}

.ahtung {
    height: 0;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: #f8f8fb
}

.ahtung + .ahtung {
    border-top: 1px solid #96a0aa
}

.ahtung--hide {
    border-top-color: transparent !important;
    height: 0 !important
}

.ahtung__box {
    padding: 14px 58px 14px 50px
}

.ahtung__box--forever {
    padding-right: 210px
}

.ahtung:before, .ahtung__box--forever:after {
    width: 1px;
    background: rgba(150, 160, 170, .4);
    position: absolute;
    top: 10px;
    bottom: 10px;
    content: '';
    right: 43px
}

.ahtung__box--forever:after {
    right: 206px
}

.ahtung .ico {
    top: 50%;
    margin-top: -12px;
    left: 17px
}

.ahtung .ico.ahtung__close {
    left: auto;
    right: 10px
}

.ahtung p {
    line-height: 20px
}

.ahtung--geo .ahtung__box {
    padding-top: 8px;
    padding-bottom: 8px
}

.ahtung--geo p {
    line-height: 32px
}

.ahtung .btn {
    height: 32px;
    padding: 0 24px;
    vertical-align: middle;
    margin: 0 10px;
    font-size: 14px
}

.ahtung .ahtung__btn-forever {
    padding: 0;
    width: 134px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 48px
}

.ahtung__link {
    color: #2a3246;
    display: inline-block;
    height: 16px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    border-bottom: 1px solid
}

.ahtung__link:hover {
    border-bottom-color: transparent
}

.alert-help {
    height: 270px
}

.alert-help li {
    width: 233px;
    float: left;
    height: 200px;
    text-align: center;
    padding: 11px;
    margin-top: 40px;
    font-size: 16px;
    line-height: 26px;
    border-right: 1px solid #e8e8e8
}

.alert-help li a {
    display: block;
    color: rgba(42, 50, 70, .8)
}

.alert-help li:last-child {
    border: 0
}

.alert-help li a:before {
    content: '';
    width: 76px;
    height: 76px;
    border-radius: 50%;
    border: solid 2px #96a0aa;
    display: block;
    margin: 14px auto;
    background: url(/bitrix/templates/centrofinans/images/sprite2.svg) -30px -1346px
}

.alert-help li:nth-child(2) a:before {
    background-position: -130px -1346px
}

.alert-help li:nth-child(3) a:before {
    background-position: -230px -1346px
}

.alert-help__mail, .alert-help__tel {
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    color: #2a3246;
    display: inline-block
}

.alert-help__mail {
    width: 185px;
    height: 32px;
    color: #FF461B;
    border-radius: 16px;
    background: rgba(216, 220, 231, .1);
    border: solid 1px rgba(150, 160, 170, .1);
    font-size: 16px;
    line-height: 32px;
    font-weight: bold
}

.alert-help__btn {
    width: 90px;
    height: 32px;
    font-size: 13px;
    line-height: 32px
}

.form-jobs {
    padding: 50px 0
}

.form-jobs__bg {
    padding: 34px 0;
    background: rgba(216, 220, 231, .12);
    border: 1px solid #e5e7e9
}

.form-jobs__form {
    width: 540px;
    max-width: 100%;
    margin: auto;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e5e7e9
}

.form-jobs__nav {
    margin: 39px;
    position: relative;
    background: #dfe2e5
}

.form-jobs__nav ul {
    position: relative;
    height: 1px
}

.form-jobs__nav-progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #ffee2f
}

.form-jobs__nav-disk {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #dfe2e5;
    position: relative;
    top: -15px;
    cursor: pointer
}

.form-jobs__nav-disk--active {
    border: 9px solid #ffee2f;
    background: #ffee2f
}

.form-jobs__nav-disk--current {
    border: 9px solid #ffee2f;
    background: #2a3246
}

.form-jobs .form-jobs__h3 {
    text-align: left;
    padding: 20px 0;
    color: #2a3246
}

.form-jobs__box {
    padding: 18px 40px 40px;
    border-top: 1px solid #e5e7e9
}

.form-jobs__input-box {
    display: block;
    margin-bottom: 20px
}

.form-jobs__label {
    width: 150px;
    line-height: 16px;
    color: #96a0aa;
    float: left;
    padding-top: 16px
}

.form-jobs sup {
    color: #FF461B;
    font-size: 14px;
    vertical-align: baseline
}

.form-jobs__label--pt2 {
    padding-top: 2px
}

.form-jobs__label--double-line {
    padding-top: 6px
}

.form-jobs__input {
    width: 300px;
    float: right;
    position: relative
}

.form-jobs__requred-text {
    padding-top: 22px;
    width: 243px;
    position: relative
}

.form-jobs__btn {
    width: 160px;
    height: 52px;
    line-height: 52px;
    margin-top: 6px
}

.form-jobs__add {
    position: relative;
    padding-bottom: 14px
}

.form-jobs__add-btn {
    position: absolute;
    right: 0;
    top: -42px;
    color: #2a3246;
    text-decoration: underline
}

.form-jobs__input-pref {
    float: left;
    width: 30px;
    color: #96a0aa;
    line-height: 16px;
    padding-top: 16px
}

.form-jobs__input-month-year .input {
    width: 105px
}

.form-jobs__step.step-4 .form-jobs__requred-text {
    margin-top: 14px
}

.form-jobs__step.step-4 .form-jobs__btn {
    margin-top: 20px
}

.form-jobs__captcha-img, .form-jobs__captcha-img-box {
    width: 114px;
    height: 46px
}

.form-jobs__captcha-input {
    width: 165px
}

.form-jobs__checkbox-box {
    padding: 16px 0
}

.loading-spin {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

#video-youtube__box {
    width: 560px;
    max-width: 100%;
    height: 320px
}

.content-visible h1 {
    color: #2b3246;
    margin: 28px 0;
    text-align: left;
    font-size: 28px;
    line-height: 32px;
    font-weight: 300;
}

.content-visible h2  {
    margin: 24px 0;
    font-size: 24px;
}

.content-visible p  {
    color: #2b3246;
    margin: 14px 0;
    line-height: 23px
}

.content-visible ol, .content-visible ul {
    margin: 14px 40px
}

.content-visible {
    padding: 20px 0
}

.content-visible h3 {
    margin: 20px 0;
    font-size: 20px;

    line-height: 26px;

    font-weight: 300
}

.content-visible ol li {
    line-height: 23px
}

.content-visible ol > li::before {
    position: absolute;
    top: 0;
    left: -40px;
    text-align: right;
    width: 30px
}

.content-visible blockquote {
    padding-left: 26px;
    border-left: 1px solid #96a0aa;
    display: block
}

.content-visible ul li {
    list-style: disc;
    line-height: 23px
}

.btn--load-item--blog {
    margin: 0 auto 60px;
    width: 230px
}

.related {
    padding: 0 16px;
    background-color: #fbfbfc
}

.related .h1 {
    text-align: center;
    color: #2a3246;
    padding: 34px 0 38px
}

.related .news {
    padding: 0
}

.page-gl__content .h1 {
    color: #2a3246 !important;
    margin: 26px 0 !important;
    padding: 0 !important;
    font-size: 36px;
    line-height: 46px;
    font-weight: 300 !important
}

.page-gl__content .h1 {
    margin: 70px 0 13px !important
}

.page-gl__content-big {
    color: #2a3246 !important;
    margin: 13px 0 !important;
    font-size: 22px;
    line-height: 26px;
    font-weight: 300 !important
}

.table-gp {
    margin: 40px auto 50px;
    border-radius: 6px;
    border: solid 1px #e6e7e8;
    padding: 20px 40px;
    position: relative;
    white-space: nowrap
}

.table-gp th:nth-child(1) {
    width: 240px
}

.table-gp th:nth-child(2) {
    width: 230px
}

.table-gp th:last-child {
    width: 100px
}

.table-gp::before {
    border-radius: 6px 6px 0 0;
    background-color: #dae1eb;
    opacity: .6;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: '';
    z-index: -1
}

.table-gp--2::before {
    height: 160px
}

.table-border {
    margin: 40px auto 50px;
    border-radius: 6px;
    border: solid 1px #e6e7e8;
    white-space: nowrap;
    overflow: hidden
}

.table-border table {
    margin: 0 !important;
    width: 100%
}

.table-border thead th {
    border: solid 1px #fff !important;
    padding: 5px 10px;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #8591a1;
    background-color: rgba(218, 225, 235, .6)
}

.table-border tbody tr:nth-child(2n+2) td {
    background-color: rgba(218, 225, 235, .3)
}

.table-border tbody td {
    border: 0;
    border-left: solid 1px #e6e7e8;
    padding: 10px 10px 10px 20px;
    color: #2a3246;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    vertical-align: middle
}

.table-border tbody .table-border__b {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold
}

.table-border tr:first-child th {
    border-top: 0 !important;
}

.table-border tr:last-child td {
    border-bottom: 0 !important;
}

.table-border td:first-child, .table-border th:first-child {
    border-left: 0 !important;
}

.table-border th:last-child {
    border-right: 0 !important;
}

.table-gp td {
    font-size: 16px;
    padding: 24px 1px;
    color: #8591a1;
    vertical-align: middle
}

.table-gp tr:nth-child(n+2) td {
    border-top: 1px solid #e6e9f0
}

.table-gp__b {
    color: #2a3246
}

.page-gl__btn-to-calkulator {
    width: 220px;
    height: 52px;
    font-size: 16px;
    line-height: 52px;
    font-weight: bold;
    display: block;
    text-decoration: none !important;
    margin: 40px auto
}

.page-gl__hr {
    margin: 50px 0
}

.page-gl__faq {
    text-align: center;
    margin: 60px auto;
    counter-reset: headings 0
}

.page-gl__faq .h1 {
    color: #2a3246;
    margin: 40px 0
}

.page-gl__faq-item {
    margin: 40px auto 50px;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    text-align: center;
    max-width: 660px;
    color: #2a3246;
    counter-increment: headings 1
}

.page-gl__faq-head {
    font-size: 24px;
    line-height: 29px;
    color: #2a3246;
    margin: 15px 0
}

.page-gl__faq-head::before {
    content: counter(headings, decimal);
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 20px auto;
    background-color: #ffee2f;
    color: #2a3246;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold
}

.zaimy-list .h1 {
    color: #2a3246;
    margin: 40px 0 28px
}

.zaimy-list p {
    font-size: 16px;
    line-height: 25px;
    margin: 28px 14px
}

.zaimy-list hr {
    margin: 40px auto
}

.btn-send-inside {
    border-radius: 280px;
    width: 135px;
    height: 135px;
    position: relative;
    display: block;
    top: 44px;
    left: 50px;
    z-index: 1;
    cursor: pointer
}

.btn-send-inside::after, .btn-send-inside::before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    background: #ffe748;
    background-color: rgba(255, 231, 72, .5);
    background-color: #d8d8d8;
    border-radius: 280px;
    opacity: 0
}

.btn-send-inside::before {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-animation: btn-send 3s infinite linear;
            animation: btn-send 3s infinite linear
}

.btn-send-inside::after {
    -webkit-animation: btn-send 3s 1s infinite linear;
            animation: btn-send 3s 1s infinite linear
}

.btn-send {
    position: absolute;
    width: 134px;
    height: 134px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
    z-index: 10
}

.btn-send .back, .btn-send .front, .btn-send .transform {
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d
}

.btn-send .back, .btn-send .front {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    top: 0;
    left: 0;
    width: 134px;
    height: 134px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box
}

.btn-send .front {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    display: block;
    position: absolute;
    color: #62656c;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    line-height: 16px;
    padding-top: 55px;
    z-index: 2;
    font-weight: bold;
    background: url(https://lovizaim.ru/main/images/sprite2.svg) -703px -504px
}

.btn-send .back {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    background: url(https://lovizaim.ru/main/images/sprite2.svg) -553px -506px;
    display: block
}

.btn-send:hover .back {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg)
}

.btn-send:hover .front {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg)
}

.btn-send .back, .online__img img {
    position: relative
}

.online__img {
    padding: 78px 0 22px
}

.online__img img {
    display: block;
    margin: 0 auto
}

.online__img .img-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 460px
}

.online__content {
    width: 620px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.56;
    max-width: 100%;
    margin: 70px auto
}

.online__content p {
    margin: 30px 0
}

.online__content h2 {
    margin: 40px 0 30px;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold
}

.online__content .btn {
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    padding: 0 34px
}

.sitemap {
    margin: 66px auto
}

.sitemap a {
    text-decoration: underline
}

.sitemap, .sitemap .h1, .sitemap a {
    color: #2a3246
}

.sitemap hr {
    margin: 34px 0;
    background-color: #e5e7e9
}

.sitemap__column {
    margin: 58px 0;
    font-size: 19px;
    line-height: 1.8;
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3
}

.sitemap__column ul {
    line-height: 2.5;
    font-size: 16px;
    margin-left: 30px
}

.sitemap__column ul ul {
    font-size: 14px
}

.sitemap__column-inline {
    width: 242px;
    display: inline-block
}

.sitemap__column-inline li {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px
}

.sitemap__column-break-before {
    -moz-column-break-before: always;
         break-before: always;
    -webkit-column-break-before: always
}

.sitemap__column-avoid {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.preview-list-old {
    margin: 40px auto
}

.preview-list-old__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-left: -50px;
    margin-bottom: -50px
}

.preview-list-old__head {
    color: #2a3246;
    margin-bottom: 30px
}

.preview-list-old__item {
    width: 280px;
    margin-bottom: 50px;
    margin-left: 50px;
    position: relative;
    list-style: none
}

.preview-list-old__link {
    display: block
}

.preview-list-old__img {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 22px
}

.preview-list-old__img img {
    display: block;
    position: relative;
    max-width: 100%;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s
}

.preview-list-old__img::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: #000;
    opacity: 0
}

.preview-list-old__link:hover .preview-list-old__img img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05)
}

.preview-list-old__link:hover .preview-list-old__img::after {
    opacity: .2
}

.preview-list-old__date {
    display: block;
    font-size: 13px;
    color: #96a0aa;
    margin: 6px 0
}

.preview-list-old__title {
    font-size: 16px;
    line-height: 24px;
    color: #2a3246;
    overflow: hidden;
    max-height: 72px;
    display: block
}

.visible-md, .visible-sm {
    display: none
}

.select2-container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 0;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button, .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: 0;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: 0;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: 0
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: gray
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.job-top__city {
    color: #96a0aa
}

.ahtung .btn {
    line-height: 29px
}

.file--hidden {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.callback-form .select__value.select--error, .loan-form .select__value.select--error, .loan-form input[type=tel].input--error, .loan-form input[type=text].input--error {
    border-color: red
}

.loan-form label.input--error {
    border: red solid 1px
}

.error-blink {
    -webkit-animation: blink-border 2s infinite;
    animation: blink-border 2s infinite
}

.main--landing-page {
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: 1px solid #e5e7e9
}

.alert-refund li {
    display: inline-block
}

a.feedback-slider__h2 {
    display: block;
    color: #2b3246
}

.form-jobs__loader {
    overflow: hidden;
    margin-top: 120px;
    display: none
}

.form-jobs__loader--visible {
    display: block
}

.article-white-bg {
    background-color: #fff
}

.top-scroll-alert {
    top: 100px !important
}

.lk-error-messages {
    color: red;
    margin-bottom: 22px;
    text-align: center
}

.alert-refund li {
    float: none
}

.alert-refund li a.ps--selected {
    background: red
}

.table-promo th:nth-child(4) {
    width: 120px
}

.table-promo td a {
    cursor: pointer
}

.alert-profile__img {
    width: 175px
}

.alert-refund__btn-box {
    text-align: center;
    padding-bottom: 30px
}

.alert-refund__btn-box label {
    width: 230px;
    border-radius: 100px
}

.alert-refund__btn-box input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1
}

.loan-history__red--margin-top {
    margin-top: 20px
}

#rent-form .checkbox {
    line-height: 22px;
}

#contacts-form .checkbox, #job-form .checkbox {
    line-height: 22px;
    margin-bottom: 20px
}

#rent-form .checkbox {
    margin-bottom: 0
}

#contacts-form .checkbox i, #job-form .checkbox i, #rent-form .checkbox i {
    top: 0
}

#contacts-form .checkbox.error-blink, #job-form .checkbox.error-blink, #rent-form .checkbox.error-blink {
    -webkit-animation: blink-opacity 2s infinite;
    animation: blink-opacity 2s infinite
}

.ya-taxi-widget svg {
    display: inline;
}

.preview-list-old {
    margin: 40px auto
}

.preview-list-old__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-left: -50px;
    margin-bottom: -50px
}

.preview-list-old__head {
    color: #2a3246;
    margin-bottom: 30px
}

.preview-list-old__item {
    width: 280px;
    margin-bottom: 50px;
    margin-left: 50px;
    position: relative;
    list-style: none
}

.preview-list-old__link {
    display: block
}

.preview-list-old__img {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 22px
}

.preview-list-old__img img {
    display: block;
    position: relative;
    max-width: 100%;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s
}

.preview-list-old__img::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: #000;
    opacity: 0
}

.preview-list-old__link:hover .preview-list-old__img img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05)
}

.preview-list-old__link:hover .preview-list-old__img::after {
    opacity: .2
}

.preview-list-old__date {
    display: block;
    font-size: 13px;
    color: #96a0aa;
    margin: 6px 0
}

.preview-list-old__title {
    font-size: 16px;
    line-height: 24px;
    color: #2a3246;
    overflow: hidden;
    max-height: 72px;
    display: block
}

.new__delals {
    padding: 8px 0 12px;
    color: #fff;
    font-size: 1px;
    text-align: center
}

.new__date, .new__like {
    line-height: 22px;
    height: 24px;
    vertical-align: top;
    position: relative;
    display: inline-block
}

.new__date {
    padding: 0 20px 0 28px;
    border-right: 1px solid rgba(255, 255, 255, .3);
    font-size: 14px
}

.new__date .ico {
    top: -3px
}

.new__like {
    color: #fff;
    margin: 0 4px 0 14px;
    padding-left: 28px;
    font-size: 15px
}

.new__like .ico {
    top: -2px
}

.new .h1 {
    padding: 0 100px;
    line-height: 44px
}

.new__text h1, .new__text h2, .new__text h3, .new__text h4 {
    color: inherit;
    padding: 5px 0 22px;
    font-size: 28px;
    line-height: 24px;
    font-weight: bold
}

.new__text h1 {
    text-align: left
}

.new__text h2 {
    font-size: 24px;
    line-height: 30px
}

.new__text h3 {
    font-size: 20px;
    line-height: 24px
}

.new__text h4 {
    font-size: 18px;
    line-height: 22px
}

.new__text {
    max-width: 620px;
}

.new__text hr {
    margin: 28px 0;
    height: 2px
}

.new__text img {
    max-width: 100%;
}

.new__text li, .new__text p {
    font-size: 16px;
    line-height: 25px
}

.new__text b, .new__text strong, .privacy__body h2 {
    font-weight: bold;
}

.new__text blockquote, .new__text q {
    font-size: 16px;
    line-height: 26px;
    color: #96a0aa;
    padding-left: 25px;
    display: block;
    position: relative;
    font-style: italic;
    border-left: 3px solid;
    margin-bottom: 28px
}

.new__text li {
    padding-left: 28px
}

.new__text ol {
    counter-reset: headings 0
}

.new__text ol > li:before {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: headings 1;
    content: counter(headings, decimal) '.'
}

.new__text ol, .new__text p, .new__text ul {
    padding-bottom: 28px
}

.new__text ul ul {
    padding-bottom: 8px
}

.new__text .marker-p {
    padding-bottom: 0;
    position: relative;
    padding-left: 28px
}

.new__text .marker-p:before, .new__text ul li:before {
    position: absolute;
    top: 11px;
    left: 6px;
    width: 5px;
    height: 5px;
    content: '';
    border-radius: 50%;
    background: #2b3246
}

.new__text .marker-dash > li:before {
    height: 1px;
    width: 12px;
    top: 12px;
    border-radius: 0
}

.new__text .marker-circle > li:before {
    background: 0 0;
    border: 1px solid #2b3246
}

.new__text .marker-square > li:before {
    border-radius: 0
}

.new__text .marker-arrow > li:before {
    height: 4px;
    border-radius: 0
}

.new__text .marker-arrow > li:after {
    position: absolute;
    top: 9px;
    left: 10px;
    content: '';
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent #2b3246
}

.new__text a:hover {
    text-decoration: none
}

.new__text blockquote::after, .new__text blockquote::before, .new__text q::after, .new__text q::before {
    display: none
}

.new__text table {
    margin-bottom: 28px;
    width: 100%
}

.new__text td {
    padding: 10px;
    font-size: 16px;
    line-height: 25px;
    border: 1px solid
}

@media print {
    .accept__text .btn {
        display: none
    }
}

@media (max-width: 1250px) {
    .slider-abscissa--personal .ico--left-gray, .slider-abscissa--personal .ico--right-gray {
        display: none
    }
}

@media (max-width: 1024px) {
    .hidden-md {
        display: none !important
    }

    .display_block-md, .visible-md {
        display: block
    }

    .frontend {
        min-width: 768px
    }

    .main {
        -webkit-transition: padding-top .5s;
        -o-transition: padding-top .5s;
        transition: padding-top .5s
    }

    .img-cover {
        height: 400px
    }

    .img-cover--auto77 {
        height: auto;
        padding: 40px 0
    }

    .slider-abscissa .ico--next, .slider-abscissa .ico--prev {
        display: none
    }

    .about .center {
        max-width: 900px
    }

    .about-map #map {
        height: 300px;
        max-width: 800px;
        margin: auto
    }

    .select__li {
        line-height: 22px
    }

    .ico--plus-v2, .menu-mobile__btn .ico {
        left: 5px;
        top: 9px;
        background: url(/bitrix/templates/centrofinans/images/sprite_320.svg) -895px -36px
    }

    .ico--m-home {
        background-position: -895px -85px
    }

    .ico--m-docs {
        background-position: -826px -74px
    }

    .ico--m-jobs {
        background-position: -826px -113px
    }

    .ico--m-rent {
        background-position: -826px -154px
    }

    .ico--m-feed {
        background-position: -826px -195px
    }

    .ico--m-spec {
        background-position: -895px -133px
    }

    .ico--m-news {
        background-position: -895px -182px
    }

    .ico--m-faq {
        background-position: -895px -232px
    }

    .ico--m-cont {
        background-position: -895px -281px
    }

    .ico--m-blog {
        background-position: -826px -236px
    }

    .ico--m-arenda {
        background-position: -828px -307px
    }

    .ico--m-terms {
        background-position: -828px -338px
    }

    .ico--m-rub {
        background-position: -828px -274px
    }

    .img-cover--main {
        height: 470px
    }

    .home-article:before {
        top: -460px
    }

    .home-article {
        padding-top: 70px;
        max-width: 768px
    }

    .home-article__intro {
        padding: 0 14px 40px
    }

    .home-article__intro li {
        height: 120px;
        margin: 0 25px 0 0;
        padding: 23px 0 0;
        text-align: center;
        width: 230px
    }

    .home-article__intro li:after, .home-article__intro li:before {
        left: 74px;
        top: -35px
    }

    .home-article__intro li::before {
        left: 69px;
        top: -40px
    }

    .home-article__title {
        padding: 13px 0 10px
    }

    .home-article__step {
        max-width: 768px;
        padding: 0 38px 35px;
    }

    .home-article__step li {
        margin: 0;
        padding: 74px 20px 0;
        text-align: center;
        width: 224px
    }

    .home-article__step li:before {
        left: 78px
    }

    .home-article__step li:nth-child(2)::after, .home-article__step li:nth-child(3)::after {
        left: -20px;
        top: 26px
    }

    .home-article__text {
        margin: 0 14px 40px;
        padding: 20px 20px 16px
    }

    .table-promo {
        width: 740px;
        padding: 20px
    }

    .tabs--home {
        max-width: 768px;
        padding: 0 14px 35px
    }

    .tabs__body .tabs__dd--active {
        padding-bottom: 20px
    }

    .news-item {
        width: 224px;
        min-height: 300px
    }

    .news-item:nth-child(3n+2) {
        margin-left: 34px
    }

    .news-item__img img {
        height: 144px;
        width: 224px
    }

    .news-item__date {
        padding-top: 17px
    }

    .map-address > .w450 {
        width: auto;
        max-width: 732px
    }

    .map-address #map {
        height: 250px;
        margin-bottom: 20px
    }

    .accept__text {
        padding: 16px;
        max-width: 768px;
        margin: auto
    }

    .about-text__h2 {
        padding-top: 20px
    }

    .about-text {
        padding-bottom: 20px
    }

    .about-text__p {
        padding: 0 20px 40px
    }

    .contact__mails {
        max-width: 732px;
        margin: auto
    }

    .contact__mails li {
        width: 350px;
        margin: 10px auto
    }

    .callback-form--contact .center, .job-top {
        max-width: 732px
    }

    .callback-form--contact .w460 {
        width: 100%;
        float: none
    }

    .page-message__box .center {
        top: 0
    }

    .job-top__item p {
        font-size: 18px;
        line-height: 22px
    }

    .job-top__item {
        margin-bottom: 20px;
        width: 356px
    }

    .job-city-filter, .job-city-list {
        width: auto;
        max-width: 732px
    }

    .job-city-list {
        min-height: 250px
    }

    .job-city-list__result-null {
        padding: 80px 10px
    }

    .job-city-list__loader .loading-spin {
        top: 96px
    }

    .job-city-list .list-red-arrow {
        width: 320px;
        padding: 0;
        margin: 0 !important
    }

    .list-best {
        margin: auto;
        padding: 30px 0;
        max-width: 732px
    }

    .list-best__item {
        width: 340px
    }

    .jobs-page {
        float: none;
        width: auto;
        margin: auto;
        max-width: 732px;
        padding: 30px 0
    }

    .jobs-page__btn {
        margin: auto;
        display: block
    }

    .personal {
        padding: 70px 16px
    }

    .personal__text {
        padding: 15px 20px 36px
    }

    .breadcrumbs {
        height: 18px;
        overflow: hidden;
        padding: 0;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        position: relative;
        white-space: nowrap
    }

    .breadcrumbs li {
        float: none;
        display: inline
    }

    .jobs-all {
        margin: auto;
        max-width: 732px
    }

    .search-filter__btn {
        width: 156px
    }

    .search-filter__select {
        width: 200px
    }

    .jobs-all__list .list-red-arrow {
        float: none !important;
        width: auto;
        margin: 0 !important
    }

    .rent-header p {
        font-size: 30px
    }

    .rent-header li {
        font-size: 16px;
        line-height: 20px;
        font-weight: 300;
        height: auto;
        width: 33.33%
    }

    .callback-form--rent {
        margin: auto;
        max-width: 732px
    }

    .callback-form--rent .w460 {
        width: 360px
    }

    .callback-form--rent .w300 {
        width: 200px
    }

    .callback-form--rent .ajax-load {
        width: 460px
    }

    .feedback .center {
        max-width: 732px
    }

    .feedback__item {
        min-height: 200px;
        padding: 20px
    }

    .feedback__body {
        width: 495px
    }

    .faq, .news {
        max-width: 732px
    }

    .faq__cat-name {
        height: 123px;
        width: 230px
    }

    .faq__cat:nth-child(2) {
        margin-left: 20px
    }

    .faq__title {
        font-size: 20px
    }

    .faq__cat-name {
        padding-top: 44px
    }

    .faq__cat--active .faq__cat-name {
        padding-top: 43px
    }

    .faq__cat .faq__cat-name::before {
        top: 10px
    }

    .faq__cat--active .faq__cat-name::before {
        top: 9px
    }

    .faq__box-nav {
        width: 250px
    }

    .faq__box-nav .faq__item-name {
        padding: 6px 14px
    }

    .faq__box-list {
        width: 480px
    }

    .faq__box-nav .faq__item-name, .faq__item {
        font-size: 14px;
        line-height: 20px
    }

    .faq__box-list .faq__item-name {
        font-size: 20px;
        padding: 0
    }

    .faq__item {
        padding: 16px
    }

    .tabs--full .tabs__dd {
        padding: 32px 16px
    }

    .content-visible {
        padding: 16px
    }

    .body--select2-hide {
        pointer-events: none
    }

    .body--select2-up {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .select2-container .select2-dropdown {
        border-radius: 0 !important;
        -webkit-box-shadow: none;
                box-shadow: none;
        margin: 0;
        padding: 6px 10px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto !important;
        position: fixed
    }

    .select2-results {
        height: 80%;
        height: calc(100% - 50px)
    }

    .select2-container--default .select2-results > .select2-results__options {
        max-height: 100% !important;
        -webkit-overflow-scrolling: touch
    }

    .select2-container .select2-results__option {
        padding: 8px 12px
    }

    .personal-list {
        margin: 0;
        -ms-flex-pack: distribute;
            justify-content: space-around
    }

    .article-v2 {
        padding-left: 20px;
        padding-right: 20px
    }

    .training__left {
        width: 460px
    }

    .training__cell--img {
        width: 140px;
        padding: 10px 20px 30px 0
    }

    .privacy__body {
        padding: 34px
    }

    .table-gp th {
        width: auto !important
    }

    .table-border {
        margin: 14px;
        overflow-x: auto
    }

    .sitemap {
        margin: 20px
    }

    .sitemap__column {
        margin: 20px 0;
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1
    }

    .sitemap__column-avoid, .sitemap__column-inline {
        display: block;
        width: auto
    }

    .sitemap__column-break-before {
        -moz-column-break-before: auto;
             break-before: auto;
        -webkit-column-break-before: auto
    }

    .preview-list-old {
        width: 732px;
        margin: 30px auto
    }

    .preview-list-old__box {
        margin-left: -30px;
        margin-bottom: -30px
    }

    .preview-list-old__head {
        text-align: left;
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 24px;
        font-weight: bold
    }

    .preview-list-old__item {
        width: 224px;
        margin-bottom: 30px;
        margin-left: 30px
    }

    .preview-list-old__img {
        margin-bottom: 18px
    }

    .preview-list-old__img::after {
        display: none
    }

    #map-popup, .modal-geo__box #map {
        margin-bottom: 20px
    }
    .jobs-all .h1 { padding: 0 0 60px !important; color: #fff !important; }

    .preview-list-old {
        width: 732px;
        margin: 30px auto
    }

    .preview-list-old__box {
        margin-left: -30px;
        margin-bottom: -30px
    }

    .preview-list-old__head {
        text-align: left;
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 24px;
        font-weight: bold
    }

    .preview-list-old__item {
        width: 224px;
        margin-bottom: 30px;
        margin-left: 30px
    }

    .preview-list-old__img {
        margin-bottom: 18px
    }

    .preview-list-old__img::after {
        display: none
    }
}

@media (max-width: 767px) {
    .job__cover::after { display: none }

    .hidden-sm {
        display: none !important
    }

    .display_block-sm, .visible-sm {
        display: block
    }

    .map-address a.visible-sm {
        display: inline
    }

    .frontend {
        min-width: 320px
    }

    .center {
        padding-left: 16px;
        padding-right: 16px
    }

    .main--bb {
        border-bottom: 0;
        padding-bottom: 0
    }

    .btn-send-inside {
        margin: 10px auto 0;
        top: 0;
        left: 0
    }

    .home-article {
        padding-top: 0;
    }

    .home-article:before {
        display: none;
    }

    .home-article__title {
        font-size: 24px;
        padding: 0
    }

    .home-article__step {
        max-width: 320px;
        margin: auto auto 40px;
        padding: 0 30px 0 110px
    }

    .home-article__step li {
        margin: 0;
        padding: 8px 0 56px;
        text-align: left;
        width: auto;
        max-width: 150px;
        float: none !important;
        font-size: 14px;
        line-height: 17px
    }

    .home-article__step li:last-child {
        padding-bottom: 0
    }

    .home-article__step li::before {
        left: -74px;
        top: -9px;
        -webkit-transform: scale(.74);
        -ms-transform: scale(.74);
            transform: scale(.74)
    }

    .home-article__step li:nth-child(2)::after, .home-article__step li:nth-child(3)::after {
        top: -38px;
        left: -56px;
        background: url(/bitrix/templates/centrofinans/images/sprite_320.svg) -139px -213px
    }

    .ahtung__box {
        text-align: left;
        padding: 10px 36px 16px 16px;
        background: #f3f4f5
    }

    .ahtung--geo .btn {
        margin-left: 0
    }

    .ahtung--geo .ahtung__box {
        padding-bottom: 16px
    }

    .ahtung:before {
        height: 14px;
        right: 0;
        left: 0;
        top: auto;
        width: auto;
        bottom: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(#f3f4f5), to(#dcdcdd));
        background: -o-linear-gradient(top, #f3f4f5 0%, #dcdcdd 100%);
        background: linear-gradient(to bottom, #f3f4f5 0%, #dcdcdd 100%)
    }

    .ahtung__box--forever {
        padding-top: 46px
    }

    .ahtung .ahtung__btn-forever {
        margin: 0;
        right: auto;
        left: 14px;
        top: 10px
    }

    .ahtung .ico {
        top: 24px
    }

    .ahtung__box--forever:after, .copyright br, .job-top__item br {
        display: none
    }

    .ico--close-black {
        background: url(/bitrix/templates/centrofinans/images/sprite_320.svg) -565px -60px
    }

    .alert-help {
        padding-top: 35px
    }

    .alert-help li {
        border-right: 0;
        float: none;
        font-size: 14px;
        line-height: 20px;
        height: 75px;
        margin-top: 0;
        width: auto;
        text-align: left;
        padding: 0 0 0 84px
    }

    .alert-help li a::before {
        left: 4px;
        position: absolute;
        top: -30px;
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
            transform: scale(.6)
    }

    .alert-help li:nth-child(3) a::before {
        top: -26px
    }

    .alert-help__tel {
        font-size: 20px;
        line-height: 24px
    }

    .alert-help__mail {
        background: 0 0;
        border: 0;
        line-height: 26px;
        height: auto;
        width: auto
    }

    .accept .h1 {
        font-size: 18px;
        line-height: 24px;
        padding: 18px 0
    }

    .accept__total {
        margin-bottom: 18px
    }

    .accept__total li {
        font-size: 12px
    }

    .accept__total-suf {
        font-size: 18px;
        padding: 0
    }

    .map-address__contact {
        margin-bottom: 10px
    }

    .map-address__contact li {
        font-size: 14px
    }

    .accept__text {
        padding: 16px 0 0
    }

    .accept__text-box {
        padding: 16px;
        border-radius: 4px;
        background: #fafafb;
        border: solid 1px rgba(150, 160, 170, .1)
    }

    .accept__text p {
        font-size: 14px;
        line-height: 18px;
        padding: 5px 0
    }

    .about-text {
        text-align: left
    }

    .about-text__h2, .main .center .h1 {
        color: #2b3246;
        text-align: left;
        padding: 30px 0 10px;
        font-size: 20px;
        line-height: 24px;
        font-weight: bold
    }

    .about-text__p {
        font-size: 14px;
        line-height: 20px;
        padding: 8px 0
    }

    .page-gl__hr {
        margin: 30px 0
    }

    .page-gl__faq, .page-gl__faq .h1 {
        margin: 0;
        padding: 0
    }

    .contact__mails {
        padding: 0 0 28px
    }

    .contact__mails li {
        height: auto;
        font-size: 14px;
        padding: 14px 0 20px;
        width: 100%
    }

    .contact__mails ~ .map-address {
        padding-top: 0
    }

    .map-address__toggle-map {
        margin: 34px 20px 0 0;
        position: relative;
        text-decoration: underline;
        z-index: 1
    }

    .map-address__toggle-map:after {
        position: absolute;
        top: 8px;
        left: 100%;
        content: '';
        margin-left: 5px;
        border-style: solid;
        border-width: 4px 4px 0;
        border-color: #FF461B transparent
    }

    .map-address__toggle-map:before {
        content: attr(data-show)
    }

    .map-address__toggle-map-box {
        overflow: hidden;
        height: 0;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        width: 100% !important;
        max-width: calc(100vw - 50px) !important
    }

    .map-address--show .map-address__toggle-map-box {
        height: 300px
    }

    #map-popup, .modal-geo__box #map {
        margin: 20px 0;
        height: 280px !important;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        overflow: hidden;
    }

    .map-address__address-input {
        margin-top: 25px
    }

    .map-address--show .map-address__toggle-map:before {
        content: attr(data-hide)
    }

    .map-address--show .map-address__toggle-map:after {
        border-width: 0 4px 4px
    }

    .callback-form__answer {
        font-size: 14px;
        line-height: 18px
    }

    .callback-form .btn {
        width: 100%
    }

    .map-address__rasp {
        display: block
    }

    .map-address__rasp .table {
        width: auto;
        margin-left: -36px
    }

    .page-message h1 {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
            transform: scale(.6)
    }

    .page-message--404 p {
        padding: 0 0 10px
    }

    .page-message .btn {
        font-size: 15px;
        line-height: 52px;
        font-weight: 300;
        height: 52px
    }

    .page-message__box .center {
        max-width: 90%
    }

    .docs-page {
        padding: 0 16px
    }

    .docs-page__list {
        padding: 0;
        width: auto
    }

    .docs-page__list li {
        margin-bottom: 10px;
        border-radius: 4px;
        padding: 16px 16px 34px 60px;
        background: #fafafb;
        border: solid 1px rgba(150, 160, 170, .1) !important
    }

    .docs-page__open {
        font-size: 14px;
        line-height: 20px
    }

    .docs-page__download {
        bottom: 16px;
        font-size: 10px;
        line-height: 28px;
        height: 28px;
        left: 60px;
        right: auto;
        top: auto;
        width: 70px
    }

    .docs-page__file-size {
        left: 80px;
        top: 14px
    }

    .docs-page__ico {
        left: 10px;
        top: 10px
    }

    .job-top {
        padding: 0 16px
    }

    .job-top__item {
        float: none !important;
        margin-bottom: 12px;
        width: auto;
        height: auto;
        padding: 20px 16px 0
    }

    .job-top__item p, .page-message--404 p {
        font-size: 14px;
        line-height: 20px
    }

    .job-top__item .btn {
        font-size: 12px;
        height: 32px;
        line-height: 32px;
        width: 128px
    }

    .job .img-cover {
        padding: 0 16px;
        max-width: 732px;
        margin: auto;
        background: 0 0 !important
    }

    .faq hr, .img-big--faq:before, .img-big--news:before, .img-cover--feedback:before, .img-cover--rent:before, .job .img-cover::before {
        display: none
    }

    .job-city-filter {
        background: #96a0aa
    }

    .job-city-list {
        background: #fafafb;
        border: solid 1px rgba(150, 160, 170, .1);
        border-top: 0;
        padding: 16px 16px 0;
        margin-bottom: 32px;
        min-height: 100px
    }

    .job-city-list__loader .loading-spin {
        top: 34px
    }

    .job-city-list__result-null {
        font-size: 14px;
        line-height: 20px;
        padding: 20px 20px 30px
    }

    .job-city-filter__select {
        float: none
    }

    .job-city-filter__select .select {
        margin-left: 0;
        width: 100%
    }

    .job-city-list .list-red-arrow {
        float: none;
        width: auto
    }

    .jobs-page .h1 {
        padding-top: 16px;
        font-size: 20px;
        line-height: 24px
    }

    .jobs-page__list {
        padding: 16px 0
    }

    .jobs-page dt, .jobs-page__ul li {
        font-size: 14px;
        line-height: 15px
    }

    .jobs-page__btn {
        font-size: 14px;
        line-height: 42px;
        height: 42px;
        width: 270px
    }

    .search-filter__btn, .search-filter__select {
        float: none;
        margin: 0 0 18px;
        width: auto
    }

    .search-filter__btn {
        margin: 0;
        display: block
    }

    .search-filter {
        background: #96a0aa;
        padding: 16px
    }

    .jobs-all__list {
        background: #fafafb;
        border: solid 1px rgba(150, 160, 170, .1);
        border-top: 0;
        padding: 10px;
        border-radius: 0 0 4px 4px
    }

    .img-cover--rent, .rent-we {
        display: block;
        height: auto;
        border-radius: 4px;
        background: #fafafb !important;
        border: solid 1px rgba(150, 160, 170, .1)
    }

    .img-cover--rent {
        margin: 0 16px;
        padding: 16px
    }

    .h1--feedback.h1, .h1--rent.h1 {
        padding-left: 16px
    }

    .rent-header p {
        font-size: 20px;
        line-height: 26px;
        font-weight: 300;
        padding: 0;
        color: #2a3246;
        text-align: left
    }

    .callback-form--rent, .faq, .rent-header li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .rent-header li {
        text-align: left;
        font-size: 14px;
        line-height: 18px;
        float: none;
        vertical-align: middle;
        width: auto;
        height: 40px;
        margin-top: 16px;
        padding-left: 50px;
        display: -ms-flexbox;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center
    }

    .rent-header li::before, .rent-we li::before {
        position: absolute;
        -webkit-transform: scale(.45);
        -ms-transform: scale(.45);
            transform: scale(.45)
    }

    .rent-header li::before {
        background-color: #ffee2f;
        top: -38px;
        left: -25px
    }

    .callback-form--rent, .faq {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
            flex-direction: column
    }

    .callback-form--rent {
        padding: 0
    }

    .callback-form--rent .w140, .callback-form--rent .w300, .callback-form--rent .w460 {
        width: 100%
    }

    .callback-form--rent .w460.pull-right {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
            order: 1
    }

    .callback-form--rent .btn {
        margin: 0
    }

    .rent-we, .rent-we .h1 {
        text-align: center;
        padding: 0
    }

    .rent-we {
        margin: 20px 0 40px
    }

    .rent-we .h1 {
        font-size: 20px;
        line-height: 40px;
        font-weight: 300
    }

    .rent-we li::before {
        top: -16px;
        left: -6px;
        margin: 0
    }

    .rent-we li:nth-child(1):before {
        left: 0
    }

    .rent-we li {
        min-width: 86px;
        padding: 60px 0 10px;
        font-size: 14px;
        line-height: 20px;
        width: auto
    }

    .img-cover--feedback.img-cover {
        padding: 0;
        background: 0 0 !important;
        height: auto
    }

    .img-cover--feedback.img-cover p {
        padding: 0 16px;
        text-align: left;
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
        color: #2a3246
    }

    .feedback {
        padding: 20px 0;
        background: 0 0
    }

    .feedback__item {
        border-radius: 6px;
        padding: 16px;
        background: #fafafb;
        border: solid 1px rgba(150, 160, 170, .1)
    }

    .feedback__img {
        max-width: 132px;
        max-height: 85px;
        float: none
    }

    .feedback__body {
        float: none;
        width: auto
    }

    .feedback__name {
        font-size: 16px
    }

    .feedback__city {
        font-size: 12px
    }

    .feedback__text {
        font-size: 14px;
        height: 100px;
        line-height: 20px
    }

    .feedback__stars {
        top: -66px;
        border: 0;
        right: -18px;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
            transform: scale(.8)
    }

    .feedback__date {
        right: -10px;
        text-align: center;
        top: -36px;
        width: 122px
    }

    .feedback__readmore {
        font-size: 14px
    }

    .feedback::before {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
            transform: scale(.8);
        bottom: 0
    }

    .img-big--news {
        padding: 0;
        background: 0 0 !important;
        height: auto;
        display: block
    }

    .news {
        padding: 16px
    }

    .news .news-item {
        min-height: 100px;
        width: auto;
        float: none;
        padding-left: 90px;
        margin: 10px 0;
        border-top: 1px solid #d8dce7
    }

    .news .news-item:first-child {
        border: 0
    }

    .news .news-item__img {
        width: 76px;
        height: 76px;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        top: 16px;
        left: 0
    }

    .news .news-item__img img {
        height: 76px;
        width: auto;
        max-width: none;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s
    }

    .news .news-item__date {
        font-size: 12px
    }

    .news .news-item__title {
        font-size: 14px;
        max-height: 60px;
        line-height: 20px
    }

    .btn--load-item {
        max-width: 100%
    }

    .h1--new.h1 {
        font-size: 18px;
        line-height: 24px;
        border-bottom: 1px solid #d8dce7;
        padding: 10px 0 20px
    }

    .new__nav-page, .new__nav-page .h1 {
        border-bottom: 1px solid #d8dce7;
        padding-bottom: 14px;
        margin-bottom: 14px
    }

    .new__nav-page a {
        color: #2a3246;
        position: relative;
        text-decoration: underline;
        margin: 0 20px
    }

    .new__nav-page .ico--arrow-left {
        top: -2px;
        left: -24px;
        background: url(/bitrix/templates/centrofinans/images/sprite_320.svg) -181px -422px
    }

    .new__nav-page .ico--arrow-right {
        top: -2px;
        left: 100%;
        background: url(/bitrix/templates/centrofinans/images/sprite_320.svg) -181px -402px
    }

    .new__delals {
        color: #96a0aa;
        text-align: left
    }

    .new__date {
        border-right-color: #d8dce7
    }

    .new__date .ico--time-white {
        background: url(/bitrix/templates/centrofinans/images/sprite_320.svg) -16px -408px
    }

    .new__like {
        color: #FF461B
    }

    .new__like .ico--like {
        background: url(/bitrix/templates/centrofinans/images/sprite_320.svg) -56px -406px
    }

    .img-big--faq {
        padding: 0;
        background: 0 0 !important;
        height: auto;
        display: block
    }

    .faq {
        padding: 16px
    }

    .faq__cat {
        margin: 0 0 20px !important
    }

    .faq__cat-name {
        background: #fff;
        border-color: #e6eaec;
        float: none;
        height: 76px;
        padding: 0 0 0 70px !important;
        text-align: left;
        width: auto
    }

    .faq__cat--active .faq__cat-name {
        border-color: #96a0aa
    }

    .faq__cat-name:after {
        position: absolute;
        width: 6px;
        height: 6px;
        top: 34px;
        right: 24px;
        content: '';
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        border-right: 2px solid #2a3246;
        border-bottom: 2px solid #2a3246
    }

    .faq__cat--active .faq__cat-name:after {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg)
    }

    .faq__title {
        font-size: 18px;
        line-height: 30px;
        padding-top: 10px
    }

    .faq__cat-name::before {
        top: 15px;
        right: auto;
        left: 18px
    }

    .faq__box-item:nth-of-type(1), .faq__cat {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
            order: 1
    }

    .faq__box-item:nth-of-type(2), .faq__cat:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
            order: 2
    }

    .faq__box-item:nth-of-type(3), .faq__cat:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
            order: 3
    }

    .faq__box-nav {
        float: none;
        left: 0;
        width: auto;
        margin-bottom: 20px
    }

    .faq__box-list, .faq__item-name, .form-jobs__label br {
        display: none
    }

    .faq__nav-link--active::before {
        border-radius: 6px 6px 0 0
    }

    .faq__box-nav .faq__item {
        border-radius: 0 0 6px 6px;
        border-top: 0;
        margin-bottom: 10px;
        display: block !important
    }

    .form-jobs__bg {
        background: 0 0;
        border: 0;
        padding: 0
    }

    .form-jobs .form-jobs__h3 {
        padding: 14px 0 10px;
        font-size: 20px
    }

    .form-jobs__box {
        border: 0;
        padding: 20px
    }

    .form-jobs {
        padding-top: 70px
    }

    .form-jobs__label {
        float: none;
        padding: 0 0 4px;
        width: auto;
        display: block
    }

    .form-jobs__input-box {
        display: block;
        margin-bottom: 14px
    }

    .form-jobs__input {
        float: none;
        width: auto;
        display: block
    }

    .form-jobs__input-month-year {
        float: left;
        margin-right: 12px;
        margin-bottom: 12px
    }

    .form-jobs__input-pref {
        padding-right: 6px;
        width: auto
    }

    .form-jobs__input-month-year .input {
        padding: 0;
        text-align: center;
        width: 92px
    }

    .form-jobs .form-jobs__requred-text {
        padding: 0;
        width: auto;
        font-size: 14px;
        color: #96a0aa;
        float: none;
        position: relative;
        top: -10px
    }

    .form-jobs__btn {
        display: block;
        width: auto;
        margin: 0 0 10px;
        float: none
    }

    .form-jobs__captcha-input {
        width: 114px
    }

    .form-jobs__step.step-4 .form-jobs__requred-text {
        top: 0
    }

    .personal {
        padding-top: 0
    }

    .personal__text {
        text-align: left;
        padding: 0 0 20px
    }

    .personal__map #map {
        max-height: 60vh
    }

    .personal__list-result {
        position: relative;
        width: 100%;
        padding: 15px 0
    }

    .privacy .h1 {
        max-width: 100%
    }

    .privacy__body {
        padding: 20px
    }

    .privacy__body h2 {
        font-size: 22px;
        margin: 10px 0 20px;
        padding-left: 40px
    }

    .privacy__body li {
        font-size: 14px;
        line-height: 20px
    }

    .privacy__body li, .privacy__body p {
        margin-bottom: 20px
    }

    .privacy__body ul > li {
        padding-left: 20px;
        margin-bottom: 20px
    }

    .privacy__body ul > li::before {
        top: 10px
    }

    .sitemap, .zaimy-list .h1 {
        margin: 0
    }

    .zaimy-list p {
        margin: 14px 0
    }

    .preview-list-old {
        width: auto;
        margin: 30px 0
    }

    .preview-list-old__box {
        margin: 0;
        display: block
    }

    .preview-list-old__head {
        margin-bottom: 0
    }

    .preview-list-old__item {
        width: 100%;
        margin: 0;
        min-height: 120px;
        padding: 10px 0 10px 90px;
        border-top: 1px solid #d8dce7
    }

    .preview-list-old__item:first-child {
        border-top: 0
    }

    .preview-list-old__img {
        margin: 0;
        position: absolute !important;
        top: 22px;
        left: 0
    }

    .preview-list-old__img img {
        width: 76px;
        height: 76px;
        border-radius: 50%;
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important
    }

    .preview-list-old__date {
        font-size: 12px
    }

    .preview-list-old__title {
        font-size: 14px;
        max-height: 60px;
        line-height: 20px;
        margin: 20px 0 0
    }
    .preview-list-old {
        width: auto;
        margin: 30px 0
    }

    .preview-list-old__box {
        margin: 0;
        display: block
    }

    .preview-list-old__head {
        margin-bottom: 0
    }

    .preview-list-old__item {
        width: 100%;
        margin: 0;
        min-height: 120px;
        padding: 10px 0 10px 90px;
        border-top: 1px solid #d8dce7
    }

    .preview-list-old__item:first-child {
        border-top: 0
    }

    .preview-list-old__img {
        margin: 0;
        position: absolute !important;
        top: 22px;
        left: 0
    }

    .preview-list-old__img img {
        width: 76px;
        height: 76px;
        border-radius: 50%;
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important
    }

    .preview-list-old__date {
        font-size: 12px
    }

    .preview-list-old__title {
        font-size: 14px;
        max-height: 60px;
        line-height: 20px;
        margin: 20px 0 0
    }
    .new__nav-page, .new__nav-page .h1 {
        border-bottom: 1px solid #d8dce7;
        padding-bottom: 14px;
        margin-bottom: 14px
    }

    .new__nav-page a {
        color: #2a3246;
        position: relative;
        text-decoration: underline;
        margin: 0 20px
    }

    .new__nav-page .ico--arrow-left {
        top: -2px;
        left: -24px;
        background: url(/bitrix/templates/centrofinans/images/sprite_320.svg) -181px -422px
    }

    .new__nav-page .ico--arrow-right {
        top: -2px;
        left: 100%;
        background: url(/bitrix/templates/centrofinans/images/sprite_320.svg) -181px -402px
    }

    .new__delals {
        color: #96a0aa;
        text-align: left
    }

    .new__date {
        border-right-color: #d8dce7
    }

    .new__date .ico--time-white {
        background: url(/bitrix/templates/centrofinans/images/sprite_320.svg) -16px -408px
    }

    .new__like {
        color: #FF461B
    }

    .new__like .ico--like {
        background: url(/bitrix/templates/centrofinans/images/sprite_320.svg) -56px -406px
    }

    .new__text h2 {
        line-height: 23px;
        font-size: 16px;
    }

    .new .bg-grad {
        background: 0 0;
        padding: 12px 0
    }

    .new__text p {
        padding-bottom: 20px
    }

    .new__text ul {
        padding-bottom: 14px
    }

    .new__text li, .new__text p, .new__text q {
        font-size: 14px;
        line-height: 20px
    }

    .new__text q {
        margin-bottom: 20px;
        border-left-width: 2px;
        padding-left: 16px
    }

    .new__text iframe {
        max-width: 100%;
        min-height: calc((100vw - 32px) / 650 * 350);
        height: auto
    }

    .new__text table {
        display: block;
        overflow: auto;
        padding-bottom: 5px
    }

    .new__text table::-webkit-scrollbar {
        height: 6px
    }

    .new__text table::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .2);
        border-radius: 3px
    }

    .new__text tbody {
        display: table
    }
}

@media only screen and (max-width: 1199px) {
    #bx-panel {
        display: none !important
    }
}

@media only screen and (max-width: 1024px) {
    .ico--m-blog {
        background-position: -826px -236px
    }
    .callback-form--rent .w460--fz, .callback-form--rent .w460--photos {
        width: 100%
    }

    .callback-form--rent .w460--fz {
        text-align: center
    }

    .callback-form--rent .w460--fz p {
        text-align: left
    }

    .pull-right--btn-submit-rent {
        float: none
    }
}

@media only screen and (max-width: 768px) {
    #rent-form .checkbox {
        margin-bottom: 20px
    }
}