@font-face {
    font-family: 's';
    src: url('fonts/SuisseIntl-Regular.woff2') format('woff2'),
    url('fonts/SuisseIntl-Regular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 's';
    src: url('fonts/SuisseIntl-Regular.woff2') format('woff2'),
    url('fonts/SuisseIntl-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 's';
    src: url('fonts/SuisseIntl-Italic.woff2') format('woff2'),
    url('fonts/SuisseIntl-Italic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 's';
    src: url('fonts/SuisseIntl-Italic.woff2') format('woff2'),
    url('fonts/SuisseIntl-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}


@font-face {
    font-family: 's';
    src: url('fonts/SuisseIntl-MediumItalic.woff2') format('woff2'),
    url('fonts/SuisseIntl-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 's';
    src: url('fonts/SuisseIntl-MediumItalic.woff2') format('woff2'),
    url('fonts/SuisseIntl-MediumItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}


@font-face {
    font-family: 's';
    src: url('fonts/SuisseIntl-Medium.woff2') format('woff2'),
    url('fonts/SuisseIntl-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 's';
    src: url('fonts/SuisseIntl-Medium.woff2') format('woff2'),
    url('fonts/SuisseIntl-Medium.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 's';
    src: url('fonts/SuisseIntl-Medium.woff2') format('woff2'),
    url('fonts/SuisseIntl-Medium.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}



@font-face {
    font-family: 'vl2';
    src: url('fonts/vdnhlebedev2-regular-webfont.woff2') format('woff2'),
    url('fonts/vdnhlebedev2-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vl2';
    src: url('fonts/vdnhlebedev2-regular-webfont.woff2') format('woff2'),
    url('fonts/vdnhlebedev2-regular-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'vl2-bold';
    src: url('fonts/vdnhlebedev2-bold-webfont.woff2') format('woff2'),
    url('fonts/vdnhlebedev2-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body, html {
    background: #fff;
    color: #262626;
    padding: 0;
    margin: 0;
    font-family: 's', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-variant-numeric: proportional-nums;
}

p {
    margin: 24px 0;
}
h1, .h1 {
    display: block;
    font-family: 'vl2', sans-serif;
    text-transform: lowercase;
    font-weight: normal;
    margin: 1em 0 .5em 0;
    font-size: 84px;
    line-height: 72px;
    letter-spacing: -2px;
}
.title {
    display: block;
    font-family: 'vl2', sans-serif;
    text-transform: lowercase;
    font-weight: normal;
    font-size: 40px;
    line-height: 40px;
    margin: 1em 0 .5em 0;
}
h2, h3, .detail-text h1 {
    letter-spacing: 0;
    text-transform: none;
    font-family: 's', sans-serif;
    display: block;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin: 48px 0 24px 0;
}

p.lead {
    margin: 28px 0;
    font-size: 24px;
    line-height: 32px;
}

ul, ol {
    margin: 24px 0;
    padding-left: 24px;
}
li {
    margin: 16px 0;
    position: relative;
}
ul {
    list-style: none;
}
ul li:before {
    width: 8px;
    height: 8px;
    content: "";
    display: block;
    background: #E22C38;
    left: -22px;
    top: 10px;
    position: absolute;
    border-radius: 50%;
}


h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child, p:first-child, .title:first-child, .detail-text h1:first-child, ul:first-child, li:first-child {
    margin-top: 0;
}
h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, p:last-child, .title:last-child, .detail-text h1:last-child, ul:last-child, li:last-child {
    margin-bottom: 0;
}

.body--selections h1 {
    max-width: 768px;
    margin: 0 0 16px 0;
}