@import "trust.css";

/*header*/

.business.promo #header, .business.promo #main_desktop {
    display: none;
}

.banner-1c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background: url(/ico/credit1c/1128.svg) no-repeat;
    background-size: contain;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 625px;
}

.banner-1c__text-red {
    color: red;
    margin-left: 0;
}

.banner-1c__info {
    margin-top: 125px;
}
.banner-1c__title {
    font-size: 62px;
}

.banner-1c h3 {
    font-size: 40px;
    color: #da0004;
    margin: 40px 0 15px 0;
    line-height: 40px;
}

.banner-1c__text-red {

    font-size: 26px;
}
.b-logo-tkb img {
    width: 180px;
}
.business.promo .features__name {
    font-size: 18px;
    height: initial;
}

.about__wrapper {

    max-width: 850px;

}
.business.promo .about__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 35px 20px;
    -webkit-box-flex: 33.3%;
    -ms-flex: 33.3%;
    flex: 33.3%;
    margin-right: 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
}
.about__name {
    margin: 30px 10px 15px;
    font-size: 18px;
}

/*form*/

.form-credit .form-wrapper {
    border: none;
    padding: 0px 67px 20px;
    max-width: initial;
}

.wrapper__form-credit .form-mini.form-mini__default.b-form {
    width: 100%;
}
.homepage.business .wrapper__form-credit  .btn.blue, .homepage.business .wrapper__form-credit  .btn.blue:hover,
.homepage.business .wrapper__form-credit  .btn.blue:focus, .homepage.business  .wrapper__form-credit  .btn.blue:active,
.stores__desc .btn.BtnGreen, .stores__desc .btn.BtnGreen:focus, .stores__desc .btn.BtnGreen:hover, .stores__desc .btn.BtnGreen:active

{

    background: #ffdd0c;
    color: black;
}
.stores__desc .btn.BtnGreen, .stores__desc .btn.BtnGreen:focus, .stores__desc .btn.BtnGreen:hover, .stores__desc .btn.BtnGreen:active
{
    height: 46px;
    line-height: 46px;
    height: 46px;
    padding: 0 20px;
    font-family: 'corpid_e1s_scd_bold';
}
.homepage.business .wrapper__form-credit .form-mini.form-mini__default .buttons {
    margin: 20px auto 0;
}
.wrapper__form-credit.wrapper__form {
    margin: 30px auto 0px;
    width: 89%;
}
.DialogAgreeTextPopup .ui-dialog-buttonpane {
    display: none;
}
.DialogAgreeTextPopup {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    position: absolute;
}
.conditions__text-info {
    margin-right: 20px;
}
.wrappsitytarif {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
span#citytarif-button {
    max-width: 100%;
    margin-right: 0;
    border-color: #8b8b8f;
    padding-left: 0;
}
.wrappsitytarif .ui-selectmenu-button {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-radius: 0;
    height: 50px;
    border-bottom: 1px solid #b6b6b6;
    padding: 0 40px 0 20px;
    line-height: 50px;
    font-size: 19px;
    position: relative;
    display: inline-block;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 237px;
    max-width: 534px;
    vertical-align: top;

}
.wrappsitytarif  .ui-selectmenu-text {
    padding: 0 0 0 10px;
}
/**/
.stores {
    padding: 20px 0;
}

.stores__column-credit {
    width: 300px;
    background-image: url(/ico/whiteaccount/0015.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left bottom;
    margin-right: 15px;
}

.stores__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f4f4f4;
    border-radius: 25px;
    padding: 15px 15px 0 0;

}

.stores__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.stores__name {
    font-family: 'corpid_e1s_scd_bold';
    line-height: 1em;
    font-size: 34px;
}
.stores__text {
    line-height: 24px;
    margin: 0 50px 0 0;
}
.stores__wrapper {
    margin: 0 auto;
    width: 88%;
}


/**/

.homepage.business .g-interes #tabs-2 .in-flex .in-block-image {

    width: 31%;
}


@media (max-width: 1136px) {
    .banner-1c__title {
        font-size: 40px;
    }


    .banner-1c__text-red {

        font-size: 20px;
    }
    .banner-1c__info {
        margin-top: 70px;
    }
}

@media (max-width: 1200px) {
    .banner-1c {
        height: 565px;
    }
}
@media (max-width: 1100px) {
    .banner-1c {
        height: 532px;
    }
}

@media (max-width: 1050px) {
    .b-logo-tkb {
        right: 4%;
        top: 4%;
    }

    .banner-1c {
        height: 506px;
    }
    .b-logo-tkb img {
        width: 155px;
    }
}

@media (max-width: 1040px) {
    .b-logo-tkb img {
        width: 155px;
    }
}
@media (max-width: 1000px) {
    .banner-1c {
        background: url(/ico/credit1c/1128.svg) 45% no-repeat;
        background-size: cover;

    }
}
@media (max-width: 975px) {
    .stores__column-credit {
        width: 250px;
    }
    .stores__text {

        margin: 0 30px 0 0;
    }
}
@media (max-width: 900px) {

    .banner-1c__title {
        font-size: 50px;
    }

    .banner-1c h3 {
        font-size: 32px;
    }

    .banner-1c__text-red {
        line-height: 22px;
        font-size: 18px;
    }
    .banner-1c__col-left {
        padding: 30px 0 50px 37px;
    }
}
@media (max-width: 892px) {
    .stores__desc {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .stores__text {
        margin: 0 0 20px 0;
    }
}
@media (max-width: 856px) {
    .banner-1c {
        background: url(/ico/credit1c/1128.svg) 60% no-repeat;
        background-size: cover;
    }
}
@media (max-width: 836px) {
    .banner-1c {
        background: url(/ico/credit1c/1128.svg) 50% no-repeat;
        background-size: cover;
    }
}
@media (max-width: 830px) {
    .business.promo
    .features__name, .about__name {
        font-size: 16px;

    }
    .business.promo .features__item {
        padding: 35px 15px 15px;
    }
}

@media (max-width: 807px) {
    .b-logo-tkb img {
        width: 130px;
    }
    .stores__name {

        font-size: 28px;
    }
}

@media (max-width: 760px) {
    .about__list
    {
        overflow: hidden;
        margin: 0 auto;
        position: relative;
        max-width: 1104px;
        width: 100%;
        display: block;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .about__item {
        width: 223px;
        margin-right: 20px;
        height: 297px;
    }

    .slick-dots {
        bottom: -8px;
    }
    .slick-dots li button {
        background: #ccc;
        height: 10px;
        width: 10px;
        line-height: 0;
        font-size: 0;
        border-radius: 50%;
    }
    .slick-dots li {
        height: 10px;
        width: 15px;
    }
    .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 10px;
        height: 10px;
        font-family: "slick";
        font-size: 19px;
        line-height: 11px;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .about__list {
        overflow: initial;
    }
    .about__list .slick-list {
        margin-bottom: 10px;
    }
    .stores__column-credit {
        width: 215px;
        background-size: contain;
    }
}


@media (max-width: 720px) {
    .b-logo-tkb {
        right: 4%;
        top: 2%;
    }
    .b-logo-tkb img {
        width: 160px;
    }
    .banner-1c {
        background: url( https://www.tkbbank.ru/ico/kassa/Asset8.svg) no-repeat;
        background-size: 330px;
        height: auto;

    }
    .banner-1c__col-left {
        width: 100%;
        padding: 20px;
    }
    .banner-1c h3 {
        font-size: 24px;
        line-height: 27px;
        margin: 25px 0 15px 0;
    }
    .banner-1c__text {
        margin-bottom: 1.5em;
    }

    .banner-1c__text-red {
        margin: 0;
        text-align: center;
    }
    .banner-1c__text {
        width: initial;
    }
    .banner-1c__col-left {
        width: 100%;
        padding: 20px;

    }
    .banner-1c__info {
        text-align: center;
    }
    .logo1c-mobile {
        display: block;
    }
    .logo1c {
        display: none;
    }
    .banner-1c__title {
        margin-bottom: 25px;
    }
    .banner-1c__subtitle {
        font-size: 24px;
    }

    .banner-1c__text {
        font-size: 16px;
        width: initial;
    }
    .banner-1c__info {
        margin-top: 20px;
    }
    .desc-1c h3 {
        margin: 30px 0;
    }


}
@media (max-width: 679px) {
    .b-footer .prl40 {
        padding: 0 40px;
    }
}

@media (max-width: 665px) {
    .stores__name br {
        display: none;
    }
    .stores__column-credit {
        width: 300px;

    }
}

@media (max-width: 640px) {
    .features__list .slick-list {
        width: 80%;
    }
    .slider__control {
        background: transparent;
    }
    .slider__control_left {
        left: 0;
        background-image: url(/ico/left.svg);
        background-repeat: no-repeat;
        background-size: 31.67px 120px;
        background-position: center;
    }
    .slider__control_right {
        right: 0;
        background-image: url(/ico/right.svg);
        background-repeat: no-repeat;
        background-size: 31.67px 120px;
        background-position: center;
    }
    .business.promo .features__item {
        height: 245px;
        margin-right: 0;
    }
    .business.promo .features__name {
        font-size: 22px;
    }
    .business.promo .features__name {
        font-size: 20px;
        margin: 25px 0 15px 0;
    }
}
@media (max-width: 610px) {
    .stores__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 20px 15px 25px;
    }
    .stores__column {
        text-align: center;
    }
    .stores__column-credit {
        width: 100%;
        height: 200px;
        background-position: center;
    }
    .stores__name br {
        display: block;
    }
    .stores__desc {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

    }
}

@media (max-width: 600px) {
    .business.promo .features__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

}

@media (max-width: 480px) {
    .wrappsitytarif {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .b-logo-tkb img {
        width: 125px;
    }
    .business.promo .features__name {
        font-size: 18px;}
    .banner-1c {
        background-size: 255px;
    }
    .banner-1c__title {
        font-size: 30px;
    }
    .banner-1c h3 {
        font-size: 22px;
        line-height: 24px;
        margin: 20px 15px 15px;
    }
    .pdf-button {
        max-width: 230px;
    }
}
@media (max-width: 440px) {
    .slider__control   {
        width: 30px;
    }

    .slider__control_left {
        left: 0;
        background-image: url(/ico/left.svg);
        background-repeat: no-repeat;
        background-size: 20.67px 120px;
        background-position: center;
    }
    .slider__control_right {
        right: 0;
        background-image: url(/ico/right.svg);
        background-repeat: no-repeat;
        background-size: 20.67px 120px;
        background-position: center;
    }
}

@media (max-width: 383px) {
    .banner-1c {
        background-size: 218px;
    }
    .b-logo-tkb {
        right: 0%;
        top: 2%;
        text-align: center;
    }
    .b-logo-tkb img {
        width: 104px;
    }
}