@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Medium.eot');
    src: local('SF UI Display Medium'), local('SFUIDisplay-Medium'),
    url('../fonts/SFUIDisplay-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SFUIDisplay-Medium.woff') format('woff'),
    url('../fonts/SFUIDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Light.eot');
    src: local('SF UI Display Light'), local('SFUIDisplay-Light'),
    url('../fonts/SFUIDisplay-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SFUIDisplay-Light.woff') format('woff'),
    url('../fonts/SFUIDisplay-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Heavy.eot');
    src: local('SF UI Display Heavy'), local('SFUIDisplay-Heavy'),
    url('../fonts/SFUIDisplay-Heavy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SFUIDisplay-Heavy.woff') format('woff'),
    url('../fonts/SFUIDisplay-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Bold.eot');
    src: local('SF UI Display Bold'), local('SFUIDisplay-Bold'),
    url('../fonts/SFUIDisplay-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SFUIDisplay-Bold.woff') format('woff'),
    url('../fonts/SFUIDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
body {
    width: 600px;
    margin: 0 auto;
    font-family: 'SF UI Display Light', sans-serif;
}
select, input, textarea {
    outline: none;
}

/* Header */
header {
    height: 120px;
    background: linear-gradient(45deg, #6520ff, #32266e);
    padding: 10px 0 25px;
}
header img {
    width: 120px;
    display: block;
    margin: 0 auto;
}
header h1 {
    font-size: 20px;
    color: #f6bd2c;
    text-align: center;
}
/* Header */

/* Index */
main {
    padding-top: 30px;
}
main .row {
    width: 510px;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px solid #f7d470;
}
p.title {
    font-family: 'SF UI Display Bold', sans-serif;
    font-size: 16px;
    color: #2f2861;
    font-weight: bold;
    margin-bottom: 0;
}
p.description {
    font-family: 'SF UI Display Regular', sans-serif;
    font-size: 16px;
    color: #2f2861;
    margin-bottom: 25px;
    text-align: justify;
}
ul li {
    font-family: 'SF UI Display Regular', sans-serif;
    font-size: 16px;
    color: #2f2861;
}
ul {
    margin-bottom: 25px;
    lighting-color: #f8d674;
    padding-left: 15px;
}
p.small {
    font-family: 'SF UI Display Regular', sans-serif;
    font-size: 12px;
    color: #2f2861;
    text-align: center;
    margin-bottom: 25px;
}
.open-account {
    display: block;
    margin: 0 auto;
    width: 250px;
    background: #6420ff;
    border: none;
    color: #fff;
    font-weight: bold;
    box-shadow: 0 5px 10px 0 #ccc;
}
.open-account:hover {
    background: #9064f3;
    color: #fff;
}
li {
    list-style-type: none; /* Прячем исходные маркеры */
}
li:before {
    color: #f8d674;
    content: "\2022";
    padding-right: 5px;
}
p.description span {
    text-decoration: underline;
    font-family: 'SF UI Display Bold', sans-serif;
    font-weight: bold;
}
p.description span.list {
    text-decoration: none;
}
.table {
    width: 100%;
    min-height: 200px;
    background: linear-gradient(45deg, #e4be52, #f6d26a);
    border-radius: 10px;
}
.table td {
    font-family: 'SF UI Display Regular', sans-serif;
    font-size: 14px;
    color: #2f2861;
    padding: 5px 15px!important;
    width: 50%;
    border: 1px solid #fff;
}
.table tr:first-child td {
    border-top: none;
}
.table td.bold {
    font-family: 'SF UI Display Bold', sans-serif;
    font-weight: bold;
}
.table td.bold.underline {
    text-decoration: underline;
}
    /* Index */

/* Footer */
footer {
    padding-top: 25px;
}
footer .row {
    width: 510px;
    margin: 0 auto;
    padding: 0;
}
footer p {
    font-family: 'SF UI Display Regular', sans-serif;
    font-size: 12px;
    color: #2f2861;
    margin-bottom: 25px;
    text-align: justify;
}
footer p span {
    text-decoration: underline;
    font-family: 'SF UI Display Bold', sans-serif;
    font-weight: bold;
}
p.copyright {
    text-align: center;
    margin-top: 15px;
}
footer img {
    width: 350px;
    display: block;
    margin: 0 auto;
}
/* Footer */