SALT-NLP/Design2Code-HARD
This dataset consists of 80 extra difficult webpages from Github Pages, which challenges SoTA multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the "easy" version of the Design2Code testset here Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information.
6379
1<!DOCTYPE html>2<html lang="en">3 <head>4 <style>5 /* cyrillic */6@font-face {7 font-family: 'Playfair Display';8 font-style: normal;9 font-weight: 400;10 font-display: swap;11 src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format('woff2');12 unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;13}14/* vietnamese */15@font-face {16 font-family: 'Playfair Display';17 font-style: normal;18 font-weight: 400;19 font-display: swap;20 src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.woff2) format('woff2');21 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;22}23/* latin-ext */24@font-face {25 font-family: 'Playfair Display';26 font-style: normal;27 font-weight: 400;28 font-display: swap;29 src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.woff2) format('woff2');30 unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;31}32/* latin */33@font-face {34 font-family: 'Playfair Display';35 font-style: normal;36 font-weight: 400;37 font-display: swap;38 src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2');39 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;40}41/* cyrillic */42@font-face {43 font-family: 'Playfair Display';44 font-style: normal;45 font-weight: 700;46 font-display: swap;47 src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format('woff2');48 unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;49}50/* vietnamese */51@font-face {52 font-family: 'Playfair Display';53 font-style: normal;54 font-weight: 700;55 font-display: swap;56 src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.woff2) format('woff2');57 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;58}59/* latin-ext */60@font-face {61 font-family: 'Playfair Display';62 font-style: normal;63 font-weight: 700;64 font-display: swap;65 src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.woff2) format('woff2');66 unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;67}68/* latin */69@font-face {70 font-family: 'Playfair Display';71 font-style: normal;72 font-weight: 700;73 font-display: swap;74 src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2');75 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;76}77 78 79 80/*! Bootstrap Reboot v4.4.1 (https://getbootstrap.com/) Copyright 2011-2019 The Bootstrap Authors Copyright 2011-2019 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */81*, *::before, *::after { box-sizing: border-box; }82html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(47, 47, 65, 0); }83article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }84body { margin: 0; font-family: Helvetica, Arial, sans-serif, -apple-system; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #ffffff; }85[tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; }86hr { box-sizing: content-box; height: 0; overflow: visible; }87h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; }88p { margin-top: 0; margin-bottom: 1rem; }89abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; }90address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }91ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }92ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }93dt { font-weight: 700; }94dd { margin-bottom: .5rem; margin-left: 0; }95blockquote { margin: 0 0 1rem; }96b, strong { font-weight: bolder; }97small { font-size: 80%; }98sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }99sub { bottom: -.25em; }100sup { top: -.5em; }101a { color: #E5261F; text-decoration: none; background-color: transparent; }102a:hover { color: #ea524d; text-decoration: underline; }103a:not([href]) { color: inherit; text-decoration: none; }104a:not([href]):hover { color: inherit; text-decoration: none; }105pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }106pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; }107figure { margin: 0 0 1rem; }108img { vertical-align: middle; border-style: none; }109svg { overflow: hidden; vertical-align: middle; }110table { border-collapse: collapse; }111caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }112th { text-align: inherit; }113label { display: inline-block; margin-bottom: 0.5rem; }114button { border-radius: 0; }115button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }116input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }117button, input { overflow: visible; }118button, select { text-transform: none; }119select { word-wrap: normal; }120button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }121button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }122button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }123input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; }124input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }125textarea { overflow: auto; resize: vertical; }126fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }127legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }128progress { vertical-align: baseline; }129[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }130[type="search"] { outline-offset: -2px; -webkit-appearance: none; }131[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }132::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }133output { display: inline-block; }134summary { display: list-item; cursor: pointer; }135template { display: none; }136[hidden] { display: none !important; }137/*! Bootstrap Grid v4.4.1 (https://getbootstrap.com/) Copyright 2011-2019 The Bootstrap Authors Copyright 2011-2019 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */138html { box-sizing: border-box; -ms-overflow-style: scrollbar; }139*, *::before, *::after { box-sizing: inherit; }140.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }141@media (min-width: 576px) { .container { max-width: 566px; } }142@media (min-width: 768px) { .container { max-width: 740px; } }143@media (min-width: 992px) { .container { max-width: 960px; } }144@media (min-width: 1300px) { .container { max-width: 1140px; } }145.container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }146@media (min-width: 576px) { .container-sm, .container { max-width: 566px; } }147@media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 740px; } }148@media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } }149@media (min-width: 1300px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } }150.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }151.no-gutters { margin-right: 0; margin-left: 0; }152.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }153.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }154.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }155.row-cols-1 > * { flex: 0 0 100%; max-width: 100%; }156.row-cols-2 > * { flex: 0 0 50%; max-width: 50%; }157.row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }158.row-cols-4 > * { flex: 0 0 25%; max-width: 25%; }159.row-cols-5 > * { flex: 0 0 20%; max-width: 20%; }160.row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }161.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }162.col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }163.col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }164.col-3 { flex: 0 0 25%; max-width: 25%; }165.col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }166.col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }167.col-6 { flex: 0 0 50%; max-width: 50%; }168.col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }169.col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }170.col-9 { flex: 0 0 75%; max-width: 75%; }171.col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }172.col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }173.col-12 { flex: 0 0 100%; max-width: 100%; }174.order-first { order: -1; }175.order-last { order: 13; }176.order-0 { order: 0; }177.order-1 { order: 1; }178.order-2 { order: 2; }179.order-3 { order: 3; }180.order-4 { order: 4; }181.order-5 { order: 5; }182.order-6 { order: 6; }183.order-7 { order: 7; }184.order-8 { order: 8; }185.order-9 { order: 9; }186.order-10 { order: 10; }187.order-11 { order: 11; }188.order-12 { order: 12; }189.offset-1 { margin-left: 8.3333333333%; }190.offset-2 { margin-left: 16.6666666667%; }191.offset-3 { margin-left: 25%; }192.offset-4 { margin-left: 33.3333333333%; }193.offset-5 { margin-left: 41.6666666667%; }194.offset-6 { margin-left: 50%; }195.offset-7 { margin-left: 58.3333333333%; }196.offset-8 { margin-left: 66.6666666667%; }197.offset-9 { margin-left: 75%; }198.offset-10 { margin-left: 83.3333333333%; }199.offset-11 { margin-left: 91.6666666667%; }200@media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } }201@media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } }202@media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } }203@media (min-width: 1300px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } }204.d-none { display: none !important; }205.d-inline { display: inline !important; }206.d-inline-block { display: inline-block !important; }207.d-block { display: block !important; }208.d-table { display: table !important; }209.d-table-row { display: table-row !important; }210.d-table-cell { display: table-cell !important; }211.d-flex { display: flex !important; }212.d-inline-flex { display: inline-flex !important; }213@media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } }214@media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } }215@media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } }216@media (min-width: 1300px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } }217@media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } }218.flex-row { flex-direction: row !important; }219.flex-column { flex-direction: column !important; }220.flex-row-reverse { flex-direction: row-reverse !important; }221.flex-column-reverse { flex-direction: column-reverse !important; }222.flex-wrap { flex-wrap: wrap !important; }223.flex-nowrap { flex-wrap: nowrap !important; }224.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }225.flex-fill { flex: 1 1 auto !important; }226.flex-grow-0 { flex-grow: 0 !important; }227.flex-grow-1 { flex-grow: 1 !important; }228.flex-shrink-0 { flex-shrink: 0 !important; }229.flex-shrink-1 { flex-shrink: 1 !important; }230.justify-content-start { justify-content: flex-start !important; }231.justify-content-end { justify-content: flex-end !important; }232.justify-content-center { justify-content: center !important; }233.justify-content-between { justify-content: space-between !important; }234.justify-content-around { justify-content: space-around !important; }235.align-items-start { align-items: flex-start !important; }236.align-items-end { align-items: flex-end !important; }237.align-items-center { align-items: center !important; }238.align-items-baseline { align-items: baseline !important; }239.align-items-stretch { align-items: stretch !important; }240.align-content-start { align-content: flex-start !important; }241.align-content-end { align-content: flex-end !important; }242.align-content-center { align-content: center !important; }243.align-content-between { align-content: space-between !important; }244.align-content-around { align-content: space-around !important; }245.align-content-stretch { align-content: stretch !important; }246.align-self-auto { align-self: auto !important; }247.align-self-start { align-self: flex-start !important; }248.align-self-end { align-self: flex-end !important; }249.align-self-center { align-self: center !important; }250.align-self-baseline { align-self: baseline !important; }251.align-self-stretch { align-self: stretch !important; }252@media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } }253@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } }254@media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } }255@media (min-width: 1300px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } }256.m-0 { margin: 0 !important; }257.mt-0, .my-0 { margin-top: 0 !important; }258.mr-0, .mx-0 { margin-right: 0 !important; }259.mb-0, .my-0 { margin-bottom: 0 !important; }260.ml-0, .mx-0 { margin-left: 0 !important; }261.m-1 { margin: 10px !important; }262.mt-1, .my-1 { margin-top: 10px !important; }263.mr-1, .mx-1 { margin-right: 10px !important; }264.mb-1, .my-1 { margin-bottom: 10px !important; }265.ml-1, .mx-1 { margin-left: 10px !important; }266.m-2 { margin: 20px !important; }267.mt-2, .my-2 { margin-top: 20px !important; }268.mr-2, .mx-2 { margin-right: 20px !important; }269.mb-2, .my-2 { margin-bottom: 20px !important; }270.ml-2, .mx-2 { margin-left: 20px !important; }271.m-3 { margin: 30px !important; }272.mt-3, .my-3 { margin-top: 30px !important; }273.mr-3, .mx-3 { margin-right: 30px !important; }274.mb-3, .my-3 { margin-bottom: 30px !important; }275.ml-3, .mx-3 { margin-left: 30px !important; }276.m-4 { margin: 40px !important; }277.mt-4, .my-4 { margin-top: 40px !important; }278.mr-4, .mx-4 { margin-right: 40px !important; }279.mb-4, .my-4 { margin-bottom: 40px !important; }280.ml-4, .mx-4 { margin-left: 40px !important; }281.m-5 { margin: 50px !important; }282.mt-5, .my-5 { margin-top: 50px !important; }283.mr-5, .mx-5 { margin-right: 50px !important; }284.mb-5, .my-5 { margin-bottom: 50px !important; }285.ml-5, .mx-5 { margin-left: 50px !important; }286.m-6 { margin: 60px !important; }287.mt-6, .my-6 { margin-top: 60px !important; }288.mr-6, .mx-6 { margin-right: 60px !important; }289.mb-6, .my-6 { margin-bottom: 60px !important; }290.ml-6, .mx-6 { margin-left: 60px !important; }291.m-7 { margin: 70px !important; }292.mt-7, .my-7 { margin-top: 70px !important; }293.mr-7, .mx-7 { margin-right: 70px !important; }294.mb-7, .my-7 { margin-bottom: 70px !important; }295.ml-7, .mx-7 { margin-left: 70px !important; }296.m-8 { margin: 80px !important; }297.mt-8, .my-8 { margin-top: 80px !important; }298.mr-8, .mx-8 { margin-right: 80px !important; }299.mb-8, .my-8 { margin-bottom: 80px !important; }300.ml-8, .mx-8 { margin-left: 80px !important; }301.m-9 { margin: 90px !important; }302.mt-9, .my-9 { margin-top: 90px !important; }303.mr-9, .mx-9 { margin-right: 90px !important; }304.mb-9, .my-9 { margin-bottom: 90px !important; }305.ml-9, .mx-9 { margin-left: 90px !important; }306.m-10 { margin: 100px !important; }307.mt-10, .my-10 { margin-top: 100px !important; }308.mr-10, .mx-10 { margin-right: 100px !important; }309.mb-10, .my-10 { margin-bottom: 100px !important; }310.ml-10, .mx-10 { margin-left: 100px !important; }311.p-0 { padding: 0 !important; }312.pt-0, .py-0 { padding-top: 0 !important; }313.pr-0, .px-0 { padding-right: 0 !important; }314.pb-0, .py-0 { padding-bottom: 0 !important; }315.pl-0, .px-0 { padding-left: 0 !important; }316.p-1 { padding: 10px !important; }317.pt-1, .py-1 { padding-top: 10px !important; }318.pr-1, .px-1 { padding-right: 10px !important; }319.pb-1, .py-1 { padding-bottom: 10px !important; }320.pl-1, .px-1 { padding-left: 10px !important; }321.p-2 { padding: 20px !important; }322.pt-2, .py-2 { padding-top: 20px !important; }323.pr-2, .px-2 { padding-right: 20px !important; }324.pb-2, .py-2 { padding-bottom: 20px !important; }325.pl-2, .px-2 { padding-left: 20px !important; }326.p-3 { padding: 30px !important; }327.pt-3, .py-3 { padding-top: 30px !important; }328.pr-3, .px-3 { padding-right: 30px !important; }329.pb-3, .py-3 { padding-bottom: 30px !important; }330.pl-3, .px-3 { padding-left: 30px !important; }331.p-4 { padding: 40px !important; }332.pt-4, .py-4 { padding-top: 40px !important; }333.pr-4, .px-4 { padding-right: 40px !important; }334.pb-4, .py-4 { padding-bottom: 40px !important; }335.pl-4, .px-4 { padding-left: 40px !important; }336.p-5 { padding: 50px !important; }337.pt-5, .py-5 { padding-top: 50px !important; }338.pr-5, .px-5 { padding-right: 50px !important; }339.pb-5, .py-5 { padding-bottom: 50px !important; }340.pl-5, .px-5 { padding-left: 50px !important; }341.p-6 { padding: 60px !important; }342.pt-6, .py-6 { padding-top: 60px !important; }343.pr-6, .px-6 { padding-right: 60px !important; }344.pb-6, .py-6 { padding-bottom: 60px !important; }345.pl-6, .px-6 { padding-left: 60px !important; }346.p-7 { padding: 70px !important; }347.pt-7, .py-7 { padding-top: 70px !important; }348.pr-7, .px-7 { padding-right: 70px !important; }349.pb-7, .py-7 { padding-bottom: 70px !important; }350.pl-7, .px-7 { padding-left: 70px !important; }351.p-8 { padding: 80px !important; }352.pt-8, .py-8 { padding-top: 80px !important; }353.pr-8, .px-8 { padding-right: 80px !important; }354.pb-8, .py-8 { padding-bottom: 80px !important; }355.pl-8, .px-8 { padding-left: 80px !important; }356.p-9 { padding: 90px !important; }357.pt-9, .py-9 { padding-top: 90px !important; }358.pr-9, .px-9 { padding-right: 90px !important; }359.pb-9, .py-9 { padding-bottom: 90px !important; }360.pl-9, .px-9 { padding-left: 90px !important; }361.p-10 { padding: 100px !important; }362.pt-10, .py-10 { padding-top: 100px !important; }363.pr-10, .px-10 { padding-right: 100px !important; }364.pb-10, .py-10 { padding-bottom: 100px !important; }365.pl-10, .px-10 { padding-left: 100px !important; }366.m-n1 { margin: -10px !important; }367.mt-n1, .my-n1 { margin-top: -10px !important; }368.mr-n1, .mx-n1 { margin-right: -10px !important; }369.mb-n1, .my-n1 { margin-bottom: -10px !important; }370.ml-n1, .mx-n1 { margin-left: -10px !important; }371.m-n2 { margin: -20px !important; }372.mt-n2, .my-n2 { margin-top: -20px !important; }373.mr-n2, .mx-n2 { margin-right: -20px !important; }374.mb-n2, .my-n2 { margin-bottom: -20px !important; }375.ml-n2, .mx-n2 { margin-left: -20px !important; }376.m-n3 { margin: -30px !important; }377.mt-n3, .my-n3 { margin-top: -30px !important; }378.mr-n3, .mx-n3 { margin-right: -30px !important; }379.mb-n3, .my-n3 { margin-bottom: -30px !important; }380.ml-n3, .mx-n3 { margin-left: -30px !important; }381.m-n4 { margin: -40px !important; }382.mt-n4, .my-n4 { margin-top: -40px !important; }383.mr-n4, .mx-n4 { margin-right: -40px !important; }384.mb-n4, .my-n4 { margin-bottom: -40px !important; }385.ml-n4, .mx-n4 { margin-left: -40px !important; }386.m-n5 { margin: -50px !important; }387.mt-n5, .my-n5 { margin-top: -50px !important; }388.mr-n5, .mx-n5 { margin-right: -50px !important; }389.mb-n5, .my-n5 { margin-bottom: -50px !important; }390.ml-n5, .mx-n5 { margin-left: -50px !important; }391.m-n6 { margin: -60px !important; }392.mt-n6, .my-n6 { margin-top: -60px !important; }393.mr-n6, .mx-n6 { margin-right: -60px !important; }394.mb-n6, .my-n6 { margin-bottom: -60px !important; }395.ml-n6, .mx-n6 { margin-left: -60px !important; }396.m-n7 { margin: -70px !important; }397.mt-n7, .my-n7 { margin-top: -70px !important; }398.mr-n7, .mx-n7 { margin-right: -70px !important; }399.mb-n7, .my-n7 { margin-bottom: -70px !important; }400.ml-n7, .mx-n7 { margin-left: -70px !important; }401.m-n8 { margin: -80px !important; }402.mt-n8, .my-n8 { margin-top: -80px !important; }403.mr-n8, .mx-n8 { margin-right: -80px !important; }404.mb-n8, .my-n8 { margin-bottom: -80px !important; }405.ml-n8, .mx-n8 { margin-left: -80px !important; }406.m-n9 { margin: -90px !important; }407.mt-n9, .my-n9 { margin-top: -90px !important; }408.mr-n9, .mx-n9 { margin-right: -90px !important; }409.mb-n9, .my-n9 { margin-bottom: -90px !important; }410.ml-n9, .mx-n9 { margin-left: -90px !important; }411.m-n10 { margin: -100px !important; }412.mt-n10, .my-n10 { margin-top: -100px !important; }413.mr-n10, .mx-n10 { margin-right: -100px !important; }414.mb-n10, .my-n10 { margin-bottom: -100px !important; }415.ml-n10, .mx-n10 { margin-left: -100px !important; }416.m-auto { margin: auto !important; }417.mt-auto, .my-auto { margin-top: auto !important; }418.mr-auto, .mx-auto { margin-right: auto !important; }419.mb-auto, .my-auto { margin-bottom: auto !important; }420.ml-auto, .mx-auto { margin-left: auto !important; }421@media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 10px !important; } .mt-sm-1, .my-sm-1 { margin-top: 10px !important; } .mr-sm-1, .mx-sm-1 { margin-right: 10px !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 10px !important; } .ml-sm-1, .mx-sm-1 { margin-left: 10px !important; } .m-sm-2 { margin: 20px !important; } .mt-sm-2, .my-sm-2 { margin-top: 20px !important; } .mr-sm-2, .mx-sm-2 { margin-right: 20px !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 20px !important; } .ml-sm-2, .mx-sm-2 { margin-left: 20px !important; } .m-sm-3 { margin: 30px !important; } .mt-sm-3, .my-sm-3 { margin-top: 30px !important; } .mr-sm-3, .mx-sm-3 { margin-right: 30px !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 30px !important; } .ml-sm-3, .mx-sm-3 { margin-left: 30px !important; } .m-sm-4 { margin: 40px !important; } .mt-sm-4, .my-sm-4 { margin-top: 40px !important; } .mr-sm-4, .mx-sm-4 { margin-right: 40px !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 40px !important; } .ml-sm-4, .mx-sm-4 { margin-left: 40px !important; } .m-sm-5 { margin: 50px !important; } .mt-sm-5, .my-sm-5 { margin-top: 50px !important; } .mr-sm-5, .mx-sm-5 { margin-right: 50px !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 50px !important; } .ml-sm-5, .mx-sm-5 { margin-left: 50px !important; } .m-sm-6 { margin: 60px !important; } .mt-sm-6, .my-sm-6 { margin-top: 60px !important; } .mr-sm-6, .mx-sm-6 { margin-right: 60px !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 60px !important; } .ml-sm-6, .mx-sm-6 { margin-left: 60px !important; } .m-sm-7 { margin: 70px !important; } .mt-sm-7, .my-sm-7 { margin-top: 70px !important; } .mr-sm-7, .mx-sm-7 { margin-right: 70px !important; } .mb-sm-7, .my-sm-7 { margin-bottom: 70px !important; } .ml-sm-7, .mx-sm-7 { margin-left: 70px !important; } .m-sm-8 { margin: 80px !important; } .mt-sm-8, .my-sm-8 { margin-top: 80px !important; } .mr-sm-8, .mx-sm-8 { margin-right: 80px !important; } .mb-sm-8, .my-sm-8 { margin-bottom: 80px !important; } .ml-sm-8, .mx-sm-8 { margin-left: 80px !important; } .m-sm-9 { margin: 90px !important; } .mt-sm-9, .my-sm-9 { margin-top: 90px !important; } .mr-sm-9, .mx-sm-9 { margin-right: 90px !important; } .mb-sm-9, .my-sm-9 { margin-bottom: 90px !important; } .ml-sm-9, .mx-sm-9 { margin-left: 90px !important; } .m-sm-10 { margin: 100px !important; } .mt-sm-10, .my-sm-10 { margin-top: 100px !important; } .mr-sm-10, .mx-sm-10 { margin-right: 100px !important; } .mb-sm-10, .my-sm-10 { margin-bottom: 100px !important; } .ml-sm-10, .mx-sm-10 { margin-left: 100px !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 10px !important; } .pt-sm-1, .py-sm-1 { padding-top: 10px !important; } .pr-sm-1, .px-sm-1 { padding-right: 10px !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 10px !important; } .pl-sm-1, .px-sm-1 { padding-left: 10px !important; } .p-sm-2 { padding: 20px !important; } .pt-sm-2, .py-sm-2 { padding-top: 20px !important; } .pr-sm-2, .px-sm-2 { padding-right: 20px !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 20px !important; } .pl-sm-2, .px-sm-2 { padding-left: 20px !important; } .p-sm-3 { padding: 30px !important; } .pt-sm-3, .py-sm-3 { padding-top: 30px !important; } .pr-sm-3, .px-sm-3 { padding-right: 30px !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 30px !important; } .pl-sm-3, .px-sm-3 { padding-left: 30px !important; } .p-sm-4 { padding: 40px !important; } .pt-sm-4, .py-sm-4 { padding-top: 40px !important; } .pr-sm-4, .px-sm-4 { padding-right: 40px !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 40px !important; } .pl-sm-4, .px-sm-4 { padding-left: 40px !important; } .p-sm-5 { padding: 50px !important; } .pt-sm-5, .py-sm-5 { padding-top: 50px !important; } .pr-sm-5, .px-sm-5 { padding-right: 50px !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 50px !important; } .pl-sm-5, .px-sm-5 { padding-left: 50px !important; } .p-sm-6 { padding: 60px !important; } .pt-sm-6, .py-sm-6 { padding-top: 60px !important; } .pr-sm-6, .px-sm-6 { padding-right: 60px !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 60px !important; } .pl-sm-6, .px-sm-6 { padding-left: 60px !important; } .p-sm-7 { padding: 70px !important; } .pt-sm-7, .py-sm-7 { padding-top: 70px !important; } .pr-sm-7, .px-sm-7 { padding-right: 70px !important; } .pb-sm-7, .py-sm-7 { padding-bottom: 70px !important; } .pl-sm-7, .px-sm-7 { padding-left: 70px !important; } .p-sm-8 { padding: 80px !important; } .pt-sm-8, .py-sm-8 { padding-top: 80px !important; } .pr-sm-8, .px-sm-8 { padding-right: 80px !important; } .pb-sm-8, .py-sm-8 { padding-bottom: 80px !important; } .pl-sm-8, .px-sm-8 { padding-left: 80px !important; } .p-sm-9 { padding: 90px !important; } .pt-sm-9, .py-sm-9 { padding-top: 90px !important; } .pr-sm-9, .px-sm-9 { padding-right: 90px !important; } .pb-sm-9, .py-sm-9 { padding-bottom: 90px !important; } .pl-sm-9, .px-sm-9 { padding-left: 90px !important; } .p-sm-10 { padding: 100px !important; } .pt-sm-10, .py-sm-10 { padding-top: 100px !important; } .pr-sm-10, .px-sm-10 { padding-right: 100px !important; } .pb-sm-10, .py-sm-10 { padding-bottom: 100px !important; } .pl-sm-10, .px-sm-10 { padding-left: 100px !important; } .m-sm-n1 { margin: -10px !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -10px !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -10px !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -10px !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -10px !important; } .m-sm-n2 { margin: -20px !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -20px !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -20px !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -20px !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -20px !important; } .m-sm-n3 { margin: -30px !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -30px !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -30px !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -30px !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -30px !important; } .m-sm-n4 { margin: -40px !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -40px !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -40px !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -40px !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -40px !important; } .m-sm-n5 { margin: -50px !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -50px !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -50px !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -50px !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -50px !important; } .m-sm-n6 { margin: -60px !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -60px !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -60px !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -60px !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -60px !important; } .m-sm-n7 { margin: -70px !important; } .mt-sm-n7, .my-sm-n7 { margin-top: -70px !important; } .mr-sm-n7, .mx-sm-n7 { margin-right: -70px !important; } .mb-sm-n7, .my-sm-n7 { margin-bottom: -70px !important; } .ml-sm-n7, .mx-sm-n7 { margin-left: -70px !important; } .m-sm-n8 { margin: -80px !important; } .mt-sm-n8, .my-sm-n8 { margin-top: -80px !important; } .mr-sm-n8, .mx-sm-n8 { margin-right: -80px !important; } .mb-sm-n8, .my-sm-n8 { margin-bottom: -80px !important; } .ml-sm-n8, .mx-sm-n8 { margin-left: -80px !important; } .m-sm-n9 { margin: -90px !important; } .mt-sm-n9, .my-sm-n9 { margin-top: -90px !important; } .mr-sm-n9, .mx-sm-n9 { margin-right: -90px !important; } .mb-sm-n9, .my-sm-n9 { margin-bottom: -90px !important; } .ml-sm-n9, .mx-sm-n9 { margin-left: -90px !important; } .m-sm-n10 { margin: -100px !important; } .mt-sm-n10, .my-sm-n10 { margin-top: -100px !important; } .mr-sm-n10, .mx-sm-n10 { margin-right: -100px !important; } .mb-sm-n10, .my-sm-n10 { margin-bottom: -100px !important; } .ml-sm-n10, .mx-sm-n10 { margin-left: -100px !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } }422@media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 10px !important; } .mt-md-1, .my-md-1 { margin-top: 10px !important; } .mr-md-1, .mx-md-1 { margin-right: 10px !important; } .mb-md-1, .my-md-1 { margin-bottom: 10px !important; } .ml-md-1, .mx-md-1 { margin-left: 10px !important; } .m-md-2 { margin: 20px !important; } .mt-md-2, .my-md-2 { margin-top: 20px !important; } .mr-md-2, .mx-md-2 { margin-right: 20px !important; } .mb-md-2, .my-md-2 { margin-bottom: 20px !important; } .ml-md-2, .mx-md-2 { margin-left: 20px !important; } .m-md-3 { margin: 30px !important; } .mt-md-3, .my-md-3 { margin-top: 30px !important; } .mr-md-3, .mx-md-3 { margin-right: 30px !important; } .mb-md-3, .my-md-3 { margin-bottom: 30px !important; } .ml-md-3, .mx-md-3 { margin-left: 30px !important; } .m-md-4 { margin: 40px !important; } .mt-md-4, .my-md-4 { margin-top: 40px !important; } .mr-md-4, .mx-md-4 { margin-right: 40px !important; } .mb-md-4, .my-md-4 { margin-bottom: 40px !important; } .ml-md-4, .mx-md-4 { margin-left: 40px !important; } .m-md-5 { margin: 50px !important; } .mt-md-5, .my-md-5 { margin-top: 50px !important; } .mr-md-5, .mx-md-5 { margin-right: 50px !important; } .mb-md-5, .my-md-5 { margin-bottom: 50px !important; } .ml-md-5, .mx-md-5 { margin-left: 50px !important; } .m-md-6 { margin: 60px !important; } .mt-md-6, .my-md-6 { margin-top: 60px !important; } .mr-md-6, .mx-md-6 { margin-right: 60px !important; } .mb-md-6, .my-md-6 { margin-bottom: 60px !important; } .ml-md-6, .mx-md-6 { margin-left: 60px !important; } .m-md-7 { margin: 70px !important; } .mt-md-7, .my-md-7 { margin-top: 70px !important; } .mr-md-7, .mx-md-7 { margin-right: 70px !important; } .mb-md-7, .my-md-7 { margin-bottom: 70px !important; } .ml-md-7, .mx-md-7 { margin-left: 70px !important; } .m-md-8 { margin: 80px !important; } .mt-md-8, .my-md-8 { margin-top: 80px !important; } .mr-md-8, .mx-md-8 { margin-right: 80px !important; } .mb-md-8, .my-md-8 { margin-bottom: 80px !important; } .ml-md-8, .mx-md-8 { margin-left: 80px !important; } .m-md-9 { margin: 90px !important; } .mt-md-9, .my-md-9 { margin-top: 90px !important; } .mr-md-9, .mx-md-9 { margin-right: 90px !important; } .mb-md-9, .my-md-9 { margin-bottom: 90px !important; } .ml-md-9, .mx-md-9 { margin-left: 90px !important; } .m-md-10 { margin: 100px !important; } .mt-md-10, .my-md-10 { margin-top: 100px !important; } .mr-md-10, .mx-md-10 { margin-right: 100px !important; } .mb-md-10, .my-md-10 { margin-bottom: 100px !important; } .ml-md-10, .mx-md-10 { margin-left: 100px !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 10px !important; } .pt-md-1, .py-md-1 { padding-top: 10px !important; } .pr-md-1, .px-md-1 { padding-right: 10px !important; } .pb-md-1, .py-md-1 { padding-bottom: 10px !important; } .pl-md-1, .px-md-1 { padding-left: 10px !important; } .p-md-2 { padding: 20px !important; } .pt-md-2, .py-md-2 { padding-top: 20px !important; } .pr-md-2, .px-md-2 { padding-right: 20px !important; } .pb-md-2, .py-md-2 { padding-bottom: 20px !important; } .pl-md-2, .px-md-2 { padding-left: 20px !important; } .p-md-3 { padding: 30px !important; } .pt-md-3, .py-md-3 { padding-top: 30px !important; } .pr-md-3, .px-md-3 { padding-right: 30px !important; } .pb-md-3, .py-md-3 { padding-bottom: 30px !important; } .pl-md-3, .px-md-3 { padding-left: 30px !important; } .p-md-4 { padding: 40px !important; } .pt-md-4, .py-md-4 { padding-top: 40px !important; } .pr-md-4, .px-md-4 { padding-right: 40px !important; } .pb-md-4, .py-md-4 { padding-bottom: 40px !important; } .pl-md-4, .px-md-4 { padding-left: 40px !important; } .p-md-5 { padding: 50px !important; } .pt-md-5, .py-md-5 { padding-top: 50px !important; } .pr-md-5, .px-md-5 { padding-right: 50px !important; } .pb-md-5, .py-md-5 { padding-bottom: 50px !important; } .pl-md-5, .px-md-5 { padding-left: 50px !important; } .p-md-6 { padding: 60px !important; } .pt-md-6, .py-md-6 { padding-top: 60px !important; } .pr-md-6, .px-md-6 { padding-right: 60px !important; } .pb-md-6, .py-md-6 { padding-bottom: 60px !important; } .pl-md-6, .px-md-6 { padding-left: 60px !important; } .p-md-7 { padding: 70px !important; } .pt-md-7, .py-md-7 { padding-top: 70px !important; } .pr-md-7, .px-md-7 { padding-right: 70px !important; } .pb-md-7, .py-md-7 { padding-bottom: 70px !important; } .pl-md-7, .px-md-7 { padding-left: 70px !important; } .p-md-8 { padding: 80px !important; } .pt-md-8, .py-md-8 { padding-top: 80px !important; } .pr-md-8, .px-md-8 { padding-right: 80px !important; } .pb-md-8, .py-md-8 { padding-bottom: 80px !important; } .pl-md-8, .px-md-8 { padding-left: 80px !important; } .p-md-9 { padding: 90px !important; } .pt-md-9, .py-md-9 { padding-top: 90px !important; } .pr-md-9, .px-md-9 { padding-right: 90px !important; } .pb-md-9, .py-md-9 { padding-bottom: 90px !important; } .pl-md-9, .px-md-9 { padding-left: 90px !important; } .p-md-10 { padding: 100px !important; } .pt-md-10, .py-md-10 { padding-top: 100px !important; } .pr-md-10, .px-md-10 { padding-right: 100px !important; } .pb-md-10, .py-md-10 { padding-bottom: 100px !important; } .pl-md-10, .px-md-10 { padding-left: 100px !important; } .m-md-n1 { margin: -10px !important; } .mt-md-n1, .my-md-n1 { margin-top: -10px !important; } .mr-md-n1, .mx-md-n1 { margin-right: -10px !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -10px !important; } .ml-md-n1, .mx-md-n1 { margin-left: -10px !important; } .m-md-n2 { margin: -20px !important; } .mt-md-n2, .my-md-n2 { margin-top: -20px !important; } .mr-md-n2, .mx-md-n2 { margin-right: -20px !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -20px !important; } .ml-md-n2, .mx-md-n2 { margin-left: -20px !important; } .m-md-n3 { margin: -30px !important; } .mt-md-n3, .my-md-n3 { margin-top: -30px !important; } .mr-md-n3, .mx-md-n3 { margin-right: -30px !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -30px !important; } .ml-md-n3, .mx-md-n3 { margin-left: -30px !important; } .m-md-n4 { margin: -40px !important; } .mt-md-n4, .my-md-n4 { margin-top: -40px !important; } .mr-md-n4, .mx-md-n4 { margin-right: -40px !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -40px !important; } .ml-md-n4, .mx-md-n4 { margin-left: -40px !important; } .m-md-n5 { margin: -50px !important; } .mt-md-n5, .my-md-n5 { margin-top: -50px !important; } .mr-md-n5, .mx-md-n5 { margin-right: -50px !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -50px !important; } .ml-md-n5, .mx-md-n5 { margin-left: -50px !important; } .m-md-n6 { margin: -60px !important; } .mt-md-n6, .my-md-n6 { margin-top: -60px !important; } .mr-md-n6, .mx-md-n6 { margin-right: -60px !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -60px !important; } .ml-md-n6, .mx-md-n6 { margin-left: -60px !important; } .m-md-n7 { margin: -70px !important; } .mt-md-n7, .my-md-n7 { margin-top: -70px !important; } .mr-md-n7, .mx-md-n7 { margin-right: -70px !important; } .mb-md-n7, .my-md-n7 { margin-bottom: -70px !important; } .ml-md-n7, .mx-md-n7 { margin-left: -70px !important; } .m-md-n8 { margin: -80px !important; } .mt-md-n8, .my-md-n8 { margin-top: -80px !important; } .mr-md-n8, .mx-md-n8 { margin-right: -80px !important; } .mb-md-n8, .my-md-n8 { margin-bottom: -80px !important; } .ml-md-n8, .mx-md-n8 { margin-left: -80px !important; } .m-md-n9 { margin: -90px !important; } .mt-md-n9, .my-md-n9 { margin-top: -90px !important; } .mr-md-n9, .mx-md-n9 { margin-right: -90px !important; } .mb-md-n9, .my-md-n9 { margin-bottom: -90px !important; } .ml-md-n9, .mx-md-n9 { margin-left: -90px !important; } .m-md-n10 { margin: -100px !important; } .mt-md-n10, .my-md-n10 { margin-top: -100px !important; } .mr-md-n10, .mx-md-n10 { margin-right: -100px !important; } .mb-md-n10, .my-md-n10 { margin-bottom: -100px !important; } .ml-md-n10, .mx-md-n10 { margin-left: -100px !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } }423@media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 10px !important; } .mt-lg-1, .my-lg-1 { margin-top: 10px !important; } .mr-lg-1, .mx-lg-1 { margin-right: 10px !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 10px !important; } .ml-lg-1, .mx-lg-1 { margin-left: 10px !important; } .m-lg-2 { margin: 20px !important; } .mt-lg-2, .my-lg-2 { margin-top: 20px !important; } .mr-lg-2, .mx-lg-2 { margin-right: 20px !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 20px !important; } .ml-lg-2, .mx-lg-2 { margin-left: 20px !important; } .m-lg-3 { margin: 30px !important; } .mt-lg-3, .my-lg-3 { margin-top: 30px !important; } .mr-lg-3, .mx-lg-3 { margin-right: 30px !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 30px !important; } .ml-lg-3, .mx-lg-3 { margin-left: 30px !important; } .m-lg-4 { margin: 40px !important; } .mt-lg-4, .my-lg-4 { margin-top: 40px !important; } .mr-lg-4, .mx-lg-4 { margin-right: 40px !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 40px !important; } .ml-lg-4, .mx-lg-4 { margin-left: 40px !important; } .m-lg-5 { margin: 50px !important; } .mt-lg-5, .my-lg-5 { margin-top: 50px !important; } .mr-lg-5, .mx-lg-5 { margin-right: 50px !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 50px !important; } .ml-lg-5, .mx-lg-5 { margin-left: 50px !important; } .m-lg-6 { margin: 60px !important; } .mt-lg-6, .my-lg-6 { margin-top: 60px !important; } .mr-lg-6, .mx-lg-6 { margin-right: 60px !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 60px !important; } .ml-lg-6, .mx-lg-6 { margin-left: 60px !important; } .m-lg-7 { margin: 70px !important; } .mt-lg-7, .my-lg-7 { margin-top: 70px !important; } .mr-lg-7, .mx-lg-7 { margin-right: 70px !important; } .mb-lg-7, .my-lg-7 { margin-bottom: 70px !important; } .ml-lg-7, .mx-lg-7 { margin-left: 70px !important; } .m-lg-8 { margin: 80px !important; } .mt-lg-8, .my-lg-8 { margin-top: 80px !important; } .mr-lg-8, .mx-lg-8 { margin-right: 80px !important; } .mb-lg-8, .my-lg-8 { margin-bottom: 80px !important; } .ml-lg-8, .mx-lg-8 { margin-left: 80px !important; } .m-lg-9 { margin: 90px !important; } .mt-lg-9, .my-lg-9 { margin-top: 90px !important; } .mr-lg-9, .mx-lg-9 { margin-right: 90px !important; } .mb-lg-9, .my-lg-9 { margin-bottom: 90px !important; } .ml-lg-9, .mx-lg-9 { margin-left: 90px !important; } .m-lg-10 { margin: 100px !important; } .mt-lg-10, .my-lg-10 { margin-top: 100px !important; } .mr-lg-10, .mx-lg-10 { margin-right: 100px !important; } .mb-lg-10, .my-lg-10 { margin-bottom: 100px !important; } .ml-lg-10, .mx-lg-10 { margin-left: 100px !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 10px !important; } .pt-lg-1, .py-lg-1 { padding-top: 10px !important; } .pr-lg-1, .px-lg-1 { padding-right: 10px !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 10px !important; } .pl-lg-1, .px-lg-1 { padding-left: 10px !important; } .p-lg-2 { padding: 20px !important; } .pt-lg-2, .py-lg-2 { padding-top: 20px !important; } .pr-lg-2, .px-lg-2 { padding-right: 20px !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 20px !important; } .pl-lg-2, .px-lg-2 { padding-left: 20px !important; } .p-lg-3 { padding: 30px !important; } .pt-lg-3, .py-lg-3 { padding-top: 30px !important; } .pr-lg-3, .px-lg-3 { padding-right: 30px !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 30px !important; } .pl-lg-3, .px-lg-3 { padding-left: 30px !important; } .p-lg-4 { padding: 40px !important; } .pt-lg-4, .py-lg-4 { padding-top: 40px !important; } .pr-lg-4, .px-lg-4 { padding-right: 40px !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 40px !important; } .pl-lg-4, .px-lg-4 { padding-left: 40px !important; } .p-lg-5 { padding: 50px !important; } .pt-lg-5, .py-lg-5 { padding-top: 50px !important; } .pr-lg-5, .px-lg-5 { padding-right: 50px !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 50px !important; } .pl-lg-5, .px-lg-5 { padding-left: 50px !important; } .p-lg-6 { padding: 60px !important; } .pt-lg-6, .py-lg-6 { padding-top: 60px !important; } .pr-lg-6, .px-lg-6 { padding-right: 60px !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 60px !important; } .pl-lg-6, .px-lg-6 { padding-left: 60px !important; } .p-lg-7 { padding: 70px !important; } .pt-lg-7, .py-lg-7 { padding-top: 70px !important; } .pr-lg-7, .px-lg-7 { padding-right: 70px !important; } .pb-lg-7, .py-lg-7 { padding-bottom: 70px !important; } .pl-lg-7, .px-lg-7 { padding-left: 70px !important; } .p-lg-8 { padding: 80px !important; } .pt-lg-8, .py-lg-8 { padding-top: 80px !important; } .pr-lg-8, .px-lg-8 { padding-right: 80px !important; } .pb-lg-8, .py-lg-8 { padding-bottom: 80px !important; } .pl-lg-8, .px-lg-8 { padding-left: 80px !important; } .p-lg-9 { padding: 90px !important; } .pt-lg-9, .py-lg-9 { padding-top: 90px !important; } .pr-lg-9, .px-lg-9 { padding-right: 90px !important; } .pb-lg-9, .py-lg-9 { padding-bottom: 90px !important; } .pl-lg-9, .px-lg-9 { padding-left: 90px !important; } .p-lg-10 { padding: 100px !important; } .pt-lg-10, .py-lg-10 { padding-top: 100px !important; } .pr-lg-10, .px-lg-10 { padding-right: 100px !important; } .pb-lg-10, .py-lg-10 { padding-bottom: 100px !important; } .pl-lg-10, .px-lg-10 { padding-left: 100px !important; } .m-lg-n1 { margin: -10px !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -10px !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -10px !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -10px !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -10px !important; } .m-lg-n2 { margin: -20px !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -20px !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -20px !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -20px !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -20px !important; } .m-lg-n3 { margin: -30px !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -30px !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -30px !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -30px !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -30px !important; } .m-lg-n4 { margin: -40px !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -40px !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -40px !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -40px !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -40px !important; } .m-lg-n5 { margin: -50px !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -50px !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -50px !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -50px !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -50px !important; } .m-lg-n6 { margin: -60px !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -60px !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -60px !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -60px !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -60px !important; } .m-lg-n7 { margin: -70px !important; } .mt-lg-n7, .my-lg-n7 { margin-top: -70px !important; } .mr-lg-n7, .mx-lg-n7 { margin-right: -70px !important; } .mb-lg-n7, .my-lg-n7 { margin-bottom: -70px !important; } .ml-lg-n7, .mx-lg-n7 { margin-left: -70px !important; } .m-lg-n8 { margin: -80px !important; } .mt-lg-n8, .my-lg-n8 { margin-top: -80px !important; } .mr-lg-n8, .mx-lg-n8 { margin-right: -80px !important; } .mb-lg-n8, .my-lg-n8 { margin-bottom: -80px !important; } .ml-lg-n8, .mx-lg-n8 { margin-left: -80px !important; } .m-lg-n9 { margin: -90px !important; } .mt-lg-n9, .my-lg-n9 { margin-top: -90px !important; } .mr-lg-n9, .mx-lg-n9 { margin-right: -90px !important; } .mb-lg-n9, .my-lg-n9 { margin-bottom: -90px !important; } .ml-lg-n9, .mx-lg-n9 { margin-left: -90px !important; } .m-lg-n10 { margin: -100px !important; } .mt-lg-n10, .my-lg-n10 { margin-top: -100px !important; } .mr-lg-n10, .mx-lg-n10 { margin-right: -100px !important; } .mb-lg-n10, .my-lg-n10 { margin-bottom: -100px !important; } .ml-lg-n10, .mx-lg-n10 { margin-left: -100px !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } }424@media (min-width: 1300px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 10px !important; } .mt-xl-1, .my-xl-1 { margin-top: 10px !important; } .mr-xl-1, .mx-xl-1 { margin-right: 10px !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 10px !important; } .ml-xl-1, .mx-xl-1 { margin-left: 10px !important; } .m-xl-2 { margin: 20px !important; } .mt-xl-2, .my-xl-2 { margin-top: 20px !important; } .mr-xl-2, .mx-xl-2 { margin-right: 20px !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 20px !important; } .ml-xl-2, .mx-xl-2 { margin-left: 20px !important; } .m-xl-3 { margin: 30px !important; } .mt-xl-3, .my-xl-3 { margin-top: 30px !important; } .mr-xl-3, .mx-xl-3 { margin-right: 30px !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 30px !important; } .ml-xl-3, .mx-xl-3 { margin-left: 30px !important; } .m-xl-4 { margin: 40px !important; } .mt-xl-4, .my-xl-4 { margin-top: 40px !important; } .mr-xl-4, .mx-xl-4 { margin-right: 40px !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 40px !important; } .ml-xl-4, .mx-xl-4 { margin-left: 40px !important; } .m-xl-5 { margin: 50px !important; } .mt-xl-5, .my-xl-5 { margin-top: 50px !important; } .mr-xl-5, .mx-xl-5 { margin-right: 50px !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 50px !important; } .ml-xl-5, .mx-xl-5 { margin-left: 50px !important; } .m-xl-6 { margin: 60px !important; } .mt-xl-6, .my-xl-6 { margin-top: 60px !important; } .mr-xl-6, .mx-xl-6 { margin-right: 60px !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 60px !important; } .ml-xl-6, .mx-xl-6 { margin-left: 60px !important; } .m-xl-7 { margin: 70px !important; } .mt-xl-7, .my-xl-7 { margin-top: 70px !important; } .mr-xl-7, .mx-xl-7 { margin-right: 70px !important; } .mb-xl-7, .my-xl-7 { margin-bottom: 70px !important; } .ml-xl-7, .mx-xl-7 { margin-left: 70px !important; } .m-xl-8 { margin: 80px !important; } .mt-xl-8, .my-xl-8 { margin-top: 80px !important; } .mr-xl-8, .mx-xl-8 { margin-right: 80px !important; } .mb-xl-8, .my-xl-8 { margin-bottom: 80px !important; } .ml-xl-8, .mx-xl-8 { margin-left: 80px !important; } .m-xl-9 { margin: 90px !important; } .mt-xl-9, .my-xl-9 { margin-top: 90px !important; } .mr-xl-9, .mx-xl-9 { margin-right: 90px !important; } .mb-xl-9, .my-xl-9 { margin-bottom: 90px !important; } .ml-xl-9, .mx-xl-9 { margin-left: 90px !important; } .m-xl-10 { margin: 100px !important; } .mt-xl-10, .my-xl-10 { margin-top: 100px !important; } .mr-xl-10, .mx-xl-10 { margin-right: 100px !important; } .mb-xl-10, .my-xl-10 { margin-bottom: 100px !important; } .ml-xl-10, .mx-xl-10 { margin-left: 100px !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 10px !important; } .pt-xl-1, .py-xl-1 { padding-top: 10px !important; } .pr-xl-1, .px-xl-1 { padding-right: 10px !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 10px !important; } .pl-xl-1, .px-xl-1 { padding-left: 10px !important; } .p-xl-2 { padding: 20px !important; } .pt-xl-2, .py-xl-2 { padding-top: 20px !important; } .pr-xl-2, .px-xl-2 { padding-right: 20px !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 20px !important; } .pl-xl-2, .px-xl-2 { padding-left: 20px !important; } .p-xl-3 { padding: 30px !important; } .pt-xl-3, .py-xl-3 { padding-top: 30px !important; } .pr-xl-3, .px-xl-3 { padding-right: 30px !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 30px !important; } .pl-xl-3, .px-xl-3 { padding-left: 30px !important; } .p-xl-4 { padding: 40px !important; } .pt-xl-4, .py-xl-4 { padding-top: 40px !important; } .pr-xl-4, .px-xl-4 { padding-right: 40px !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 40px !important; } .pl-xl-4, .px-xl-4 { padding-left: 40px !important; } .p-xl-5 { padding: 50px !important; } .pt-xl-5, .py-xl-5 { padding-top: 50px !important; } .pr-xl-5, .px-xl-5 { padding-right: 50px !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 50px !important; } .pl-xl-5, .px-xl-5 { padding-left: 50px !important; } .p-xl-6 { padding: 60px !important; } .pt-xl-6, .py-xl-6 { padding-top: 60px !important; } .pr-xl-6, .px-xl-6 { padding-right: 60px !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 60px !important; } .pl-xl-6, .px-xl-6 { padding-left: 60px !important; } .p-xl-7 { padding: 70px !important; } .pt-xl-7, .py-xl-7 { padding-top: 70px !important; } .pr-xl-7, .px-xl-7 { padding-right: 70px !important; } .pb-xl-7, .py-xl-7 { padding-bottom: 70px !important; } .pl-xl-7, .px-xl-7 { padding-left: 70px !important; } .p-xl-8 { padding: 80px !important; } .pt-xl-8, .py-xl-8 { padding-top: 80px !important; } .pr-xl-8, .px-xl-8 { padding-right: 80px !important; } .pb-xl-8, .py-xl-8 { padding-bottom: 80px !important; } .pl-xl-8, .px-xl-8 { padding-left: 80px !important; } .p-xl-9 { padding: 90px !important; } .pt-xl-9, .py-xl-9 { padding-top: 90px !important; } .pr-xl-9, .px-xl-9 { padding-right: 90px !important; } .pb-xl-9, .py-xl-9 { padding-bottom: 90px !important; } .pl-xl-9, .px-xl-9 { padding-left: 90px !important; } .p-xl-10 { padding: 100px !important; } .pt-xl-10, .py-xl-10 { padding-top: 100px !important; } .pr-xl-10, .px-xl-10 { padding-right: 100px !important; } .pb-xl-10, .py-xl-10 { padding-bottom: 100px !important; } .pl-xl-10, .px-xl-10 { padding-left: 100px !important; } .m-xl-n1 { margin: -10px !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -10px !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -10px !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -10px !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -10px !important; } .m-xl-n2 { margin: -20px !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -20px !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -20px !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -20px !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -20px !important; } .m-xl-n3 { margin: -30px !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -30px !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -30px !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -30px !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -30px !important; } .m-xl-n4 { margin: -40px !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -40px !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -40px !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -40px !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -40px !important; } .m-xl-n5 { margin: -50px !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -50px !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -50px !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -50px !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -50px !important; } .m-xl-n6 { margin: -60px !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -60px !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -60px !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -60px !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -60px !important; } .m-xl-n7 { margin: -70px !important; } .mt-xl-n7, .my-xl-n7 { margin-top: -70px !important; } .mr-xl-n7, .mx-xl-n7 { margin-right: -70px !important; } .mb-xl-n7, .my-xl-n7 { margin-bottom: -70px !important; } .ml-xl-n7, .mx-xl-n7 { margin-left: -70px !important; } .m-xl-n8 { margin: -80px !important; } .mt-xl-n8, .my-xl-n8 { margin-top: -80px !important; } .mr-xl-n8, .mx-xl-n8 { margin-right: -80px !important; } .mb-xl-n8, .my-xl-n8 { margin-bottom: -80px !important; } .ml-xl-n8, .mx-xl-n8 { margin-left: -80px !important; } .m-xl-n9 { margin: -90px !important; } .mt-xl-n9, .my-xl-n9 { margin-top: -90px !important; } .mr-xl-n9, .mx-xl-n9 { margin-right: -90px !important; } .mb-xl-n9, .my-xl-n9 { margin-bottom: -90px !important; } .ml-xl-n9, .mx-xl-n9 { margin-left: -90px !important; } .m-xl-n10 { margin: -100px !important; } .mt-xl-n10, .my-xl-n10 { margin-top: -100px !important; } .mr-xl-n10, .mx-xl-n10 { margin-right: -100px !important; } .mb-xl-n10, .my-xl-n10 { margin-bottom: -100px !important; } .ml-xl-n10, .mx-xl-n10 { margin-left: -100px !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } }425/*! Hamburgers @description Tasty CSS-animated hamburgers @author Jonathan Suh @jonsuh @site https://jonsuh.com/hamburgers @link https://github.com/jonsuh/hamburgers */426.hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }427.hamburger:hover { opacity: 0.7; }428.hamburger.is-active:hover { opacity: 0.7; }429.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #fff; }430.hamburger-box { width: 36px; height: 23px; display: inline-block; position: relative; }431.hamburger-inner { display: block; top: 50%; margin-top: -1.5px; }432.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 36px; height: 3px; background-color: #E5261F; border-radius: 3px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }433.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }434.hamburger-inner::before { top: -10px; }435.hamburger-inner::after { bottom: -10px; }436/* Slider */437.hamburger--slider .hamburger-inner { top: 1.5px; }438.hamburger--slider .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; }439.hamburger--slider .hamburger-inner::after { top: 20px; }440.hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); }441.hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.1428571429px, -7px, 0); opacity: 0; }442.hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); }443a { color: #E5261F; }444p { line-height: 26px; color: #5C5A5A; font-family: Helvetica, Arial, sans-serif, -apple-system; margin-bottom: 20px; }445h1 { font-size: 20px; font-family: "Playfair Display", serif, -apple-system; line-height: 1.2; margin-bottom: 20px; }446@media (min-width: 768px) { h1 { font-size: 32px; line-height: 1.2; } }447h2 { font-size: 24px; font-family: "Playfair Display", serif, -apple-system; line-height: 1.4; margin-bottom: 10px; }448@media (min-width: 768px) { h2 { font-size: 26px; line-height: 1.4; } }449h3 { font-size: 16px; line-height: 1.4; }450@media (min-width: 768px) { h3 { font-size: 20px; line-height: 1.4; } }451ul, ol { margin: 0; padding: 0; }452ul li, ol li { padding: 0; margin: 0; }453.page { display: flex; min-height: 100vh; flex-direction: column; }454.page .wrapper { flex: 1 0 0; }455.header { color: #E5261F; background-color: #ffffff; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #fff6f8; padding: 10px 0px; }456.header .container { display: flex; justify-content: space-between; align-items: center; }457.header.header-absolute { position: absolute; z-index: 10; width: 100%; }458.lock-scroll .header.header-absolute { position: static; }459.footer { background: #E5261F; padding-top: 15px; padding-bottom: 15px; }460.footer .footer-inner { display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start; }461@media (min-width: 576px) { .footer .footer-inner { justify-content: space-between; flex-direction: row; align-items: center; } }462.footer .footer-title { color: #ffffff; font-size: 1.3rem; font-family: "Playfair Display", serif, -apple-system; font-weight: bold; margin-bottom: 10px; }463@media (min-width: 576px) { .footer .footer-title { margin: 0; } }464.footer ul { list-style: none; margin: 0; padding: 0; }465.footer ul li { color: #ffffff; font-size: 1rem; }466.footer ul li a { color: #ffffff; text-decoration: none; padding: 12px 14px 12px 0; display: block; }467.footer ul li a:hover { text-decoration: underline; }468@media (min-width: 576px) { .footer ul { height: inherit; display: flex; list-style: none; margin: 0; padding: 0; align-items: center; justify-content: flex-end; } .footer ul li { list-style: none; margin-right: 10px; } .footer ul li:last-of-type { margin-right: 0; } .footer ul li a { display: inline-block; height: 40px; padding: 10px 8px 10px 8px; } }469.sub-footer { background: #bb1c16; color: #ffffff; padding-top: 15px; padding-bottom: 15px; }470@media (min-width: 768px) { .sub-footer { padding-top: 10px; padding-bottom: 10px; } }471.sub-footer .sub-footer-inner { display: flex; flex-direction: column; justify-content: space-between; }472@media (min-width: 768px) { .sub-footer .sub-footer-inner { flex-direction: row; } }473.sub-footer .copyright { margin-top: 10px; font-size: 14px; }474.sub-footer .copyright a { font-weight: bold; color: inherit; }475.sub-footer .social a:first-of-type { margin-left: -10px; }476.logo { display: none; }477@media (min-width: 576px) { .logo { display: block; } }478.logo img { max-width: unset; }479.logo a { display: block; width: 100%; height: 100%; }480.logo-mobile { display: block; width: 40px; padding: 10px 0 10px 0; }481@media (min-width: 576px) { .logo-mobile { display: none; } }482.logo-mobile img { width: 100%; height: auto; }483.logo-mobile a { display: block; width: 100%; height: 100%; }484.main-menu { display: none; }485@media (min-width: 768px) { .main-menu { display: block; } }486.main-menu > ul { display: flex; align-items: center; justify-content: flex-start; }487.main-menu > ul > li { list-style: none; font-size: 1rem; }488.main-menu > ul > li > a { padding: 10px 12px 10px 12px; display: inline-block; font-weight: normal; text-decoration: none; color: #E5261F; }489.main-menu > ul > li > a:hover { text-decoration: underline; }490.main-menu > ul > li.active > a { font-weight: bold; text-decoration: none; }491.main-menu > ul > li.active > a:hover { text-decoration: none; transition: all 225ms ease-in 0s; }492.main-menu-mobile { position: fixed; background: #E5261F; top: 0; left: 0; width: 100%; height: 100vh; opacity: 0; visibility: hidden; transition: opacity 0.35s, visibility 0.35s, height 0.35s; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-direction: column; }493.main-menu-mobile.open { opacity: 0.9; visibility: visible; height: 100%; z-index: 20; }494.main-menu-mobile.open li { animation: fadeInRight 0.5s ease forwards; animation-delay: 0.35s; }495.main-menu-mobile.open li:nth-of-type(2) { animation-delay: 0.4s; }496.main-menu-mobile.open li:nth-of-type(3) { animation-delay: 0.45s; }497.main-menu-mobile.open li:nth-of-type(4) { animation-delay: 0.5s; }498.main-menu-mobile.open li:nth-of-type(5) { animation-delay: 0.55s; }499.main-menu-mobile.open li:nth-of-type(6) { animation-delay: 0.6s; }500.main-menu-mobile ul { font-size: 30px; font-family: "Playfair Display", serif, -apple-system; text-align: center; list-style: none; padding: 0; margin: 0; flex: 0; }501.main-menu-mobile ul li { display: block; position: relative; opacity: 0; padding: 10px; }502.main-menu-mobile ul li a { display: block; position: relative; color: #ffffff; text-decoration: none; overflow: hidden; }503.main-menu-mobile ul li a:hover { opacity: 0.8; }504@keyframes fadeInRight { 0% { opacity: 0;505left: 20%; }506100% { opacity: 1;507left: 0; } }508.lock-scroll { overflow: hidden; }509.hamburger { padding: 10px 0 10px 10px; outline: none; z-index: 30; cursor: pointer; }510@media (min-width: 768px) { .hamburger { display: none; } }511.hamburger:focus { outline: none; }512.hamburger .hamburger-inner, .hamburger .hamburger-inner::before, .hamburger .hamburger-inner::after { background: #E5261F; }513.hamburger .hamburger-inner::after { width: 18px; right: 0; }514.hamburger.is-active .hamburger-inner::after { width: inherit; right: unset; }515.button { white-space: nowrap; display: inline-block; height: 40px; line-height: 40px; padding: 0 14px; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); border-radius: 4px; font-size: 14px; font-weight: normal; text-transform: uppercase; letter-spacing: 0.025em; text-decoration: none; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; }516.button.primary { background: #E5261F; color: #ffffff; }517.button.primary:hover { background-color: #ea524d; transform: translateY(-1px); box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); text-decoration: none; }518.button.secondary { border: #E5261F 1px solid; color: #E5261F; }519.button.secondary:hover { transform: translateY(-1px); box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); text-decoration: none; }520.call { position: relative; overflow: hidden; background-color: #fff6f8; border-radius: 4px; width: 100%; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; z-index: 2; }521@media (min-width: 576px) { .call { align-items: center; flex-direction: row; flex-wrap: wrap; } }522.call .call-box-top { flex: 1 0 auto; padding: 20px; }523.call .call-box-bottom { flex: auto; padding: 20px; border-top: 1px solid #ffdde4; }524@media (min-width: 576px) { .call .call-box-bottom { flex: 0 0 auto; border: none; } }525.call .call-name { font-size: 1.1rem; font-weight: bold; }526.call .call-phone { margin-bottom: 5px; }527.call .call-email a { color: #2f2f41; }528.call strong { font-weight: bold; }529.call svg { fill: white; position: absolute; bottom: -9px; right: 0; width: 100px; height: 100px; }530@media (min-width: 576px) { .call svg { width: 120px; height: 120px; } }531.title { color: #2f2f41; font-size: 48px; line-height: 1.2; }532@media (min-width: 992px) { .title { font-size: 50px; } }533.content a { text-decoration: underline; }534.content img { max-width: 100%; height: auto; margin-top: 20px; margin-bottom: 20px; }535.content strong { font-width: bold; }536.content em { font-style: italic; }537.content p { font-family: Helvetica, Arial, sans-serif, -apple-system; line-height: 1.56; color: #5C5A5A; }538.content h1 { font-family: Helvetica, Arial, sans-serif, -apple-system; font-size: 34px; line-height: 1.26; font-weight: normal; margin-top: 30px; margin-bottom: 20px; }539.content h2 { font-family: Helvetica, Arial, sans-serif, -apple-system; font-size: 26px; font-weight: normal; line-height: 1.4; margin-top: 30px; }540.content h3 { font-family: Helvetica, Arial, sans-serif, -apple-system; font-size: 20px; line-height: 1.4; font-weight: normal; margin-top: 30px; }541.content ul, .content ol { margin-bottom: 20px; }542.content ul ul, .content ul ol, .content ol ul, .content ol ol { margin-bottom: 0; }543.content ul { list-style: disc; }544.content ol { list-style: decimal; }545.content li { margin-bottom: 5px; line-height: 1.56; margin-left: 20px; color: #5C5A5A; }546.content hr { border: none; border-bottom: 1px solid #fff6f8; }547.content table { width: 100%; margin-top: 30px; margin-bottom: 30px; }548.content table th, .content table td { padding: 5px; vertical-align: top; border-top: 1px solid #fff6f8; }549.content table thead th { vertical-align: bottom; border-bottom: 1px solid #fff6f8; text-align: left; font-weight: bold; }550.content table tbody + tbody { border-top: 1px solid #fff6f8; }551.content blockquote { padding: 0 1em; color: #5C5A5A; border-left: 0.25em solid #f88379; }552.intro { display: flex; justify-content: flex-start; align-items: center; padding-top: 60px; padding-bottom: 60px; overflow: hidden; }553@media (min-width: 768px) { .intro { padding-bottom: 140px; } }554.intro h1 { color: #2f2f41; font-size: 42px; font-weight: bold; line-height: 1.2; }555@media (min-width: 768px) { .intro h1 { width: 80%; font-size: 48px; } }556@media (min-width: 992px) { .intro h1 { font-size: 50px; } }557.intro h2 { width: 80%; font-size: 1.2rem; line-height: 1.4; margin-bottom: 30px; color: #2f2f41; font-family: Helvetica, Arial, sans-serif, -apple-system; }558.intro p { font-size: 1.2rem; font-weight: light; line-height: 1.5; color: #5C5A5A; }559.intro ul, .intro ol { font-size: 1.2rem; font-weight: light; line-height: 1.4; color: #5C5A5A; }560.intro-small { padding-top: 100px; padding-bottom: 30px; }561.intro-image { width: 100%; height: auto; }562.limit-height { max-height: 300px; }563.intro-image-absolute { max-height: 100%; max-width: 100%; padding: 0; margin-bottom: 30px; }564@media (min-width: 768px) { .intro-image-absolute { width: 700px; } }565@media (min-width: 992px) { .intro-image-absolute { width: 800px; } }566@media (min-width: 1300px) { .intro-image-absolute { width: 850px; } }567.intro-image-hide-mobile { display: none; }568@media (min-width: 768px) { .intro-image-hide-mobile { display: block; } }569.strip { background: white; background-repeat: no-repeat; }570.strip-white { background-color: white; }571.strip-grey { background-color: #fff6f8; }572.strip-diagonal { transform: skewY(5deg); padding-bottom: 50px; margin-bottom: 65px; }573.strip-diagonal > div { transform: skewY(-5deg); }574.strip-primary-gradient { background-image: linear-gradient(to right, #E5261F, #f88379); }575.strip-primary-gradient-top-bottom { background-image: linear-gradient(to bottom, #E5261F, #f88379); }576.strip-primary { background-color: #E5261F; }577.strip-secondary { background-color: #f88379; }578.strip-diagonal-right { margin-top: -100px; transform: skewY(-5deg); padding-bottom: 100px; }579.strip-diagonal-right > div { transform: skewY(5deg); }580.strip-diagonal-left { margin-top: -100px; transform: skewY(5deg); padding-bottom: 100px; }581.strip-diagonal-left > div { transform: skewY(-5deg); }582.strip-bg-contain { background-size: contain; }583.strip-bg-cover { background-size: cover; }584.person { height: 100%; border-radius: 5px; overflow: hidden; background-color: #ffffff; display: flex; align-items: center; flex-direction: column; text-align: left; padding-bottom: 20px; box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.2), 0 18px 36px -18px rgba(0, 0, 0, 0.22); }585.person .person-image { width: 100%; height: 250px; display: flex; border-radius: 0 0 0 100%; margin-bottom: 20px; overflow: hidden; text-align: center; }586.person img { width: 100%; height: auto; object-fit: cover; }587.person .person-title { color: #555; margin-bottom: 20px; }588.person .person-content { width: 100%; }589.person .person-subtitle { color: #777; margin-bottom: 20px; font-weight: normal; font-size: 18px; }590.person .person-description, .person .person-contact, .person .person-highlights { padding: 0 30px; width: 100%; display: inline-block; }591.person .person-contact { background-color: #fff6f8; padding-top: 20px; padding-bottom: 20px; list-style-position: inside; box-sizing: border-box; }592.person .person-highlights { padding-top: 20px; padding-bottom: 20px; list-style-position: inside; box-sizing: border-box; }593.club { height: 100%; border-radius: 5px; overflow: hidden; background-color: #ffffff; display: flex; flex-direction: column; text-align: left; padding-bottom: 20px; box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.2), 0 18px 36px -18px rgba(0, 0, 0, 0.22); }594.club .club-header { display: inline-block; text-align: center; }595.club .club-image { width: 100%; height: 320px; display: flex; margin-bottom: 20px; overflow: hidden; text-align: center; display: block; }596.club img { width: 100%; height: auto; object-fit: contain; padding: 20px; }597.club .club-title { color: #555; margin-top: 130px; margin-bottom: 20px; }598.club .club-subtitle { color: #777; margin-bottom: 20px; font-weight: normal; }599.club .club-content { padding: 0 30px; width: 100%; display: inline-block; }600.club .club-contact { padding-top: 20px; padding-bottom: 20px; list-style-position: inside; box-sizing: border-box; }601.club .club-highlights { padding-top: 20px; padding-bottom: 20px; list-style-position: inside; box-sizing: border-box; }602.social { display: block; }603.social img { width: 20px; height: 20px; filter: invert(100%); }604.social a { padding: 10px; display: inline-block; }605.social a:hover { opacity: 0.8; }606.team-summary { display: flex; flex-wrap: wrap; flex-direction: row; }607.team-summary .team-image { height: 60px; width: 60px; margin-right: 10px; border-radius: 50%; overflow: hidden; }608.team-summary .team-image img { width: 60px; }609.team-summary .team-meta { flex: 1; }610.team-summary .team-meta h2 { margin: 0; font-size: 22px; font-weight: normal; }611.team-summary .team-meta p { color: #2f2f41; text-transform: uppercase; margin: 0; font-size: 12px; font-weight: 500; }612.team-summary .team-content { margin-top: 20px; flex: 1 0 100%; }613.team-summary-large { background-color: #fff6f8; padding: 30px; border-radius: 3px; }614.team-summary-large .team-image { height: 90px; width: 90px; margin-right: 20px; border-radius: 50%; overflow: hidden; }615.team-summary-large .team-image img { width: 90px; }616.page-services-single .content > p:first-of-type { font-size: 1.6rem; line-height: 1.4; margin-bottom: 40px; font-weight: regular; color: #686868; }617body { font-size: 16px; line-height: 1.2; font-family: Helvetica, Arial, sans-serif, -apple-system; }618@media (min-width: 768px) { body { font-size: 16px; line-height: 1.3; } }619#sidebar > .footnotes > ol > li { background: white; }620#join { display: contents; }621#join .person { box-shadow: none; border: #ccc dashed 5px; }622#join .person .person-image { line-height: 250px; font-size: 10em; border-radius: 0; color: #aaa; width: auto; }623#join:hover { text-decoration: none; }624#join:hover .programme { background: #eee; }625/*# sourceMappingURL=style.css.map */626 </style>627 <meta charset="utf-8">628 <title>629 硅谷脱口秀：硅谷地区汉语喜剧社团！ | 硅谷脱口秀：硅谷地区华人喜剧社团！630 </title>631 <meta content="width=device-width, initial-scale=1" name="viewport">632 <meta content="硅谷脱口秀：硅谷地区汉语喜剧社团！" name="description">633 <meta content="硅谷脱口秀" property="og:title">634 <meta content="website" property="og:type">635 <meta content="" property="og:url">636 <meta content="" property="og:image">637 <meta content="硅谷脱口秀：硅谷地区汉语喜剧社团！" property="og:description">638 <meta content name="twitter:card">639 <meta content name="twitter:site">640 <meta content name="twitter:creator">641 </head>642 <body class="page">643 <div class="main-menu-mobile" id="main-menu-mobile">644 <ul>645 <li class="active">646 <a>647 主页648 </a>649 </li>650 <li class="">651 <a>652 风采653 </a>654 </li>655 <li class="">656 <a>657 参演658 </a>659 </li>660 <li class="">661 <a>662 购票663 </a>664 </li>665 </ul>666 </div>667 <div class="wrapper" id="wrapper">668 <div class="header">669 <div class="container">670 <div class="logo">671 <a>672 <img alt="硅谷脱口秀：硅谷地区华人喜剧社团！" height="36px" src="rick.jpg">673 </a>674 </div>675 <div class="logo-mobile">676 <a>677 <img alt="硅谷脱口秀：硅谷地区华人喜剧社团！" src="rick.jpg">678 </a>679 </div>680 <div class="main-menu" id="main-menu">681 <ul>682 <li class="active">683 <a>684 主页685 </a>686 </li>687 <li class="">688 <a>689 风采690 </a>691 </li>692 <li class="">693 <a>694 参演695 </a>696 </li>697 <li class="">698 <a>699 购票700 </a>701 </li>702 </ul>703 </div>704 <button aria-label="Mobile Menu" class="hamburger hamburger--slider" id="toggle-main-menu-mobile" type="button">705 <span class="hamburger-box">706 <span class="hamburger-inner">707 </span>708 </span>709 </button>710 </div>711 </div>712 <div class="intro">713 <div class="container">714 <img alt="硅谷脱口秀" class="" src="rick.jpg" width="20%">715 <div class="row justify-content-start">716 <!-- left column -->717 <div class="col-12 col-md-7 col-lg-6 order-2 order-md-1">718 <h2 id="开放麦">719 开放麦720 </h2>721 <div class="call">722 <div class="call-box-top">723 <div class="call-phone">724 <strong>725 时间：726 </strong>727 <a>728 每周五晚729 </a>730 ，公共假期前除外731 </div>732 <div class="call-email">733 <strong>734 地点：735 </strong>736 <a>737 [Address Redacted]738 </a>739 </div>740 </div>741 <div class="call-box-bottom">742 <a class="primary button">743 购票744 </a>745 </div>746 </div>747 <p>748 749 </p>750 <h2 id="关于我们">751 关于我们752 </h2>753 <p>754 硅谷脱口秀是硅谷地区一群中文喜剧爱好者于2019年创立的喜剧俱乐部，表演形式以脱口秀（单口喜剧）为主。755 </p>756 <p>757 自成立至今，我们一直致力于丰富硅谷的中文娱乐生活，成就喜剧爱好者的演艺梦想。我们希望通过敏锐观察生活，并用段子的方式进行演绎，来自由表达我们对环境和社会的思考。期待大家和我们一起享受幽默，宣泄情绪，笑面生活！758 </p>759 <p>760 我们举办的演出包括：761 </p>762 <ul>763 <li>764 每周五晚上的开放麦，这是演员打磨段子的地方；765 </li>766 <li>767 每三个月左右一次的高质量精品秀演出；768 </li>769 <li>770 不定期邀请海内外知名脱口秀演员来到湾区举办主打秀或个人专场。771 </li>772 </ul>773 <p>774 775 </p>776 <p>777 欢迎在线上关注我们！778 </p>779 <ul>780 <li>781 小红书号：782 <a>783 [Username Redacted]784 </a>785 </li>786 <li>787 微信公众号：[Username Redacted]788 </li>789 <li>790 Instagram:791 <a>792 [Username Redacted]793 </a>794 </li>795 <li>796 <a>797 YouTube798 </a>799 频道800 </li>801 </ul>802 </div>803 <!-- right column -->804 <div class="col-12 col-md-5 col-lg-6 order-1 order-md-2 position-relative">805 <h2>806 近期演出807 </h2>808 <img alt="硅谷脱口秀：硅谷地区汉语喜剧社团！" class="intro-image intro-image-absolute" src="rick.jpg">809 <div class="call">810 <div class="call-box-top">811 <div class="call-phone">812 <strong>813 时间：814 </strong>815 10月27日 7:30 PM816 </div>817 <div class="call-email">818 <strong>819 地点：820 </strong>821 <a>822 [Address Redacted]823 </a>824 </div>825 </div>826 <div class="call-box-bottom">827 <a class="primary button">828 购票829 </a>830 </div>831 </div>832 <div style="margin-bottom: 20px">833 </div>834 <img alt="硅谷脱口秀：硅谷地区汉语喜剧社团！" class="intro-image intro-image-absolute" src="rick.jpg">835 <div class="call">836 <div class="call-box-top">837 <div class="call-phone">838 <strong>839 时间：840 </strong>841 11月02日 3:00 PM842 </div>843 <div class="call-email">844 <strong>845 地点：846 </strong>847 <a>848 [Address Redacted]849 </a>850 </div>851 </div>852 <div class="call-box-bottom">853 <a class="primary button">854 购票855 </a>856 </div>857 </div>858 <div style="margin-bottom: 20px">859 </div>860 </div>861 </div>862 </div>863 </div>864 <div class="strip">865 <div class="container">866 <div class="row">867 <div class="col-12 col-md-12 col-lg-12 order-1 order-md-1">868 </div>869 </div>870 </div>871 </div>872 <div class="strip strip-grey">873 <div class="container pt-3 pb-3">874 <div class="row pt-3 pb-3">875 <div class="col-6">876 </div>877 <div class="col-6">878 </div>879 </div>880 <div class="row pt-3 pb-3">881 <div class="col-12">882 <h1>883 友情链接884 </h1>885 <ul>886 <li>887 <a>888 载歌在谷889 </a>890 ：硅谷地区面向华人的志愿者社区，承办许多文艺活动。891 </li>892 </ul>893 </div>894 </div>895 </div>896 </div>897 </div>898 <div class="footer">899 <div class="container">900 <div class="row">901 <div class="col-12">902 <div class="footer-inner">903 <h3 class="footer-title">904 硅谷脱口秀：硅谷地区华人喜剧社团！905 </h3>906 <ul>907 <li class="">908 <a>909 合作910 </a>911 </li>912 <li class="">913 <a>914 捐款915 </a>916 </li>917 <li class="">918 <a>919 加入920 </a>921 </li>922 <li class="">923 <a>924 团队925 </a>926 </li>927 </ul>928 </div>929 </div>930 </div>931 </div>932 </div>933 <div class="sub-footer">934 <div class="container">935 <div class="row">936 <div class="col-12">937 <div class="sub-footer-inner">938 <div class="social">939 <a target="blank">940 <img alt="YouTube" src="rick.jpg" title="YouTube">941 </a>942 <a target="blank">943 <img alt="Bilibili" src="rick.jpg" title="Bilibili">944 </a>945 <a target="blank">946 <img alt="LinkedIn" src="rick.jpg" title="LinkedIn">947 </a>948 <a target="blank">949 <img alt="Facebook" src="rick.jpg" title="Facebook">950 </a>951 <a target="blank">952 <img alt="小红书" src="rick.jpg" title="小红书">953 </a>954 </div>955 <div class="copyright">956 © 2024 硅谷脱口秀 版权所有。957 硅谷脱口秀 由 P&Y 基金会承办。958 P&Y 基金会是一个 501(c)(3) 非营利组织。959 </div>960 </div>961 </div>962 </div>963 </div>964 </div>965 </body>966</html>967