diff --git a/fonts/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2 b/fonts/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2 new file mode 100644 index 0000000..8e05a7f Binary files /dev/null and b/fonts/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2 differ diff --git a/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2 b/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2 new file mode 100644 index 0000000..0beab54 Binary files /dev/null and b/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2 differ diff --git a/fonts/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2 b/fonts/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2 new file mode 100644 index 0000000..71f96de Binary files /dev/null and b/fonts/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2 differ diff --git a/fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2 b/fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2 new file mode 100644 index 0000000..c660336 Binary files /dev/null and b/fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2 differ diff --git a/fonts/pxiEyp8kv8JHgFVrJJfecg.woff2 b/fonts/pxiEyp8kv8JHgFVrJJfecg.woff2 new file mode 100644 index 0000000..b69e009 Binary files /dev/null and b/fonts/pxiEyp8kv8JHgFVrJJfecg.woff2 differ diff --git a/images/1.webp b/images/1.webp new file mode 100644 index 0000000..9d89625 Binary files /dev/null and b/images/1.webp differ diff --git a/images/2.webp b/images/2.webp new file mode 100644 index 0000000..70c38e6 Binary files /dev/null and b/images/2.webp differ diff --git a/images/3.webp b/images/3.webp new file mode 100644 index 0000000..cfc1cf0 Binary files /dev/null and b/images/3.webp differ diff --git a/images/android.png b/images/android.png new file mode 100644 index 0000000..b7317b0 Binary files /dev/null and b/images/android.png differ diff --git a/images/apple.png b/images/apple.png new file mode 100644 index 0000000..71c9421 Binary files /dev/null and b/images/apple.png differ diff --git a/images/cover.webp b/images/cover.webp new file mode 100644 index 0000000..1d884c3 Binary files /dev/null and b/images/cover.webp differ diff --git a/images/linux.png b/images/linux.png new file mode 100644 index 0000000..fdb66bc Binary files /dev/null and b/images/linux.png differ diff --git a/images/windows.png b/images/windows.png new file mode 100644 index 0000000..9e796ec Binary files /dev/null and b/images/windows.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..6103afe --- /dev/null +++ b/index.html @@ -0,0 +1,178 @@ + + + + + + + + + Grim - Cross-platform GUI for Grin + + + + +
+
+
+
+
+
+

Grim

+

Cross-platform GUI for GRiN ツ in Rust 🦀 for maximum compatibility with original Mimblewimble implementation and focus on usability and availability. +

+
+ DOWNLOAD +

+ Github
+ Telegram
+ E-mail +

+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+ +
Multiple wallets and connections.
+

Ability to create multiple accounts for multiple wallets. Share integrated node connection between online and offline devices.

+
+
+
+
+
SeedQR and UR formats support.
+

Compact and Standard SeedQR formats. Use camera to transfer large amounts of data for better privacy and simplicity.

+
+
+
+
+
Integrate digital and real worlds.
+

More use-cases for Grin ツ create demand, to be used by anyone, anywhere, without censorship and restrictions.

+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+

Grim 0.1.0 downloads

+

More release platform targets, previous versions and source code can be found on Github releases page.

+ All Releases +
+
+ +
+
+ + + + +
Android
+ +

The Android Package
Nougat 7.0 or later (ARMv8)

+ + Download​ +
+
+ +
+
+ + + + +
Linux
+ +

AppImage format
Any modern distributive (64 bit)

+ + Download​ +
+
+
+
+ +
+
+
+
+ + + + +
Windows
+ +

Microsoft Installer
Windows 7 or later (64 bit)

+ + Download +
+
+ +
+
+ + + + +
MacOS
+ +

Package Bundle
OSX 10.13 or later (64 bit)

+ + Download​ +
+
+ +
+
+ + + + +
iOS
+ +

Apple Package format
iPad or iPhone with iOS 12.0+

+ + It's coming +
+
+
+
+
+
+
+
+
+ + + + + + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..b84a378 --- /dev/null +++ b/styles.css @@ -0,0 +1,9933 @@ +@charset "UTF-8"; + +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +footer,section { + display: block; +} + +[hidden] { + display: none; +} + +a { + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +a:active,a:hover { + outline-width: 0; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +small { + font-size: 80%; +} + +img { + border-style: none; +} + +code { + font-family: monospace,monospace; + font-size: 1em; +} + +button { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; +} + +button { + text-transform: none; +} + +button,html [type="button"],[type="reset"],[type="submit"] { + -webkit-appearance: button; +} + +button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +button { + outline: none; +} + +[type="checkbox"],[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-input-placeholder { + color: inherit; + opacity: 0.54; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +.u-btn { + /*display: inline-block;*/ + display: table; + /*TODO maye need another solution for negative marin*/ + cursor: pointer; + color: inherit; + font-size: inherit; + font-family: inherit; + line-height: inherit; + letter-spacing: inherit; + text-transform: inherit; + font-style: inherit; + font-weight: inherit; + text-decoration: none; + border: 0 none transparent; + outline-width: 0; + background-color: transparent; + margin: 0; + -webkit-text-decoration-skip: objects; + font-style: initial; + white-space: nowrap; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + text-align: center; + padding: 10px 30px; + border-radius: 0; + --border-radius: 0; + align-self: flex-start; +} + +.u-btn:focus,.u-btn:active:focus,.u-btn.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.u-btn:hover,.u-btn:focus { + text-decoration: none; +} + +.u-btn:active,.u-btn.active { + outline: 0; + background-image: none; +} + +.u-btn[disabled] { + opacity: 0.6; +} + +.u-button-style.u-border-no-right.u-border-no-left.u-border-no-bottom,.u-button-style.u-border-no-top.u-border-no-left.u-border-no-bottom,.u-button-style.u-border-no-top.u-border-no-right.u-border-no-bottom,.u-button-style.u-border-no-top.u-border-no-right.u-border-no-left { + border-radius: 0 !important; +} + +.u-button-style { + transition-property: background-color, color, border-color; +} + +.u-text a { + font-size: inherit; + font-family: inherit; + line-height: inherit; + letter-spacing: inherit; + text-transform: inherit; +} + +.u-link,a { + border-top-width: 0; + border-left-width: 0; + border-right-width: 0; +} + +.u-link { + display: table; + border-style: solid; + border-bottom-width: 0; + white-space: nowrap; + align-self: flex-start; +} + +.u-link,.u-link:hover,.u-link:focus { + text-decoration: none; +} + +.u-link:focus,.u-link:active:focus,.u-link.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.u-block-content > :first-child { + margin-top: 0; +} + +.u-block-content > :last-child { + margin-bottom: 0; +} + +.u-block-content p { + text-decoration: inherit !important; + color: inherit !important; + font-style: inherit !important; + font-size: inherit !important; + font-weight: inherit !important; + font-family: inherit !important; + line-height: inherit !important; + letter-spacing: inherit !important; + text-transform: inherit !important; +} + +/* ******** spacing ******** */ + +/* ******** end of spacing ******** */ + +*,*:before,*:after { + box-sizing: border-box; +} + +html { + height: 100%; + overflow-y: auto; + overflow-x: hidden; +} + +body { + height: auto; + min-height: 100%; + overflow-y: clip; +} + +body,section,footer { + position: relative; +} + +section > *,footer > *,.u-sheet > *,.u-section-row > * { + position: relative; +} + +base { + display: none; +} + +a { + color: #259bca; + text-decoration: none; +} + +a:hover { + color: #0676a4; +} + +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.u-clearfix:after,.u-clearfix:before { + content: ''; + display: table; +} + +.u-clearfix:after { + clear: both; +} + +.u-border-none { + border-width: 0 !important; +} + +.u-button-style[class*="u-border-"].u-border-no-top,[class*="u-border-"].u-border-no-top { + border-top-width: 0; + border-top-style: none; +} + +.u-button-style[class*="u-border-"].u-border-no-right,[class*="u-border-"].u-border-no-right { + border-right-width: 0; + border-right-style: none; +} + +.u-button-style[class*="u-border-"].u-border-no-bottom,[class*="u-border-"].u-border-no-bottom { + border-bottom-width: 0; + border-bottom-style: none; +} + +.u-button-style[class*="u-border-"].u-border-no-left,[class*="u-border-"].u-border-no-left { + border-left-width: 0; + border-left-style: none; +} + +.u-border-color-none { + background-color: transparent; +} + +.u-text-default { + display: table; + align-self: flex-start; + width: -webkit-fit-content; + width: fit-content; + width: -moz-fit-content; +} + +.u-text-default:empty { + display: block; + width: 15px; +} + +@media (min-width: 1200px) { + .u-xl-mode .u-text-default-xl { + display: table; + align-self: flex-start; + width: -webkit-fit-content; + width: fit-content; + width: -moz-fit-content; + } + + .u-xl-mode .u-text-default-xl:empty { + display: block; + width: 15px; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .u-text-default-lg { + display: table; + align-self: flex-start; + width: -webkit-fit-content; + width: fit-content; + width: -moz-fit-content; + } + + .u-text-default-lg:empty { + display: block; + width: 15px; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .u-text-default-md { + display: table; + align-self: flex-start; + width: -webkit-fit-content; + width: fit-content; + width: -moz-fit-content; + } + + .u-text-default-md:empty { + display: block; + width: 15px; + } +} + +@media (min-width: 576px) and (max-width: 767px) { + .u-text-default-sm { + display: table; + align-self: flex-start; + width: -webkit-fit-content; + width: fit-content; + width: -moz-fit-content; + } + + .u-text-default-sm:empty { + display: block; + width: 15px; + } +} + +@media (max-width: 575px) { + .u-text-default-xs { + display: table; + align-self: flex-start; + width: -webkit-fit-content; + width: fit-content; + width: -moz-fit-content; + } + + .u-text-default-xs:empty { + display: block; + width: 15px; + } +} + +.u-image { + object-fit: cover; + display: block; + vertical-align: middle; + background-size: cover; + background-position: 50% 50%; + background-repeat: no-repeat; +} + +img.u-image { + overflow: hidden; +} + +.u-text .u-image { + display: inline-block; +} + +[data-post-link],[data-href] { + cursor: pointer; +} + +.u-sheet { + position: relative; + margin: 0 auto; +} + +.u-xl-mode .u-sheet { + width: var(--theme-sheet-width-xl); +} + +@media (min-width: 1400px) { + .u-sheet { + width: var(--theme-sheet-width-xxl) !important; + } +} + +@media (min-width: 1200px) { + .u-xl-mode .u-sheet { + width: var(--theme-sheet-width-xl) !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .u-sheet { + width: var(--theme-sheet-width-lg) !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .u-sheet { + width: var(--theme-sheet-width-md) !important; + } +} + +@media (min-width: 576px) and (max-width: 767px) { + .u-sheet { + width: var(--theme-sheet-width-sm) !important; + } +} + +@media (max-width: 575px) { + .u-sheet { + width: var(--theme-sheet-width-xs) !important; + } +} + +.u-body .u-sheet .u-sheet { + width: 100% !important; +} + +.u-container-layout { + position: relative; + flex: 1; + max-width: 100%; + transition-duration: inherit; +} + +.u-container-layout > * { + position: relative; +} + +.u-expanded { + position: absolute !important; + left: 0; + top: 0; + width: 100%; + height: 100%; +} + +.u-expanded-width { + width: 100% !important; +} + +@media (min-width: 1200px) { + .u-xl-mode .u-expanded-width-xl { + width: 100% !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .u-expanded-width-lg { + width: 100% !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .u-expanded-width-md { + width: 100% !important; + } +} + +@media (min-width: 576px) and (max-width: 767px) { + .u-expanded-width-sm { + width: 100% !important; + } +} + +@media (max-width: 575px) { + .u-expanded-width-xs { + width: 100% !important; + } +} + +.u-expanded-height { + position: absolute !important; + height: 100% !important; +} + +@media (min-width: 1200px) { + .u-xl-mode .u-expanded-height-xl { + position: absolute !important; + height: 100% !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .u-expanded-height-lg { + position: absolute !important; + height: 100% !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .u-expanded-height-md { + position: absolute !important; + height: 100% !important; + } +} + +@media (min-width: 576px) and (max-width: 767px) { + .u-expanded-height-sm { + position: absolute !important; + height: 100% !important; + } +} + +@media (max-width: 575px) { + .u-expanded-height-xs { + position: absolute !important; + height: 100% !important; + } +} + +.u-valign-middle,.u-valign-top,.u-valign-bottom { + display: flex; + flex-direction: column; +} + +@media (min-width: 1200px) { + .u-xl-mode .u-valign-middle-xl, .u-xl-mode .u-valign-top-xl, .u-xl-mode .u-valign-bottom-xl { + display: flex; + flex-direction: column; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .u-valign-middle-lg, .u-valign-top-lg, .u-valign-bottom-lg { + display: flex; + flex-direction: column; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .u-valign-middle-md, .u-valign-top-md, .u-valign-bottom-md { + display: flex; + flex-direction: column; + } +} + +@media (min-width: 576px) and (max-width: 767px) { + .u-valign-middle-sm, .u-valign-top-sm, .u-valign-bottom-sm { + display: flex; + flex-direction: column; + } +} + +@media (max-width: 575px) { + .u-valign-middle-xs, .u-valign-top-xs, .u-valign-bottom-xs { + display: flex; + flex-direction: column; + } +} + +.u-valign-middle > *,.u-valign-top > *,.u-valign-bottom > * { + flex-shrink: 0; +} + +.u-valign-middle { + justify-content: center; +} + +@media (min-width: 1200px) { + .u-xl-mode .u-valign-middle-xl { + justify-content: center; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .u-valign-middle-lg { + justify-content: center; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .u-valign-middle-md { + justify-content: center; + } +} + +@media (min-width: 576px) and (max-width: 767px) { + .u-valign-middle-sm { + justify-content: center; + } +} + +@media (max-width: 575px) { + .u-valign-middle-xs { + justify-content: center; + } +} + +.u-valign-top { + justify-content: flex-start; +} + +@media (min-width: 1200px) { + .u-xl-mode .u-valign-top-xl { + justify-content: flex-start; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .u-valign-top-lg { + justify-content: flex-start; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .u-valign-top-md { + justify-content: flex-start; + } +} + +@media (min-width: 576px) and (max-width: 767px) { + .u-valign-top-sm { + justify-content: flex-start; + } +} + +@media (max-width: 575px) { + .u-valign-top-xs { + justify-content: flex-start; + } +} + +.u-valign-bottom { + justify-content: flex-end; +} + +@media (min-width: 1200px) { + .u-xl-mode .u-valign-bottom-xl { + justify-content: flex-end; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .u-valign-bottom-lg { + justify-content: flex-end; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .u-valign-bottom-md { + justify-content: flex-end; + } +} + +@media (min-width: 576px) and (max-width: 767px) { + .u-valign-bottom-sm { + justify-content: flex-end; + } +} + +@media (max-width: 575px) { + .u-valign-bottom-xs { + justify-content: flex-end; + } +} + +@media (max-width: 767px) { + :not(.u-sheet) > [class*="u-gutter-"]:not(.u-gutter-0).u-expanded-width { + overflow: hidden; + } +} + +@media (min-width: 576px) and (max-width: 767px) { + .u-layout-wrap:not(.u-layout-custom-sm) .u-layout-row > * { + min-width: 100%; + } + .u-layout-wrap:not(.u-layout-custom-sm) .u-layout { + margin-left: 0 !important; + margin-right: 0 !important; + } + .u-layout-wrap:not(.u-layout-custom-sm) .u-layout .u-layout-cell { + border-left: 0 !important; + border-right: 0 !important; + } + .u-absolute-hcenter, + .u-absolute-hcenter-sm { + max-width: 100%; + } +} + +@media (max-width: 575px) { + .u-layout-wrap:not(.u-layout-custom-xs) .u-layout-row > * { + min-width: 100%; + } + .u-layout-wrap:not(.u-layout-custom-xs) .u-layout { + margin-left: 0 !important; + margin-right: 0 !important; + } + .u-layout-wrap:not(.u-layout-custom-xs) .u-layout .u-layout-cell { + border-left: 0 !important; + border-right: 0 !important; + } + .u-absolute-hcenter, + .u-absolute-hcenter-xs { + max-width: 100%; + } +} + +.u-layout-row > .u-size-60 { + flex: 0 0 100%; + max-width: 100%; + min-width: 100%; +} + +.u-layout-col > .u-size-60 { + flex: 60 0 auto; +} + +.u-layout-row > .u-size-59 { + flex: 0 0 98.33333333%; + max-width: 98.33333333%; + min-width: 98.33333333%; +} + +.u-layout-col > .u-size-59 { + flex: 59 0 auto; +} + +.u-layout-row > .u-size-58 { + flex: 0 0 96.66666667%; + max-width: 96.66666667%; + min-width: 96.66666667%; +} + +.u-layout-col > .u-size-58 { + flex: 58 0 auto; +} + +.u-layout-row > .u-size-57 { + flex: 0 0 95%; + max-width: 95%; + min-width: 95%; +} + +.u-layout-col > .u-size-57 { + flex: 57 0 auto; +} + +.u-layout-row > .u-size-56 { + flex: 0 0 93.33333333%; + max-width: 93.33333333%; + min-width: 93.33333333%; +} + +.u-layout-col > .u-size-56 { + flex: 56 0 auto; +} + +.u-layout-row > .u-size-55 { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + min-width: 91.66666667%; +} + +.u-layout-col > .u-size-55 { + flex: 55 0 auto; +} + +.u-layout-row > .u-size-54 { + flex: 0 0 90%; + max-width: 90%; + min-width: 90%; +} + +.u-layout-col > .u-size-54 { + flex: 54 0 auto; +} + +.u-layout-row > .u-size-53 { + flex: 0 0 88.33333333%; + max-width: 88.33333333%; + min-width: 88.33333333%; +} + +.u-layout-col > .u-size-53 { + flex: 53 0 auto; +} + +.u-layout-row > .u-size-52 { + flex: 0 0 86.66666667%; + max-width: 86.66666667%; + min-width: 86.66666667%; +} + +.u-layout-col > .u-size-52 { + flex: 52 0 auto; +} + +.u-layout-row > .u-size-51 { + flex: 0 0 85%; + max-width: 85%; + min-width: 85%; +} + +.u-layout-col > .u-size-51 { + flex: 51 0 auto; +} + +.u-layout-row > .u-size-50 { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + min-width: 83.33333333%; +} + +.u-layout-col > .u-size-50 { + flex: 50 0 auto; +} + +.u-layout-row > .u-size-49 { + flex: 0 0 81.66666667%; + max-width: 81.66666667%; + min-width: 81.66666667%; +} + +.u-layout-col > .u-size-49 { + flex: 49 0 auto; +} + +.u-layout-row > .u-size-48 { + flex: 0 0 80%; + max-width: 80%; + min-width: 80%; +} + +.u-layout-col > .u-size-48 { + flex: 48 0 auto; +} + +.u-layout-row > .u-size-47 { + flex: 0 0 78.33333333%; + max-width: 78.33333333%; + min-width: 78.33333333%; +} + +.u-layout-col > .u-size-47 { + flex: 47 0 auto; +} + +.u-layout-row > .u-size-46 { + flex: 0 0 76.66666667%; + max-width: 76.66666667%; + min-width: 76.66666667%; +} + +.u-layout-col > .u-size-46 { + flex: 46 0 auto; +} + +.u-layout-row > .u-size-45 { + flex: 0 0 75%; + max-width: 75%; + min-width: 75%; +} + +.u-layout-col > .u-size-45 { + flex: 45 0 auto; +} + +.u-layout-row > .u-size-44 { + flex: 0 0 73.33333333%; + max-width: 73.33333333%; + min-width: 73.33333333%; +} + +.u-layout-col > .u-size-44 { + flex: 44 0 auto; +} + +.u-layout-row > .u-size-43 { + flex: 0 0 71.66666667%; + max-width: 71.66666667%; + min-width: 71.66666667%; +} + +.u-layout-col > .u-size-43 { + flex: 43 0 auto; +} + +.u-layout-row > .u-size-42 { + flex: 0 0 70%; + max-width: 70%; + min-width: 70%; +} + +.u-layout-col > .u-size-42 { + flex: 42 0 auto; +} + +.u-layout-row > .u-size-41 { + flex: 0 0 68.33333333%; + max-width: 68.33333333%; + min-width: 68.33333333%; +} + +.u-layout-col > .u-size-41 { + flex: 41 0 auto; +} + +.u-layout-row > .u-size-40 { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + min-width: 66.66666667%; +} + +.u-layout-col > .u-size-40 { + flex: 40 0 auto; +} + +.u-layout-row > .u-size-39 { + flex: 0 0 65%; + max-width: 65%; + min-width: 65%; +} + +.u-layout-col > .u-size-39 { + flex: 39 0 auto; +} + +.u-layout-row > .u-size-38 { + flex: 0 0 63.33333333%; + max-width: 63.33333333%; + min-width: 63.33333333%; +} + +.u-layout-col > .u-size-38 { + flex: 38 0 auto; +} + +.u-layout-row > .u-size-37 { + flex: 0 0 61.66666667%; + max-width: 61.66666667%; + min-width: 61.66666667%; +} + +.u-layout-col > .u-size-37 { + flex: 37 0 auto; +} + +.u-layout-row > .u-size-36 { + flex: 0 0 60%; + max-width: 60%; + min-width: 60%; +} + +.u-layout-col > .u-size-36 { + flex: 36 0 auto; +} + +.u-layout-row > .u-size-35 { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + min-width: 58.33333333%; +} + +.u-layout-col > .u-size-35 { + flex: 35 0 auto; +} + +.u-layout-row > .u-size-34 { + flex: 0 0 56.66666667%; + max-width: 56.66666667%; + min-width: 56.66666667%; +} + +.u-layout-col > .u-size-34 { + flex: 34 0 auto; +} + +.u-layout-row > .u-size-33 { + flex: 0 0 55%; + max-width: 55%; + min-width: 55%; +} + +.u-layout-col > .u-size-33 { + flex: 33 0 auto; +} + +.u-layout-row > .u-size-32 { + flex: 0 0 53.33333333%; + max-width: 53.33333333%; + min-width: 53.33333333%; +} + +.u-layout-col > .u-size-32 { + flex: 32 0 auto; +} + +.u-layout-row > .u-size-31 { + flex: 0 0 51.66666667%; + max-width: 51.66666667%; + min-width: 51.66666667%; +} + +.u-layout-col > .u-size-31 { + flex: 31 0 auto; +} + +.u-layout-row > .u-size-30 { + flex: 0 0 50%; + max-width: 50%; + min-width: 50%; +} + +.u-layout-col > .u-size-30 { + flex: 30 0 auto; +} + +.u-layout-row > .u-size-29 { + flex: 0 0 48.33333333%; + max-width: 48.33333333%; + min-width: 48.33333333%; +} + +.u-layout-col > .u-size-29 { + flex: 29 0 auto; +} + +.u-layout-row > .u-size-28 { + flex: 0 0 46.66666667%; + max-width: 46.66666667%; + min-width: 46.66666667%; +} + +.u-layout-col > .u-size-28 { + flex: 28 0 auto; +} + +.u-layout-row > .u-size-27 { + flex: 0 0 45%; + max-width: 45%; + min-width: 45%; +} + +.u-layout-col > .u-size-27 { + flex: 27 0 auto; +} + +.u-layout-row > .u-size-26 { + flex: 0 0 43.33333333%; + max-width: 43.33333333%; + min-width: 43.33333333%; +} + +.u-layout-col > .u-size-26 { + flex: 26 0 auto; +} + +.u-layout-row > .u-size-25 { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + min-width: 41.66666667%; +} + +.u-layout-col > .u-size-25 { + flex: 25 0 auto; +} + +.u-layout-row > .u-size-24 { + flex: 0 0 40%; + max-width: 40%; + min-width: 40%; +} + +.u-layout-col > .u-size-24 { + flex: 24 0 auto; +} + +.u-layout-row > .u-size-23 { + flex: 0 0 38.33333333%; + max-width: 38.33333333%; + min-width: 38.33333333%; +} + +.u-layout-col > .u-size-23 { + flex: 23 0 auto; +} + +.u-layout-row > .u-size-22 { + flex: 0 0 36.66666667%; + max-width: 36.66666667%; + min-width: 36.66666667%; +} + +.u-layout-col > .u-size-22 { + flex: 22 0 auto; +} + +.u-layout-row > .u-size-21 { + flex: 0 0 35%; + max-width: 35%; + min-width: 35%; +} + +.u-layout-col > .u-size-21 { + flex: 21 0 auto; +} + +.u-layout-row > .u-size-20 { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + min-width: 33.33333333%; +} + +.u-layout-col > .u-size-20 { + flex: 20 0 auto; +} + +.u-layout-row > .u-size-19 { + flex: 0 0 31.66666667%; + max-width: 31.66666667%; + min-width: 31.66666667%; +} + +.u-layout-col > .u-size-19 { + flex: 19 0 auto; +} + +.u-layout-row > .u-size-18 { + flex: 0 0 30%; + max-width: 30%; + min-width: 30%; +} + +.u-layout-col > .u-size-18 { + flex: 18 0 auto; +} + +.u-layout-row > .u-size-17 { + flex: 0 0 28.33333333%; + max-width: 28.33333333%; + min-width: 28.33333333%; +} + +.u-layout-col > .u-size-17 { + flex: 17 0 auto; +} + +.u-layout-row > .u-size-16 { + flex: 0 0 26.66666667%; + max-width: 26.66666667%; + min-width: 26.66666667%; +} + +.u-layout-col > .u-size-16 { + flex: 16 0 auto; +} + +.u-layout-row > .u-size-15 { + flex: 0 0 25%; + max-width: 25%; + min-width: 25%; +} + +.u-layout-col > .u-size-15 { + flex: 15 0 auto; +} + +.u-layout-row > .u-size-14 { + flex: 0 0 23.33333333%; + max-width: 23.33333333%; + min-width: 23.33333333%; +} + +.u-layout-col > .u-size-14 { + flex: 14 0 auto; +} + +.u-layout-row > .u-size-13 { + flex: 0 0 21.66666667%; + max-width: 21.66666667%; + min-width: 21.66666667%; +} + +.u-layout-col > .u-size-13 { + flex: 13 0 auto; +} + +.u-layout-row > .u-size-12 { + flex: 0 0 20%; + max-width: 20%; + min-width: 20%; +} + +.u-layout-col > .u-size-12 { + flex: 12 0 auto; +} + +.u-layout-row > .u-size-11 { + flex: 0 0 18.33333333%; + max-width: 18.33333333%; + min-width: 18.33333333%; +} + +.u-layout-col > .u-size-11 { + flex: 11 0 auto; +} + +.u-layout-row > .u-size-10 { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + min-width: 16.66666667%; +} + +.u-layout-col > .u-size-10 { + flex: 10 0 auto; +} + +.u-layout-row > .u-size-9 { + flex: 0 0 15%; + max-width: 15%; + min-width: 15%; +} + +.u-layout-col > .u-size-9 { + flex: 9 0 auto; +} + +.u-layout-row > .u-size-8 { + flex: 0 0 13.33333333%; + max-width: 13.33333333%; + min-width: 13.33333333%; +} + +.u-layout-col > .u-size-8 { + flex: 8 0 auto; +} + +.u-layout-row > .u-size-7 { + flex: 0 0 11.66666667%; + max-width: 11.66666667%; + min-width: 11.66666667%; +} + +.u-layout-col > .u-size-7 { + flex: 7 0 auto; +} + +.u-layout-row > .u-size-6 { + flex: 0 0 10%; + max-width: 10%; + min-width: 10%; +} + +.u-layout-col > .u-size-6 { + flex: 6 0 auto; +} + +.u-layout-row > .u-size-5 { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + min-width: 8.33333333%; +} + +.u-layout-col > .u-size-5 { + flex: 5 0 auto; +} + +.u-layout-row > .u-size-4 { + flex: 0 0 6.66666667%; + max-width: 6.66666667%; + min-width: 6.66666667%; +} + +.u-layout-col > .u-size-4 { + flex: 4 0 auto; +} + +.u-layout-row > .u-size-3 { + flex: 0 0 5%; + max-width: 5%; + min-width: 5%; +} + +.u-layout-col > .u-size-3 { + flex: 3 0 auto; +} + +.u-layout-row > .u-size-2 { + flex: 0 0 3.33333333%; + max-width: 3.33333333%; + min-width: 3.33333333%; +} + +.u-layout-col > .u-size-2 { + flex: 2 0 auto; +} + +.u-layout-row > .u-size-1 { + flex: 0 0 1.66666667%; + max-width: 1.66666667%; + min-width: 1.66666667%; +} + +.u-layout-col > .u-size-1 { + flex: 1 0 auto; +} + +.u-layout-row > .u-size-0 { + flex: 0 0 0%; + max-width: 0%; + min-width: 0%; +} + +.u-layout-col > .u-size-0 { + flex: 0 0 auto; +} + +@media (min-width: 1400px) { + .u-layout-row > .u-size-60-xl { + flex: 0 0 100%; + max-width: 100%; + min-width: 100%; + } + + .u-layout-col > .u-size-60-xl { + flex: 60 0 auto; + } + + .u-layout-row > .u-size-59-xl { + flex: 0 0 98.33333333%; + max-width: 98.33333333%; + min-width: 98.33333333%; + } + + .u-layout-col > .u-size-59-xl { + flex: 59 0 auto; + } + + .u-layout-row > .u-size-58-xl { + flex: 0 0 96.66666667%; + max-width: 96.66666667%; + min-width: 96.66666667%; + } + + .u-layout-col > .u-size-58-xl { + flex: 58 0 auto; + } + + .u-layout-row > .u-size-57-xl { + flex: 0 0 95%; + max-width: 95%; + min-width: 95%; + } + + .u-layout-col > .u-size-57-xl { + flex: 57 0 auto; + } + + .u-layout-row > .u-size-56-xl { + flex: 0 0 93.33333333%; + max-width: 93.33333333%; + min-width: 93.33333333%; + } + + .u-layout-col > .u-size-56-xl { + flex: 56 0 auto; + } + + .u-layout-row > .u-size-55-xl { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + min-width: 91.66666667%; + } + + .u-layout-col > .u-size-55-xl { + flex: 55 0 auto; + } + + .u-layout-row > .u-size-54-xl { + flex: 0 0 90%; + max-width: 90%; + min-width: 90%; + } + + .u-layout-col > .u-size-54-xl { + flex: 54 0 auto; + } + + .u-layout-row > .u-size-53-xl { + flex: 0 0 88.33333333%; + max-width: 88.33333333%; + min-width: 88.33333333%; + } + + .u-layout-col > .u-size-53-xl { + flex: 53 0 auto; + } + + .u-layout-row > .u-size-52-xl { + flex: 0 0 86.66666667%; + max-width: 86.66666667%; + min-width: 86.66666667%; + } + + .u-layout-col > .u-size-52-xl { + flex: 52 0 auto; + } + + .u-layout-row > .u-size-51-xl { + flex: 0 0 85%; + max-width: 85%; + min-width: 85%; + } + + .u-layout-col > .u-size-51-xl { + flex: 51 0 auto; + } + + .u-layout-row > .u-size-50-xl { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + min-width: 83.33333333%; + } + + .u-layout-col > .u-size-50-xl { + flex: 50 0 auto; + } + + .u-layout-row > .u-size-49-xl { + flex: 0 0 81.66666667%; + max-width: 81.66666667%; + min-width: 81.66666667%; + } + + .u-layout-col > .u-size-49-xl { + flex: 49 0 auto; + } + + .u-layout-row > .u-size-48-xl { + flex: 0 0 80%; + max-width: 80%; + min-width: 80%; + } + + .u-layout-col > .u-size-48-xl { + flex: 48 0 auto; + } + + .u-layout-row > .u-size-47-xl { + flex: 0 0 78.33333333%; + max-width: 78.33333333%; + min-width: 78.33333333%; + } + + .u-layout-col > .u-size-47-xl { + flex: 47 0 auto; + } + + .u-layout-row > .u-size-46-xl { + flex: 0 0 76.66666667%; + max-width: 76.66666667%; + min-width: 76.66666667%; + } + + .u-layout-col > .u-size-46-xl { + flex: 46 0 auto; + } + + .u-layout-row > .u-size-45-xl { + flex: 0 0 75%; + max-width: 75%; + min-width: 75%; + } + + .u-layout-col > .u-size-45-xl { + flex: 45 0 auto; + } + + .u-layout-row > .u-size-44-xl { + flex: 0 0 73.33333333%; + max-width: 73.33333333%; + min-width: 73.33333333%; + } + + .u-layout-col > .u-size-44-xl { + flex: 44 0 auto; + } + + .u-layout-row > .u-size-43-xl { + flex: 0 0 71.66666667%; + max-width: 71.66666667%; + min-width: 71.66666667%; + } + + .u-layout-col > .u-size-43-xl { + flex: 43 0 auto; + } + + .u-layout-row > .u-size-42-xl { + flex: 0 0 70%; + max-width: 70%; + min-width: 70%; + } + + .u-layout-col > .u-size-42-xl { + flex: 42 0 auto; + } + + .u-layout-row > .u-size-41-xl { + flex: 0 0 68.33333333%; + max-width: 68.33333333%; + min-width: 68.33333333%; + } + + .u-layout-col > .u-size-41-xl { + flex: 41 0 auto; + } + + .u-layout-row > .u-size-40-xl { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + min-width: 66.66666667%; + } + + .u-layout-col > .u-size-40-xl { + flex: 40 0 auto; + } + + .u-layout-row > .u-size-39-xl { + flex: 0 0 65%; + max-width: 65%; + min-width: 65%; + } + + .u-layout-col > .u-size-39-xl { + flex: 39 0 auto; + } + + .u-layout-row > .u-size-38-xl { + flex: 0 0 63.33333333%; + max-width: 63.33333333%; + min-width: 63.33333333%; + } + + .u-layout-col > .u-size-38-xl { + flex: 38 0 auto; + } + + .u-layout-row > .u-size-37-xl { + flex: 0 0 61.66666667%; + max-width: 61.66666667%; + min-width: 61.66666667%; + } + + .u-layout-col > .u-size-37-xl { + flex: 37 0 auto; + } + + .u-layout-row > .u-size-36-xl { + flex: 0 0 60%; + max-width: 60%; + min-width: 60%; + } + + .u-layout-col > .u-size-36-xl { + flex: 36 0 auto; + } + + .u-layout-row > .u-size-35-xl { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + min-width: 58.33333333%; + } + + .u-layout-col > .u-size-35-xl { + flex: 35 0 auto; + } + + .u-layout-row > .u-size-34-xl { + flex: 0 0 56.66666667%; + max-width: 56.66666667%; + min-width: 56.66666667%; + } + + .u-layout-col > .u-size-34-xl { + flex: 34 0 auto; + } + + .u-layout-row > .u-size-33-xl { + flex: 0 0 55%; + max-width: 55%; + min-width: 55%; + } + + .u-layout-col > .u-size-33-xl { + flex: 33 0 auto; + } + + .u-layout-row > .u-size-32-xl { + flex: 0 0 53.33333333%; + max-width: 53.33333333%; + min-width: 53.33333333%; + } + + .u-layout-col > .u-size-32-xl { + flex: 32 0 auto; + } + + .u-layout-row > .u-size-31-xl { + flex: 0 0 51.66666667%; + max-width: 51.66666667%; + min-width: 51.66666667%; + } + + .u-layout-col > .u-size-31-xl { + flex: 31 0 auto; + } + + .u-layout-row > .u-size-30-xl { + flex: 0 0 50%; + max-width: 50%; + min-width: 50%; + } + + .u-layout-col > .u-size-30-xl { + flex: 30 0 auto; + } + + .u-layout-row > .u-size-29-xl { + flex: 0 0 48.33333333%; + max-width: 48.33333333%; + min-width: 48.33333333%; + } + + .u-layout-col > .u-size-29-xl { + flex: 29 0 auto; + } + + .u-layout-row > .u-size-28-xl { + flex: 0 0 46.66666667%; + max-width: 46.66666667%; + min-width: 46.66666667%; + } + + .u-layout-col > .u-size-28-xl { + flex: 28 0 auto; + } + + .u-layout-row > .u-size-27-xl { + flex: 0 0 45%; + max-width: 45%; + min-width: 45%; + } + + .u-layout-col > .u-size-27-xl { + flex: 27 0 auto; + } + + .u-layout-row > .u-size-26-xl { + flex: 0 0 43.33333333%; + max-width: 43.33333333%; + min-width: 43.33333333%; + } + + .u-layout-col > .u-size-26-xl { + flex: 26 0 auto; + } + + .u-layout-row > .u-size-25-xl { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + min-width: 41.66666667%; + } + + .u-layout-col > .u-size-25-xl { + flex: 25 0 auto; + } + + .u-layout-row > .u-size-24-xl { + flex: 0 0 40%; + max-width: 40%; + min-width: 40%; + } + + .u-layout-col > .u-size-24-xl { + flex: 24 0 auto; + } + + .u-layout-row > .u-size-23-xl { + flex: 0 0 38.33333333%; + max-width: 38.33333333%; + min-width: 38.33333333%; + } + + .u-layout-col > .u-size-23-xl { + flex: 23 0 auto; + } + + .u-layout-row > .u-size-22-xl { + flex: 0 0 36.66666667%; + max-width: 36.66666667%; + min-width: 36.66666667%; + } + + .u-layout-col > .u-size-22-xl { + flex: 22 0 auto; + } + + .u-layout-row > .u-size-21-xl { + flex: 0 0 35%; + max-width: 35%; + min-width: 35%; + } + + .u-layout-col > .u-size-21-xl { + flex: 21 0 auto; + } + + .u-layout-row > .u-size-20-xl { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + min-width: 33.33333333%; + } + + .u-layout-col > .u-size-20-xl { + flex: 20 0 auto; + } + + .u-layout-row > .u-size-19-xl { + flex: 0 0 31.66666667%; + max-width: 31.66666667%; + min-width: 31.66666667%; + } + + .u-layout-col > .u-size-19-xl { + flex: 19 0 auto; + } + + .u-layout-row > .u-size-18-xl { + flex: 0 0 30%; + max-width: 30%; + min-width: 30%; + } + + .u-layout-col > .u-size-18-xl { + flex: 18 0 auto; + } + + .u-layout-row > .u-size-17-xl { + flex: 0 0 28.33333333%; + max-width: 28.33333333%; + min-width: 28.33333333%; + } + + .u-layout-col > .u-size-17-xl { + flex: 17 0 auto; + } + + .u-layout-row > .u-size-16-xl { + flex: 0 0 26.66666667%; + max-width: 26.66666667%; + min-width: 26.66666667%; + } + + .u-layout-col > .u-size-16-xl { + flex: 16 0 auto; + } + + .u-layout-row > .u-size-15-xl { + flex: 0 0 25%; + max-width: 25%; + min-width: 25%; + } + + .u-layout-col > .u-size-15-xl { + flex: 15 0 auto; + } + + .u-layout-row > .u-size-14-xl { + flex: 0 0 23.33333333%; + max-width: 23.33333333%; + min-width: 23.33333333%; + } + + .u-layout-col > .u-size-14-xl { + flex: 14 0 auto; + } + + .u-layout-row > .u-size-13-xl { + flex: 0 0 21.66666667%; + max-width: 21.66666667%; + min-width: 21.66666667%; + } + + .u-layout-col > .u-size-13-xl { + flex: 13 0 auto; + } + + .u-layout-row > .u-size-12-xl { + flex: 0 0 20%; + max-width: 20%; + min-width: 20%; + } + + .u-layout-col > .u-size-12-xl { + flex: 12 0 auto; + } + + .u-layout-row > .u-size-11-xl { + flex: 0 0 18.33333333%; + max-width: 18.33333333%; + min-width: 18.33333333%; + } + + .u-layout-col > .u-size-11-xl { + flex: 11 0 auto; + } + + .u-layout-row > .u-size-10-xl { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + min-width: 16.66666667%; + } + + .u-layout-col > .u-size-10-xl { + flex: 10 0 auto; + } + + .u-layout-row > .u-size-9-xl { + flex: 0 0 15%; + max-width: 15%; + min-width: 15%; + } + + .u-layout-col > .u-size-9-xl { + flex: 9 0 auto; + } + + .u-layout-row > .u-size-8-xl { + flex: 0 0 13.33333333%; + max-width: 13.33333333%; + min-width: 13.33333333%; + } + + .u-layout-col > .u-size-8-xl { + flex: 8 0 auto; + } + + .u-layout-row > .u-size-7-xl { + flex: 0 0 11.66666667%; + max-width: 11.66666667%; + min-width: 11.66666667%; + } + + .u-layout-col > .u-size-7-xl { + flex: 7 0 auto; + } + + .u-layout-row > .u-size-6-xl { + flex: 0 0 10%; + max-width: 10%; + min-width: 10%; + } + + .u-layout-col > .u-size-6-xl { + flex: 6 0 auto; + } + + .u-layout-row > .u-size-5-xl { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + min-width: 8.33333333%; + } + + .u-layout-col > .u-size-5-xl { + flex: 5 0 auto; + } + + .u-layout-row > .u-size-4-xl { + flex: 0 0 6.66666667%; + max-width: 6.66666667%; + min-width: 6.66666667%; + } + + .u-layout-col > .u-size-4-xl { + flex: 4 0 auto; + } + + .u-layout-row > .u-size-3-xl { + flex: 0 0 5%; + max-width: 5%; + min-width: 5%; + } + + .u-layout-col > .u-size-3-xl { + flex: 3 0 auto; + } + + .u-layout-row > .u-size-2-xl { + flex: 0 0 3.33333333%; + max-width: 3.33333333%; + min-width: 3.33333333%; + } + + .u-layout-col > .u-size-2-xl { + flex: 2 0 auto; + } + + .u-layout-row > .u-size-1-xl { + flex: 0 0 1.66666667%; + max-width: 1.66666667%; + min-width: 1.66666667%; + } + + .u-layout-col > .u-size-1-xl { + flex: 1 0 auto; + } + + .u-layout-row > .u-size-0-xl { + flex: 0 0 0%; + max-width: 0%; + min-width: 0%; + } + + .u-layout-col > .u-size-0-xl { + flex: 0 0 auto; + } +} + +@media (min-width: 1200px) { + .u-xl-mode .u-layout-row > .u-size-60-xl { + flex: 0 0 100%; + max-width: 100%; + min-width: 100%; + } + + .u-xl-mode .u-layout-col > .u-size-60-xl { + flex: 60 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-59-xl { + flex: 0 0 98.33333333%; + max-width: 98.33333333%; + min-width: 98.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-59-xl { + flex: 59 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-58-xl { + flex: 0 0 96.66666667%; + max-width: 96.66666667%; + min-width: 96.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-58-xl { + flex: 58 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-57-xl { + flex: 0 0 95%; + max-width: 95%; + min-width: 95%; + } + + .u-xl-mode .u-layout-col > .u-size-57-xl { + flex: 57 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-56-xl { + flex: 0 0 93.33333333%; + max-width: 93.33333333%; + min-width: 93.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-56-xl { + flex: 56 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-55-xl { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + min-width: 91.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-55-xl { + flex: 55 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-54-xl { + flex: 0 0 90%; + max-width: 90%; + min-width: 90%; + } + + .u-xl-mode .u-layout-col > .u-size-54-xl { + flex: 54 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-53-xl { + flex: 0 0 88.33333333%; + max-width: 88.33333333%; + min-width: 88.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-53-xl { + flex: 53 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-52-xl { + flex: 0 0 86.66666667%; + max-width: 86.66666667%; + min-width: 86.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-52-xl { + flex: 52 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-51-xl { + flex: 0 0 85%; + max-width: 85%; + min-width: 85%; + } + + .u-xl-mode .u-layout-col > .u-size-51-xl { + flex: 51 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-50-xl { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + min-width: 83.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-50-xl { + flex: 50 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-49-xl { + flex: 0 0 81.66666667%; + max-width: 81.66666667%; + min-width: 81.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-49-xl { + flex: 49 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-48-xl { + flex: 0 0 80%; + max-width: 80%; + min-width: 80%; + } + + .u-xl-mode .u-layout-col > .u-size-48-xl { + flex: 48 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-47-xl { + flex: 0 0 78.33333333%; + max-width: 78.33333333%; + min-width: 78.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-47-xl { + flex: 47 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-46-xl { + flex: 0 0 76.66666667%; + max-width: 76.66666667%; + min-width: 76.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-46-xl { + flex: 46 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-45-xl { + flex: 0 0 75%; + max-width: 75%; + min-width: 75%; + } + + .u-xl-mode .u-layout-col > .u-size-45-xl { + flex: 45 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-44-xl { + flex: 0 0 73.33333333%; + max-width: 73.33333333%; + min-width: 73.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-44-xl { + flex: 44 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-43-xl { + flex: 0 0 71.66666667%; + max-width: 71.66666667%; + min-width: 71.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-43-xl { + flex: 43 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-42-xl { + flex: 0 0 70%; + max-width: 70%; + min-width: 70%; + } + + .u-xl-mode .u-layout-col > .u-size-42-xl { + flex: 42 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-41-xl { + flex: 0 0 68.33333333%; + max-width: 68.33333333%; + min-width: 68.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-41-xl { + flex: 41 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-40-xl { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + min-width: 66.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-40-xl { + flex: 40 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-39-xl { + flex: 0 0 65%; + max-width: 65%; + min-width: 65%; + } + + .u-xl-mode .u-layout-col > .u-size-39-xl { + flex: 39 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-38-xl { + flex: 0 0 63.33333333%; + max-width: 63.33333333%; + min-width: 63.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-38-xl { + flex: 38 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-37-xl { + flex: 0 0 61.66666667%; + max-width: 61.66666667%; + min-width: 61.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-37-xl { + flex: 37 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-36-xl { + flex: 0 0 60%; + max-width: 60%; + min-width: 60%; + } + + .u-xl-mode .u-layout-col > .u-size-36-xl { + flex: 36 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-35-xl { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + min-width: 58.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-35-xl { + flex: 35 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-34-xl { + flex: 0 0 56.66666667%; + max-width: 56.66666667%; + min-width: 56.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-34-xl { + flex: 34 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-33-xl { + flex: 0 0 55%; + max-width: 55%; + min-width: 55%; + } + + .u-xl-mode .u-layout-col > .u-size-33-xl { + flex: 33 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-32-xl { + flex: 0 0 53.33333333%; + max-width: 53.33333333%; + min-width: 53.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-32-xl { + flex: 32 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-31-xl { + flex: 0 0 51.66666667%; + max-width: 51.66666667%; + min-width: 51.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-31-xl { + flex: 31 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-30-xl { + flex: 0 0 50%; + max-width: 50%; + min-width: 50%; + } + + .u-xl-mode .u-layout-col > .u-size-30-xl { + flex: 30 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-29-xl { + flex: 0 0 48.33333333%; + max-width: 48.33333333%; + min-width: 48.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-29-xl { + flex: 29 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-28-xl { + flex: 0 0 46.66666667%; + max-width: 46.66666667%; + min-width: 46.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-28-xl { + flex: 28 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-27-xl { + flex: 0 0 45%; + max-width: 45%; + min-width: 45%; + } + + .u-xl-mode .u-layout-col > .u-size-27-xl { + flex: 27 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-26-xl { + flex: 0 0 43.33333333%; + max-width: 43.33333333%; + min-width: 43.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-26-xl { + flex: 26 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-25-xl { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + min-width: 41.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-25-xl { + flex: 25 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-24-xl { + flex: 0 0 40%; + max-width: 40%; + min-width: 40%; + } + + .u-xl-mode .u-layout-col > .u-size-24-xl { + flex: 24 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-23-xl { + flex: 0 0 38.33333333%; + max-width: 38.33333333%; + min-width: 38.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-23-xl { + flex: 23 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-22-xl { + flex: 0 0 36.66666667%; + max-width: 36.66666667%; + min-width: 36.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-22-xl { + flex: 22 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-21-xl { + flex: 0 0 35%; + max-width: 35%; + min-width: 35%; + } + + .u-xl-mode .u-layout-col > .u-size-21-xl { + flex: 21 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-20-xl { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + min-width: 33.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-20-xl { + flex: 20 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-19-xl { + flex: 0 0 31.66666667%; + max-width: 31.66666667%; + min-width: 31.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-19-xl { + flex: 19 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-18-xl { + flex: 0 0 30%; + max-width: 30%; + min-width: 30%; + } + + .u-xl-mode .u-layout-col > .u-size-18-xl { + flex: 18 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-17-xl { + flex: 0 0 28.33333333%; + max-width: 28.33333333%; + min-width: 28.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-17-xl { + flex: 17 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-16-xl { + flex: 0 0 26.66666667%; + max-width: 26.66666667%; + min-width: 26.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-16-xl { + flex: 16 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-15-xl { + flex: 0 0 25%; + max-width: 25%; + min-width: 25%; + } + + .u-xl-mode .u-layout-col > .u-size-15-xl { + flex: 15 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-14-xl { + flex: 0 0 23.33333333%; + max-width: 23.33333333%; + min-width: 23.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-14-xl { + flex: 14 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-13-xl { + flex: 0 0 21.66666667%; + max-width: 21.66666667%; + min-width: 21.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-13-xl { + flex: 13 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-12-xl { + flex: 0 0 20%; + max-width: 20%; + min-width: 20%; + } + + .u-xl-mode .u-layout-col > .u-size-12-xl { + flex: 12 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-11-xl { + flex: 0 0 18.33333333%; + max-width: 18.33333333%; + min-width: 18.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-11-xl { + flex: 11 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-10-xl { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + min-width: 16.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-10-xl { + flex: 10 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-9-xl { + flex: 0 0 15%; + max-width: 15%; + min-width: 15%; + } + + .u-xl-mode .u-layout-col > .u-size-9-xl { + flex: 9 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-8-xl { + flex: 0 0 13.33333333%; + max-width: 13.33333333%; + min-width: 13.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-8-xl { + flex: 8 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-7-xl { + flex: 0 0 11.66666667%; + max-width: 11.66666667%; + min-width: 11.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-7-xl { + flex: 7 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-6-xl { + flex: 0 0 10%; + max-width: 10%; + min-width: 10%; + } + + .u-xl-mode .u-layout-col > .u-size-6-xl { + flex: 6 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-5-xl { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + min-width: 8.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-5-xl { + flex: 5 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-4-xl { + flex: 0 0 6.66666667%; + max-width: 6.66666667%; + min-width: 6.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-4-xl { + flex: 4 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-3-xl { + flex: 0 0 5%; + max-width: 5%; + min-width: 5%; + } + + .u-xl-mode .u-layout-col > .u-size-3-xl { + flex: 3 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-2-xl { + flex: 0 0 3.33333333%; + max-width: 3.33333333%; + min-width: 3.33333333%; + } + + .u-xl-mode .u-layout-col > .u-size-2-xl { + flex: 2 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-1-xl { + flex: 0 0 1.66666667%; + max-width: 1.66666667%; + min-width: 1.66666667%; + } + + .u-xl-mode .u-layout-col > .u-size-1-xl { + flex: 1 0 auto; + } + + .u-xl-mode .u-layout-row > .u-size-0-xl { + flex: 0 0 0%; + max-width: 0%; + min-width: 0%; + } + + .u-xl-mode .u-layout-col > .u-size-0-xl { + flex: 0 0 auto; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .u-layout-row > .u-size-60-lg { + flex: 0 0 100%; + max-width: 100%; + min-width: 100%; + } + + .u-layout-col > .u-size-60-lg { + flex: 60 0 auto; + } + + .u-layout-row > .u-size-59-lg { + flex: 0 0 98.33333333%; + max-width: 98.33333333%; + min-width: 98.33333333%; + } + + .u-layout-col > .u-size-59-lg { + flex: 59 0 auto; + } + + .u-layout-row > .u-size-58-lg { + flex: 0 0 96.66666667%; + max-width: 96.66666667%; + min-width: 96.66666667%; + } + + .u-layout-col > .u-size-58-lg { + flex: 58 0 auto; + } + + .u-layout-row > .u-size-57-lg { + flex: 0 0 95%; + max-width: 95%; + min-width: 95%; + } + + .u-layout-col > .u-size-57-lg { + flex: 57 0 auto; + } + + .u-layout-row > .u-size-56-lg { + flex: 0 0 93.33333333%; + max-width: 93.33333333%; + min-width: 93.33333333%; + } + + .u-layout-col > .u-size-56-lg { + flex: 56 0 auto; + } + + .u-layout-row > .u-size-55-lg { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + min-width: 91.66666667%; + } + + .u-layout-col > .u-size-55-lg { + flex: 55 0 auto; + } + + .u-layout-row > .u-size-54-lg { + flex: 0 0 90%; + max-width: 90%; + min-width: 90%; + } + + .u-layout-col > .u-size-54-lg { + flex: 54 0 auto; + } + + .u-layout-row > .u-size-53-lg { + flex: 0 0 88.33333333%; + max-width: 88.33333333%; + min-width: 88.33333333%; + } + + .u-layout-col > .u-size-53-lg { + flex: 53 0 auto; + } + + .u-layout-row > .u-size-52-lg { + flex: 0 0 86.66666667%; + max-width: 86.66666667%; + min-width: 86.66666667%; + } + + .u-layout-col > .u-size-52-lg { + flex: 52 0 auto; + } + + .u-layout-row > .u-size-51-lg { + flex: 0 0 85%; + max-width: 85%; + min-width: 85%; + } + + .u-layout-col > .u-size-51-lg { + flex: 51 0 auto; + } + + .u-layout-row > .u-size-50-lg { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + min-width: 83.33333333%; + } + + .u-layout-col > .u-size-50-lg { + flex: 50 0 auto; + } + + .u-layout-row > .u-size-49-lg { + flex: 0 0 81.66666667%; + max-width: 81.66666667%; + min-width: 81.66666667%; + } + + .u-layout-col > .u-size-49-lg { + flex: 49 0 auto; + } + + .u-layout-row > .u-size-48-lg { + flex: 0 0 80%; + max-width: 80%; + min-width: 80%; + } + + .u-layout-col > .u-size-48-lg { + flex: 48 0 auto; + } + + .u-layout-row > .u-size-47-lg { + flex: 0 0 78.33333333%; + max-width: 78.33333333%; + min-width: 78.33333333%; + } + + .u-layout-col > .u-size-47-lg { + flex: 47 0 auto; + } + + .u-layout-row > .u-size-46-lg { + flex: 0 0 76.66666667%; + max-width: 76.66666667%; + min-width: 76.66666667%; + } + + .u-layout-col > .u-size-46-lg { + flex: 46 0 auto; + } + + .u-layout-row > .u-size-45-lg { + flex: 0 0 75%; + max-width: 75%; + min-width: 75%; + } + + .u-layout-col > .u-size-45-lg { + flex: 45 0 auto; + } + + .u-layout-row > .u-size-44-lg { + flex: 0 0 73.33333333%; + max-width: 73.33333333%; + min-width: 73.33333333%; + } + + .u-layout-col > .u-size-44-lg { + flex: 44 0 auto; + } + + .u-layout-row > .u-size-43-lg { + flex: 0 0 71.66666667%; + max-width: 71.66666667%; + min-width: 71.66666667%; + } + + .u-layout-col > .u-size-43-lg { + flex: 43 0 auto; + } + + .u-layout-row > .u-size-42-lg { + flex: 0 0 70%; + max-width: 70%; + min-width: 70%; + } + + .u-layout-col > .u-size-42-lg { + flex: 42 0 auto; + } + + .u-layout-row > .u-size-41-lg { + flex: 0 0 68.33333333%; + max-width: 68.33333333%; + min-width: 68.33333333%; + } + + .u-layout-col > .u-size-41-lg { + flex: 41 0 auto; + } + + .u-layout-row > .u-size-40-lg { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + min-width: 66.66666667%; + } + + .u-layout-col > .u-size-40-lg { + flex: 40 0 auto; + } + + .u-layout-row > .u-size-39-lg { + flex: 0 0 65%; + max-width: 65%; + min-width: 65%; + } + + .u-layout-col > .u-size-39-lg { + flex: 39 0 auto; + } + + .u-layout-row > .u-size-38-lg { + flex: 0 0 63.33333333%; + max-width: 63.33333333%; + min-width: 63.33333333%; + } + + .u-layout-col > .u-size-38-lg { + flex: 38 0 auto; + } + + .u-layout-row > .u-size-37-lg { + flex: 0 0 61.66666667%; + max-width: 61.66666667%; + min-width: 61.66666667%; + } + + .u-layout-col > .u-size-37-lg { + flex: 37 0 auto; + } + + .u-layout-row > .u-size-36-lg { + flex: 0 0 60%; + max-width: 60%; + min-width: 60%; + } + + .u-layout-col > .u-size-36-lg { + flex: 36 0 auto; + } + + .u-layout-row > .u-size-35-lg { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + min-width: 58.33333333%; + } + + .u-layout-col > .u-size-35-lg { + flex: 35 0 auto; + } + + .u-layout-row > .u-size-34-lg { + flex: 0 0 56.66666667%; + max-width: 56.66666667%; + min-width: 56.66666667%; + } + + .u-layout-col > .u-size-34-lg { + flex: 34 0 auto; + } + + .u-layout-row > .u-size-33-lg { + flex: 0 0 55%; + max-width: 55%; + min-width: 55%; + } + + .u-layout-col > .u-size-33-lg { + flex: 33 0 auto; + } + + .u-layout-row > .u-size-32-lg { + flex: 0 0 53.33333333%; + max-width: 53.33333333%; + min-width: 53.33333333%; + } + + .u-layout-col > .u-size-32-lg { + flex: 32 0 auto; + } + + .u-layout-row > .u-size-31-lg { + flex: 0 0 51.66666667%; + max-width: 51.66666667%; + min-width: 51.66666667%; + } + + .u-layout-col > .u-size-31-lg { + flex: 31 0 auto; + } + + .u-layout-row > .u-size-30-lg { + flex: 0 0 50%; + max-width: 50%; + min-width: 50%; + } + + .u-layout-col > .u-size-30-lg { + flex: 30 0 auto; + } + + .u-layout-row > .u-size-29-lg { + flex: 0 0 48.33333333%; + max-width: 48.33333333%; + min-width: 48.33333333%; + } + + .u-layout-col > .u-size-29-lg { + flex: 29 0 auto; + } + + .u-layout-row > .u-size-28-lg { + flex: 0 0 46.66666667%; + max-width: 46.66666667%; + min-width: 46.66666667%; + } + + .u-layout-col > .u-size-28-lg { + flex: 28 0 auto; + } + + .u-layout-row > .u-size-27-lg { + flex: 0 0 45%; + max-width: 45%; + min-width: 45%; + } + + .u-layout-col > .u-size-27-lg { + flex: 27 0 auto; + } + + .u-layout-row > .u-size-26-lg { + flex: 0 0 43.33333333%; + max-width: 43.33333333%; + min-width: 43.33333333%; + } + + .u-layout-col > .u-size-26-lg { + flex: 26 0 auto; + } + + .u-layout-row > .u-size-25-lg { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + min-width: 41.66666667%; + } + + .u-layout-col > .u-size-25-lg { + flex: 25 0 auto; + } + + .u-layout-row > .u-size-24-lg { + flex: 0 0 40%; + max-width: 40%; + min-width: 40%; + } + + .u-layout-col > .u-size-24-lg { + flex: 24 0 auto; + } + + .u-layout-row > .u-size-23-lg { + flex: 0 0 38.33333333%; + max-width: 38.33333333%; + min-width: 38.33333333%; + } + + .u-layout-col > .u-size-23-lg { + flex: 23 0 auto; + } + + .u-layout-row > .u-size-22-lg { + flex: 0 0 36.66666667%; + max-width: 36.66666667%; + min-width: 36.66666667%; + } + + .u-layout-col > .u-size-22-lg { + flex: 22 0 auto; + } + + .u-layout-row > .u-size-21-lg { + flex: 0 0 35%; + max-width: 35%; + min-width: 35%; + } + + .u-layout-col > .u-size-21-lg { + flex: 21 0 auto; + } + + .u-layout-row > .u-size-20-lg { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + min-width: 33.33333333%; + } + + .u-layout-col > .u-size-20-lg { + flex: 20 0 auto; + } + + .u-layout-row > .u-size-19-lg { + flex: 0 0 31.66666667%; + max-width: 31.66666667%; + min-width: 31.66666667%; + } + + .u-layout-col > .u-size-19-lg { + flex: 19 0 auto; + } + + .u-layout-row > .u-size-18-lg { + flex: 0 0 30%; + max-width: 30%; + min-width: 30%; + } + + .u-layout-col > .u-size-18-lg { + flex: 18 0 auto; + } + + .u-layout-row > .u-size-17-lg { + flex: 0 0 28.33333333%; + max-width: 28.33333333%; + min-width: 28.33333333%; + } + + .u-layout-col > .u-size-17-lg { + flex: 17 0 auto; + } + + .u-layout-row > .u-size-16-lg { + flex: 0 0 26.66666667%; + max-width: 26.66666667%; + min-width: 26.66666667%; + } + + .u-layout-col > .u-size-16-lg { + flex: 16 0 auto; + } + + .u-layout-row > .u-size-15-lg { + flex: 0 0 25%; + max-width: 25%; + min-width: 25%; + } + + .u-layout-col > .u-size-15-lg { + flex: 15 0 auto; + } + + .u-layout-row > .u-size-14-lg { + flex: 0 0 23.33333333%; + max-width: 23.33333333%; + min-width: 23.33333333%; + } + + .u-layout-col > .u-size-14-lg { + flex: 14 0 auto; + } + + .u-layout-row > .u-size-13-lg { + flex: 0 0 21.66666667%; + max-width: 21.66666667%; + min-width: 21.66666667%; + } + + .u-layout-col > .u-size-13-lg { + flex: 13 0 auto; + } + + .u-layout-row > .u-size-12-lg { + flex: 0 0 20%; + max-width: 20%; + min-width: 20%; + } + + .u-layout-col > .u-size-12-lg { + flex: 12 0 auto; + } + + .u-layout-row > .u-size-11-lg { + flex: 0 0 18.33333333%; + max-width: 18.33333333%; + min-width: 18.33333333%; + } + + .u-layout-col > .u-size-11-lg { + flex: 11 0 auto; + } + + .u-layout-row > .u-size-10-lg { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + min-width: 16.66666667%; + } + + .u-layout-col > .u-size-10-lg { + flex: 10 0 auto; + } + + .u-layout-row > .u-size-9-lg { + flex: 0 0 15%; + max-width: 15%; + min-width: 15%; + } + + .u-layout-col > .u-size-9-lg { + flex: 9 0 auto; + } + + .u-layout-row > .u-size-8-lg { + flex: 0 0 13.33333333%; + max-width: 13.33333333%; + min-width: 13.33333333%; + } + + .u-layout-col > .u-size-8-lg { + flex: 8 0 auto; + } + + .u-layout-row > .u-size-7-lg { + flex: 0 0 11.66666667%; + max-width: 11.66666667%; + min-width: 11.66666667%; + } + + .u-layout-col > .u-size-7-lg { + flex: 7 0 auto; + } + + .u-layout-row > .u-size-6-lg { + flex: 0 0 10%; + max-width: 10%; + min-width: 10%; + } + + .u-layout-col > .u-size-6-lg { + flex: 6 0 auto; + } + + .u-layout-row > .u-size-5-lg { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + min-width: 8.33333333%; + } + + .u-layout-col > .u-size-5-lg { + flex: 5 0 auto; + } + + .u-layout-row > .u-size-4-lg { + flex: 0 0 6.66666667%; + max-width: 6.66666667%; + min-width: 6.66666667%; + } + + .u-layout-col > .u-size-4-lg { + flex: 4 0 auto; + } + + .u-layout-row > .u-size-3-lg { + flex: 0 0 5%; + max-width: 5%; + min-width: 5%; + } + + .u-layout-col > .u-size-3-lg { + flex: 3 0 auto; + } + + .u-layout-row > .u-size-2-lg { + flex: 0 0 3.33333333%; + max-width: 3.33333333%; + min-width: 3.33333333%; + } + + .u-layout-col > .u-size-2-lg { + flex: 2 0 auto; + } + + .u-layout-row > .u-size-1-lg { + flex: 0 0 1.66666667%; + max-width: 1.66666667%; + min-width: 1.66666667%; + } + + .u-layout-col > .u-size-1-lg { + flex: 1 0 auto; + } + + .u-layout-row > .u-size-0-lg { + flex: 0 0 0%; + max-width: 0%; + min-width: 0%; + } + + .u-layout-col > .u-size-0-lg { + flex: 0 0 auto; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .u-layout-row > .u-size-60-md { + flex: 0 0 100%; + max-width: 100%; + min-width: 100%; + } + + .u-layout-col > .u-size-60-md { + flex: 60 0 auto; + } + + .u-layout-row > .u-size-59-md { + flex: 0 0 98.33333333%; + max-width: 98.33333333%; + min-width: 98.33333333%; + } + + .u-layout-col > .u-size-59-md { + flex: 59 0 auto; + } + + .u-layout-row > .u-size-58-md { + flex: 0 0 96.66666667%; + max-width: 96.66666667%; + min-width: 96.66666667%; + } + + .u-layout-col > .u-size-58-md { + flex: 58 0 auto; + } + + .u-layout-row > .u-size-57-md { + flex: 0 0 95%; + max-width: 95%; + min-width: 95%; + } + + .u-layout-col > .u-size-57-md { + flex: 57 0 auto; + } + + .u-layout-row > .u-size-56-md { + flex: 0 0 93.33333333%; + max-width: 93.33333333%; + min-width: 93.33333333%; + } + + .u-layout-col > .u-size-56-md { + flex: 56 0 auto; + } + + .u-layout-row > .u-size-55-md { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + min-width: 91.66666667%; + } + + .u-layout-col > .u-size-55-md { + flex: 55 0 auto; + } + + .u-layout-row > .u-size-54-md { + flex: 0 0 90%; + max-width: 90%; + min-width: 90%; + } + + .u-layout-col > .u-size-54-md { + flex: 54 0 auto; + } + + .u-layout-row > .u-size-53-md { + flex: 0 0 88.33333333%; + max-width: 88.33333333%; + min-width: 88.33333333%; + } + + .u-layout-col > .u-size-53-md { + flex: 53 0 auto; + } + + .u-layout-row > .u-size-52-md { + flex: 0 0 86.66666667%; + max-width: 86.66666667%; + min-width: 86.66666667%; + } + + .u-layout-col > .u-size-52-md { + flex: 52 0 auto; + } + + .u-layout-row > .u-size-51-md { + flex: 0 0 85%; + max-width: 85%; + min-width: 85%; + } + + .u-layout-col > .u-size-51-md { + flex: 51 0 auto; + } + + .u-layout-row > .u-size-50-md { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + min-width: 83.33333333%; + } + + .u-layout-col > .u-size-50-md { + flex: 50 0 auto; + } + + .u-layout-row > .u-size-49-md { + flex: 0 0 81.66666667%; + max-width: 81.66666667%; + min-width: 81.66666667%; + } + + .u-layout-col > .u-size-49-md { + flex: 49 0 auto; + } + + .u-layout-row > .u-size-48-md { + flex: 0 0 80%; + max-width: 80%; + min-width: 80%; + } + + .u-layout-col > .u-size-48-md { + flex: 48 0 auto; + } + + .u-layout-row > .u-size-47-md { + flex: 0 0 78.33333333%; + max-width: 78.33333333%; + min-width: 78.33333333%; + } + + .u-layout-col > .u-size-47-md { + flex: 47 0 auto; + } + + .u-layout-row > .u-size-46-md { + flex: 0 0 76.66666667%; + max-width: 76.66666667%; + min-width: 76.66666667%; + } + + .u-layout-col > .u-size-46-md { + flex: 46 0 auto; + } + + .u-layout-row > .u-size-45-md { + flex: 0 0 75%; + max-width: 75%; + min-width: 75%; + } + + .u-layout-col > .u-size-45-md { + flex: 45 0 auto; + } + + .u-layout-row > .u-size-44-md { + flex: 0 0 73.33333333%; + max-width: 73.33333333%; + min-width: 73.33333333%; + } + + .u-layout-col > .u-size-44-md { + flex: 44 0 auto; + } + + .u-layout-row > .u-size-43-md { + flex: 0 0 71.66666667%; + max-width: 71.66666667%; + min-width: 71.66666667%; + } + + .u-layout-col > .u-size-43-md { + flex: 43 0 auto; + } + + .u-layout-row > .u-size-42-md { + flex: 0 0 70%; + max-width: 70%; + min-width: 70%; + } + + .u-layout-col > .u-size-42-md { + flex: 42 0 auto; + } + + .u-layout-row > .u-size-41-md { + flex: 0 0 68.33333333%; + max-width: 68.33333333%; + min-width: 68.33333333%; + } + + .u-layout-col > .u-size-41-md { + flex: 41 0 auto; + } + + .u-layout-row > .u-size-40-md { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + min-width: 66.66666667%; + } + + .u-layout-col > .u-size-40-md { + flex: 40 0 auto; + } + + .u-layout-row > .u-size-39-md { + flex: 0 0 65%; + max-width: 65%; + min-width: 65%; + } + + .u-layout-col > .u-size-39-md { + flex: 39 0 auto; + } + + .u-layout-row > .u-size-38-md { + flex: 0 0 63.33333333%; + max-width: 63.33333333%; + min-width: 63.33333333%; + } + + .u-layout-col > .u-size-38-md { + flex: 38 0 auto; + } + + .u-layout-row > .u-size-37-md { + flex: 0 0 61.66666667%; + max-width: 61.66666667%; + min-width: 61.66666667%; + } + + .u-layout-col > .u-size-37-md { + flex: 37 0 auto; + } + + .u-layout-row > .u-size-36-md { + flex: 0 0 60%; + max-width: 60%; + min-width: 60%; + } + + .u-layout-col > .u-size-36-md { + flex: 36 0 auto; + } + + .u-layout-row > .u-size-35-md { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + min-width: 58.33333333%; + } + + .u-layout-col > .u-size-35-md { + flex: 35 0 auto; + } + + .u-layout-row > .u-size-34-md { + flex: 0 0 56.66666667%; + max-width: 56.66666667%; + min-width: 56.66666667%; + } + + .u-layout-col > .u-size-34-md { + flex: 34 0 auto; + } + + .u-layout-row > .u-size-33-md { + flex: 0 0 55%; + max-width: 55%; + min-width: 55%; + } + + .u-layout-col > .u-size-33-md { + flex: 33 0 auto; + } + + .u-layout-row > .u-size-32-md { + flex: 0 0 53.33333333%; + max-width: 53.33333333%; + min-width: 53.33333333%; + } + + .u-layout-col > .u-size-32-md { + flex: 32 0 auto; + } + + .u-layout-row > .u-size-31-md { + flex: 0 0 51.66666667%; + max-width: 51.66666667%; + min-width: 51.66666667%; + } + + .u-layout-col > .u-size-31-md { + flex: 31 0 auto; + } + + .u-layout-row > .u-size-30-md { + flex: 0 0 50%; + max-width: 50%; + min-width: 50%; + } + + .u-layout-col > .u-size-30-md { + flex: 30 0 auto; + } + + .u-layout-row > .u-size-29-md { + flex: 0 0 48.33333333%; + max-width: 48.33333333%; + min-width: 48.33333333%; + } + + .u-layout-col > .u-size-29-md { + flex: 29 0 auto; + } + + .u-layout-row > .u-size-28-md { + flex: 0 0 46.66666667%; + max-width: 46.66666667%; + min-width: 46.66666667%; + } + + .u-layout-col > .u-size-28-md { + flex: 28 0 auto; + } + + .u-layout-row > .u-size-27-md { + flex: 0 0 45%; + max-width: 45%; + min-width: 45%; + } + + .u-layout-col > .u-size-27-md { + flex: 27 0 auto; + } + + .u-layout-row > .u-size-26-md { + flex: 0 0 43.33333333%; + max-width: 43.33333333%; + min-width: 43.33333333%; + } + + .u-layout-col > .u-size-26-md { + flex: 26 0 auto; + } + + .u-layout-row > .u-size-25-md { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + min-width: 41.66666667%; + } + + .u-layout-col > .u-size-25-md { + flex: 25 0 auto; + } + + .u-layout-row > .u-size-24-md { + flex: 0 0 40%; + max-width: 40%; + min-width: 40%; + } + + .u-layout-col > .u-size-24-md { + flex: 24 0 auto; + } + + .u-layout-row > .u-size-23-md { + flex: 0 0 38.33333333%; + max-width: 38.33333333%; + min-width: 38.33333333%; + } + + .u-layout-col > .u-size-23-md { + flex: 23 0 auto; + } + + .u-layout-row > .u-size-22-md { + flex: 0 0 36.66666667%; + max-width: 36.66666667%; + min-width: 36.66666667%; + } + + .u-layout-col > .u-size-22-md { + flex: 22 0 auto; + } + + .u-layout-row > .u-size-21-md { + flex: 0 0 35%; + max-width: 35%; + min-width: 35%; + } + + .u-layout-col > .u-size-21-md { + flex: 21 0 auto; + } + + .u-layout-row > .u-size-20-md { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + min-width: 33.33333333%; + } + + .u-layout-col > .u-size-20-md { + flex: 20 0 auto; + } + + .u-layout-row > .u-size-19-md { + flex: 0 0 31.66666667%; + max-width: 31.66666667%; + min-width: 31.66666667%; + } + + .u-layout-col > .u-size-19-md { + flex: 19 0 auto; + } + + .u-layout-row > .u-size-18-md { + flex: 0 0 30%; + max-width: 30%; + min-width: 30%; + } + + .u-layout-col > .u-size-18-md { + flex: 18 0 auto; + } + + .u-layout-row > .u-size-17-md { + flex: 0 0 28.33333333%; + max-width: 28.33333333%; + min-width: 28.33333333%; + } + + .u-layout-col > .u-size-17-md { + flex: 17 0 auto; + } + + .u-layout-row > .u-size-16-md { + flex: 0 0 26.66666667%; + max-width: 26.66666667%; + min-width: 26.66666667%; + } + + .u-layout-col > .u-size-16-md { + flex: 16 0 auto; + } + + .u-layout-row > .u-size-15-md { + flex: 0 0 25%; + max-width: 25%; + min-width: 25%; + } + + .u-layout-col > .u-size-15-md { + flex: 15 0 auto; + } + + .u-layout-row > .u-size-14-md { + flex: 0 0 23.33333333%; + max-width: 23.33333333%; + min-width: 23.33333333%; + } + + .u-layout-col > .u-size-14-md { + flex: 14 0 auto; + } + + .u-layout-row > .u-size-13-md { + flex: 0 0 21.66666667%; + max-width: 21.66666667%; + min-width: 21.66666667%; + } + + .u-layout-col > .u-size-13-md { + flex: 13 0 auto; + } + + .u-layout-row > .u-size-12-md { + flex: 0 0 20%; + max-width: 20%; + min-width: 20%; + } + + .u-layout-col > .u-size-12-md { + flex: 12 0 auto; + } + + .u-layout-row > .u-size-11-md { + flex: 0 0 18.33333333%; + max-width: 18.33333333%; + min-width: 18.33333333%; + } + + .u-layout-col > .u-size-11-md { + flex: 11 0 auto; + } + + .u-layout-row > .u-size-10-md { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + min-width: 16.66666667%; + } + + .u-layout-col > .u-size-10-md { + flex: 10 0 auto; + } + + .u-layout-row > .u-size-9-md { + flex: 0 0 15%; + max-width: 15%; + min-width: 15%; + } + + .u-layout-col > .u-size-9-md { + flex: 9 0 auto; + } + + .u-layout-row > .u-size-8-md { + flex: 0 0 13.33333333%; + max-width: 13.33333333%; + min-width: 13.33333333%; + } + + .u-layout-col > .u-size-8-md { + flex: 8 0 auto; + } + + .u-layout-row > .u-size-7-md { + flex: 0 0 11.66666667%; + max-width: 11.66666667%; + min-width: 11.66666667%; + } + + .u-layout-col > .u-size-7-md { + flex: 7 0 auto; + } + + .u-layout-row > .u-size-6-md { + flex: 0 0 10%; + max-width: 10%; + min-width: 10%; + } + + .u-layout-col > .u-size-6-md { + flex: 6 0 auto; + } + + .u-layout-row > .u-size-5-md { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + min-width: 8.33333333%; + } + + .u-layout-col > .u-size-5-md { + flex: 5 0 auto; + } + + .u-layout-row > .u-size-4-md { + flex: 0 0 6.66666667%; + max-width: 6.66666667%; + min-width: 6.66666667%; + } + + .u-layout-col > .u-size-4-md { + flex: 4 0 auto; + } + + .u-layout-row > .u-size-3-md { + flex: 0 0 5%; + max-width: 5%; + min-width: 5%; + } + + .u-layout-col > .u-size-3-md { + flex: 3 0 auto; + } + + .u-layout-row > .u-size-2-md { + flex: 0 0 3.33333333%; + max-width: 3.33333333%; + min-width: 3.33333333%; + } + + .u-layout-col > .u-size-2-md { + flex: 2 0 auto; + } + + .u-layout-row > .u-size-1-md { + flex: 0 0 1.66666667%; + max-width: 1.66666667%; + min-width: 1.66666667%; + } + + .u-layout-col > .u-size-1-md { + flex: 1 0 auto; + } + + .u-layout-row > .u-size-0-md { + flex: 0 0 0%; + max-width: 0%; + min-width: 0%; + } + + .u-layout-col > .u-size-0-md { + flex: 0 0 auto; + } +} + +@media (min-width: 576px) and (max-width: 767px) { + .u-layout-row > .u-size-60-sm { + flex: 0 0 100%; + max-width: 100%; + min-width: 100%; + } + + .u-layout-col > .u-size-60-sm { + flex: 60 0 auto; + } + + .u-layout-row > .u-size-59-sm { + flex: 0 0 98.33333333%; + max-width: 98.33333333%; + min-width: 98.33333333%; + } + + .u-layout-col > .u-size-59-sm { + flex: 59 0 auto; + } + + .u-layout-row > .u-size-58-sm { + flex: 0 0 96.66666667%; + max-width: 96.66666667%; + min-width: 96.66666667%; + } + + .u-layout-col > .u-size-58-sm { + flex: 58 0 auto; + } + + .u-layout-row > .u-size-57-sm { + flex: 0 0 95%; + max-width: 95%; + min-width: 95%; + } + + .u-layout-col > .u-size-57-sm { + flex: 57 0 auto; + } + + .u-layout-row > .u-size-56-sm { + flex: 0 0 93.33333333%; + max-width: 93.33333333%; + min-width: 93.33333333%; + } + + .u-layout-col > .u-size-56-sm { + flex: 56 0 auto; + } + + .u-layout-row > .u-size-55-sm { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + min-width: 91.66666667%; + } + + .u-layout-col > .u-size-55-sm { + flex: 55 0 auto; + } + + .u-layout-row > .u-size-54-sm { + flex: 0 0 90%; + max-width: 90%; + min-width: 90%; + } + + .u-layout-col > .u-size-54-sm { + flex: 54 0 auto; + } + + .u-layout-row > .u-size-53-sm { + flex: 0 0 88.33333333%; + max-width: 88.33333333%; + min-width: 88.33333333%; + } + + .u-layout-col > .u-size-53-sm { + flex: 53 0 auto; + } + + .u-layout-row > .u-size-52-sm { + flex: 0 0 86.66666667%; + max-width: 86.66666667%; + min-width: 86.66666667%; + } + + .u-layout-col > .u-size-52-sm { + flex: 52 0 auto; + } + + .u-layout-row > .u-size-51-sm { + flex: 0 0 85%; + max-width: 85%; + min-width: 85%; + } + + .u-layout-col > .u-size-51-sm { + flex: 51 0 auto; + } + + .u-layout-row > .u-size-50-sm { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + min-width: 83.33333333%; + } + + .u-layout-col > .u-size-50-sm { + flex: 50 0 auto; + } + + .u-layout-row > .u-size-49-sm { + flex: 0 0 81.66666667%; + max-width: 81.66666667%; + min-width: 81.66666667%; + } + + .u-layout-col > .u-size-49-sm { + flex: 49 0 auto; + } + + .u-layout-row > .u-size-48-sm { + flex: 0 0 80%; + max-width: 80%; + min-width: 80%; + } + + .u-layout-col > .u-size-48-sm { + flex: 48 0 auto; + } + + .u-layout-row > .u-size-47-sm { + flex: 0 0 78.33333333%; + max-width: 78.33333333%; + min-width: 78.33333333%; + } + + .u-layout-col > .u-size-47-sm { + flex: 47 0 auto; + } + + .u-layout-row > .u-size-46-sm { + flex: 0 0 76.66666667%; + max-width: 76.66666667%; + min-width: 76.66666667%; + } + + .u-layout-col > .u-size-46-sm { + flex: 46 0 auto; + } + + .u-layout-row > .u-size-45-sm { + flex: 0 0 75%; + max-width: 75%; + min-width: 75%; + } + + .u-layout-col > .u-size-45-sm { + flex: 45 0 auto; + } + + .u-layout-row > .u-size-44-sm { + flex: 0 0 73.33333333%; + max-width: 73.33333333%; + min-width: 73.33333333%; + } + + .u-layout-col > .u-size-44-sm { + flex: 44 0 auto; + } + + .u-layout-row > .u-size-43-sm { + flex: 0 0 71.66666667%; + max-width: 71.66666667%; + min-width: 71.66666667%; + } + + .u-layout-col > .u-size-43-sm { + flex: 43 0 auto; + } + + .u-layout-row > .u-size-42-sm { + flex: 0 0 70%; + max-width: 70%; + min-width: 70%; + } + + .u-layout-col > .u-size-42-sm { + flex: 42 0 auto; + } + + .u-layout-row > .u-size-41-sm { + flex: 0 0 68.33333333%; + max-width: 68.33333333%; + min-width: 68.33333333%; + } + + .u-layout-col > .u-size-41-sm { + flex: 41 0 auto; + } + + .u-layout-row > .u-size-40-sm { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + min-width: 66.66666667%; + } + + .u-layout-col > .u-size-40-sm { + flex: 40 0 auto; + } + + .u-layout-row > .u-size-39-sm { + flex: 0 0 65%; + max-width: 65%; + min-width: 65%; + } + + .u-layout-col > .u-size-39-sm { + flex: 39 0 auto; + } + + .u-layout-row > .u-size-38-sm { + flex: 0 0 63.33333333%; + max-width: 63.33333333%; + min-width: 63.33333333%; + } + + .u-layout-col > .u-size-38-sm { + flex: 38 0 auto; + } + + .u-layout-row > .u-size-37-sm { + flex: 0 0 61.66666667%; + max-width: 61.66666667%; + min-width: 61.66666667%; + } + + .u-layout-col > .u-size-37-sm { + flex: 37 0 auto; + } + + .u-layout-row > .u-size-36-sm { + flex: 0 0 60%; + max-width: 60%; + min-width: 60%; + } + + .u-layout-col > .u-size-36-sm { + flex: 36 0 auto; + } + + .u-layout-row > .u-size-35-sm { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + min-width: 58.33333333%; + } + + .u-layout-col > .u-size-35-sm { + flex: 35 0 auto; + } + + .u-layout-row > .u-size-34-sm { + flex: 0 0 56.66666667%; + max-width: 56.66666667%; + min-width: 56.66666667%; + } + + .u-layout-col > .u-size-34-sm { + flex: 34 0 auto; + } + + .u-layout-row > .u-size-33-sm { + flex: 0 0 55%; + max-width: 55%; + min-width: 55%; + } + + .u-layout-col > .u-size-33-sm { + flex: 33 0 auto; + } + + .u-layout-row > .u-size-32-sm { + flex: 0 0 53.33333333%; + max-width: 53.33333333%; + min-width: 53.33333333%; + } + + .u-layout-col > .u-size-32-sm { + flex: 32 0 auto; + } + + .u-layout-row > .u-size-31-sm { + flex: 0 0 51.66666667%; + max-width: 51.66666667%; + min-width: 51.66666667%; + } + + .u-layout-col > .u-size-31-sm { + flex: 31 0 auto; + } + + .u-layout-row > .u-size-30-sm { + flex: 0 0 50%; + max-width: 50%; + min-width: 50%; + } + + .u-layout-col > .u-size-30-sm { + flex: 30 0 auto; + } + + .u-layout-row > .u-size-29-sm { + flex: 0 0 48.33333333%; + max-width: 48.33333333%; + min-width: 48.33333333%; + } + + .u-layout-col > .u-size-29-sm { + flex: 29 0 auto; + } + + .u-layout-row > .u-size-28-sm { + flex: 0 0 46.66666667%; + max-width: 46.66666667%; + min-width: 46.66666667%; + } + + .u-layout-col > .u-size-28-sm { + flex: 28 0 auto; + } + + .u-layout-row > .u-size-27-sm { + flex: 0 0 45%; + max-width: 45%; + min-width: 45%; + } + + .u-layout-col > .u-size-27-sm { + flex: 27 0 auto; + } + + .u-layout-row > .u-size-26-sm { + flex: 0 0 43.33333333%; + max-width: 43.33333333%; + min-width: 43.33333333%; + } + + .u-layout-col > .u-size-26-sm { + flex: 26 0 auto; + } + + .u-layout-row > .u-size-25-sm { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + min-width: 41.66666667%; + } + + .u-layout-col > .u-size-25-sm { + flex: 25 0 auto; + } + + .u-layout-row > .u-size-24-sm { + flex: 0 0 40%; + max-width: 40%; + min-width: 40%; + } + + .u-layout-col > .u-size-24-sm { + flex: 24 0 auto; + } + + .u-layout-row > .u-size-23-sm { + flex: 0 0 38.33333333%; + max-width: 38.33333333%; + min-width: 38.33333333%; + } + + .u-layout-col > .u-size-23-sm { + flex: 23 0 auto; + } + + .u-layout-row > .u-size-22-sm { + flex: 0 0 36.66666667%; + max-width: 36.66666667%; + min-width: 36.66666667%; + } + + .u-layout-col > .u-size-22-sm { + flex: 22 0 auto; + } + + .u-layout-row > .u-size-21-sm { + flex: 0 0 35%; + max-width: 35%; + min-width: 35%; + } + + .u-layout-col > .u-size-21-sm { + flex: 21 0 auto; + } + + .u-layout-row > .u-size-20-sm { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + min-width: 33.33333333%; + } + + .u-layout-col > .u-size-20-sm { + flex: 20 0 auto; + } + + .u-layout-row > .u-size-19-sm { + flex: 0 0 31.66666667%; + max-width: 31.66666667%; + min-width: 31.66666667%; + } + + .u-layout-col > .u-size-19-sm { + flex: 19 0 auto; + } + + .u-layout-row > .u-size-18-sm { + flex: 0 0 30%; + max-width: 30%; + min-width: 30%; + } + + .u-layout-col > .u-size-18-sm { + flex: 18 0 auto; + } + + .u-layout-row > .u-size-17-sm { + flex: 0 0 28.33333333%; + max-width: 28.33333333%; + min-width: 28.33333333%; + } + + .u-layout-col > .u-size-17-sm { + flex: 17 0 auto; + } + + .u-layout-row > .u-size-16-sm { + flex: 0 0 26.66666667%; + max-width: 26.66666667%; + min-width: 26.66666667%; + } + + .u-layout-col > .u-size-16-sm { + flex: 16 0 auto; + } + + .u-layout-row > .u-size-15-sm { + flex: 0 0 25%; + max-width: 25%; + min-width: 25%; + } + + .u-layout-col > .u-size-15-sm { + flex: 15 0 auto; + } + + .u-layout-row > .u-size-14-sm { + flex: 0 0 23.33333333%; + max-width: 23.33333333%; + min-width: 23.33333333%; + } + + .u-layout-col > .u-size-14-sm { + flex: 14 0 auto; + } + + .u-layout-row > .u-size-13-sm { + flex: 0 0 21.66666667%; + max-width: 21.66666667%; + min-width: 21.66666667%; + } + + .u-layout-col > .u-size-13-sm { + flex: 13 0 auto; + } + + .u-layout-row > .u-size-12-sm { + flex: 0 0 20%; + max-width: 20%; + min-width: 20%; + } + + .u-layout-col > .u-size-12-sm { + flex: 12 0 auto; + } + + .u-layout-row > .u-size-11-sm { + flex: 0 0 18.33333333%; + max-width: 18.33333333%; + min-width: 18.33333333%; + } + + .u-layout-col > .u-size-11-sm { + flex: 11 0 auto; + } + + .u-layout-row > .u-size-10-sm { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + min-width: 16.66666667%; + } + + .u-layout-col > .u-size-10-sm { + flex: 10 0 auto; + } + + .u-layout-row > .u-size-9-sm { + flex: 0 0 15%; + max-width: 15%; + min-width: 15%; + } + + .u-layout-col > .u-size-9-sm { + flex: 9 0 auto; + } + + .u-layout-row > .u-size-8-sm { + flex: 0 0 13.33333333%; + max-width: 13.33333333%; + min-width: 13.33333333%; + } + + .u-layout-col > .u-size-8-sm { + flex: 8 0 auto; + } + + .u-layout-row > .u-size-7-sm { + flex: 0 0 11.66666667%; + max-width: 11.66666667%; + min-width: 11.66666667%; + } + + .u-layout-col > .u-size-7-sm { + flex: 7 0 auto; + } + + .u-layout-row > .u-size-6-sm { + flex: 0 0 10%; + max-width: 10%; + min-width: 10%; + } + + .u-layout-col > .u-size-6-sm { + flex: 6 0 auto; + } + + .u-layout-row > .u-size-5-sm { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + min-width: 8.33333333%; + } + + .u-layout-col > .u-size-5-sm { + flex: 5 0 auto; + } + + .u-layout-row > .u-size-4-sm { + flex: 0 0 6.66666667%; + max-width: 6.66666667%; + min-width: 6.66666667%; + } + + .u-layout-col > .u-size-4-sm { + flex: 4 0 auto; + } + + .u-layout-row > .u-size-3-sm { + flex: 0 0 5%; + max-width: 5%; + min-width: 5%; + } + + .u-layout-col > .u-size-3-sm { + flex: 3 0 auto; + } + + .u-layout-row > .u-size-2-sm { + flex: 0 0 3.33333333%; + max-width: 3.33333333%; + min-width: 3.33333333%; + } + + .u-layout-col > .u-size-2-sm { + flex: 2 0 auto; + } + + .u-layout-row > .u-size-1-sm { + flex: 0 0 1.66666667%; + max-width: 1.66666667%; + min-width: 1.66666667%; + } + + .u-layout-col > .u-size-1-sm { + flex: 1 0 auto; + } + + .u-layout-row > .u-size-0-sm { + flex: 0 0 0%; + max-width: 0%; + min-width: 0%; + } + + .u-layout-col > .u-size-0-sm { + flex: 0 0 auto; + } +} + +@media (max-width: 575px) { + .u-layout-row > .u-size-60-xs { + flex: 0 0 100%; + max-width: 100%; + min-width: 100%; + } + + .u-layout-col > .u-size-60-xs { + flex: 60 0 auto; + } + + .u-layout-row > .u-size-59-xs { + flex: 0 0 98.33333333%; + max-width: 98.33333333%; + min-width: 98.33333333%; + } + + .u-layout-col > .u-size-59-xs { + flex: 59 0 auto; + } + + .u-layout-row > .u-size-58-xs { + flex: 0 0 96.66666667%; + max-width: 96.66666667%; + min-width: 96.66666667%; + } + + .u-layout-col > .u-size-58-xs { + flex: 58 0 auto; + } + + .u-layout-row > .u-size-57-xs { + flex: 0 0 95%; + max-width: 95%; + min-width: 95%; + } + + .u-layout-col > .u-size-57-xs { + flex: 57 0 auto; + } + + .u-layout-row > .u-size-56-xs { + flex: 0 0 93.33333333%; + max-width: 93.33333333%; + min-width: 93.33333333%; + } + + .u-layout-col > .u-size-56-xs { + flex: 56 0 auto; + } + + .u-layout-row > .u-size-55-xs { + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + min-width: 91.66666667%; + } + + .u-layout-col > .u-size-55-xs { + flex: 55 0 auto; + } + + .u-layout-row > .u-size-54-xs { + flex: 0 0 90%; + max-width: 90%; + min-width: 90%; + } + + .u-layout-col > .u-size-54-xs { + flex: 54 0 auto; + } + + .u-layout-row > .u-size-53-xs { + flex: 0 0 88.33333333%; + max-width: 88.33333333%; + min-width: 88.33333333%; + } + + .u-layout-col > .u-size-53-xs { + flex: 53 0 auto; + } + + .u-layout-row > .u-size-52-xs { + flex: 0 0 86.66666667%; + max-width: 86.66666667%; + min-width: 86.66666667%; + } + + .u-layout-col > .u-size-52-xs { + flex: 52 0 auto; + } + + .u-layout-row > .u-size-51-xs { + flex: 0 0 85%; + max-width: 85%; + min-width: 85%; + } + + .u-layout-col > .u-size-51-xs { + flex: 51 0 auto; + } + + .u-layout-row > .u-size-50-xs { + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + min-width: 83.33333333%; + } + + .u-layout-col > .u-size-50-xs { + flex: 50 0 auto; + } + + .u-layout-row > .u-size-49-xs { + flex: 0 0 81.66666667%; + max-width: 81.66666667%; + min-width: 81.66666667%; + } + + .u-layout-col > .u-size-49-xs { + flex: 49 0 auto; + } + + .u-layout-row > .u-size-48-xs { + flex: 0 0 80%; + max-width: 80%; + min-width: 80%; + } + + .u-layout-col > .u-size-48-xs { + flex: 48 0 auto; + } + + .u-layout-row > .u-size-47-xs { + flex: 0 0 78.33333333%; + max-width: 78.33333333%; + min-width: 78.33333333%; + } + + .u-layout-col > .u-size-47-xs { + flex: 47 0 auto; + } + + .u-layout-row > .u-size-46-xs { + flex: 0 0 76.66666667%; + max-width: 76.66666667%; + min-width: 76.66666667%; + } + + .u-layout-col > .u-size-46-xs { + flex: 46 0 auto; + } + + .u-layout-row > .u-size-45-xs { + flex: 0 0 75%; + max-width: 75%; + min-width: 75%; + } + + .u-layout-col > .u-size-45-xs { + flex: 45 0 auto; + } + + .u-layout-row > .u-size-44-xs { + flex: 0 0 73.33333333%; + max-width: 73.33333333%; + min-width: 73.33333333%; + } + + .u-layout-col > .u-size-44-xs { + flex: 44 0 auto; + } + + .u-layout-row > .u-size-43-xs { + flex: 0 0 71.66666667%; + max-width: 71.66666667%; + min-width: 71.66666667%; + } + + .u-layout-col > .u-size-43-xs { + flex: 43 0 auto; + } + + .u-layout-row > .u-size-42-xs { + flex: 0 0 70%; + max-width: 70%; + min-width: 70%; + } + + .u-layout-col > .u-size-42-xs { + flex: 42 0 auto; + } + + .u-layout-row > .u-size-41-xs { + flex: 0 0 68.33333333%; + max-width: 68.33333333%; + min-width: 68.33333333%; + } + + .u-layout-col > .u-size-41-xs { + flex: 41 0 auto; + } + + .u-layout-row > .u-size-40-xs { + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + min-width: 66.66666667%; + } + + .u-layout-col > .u-size-40-xs { + flex: 40 0 auto; + } + + .u-layout-row > .u-size-39-xs { + flex: 0 0 65%; + max-width: 65%; + min-width: 65%; + } + + .u-layout-col > .u-size-39-xs { + flex: 39 0 auto; + } + + .u-layout-row > .u-size-38-xs { + flex: 0 0 63.33333333%; + max-width: 63.33333333%; + min-width: 63.33333333%; + } + + .u-layout-col > .u-size-38-xs { + flex: 38 0 auto; + } + + .u-layout-row > .u-size-37-xs { + flex: 0 0 61.66666667%; + max-width: 61.66666667%; + min-width: 61.66666667%; + } + + .u-layout-col > .u-size-37-xs { + flex: 37 0 auto; + } + + .u-layout-row > .u-size-36-xs { + flex: 0 0 60%; + max-width: 60%; + min-width: 60%; + } + + .u-layout-col > .u-size-36-xs { + flex: 36 0 auto; + } + + .u-layout-row > .u-size-35-xs { + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + min-width: 58.33333333%; + } + + .u-layout-col > .u-size-35-xs { + flex: 35 0 auto; + } + + .u-layout-row > .u-size-34-xs { + flex: 0 0 56.66666667%; + max-width: 56.66666667%; + min-width: 56.66666667%; + } + + .u-layout-col > .u-size-34-xs { + flex: 34 0 auto; + } + + .u-layout-row > .u-size-33-xs { + flex: 0 0 55%; + max-width: 55%; + min-width: 55%; + } + + .u-layout-col > .u-size-33-xs { + flex: 33 0 auto; + } + + .u-layout-row > .u-size-32-xs { + flex: 0 0 53.33333333%; + max-width: 53.33333333%; + min-width: 53.33333333%; + } + + .u-layout-col > .u-size-32-xs { + flex: 32 0 auto; + } + + .u-layout-row > .u-size-31-xs { + flex: 0 0 51.66666667%; + max-width: 51.66666667%; + min-width: 51.66666667%; + } + + .u-layout-col > .u-size-31-xs { + flex: 31 0 auto; + } + + .u-layout-row > .u-size-30-xs { + flex: 0 0 50%; + max-width: 50%; + min-width: 50%; + } + + .u-layout-col > .u-size-30-xs { + flex: 30 0 auto; + } + + .u-layout-row > .u-size-29-xs { + flex: 0 0 48.33333333%; + max-width: 48.33333333%; + min-width: 48.33333333%; + } + + .u-layout-col > .u-size-29-xs { + flex: 29 0 auto; + } + + .u-layout-row > .u-size-28-xs { + flex: 0 0 46.66666667%; + max-width: 46.66666667%; + min-width: 46.66666667%; + } + + .u-layout-col > .u-size-28-xs { + flex: 28 0 auto; + } + + .u-layout-row > .u-size-27-xs { + flex: 0 0 45%; + max-width: 45%; + min-width: 45%; + } + + .u-layout-col > .u-size-27-xs { + flex: 27 0 auto; + } + + .u-layout-row > .u-size-26-xs { + flex: 0 0 43.33333333%; + max-width: 43.33333333%; + min-width: 43.33333333%; + } + + .u-layout-col > .u-size-26-xs { + flex: 26 0 auto; + } + + .u-layout-row > .u-size-25-xs { + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + min-width: 41.66666667%; + } + + .u-layout-col > .u-size-25-xs { + flex: 25 0 auto; + } + + .u-layout-row > .u-size-24-xs { + flex: 0 0 40%; + max-width: 40%; + min-width: 40%; + } + + .u-layout-col > .u-size-24-xs { + flex: 24 0 auto; + } + + .u-layout-row > .u-size-23-xs { + flex: 0 0 38.33333333%; + max-width: 38.33333333%; + min-width: 38.33333333%; + } + + .u-layout-col > .u-size-23-xs { + flex: 23 0 auto; + } + + .u-layout-row > .u-size-22-xs { + flex: 0 0 36.66666667%; + max-width: 36.66666667%; + min-width: 36.66666667%; + } + + .u-layout-col > .u-size-22-xs { + flex: 22 0 auto; + } + + .u-layout-row > .u-size-21-xs { + flex: 0 0 35%; + max-width: 35%; + min-width: 35%; + } + + .u-layout-col > .u-size-21-xs { + flex: 21 0 auto; + } + + .u-layout-row > .u-size-20-xs { + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + min-width: 33.33333333%; + } + + .u-layout-col > .u-size-20-xs { + flex: 20 0 auto; + } + + .u-layout-row > .u-size-19-xs { + flex: 0 0 31.66666667%; + max-width: 31.66666667%; + min-width: 31.66666667%; + } + + .u-layout-col > .u-size-19-xs { + flex: 19 0 auto; + } + + .u-layout-row > .u-size-18-xs { + flex: 0 0 30%; + max-width: 30%; + min-width: 30%; + } + + .u-layout-col > .u-size-18-xs { + flex: 18 0 auto; + } + + .u-layout-row > .u-size-17-xs { + flex: 0 0 28.33333333%; + max-width: 28.33333333%; + min-width: 28.33333333%; + } + + .u-layout-col > .u-size-17-xs { + flex: 17 0 auto; + } + + .u-layout-row > .u-size-16-xs { + flex: 0 0 26.66666667%; + max-width: 26.66666667%; + min-width: 26.66666667%; + } + + .u-layout-col > .u-size-16-xs { + flex: 16 0 auto; + } + + .u-layout-row > .u-size-15-xs { + flex: 0 0 25%; + max-width: 25%; + min-width: 25%; + } + + .u-layout-col > .u-size-15-xs { + flex: 15 0 auto; + } + + .u-layout-row > .u-size-14-xs { + flex: 0 0 23.33333333%; + max-width: 23.33333333%; + min-width: 23.33333333%; + } + + .u-layout-col > .u-size-14-xs { + flex: 14 0 auto; + } + + .u-layout-row > .u-size-13-xs { + flex: 0 0 21.66666667%; + max-width: 21.66666667%; + min-width: 21.66666667%; + } + + .u-layout-col > .u-size-13-xs { + flex: 13 0 auto; + } + + .u-layout-row > .u-size-12-xs { + flex: 0 0 20%; + max-width: 20%; + min-width: 20%; + } + + .u-layout-col > .u-size-12-xs { + flex: 12 0 auto; + } + + .u-layout-row > .u-size-11-xs { + flex: 0 0 18.33333333%; + max-width: 18.33333333%; + min-width: 18.33333333%; + } + + .u-layout-col > .u-size-11-xs { + flex: 11 0 auto; + } + + .u-layout-row > .u-size-10-xs { + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + min-width: 16.66666667%; + } + + .u-layout-col > .u-size-10-xs { + flex: 10 0 auto; + } + + .u-layout-row > .u-size-9-xs { + flex: 0 0 15%; + max-width: 15%; + min-width: 15%; + } + + .u-layout-col > .u-size-9-xs { + flex: 9 0 auto; + } + + .u-layout-row > .u-size-8-xs { + flex: 0 0 13.33333333%; + max-width: 13.33333333%; + min-width: 13.33333333%; + } + + .u-layout-col > .u-size-8-xs { + flex: 8 0 auto; + } + + .u-layout-row > .u-size-7-xs { + flex: 0 0 11.66666667%; + max-width: 11.66666667%; + min-width: 11.66666667%; + } + + .u-layout-col > .u-size-7-xs { + flex: 7 0 auto; + } + + .u-layout-row > .u-size-6-xs { + flex: 0 0 10%; + max-width: 10%; + min-width: 10%; + } + + .u-layout-col > .u-size-6-xs { + flex: 6 0 auto; + } + + .u-layout-row > .u-size-5-xs { + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + min-width: 8.33333333%; + } + + .u-layout-col > .u-size-5-xs { + flex: 5 0 auto; + } + + .u-layout-row > .u-size-4-xs { + flex: 0 0 6.66666667%; + max-width: 6.66666667%; + min-width: 6.66666667%; + } + + .u-layout-col > .u-size-4-xs { + flex: 4 0 auto; + } + + .u-layout-row > .u-size-3-xs { + flex: 0 0 5%; + max-width: 5%; + min-width: 5%; + } + + .u-layout-col > .u-size-3-xs { + flex: 3 0 auto; + } + + .u-layout-row > .u-size-2-xs { + flex: 0 0 3.33333333%; + max-width: 3.33333333%; + min-width: 3.33333333%; + } + + .u-layout-col > .u-size-2-xs { + flex: 2 0 auto; + } + + .u-layout-row > .u-size-1-xs { + flex: 0 0 1.66666667%; + max-width: 1.66666667%; + min-width: 1.66666667%; + } + + .u-layout-col > .u-size-1-xs { + flex: 1 0 auto; + } + + .u-layout-row > .u-size-0-xs { + flex: 0 0 0%; + max-width: 0%; + min-width: 0%; + } + + .u-layout-col > .u-size-0-xs { + flex: 0 0 auto; + } +} + +.u-gutter-100 .u-layout { + margin: -50px; +} + +.u-gutter-100 .u-layout .u-layout-cell { + border: 50px solid transparent; +} + +.u-gutter-98 .u-layout { + margin: -49px; +} + +.u-gutter-98 .u-layout .u-layout-cell { + border: 49px solid transparent; +} + +.u-gutter-96 .u-layout { + margin: -48px; +} + +.u-gutter-96 .u-layout .u-layout-cell { + border: 48px solid transparent; +} + +.u-gutter-94 .u-layout { + margin: -47px; +} + +.u-gutter-94 .u-layout .u-layout-cell { + border: 47px solid transparent; +} + +.u-gutter-92 .u-layout { + margin: -46px; +} + +.u-gutter-92 .u-layout .u-layout-cell { + border: 46px solid transparent; +} + +.u-gutter-90 .u-layout { + margin: -45px; +} + +.u-gutter-90 .u-layout .u-layout-cell { + border: 45px solid transparent; +} + +.u-gutter-88 .u-layout { + margin: -44px; +} + +.u-gutter-88 .u-layout .u-layout-cell { + border: 44px solid transparent; +} + +.u-gutter-86 .u-layout { + margin: -43px; +} + +.u-gutter-86 .u-layout .u-layout-cell { + border: 43px solid transparent; +} + +.u-gutter-84 .u-layout { + margin: -42px; +} + +.u-gutter-84 .u-layout .u-layout-cell { + border: 42px solid transparent; +} + +.u-gutter-82 .u-layout { + margin: -41px; +} + +.u-gutter-82 .u-layout .u-layout-cell { + border: 41px solid transparent; +} + +.u-gutter-80 .u-layout { + margin: -40px; +} + +.u-gutter-80 .u-layout .u-layout-cell { + border: 40px solid transparent; +} + +.u-gutter-78 .u-layout { + margin: -39px; +} + +.u-gutter-78 .u-layout .u-layout-cell { + border: 39px solid transparent; +} + +.u-gutter-76 .u-layout { + margin: -38px; +} + +.u-gutter-76 .u-layout .u-layout-cell { + border: 38px solid transparent; +} + +.u-gutter-74 .u-layout { + margin: -37px; +} + +.u-gutter-74 .u-layout .u-layout-cell { + border: 37px solid transparent; +} + +.u-gutter-72 .u-layout { + margin: -36px; +} + +.u-gutter-72 .u-layout .u-layout-cell { + border: 36px solid transparent; +} + +.u-gutter-70 .u-layout { + margin: -35px; +} + +.u-gutter-70 .u-layout .u-layout-cell { + border: 35px solid transparent; +} + +.u-gutter-68 .u-layout { + margin: -34px; +} + +.u-gutter-68 .u-layout .u-layout-cell { + border: 34px solid transparent; +} + +.u-gutter-66 .u-layout { + margin: -33px; +} + +.u-gutter-66 .u-layout .u-layout-cell { + border: 33px solid transparent; +} + +.u-gutter-64 .u-layout { + margin: -32px; +} + +.u-gutter-64 .u-layout .u-layout-cell { + border: 32px solid transparent; +} + +.u-gutter-62 .u-layout { + margin: -31px; +} + +.u-gutter-62 .u-layout .u-layout-cell { + border: 31px solid transparent; +} + +.u-gutter-60 .u-layout { + margin: -30px; +} + +.u-gutter-60 .u-layout .u-layout-cell { + border: 30px solid transparent; +} + +.u-gutter-58 .u-layout { + margin: -29px; +} + +.u-gutter-58 .u-layout .u-layout-cell { + border: 29px solid transparent; +} + +.u-gutter-56 .u-layout { + margin: -28px; +} + +.u-gutter-56 .u-layout .u-layout-cell { + border: 28px solid transparent; +} + +.u-gutter-54 .u-layout { + margin: -27px; +} + +.u-gutter-54 .u-layout .u-layout-cell { + border: 27px solid transparent; +} + +.u-gutter-52 .u-layout { + margin: -26px; +} + +.u-gutter-52 .u-layout .u-layout-cell { + border: 26px solid transparent; +} + +.u-gutter-50 .u-layout { + margin: -25px; +} + +.u-gutter-50 .u-layout .u-layout-cell { + border: 25px solid transparent; +} + +.u-gutter-48 .u-layout { + margin: -24px; +} + +.u-gutter-48 .u-layout .u-layout-cell { + border: 24px solid transparent; +} + +.u-gutter-46 .u-layout { + margin: -23px; +} + +.u-gutter-46 .u-layout .u-layout-cell { + border: 23px solid transparent; +} + +.u-gutter-44 .u-layout { + margin: -22px; +} + +.u-gutter-44 .u-layout .u-layout-cell { + border: 22px solid transparent; +} + +.u-gutter-42 .u-layout { + margin: -21px; +} + +.u-gutter-42 .u-layout .u-layout-cell { + border: 21px solid transparent; +} + +.u-gutter-40 .u-layout { + margin: -20px; +} + +.u-gutter-40 .u-layout .u-layout-cell { + border: 20px solid transparent; +} + +.u-gutter-38 .u-layout { + margin: -19px; +} + +.u-gutter-38 .u-layout .u-layout-cell { + border: 19px solid transparent; +} + +.u-gutter-36 .u-layout { + margin: -18px; +} + +.u-gutter-36 .u-layout .u-layout-cell { + border: 18px solid transparent; +} + +.u-gutter-34 .u-layout { + margin: -17px; +} + +.u-gutter-34 .u-layout .u-layout-cell { + border: 17px solid transparent; +} + +.u-gutter-32 .u-layout { + margin: -16px; +} + +.u-gutter-32 .u-layout .u-layout-cell { + border: 16px solid transparent; +} + +.u-gutter-30 .u-layout { + margin: -15px; +} + +.u-gutter-30 .u-layout .u-layout-cell { + border: 15px solid transparent; +} + +.u-gutter-28 .u-layout { + margin: -14px; +} + +.u-gutter-28 .u-layout .u-layout-cell { + border: 14px solid transparent; +} + +.u-gutter-26 .u-layout { + margin: -13px; +} + +.u-gutter-26 .u-layout .u-layout-cell { + border: 13px solid transparent; +} + +.u-gutter-24 .u-layout { + margin: -12px; +} + +.u-gutter-24 .u-layout .u-layout-cell { + border: 12px solid transparent; +} + +.u-gutter-22 .u-layout { + margin: -11px; +} + +.u-gutter-22 .u-layout .u-layout-cell { + border: 11px solid transparent; +} + +.u-gutter-20 .u-layout { + margin: -10px; +} + +.u-gutter-20 .u-layout .u-layout-cell { + border: 10px solid transparent; +} + +.u-gutter-18 .u-layout { + margin: -9px; +} + +.u-gutter-18 .u-layout .u-layout-cell { + border: 9px solid transparent; +} + +.u-gutter-16 .u-layout { + margin: -8px; +} + +.u-gutter-16 .u-layout .u-layout-cell { + border: 8px solid transparent; +} + +.u-gutter-14 .u-layout { + margin: -7px; +} + +.u-gutter-14 .u-layout .u-layout-cell { + border: 7px solid transparent; +} + +.u-gutter-12 .u-layout { + margin: -6px; +} + +.u-gutter-12 .u-layout .u-layout-cell { + border: 6px solid transparent; +} + +.u-gutter-10 .u-layout { + margin: -5px; +} + +.u-gutter-10 .u-layout .u-layout-cell { + border: 5px solid transparent; +} + +.u-gutter-8 .u-layout { + margin: -4px; +} + +.u-gutter-8 .u-layout .u-layout-cell { + border: 4px solid transparent; +} + +.u-gutter-6 .u-layout { + margin: -3px; +} + +.u-gutter-6 .u-layout .u-layout-cell { + border: 3px solid transparent; +} + +.u-gutter-4 .u-layout { + margin: -2px; +} + +.u-gutter-4 .u-layout .u-layout-cell { + border: 2px solid transparent; +} + +.u-gutter-2 .u-layout { + margin: -1px; +} + +.u-gutter-2 .u-layout .u-layout-cell { + border: 1px solid transparent; +} + +.u-gutter-0 .u-layout { + margin: 0px; +} + +.u-gutter-0 .u-layout .u-layout-cell { + border: 0px solid transparent; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .u-layout-col > * { + flex-basis: auto !important; + } +} + +.u-layout-col,.u-layout-row,.u-layout-col > *,.u-layout-row > * { + display: flex; +} + +.u-layout-col,.u-layout-row { + flex: 1 1 auto; +} + +.u-layout-row > * { + max-height: 100%; + min-height: -webkit-fit-content; + min-height: fit-content; +} + +.u-layout-col > * { + min-height: -webkit-fit-content; + min-height: fit-content; + max-width: 100%; +} + +.u-layout-col { + flex-direction: column; + min-height: -webkit-fit-content; + min-height: fit-content; +} + +.u-layout-row { + flex-direction: row; + flex-wrap: wrap; + min-height: -webkit-fit-content; + min-height: fit-content; + max-width: 100%; +} + +.u-layout-cell { + position: relative; + display: flex; + background-clip: padding-box; + background-origin: padding-box; +} + +@supports (position: sticky) { + .u-header.u-sticky { + position: sticky; + } +} + +@supports (position: -webkit-sticky) { + .u-header.u-sticky { + position: -webkit-sticky; + } +} + +.u-sheet.u-content-layout { + display: flex; + flex-wrap: nowrap; +} + +@media (max-width: 991px) { + .u-sheet.u-content-layout { + flex-direction: column; + align-items: center; + } +} + +.u-block:last-child { + margin-bottom: 0; +} + +.u-content { + flex: 1 1 auto; + height: auto !important; + max-width: 100%; +} + +.u-line.u-line-horizontal { + border-right-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.u-icon { + display: block; + line-height: 0; + border-width: 0px; +} + +.u-file-icon img { + object-fit: contain; + width: 100%; + height: 100%; +} + +.icon-container { + fill: transparent; + stroke: none; +} + +html { + font-size: 16px; +} + +.u-body { + font-size: 1rem; + line-height: 1.6; +} + +.u-body h1,.u-body h2,.u-body h3,.u-body h4,.u-body h5,.u-body h6 { + padding: 0; +} + +h1,h2,h3,h4,h5,h6 { + margin-top: 0; + margin-bottom: 0.5rem; + line-height: 1.2; + font-weight: 500; + color: inherit; +} + +h1 { + font-size: 2.25rem; +} + +h2 { + font-size: 1.5rem; +} + +h3 { + font-size: 1.25rem; +} + +h4 { + font-size: 1.25rem; +} + +h5 { + font-size: 1.125rem; +} + +h6 { + font-size: 1.125rem; +} + +p { + margin-top: 0; + padding: 0; + margin-bottom: 0.5rem; +} + +.u-align-left { + text-align: left; +} + +@media (min-width: 1200px) { + .u-xl-mode .u-align-left-xl { + text-align: left; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .u-align-left-lg { + text-align: left; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .u-align-left-md { + text-align: left; + } +} + +@media (min-width: 576px) and (max-width: 767px) { + .u-align-left-sm { + text-align: left; + } +} + +@media (max-width: 575px) { + .u-align-left-xs { + text-align: left; + } +} + +.u-align-center { + text-align: center; +} + +@media (min-width: 1200px) { + .u-xl-mode .u-align-center-xl { + text-align: center; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .u-align-center-lg { + text-align: center; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .u-align-center-md { + text-align: center; + } +} + +@media (min-width: 576px) and (max-width: 767px) { + .u-align-center-sm { + text-align: center; + } +} + +@media (max-width: 575px) { + .u-align-center-xs { + text-align: center; + } +} + +.u-align-right { + text-align: right; +} + +@media (min-width: 1200px) { + .u-xl-mode .u-align-right-xl { + text-align: right; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .u-align-right-lg { + text-align: right; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .u-align-right-md { + text-align: right; + } +} + +@media (min-width: 576px) and (max-width: 767px) { + .u-align-right-sm { + text-align: right; + } +} + +@media (max-width: 575px) { + .u-align-right-xs { + text-align: right; + } +} + +.u-container-style:not([class*="u-align-"]) { + text-align: left; +} + +.u-text { + word-wrap: break-word; + position: relative; +} + +[class*="u-custom-color-"].u-body,[class*="u-palette-"].u-body,[class*="u-gray-"].u-body,.u-white.u-body,.u-black.u-body { + background-image: none; +} + +.u-button-style[class*="u-custom-color-"],.u-button-style[class*="u-palette-"],.u-button-style[class*="u-gray-"],.u-button-style.u-white,.u-button-style.u-black { + border-width: 0; +} + +/*begin-commonstyles photoswipe*/ + +/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ + +/* + Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) +*/ + +/* pswp = photoswipe */ + +/* style is added when JS option showHideOpacity is set to true */ + +/* + Background is added as a separate element. + As animating opacity is much faster than animating rgba() background-color. +*/ + +/* Prevent selection and tap highlights */ + +/* + stretched thumbnail or div placeholder element (see below) + style is added to avoid flickering in webkit/blink when layers overlap +*/ + +/* + div element that matches size of large image + large image loads on top of it +*/ + +/* + Error message appears when image is not loaded + (JS option errorMsg controls markup) +*/ + +/* previews */ + +/* end previews */ + +/*end-commonstyles photoswipe*/ + +/*begin-commonstyles photoswipe-default*/ + +/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ + +/* + + Contents: + + 1. Buttons + 2. Share modal and links + 3. Index indicator ("1 of X" counter) + 4. Caption + 5. Loading indicator + 6. Additional styles (root element, top bar, idle state, hidden state, etc.) + +*/ + +/* + + 1. Buttons + + */ + +/*