@font-face {
    font-family: "SF UI Display";
    src: url('/assets/css/fonts/SFUIDisplay-Black.eot');
    src: local('☺'), url('/assets/css/fonts/SFUIDisplay-Black.woff') format('woff'), url('/assets/css/fonts/SFUIDisplay-Black.ttf') format('truetype'), url('/assets/css/fonts/SFUIDisplay-Black.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "SF UI Display";
    src: url('/assets/css/fonts/SFUIDisplay-Medium.eot');
    src: local('☺'), url('/assets/css/fonts/SFUIDisplay-Medium.woff') format('woff'), url('/assets/css/fonts/SFUIDisplay-Medium.ttf') format('truetype'), url('/assets/css/fonts/SFUIDisplay-Medium.svg') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "SF UI Display";
    src: url('/assets/css/fonts/SFUIDisplay-Regular.eot');
    src: local('☺'), url('/assets/css/fonts/SFUIDisplay-Regular.woff') format('woff'), url('/assets/css/fonts/SFUIDisplay-Regular.ttf') format('truetype'), url('/assets/css/fonts/SFUIDisplay-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.wrap-custom{
    max-width: 750px;
}

.header-credit,
.block-line-text,
.block-full-line,
.form-body{
    margin: 0 57px !important;
}
#profitable-loan{
    font-family: SF UI Display !important;
}

.header-credit{
    font-family: SF UI Display;
}
.header-credit .text{
    font-size: 36px;
    font-weight: bold;
    color: #343434;
    padding-right: 0 !important;
}

.header-credit .text p{
    line-height: 1.1;
}
.header-credit .percent{
    font-size: 87px;
    color: #ff375d;
    font-weight: bold;
    padding-left: 0 !important;
}
.header-credit .percent span{
    position: relative;
    top: -11px;
}

.block-line-text{

}

.block-line-text .text{padding-left: 0 !important;padding-right: 0 !important;}
.block-line-text .line1{width: 30% !important;}
.block-line-text .line2{width: 30% !important;}
.block-line-text .text{width: 40% !important;}

.block-line-text .text{
    text-align: center;
    font-family: SF UI Display;
    font-size: 18px;
    font-weight: bold;
    color: #343434;
}
.block-line-text .black-line{
    margin-top: 10px;
}
.black-line {
    position: relative;
    width: 100%;
    height: 3px;
    background-color: #090909;
}
.timer-block{
    text-align: center;
}
.timer-block #clockdiv{padding-top: 10px;}

.block-full-line{
    padding-top: 7px;
}
.form-body{
    padding: 0 !important;
}
.form-body .form-title{
    font-family: SF UI Display;
    font-size: 18px;
    color: #343434;
    text-align: center;
    margin-top: 15px;
}
.js-phone-mask{
    font-size: 18px !important;
    color: #787878;
    height: 50px;
}
.form-body .fields{
    padding-top: 20px;
    margin: 0 !important;
}
#order-form-submit{
    font-family: inherit !important;
    height: 50px;
}
.person-data {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px !important;
}
.person-data label{
    font-family: SF UI Display !important;
    color: #343434;
}
.close-block {
    margin-top: 25px !important;
    text-align: center;
    padding-bottom: 25px;
}
.close-block a{
    cursor: pointer;
    color: #bababa;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dotted #bababa;
}

.block-list-of-cities {
    column-count: 4;
}
.block-list-of-cities .list-of-cities-collection{
    list-style: none;
    margin-bottom: 15px;
}
.block-list-of-cities .list-of-cities-item a{
    text-decoration: none;
}
.block-list-of-cities span.city-active{
    font-weight: bold;
}
.header-list-of-cities {
    border-bottom: 3px solid #090909;
    padding-bottom: 15px;
}