/* CSS: DAZAIM.RU > REPAYLOAN */   /* Layout: <IZEM©STUDIO> • 2018 */

/* ШРИФТЫ */

@font-face {  /* regular */
    font-family: 'Roboto';
    src: url('fonts/Roboto-regular-webfont.woff2') format('woff2'),
    url('fonts/Roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {  /* regular bold */
    font-family: 'Roboto';
    src: url('fonts/Roboto-bold-webfont.woff2') format('woff2'),
    url('fonts/Roboto-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {  /* regular italic */
    font-family: 'Roboto';
    src: url('fonts/Roboto-italic-webfont.woff2') format('woff2'),
    url('fonts/Roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {  /* 300 (light) */
    font-family: 'Roboto';
    src: url('fonts/Roboto-light-webfont.woff2') format('woff2'),
    url('fonts/Roboto-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {  /* 500 (mediun) */
    font-family: 'Roboto';
    src: url('fonts/Roboto-medium-webfont.woff2') format('woff2'),
    url('fonts/Roboto-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {  /* 900 (black) */
    font-family: 'Roboto';
    src: url('fonts/Roboto-black-webfont.woff2') format('woff2'),
    url('fonts/Roboto-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}


/* ОСНОВНЫЕ */

* {
    padding: 0;
    margin: 0;
    /*border: 0;*/
}

html {
    background: #CCC;
}

body {
    font: 15px/1 Roboto, Arial, Helvetica, sans-serif;
    color: #191A1B;
}

html, body {
    min-width: 1240px;
}
html {
    height: 100%;
}
body {
    height: 100%;
}

header, aside, main, nav, article, section, figure, figcaption, footer {
    display: block;
}

a {
    color: #191A1B;
    transition: color 0.18s ease-out;
}
a:hover {
    color: #0B923E;
}

img {
    border: 0;
}

ul {
    list-style: none;
}

table {
    border-collapse: collapse;
}

input, textarea {
    font-size: inherit;
    background: none;
    border: none;
}

input[type="text"], textarea {
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

input[type="submit"] {
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

input:not([type=checkbox]):not([type=radio]), textarea, select {  /* Убираем тени и скругления в формах на IOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

b, strong, h1, h2, h3 {
    font-weight: bold;  /* Исправляем отображение толщины шрифтов в ранних версиях Windows 7 */
}

.wrapper {
    box-sizing: border-box;  /* !!! */
    background: #F0F4F5;
    /* max-width: 1920px; */
    min-height: 100%;
    padding-bottom: 354px;
    margin: 0 auto;
    position: relative;
}


/* ОБЩИЕ */

.clearFix::after {  /* Clearfix */
    content: '';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

/* Заголовки внутренних страниц */
h1 {
    box-sizing: border-box;  /* !!! */
    font-size: 45px;
    font-weight: 300;  /* light */
    letter-spacing: 0.7px;
    padding-left: 50px;
    margin-top: 1px;
    margin-bottom: 30px;
}

header.home > .header-bottom, header.home .header-topInner3, header.internal .headerInner3, .howitworksInner, .fivereasonsInner, .getloanInner, .howtorepayInner, .loanscashcardInner, .fixhistoryInner, .creditratingInner, .popsearchesInner, .footer-topInner, .footer-bottomInner, .breadcrumbs, h1, .pageDocs-getloan, .pageDocs-calcInner, .pageContacts-content, .pageAbout-content, .pageGetLoan-content, .pageRepayLoan-content, .pageFormRepay-form, .article-mainInner {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}


/* ШАПКА (HEADER) [Главная] */

header.home {
    background: #373B46 url(img/header.bg.jpg) center top no-repeat;
}

.home .header-top {
    height: 189px;
}

.home .header-topInner1 {
}
.home.fixed .header-topInner1 {  /* Fixed */
    min-width: 1240px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
}

.home .header-topInner2 {
    background-color: transparent;
    transition: all 0.21s ease-out;
}
.home.fixed .header-topInner2 {  /* Fixed */
    background-color: #FFF;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.21);
    margin-left: auto;
    margin-right: auto;
    transition: all 0.18s ease-out;
}

.home .header-topInner3 {
    height: 189px;
    position: relative;
    transition: height 0.24s ease-out;
}
.home.fixed .header-topInner3 {  /* Fixed */
    height: 171px;
}

/* Логотип */
.home .header-logoLink {
    position: absolute;
    top: 47px;
    left: 50px;
    transition: top 0.24s ease-out;
}
.home.fixed .header-logoLink {
    top: 29px;
}

.home .header-logoLink > img {
    width: 186px;
    height: 41px;
    display: block;
    opacity: 1;
    transition: opacity 0.24s ease-out;
}
.home.fixed .header-logoLink > img {
    opacity: 0;
}

.home .header-logoLink > s {
    background: url(img/logoGreen.png) no-repeat;
    width: 186px;
    height: 41px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: opacity 0.24s ease-out;
}
.home.fixed .header-logoLink > s {
    opacity: 1;
}

/* Контакты */
.header-contacts {
    text-align: right;
    position: absolute;
    top: 20px;
    right: 51px;
    display: inline-block;
    vertical-align: top;
    transition: all 0.24s ease-out;
}
.home.fixed .header-contacts {
    top: 2px;
    right: 50px;
}

/* Выбор офиса */
.header-contacts-officeLink {
    box-sizing: border-box;  /* !!! */
    text-align: left;
    background: url(img/ico/city.ico.png) 26px 18px no-repeat;
    width: 208px;
    height: 59px;
    padding-top: 19px;
    padding-left: 54px;
    margin-top: 19px;
    margin-right: 28px;
    border: 1px solid #5D6069;
    border-radius: 30px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    transition: all 0.24s ease-out;
    text-decoration: none;
}
.home.fixed .header-contacts-officeLink {
    border-color: #BBE1C8;
}

.header-contacts-officeLink > span {
    color: #FFF;
    letter-spacing: -0.33px;
    padding-bottom: 2px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    vertical-align: top;
    transition: all 0.24s ease-out;
}
.home.fixed .header-contacts-officeLink > span {
    color: #268CAE;
    border-color: #D9EAF0;
}
.header-contacts-officeLink:hover > span {
    color: #57B152 !important;
    border-bottom-color: rgba(87, 177, 82, 0.33) !important;
}

.header-contacts-officeLink > s {
    width: 6px;
    height: 3px;
    margin-top: 9px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.header-contacts-officeLink > s::before, .header-contacts-officeLink > s::after {
    content: '';
    width: 6px;
    height: 3px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.header-contacts-officeLink > s::before {
    background: url(img/ico/arrowDownWhite.ico.png) no-repeat;
    opacity: 1;
    transition: opacity 0.24s ease-out;
}
.home.fixed .header-contacts-officeLink > s::before {
    opacity: 0;
}

.header-contacts-officeLink > s::after {
    background: url(img/ico/arrowDownBlack.ico.png) no-repeat;
    opacity: 0;
    transition: opacity 0.24s ease-out;
}
.home.fixed .header-contacts-officeLink > s::after {
    opacity: 1;
}

/* Телефон */
.header-contacts-phone {
    text-decoration: none;
    background: url(img/ico/phone.ico.png) 1px 2px no-repeat;
    height: 24px;
    padding-left: 33px;
    margin-top: 37px;
    display: inline-block;
    vertical-align: top;
}

.header-contacts-phone > span {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.45px;
    color: #F5F4F4;
    text-align: left;
    white-space: nowrap;
    transition: color 0.24s ease-out;
}
.home.fixed .header-contacts-phone > span {
    font-weight: 900;  /* black */
    color: #24262a;
}
.header-contacts-phone:hover > span {
    color: #0B923E !important;
}

/* Горизонтальная полоса */
.header-hr {
    background: rgba(255, 255, 255, 0.2);
    height: 1px;
    border: 0;
    position: absolute;
    top: 188px;
    left: 50px;
    right: 50px;
    transition: all 0.24s ease-out;
}
.home.fixed .header-hr {
    background: #E6EBEC;
    top: 101px;
}

/* Кнопка меню для смартфонов */
.header-mMenuLink {
    display: none;
}

/* Главное меню */
nav {
    position: absolute;
    top: 125px;
    left: 43px;
    transition: all 0.24s ease-out;
}
.home.fixed nav {
    top: 106px;
}

.header-menuMain {
}

.header-menuMain > li {
    margin-left: 20px;
    display: inline-block;
}
.header-menuMain > li:first-child {
    margin-left: 0;
}

.header-menuMain > li > a {
    text-decoration: none;
    padding: 0 10px;
    display: block;
}

.header-menuMain > li > a > span {
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    padding-bottom: 27px;
    padding-top: 24px;
    display: block;
    position: relative;
    transition: all 0.24s ease-out;
}
.home.fixed .header-menuMain > li > a > span {
    color: #353A44;
    padding-bottom: 28px;
}
.header-menuMain > li > a:hover > span {
    color: #57B152 !important;
    transition: color 0.18s ease-out;
}

.header-menuMain > li > a > span::after {
    content: '';
    background: linear-gradient(to right, #0A923E, #9FCF65);
    height: 4px;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity 0.18s ease-out, height 0.24s ease-out;
}
.header-menuMain > li > a:hover > span::after, .header-menuMain > li.active > a > span::after {
    opacity: 1;
}

/* Кнопки "Погасить займ" и "Личный кабинет" */
.header-repayLink, .header-accountLink {
    border-radius: 23px;
    cursor: pointer;
    position: absolute;
    top: 131px;
    transition: top 0.24s ease-out;
}
.home.fixed .header-repayLink, .home.fixed .header-accountLink {
    top: 113px;
}

.header-repayLink {
    background: linear-gradient(to right, #9FCF65, #0C933E);
    right: 253px;
}

.header-accountLink {
    background: linear-gradient(to right, #F5931C, #FDB350);
    right: 50px;
}

.header-repayLink::after, .header-accountLink::after {
    content: '';
    border-radius: 23px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 11;
    transition: opacity 0.15s ease-out;
}
.header-repayLink::after {
    background: linear-gradient(to bottom, #03B02C, #7FC727);
}
.header-accountLink::after {
    background: linear-gradient(to right, #F8314D, #F56F52);
}
.header-repayLink:hover::after, .header-accountLink:hover::after {
    opacity: 1;
    transition: opacity 0.18s ease-out;
}

.header-repayLink > span, .header-accountLink > span {
    box-sizing: border-box;  /* !!! */
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #FFF;
    text-align: center;
    width: 194px;
    height: 45px;
    padding-top: 16px;
    padding-left: 26px;
    display: block;
    position: relative;
    z-index: 12;
}
.header-repayLink > span {
    background: url(img/ico/currency.ico.png) 22px 11px no-repeat;
}
.header-accountLink > span {
    background: url(img/ico/user.ico.png) 22px 13px no-repeat;
}

/* ШАПКА (ХЕЙДЕР) > Нижний блок */
.home .header-bottom {
    height: 528px;
    position: relative;
}

/* Заголовок главной и реклама */
h1.header-adv {
    color: #FFF;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 70px;
    left: 49px;
}

.header-adv > b {
    display: block;
}

.header-adv > b > span {
    font-weight: 900;  /* Black */
    display: inline-block;
    vertical-align: top;
}

.header-adv > b > span:nth-child(1) {
    font-size: 62px;
    letter-spacing: -1.5px;
    color: #FFF;
    padding-top: 11px;

}

.header-adv > b > span:nth-child(2) {
    font-size: 74px;
    color: #57B152;
    padding-top: 2px;
    margin-left: 15px;
}

.header-adv > b > span:nth-child(3) {
    font-size: 39px;
    font-weight: normal;
    color: #57B152;
    padding-top: 12px;
    margin-left: -2px;
}

.header-adv > i {
    font-size: 19px;
    font-weight: normal;
    letter-spacing: 0.33px;
    margin-top: 18px;
    margin-left: 2px;
    display: block;
}

/* Слоган */
.header-slogan {
    background: url(img/header-slogan.bg.png) no-repeat;
    width: 397px;
    height: 72px;
    position: absolute;
    top: 293px;
    left: 48px;
}

/* Калькулятор */
.common-calc {
    background: url(img/common-calc.bg.png) no-repeat;
    width: 530px;
    height: 433px;
    position: absolute;
    top: 47px;
    right: 43px;
}

.common-calc-title {
    box-sizing: border-box;  /* !!! */
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 1px;
    text-align: center;
    height: 75px;
    padding-top: 35px;
    padding-left: 2px;
    display: block;
}

.common-calc-sliders {
    height: 163px;
    padding-top: 1px;  /* Отключаем схлопывание маргинов */
}

.common-calc-sliderSum, .common-calc-sliderTerm {
    font-size: 13px;
    color: #000;
    height: 60px;
}
.common-calc-sliderSum {
    margin-top: 10px;
}
.common-calc-sliderTerm {
    margin-top: 15px;
}

.common-calc-sliderSum-title, .common-calc-sliderTerm-title {
    margin-left: 33px;
    display: inline-block;
    vertical-align: top;
}

.common-calc-sliderSum-value, .common-calc-sliderTerm-value {
    margin-right: 37px;
    float: right;
    display: inline-block;
    vertical-align: top;
}

.common-calc-sliderSum-slider, .common-calc-sliderTerm-slider {
    background: url(img/common-calc-sliders-slider.bg.png) no-repeat;
    width: 467px;
    height: 24px;
    margin-top: 16px;
    margin-left: 31px;
}

.common-calc-sliderSum-sliderInner, .common-calc-sliderTerm-sliderInner {
    height: 24px;
    padding-top: 1px;  /* Отключаем схлопывание маргинов */
    margin-right: 14px;
    margin-left: 12px;
    position: relative;
}

.common-calc-sliderSum-sliderInner > div, .common-calc-sliderTerm-sliderInner > div {  /* Трек слева от бегунка (добавляется скриптом) */
    background: url(img/getloan-slider-trackLeft.bg.png) 0 0 / 100% 100% no-repeat;
    height: 9px;
    border-radius: 4px 0 0 4px;
    margin-top: 7px;
    margin-left: 1px;
}

.common-calc-sliderSum-sliderInner > span, .common-calc-sliderTerm-sliderInner > span {  /* Бегунок (добавляется скриптом) */
    background: url(img/common-slider-slider.bg.png) no-repeat;
    width: 21px;
    height: 21px;
    border-radius: 10px;
    box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.23);
    outline: none;
    margin-left: -10px;
    position: absolute;
    top: 1px;
    z-index: 2;
}

.common-calc-comp {
    padding-right: 28px;
    padding-left: 38px;
}

.common-calc-compInner {
    text-align: center;
    width: 100%;
    height: 94px;
    display: table;
}

.common-calc-comp-refund, .common-calc-comp-term, .common-calc-comp-rpd {
    padding-top: 13px;
    display: table-cell;
}

.common-calc-comp-refund {
    width: 116px;
}

.common-calc-comp-term {
    padding-right: 0px;
}

.common-calc-comp-rpd {
    width: 146px;
}

.common-calc-comp-refund-title, .common-calc-comp-term-title, .common-calc-comp-rpd-title {
    font-size: 13px;
    color: #141625;
}

.common-calc-comp-refund-oldprice, .common-calc-comp-rpd-oldprice {
    font-size: 12px;
    color: #51586A;
    text-decoration: line-through;
    padding-right: 6px;
    margin-top: 15px;
}

.common-calc-comp-term-date {
    font-size: 14px;
    font-weight: bold;
    color: #343935;
    margin-top: 15px;
}

.common-calc-comp-refund-price, .common-calc-comp-rpd-price {
    color: #239C45;
    margin-top: 5px;
}
.common-calc-comp-refund-price {
    padding-right: 6px;
}
.common-calc-comp-rpd-price {
    margin-right: -14px;
}

.common-calc-comp-refund-price > b, .common-calc-comp-rpd-price > b {
    font-size: 19px;
}
.common-calc-comp-rpd-price > b {
    display: inline-block;
    vertical-align: top;
}

.common-calc-comp-refund-price > span, .common-calc-comp-rpd-price > span {
    font-size: 12px;
}
.common-calc-comp-rpd-price > span {
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
}

.common-calc-comp-rpd-price > a {
    background: url(img/ico/help.ico.png) no-repeat;
    width: 15px;
    height: 15px;
    margin-top: 6px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
}

.common-calc-comp-term-offer {
    font-size: 12px;
    font-weight: 300;  /* light */
    color: #5B5F5C;
    padding-left: 6px;
    margin-top: 9px;
}

.common-calc-comp-term-offer > span {
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
}

.common-calc-comp-term-offer > span > br {
    display: none;
}

.common-calc-comp-term-offer > a {
    text-decoration: none;
    background: url(img/ico/help.ico.png) no-repeat;
    width: 15px;
    height: 15px;
    margin-bottom: -3px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: top;
}
.common-calc-comp-term-offer > a:first-child {
    display: none;
}

.common-calc-button {
    width: 463px;
    background: linear-gradient(to right, #FDB350, #F9A33A);
    border-bottom: 2px solid #EC880D;
    border-radius: 5px;
    margin-top: 20px;
    margin-left: 32px;
    cursor: pointer;
    display: block;
    position: relative;
}

.common-calc-button > span {
    box-sizing: border-box;  /* !!! */
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #FFF;
    text-align: center;
    height: 59px;
    padding-top: 23px;
    padding-left: 12px;
    border-radius: 5px;
    margin-bottom: -2px;
    display: block;
    position: relative;
    z-index: 12;
}
.common-calc-button:hover > span {
    color: #FFF;
}

.common-calc-button::after {
    content: '';
    background: linear-gradient(to right, #7BC025, #0B923E);
    border-bottom: 2px solid #0B923E;
    border-radius: 5px;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: -2px;
    left: 0;
    right: 0;
    z-index: 11;
    transition: opacity 0.15s ease-out;
}
.common-calc-button:hover::after {
    opacity: 1;
    transition: opacity 0.18s ease-out;
}

.common-calc-sticker {
    box-sizing: border-box;  /* !!! */
    text-align: center;
    color: #FFF;
    background: url(img/common-calc-sticker.bg.png) no-repeat;
    width: 89px;
    height: 89px;
    padding-top: 30px;
    position: absolute;
    top: -25px;
    left: -34px;
}

.common-calc-sticker > span:first-child {
    font-size: 26px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
}

.common-calc-sticker > span + span {
    font-size: 17px;
    font-weight: normal;
    margin-top: -2px;
    margin-left: 4px;
    display: inline-block;
    vertical-align: top;
}


/* ШАПКА (HEADER) [Внутренние] */

header.internal {
    background: none;
    height: 171px;
    position: relative;
}

.internal.fixed > .headerInner1 {  /* Fixed */
    min-width: 1240px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
}

.internal .headerInner2 {
    background: #FFF;
    transition: box-shadow 0.18s ease-out;
}
.internal.fixed .headerInner2 {  /* Fixed */
    /* max-width: 1920px; */
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.21);
    margin-left: auto;
    margin-right: auto;
    transition: box-shadow 0.15s ease-out;
}

.internal .headerInner3 {
    height: 171px;
    position: relative;
}

/* Логотип */
.internal .header-logoLink {
    position: absolute;
    top: 29px;
    left: 50px;
    transition: top 0.24s ease-out;
}

.internal .header-logoLink > img {
    width: 186px;
    height: 41px;
    display: block;
}

/* Контакты */
.internal .header-contacts {
    top: 2px;
    right: 50px;
}

/* Выбор офиса */
.internal .header-contacts-officeLink {
    border-color: #BBE1C8;
    transition: all 0.18s ease-out;
}
.internal .header-contacts-officeLink:hover {
    background-color: #F0F4F5;
    border-color: transparent;
    transition: all 0.15s ease-out;
}

.internal .header-contacts-officeLink > span {
    color: #268CAE;
    border-color: #D9EAF0;
    transition: color 0.18s ease-out;
}
.internal .header-contacts-officeLink:hover .header-contacts-officeLink > span {
    color: #2C2F3C;
    border-bottom-color: transparent;
}

.internal .header-contacts-officeLink > s::before {
    background-image: url(img/ico/arrowDownBlack.ico.png);
}

/* Телефон */
.internal .header-contacts-phone > span {
    font-weight: 900; /* black */
    color: #24262a;
}
.internal .header-contacts-phone:hover > span {
    color: #0B923E;
}

/* Горизонтальная полоса */
.internal .header-hr {
    background: #E6EBEC;
    top: 101px;
}

/* Главное меню */
.internal nav {
    top: 106px;
}

.internal .header-menuMain > li > a > span {
    color: #353A44;
    padding-bottom: 28px;
}
.internal .header-menuMain > li > a:hover > span {
    color: #0B923E;
}

/* Кнопки "Погасить займ" и "Личный кабинет" */
.internal .header-repayLink, .internal .header-accountLink {
    top: 113px;
}


/* КОНТЕНТ-ГЛАВНАЯ */

main > article > section > div {
    padding-top: 1px;  /* Отключаем схлопывание маргинов */
}

main > article > section > div > h2 {
    font-size: 45px;
    font-weight: 300;  /* light */
    letter-spacing: 0.7px;
    color: #191A1B;
    text-align: center;
    margin-top: 48px;
}

/* КОНТЕНТ > "Как это работает" */

.howitworks {
    background: #F0F4F5;
}

.howitworksInner {
    height: 389px;
}

.howitworks-title {
    height: 92px;
}

.howitworks-list {
    text-align: center;
}

.howitworks-list-item {
    box-sizing: border-box;  /* !!! */
    text-align: left;
    width: 335px;
    height: 197px;
    padding-top: 1px;  /* Отключаем схлопывание маргинов */
    box-shadow: 0 0 23px rgba(0, 0, 0, 0.04);
    margin: 0 calc(25% - 290px);
    display: inline-block;
    vertical-align: top;
    position: relative;
    /* -webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%); */
}
.howitworks-list-item:nth-child(1) {
    background: url(img/howitworks-list-itemApp.bg.png) 16px 26px no-repeat, url(img/howitworks-list-item.bg.png) no-repeat, #FFF;
}
.howitworks-list-item:nth-child(2) {
    background: url(img/howitworks-list-itemYes.bg.png) 10px 31px no-repeat, url(img/howitworks-list-item.bg.png) no-repeat, #FFF;
}
.howitworks-list-item:nth-child(3) {
    background: url(img/howitworks-list-itemWallet.bg.png) 18px 27px no-repeat, url(img/howitworks-list-item.bg.png) no-repeat, #FFF;
}

.howitworks-list-item::before {
    font-size: 34px;
    font-weight: 900;  /* black */
    letter-spacing: 1.5px;
    color: rgba(25, 26, 27, 0.08);
    position: absolute;
    top: 4px;
    right: 4px;
}
.howitworks-list-item:nth-child(1)::before {
    content: '01';
}
.howitworks-list-item:nth-child(2)::before {
    content: '02';
}
.howitworks-list-item:nth-child(3)::before {
    content: '03';
}

.howitworks-list-item-title {
    font-size: 17px;
    letter-spacing: 0.2px;
    color: #191A1B;
    padding-left: 87px;
    margin-top: 31px;
    display: block;
}

.howitworks-list-item-subtitle {
    letter-spacing: 0.2px;
    color: #52575D;
    padding-left: 87px;
    margin-top: 8px;
}

.howitworks-list-item1-contentListOuter {
    padding-right: 18px;
    padding-left: 14px;
    margin-top: 36px;
}

.howitworks-list-item1-contentList {
    width: 100%;
    display: table;
}

.howitworks-list-item1-contentList > li {
    box-sizing: border-box;  /* !!! */
    text-align: center;
    padding-top: 36px;
    display: table-cell;
}
.howitworks-list-item1-contentList > li:nth-child(1) {
    background: url(img/howitworks-list-item1-site.bg.png) 50% 2px no-repeat;
}
/*.howitworks-list-item1-contentList > li:nth-child(2) {
    background: url(img/howitworks-list-item1-phone.bg.png) 50% 1px no-repeat;
}*/
.howitworks-list-item1-contentList > li:nth-child(2) {
    background: url(img/howitworks-list-item1-building.bg.png) 50% 0 no-repeat;
}

.howitworks-list-item2-content {
    background: url(img/howitworks-list-item2-watch.bg.png) 86px 0 no-repeat;
    height: 41px;
    padding-left: 142px;
    margin-top: 35px;
}

.howitworks-list-item2-content-text {
    color: #343434;
    margin-top: 1px;
    display: inline-block;
    vertical-align: top;
}

.howitworks-list-item2-content-text > span:first-child {
    font-size: 18px;
    letter-spacing: 0.2px;
    display: block;
}

.howitworks-list-item2-content-text > span + span {
    font-size: 25px;
    letter-spacing: 0.2px;
    margin-top: -6px;
    display: block;
}

.howitworks-list-item2-content-digit {
    font-size: 40px;
    font-weight: 900;  /* black */
    margin-top: -1px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
}

.howitworks-list-item3-contentList {
    margin-top: 10px;
}

.howitworks-list-item3-contentList > li {
    box-sizing: border-box;  /* !!! */
    line-height: 30px;
    letter-spacing: 0.2px;
    height: 30px;
    padding-left: 114px;
    margin-top: 1px;
}
.howitworks-list-item3-contentList > li:nth-child(1) {
    background: url(img/howitworks-list-item3-cache.bg.png) 77px 4px no-repeat;
}
.howitworks-list-item3-contentList > li:nth-child(2) {
    background: url(img/howitworks-list-item3-card.bg.png) 77px 7px no-repeat;
}
.howitworks-list-item3-contentList > li:nth-child(3) {
    background: url(img/howitworks-list-item3-remitt.bg.png) 77px 1px no-repeat;
}

/* КОНТЕНТ > "5 причин сказать ДА" */

.fivereasons {
    background: #FFF;
}

.fivereasonsInner {
    height: 408px;
}

.fivereasons-title {
    margin-top: 41px;
}

.fivereasons-title > span {
    font-size: 45px;
    font-weight: 900;  /* black */
    letter-spacing: 2px;
    color: #4AAC4F !important;
}

.fivereasons-listOuter {
    padding-right: 50px;
    padding-left: 22px;
    margin-top: 55px;
}
.fivereasons-list {
    width: 100%;
    display: table;
}

.fivereasons-list-item {
    text-align: center;
    display: table-cell;
}
.fivereasons-list-itemYes {
    background: url(img/fivereasons-list-item-yes.bg.png) calc(50% + 7px) 0px no-repeat;
}
.fivereasons-list-itemUp {
    background: url(img/fivereasons-list-item-up.bg.png) 50% 0px no-repeat;
}
.fivereasons-list-itemPercent {
    background: url(img/fivereasons-list-item-percent.bg.png) 50% 0px no-repeat;
}
.fivereasons-list-item247 {
    background: url(img/fivereasons-list-item-247.bg.png) 50% 0px no-repeat;
}
.fivereasons-list-itemCache {
    background: url(img/fivereasons-list-item-cache.bg.png) 50% 0px no-repeat;
}

.fivereasons-list-itemYes > .fivereasons-list-item-title, .fivereasons-list-itemYes > .fivereasons-list-item-text {
    margin-right: -5px;
}

.fivereasons-list-item-title {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.2px;
    color: #141625;
    white-space: nowrap;
    margin-top: 91px;
    display: block;
}

.fivereasons-list-item-text {
    line-height: 22px;
    color: #44474B;
    margin-top: 11px;
}

.fivereasons-list-item-text.mobile {
    display: none;
}

.fivereasons-list-item-leaf {
    display: none;
}

/* КОНТЕНТ > "Экспресс-оформление" */

.getloan {
    background: #141625 url(img/getloan.bg.jpg) center top no-repeat;
}

.getloanInner {
    height: 153px;
    position: relative;
}

.getloan-title {
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 0.8px;
    color: #FFF;
    text-align: left;
    margin-top: 29px;
    padding-left: 50px;
}

.getloan-title > span {
    color: #9ECE64;
}

.getloan-slider {
    background: url(img/getloan-slider.bg.png) no-repeat;
    width: 585px;
    margin-top: 21px;
    margin-left: 50px;
    display: inline-block;
    vertical-align: top;
}

.getloan-sliderInner {
    height: 24px;
    padding-top: 1px;  /* Отключаем схлопывание маргинов */
    margin-right: 13px;
    margin-left: 11px;
    position: relative;
}

.getloan-sliderInner > div {  /* Трек слева от бегунка (добавляется скриптом) */
    background: url(img/getloan-slider-trackLeft.bg.png) 0 0 / 100% 100% no-repeat;
    height: 9px;
    border-radius: 4px 0 0 4px;
    margin-top: 7px;
    margin-left: 1px;
}

.getloan-sliderInner > span {  /* Бегунок (добавляется скриптом) */
    background: url(img/common-slider-slider.bg.png) no-repeat;
    width: 21px;
    height: 21px;
    border-radius: 10px;
    box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.23);
    outline: none;
    margin-left: -10px;
    position: absolute;
    top: 1px;
    z-index: 2;
}

.getloan-amount {
    color: #9ECE64;
    margin-top: 9px;
    margin-left: 22px;
    display: inline-block;
    vertical-align: top;
}

.getloan-amount > b {
    font-size: 35px;
    letter-spacing: 0.4px;
    display: inline-block;
    vertical-align: top;
}

.getloan-amount > span {
    font-size: 22px;
    letter-spacing: 0.4px;
    margin-top: 10px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: top;
}

.getloan-button {
    background: linear-gradient(to right, #FDB350, #F9A33A);
    border-bottom: 2px solid #EC880D;
    border-radius: 5px;
    box-shadow: 0 6px 13px rgba(0, 0, 0, 0.27);
    cursor: pointer;
    position: absolute;
    top: 54px;
    right: 50px;
}
.getloan-button:hover {
    color: #FFF;
}

.getloan-button > span {
    box-sizing: border-box;  /* !!! */
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #FFF;
    text-align: center;
    width: 297px;
    height: 59px;
    padding-top: 23px;
    padding-left: 4px;
    border-radius: 5px;
    margin-bottom: -2px;
    display: block;
    position: relative;
    z-index: 12;
}

.getloan-button::after {
    content: '';
    background: linear-gradient(to bottom, #7BC025, #0B923E);
    border-bottom: 2px solid #0B923E;
    border-radius: 5px;
    position: absolute;
    top: 0;
    bottom: -2px;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 11;
    transition: opacity 0.15s ease-out;
}
.getloan-button:hover::after {
    opacity: 1;
    transition: opacity 0.18s ease-out;
}

/* КОНТЕНТ > "Как погасить займ" */

.howtorepay {
    background: #F0F4F5;
}

.howtorepayInner {
    height: 518px;
}

.howtorepay-title {
    margin-top: 47px;
}

.howtorepay-list {
    text-align: center;
    margin-top: 46px;
}

.howtorepay-list-item {
    text-align: left;
    height: 311px;
    margin: 0 calc(18% - 213.2px);
    box-shadow: 4px 4px 23px rgba(0, 0, 0, 0.03);
    display: inline-block;
    vertical-align: top;
    position: relative;
    transition: all 0.18s ease-out;
}
.howtorepay-list-item:nth-child(1) {
    background: url(img/howtorepay-list-item-online.bg.jpg) no-repeat;
    width: 332px;
}
.howtorepay-list-item:nth-child(2) {
    background: url(img/howtorepay-list-item-terminal.bg.jpg) no-repeat;
    width: 388px;
}
.howtorepay-list-item:nth-child(3) {
    background: url(img/howtorepay-list-item-office.bg.jpg) no-repeat;
    width: 379px;
}
.howtorepay-list-item:hover {
    box-shadow: 4px 4px 23px rgba(0, 0, 0, 0.33);
}
.howtorepay-list-item:nth-child(1):hover {
    box-shadow: 4px 4px 23px rgba(0, 0, 0, 0.45);
}

.howtorepay-list-item > a {
    box-sizing: border-box;  /* !!! */
    text-decoration: none;
    height: 100%;
    padding-top: 1px;
    display: block;
}
.howtorepay-list-item:hover > a {
    color: inherit;
}

.howtorepay-list-item > a::before {  /* Номер пункта списка */
    font-size: 34px;
    font-weight: 900;  /* black */
    letter-spacing: 2px;
    color: rgba(25, 26, 27, 0.08);
    text-align: right;
    position: absolute;
    top: 10px;
    right: 15px;
}
.howtorepay-list-item:nth-child(1) > a::before {
    content: '01';
    color: rgba(255, 255, 255, 0.30);
    right: 9px;
}
.howtorepay-list-item:nth-child(2) > a::before {
    content: '02';
}
.howtorepay-list-item:nth-child(3) > a::before {
    content: '03';
}

.howtorepay-list-item-title {
    font-size: 21px;
    letter-spacing: 0.4px;
    margin-top: 36px;
}
.howtorepay-list-item:nth-child(1) > a > .howtorepay-list-item-title {
    color: #FFF;
    padding-left: 35px;
}
.howtorepay-list-item:nth-child(2) > a > .howtorepay-list-item-title {
    padding-left: 32px;
}
.howtorepay-list-item:nth-child(3) > a > .howtorepay-list-item-title {
    padding-left: 36px;
}

.howtorepay-list-item-text {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.33px;
    color: #4F5255;
    margin-top: 14px;
}
.howtorepay-list-item:nth-child(1) > a > .howtorepay-list-item-text {
    color: #FFF;
    padding-left: 37px;
}
.howtorepay-list-item:nth-child(2) > a > .howtorepay-list-item-text {
    color: inherit;
    padding-left: 34px;
}
.howtorepay-list-item:nth-child(3) > a > .howtorepay-list-item-text {
    color: inherit;
    padding-left: 38px;
}


.howtorepay-list-item-text > br.mobile {
    display: none;
}

/* КОНТЕНТ > "Займы наличными и на карту" */

.loanscashcard {
    background: #FFF url(img/loanscashcard.bg.jpg) center bottom no-repeat;
}

.loanscashcardInner {
    position: relative;
}

.loanscashcard-title {
    font-size: 33px;
    font-weight: 500;  /* medium */
    letter-spacing: 0.88px;
    text-align: left;
    color: #141625;
    padding-left: calc(50% - 98px);
    margin-top: 42px;
}

.loanscashcard-text {
    color: #333;
    padding-left: calc(50% - 98px);
    margin-top: 26px;
}

.loanscashcard-text > p {
    font-size: 17px;
    line-height: 31px;
    margin-top: 11px;
}

.loanscashcard-text > p > span {
    color: #3FA854;
}

.loanscashcard-text > ul {
    padding-left: 23px;
    margin-top: 4px;
}

.loanscashcard-text > ul > li {
    font-size: 16px;
    line-height: 33px;
    background: url(img/ico/yes.ico.png) 0px 9px no-repeat;
    padding-left: 28px;
}
.loanscashcard-text > ul > li:first-child {
    margin-top: 0;
}

/* КОНТЕНТ > "Исправить кредитную историю" */

.fixhistory {
    background: url(img/fixhistory.bg2.png) center top no-repeat, url(img/fixhistory.bg1.jpg) center bottom no-repeat;
    margin-top: -45px;
}

.fixhistoryInner {
    height: 377px;
}

.fixhistory-title {
    font-size: 33px;
    line-height: 39px;
    font-weight: 500;  /* medium */
    letter-spacing: 0.88px;
    color: #141625;
    text-align: left;
    padding-left: 49px;
    margin-top: 76px;
}

.fixhistory-text {
    padding-left: 51px;
    margin-top: 31px;
}

.fixhistory-text > p {
    font-size: 17px;
    line-height: 26px;
    margin-top: 18px;
}

.article-main {
    display: none;
}

.article-mainText {
    padding-left: 51px;
    margin-top: 31px;
}

.article-mainText > p {
    font-size: 17px;
    line-height: 26px;
    margin-top: 18px;
}

/* КОНТЕНТ > "Узнайте свой кредитный рейтинг" */

.creditrating {
    background: #F3F3F1 url(img/creditrating.bg.jpg) center top no-repeat;
}

.creditratingInner {
    height: 661px;
}

.creditrating-title {
    margin-top: 44px;
}

.creditrating-title > span {
    color: #0B923E;
}

.creditrating-text {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.33px;
    color: #5D6368;
    text-align: center;
    margin-top: 17px;
}

.creditrating-text > br.mobile {
    display: none;
}

.creditrating-form {
    box-sizing: border-box;  /* !!! */
    background: url(img/creditrating-form.bg.png) no-repeat;
    width: 744px;
    height: 444px;
    padding-top: 46px;
    padding-left: 47px;
    margin: 36px auto 0 auto;
}

.creditrating-form-name, .creditrating-form-phone, .creditrating-form-city, .creditrating-form-age, .creditrating-form-earnings, .creditrating-form-credits, .creditrating-form-employment {
    margin-right: 30px;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
}
.creditrating-form-city {
    position: relative;
}

.creditrating-form > label > input[type="text"] {
    box-sizing: border-box;  /* !!! */
    font-size: 14px;
    letter-spacing: 0.2px;
    background: #FFF;
    height: 54px;
    padding-right: 12px;
    padding-left: 22px;
    border: 1px solid #E5E6E7;
    display: block;
}
.creditrating-form-name > input, .creditrating-form-phone > input, .creditrating-form-city > input {
    width: 310px;
}

.creditrating-form-age {
    margin-right: 20px;
}

.creditrating-form-age > input, .creditrating-form-earnings > input {
    width: 145px;
}

.creditrating-form > label > input[type="text"]::-webkit-input-placeholder
{ font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 13px; color: #737578; opacity: 1; }  /* Для Webkit */
.creditrating-form > label > input[type="text"]::-moz-placeholder
{ font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 13px; color: #737578; opacity: 1; }  /* Для FF */
.creditrating-form > label > input[type="text"]::-ms-input-placeholder
{ font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 13px; color: #737578; opacity: 1; }  /* Для Edge */
.creditrating-form > label > input[type="text"]:-ms-input-placeholder
{ font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 13px; color: #737578; opacity: 1; }  /* Для IE */
.creditrating-form > label > input[type="text"]::placeholder
{ font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 13px; color: #737578; opacity: 1; }  /* Стандарт */

.creditrating-form > label > input[type="text"]:focus::-webkit-input-placeholder
{ opacity: 0; }  /* Для Webkit */
.creditrating-form > label > input[type="text"]:focus::-moz-placeholder
{ opacity: 0; }  /* Для FF */
.creditrating-form > label > input[type="text"]:focus::-ms-input-placeholder
{ opacity: 0; }  /* Для Edge */
.creditrating-form > label > input[type="text"]:focus:-ms-input-placeholder
{ opacity: 0; }  /* Для IE */
.creditrating-form > label > input[type="text"]:focus::placeholder
{ opacity: 0; }  /* Стандарт */

.creditrating-form-city > a {
    background: url(img/creditrating-form-city-choice.png) no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 12px;
    right: 16px;
}

.creditrating-form-credits, .creditrating-form-employment {
    box-sizing: border-box;  /* !!! */
    font-family: Roboto, Arial, Helvetica, sans-serif;
    letter-spacing: 0.2px;
    color: #737578;
    text-overflow: '';
    background: #FFF url(img/ico/arrowDownGray.ico.png) 280px 24px no-repeat;
    width: 310px;
    height: 54px;
    border: 1px solid #E5E6E7;
    padding-right: 35px;
    padding-left: 20px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.creditrating-form-credits::-ms-expand, .creditrating-form-employment::-ms-expand {  /* IE */
    display: none;
}

.creditrating-form-credits > option, .creditrating-form-employment > option {
    color: #333;
}
.creditrating-form-credits > option[disabled], .creditrating-form-employment > option[disabled] {
    color: #999;
    background-color: #EAEAEA;
}

.creditrating-form-eulaOuter {
    text-align: center;
    padding-right: 40px;
    margin-top: -2px;
}

.creditrating-form-eula {
    display: inline-block;
    vertical-align: top;
}

.creditrating-form-eula-checkboxStd {
    display: none;
}

.creditrating-form-eula-checkboxRepl {
    background: url(img/ico/checkbox.spr.png) no-repeat;
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: top;
}
.creditrating-form-eula-checkboxStd:checked + .creditrating-form-eula-checkboxRepl {
    background: url(img/ico/checkbox.spr.png) left bottom no-repeat;
}

.creditrating-form-eula-text {
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0.26px;
    color: #4B5056;
    margin-top: 4px;
    margin-left: 14px;
    display: inline-block;
    vertical-align: top;
}

.creditrating-form-eula-text > a {
    color: #0B923E;
}

.creditrating-form-eula-text > br.mobile {
    display:  none;
}

.creditrating-form-buttonOuter {
    padding-right: 47px;
    margin-top: 25px;
}

.creditrating-form-button {
    background: linear-gradient(to right, #FDB350, #F9A33A);
    width: 224px;
    border: 0;
    border-bottom: 2px solid #EC880D;
    border-radius: 5px;
    margin: 0 auto;
    box-shadow: 0 7px 13px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    display: block;
    position: relative;
}

.creditrating-form-button > span {
    box-sizing: border-box;  /* !!! */
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #FFF;
    height: 55px;
    padding-top: 19px;
    padding-left: 4px;
    border-radius: 5px;
    margin-bottom: -2px;
    display: block;
    position: relative;
    z-index: 12;
}

.creditrating-form-button::after {
    content: '';
    background: linear-gradient(to bottom, #7BC025, #0B923E);
    border-bottom: 2px solid #0B923E;
    border-radius: 5px;
    position: absolute;
    top: 0;
    bottom: -2px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.18s ease-out;
    z-index: 11;
}
.creditrating-form-button:hover::after {
    opacity: 1;
    transition: opacity 0.18s ease-out;
}

/* КОНТЕНТ > "Популярные запросы" */

.popsearches {
    background: #F0F4F5;
}

.popsearchesInner {
    height: 354px;
}

.popsearches-title {
    margin-top: 45px;
}

.popsearches-tagsList {
    margin-top: 31px;
    padding: 0 50px;
}

.popsearches-tagsList > li {
    margin-top: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.popsearches-tagsList > li > a {
    box-sizing: border-box;  /* !!! */
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0.24px;
    color: #657072;
    text-decoration: none;
    background: #FFF;
    height: 38px;
    padding: 11px 13px 0;
    border: 1px solid #E0ECEE;
    border-radius: 2px;
    display: block;
    transition: all 0.18s ease-out;
}
.popsearches-tagsList > li > a:hover {
    color: #FFF;
    background: #2CA047;
    border: 1px solid #2CA047;
}


/* КОНТЕНТ: ВНУТРЕННИЕ */

/* Строка навигации */
.breadcrumbsOuter {
    height: 69px;
    background: #F0F4F5;
}

.breadcrumbs {
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;  /* !!! */
    padding-top: 26px;
    padding-left: 64px;
}

.breadcrumbs > li {
    background: url(img/ico/arrowRight.ico.png) 4px 4px no-repeat;
    padding-left: 25px;
    display: inline-block;
    vertical-align: top;
}
.breadcrumbs > li:first-child {
    background: none;
    padding-left: 0;
}

.breadcrumbs > li > a, .breadcrumbs > li > span {
    box-sizing: border-box;  /* !!! */
    font-size: 13px;
    font-weight: 300;  /* light */
    line-height: 16px;
    color: #6C7680;
    display: block;
    transition: color 0.18s ease-out;
}
.breadcrumbs > li:first-child > a {
    background: url(img/ico/home.ico.png) 0 0 no-repeat;
    width: 14px;
    height: 14px;
}
.breadcrumbs > li > a:hover {
    color: #0B923E;
}


/* КОНТЕНТ: ДОКУМЕНТЫ */

.pageDocs {
}

/* Список документов */
.pageDocs-getloan {
    padding-bottom: 54px;
}

.pageDocs-getloan-pageDocsList {
    padding-left: 50px;
}

.pageDocs-getloan-pageDocsList-item {
    background: #FFF url(img/pageDocs-getloan-docsList-item.bg.png) 20px 15px no-repeat;
    width: 370px;
    height: 156px;
    margin-top: 15px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
    transition: box-shadow 0.18s ease-out;
}
.pageDocs-getloan-pageDocsList-item:hover {
    box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.15);
}

.pageDocs-getloan-pageDocsList-item > a {
    box-sizing: border-box;  /* !!! */
    line-height: 23px;
    color: #CAE1E8;
    text-decoration: none;
    width: 370px;
    height: 156px;
    padding: 17px 18px 0 100px;
    display: block;
}
.pageDocs-getloan-pageDocsList-item:hover > a {
    text-decoration: underline;
}

.pageDocs-getloan-pageDocsList-item > a > h3 {
    font-size: 14px;
    font-weight: normal;
    color: #CAE1E8;
    text-decoration: underline;
}

.pageDocs-getloan-pageDocsList-item > a > h3 > span {
    color: #1791B9;
}

.pageDocs-getloan-pageDocsList-item > a > p {
    font-size: 14px;
    color: #292929;
    text-decoration: none;
    transition: color 0.18s ease-out;
}
.pageDocs-getloan-pageDocsList-item:hover > a > p {
    color: #1791B9;
}

/* Калькулятор */
.pageDocs-calc, .pageAbout-calc {
    background: #F6F7F9 url(img/pageDocs-calc.bg.jpg) center top no-repeat;
    height: 632px;
    padding-top: 1px;  /* Отключаем схлопывание маргинов */
}

.pageDocs-calc-title, .pageAbout-calc-title {
    font-size: 45px;
    font-weight: 300;  /* light */
    letter-spacing: 0.7px;
    text-align: center;
    margin-top: 41px;
}

.pageDocs-calc-title > span, .pageAbout-calc-title > span {
    color: #0B923E;
}

.pageDocs-calc .common-calc, .pageAbout-calc .common-calc {
    margin: 57px auto 0;
    position: relative;
    top: 0;
    left: 0;
}


/* КОНТЕНТ: КОНТАКТЫ */

.pageContacts {
    padding-bottom: 61px;
}

.pageContacts-content-notice {
    box-sizing: border-box;  /* !!! */
    font-size: 16px;
    font-weight: 300;  /* light */
    line-height: 25px;
    letter-spacing: 0.62px;
    color: #333537;
    background: #F9FFF3 url(img/common-info.bg.png) 21px 19px no-repeat;
    padding: 14px 18px 21px 84px;
    border: 2px dashed #7DC15C;
    margin: 49px 51px 0 50px;
}

.pageContacts-content-notice > a[href^='mailto'] {
    color: #1683A9;
}
.pageContacts-content-notice > a[href^='mailto']:hover {
    color: inherit;
}
.pageContacts-content-notice > a[href^='tel'] {
    font-weight: bold;
    text-decoration: none;
}
.pageContacts-content-notice > a[href^='tel']:hover {
    text-decoration: underline;
    color: #0B923E;
}

.pageContacts-content-contactsList {
    font-size: 26px;
    letter-spacing: -0.6px;
    text-align: center;
    margin-top: 46px;
}

.pageContacts-content-contacts-phone {
    background: url(img/ico/phone23.ico.png) 0 2px no-repeat;
    padding-left: 37px;
    margin-left: 8px;
    display: inline-block;
    vertical-align: top;
}

.pageContacts-content-contacts-phone > a {
    font-weight: 900;  /* bold */
    color: #24262A;
    text-decoration: none;
    transition: color 0.24s ease-out;
}
.pageContacts-content-contacts-phone > a:hover {
    text-decoration: underline;
    color: #0B923E;
}

.pageContacts-content-contacts-email {
    font-weight: bold;
    background: url(img/ico/email28.ico.png) 0 4px no-repeat;
    text-decoration: underline;
    padding-left: 45px;
    margin-top: -3px;
    margin-left: 68px;
    display: inline-block;
    vertical-align: top;
}

.pageContacts-content-contacts-email > a {
    color: #3B7BBD;
}
.pageContacts-content-contacts-email > a:hover {
    color: #333;
}

.pageContacts-content-address-title {
    font-size: 19px;
    letter-spacing: 0.33px;
    color: #2C2C2C;
    text-align: center;
    margin-top: 48px;
}

.pageContacts-content-address-tip {
    display: none;
}

.pageContacts-content-address-list {
    width: 1140px;
    margin: 39px auto 0;
}

.pageContacts-content-address-list > li {
    box-sizing: border-box;  /* !!! */
    background: #FFF url(img/ico/address15.ico.png) 42px 32px no-repeat;
    width: 380px;
    height: 142px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    display: inline-block;
    vertical-align: top;
}
.pageContacts-content-address-list > li.pageContacts-content-adress-list-itemInfo {
    background: #FFF url(img/pageContacts-address-list-itemInfo.bg.png) -1px -1px no-repeat;
}
.pageContacts-content-address-list > li:nth-child(n+4) {
    border-top: 1px solid #E6EBEC;
}
.pageContacts-content-address-list > li:nth-child(n+2) {
    border-left: 1px solid #E6EBEC;
}
.pageContacts-content-address-list > li:nth-child(3n+1) {
    border-left: transparent;
}
.pageContacts-content-address-list > li:nth-child(3n) {
    margin-right: -1px;
}

.pageContacts-content-address-list > li > a {
    box-sizing: border-box;  /* !!! */
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #2C2C2C;
    text-decoration: none;
    height: 100%;
    padding-top: 29px;
    padding-left: 71px;
    display: block;
    position: relative;
}

.pageContacts-content-address-list > li > a > strong {
    display: block;
}

.pageContacts-content-address-list > li > a > i {
    font-style: normal;
    display: block;
}

.pageContacts-content-address-list > li > a > s {  /* Hover */
    background: url(img/pageContacts-address-list-item-hover.bg.png) no-repeat;
    width: 382px;
    height: 144px;
    opacity: 0;
    box-shadow: 0 0 20px rgba(11, 146, 62, 0.12);
    position: absolute;
    top: -1px;
    left: -1px;
    transition: opacity 0.18s ease-out;
}
.pageContacts-content-address-list > li > a:hover > s {
    opacity: 1;
}

.pageContacts-content-adress-list-itemInfo > b {  /* Подсказка */
    box-sizing: border-box;  /* !!! */
    font-size: 19px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 0.3px;
    height: 100%;
    padding: 25px 25px 0 51px;
    display: block;
}


/* КОНТЕНТ: О НАС */

.pageAbout {
}

.pageAbout-content {
    box-sizing: border-box;  /* !!! */
    padding-right: 49px;
    padding-left: 49px;
    padding-bottom: 48px;
    margin-top: 36px;
}

.pageAbout-content > p {
    font-size: 16px;
    font-weight: 300;  /* light */
    line-height: 26px;
    color: #292929;
    margin-top: 26px;
}
.pageAbout-content > p.mobile {
    display: none;
}

.pageAbout-content > section {
    box-sizing: border-box;  /* !!! */
    background-color: #FFF;
    background-repeat: no-repeat;
    padding-top: 27px;
    height: 199px;
    margin-right: 1px;
    margin-bottom: -2px;
    margin-left: 2px;
}
.pageAbout-content-sectionSimple {
    background-image: url(img/pageAbout-content-sectionSimple.png);
    padding-right: 33px;
    padding-left: 186px;
    margin-top: 50px;
}
.pageAbout-content-sectionFast {
    background-image: url(img/pageAbout-content-sectionFast.png);
    background-position: right top;
    padding-right: 184px;
    padding-left: 46px;
    margin-top: 34px;
}
.pageAbout-content-sectionAvailable {
    background-image: url(img/pageAbout-content-sectionAvailable.png);
    padding-right: 33px;
    padding-left: 186px;
    margin-top: 39px;
}

.pageAbout-content > section > h3 {
    font-size: 22px;
    font-weight: 500;  /* medium */
    letter-spacing: 0.45px;
    color: #222628;
    padding-left: 1px;
    margin-bottom: 18px;
}

.pageAbout-content > section > p {
    font-weight: 300;  /* light */
    line-height: 26px;
    color: #555C63;
    margin-top: 12px;
}
.pageAbout-content > section > p.mobile {
    display: none;
}

.pageAbout-calc {
    /* Оформлен выше */
}


/* КОНТЕНТ: КАК ПОЛУЧИТЬ ДЕНЬГИ, КАК ПОГАСИТЬ ЗАЙМ */

.pageGetLoan, .pageRepayLoan {
}

.pageGetLoan-content, .pageRepayLoan-content {
    box-sizing: border-box;  /* !!! */
    padding-top: 1px;  /* Отключаем схлопывание маргинов */
    padding-left: 50px;
    margin-top: 40px;
    position: relative;
}
.pageGetLoan-content {
    padding-bottom: 42px;
}
.pageRepayLoan-content {
    padding-bottom: 32px;
}

/* КОНТЕНТ: КАК ПОЛУЧИТЬ ДЕНЬГИ, КАК ПОГАСИТЬ ЗАЙМ > Основной блок контента */

.pageRepayLoan-content-main-notice {
    box-sizing: border-box;  /* !!! */
    font-size: 14px;
    font-weight: 300;  /* light */
    line-height: 25px;
    letter-spacing: 0.55px;
    color: #333537;
    background: #F9FFF3 url(img/common-info.bg.png) 21px 19px no-repeat;
    width: 780px;
    padding: 15px 18px 20px 79px;
    border: 2px dashed #7DC15C;
    margin-top: 3px;
}

.pageRepayLoan-content-main-notice > a[href^='mailto'] {
    color: #1683A9;
}
.pageRepayLoan-content-main-notice > a[href^='mailto']:hover {
    color: inherit;
}
.pageRepayLoan-content-main-notice > a[href^='tel'] {
    font-weight: bold;
    text-decoration: none;
}
.pageRepayLoan-content-main-notice > a[href^='tel']:hover {
    text-decoration: underline;
    color: #0B923E;
}

.pageGetLoan-content-main, .pageRepayLoan-content-main {
    box-sizing: border-box;  /* !!! */
    width: 100%;
    padding-left: 360px;
    margin-right: -100%;
    float: left;
}

.pageGetLoan-content-main > section > h2, .pageRepayLoan-content-main > section > h2 {
    font-size: 25px;
    font-weight: 300;  /* light */
    letter-spacing: 0.9px;
    color: #333537;
    margin: 27px 0 35px -2px;
}
.pageGetLoan-content-main-tocard > h2 {
    margin-top: 0 !important;
}
.pageRepayLoan-content-main-fromCard > h2 {
    margin-top: 39px !important;
}

.pageGetLoan-content-main > section > ul > li, .pageRepayLoan-content-main > section > ul > li {
    background-color: #FFF;
    background-repeat: no-repeat;
    width: 250px;
    height: 146px;
    box-shadow: 0 7px 12px rgba(0, 0, 0, 0.012);
    margin-right: 15px;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
}
.pageGetLoan-content-main > section > ul > li:nth-child(3n), .pageRepayLoan-content-main > section > ul > li:nth-child(3n) {
    margin-right: 0;
}
.page_Loan-content-main-list-itemVisaMc {
    background-image: url(img/pageLoan-content-main-list-itemVisaMc.bg.png);
}
.page_Loan-content-main-list-itemVisa {
    background-image: url(img/pageLoan-content-main-list-itemVisa.bg.png);
}
.page_Loan-content-main-list-itemMastercard {
    background-image: url(img/pageLoan-content-main-list-itemMastercard.bg.png);
}
.page_Loan-content-main-list-itemMir {
    background-image: url(img/pageLoan-content-main-list-itemMir.bg.png);
}
.page_Loan-content-main-list-itemCard {
    background-image: url(img/pageLoan-content-main-list-itemCard.bg.png);
}
.page_Loan-content-main-list-itemDazaim {
    background-image: url(img/pageLoan-content-main-list-itemDazaim.bg.png);
}
.page_Loan-content-main-list-itemTerminal {
    background-image: url(img/pageLoan-content-main-list-itemTerminal.bg.png);
}
.page_Loan-content-main-list-itemCorona {
    background-image: url(img/pageLoan-content-main-list-itemCorona.bg.png);
}
.page_Loan-content-main-list-itemContact {
    background-image: url(img/pageLoan-content-main-list-itemContact.bg.png);
}
.page_Loan-content-main-list-itemQiwit {
    background-image: url(img/pageLoan-content-main-list-itemQiwit.bg.png);
}
.page_Loan-content-main-list-itemQiwiw {
    background-image: url(img/pageLoan-content-main-list-itemQiwiw.bg.png);
}
.page_Loan-content-main-list-itemElexnett {
    background-image: url(img/pageLoan-content-main-list-itemElexnett.bg.png);
}
.page_Loan-content-main-list-itemElexnetw {
    background-image: url(img/pageLoan-content-main-list-itemElexnetw.bg.png);
}
.page_Loan-content-main-list-itemEuroset {
    background-image: url(img/pageLoan-content-main-list-itemEuroset.bg.png);
}
.page_Loan-content-main-list-itemBank {
    background-image: url(img/pageLoan-content-main-list-itemBank.bg.png);
}
.page_Loan-content-main-list-itemMts {
    background-image: url(img/pageLoan-content-main-list-itemMts.bg.png);
}

.pageGetLoan-content-main > section > ul > li > a, .pageRepayLoan-content-main > section > ul > li > a {
    box-sizing: border-box;  /* !!! */
    text-decoration: none;
    height: 100%;
    padding-top: 75px;
    display: block;
    position: relative;
}

.pageGetLoan-content-main > section > ul > li > a > span, .pageRepayLoan-content-main > section > ul > li > a > span {
    width: 100%;
    height: 50px;
    display: table;
    position: relative;
    z-index: 11;
}

.pageGetLoan-content-main > section > ul > li > a > span > span, .pageRepayLoan-content-main > section > ul > li > a > span > span {
    line-height: 24px;
    color: #191A1B;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.pageGetLoan-content-main > section > ul > li > a::after, .pageRepayLoan-content-main > section > ul > li > a::after {
    content: '';
    background: url(img/pageLoan-content-main-list-item_hover.bg.png) no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 12;
    transition: opacity 0.18s ease-out;
}
.pageGetLoan-content-main > section > ul > li > a:hover::after, .pageRepayLoan-content-main > section > ul > li > a:hover::after {
    box-shadow: 0 8px 14px rgba(13, 147, 63, 0.08);
    opacity: 1;
}

.pageGetLoan-content-main-info > h2 {
    font-size: 27px !important;
    font-weight: 500 !important;  /* medium */
    letter-spacing: 0.7px !important;
    color: #141625 !important;
    margin-top: 39px !important;
    margin-bottom: 29px !important;
}

.pageGetLoan-content-main-info > p {
    font-weight: 300;  /* light */
    line-height: 26px;
    color: #333;
    margin-top: 18px;
    margin-left: -1px;
}

/* КОНТЕНТ: КАК ПОЛУЧИТЬ ДЕНЬГИ, КАК ПОГАСИТЬ ЗАЙМ > Левая колонка */
.pageGetLoan-content-sidebarLeft, .pageRepayLoan-content-sidebarLeft {
    box-sizing: border-box;  /* !!! */
    width: 360px;
    margin-top: 1px;
    float: left;
}

.common-content-sidebarLeft-articleList_title {
    box-sizing: border-box;  /* !!! */
    font-weight: 900;  /* black */
    line-height: 16px;
    color: #252729;
    background: #FFF url(img/common-content-sidebarLeft-articleListTitle.png) no-repeat;
    width: 326px;
    height: 60px;
    padding-top: 23px;
    padding-left: 40px;
    display: block;
}

.common-content-sidebarLeft-articleList {
    width: 326px;
}

.common-content-sidebarLeft-articleList > li {
    background: #FFF;
    border-top: 1px solid #F2F5F5;
}
.common-content-sidebarLeft-articleList > li:first-child {
    border-top: 1px solid #E2E8E9;
}

.common-content-sidebarLeft-articleList > li > a {
    box-sizing: border-box;  /* !!! */
    text-decoration: none;
    height: 53px;
    padding-top: 17px;
    padding-left: 44px;
    display: block;
    position: relative;
}

.common-content-sidebarLeft-articleList > li > a > span {
    font-size: 16px;
    color: #6C7680;
    position: relative;
    z-index: 2;
    transition: color 0.18s ease-out;
}
.common-content-sidebarLeft-articleList > li > a:hover > span {
    color: #FFF;
}

.common-content-sidebarLeft-articleList > li > a::after {
    content: '';
    background: url(img/common-content-sidebarLeft-articleList-item-hover.bg.png) no-repeat;
    width: 338px;
    height: 53px;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    transition: opacity 0.18s ease-out;
}
.common-content-sidebarLeft-articleList > li > a:hover::after {
    opacity: 1;
}

@media screen and (min-width: 1100px) {  /* CSS для ширины от 1100px (для десктопов) */

    /* Левая колонка > Калькулятор */
    .common-calc.sidebarLeft {
        box-sizing: border-box;  /* !!! */
        background: url(img/common-calc.sidebarLeft.bg.png) no-repeat;
        width: 326px;
        height: 533px;
        margin-top: 41px;
        position: relative;
        top: 0;
        right: 0;
    }

    .sidebarLeft .common-calc-title {
        font-size: 15px;
        letter-spacing: 0.7px;
        height: 75px;
        padding-top: 36px;
    }

    .sidebarLeft .common-calc-sliders {
        height: 167px;
        padding-top: 1px;  /* Отключаем схлопывание маргинов */
    }

    .sidebarLeft .common-calc-sliderSum, .sidebarLeft .common-calc-sliderTerm {
        font-size: 13px;
        color: #000;
        height: 60px;
    }
    .sidebarLeft .common-calc-sliderSum {
        margin-top: 10px;
    }
    .sidebarLeft .common-calc-sliderTerm {
        margin-top: 19px;
    }

    .sidebarLeft .common-calc-sliderSum-title, .common-calc-sliderTerm-title {
        margin-left: 31px;
        display: inline-block;
        vertical-align: top;
    }

    .sidebarLeft .common-calc-sliderSum-value, .sidebarLeft .common-calc-sliderTerm-value {
        float: right;
        display: inline-block;
        vertical-align: top;
    }
    .sidebarLeft .common-calc-sliderSum-value {
        margin-right: 29px;
    }
    .sidebarLeft .common-calc-sliderTerm-value {
        margin-right: 32px;
    }

    .sidebarLeft .common-calc-sliderSum-value > span, .common-calc-sliderTerm-value > span {
        font-size: 12px;
        color: #4F505A;
    }

    .sidebarLeft .common-calc-sliderSum-slider, .sidebarLeft .common-calc-sliderTerm-slider {
        background: url(img/common-calc-sliders-slider.sidebarLeft.bg.png) no-repeat;
        width: 269px;
        height: 25px;
        margin-top: 16px;
        margin-left: 29px;
    }

    .sidebarLeft .common-calc-sliderSum-sliderInner, .sidebarLeft .common-calc-sliderTerm-sliderInner {
        height: 24px;
        padding-top: 1px;  /* Отключаем схлопывание маргинов */
        margin-right: 14px;
        margin-left: 12px;
        position: relative;
    }

    .sidebarLeft .common-calc-sliderSum-sliderInner > div, .sidebarLeft .common-calc-sliderTerm-sliderInner > div {  /* Трек слева от бегунка (добавляется скриптом) */
        background: url(img/common-slider-trackLeft.bg.png) 0 0 / 100% 100% no-repeat;
        height: 9px;
        border-radius: 4px 0 0 4px;
        margin-top: 7px;
        margin-left: 1px;
    }

    .sidebarLeft .common-calc-sliderSum-sliderInner > span, .sidebarLeft .common-calc-sliderTerm-sliderInner > span {  /* Бегунок (добавляется скриптом) */
        background: url(img/common-slider-slider.bg.png) no-repeat;
        width: 21px;
        height: 21px;
        border-radius: 10px;
        box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.23);
        outline: none;
        margin-left: -10px;
        position: absolute;
        top: 1px;
        z-index: 2;
    }

    .sidebarLeft .common-calc-comp {
        height: 184px;
        padding: 0;
    }

    .sidebarLeft .common-calc-compInner {
        text-align: left;
        height: auto;
        display: block;
    }

    .sidebarLeft .common-calc-comp-refund, .sidebarLeft .common-calc-comp-term, .common-calc-comp-rpd {
        box-sizing: border-box;  /* !!! */
        width: auto;
        padding-top: 0;
        display: block;
    }

    .sidebarLeft .common-calc-comp-refund {
        height: 55px;
    }

    .sidebarLeft .common-calc-comp-term {
        height: 70px;
    }

    .sidebarLeft .common-calc-comp-rpd {
        height: 55px;
    }

    .sidebarLeft .common-calc-comp-refund-title, .sidebarLeft .common-calc-comp-term-title, .sidebarLeft .common-calc-comp-rpd-title {
        box-sizing: border-box;  /* !!! */
        font-size: 13px;
        color: #141625;
        width: 180px;
        padding-left: 31px;
        display: inline-block;
        vertical-align: top;
    }
    .sidebarLeft .common-calc-comp-refund-title {
        padding-top: 22px;
    }
    .sidebarLeft .common-calc-comp-term-title {
        padding-top: 26px;
    }
    .sidebarLeft .common-calc-comp-rpd-title {
        padding-top: 19px;
    }

    .sidebarLeft .common-calc-comp-refund-priceWrapper, .sidebarLeft .common-calc-comp-term-priceWrapper, .sidebarLeft .common-calc-comp-rpd-priceWrapper {
        text-align: right;
        float: right;
    }

    .sidebarLeft .common-calc-comp-refund-oldprice, .sidebarLeft .common-calc-comp-rpd-oldprice {
        font-size: 11px;
        color: #51586A;
        text-decoration: line-through;
        padding-right: 29px;
        margin-top: 17px;
    }
    .sidebarLeft .common-calc-comp-refund-oldprice {
        padding-right: 29px;
        margin-top: 17px;
    }
    .sidebarLeft .common-calc-comp-rpd-oldprice {
        padding-right: 31px;
        margin-top: 14px;
    }

    .sidebarLeft .common-calc-comp-term-date {
        font-size: 12px;
        font-weight: normal;
        color: #121212;
        padding-right: 28px;
        margin-top: 25px;
    }

    .sidebarLeft .common-calc-comp-refund-price, .sidebarLeft .common-calc-comp-rpd-price {
        color: #239C45;
        padding-right: 28px;
        margin-top: 0px;
    }

    .sidebarLeft .common-calc-comp-term-offer {
        font-size: 11px;
        font-weight: normal;
        line-height: 13px;
        color: #121212;
        padding-right: 32px;
        margin-top: 10px;
        display: inline-block;
        vertical-align: top;
    }

    .sidebarLeft .common-calc-comp-refund-price > b, .sidebarLeft .common-calc-comp-rpd-price > b {
        font-size: 15px;
    }

    .sidebarLeft .common-calc-comp-term-offer > a {
        display: none;
    }
    .sidebarLeft .common-calc-comp-term-offer > a:first-child {
        margin-top: 1px;
        display: inline-block;
    }

    .sidebarLeft .common-calc-comp-rpd-price > a {
        display: none;
    }

    .sidebarLeft .common-calc-comp-term-offer > span {
        text-align: left;
        margin-left: 7px;
        display: inline-block;
        vertical-align: top;
    }

    .sidebarLeft .common-calc-comp-term-offer > span > br {
        display: inline;
    }

    .sidebarLeft .common-calc-comp-rpd-price > span {
        margin-top: 3px;
        margin-right: 14px;
    }

    .sidebarLeft .common-calc-button {
        width: 267px;
        margin-top: 20px;
        margin-left: 31px;
    }

    .sidebarLeft .common-calc-button > span {
        font-size: 11.2px;
        font-weight: 900;  /* black */
        letter-spacing: 0.6px;
        height: 51px;
        padding-top: 20px;
    }
    .sidebarLeft .common-calc-button:hover > span {
        color: #FFF;
    }

    .sidebarLeft .common-calc-sticker {
        box-sizing: border-box;  /* !!! */
        text-align: center;
        color: #FFF;
        background: url(img/common-calc-sticker.sidebarLeft.bg.png) no-repeat;
        width: 74px;
        height: 74px;
        padding-top: 26px;
        padding-right: 2px;
        position: absolute;
        top: -13px;
        left: -16px;
    }

    .sidebarLeft .common-calc-sticker > span:first-child {
        font-size: 21px;
        font-weight: 900;  /* black */
        display: inline-block;
        vertical-align: top;
    }

    .sidebarLeft .common-calc-sticker > span + span {
        font-size: 14px;
        font-weight: normal;
        margin-top: -2px;
        margin-left: 2px;
        display: inline-block;
        vertical-align: top;
    }

}  /* /CSS для ширины от 1100px (для десктопов) */


/* КОНТЕНТ: ПОГАСИТЬ ЗАЙМ БАНКОВСКОЙ КАРТОЙ */

.pageFormRepay-form {
    text-align: center;
    padding-bottom: 43px;
    margin-top: 42px;
}

.pageFormRepay-form-blockLeft, .pageFormRepay-form-blockRight {
    box-sizing: border-box;  /* !!! */
    text-align: left;
    background-color: #FFF;
    width: 555px;
    height: 442px;
    padding-left: 30px;
    margin-right: 15px;
    margin-left: 15px;
    display: inline-block;
    vertical-align: top;
}
.pageFormRepay-form-blockLeft {
    border: 4px solid transparent;
}
.pageFormRepay-form-blockRight {
    background: #FFF url(img/pageFormRepay-form-blockRight.bg.png) left bottom no-repeat;
    border: 4px solid #D8DBDC;
}

.pageFormRepay-form-blockLeft-title, .pageFormRepay-form-blockRight-title {
    box-sizing: border-box;  /* !!! */
    font-size: 19px;
    font-weight: 300;  /* light */
    line-height: 20px;
    color: #6C7680;
    height: 70px;
    padding-top: 23px;
    display: block;
}

.pageFormRepay-form-blockLeft > label, .pageFormRepay-form-blockRight-list > li {
    box-sizing: border-box;  /* !!! */
    font-size: 14px;
    width: 480px;
    height: 54px;
    margin-top: 16px;
    display: block;
}
.pageFormRepay-form-blockLeft > label {
    border: 1px solid #EBEBEB;
}
.pageFormRepay-form-blockLeft > label:first-of-type {
    margin-top: 0;
}
.pageFormRepay-form-blockRight-list > li {
    border: 1px solid transparent;
    border-bottom: 1px solid #EBEBEB;
}
.pageFormRepay-form-blockRight-list > li:first-child {
    margin-top: 1px;
}

.pageFormRepay-form-blockLeft > label > span, .pageFormRepay-form-blockRight-list > li > span:nth-child(1) {
    box-sizing: border-box;  /* !!! */
    font-weight: 500;  /* medium */
    line-height: 15px;
    letter-spacing: 0.3px;
    color: #38393A;
    width: 177px;
    height: 52px;
    padding-left: 21px;
    display: inline-block;
    vertical-align: top;
}
.pageFormRepay-form-blockLeft > label > span {
    background: #F6F6F6;
    padding-top: 18px;
    border-right: 1px solid #EBEBEB;
}
.pageFormRepay-form-blockRight-list > li > span:nth-child(1) {
    padding-top: 17px;
}

.pageFormRepay-form-blockLeft > label > input, .pageFormRepay-form-blockRight-list > li > span:nth-child(2) {
    box-sizing: border-box;  /* !!! */
    letter-spacing: 0.3px;
    color: #6F7172;
    width: 301px;
    height: 52px;
    padding-left: 27px;
    display: inline-block;
    vertical-align: top;
}
.pageFormRepay-form-blockLeft > label > input {
    padding-bottom: 2px;
}
.pageFormRepay-form-blockRight-list > li > span:nth-child(2) {
    padding-top: 17px;
}

.pageFormRepay-form-blockLeft-eula {
    margin-top: 24px;
    margin-left: -1px;
}

.pageFormRepay-form-blockLeft-eula > label > input {
    display: none;
}

.pageFormRepay-form-blockLeft-eula > label > s {
    background: url(img/ico/checkbox.spr.png) no-repeat;
    width: 23px;
    height: 23px;
    margin-top: 1px;
    display: inline-block;
    vertical-align: top;
}
.pageFormRepay-form-blockLeft-eula > label > input:checked + s {
    background: url(img/ico/checkbox.spr.png) left bottom no-repeat;
}

.pageFormRepay-form-blockLeft-eula > label > span {
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.27px;
    margin-left: 14px;
    display: inline-block;
    vertical-align: top;
}

.pageFormRepay-form-blockLeft-eula > label > span > a {
    color: #0B923E;
}
.pageFormRepay-form-blockLeft-eula > label > span > a:hover {
    color: #333;
}

.pageFormRepay-form-button {
    box-sizing: border-box;  /* !!! */
    text-align: center;
    background: linear-gradient(to right, #F5931C, #FDB350);
    width: 251px;
    height: 72px;
    padding-top: 4px;
    padding-right: 12px;
    border: 0;
    border-radius: 36px;
    margin-top: 39px;
    margin-right: 6px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.pageFormRepay-form-button > span {
    font-size: 14px;
    font-weight: 900;  /* black */
    line-height: 15px;
    color: #FFF;
    background: url(img/ico/yes16.ico.png) 0 1px no-repeat;
    padding-left: 31px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 12;
}

.pageFormRepay-form-button::after {
    content: '';
    background: linear-gradient(to right, #7BC025, #0B923E);
    width: 251px;
    height: 72px;
    border-radius: 36px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 11;
    transition: opacity 0.15s ease-out;
}
.pageFormRepay-form-button:hover::after {
    opacity: 1;
    transition: opacity 0.18s ease-out;
}


/* ПОДВАЛ (FOOTER) */

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.footer-top {
    background: #FFF;
}

.footer-topInner {
    height: 257px;
    display: table;
}

.footer-topInner > div {
    box-sizing: border-box;  /* !!! */
    display: table-cell;
    vertical-align: top;
}

.footer-top-contacts {
    width: 273px;
    padding-left: 50px;
}

.footer-top-contacts-title {
    font-size: 20px;
    letter-spacing: 0.8px;
    margin-top: 34px;
    display: block;
}

.footer-top-contacts-list {
    margin-top: 28px;
}

.footer-top-contacts-list-phone {
    background: url(img/ico/phone2.ico.png) 0 2px no-repeat;
}

.footer-top-contacts-list-phone > a {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.7px;
    color: #141625;
    text-decoration: none;
    padding-left: 30px;
    display: block;
}
.footer-top-contacts-list-phone > a:hover {
    color: #0B923E;
    text-decoration: underline;
}

.footer-top-contacts-list-phone > i {
    font-size: 12px;
    letter-spacing: 0.7px;
    color: #5D6570;
    padding-left: 2px;
    margin-top: 7px;
    display: block;
}

.footer-top-contacts-list-time {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.54px;
    color: #474850;
    background: url(img/ico/time.ico.png) 0 3px no-repeat;
    padding-left: 30px;
    margin-top: 24px;
}

.footer-top-contacts-list-email {
    background: url(img/ico/email.ico.png) 0 4px no-repeat;
    padding-left: 31px;
    margin-top: 19px;
}

.footer-top-contacts-list-email > a {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.5px;
    color: #176DB5;
    text-decoration: none;
}
.footer-top-contacts-list-email > a:hover {
    color: #333;
}

.footer-top-contacts-list-email > a > span {
    border-bottom: 1px solid #C0D7EB;
}
.footer-top-contacts-list-email > a:hover > span {
    border-bottom: 1px solid #C0C0C0;
}

.footer-top-info {
}

.footer-top-info-title {
    font-size: 20px;
    letter-spacing: 0.8px;
    padding-left: 50px;
    margin-top: 34px;
    display: block;
}

.footer-top-info-text {
    background: url(img/footer-top-info-text.bg.png) left top repeat-y, url(img/footer-top-info-text.bg.png) right top repeat-y;
    padding: 11px 24px 0 50px;
    margin-top: 8px;
}

.footer-top-info-text > p {
    font-size: 15px;
    line-height: 24px;
    color: #6F777E;
    margin-top: 9px;
}

.footer-top-menuBottomOuter {
    width: 241px;
    padding-left: 62px;
}

.footer-top-menuBottom-title {
    font-size: 20px;
    letter-spacing: 0.8px;
    margin-top: 34px;
    display: block;
}

.footer-top-menuBottom-menu {
    margin-top: 15px;
}

.footer-top-menuBottom-menu > li {
}

.footer-top-menuBottom-menu > li > a {
    font-size: 14px;
    line-height: 30px;
    color: #262C31;
    transition: color 0.18s ease-out;
}
.footer-top-menuBottom-menu > li > a:hover {
    color: #0B923E;
}

.footer-bottom {
    background: #242949;
}

.footer-bottomInner {
    width: 100%;
    height: 97px;
    display: table;
}

.footer-bottomInner > div {
    box-sizing: border-box;  /* !!! */
    vertical-align: top;
    display: table-cell;
}

.footer-bottom-logo {
    width: 323px;
}

.footer-bottom-logo > a {
    width: 186px;
    height: 41px;
    margin-top: 26px;
    margin-left: 50px;
    display: block;
}

.footer-bottom-logo > a > img {
    width: 186px;
    height: 41px;
    display: block;
}

.footer-bottom-info {
    font-size: 14px;
    line-height: 24px;
    color: #FFF;
    padding-top: 23px;
}

.footer-bottom-studio {
    width: 178px;
    padding-right: 50px;
    display: none !important;
}

.footer-bottom-studio > div {
    font-size: 13px;
    line-height: 15px;
    color: #FFF;
    text-align: right;
    margin-top: 30px;
    margin-left: 1px;
    display: inline-block;
    vertical-align: top;
}

.footer-bottom-studio > img {
    width: 41px;
    height: 44px;
    margin-top: 23px;
    margin-left: 14px;
    display: inline-block;
    vertical-align: top;
}


/* --- --- --- CSS для ширины до 1099px (для смартфонов) --- --- --- */  /* --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

@media screen and (max-width: 1099px) {

    html, body {
        min-width: 320px;
    }

    .wrapper {
       /* width: 320px;*/
        padding-bottom: 0;
        margin-left: auto;
        margin-right: auto;
    }

    /* Заголовки внутренних страниц */
    h1 {
        font-size: 24px;
        letter-spacing: 0.5px;
        text-align: center;
        padding-left: 0;
        margin-bottom: 25px;
    }


    /* ШАПКА (HEADER) [Главная] */

    header.home {
        background: #373B46 url(img/m/header.bg.jpg) center top no-repeat;
        height: 659px;
    }

    /* ШАПКА (ХЕЙДЕР) > Верхний блок */

    .home .header-top {
        height: 80px;
    }

    .home.menuOpen .header-topInner1, .internal.menuOpen .headerInner1 {  /* Меню открыто */
        background: #FFF;
        overflow-y: auto;
        width: 320px;
        height: 100vh;
        margin-left: -160px;
        position: fixed;
        top: 0;
        left: 50%;
        z-index: 100;
        transition: margin-left 0.24s ease-out;
    }

    .home .header-topInner3 {
        height: 80px;
    }
    .home.menuOpen .header-topInner3, .internal.menuOpen .headerInner3 {  /* Меню открыто */
        box-sizing: border-box;  /* !!! */
        padding-top: 1px;  /* Отключаем схлопывание маргинов */
        padding-bottom: 82px;
        height: auto;
    }

    /* Логотип */
    .home .header-logoLink {
        margin-left: -83px;
        top: 21px;
        left: 50%;
    }
    .menuOpen .header-logoLink {  /* Меню открыто */
        display: none;
    }

    .home .header-logoLink > img {
        width: 167px;
        height: 37px;
    }

    .home .header-logoLink > s {
        display: none;
    }

    /* Контакты */
    .header-contacts {
        position: static;
    }

    .header-contacts-phone {
        background: url(img/m/header-contacts-phone.png) right top no-repeat;
        width: 37px;
        height: 37px;
        padding-left: 0;
        border-radius: 18px;
        margin-top: 0;
        position: absolute;
        top: 21px;
        right: 16px;
    }
    .menuOpen .header-contacts-phone {  /* Меню открыто */
        width: auto;
        padding-top: 10px;
        padding-right: 47px;
    }

    .header-contacts-phone > span {
        font-weight: 900;  /* black */
        display: none;
    }
    .menuOpen .header-contacts-phone > span {  /* Меню открыто */
        font-size: 18px;
        color: #000;
        display: inline;
    }

    .header-contacts-officeLink {
        display: none;
    }
    .menuOpen .header-contacts-officeLink {  /* Меню открыто */
        background-color: #EEEFF0;
        background-position: 23px 11px;
        width: 253px;
        height: 45px;
        border-color: #E5E5E5;
        padding-top: 15px;
        padding-left: 10px;
        margin-right: 0;
        display: block;
        position: absolute;
        left: 36px;
        bottom: 21px;
    }

    .menuOpen .header-contacts-officeLink > span {  /* Меню открыто */
        font-size: 12px;
        font-weight: 900;  /* black */
        letter-spacing: 0.6px;
        color: #505050;
        text-transform: uppercase;
        text-align: center;
        border-bottom: 0;
        display: block;
    }

    .menuOpen .header-contacts-officeLink > s {
        margin: 0;
        position: absolute;
        top: 21px;
        right: 24px;
    }

    .menuOpen .header-contacts-officeLink > s::before {
        display: none;
    }
    .menuOpen .header-contacts-officeLink > s::after {
        opacity: 1;
    }

    /* Горизонтальная полоса */
    .header-hr {
        display: none;
    }

    /* Кнопка меню для смартфонов */
    .header-mMenuLink {
        background: url(img/m/header-mMenuLink.spr.png) 0 -41px no-repeat, url(img/m/header-mMenuLink.spr.png) 0 0 no-repeat;
        width: 37px;
        height: 37px;
        border-radius: 18px;
        cursor: pointer;
        display: block;
        position: absolute;
        top: 21px;
        left: 15px;
    }
    .menuOpen .header-mMenuLink {  /* Меню открыто */
        background: url(img/m/header-mMenuLink.spr.png) 0 -83px no-repeat, url(img/m/header-mMenuLink.spr.png) 0 0 no-repeat;
    }

    /* Главное меню */
    nav {
        display: none;
    }
    .menuOpen nav {  /* Меню открыто */
        border-top: 1px solid #F2F2F2;
        margin-top: 61px;
        display: block;
        position: static;
    }

    .menuOpen .header-menuMain > li {  /* Меню открыто */
        margin-left: 0;
        display: block;
        border-bottom: 1px solid #F2F2F2;
    }
    .menuOpen .header-menuMain > li:hover {  /* Меню открыто */
        background: #F5F5F5;
        border-top: 1px solid #E9E9E9;
        border-bottom: 1px solid #E9E9E9;
        margin-top: -1px;
    }

    .menuOpen .header-menuMain > li > a > span {  /* Меню открыто */
        font-size: 12px;
        letter-spacing: 0.12px;
        color: #404040;
        padding: 15px 0 18px 27px;
    }
    .header-menuMain > li > a:hover > span {
        color: #242424 !important;
    }

    .menuOpen .header-menuMain > li > a > span::after {  /* Меню открыто */
        display: none;
    }

    /* Кнопки "Погасить займ" и "Личный кабинет" */
    .header-repayLink, .header-accountLink {
        display: none;
    }
    .menuOpen .header-repayLink, .menuOpen .header-accountLink {  /* Меню открыто */
        width: 253px;
        margin-left: 36px;
        display: block;
        position: relative;
        top: 0;
        right: 0;
    }
    .menuOpen .header-repayLink {
        margin-top: 22px;
    }
    .menuOpen .header-accountLink {
        margin-top: 13px;
    }

    .menuOpen .header-repayLink > span, .menuOpen .header-accountLink > span {  /* Меню открыто */
        text-align: center;
        width: 253px;
        height: 45px;
        padding-left: 18px;
    }

    /* ШАПКА (ХЕЙДЕР) > Нижний блок */
    .home .header-bottom {
        height: 579px;
    }

    /* Заголовок главной и реклама */
    h1.header-adv {
        font-size: 29px;
        text-align: center;
        padding-top: 6px;
        position: static;
    }

    .header-adv > b {
        padding-left: 2px;
    }

    .header-adv > b > span:nth-child(1), .header-adv > b > span:nth-child(2) {
        font-size: 29px;
        letter-spacing: -0.7px;
        padding-top: 0;
    }
    .header-adv > b > span:nth-child(2) {
        margin-left: 7px;
    }
    .header-adv > b > span:nth-child(3) {
        font-size: 16px;
        padding-top: 2px;
        margin-left: 1px;
    }

    .header-adv > i {
        font-size: 13px;
        letter-spacing: 0.22px;
        margin-top: 5px;
        margin-left: 0;
    }

    /* Слоган */
    .header-slogan {
        display: none;
    }

    /* Калькулятор (мобильный) */
    .common-calc {
        box-sizing: border-box;  /* !!! */
        background: url(img/m/common-calc.bg.png) no-repeat;
        width: 289px;
        height: 454px;
        margin: 5px auto 0;
        display: block;
        position: relative;
        top: 0;
        right: 0;
    }

    .common-calc-title {
        font-size: 12.5px;
        letter-spacing: 0.9px;
        color: #404040;
        height: 54px;
        padding-top: 32px;
    }

    .common-calc-sliders {
        height: 140px;
    }

    .common-calc-sliderSum {
        height: 55px;
    }
    .common-calc-sliderTerm {
        margin-top: 6px;
    }

    .common-calc-sliderSum-title, .common-calc-sliderTerm-title {
        margin-left: 24px;
        display: inline-block;
        vertical-align: top;
    }

    .common-calc-sliderSum-value, .common-calc-sliderTerm-value {
        float: right;
        display: inline-block;
        vertical-align: top;
    }
    .common-calc-sliderSum-value {
        margin-right: 29px;
    }
    .common-calc-sliderTerm-value {
        margin-right: 27px;
    }

    .common-calc-sliderSum-value > span, .common-calc-sliderTerm-value > span {
        font-size: 12px;
        color: #4F505A;
    }

    .common-calc-sliderSum-slider, .common-calc-sliderTerm-slider {
        background: url(img/m/common-calc-sliders-slider.bg.png) no-repeat;
        width: 245px;
        height: 25px;
        margin-top: 8px;
        margin-left: 22px;
    }

    .common-calc-sliderSum-sliderInner, .common-calc-sliderTerm-sliderInner {
        height: 24px;
        padding-top: 1px;  /* Отключаем схлопывание маргинов */
        margin-right: 13px;
        margin-left: 11px;
        position: relative;
    }

    .common-calc-sliderSum-sliderInner > div, .common-calc-sliderTerm-sliderInner > div {  /* Трек слева от бегунка (добавляется скриптом) */
        background: url(img/common-slider-trackLeft.bg.png) 0 0 / 100% 100% no-repeat;
        height: 9px;
        border-radius: 4px 0 0 4px;
        margin-top: 7px;
        margin-left: 1px;
    }

    .common-calc-sliderSum-sliderInner > span, .common-calc-sliderTerm-sliderInner > span {  /* Бегунок (добавляется скриптом) */
        background: url(img/common-slider-slider.bg.png) no-repeat;
        width: 21px;
        height: 21px;
        border-radius: 10px;
        box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.23);
        outline: none;
        margin-left: -10px;
        position: absolute;
        top: 1px;
        z-index: 2;
    }

    .common-calc-comp {
        height: 178px;
        padding: 0;
    }

    .common-calc-compInner {
        text-align: left;
        height: auto;
        display: block;
    }

    .common-calc-comp-refund, .common-calc-comp-term, .common-calc-comp-rpd {
        box-sizing: border-box;  /* !!! */
        width: auto;
        padding-top: 0;
        display: block;
    }

    .common-calc-comp-refund {
        height: 47px;
    }

    .common-calc-comp-term {
        height: 75px;
    }

    .common-calc-comp-rpd {
        height: 57px;
    }

    .common-calc-comp-refund-title, .common-calc-comp-term-title, .common-calc-comp-rpd-title {
        box-sizing: border-box;  /* !!! */
        font-size: 13px;
        color: #141625;
        width: 160px;
        padding-left: 20px;
        display: inline-block;
        vertical-align: top;
    }
    .common-calc-comp-refund-title {
        padding-top: 16px;
    }
    .common-calc-comp-term-title {
        padding-top: 28px;
    }
    .common-calc-comp-rpd-title {
        padding-top: 16px;
    }

    .common-calc-comp-refund-priceWrapper, .common-calc-comp-term-priceWrapper,.common-calc-comp-rpd-priceWrapper {
        text-align: right;
        float: right;
    }

    .common-calc-comp-refund-oldprice, .common-calc-comp-rpd-oldprice {
        font-size: 11px;
        color: #51586A;
        text-decoration: line-through;
        padding-right: 29px;
        margin-top: 17px;
    }
    .common-calc-comp-refund-oldprice {
        padding-right: 21px;
        margin-top: 11px;
    }
    .common-calc-comp-rpd-oldprice {
        padding-right: 23px;
        margin-top: 11px;
    }

    .common-calc-comp-term-date {
        font-size: 12px;
        font-weight: normal;
        color: #121212;
        padding-right: 21px;
        margin-top: 27px;
    }

    .common-calc-comp-refund-price, .common-calc-comp-rpd-price {
        color: #239C45;
        padding-right: 20px;
        margin-top: 0px;
    }

    .common-calc-comp-term-offer {
        font-size: 11px;
        font-weight: normal;
        line-height: 13px;
        color: #121212;
        padding-right: 25px;
        margin-top: 10px;
        display: inline-block;
        vertical-align: top;
    }

    .common-calc-comp-refund-price > b, .common-calc-comp-rpd-price > b {
        font-size: 15px;
    }

    .common-calc-comp-term-offer > a {
        display: none;
    }
    .common-calc-comp-term-offer > a:first-child {
        margin-top: 1px;
        display: inline-block;
    }

    .common-calc-comp-rpd-price > a {
        display: none;
    }

    .common-calc-comp-term-offer > span {
        text-align: left;
        margin-left: 7px;
        display: inline-block;
        vertical-align: top;
    }

    .common-calc-comp-term-offer > span > br {
        display: inline;
    }

    .common-calc-comp-rpd-price > span {
        margin-top: 3px;
        margin-right: 14px;
    }

    .common-calc-button {
        width: 254px;
        margin-top: 12px;
        margin-left: 19px;
    }

    .common-calc-button > span {
        font-size: 11.2px;
        font-weight: 900;  /* black */
        letter-spacing: 0.6px;
        height: 51px;
        padding-top: 20px;
    }
    .common-calc-button:hover > span {
        color: #FFF;
    }

    .common-calc-sticker {
        background: url(img/m/common-calc-sticker.bg.png) no-repeat;
        width: 52px;
        height: 52px;
        padding-top: 17px;
        padding-right: 2px;
        top: -16px;
        left: -8px;
    }

    .common-calc-sticker > span:first-child {
        font-size: 15px;
        font-weight: 900;  /* black */
    }

    .common-calc-sticker > span + span {
        font-size: 11px;
        margin-left: 2px;
    }


    /* КОНТЕНТ-ГЛАВНАЯ */

    main > article > section > div > h2 {
        font-size: 24px;
        letter-spacing: 0.45px;
        margin-top: 27px;
    }

    /* КОНТЕНТ > "Как это работает" */

    .howitworksInner {
        height: 741px;
    }

    .howitworks-title {
        height: 51px;
    }

    .howitworks-list-item {
        width: 289px;
        height: 197px;
        margin: 15px 0 0 15px;
        display: block;
    }
    .howitworks-list-item:first-child {
        margin-top: 0;
    }

    .howitworks-list-item::before {
        top: 0px;
        right: 1px;
    }

    .howitworks-list-item-title {
        font-size: 15px;
        letter-spacing: 0.2px;
        margin-top: 30px;
    }

    .howitworks-list-item-subtitle {
        font-size: 13px;
        margin-top: 11px;
    }

    .howitworks-list-item1-contentListOuter {
        margin-top: 38px;
        padding-right: 8px;
        padding-left: 8px;
    }

    .howitworks-list-item1-contentList > li {
        font-size: 14px;
        padding-top: 37px;
    }

    .howitworks-list-item2-content {
        background-position: 49px 0;
        padding-left: 105px;
        margin-top: 37px;
    }

    .howitworks-list-item3-contentList {
        margin-top: 17px;
    }

    .howitworks-list-item3-contentList > li {
        font-size: 14px;
        padding-left: 113px;
    }
    .howitworks-list-item3-contentList > li:nth-child(1) {
        background-position: 76px 4px;
    }
    .howitworks-list-item3-contentList > li:nth-child(2) {
        background-position: 76px 7px;
    }
    .howitworks-list-item3-contentList > li:nth-child(3) {
        background-position: 76px 1px;
    }

    /* КОНТЕНТ > "5 причин сказать ДА" */

    .fivereasonsInner {
        height: 372px;
    }

    .fivereasons-title {
        margin-top: 25px;
    }

    .fivereasons-title > span {
        font-size: 24px;
        letter-spacing: 0.8px;
    }

    .fivereasons-listOuter {
        padding: 0;
        margin-top: 0;
    }

    .fivereasons-list {
        overflow: hidden;
        height: 324px;
        display: block;
    }

    .fivereasons-list-item {
        height: 323px;
        padding-top: 1px;  /* Отключаем схлопывание маргинов */
        outline: none;  /* Скрываем рамку в Chrome */
        display: block;
    }
    .fivereasons-list-itemYes {
        background-position: calc(50% + 5px) 23px;
    }
    .fivereasons-list-itemUp {
        background-position: calc(50% + 5px) 23px;
    }
    .fivereasons-list-itemPercent {
        background-position: calc(50% + 2px) 23px;
    }
    .fivereasons-list-item247 {
        background-position: calc(50% + 2px) 23px;
    }
    .fivereasons-list-itemCache {
        background-position: calc(50% + 1px) 23px;
    }

    .fivereasons-list-itemYes > .fivereasons-list-item-title, .fivereasons-list-itemYes > .fivereasons-list-item-text {
        margin-right: 0;
    }

    .fivereasons-list-item-title {
        letter-spacing: 0.3px;
        margin-top: 113px;
    }

    .fivereasons-list-item-text {
        display: none;
    }

    .fivereasons-list-item-text.mobile {
        margin-top: 15px;
        display: block;
    }

    .fivereasons-list-item-leaf {
        text-align: center;
        color: #9F9F9F;
        background: url(img/m/fivereasons-list-item-leaf.bg.png) center top no-repeat;
        width: 50px;
        padding-top: 35px;
        margin: 24px auto 0;
        display: block;
    }

    .fivereasons-list-item-leaf > b {
        font-size: 25px;
        color: #44474B;
    }

    /* КОНТЕНТ > "Экспресс-оформление" */

    .getloan {
        background-image: url(img/m/getloan.bg.jpg);
    }

    .getloanInner {
        height: 264px;
    }

    .getloan-title {
        font-size: 23px;
        letter-spacing: 0.6px;
        padding-left: 16px;
    }

    .getloan-slider {
        background: url(img/m/getloan-slider.bg.png) no-repeat;
        width: 291px;
        margin-top: 24px;
        margin-left: 15px;
    }

    .getloan-sliderInner {
        height: 25px;
    }

    .getloan-amount {
        text-align: center;
        margin-top: 21px;
        margin-left: 2px;
        display: block;
    }

    .getloan-amount > b {
        font-size: 25px;
    }

    .getloan-amount > span {
        font-size: 16px;
    }

    .getloan-button {
        width: 254px;
        position: static;
        margin: 22px auto 0;
        display: block;
        position: relative;
        top: 0;
        right: 0;
    }

    .getloan-button > span {
        font-size: 11px;
        width: 254px;
        height: 51px;
        padding-top: 20px;
    }

    /* КОНТЕНТ > "Как погасить займ" */

    .howtorepayInner {
        height: 1086px;
    }

    .howtorepay-title {
        margin-top: 34px;
    }

    .howtorepay-list {
        margin-top: 25px;
    }

    .howtorepay-list-item {
        width: 289px !important;
        /* height: 311px; */
        margin: 0 0 0 15px;
        display: block;
    }
    .howtorepay-list-item:nth-child(1) {
        background-image: url(img/m/howtorepay-list-item-online.bg.jpg);
    }
    .howtorepay-list-item:nth-child(2) {
        background-image: url(img/m/howtorepay-list-item-terminal.bg.jpg);
        margin-top: 15px;
    }
    .howtorepay-list-item:nth-child(3) {
        background-image: url(img/m/howtorepay-list-item-office.bg.jpg);
        margin-top: 15px;
    }

    .howtorepay-list-item > a::before {  /* Номер пункта списка */
        top: 9px;
        right: 5px !important;
    }

    .howtorepay-list-item-title {
        font-size: 20px;
        margin-top: 36px;
    }
    .howtorepay-list-item:nth-child(1) > a > .howtorepay-list-item-title {
        padding-left: 38px;
    }
    .howtorepay-list-item:nth-child(2) > a > .howtorepay-list-item-title {
        padding-left: 32px;
    }
    .howtorepay-list-item:nth-child(3) > a > .howtorepay-list-item-title {
        padding-left: 37px;
    }

    .howtorepay-list-item-text {
        font-size: 15px;
        margin-top: 13px;
    }
    .howtorepay-list-item:nth-child(1) > a > .howtorepay-list-item-text {
        padding-left: 38px;
    }

    .howtorepay-list-item-text > br.desktop {
        display: none;
    }
    .howtorepay-list-item-text > br.mobile {
        display: inline;
    }

    /* КОНТЕНТ > "Займы наличными и на карту" */

    .loanscashcard {
        background-image: none;
    }

    .loanscashcardInner {
        height: auto;
        padding-bottom: 32px;
    }

    .loanscashcard-title {
        font-size: 19px;
        font-weight: bold;
        line-height: 25px;
        letter-spacing: 0.36px;
        padding-left: 15px;
        margin-top: 22px;
    }

    .loanscashcard-text {
        padding-left: 15px;
        margin-top: 27px;
    }

    .loanscashcard-text > p {
        font-size: 14px;
        line-height: 25px;
        margin-top: 13px;
    }

    .loanscashcard-text > ul {
        padding-right: 7px;
        padding-left: 8px;
        margin-top: 10px;
    }

    .loanscashcard-text > ul > li {
        font-size: 14px;
        line-height: 22px;
        background-position: 0px 3px;
        margin-top: 11px;
    }

    /* КОНТЕНТ > "Исправить кредитную историю" */

    .fixhistory {
        background: #F0F4F5;
        margin-top: 0;
    }

    .fixhistoryInner,
    .article-mainInner {
        height: auto;
        padding-bottom: 28px;
    }

    .fixhistory-title {
        font-size: 19px;
        font-weight: bold;
        line-height: 25px;
        letter-spacing: 0.36px;
        padding-left: 15px;
        margin-top: 22px;
    }

    .fixhistory-text,
    .article-mainText {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 19px;
    }

    .fixhistory-text > p,
    .article-mainText > p {
        font-size: 14px;
        line-height: 25px;
        margin-top: 25px;
    }

    .fixhistory-text > p:first-child,
    .article-mainText > p:first-child {
        margin-top: 0;
    }

    .fixhistory-text > p > br,
    .article-mainText > p > br {
        display: none;
    }

    /* КОНТЕНТ > "Узнайте свой кредитный рейтинг" */

    .creditrating {
        background-image: url(img/m/creditrating.bg.jpg);
    }

    .creditratingInner {
        height: 833px;
    }

    .creditrating-title {
        line-height: 31px;
        white-space: pre;
        margin-top: 25px;
    }
    .creditrating-title > span::before {
        content: '\A';
    }

    .creditrating-text {
        font-size: 15px;
        margin-top: 11px;
    }

    .creditrating-text > br.mobile {
        display: inline;
    }

    .creditrating-form {
        background-image: url(img/m/creditrating-form.bg.png);
        width: 289px;
        height: 610px;
        padding-top: 26px;
        padding-left: 25px;
        margin-top: 24px;
        margin-left: 15px;
    }

    .creditrating-form-name, .creditrating-form-phone, .creditrating-form-city, .creditrating-form-age, .creditrating-form-earnings, .creditrating-form-credits, .creditrating-form-employment, .creditrating-form > select {
        margin-right: 0;
    }
    .creditrating-form-name, .creditrating-form-phone, .creditrating-form-credits {
        margin-bottom: 24px;
    }
    .creditrating-form-city {
        margin-bottom: 19px;
    }
    .creditrating-form-age, .creditrating-form-earnings {
        margin-bottom: 18px;
    }

    .creditrating-form-name > input, .creditrating-form-phone > input, .creditrating-form-city > input, .creditrating-form-credits, .creditrating-form-employment {
        width: 240px;
    }

    .creditrating-form-credits {
        background-position: 218px 24px;
        padding-left: 18px !important;
    }

    .creditrating-form-employment {
        background-position: 218px 24px;
        padding-left: 18px !important;
        margin-bottom: 23px;
    }

    .creditrating-form-eulaOuter {
        text-align: left;
        padding-right: 0;
    }

    .creditrating-form-eula-text {
        line-height: 19px;
        margin-top: 0;
    }

    .creditrating-form-age > input {
        width: 77px;
        padding-right: 6px !important;
        padding-left: 13px !important;
        margin-right: 19px;
    }
    .creditrating-form-earnings > input {
        width: 143px;
        padding-left: 25px !important;
    }

    .creditrating-form-city > a {
        top: 14px;
        right: 13px;
    }

    .creditrating-form-eula-text > br.mobile {
        display:  inline;
    }

    .creditrating-form-buttonOuter {
        box-shadow: none;
        margin-top: 22px;
        margin-left: -6px;
    }

    .creditrating-form-button {
        width: 254px;
        height: 51px;
    }

    .creditrating-form-button > span {
        font-size: 11px;
        padding-left: 0;
    }

    /* КОНТЕНТ > "Популярные запросы" */

    .popsearches {
        display: none;
    }


    /* ШАПКА (HEADER) [Внутренние] */

    header.internal {
        background: #FFF;
        height: 79px;
    }

    .internal .headerInner3 {
        height: 79px;
    }

    /* Логотип */
    .internal .header-logoLink {
        top: 21px;
        left: 77px;
    }

    .internal .header-logoLink > img {
        width: 167px;
        height: 37px;
        top: 29px;
        left: 50px;
    }


    /* КОНТЕНТ: ВНУТРЕННИЕ */

    /* Строка навигации */
    .breadcrumbsOuter {
        height: 57px;
    }

    .breadcrumbs {
        padding-top: 14px;
        padding-left: 15px;
    }


    /* КОНТЕНТ: ДОКУМЕНТЫ */

    /* Список документов */
    .pageDocs-getloan {
        padding-bottom: 61px;
        margin-top: 29px;
    }

    .pageDocs-getloan-pageDocsList {
        padding-left: 15px;
    }

    .pageDocs-getloan-pageDocsList-item {
        background: #FFF url(img/m/pageDocs-getloan-docsList-item.bg.png) 15px 15px no-repeat;
        width: 289px;
        height: auto;
        padding-bottom: 21px;
        display: block;
    }

    .pageDocs-getloan-pageDocsList-item > a {
        width: auto;
        height: auto;
        padding-left: 67px;
    }

    /* Калькулятор */
    .pageDocs-calc, .pageAbout-calc {
        background: #F6F7F9 url(img/m/pageDocs-calc.bg.jpg) center top no-repeat;
        height: 601px;
    }

    .pageDocs-calc-title, .pageAbout-calc-title {
        font-size: 24px;
        line-height: 33px;
        letter-spacing: 0.4px;
        margin-top: 23px;
    }
    .pageAbout-calc-title {
        letter-spacing: 0.2px;
    }

    .pageDocs-calc .common-calc, .pageAbout-calc .common-calc {
        margin-top: 17px;
    }

    /* КОНТЕНТ: КОНТАКТЫ */

    .pageContacts {
        padding-bottom: 43px;
    }

    .pageContacts-content-notice {
        font-size: 14px;
        letter-spacing: 0.57px;
        color: inherit;
        background-image: url(img/m/common-info.bg.png);
        background-position: 12px 13px;
        padding: 11px 12px 13px 48px;
        margin: 25px 16px 0 15px;
    }

    .pageContacts-content-contactsList {
        font-size: 19px;
        text-align: left;
        margin-top: 26px;
    }

    .pageContacts-content-contacts-phone {
        background: url(img/ico/phone18.ico.png) 0 1px no-repeat;
        padding-left: 30px;
        margin-left: 79px;
    }

    .pageContacts-content-contacts-email {
        background: url(img/ico/email18.ico.png) 0 5px no-repeat;
        padding-left: 29px;
        margin-top: 14px;
        margin-left: 78px;
    }

    .pageContacts-content-contacts-email > a {
        letter-spacing: 0.05px;
    }

    .pageContacts-content-address-title {
        letter-spacing: 0;
        margin-top: 40px;
    }

    .pageContacts-content-address-tip {
        font-size: 12px;
        color: #6C6C6C;
        text-align: center;
        margin-top: 11px;
        display: block;
    }

    .pageContacts-content-address-list {
        width: auto;
        padding-left: 15px;
        margin-top: 25px;
    }

    .pageContacts-content-address-list > li {
        background: url(img/ico/address15.ico.png) 21px 22px no-repeat, url(img/m/pageContacts-address-list-item.bg.png) 20px 0px no-repeat, #FFF;
        width: 290px;
        height: 116px;
        display: block;
        border: 0 !important;
    }
    .pageContacts-content-address-list > li:first-child {
        background: #FFF url(img/ico/address15.ico.png) 21px 22px no-repeat;
    }

    .pageContacts-content-address-list > li > a {
        padding: 19px 12px 27px 50px;
    }

    .pageContacts-content-address-list > li > a > s {  /* Hover */
        background: url(img/m/pageContacts-address-list-item-hover.bg.png) no-repeat;
        width: 290px;
        height: 117px;
        top: -1px;
        left: 0;
    }

    .pageContacts-content-adress-list-itemInfo {
        display: none !important;
    }


    /* КОНТЕНТ: О НАС */

    .pageAbout-content {
        padding: 0 14px 47px;
        margin-top: -7px;
    }

    .pageAbout-content > p.desktop {
        display: none;
    }
    .pageAbout-content > p.mobile {
        font-size: 14px;
        color: #000;
        display: block;
    }

    .pageAbout-content > section {
        height: auto;
        padding: 21px 0 24px 0;
        margin-right: 2px;
        margin-left: 1px;
    }
    .pageAbout-content-sectionSimple {
        background-image: url(img/m/pageAbout-content-sectionSimple.png);
        background-position: 17px 19px;
        margin-top: 25px;
        margin-bottom: -6px !important;
    }
    .pageAbout-content-sectionFast {
        background-image: url(img/m/pageAbout-content-sectionFast.png);
        background-position: 28px 19px;
        margin-top: 24px;
        margin-bottom: -6px !important;
    }
    .pageAbout-content-sectionAvailable {
        background-image: url(img/m/pageAbout-content-sectionAvailable.png);
        background-position: 27px 18px;
        margin-top: 24px;
    }

    .pageAbout-content > section > h3 {
        box-sizing: border-box;  /* !!! */
        font-size: 15px;
        font-weight: bold;
        line-height: 23px;
        letter-spacing: 0.33px;
        height: 52px;
        padding-left: 92px;
    }
    .pageAbout-content > section.pageAbout-content-sectionAvailable > h3 {
        padding-top: 11px;
    }

    .pageAbout-content > section > p.desktop {
        display: none;
    }
    .pageAbout-content > section > p.mobile {
        font-size: 14px;
        padding-right: 24px;
        padding-left: 26px;
        margin-top: 12px;
        display: block;
    }


    /* КОНТЕНТ: КАК ПОЛУЧИТЬ ДЕНЬГИ, КАК ПОГАСИТЬ ЗАЙМ */

    .pageGetLoan-content, .pageRepayLoan-content {
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 44px;
        margin-top: -3px;
    }

    /* КОНТЕНТ: КАК ПОЛУЧИТЬ ДЕНЬГИ, КАК ПОГАСИТЬ ЗАЙМ > Основной блок контента */
    .pageRepayLoan-content-main-notice {
        color: #141625;
        background-image: url(img/m/common-info.bg.png);
        background-position: 12px 13px;
        width: auto;
        padding: 11px 15px 13px 48px;
        margin-top: 6px;
        margin-right: 1px;
    }

    .pageGetLoan-content-main, .pageRepayLoan-content-main {
        padding-left: 0;
        margin-right: 0;
        float: none;
    }

    .pageGetLoan-content-main > section > h2, .pageRepayLoan-content-main > section > h2 {
        font-size: 19px;
        letter-spacing: 0.7px;
        margin-top: 15px;
        margin-bottom: 27px;
    }
    .pageRepayLoan-content-main-fromCard > h2 {
        margin-top: 29px !important;
    }

    .pageGetLoan-content-main > section > ul > li, .pageRepayLoan-content-main > section > ul > li {
        background-position: center top;
        width: 289px;
        height: 146px;
        margin-right: 0 !important;
    }

    .pageGetLoan-content-main > section > ul > li > a::after, .pageRepayLoan-content-main > section > ul > li > a::after {
        background: url(img/m/pageLoan-content-main-list-item_hover.bg.png) no-repeat;
    }

    .pageGetLoan-content-main-info {
        padding-left: 1px;
    }

    .pageGetLoan-content-main-info > h2 {
        font-size: 17px !important;
        line-height: 23px !important;
        letter-spacing: -0.1px !important;
        margin-top: 13px !important;
        margin-bottom: 20px !important;
    }

    .pageGetLoan-content-main-info > p {
        color: #141625;
        margin-top: 10px;
    }

    /* КОНТЕНТ: КАК ПОЛУЧИТЬ ДЕНЬГИ, КАК ПОГАСИТЬ ЗАЙМ > Левая колонка */
    .pageGetLoan-content-sidebarLeft, .pageRepayLoan-content-sidebarLeft {
        width: 290px;
        float: none;
    }
    .pageGetLoan-content-sidebarLeft {
        margin-top: 44px;
    }
    .pageRepayLoan-content-sidebarLeft {
        margin-top: 29px;
    }

    .common-content-sidebarLeft-articleList {
        width: 290px;
    }

    .common-content-sidebarLeft-articleList_title {
        width: 290px;
    }

    .common-content-sidebarLeft-articleList > li > a {
        height: 52px;
    }

    .common-content-sidebarLeft-articleList > li > a::after {
        background: url(img/m/common-content-sidebarLeft-articleList-item-hover.bg.png) no-repeat;
        width: 302px;
        height: 53px;
    }

    /* Левая колонка > Калькулятор */
    .common-calc.sidebarLeft {
        margin-top: 43px;
    }


    /* КОНТЕНТ: ПОГАСИТЬ ЗАЙМ БАНКОВСКОЙ КАРТОЙ */

    .pageFormRepay {
    }

    .pageFormRepay-title {
        line-height: 31px;
        padding-right: 15px;
        padding-left: 15px;
        margin-top: -3px;
        margin-bottom: 0;
    }

    .pageFormRepay-form {
        text-align: left;
        padding-bottom: 36px;
        margin-top: 21px;
    }

    .pageFormRepay-form-blockLeft, .pageFormRepay-form-blockRight {
        width: 289px;
        height: auto;
        padding-left: 21px;
        margin-right: 0;
    }
    .pageFormRepay-form-blockLeft {
        padding-bottom: 25px;
    }
    .pageFormRepay-form-blockRight {
        background-image: url(img/m/pageFormRepay-form-blockRight.bg.png);
        margin-top: 26px;
        padding-bottom: 86px;
    }

    .pageFormRepay-form-blockLeft-title, .pageFormRepay-form-blockRight-title {
        font-size: 16px;
        line-height: 23px;
        padding-left: 1px;
    }
    .pageFormRepay-form-blockLeft-title {
        height: 77px;
        padding-top: 15px;
    }
    .pageFormRepay-form-blockRight-title {
        height: 63px;
        padding-top: 17px;
    }

    .pageFormRepay-form-blockLeft > label, .pageFormRepay-form-blockRight-list > li {
        width: auto;
        height: auto;
    }
    .pageFormRepay-form-blockLeft > label {
        border: 0;
    }
    .pageFormRepay-form-blockRight-list > li {
        border-bottom: 0;
        margin-top: 21px;
    }
    .pageFormRepay-form-blockRight-list > li:first-child {
        margin-top: 0;
    }

    .pageFormRepay-form-blockLeft > label > span, .pageFormRepay-form-blockRight-list > li > span:nth-child(1) {
        font-weight: normal;
        background: transparent;
        width: auto;
        height: auto;
        padding-top: 0;
        padding-left: 0;
        border-right: 0;
        margin-top: 0;
    }
    .pageFormRepay-form-blockRight-list > li > span:nth-child(1) {
        letter-spacing: 0.2px;
    }

    .pageFormRepay-form-blockLeft > label > input, .pageFormRepay-form-blockRight-list > li > span:nth-child(2) {
        width: 238px;
        margin-top: 8px;
    }
    .pageFormRepay-form-blockLeft > label > input {
        height: 49px;
        padding-left: 20px;
        border: 1px solid #EBEBEB;
        box-shadow: none !important;
    }
    .pageFormRepay-form-blockRight-list > li > span:nth-child(2) {
        height: 31px;
        padding-top: 3px;
        padding-left: 0;
        border-bottom: 1px solid #EBEBEB;
        margin-left: -1px;
    }

    .pageFormRepay-form-blockLeft-eula {
        margin-top: 19px;
    }

    .pageFormRepay-form-blockLeft-eula > label > s {
        margin-left: 1px;
    }

    .pageFormRepay-form-blockLeft-eula > label > span {
        line-height: 23px;
        width: 190px;
        margin-top: -1px;
    }

    .pageFormRepay-form-button {
        margin-top: 25px;
        margin-left: 31px;
        display: block;
    }


    /* ПОДВАЛ (FOOTER) */

    footer {
        position: static;
    }

    .footer-top {
    }

    .footer-topInner {
        height: auto;
        padding-top: 1px;  /* Отключаем схлопывание маргинов */
        padding-bottom: 26px;
        display: block;
    }

    .footer-topInner > div {
        padding-top: 1px;  /* Отключаем схлопывание маргинов */
        display: block;
    }

    .footer-top-contacts {
        width: auto;
        padding-left: 0;
    }

    .footer-top-contacts-title {
        text-align: center;
        padding-left: 4px;
        margin-top: 30px;
    }

    .footer-top-contacts-list {
        padding-left: 18px;
    }

    .footer-top-contacts-list-time {
        height: 21px;
    }

    .footer-top-contacts-list-time > br.desktop {
        display: none;
    }

    .footer-top-info-title {
        text-align: center;
        line-height: 25px;
        margin-top: 36px;
        padding-right: 8px;
        padding-left: 0;
    }

    .footer-top-info-text {
        background: none;
        padding: 0 15px;
        margin-top: 11px;
    }

    .footer-top-menuBottomOuter {
        display: none !important;
    }

    .footer-bottomInner {
        height: 135px;
        padding-top: 1px;
        display: block;
    }

    .footer-bottomInner > div {
        display: block;
    }

    .footer-bottom-logo {
        width: auto;
    }

    .footer-bottom-logo > a {
        margin-right: auto;
        margin-left: auto;
    }

    .footer-bottom-info {
        display: none !important;
    }


}  /* /CSS для ширины до 1099px (для смартфонов) */

.pageDocs-getloan .archive-link {
    margin: 44px 0 0 52px;
}

.header-repayLink,
.header-accountLink {
    text-decoration: none;
}

.custombox-close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -32px;
    width: 32px;
    height: 32px;
    opacity: 0.7;
}
.custombox-close:hover {
    opacity: 1;
}
.custombox-close:before, .custombox-close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #fff0d3;
}
.custombox-close:before {
    transform: rotate(45deg);
}
.custombox-close:after {
    transform: rotate(-45deg);
}

.modal {
    padding: 20px 0;
    background-color: #fff;
    border-radius: 6px;
    width: 610px;
    /*height: 400px;*/
    display: none;
    position: relative;
}
.modal__body {
    padding: 16px 32px;
}
.modal__header {
    padding: 16px 32px;
}
.modal__title {
    font-size: 24px;
    line-height: 1;
    text-align: left;
}
.modal__footer {
    padding-top: 20px;
    padding-bottom: 0;
    border-top: 1px solid #ededed;
    text-align: left;
}

.whyLeaveForm {
    box-sizing: border-box;
    text-align: left;
    background-color: #FFF;
    width: 555px;
    /* height: 442px; */
    padding-left: 30px;
    margin-right: 15px;
    margin-left: 15px;
    display: inline-block;
    vertical-align: top;
}

/*.pageFormRepay-form-blockLeft-title, .pageFormRepay-form-blockRight-title {*/
    /*box-sizing: border-box;  !* !!! *!*/
    /*font-size: 19px;*/
    /*font-weight: 300;  !* light *!*/
    /*line-height: 20px;*/
    /*color: #6C7680;*/
    /*height: 70px;*/
    /*padding-top: 23px;*/
    /*display: block;*/
/*}*/

.whyLeaveFormInner > label {
    box-sizing: border-box;  /* !!! */
    font-size: 14px;
    width: 480px;
    height: 54px;
    margin-top: 16px;
    display: block;
}
.whyLeaveFormInner > label {
    border: 1px solid #EBEBEB;
}
.whyLeaveFormInner > label > span {
    box-sizing: border-box;  /* !!! */
    font-weight: 500;  /* medium */
    line-height: 15px;
    letter-spacing: 0.3px;
    color: #38393A;
    width: 177px;
    height: 52px;
    padding-left: 21px;
    display: inline-block;
    vertical-align: top;
}
.whyLeaveFormInner > label > span {
    background: #F6F6F6;
    padding-top: 18px;
    border-right: 1px solid #EBEBEB;
}

.whyLeaveFormInner > label > input {
    box-sizing: border-box;  /* !!! */
    letter-spacing: 0.3px;
    color: #6F7172;
    width: 301px;
    height: 52px;
    padding-left: 27px;
    display: inline-block;
    vertical-align: top;
}
.whyLeaveFormInner > label > input {
    padding-bottom: 2px;
}


.whyLeaveFormInner > select {
    box-sizing: border-box;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    letter-spacing: 0.2px;
    color: #737578;
    text-overflow: '';
    background: #FFF url(img/ico/arrowDownGray.ico.png) 445px 24px no-repeat;
    width: 480px;
    height: 54px;
    border: 1px solid #E5E6E7;
    padding-right: 35px;
    padding-left: 20px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.whyLeaveFormInner > select::-ms-expand, .creditrating-form-employment::-ms-expand {  /* IE */
    display: none;
}

.whyLeaveFormInner > select > option, .creditrating-form-employment > option {
    color: #333;
}
.whyLeaveFormInner > select > option[disabled], .creditrating-form-employment > option[disabled] {
    color: #999;
    background-color: #EAEAEA;
}

.modal--change-city .city-list .city-list--item {
    padding: 10px 0;
}




@media screen and (max-width: 769px) {

    .footer-bottomInner {
        height: 118px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer-bottom-logo > a {
        margin-top: 0;
        padding: 10px 0;
    }

    .footer-topInner > .footer-top-info {
        display: none;
    }
    .footer-top-contacts-title {
        margin-top: 12px;
    }

    .footer-top-contacts-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 0px;
        flex-wrap:wrap;
    }
    .footer-top-contacts-list-time {
        margin-top: 20px;
    }
    .footer-top-contacts-list-time > br.desktop {
        display: block;
    }
    .footer-top-contacts-list-phone {
        text-align:center;
    }
    .footer-top-contacts-list-phone > a {
        font-size: 28px;
    }

    .footer-top-contacts-list-email {
        margin-top: 44px;
    }

    .mobilebuttons_menu .mob_menu_logo {
        top: 25px;
    }
    .mobilebuttons_menu_item {
        margin-top: 14px;
    }
    .mobilebuttons_menu .mob_menu_cabinet {
        bottom: 70px;
    }

    .mobilebuttons_menu {
        padding-top: 60px;
    }
}