@charset "UTF-8";
/**
* style.scss
*
* Author: ideenfrische
*
*/
/**
* basicss overrides
*
* any defaults in basicss/basicss/_settings.scss
* may be overridden...
*
* e.g. $prototyping: true;
*/
/**
* basicss import
*/
/**
* basicss.scss
*
* Author: Marian Friedmann
*
*/
/* ====================================================
Reset, Defaults, Mixins
==================================================== */
/**
* Reset, Default settings
*/
/**
* _settings.scss
*
* Author: Marian Friedmann
*/
/**
* Variables Mode
*/
/**
* Default colors
*/
/**
* Default objects
*/
/**
* Default helper
*/
/**
* Default fonts
*/
/**
* Default font size
*/
/**
* Default headings
*/
/**
* Default spacing
*/
/**
* Default breakpoints
*/
/**
* Default spaces
*/
/**
* Default constrains
*/
/**
* Arrows
*/
/**
* Global Variables
*/
/**
* Mixins
*/
/**
* _media.scss
*
* Author: Marius Scheel
*
* Usage:
* @include media(300px);
* or @include media(300px, false);
* or @include media(max-width 300px);
* or @include media(100px max-width 300px);
* or @include media(max-width 100px max-width 300px);
* or @include media(max-width 100px max-width 300px, true);
*
*/
/**
* _hdpi.scss
*
* Author: Marius Scheel
*
* defaults to 1.3 to include Google Nexus 7
* adapted from bourbon:
* https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_hidpi-media-query.scss
*
* Usage:
* @include hdpi {
* // your css for hdpi displays
* };
*
* you can use a custom ratio, if you like:
* @include hdpi(1.5) {
* // your css
* };
*/
/**
* _retina-image.scss
*
* Author: Marius Scheel
*
* Usage:
* .hero {
* @include retina-image("../path/to/hero", 200px 400px);
* }
*
* to use a specific filename:
* .hero {
* @include retina-image("../path/to/hero", 200px 400px, "../path/to/retina-hero");
* }
*
* modified version of bourbon's retina-image mixin.
* The mixin uses a @2x.png retina filename by default.
* https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_retina-image.scss
*/
/**
* _font-size.scss
*
* Author: Marian Friedmann
*
*/
/**
* _px-to-rem.scss
*
* Author: Marian Friedmann
*
* Usage:
* .element {
* @include px-to-rem(padding, 0 24px)
* }
*
* Output:
* .element {
* padding: 0 24px;
* padding: 0 1.5rem;
* }
*
*/
/**
* _clearfix.scss
*
* Author: Marian Friedmann
*
* Usage:
* .element {
* @include clearfix;
* }
*
*/
/**
* _ellipsis.scss
*
* Author: Marian Friedmann
*
* ellipsis mixin
*
*/
/* ====================================================
Base Styles
==================================================== */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/**
* _main.scss
*
* Author: Marian Friedmann
*
*/
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
}
.invisible {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
margin: 0;
padding: 0;
border: none;
display: block;
overflow: hidden;
opacity: 0;
}
/**
* _baseline.scss
*
* Author: Marian Friedmann
*
*/
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
table,
fieldset, figure,
pre {
margin: 0 0 20px;
margin: 0 0 1.25rem;
}
ul, ol, dd {
margin-left: 20px;
margin-left: 1.25rem;
}
li > ul,
li > ol {
margin-bottom: 0;
}
/**
* _typo.scss
*
* Author: Marian Friedmann
*
*/
html {
font-family: "Roboto", sans-serif;
font-size: 1em;
line-height: 1.5;
}
h1,
.heading-1 {
font-size: 48px;
font-size: 3rem;
line-height: 1;
font-weight: 900;
}
h2,
.heading-2 {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.3333333333;
font-weight: 900;
}
h3,
.heading-3 {
font-size: 32px;
font-size: 2rem;
line-height: 1.5;
font-weight: 900;
}
h4,
.heading-4 {
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
font-weight: 900;
}
h5,
.heading-5 {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: 900;
}
h6,
.heading-6 {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
font-weight: 900;
}
/**
* _links.scss
*
* Author: Marian Friedmann
*
*/
a {
color: #981000;
text-decoration: none;
}
a:hover {
color: #6E0C00;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
/**
* media-src.scss
*
* Author: Marian Friedmann
*
*/
object,
embed,
video,
img {
max-width: 100%;
height: auto;
}
/**
* text styles to offset alt text
*/
img {
color: #c00;
}
/**
* no fluid images, when width or height are set
*/
img[width],
img[height] {
max-width: none;
}
/* ====================================================
Objects
==================================================== */
/**
* _grid.scss
*
* Author: Marian Friedmann
*
* Usage:
*
*
* the example above combines the grid items with the widths from helper/_width.scss
*/
.grid, .main .ce_gallery ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
margin-left: -20px;
margin-left: -1.25rem;
}
.grid__item, .main .ce_gallery ul li {
position: relative;
width: 100%;
min-height: 1px;
-webkit-box-flex: 0;
padding-left: 20px;
padding-left: 1.25rem;
}
/**
* Reverse the order of grid items
*/
.grid--reversed {
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
/**
* adds a seperator line to the grid
*/
.grid--seperator {
overflow: hidden;
}
.grid--seperator > .grid__item:after, .main .ce_gallery ul .grid--seperator > li:after {
content: "";
position: absolute;
top: 0;
width: 1px;
height: 100%;
right: -10px;
display: block;
background-color: #DBDBDB;
}
.grid--flush.grid--seperator > .grid__item:after, .main .ce_gallery ul .grid--flush.grid--seperator > li:after {
right: 0;
}
.grid--small.grid--seperator > .grid__item:after, .main .ce_gallery ul .grid--small.grid--seperator > li:after {
right: -5px;
}
.grid--large.grid--seperator > .grid__item:after, .main .ce_gallery ul .grid--large.grid--seperator > li:after {
right: -20px;
}
.grid--huge.grid--seperator > .grid__item:after, .main .ce_gallery ul .grid--huge.grid--seperator > li:after {
right: -30px;
}
/**
* Grid items without gutters
*/
.grid--flush {
margin-left: 0;
}
.grid--flush > .grid__item, .main .ce_gallery ul .grid--flush > li {
padding-left: 0;
}
/**
* Grid size variations
*/
.grid--small {
margin-left: -10px;
margin-left: -0.625rem;
}
.grid--small > .grid__item, .main .ce_gallery ul .grid--small > li {
padding-left: 10px;
padding-left: 0.625rem;
}
.grid--large {
margin-left: -40px;
margin-left: -2.5rem;
}
.grid--large > .grid__item, .main .ce_gallery ul .grid--large > li {
padding-left: 40px;
padding-left: 2.5rem;
}
.grid--huge {
margin-left: -60px;
margin-left: -3.75rem;
}
.grid--huge > .grid__item, .main .ce_gallery ul .grid--huge > li {
padding-left: 60px;
padding-left: 3.75rem;
}
.grid--start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.grid--end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.grid--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.grid--between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.grid--around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.grid--top {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.grid--middle {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.grid--bottom {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.grid--stretch, .grid--seperator {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
@media screen and (min-width: 481px) {
.grid-tab--start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.grid-tab--end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.grid-tab--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.grid-tab--between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.grid-tab--around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.grid-tab--top {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.grid-tab--middle {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.grid-tab--bottom {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.grid-tab--stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media screen and (min-width: 721px) {
.grid-lap--start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.grid-lap--end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.grid-lap--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.grid-lap--between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.grid-lap--around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.grid-lap--top {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.grid-lap--middle {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.grid-lap--bottom {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.grid-lap--stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media screen and (min-width: 1024px) {
.grid-desk--start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.grid-desk--end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.grid-desk--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.grid-desk--between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.grid-desk--around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.grid-desk--top {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.grid-desk--middle {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.grid-desk--bottom {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.grid-desk--stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media screen and (min-width: 1200px) {
.grid-desk-wide--start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.grid-desk-wide--end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.grid-desk-wide--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.grid-desk-wide--between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.grid-desk-wide--around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.grid-desk-wide--top {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.grid-desk-wide--middle {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.grid-desk-wide--bottom {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.grid-desk-wide--stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media screen and (min-width: 1500px) {
.grid-max--start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.grid-max--end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.grid-max--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.grid-max--between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.grid-max--around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.grid-max--top {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.grid-max--middle {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.grid-max--bottom {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.grid-max--stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
/**
* _btn.scss
*
* Author: Marian Friedmann
*
* Usage:
* btn
* btn
*/
.btn, .main .hyperlink_txt, .main .ce_toplink a {
text-decoration: none;
text-align: center;
cursor: pointer;
border: none;
line-height: 48px;
display: inline-block;
margin: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Cosmetics */
padding: 0em 20px;
color: #fff;
font-weight: bold;
background-color: #981000;
}
.btn:hover, .main .hyperlink_txt:hover, .main .ce_toplink a:hover {
background-color: #6E0C00;
color: #fff;
text-decoration: none;
}
.btn--round {
border-radius: 4px;
}
.btn--pill {
border-radius: 44em;
}
.btn--full {
width: 100%;
}
/* Button disguised as a link. */
.btn--link {
margin: 0;
padding: 0;
border: none;
color: #981000;
background: none;
line-height: 1;
}
.btn--link:hover {
color: #981000;
text-decoration: underline;
background: none;
}
/**
* _constrain.scss
*
* Author: Marius Scheel
*
*/
.constrain {
margin: 0 auto;
}
.constrain--max {
max-width: 1400px;
max-width: 87.5rem;
}
/**
* _nav.scss
*
* Author: Marian Friedmann
*
* source: Nav abstraction from csswizardry.com/2011/09/the-nav-abstraction
*
* Can be used on an `ol` or `ul` and displays the list items horizontally.
* Extend it with the following subclasses:
*
* - nav--stacked // displays the list items vertically
* - nav--banner // centres the list
* - nav--block // expands list items clickable areas
* - nav--fit // forces the list to occupy the full width of its parent
* - nav--keywords // display as a list of keywords
* - nav--breadcrumb // display as breadcrumbs
* - nav--parallel // display nav items with parallel separator
*
* Markup:
*
*
*/
/**
* 'nav-stacked' displays the list items vertically
*/
/**
* 'nav-banner' centres the list
*/
/**
* 'nav--block' expands list items clickable areas with padding
*/
/**
* 'nav--fit' forces the list to occupy the full width of its parent
*/
/**
* 'nav--keywords' display as a list of keywords
*/
/**
* 'nav--breadcrumbs' display as breadcrumbs
*/
/**
* 'nav--parallel' display with parallel separator
*/
/**
* _box.scss
*
* modified version of:
* https://github.com/inuitcss/objects.box/blob/master/_objects.box.scss
*
*/
/**
* _media.scss
*
* displays image and text side by side
*
* Example markup:
*
*
* use the `.media--rev` modifier to reverse the the image location and put it to the right
* use the `.media--small` modifier, to decrease the gutter width between image and content
*
* for more information have a look at:
* stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
*
*/
.media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.media--tab {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 481px) {
.media--tab {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.media--lap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 721px) {
.media--lap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.media--desk {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 1024px) {
.media--desk {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.media--desk-wide {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 1200px) {
.media--desk-wide {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.media--max {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 1500px) {
.media--max {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.media__img {
display: inline-block;
margin-right: 20px;
margin-right: 1.25rem;
}
.media__body + .media__img {
margin-left: 20px;
margin-left: 1.25rem;
margin-right: 0;
}
@media screen and (max-width: 480px) {
.media--tab .media__img {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 720px) {
.media--lap .media__img {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 1023px) {
.media--desk .media__img {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 1199px) {
.media--desk-wide .media__img {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 1499px) {
.media--max .media__img {
margin-left: 0;
margin-right: 0;
}
}
.media__img > img {
display: block;
}
.media__body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
}
.media--small .media__img {
margin-right: 10px;
margin-right: 0.625rem;
}
.media--big .media__img {
margin-right: 40px;
margin-right: 2.5rem;
}
/**
* _bare-list.scss
*
*/
/**
* _ui-list.scss
*
* based on Harry Roberts ui-list object:
* https://github.com/inuitcss/objects.ui-list/blob/master/_objects.ui-list.scss
*
* creates blocky items, can be used with lists or the corresponding markup:
*
*
*
* or:
*
*
*
* can optionally be used with --separator and --border, where --separator
* adds borders to the list element and --border to the list itself
*
* comes with different size modifiers
*
*/
/**
* Modifiers for sizing the list
*/
/**
* _arrow.scss
*
* Author: Marian Friedmann
*
* Usage:
*
* ...
*
*
*/
/**
* Arrow Top
*/
/**
* Arrow Bottom
*/
/**
* Arrow Left
*/
/**
* Arrow Right
*/
/**
* _icon.scss
*
* Author: Marian Friedmann
*
* Usage:
*
* ...
*
*
*/
/**
* Basic & spacing
*/
.space--top-none {
margin-top: 0px !important;
margin-top: 0rem !important;
}
.space--left-none {
margin-left: 0px !important;
margin-left: 0rem !important;
}
.space--right-none {
margin-right: 0px !important;
margin-right: 0rem !important;
}
.space--bottom-none {
margin-bottom: 0px !important;
margin-bottom: 0rem !important;
}
.space--top-quarter {
margin-top: 5px !important;
margin-top: 0.3125rem !important;
}
.space--left-quarter {
margin-left: 5px !important;
margin-left: 0.3125rem !important;
}
.space--right-quarter {
margin-right: 5px !important;
margin-right: 0.3125rem !important;
}
.space--bottom-quarter {
margin-bottom: 5px !important;
margin-bottom: 0.3125rem !important;
}
.space--top-third {
margin-top: 6.6666666666px !important;
margin-top: 0.4166666667rem !important;
}
.space--left-third {
margin-left: 6.6666666666px !important;
margin-left: 0.4166666667rem !important;
}
.space--right-third {
margin-right: 6.6666666666px !important;
margin-right: 0.4166666667rem !important;
}
.space--bottom-third {
margin-bottom: 6.6666666666px !important;
margin-bottom: 0.4166666667rem !important;
}
.space--top-half {
margin-top: 10px !important;
margin-top: 0.625rem !important;
}
.space--left-half {
margin-left: 10px !important;
margin-left: 0.625rem !important;
}
.space--right-half {
margin-right: 10px !important;
margin-right: 0.625rem !important;
}
.space--bottom-half {
margin-bottom: 10px !important;
margin-bottom: 0.625rem !important;
}
.space--top {
margin-top: 20px !important;
margin-top: 1.25rem !important;
}
.space--left {
margin-left: 20px !important;
margin-left: 1.25rem !important;
}
.space--right {
margin-right: 20px !important;
margin-right: 1.25rem !important;
}
.space--bottom {
margin-bottom: 20px !important;
margin-bottom: 1.25rem !important;
}
.space--top-double {
margin-top: 40px !important;
margin-top: 2.5rem !important;
}
.space--left-double {
margin-left: 40px !important;
margin-left: 2.5rem !important;
}
.space--right-double {
margin-right: 40px !important;
margin-right: 2.5rem !important;
}
.space--bottom-double {
margin-bottom: 40px !important;
margin-bottom: 2.5rem !important;
}
.space--top-triple {
margin-top: 60px !important;
margin-top: 3.75rem !important;
}
.space--left-triple {
margin-left: 60px !important;
margin-left: 3.75rem !important;
}
.space--right-triple {
margin-right: 60px !important;
margin-right: 3.75rem !important;
}
.space--bottom-triple {
margin-bottom: 60px !important;
margin-bottom: 3.75rem !important;
}
.space--top-quad {
margin-top: 80px !important;
margin-top: 5rem !important;
}
.space--left-quad {
margin-left: 80px !important;
margin-left: 5rem !important;
}
.space--right-quad {
margin-right: 80px !important;
margin-right: 5rem !important;
}
.space--bottom-quad {
margin-bottom: 80px !important;
margin-bottom: 5rem !important;
}
@media screen and (min-width: 481px) {
.space-tab--top-none {
margin-top: 0px !important;
margin-top: 0rem !important;
}
.space-tab--left-none {
margin-left: 0px !important;
margin-left: 0rem !important;
}
.space-tab--right-none {
margin-right: 0px !important;
margin-right: 0rem !important;
}
.space-tab--bottom-none {
margin-bottom: 0px !important;
margin-bottom: 0rem !important;
}
.space-tab--top-quarter {
margin-top: 5px !important;
margin-top: 0.3125rem !important;
}
.space-tab--left-quarter {
margin-left: 5px !important;
margin-left: 0.3125rem !important;
}
.space-tab--right-quarter {
margin-right: 5px !important;
margin-right: 0.3125rem !important;
}
.space-tab--bottom-quarter {
margin-bottom: 5px !important;
margin-bottom: 0.3125rem !important;
}
.space-tab--top-third {
margin-top: 6.6666666666px !important;
margin-top: 0.4166666667rem !important;
}
.space-tab--left-third {
margin-left: 6.6666666666px !important;
margin-left: 0.4166666667rem !important;
}
.space-tab--right-third {
margin-right: 6.6666666666px !important;
margin-right: 0.4166666667rem !important;
}
.space-tab--bottom-third {
margin-bottom: 6.6666666666px !important;
margin-bottom: 0.4166666667rem !important;
}
.space-tab--top-half {
margin-top: 10px !important;
margin-top: 0.625rem !important;
}
.space-tab--left-half {
margin-left: 10px !important;
margin-left: 0.625rem !important;
}
.space-tab--right-half {
margin-right: 10px !important;
margin-right: 0.625rem !important;
}
.space-tab--bottom-half {
margin-bottom: 10px !important;
margin-bottom: 0.625rem !important;
}
.space-tab--top {
margin-top: 20px !important;
margin-top: 1.25rem !important;
}
.space-tab--left {
margin-left: 20px !important;
margin-left: 1.25rem !important;
}
.space-tab--right {
margin-right: 20px !important;
margin-right: 1.25rem !important;
}
.space-tab--bottom {
margin-bottom: 20px !important;
margin-bottom: 1.25rem !important;
}
.space-tab--top-double {
margin-top: 40px !important;
margin-top: 2.5rem !important;
}
.space-tab--left-double {
margin-left: 40px !important;
margin-left: 2.5rem !important;
}
.space-tab--right-double {
margin-right: 40px !important;
margin-right: 2.5rem !important;
}
.space-tab--bottom-double {
margin-bottom: 40px !important;
margin-bottom: 2.5rem !important;
}
.space-tab--top-triple {
margin-top: 60px !important;
margin-top: 3.75rem !important;
}
.space-tab--left-triple {
margin-left: 60px !important;
margin-left: 3.75rem !important;
}
.space-tab--right-triple {
margin-right: 60px !important;
margin-right: 3.75rem !important;
}
.space-tab--bottom-triple {
margin-bottom: 60px !important;
margin-bottom: 3.75rem !important;
}
.space-tab--top-quad {
margin-top: 80px !important;
margin-top: 5rem !important;
}
.space-tab--left-quad {
margin-left: 80px !important;
margin-left: 5rem !important;
}
.space-tab--right-quad {
margin-right: 80px !important;
margin-right: 5rem !important;
}
.space-tab--bottom-quad {
margin-bottom: 80px !important;
margin-bottom: 5rem !important;
}
}
@media screen and (min-width: 721px) {
.space-lap--top-none {
margin-top: 0px !important;
margin-top: 0rem !important;
}
.space-lap--left-none {
margin-left: 0px !important;
margin-left: 0rem !important;
}
.space-lap--right-none {
margin-right: 0px !important;
margin-right: 0rem !important;
}
.space-lap--bottom-none {
margin-bottom: 0px !important;
margin-bottom: 0rem !important;
}
.space-lap--top-quarter {
margin-top: 5px !important;
margin-top: 0.3125rem !important;
}
.space-lap--left-quarter {
margin-left: 5px !important;
margin-left: 0.3125rem !important;
}
.space-lap--right-quarter {
margin-right: 5px !important;
margin-right: 0.3125rem !important;
}
.space-lap--bottom-quarter {
margin-bottom: 5px !important;
margin-bottom: 0.3125rem !important;
}
.space-lap--top-third {
margin-top: 6.6666666666px !important;
margin-top: 0.4166666667rem !important;
}
.space-lap--left-third {
margin-left: 6.6666666666px !important;
margin-left: 0.4166666667rem !important;
}
.space-lap--right-third {
margin-right: 6.6666666666px !important;
margin-right: 0.4166666667rem !important;
}
.space-lap--bottom-third {
margin-bottom: 6.6666666666px !important;
margin-bottom: 0.4166666667rem !important;
}
.space-lap--top-half {
margin-top: 10px !important;
margin-top: 0.625rem !important;
}
.space-lap--left-half {
margin-left: 10px !important;
margin-left: 0.625rem !important;
}
.space-lap--right-half {
margin-right: 10px !important;
margin-right: 0.625rem !important;
}
.space-lap--bottom-half {
margin-bottom: 10px !important;
margin-bottom: 0.625rem !important;
}
.space-lap--top {
margin-top: 20px !important;
margin-top: 1.25rem !important;
}
.space-lap--left {
margin-left: 20px !important;
margin-left: 1.25rem !important;
}
.space-lap--right {
margin-right: 20px !important;
margin-right: 1.25rem !important;
}
.space-lap--bottom {
margin-bottom: 20px !important;
margin-bottom: 1.25rem !important;
}
.space-lap--top-double {
margin-top: 40px !important;
margin-top: 2.5rem !important;
}
.space-lap--left-double {
margin-left: 40px !important;
margin-left: 2.5rem !important;
}
.space-lap--right-double {
margin-right: 40px !important;
margin-right: 2.5rem !important;
}
.space-lap--bottom-double {
margin-bottom: 40px !important;
margin-bottom: 2.5rem !important;
}
.space-lap--top-triple {
margin-top: 60px !important;
margin-top: 3.75rem !important;
}
.space-lap--left-triple {
margin-left: 60px !important;
margin-left: 3.75rem !important;
}
.space-lap--right-triple {
margin-right: 60px !important;
margin-right: 3.75rem !important;
}
.space-lap--bottom-triple {
margin-bottom: 60px !important;
margin-bottom: 3.75rem !important;
}
.space-lap--top-quad {
margin-top: 80px !important;
margin-top: 5rem !important;
}
.space-lap--left-quad {
margin-left: 80px !important;
margin-left: 5rem !important;
}
.space-lap--right-quad {
margin-right: 80px !important;
margin-right: 5rem !important;
}
.space-lap--bottom-quad {
margin-bottom: 80px !important;
margin-bottom: 5rem !important;
}
}
@media screen and (min-width: 1024px) {
.space-desk--top-none {
margin-top: 0px !important;
margin-top: 0rem !important;
}
.space-desk--left-none {
margin-left: 0px !important;
margin-left: 0rem !important;
}
.space-desk--right-none {
margin-right: 0px !important;
margin-right: 0rem !important;
}
.space-desk--bottom-none {
margin-bottom: 0px !important;
margin-bottom: 0rem !important;
}
.space-desk--top-quarter {
margin-top: 5px !important;
margin-top: 0.3125rem !important;
}
.space-desk--left-quarter {
margin-left: 5px !important;
margin-left: 0.3125rem !important;
}
.space-desk--right-quarter {
margin-right: 5px !important;
margin-right: 0.3125rem !important;
}
.space-desk--bottom-quarter {
margin-bottom: 5px !important;
margin-bottom: 0.3125rem !important;
}
.space-desk--top-third {
margin-top: 6.6666666666px !important;
margin-top: 0.4166666667rem !important;
}
.space-desk--left-third {
margin-left: 6.6666666666px !important;
margin-left: 0.4166666667rem !important;
}
.space-desk--right-third {
margin-right: 6.6666666666px !important;
margin-right: 0.4166666667rem !important;
}
.space-desk--bottom-third {
margin-bottom: 6.6666666666px !important;
margin-bottom: 0.4166666667rem !important;
}
.space-desk--top-half {
margin-top: 10px !important;
margin-top: 0.625rem !important;
}
.space-desk--left-half {
margin-left: 10px !important;
margin-left: 0.625rem !important;
}
.space-desk--right-half {
margin-right: 10px !important;
margin-right: 0.625rem !important;
}
.space-desk--bottom-half {
margin-bottom: 10px !important;
margin-bottom: 0.625rem !important;
}
.space-desk--top {
margin-top: 20px !important;
margin-top: 1.25rem !important;
}
.space-desk--left {
margin-left: 20px !important;
margin-left: 1.25rem !important;
}
.space-desk--right {
margin-right: 20px !important;
margin-right: 1.25rem !important;
}
.space-desk--bottom {
margin-bottom: 20px !important;
margin-bottom: 1.25rem !important;
}
.space-desk--top-double {
margin-top: 40px !important;
margin-top: 2.5rem !important;
}
.space-desk--left-double {
margin-left: 40px !important;
margin-left: 2.5rem !important;
}
.space-desk--right-double {
margin-right: 40px !important;
margin-right: 2.5rem !important;
}
.space-desk--bottom-double {
margin-bottom: 40px !important;
margin-bottom: 2.5rem !important;
}
.space-desk--top-triple {
margin-top: 60px !important;
margin-top: 3.75rem !important;
}
.space-desk--left-triple {
margin-left: 60px !important;
margin-left: 3.75rem !important;
}
.space-desk--right-triple {
margin-right: 60px !important;
margin-right: 3.75rem !important;
}
.space-desk--bottom-triple {
margin-bottom: 60px !important;
margin-bottom: 3.75rem !important;
}
.space-desk--top-quad {
margin-top: 80px !important;
margin-top: 5rem !important;
}
.space-desk--left-quad {
margin-left: 80px !important;
margin-left: 5rem !important;
}
.space-desk--right-quad {
margin-right: 80px !important;
margin-right: 5rem !important;
}
.space-desk--bottom-quad {
margin-bottom: 80px !important;
margin-bottom: 5rem !important;
}
}
@media screen and (min-width: 1200px) {
.space-desk-wide--top-none {
margin-top: 0px !important;
margin-top: 0rem !important;
}
.space-desk-wide--left-none {
margin-left: 0px !important;
margin-left: 0rem !important;
}
.space-desk-wide--right-none {
margin-right: 0px !important;
margin-right: 0rem !important;
}
.space-desk-wide--bottom-none {
margin-bottom: 0px !important;
margin-bottom: 0rem !important;
}
.space-desk-wide--top-quarter {
margin-top: 5px !important;
margin-top: 0.3125rem !important;
}
.space-desk-wide--left-quarter {
margin-left: 5px !important;
margin-left: 0.3125rem !important;
}
.space-desk-wide--right-quarter {
margin-right: 5px !important;
margin-right: 0.3125rem !important;
}
.space-desk-wide--bottom-quarter {
margin-bottom: 5px !important;
margin-bottom: 0.3125rem !important;
}
.space-desk-wide--top-third {
margin-top: 6.6666666666px !important;
margin-top: 0.4166666667rem !important;
}
.space-desk-wide--left-third {
margin-left: 6.6666666666px !important;
margin-left: 0.4166666667rem !important;
}
.space-desk-wide--right-third {
margin-right: 6.6666666666px !important;
margin-right: 0.4166666667rem !important;
}
.space-desk-wide--bottom-third {
margin-bottom: 6.6666666666px !important;
margin-bottom: 0.4166666667rem !important;
}
.space-desk-wide--top-half {
margin-top: 10px !important;
margin-top: 0.625rem !important;
}
.space-desk-wide--left-half {
margin-left: 10px !important;
margin-left: 0.625rem !important;
}
.space-desk-wide--right-half {
margin-right: 10px !important;
margin-right: 0.625rem !important;
}
.space-desk-wide--bottom-half {
margin-bottom: 10px !important;
margin-bottom: 0.625rem !important;
}
.space-desk-wide--top {
margin-top: 20px !important;
margin-top: 1.25rem !important;
}
.space-desk-wide--left {
margin-left: 20px !important;
margin-left: 1.25rem !important;
}
.space-desk-wide--right {
margin-right: 20px !important;
margin-right: 1.25rem !important;
}
.space-desk-wide--bottom {
margin-bottom: 20px !important;
margin-bottom: 1.25rem !important;
}
.space-desk-wide--top-double {
margin-top: 40px !important;
margin-top: 2.5rem !important;
}
.space-desk-wide--left-double {
margin-left: 40px !important;
margin-left: 2.5rem !important;
}
.space-desk-wide--right-double {
margin-right: 40px !important;
margin-right: 2.5rem !important;
}
.space-desk-wide--bottom-double {
margin-bottom: 40px !important;
margin-bottom: 2.5rem !important;
}
.space-desk-wide--top-triple {
margin-top: 60px !important;
margin-top: 3.75rem !important;
}
.space-desk-wide--left-triple {
margin-left: 60px !important;
margin-left: 3.75rem !important;
}
.space-desk-wide--right-triple {
margin-right: 60px !important;
margin-right: 3.75rem !important;
}
.space-desk-wide--bottom-triple {
margin-bottom: 60px !important;
margin-bottom: 3.75rem !important;
}
.space-desk-wide--top-quad {
margin-top: 80px !important;
margin-top: 5rem !important;
}
.space-desk-wide--left-quad {
margin-left: 80px !important;
margin-left: 5rem !important;
}
.space-desk-wide--right-quad {
margin-right: 80px !important;
margin-right: 5rem !important;
}
.space-desk-wide--bottom-quad {
margin-bottom: 80px !important;
margin-bottom: 5rem !important;
}
}
@media screen and (min-width: 1500px) {
.space-max--top-none {
margin-top: 0px !important;
margin-top: 0rem !important;
}
.space-max--left-none {
margin-left: 0px !important;
margin-left: 0rem !important;
}
.space-max--right-none {
margin-right: 0px !important;
margin-right: 0rem !important;
}
.space-max--bottom-none {
margin-bottom: 0px !important;
margin-bottom: 0rem !important;
}
.space-max--top-quarter {
margin-top: 5px !important;
margin-top: 0.3125rem !important;
}
.space-max--left-quarter {
margin-left: 5px !important;
margin-left: 0.3125rem !important;
}
.space-max--right-quarter {
margin-right: 5px !important;
margin-right: 0.3125rem !important;
}
.space-max--bottom-quarter {
margin-bottom: 5px !important;
margin-bottom: 0.3125rem !important;
}
.space-max--top-third {
margin-top: 6.6666666666px !important;
margin-top: 0.4166666667rem !important;
}
.space-max--left-third {
margin-left: 6.6666666666px !important;
margin-left: 0.4166666667rem !important;
}
.space-max--right-third {
margin-right: 6.6666666666px !important;
margin-right: 0.4166666667rem !important;
}
.space-max--bottom-third {
margin-bottom: 6.6666666666px !important;
margin-bottom: 0.4166666667rem !important;
}
.space-max--top-half {
margin-top: 10px !important;
margin-top: 0.625rem !important;
}
.space-max--left-half {
margin-left: 10px !important;
margin-left: 0.625rem !important;
}
.space-max--right-half {
margin-right: 10px !important;
margin-right: 0.625rem !important;
}
.space-max--bottom-half {
margin-bottom: 10px !important;
margin-bottom: 0.625rem !important;
}
.space-max--top {
margin-top: 20px !important;
margin-top: 1.25rem !important;
}
.space-max--left {
margin-left: 20px !important;
margin-left: 1.25rem !important;
}
.space-max--right {
margin-right: 20px !important;
margin-right: 1.25rem !important;
}
.space-max--bottom {
margin-bottom: 20px !important;
margin-bottom: 1.25rem !important;
}
.space-max--top-double {
margin-top: 40px !important;
margin-top: 2.5rem !important;
}
.space-max--left-double {
margin-left: 40px !important;
margin-left: 2.5rem !important;
}
.space-max--right-double {
margin-right: 40px !important;
margin-right: 2.5rem !important;
}
.space-max--bottom-double {
margin-bottom: 40px !important;
margin-bottom: 2.5rem !important;
}
.space-max--top-triple {
margin-top: 60px !important;
margin-top: 3.75rem !important;
}
.space-max--left-triple {
margin-left: 60px !important;
margin-left: 3.75rem !important;
}
.space-max--right-triple {
margin-right: 60px !important;
margin-right: 3.75rem !important;
}
.space-max--bottom-triple {
margin-bottom: 60px !important;
margin-bottom: 3.75rem !important;
}
.space-max--top-quad {
margin-top: 80px !important;
margin-top: 5rem !important;
}
.space-max--left-quad {
margin-left: 80px !important;
margin-left: 5rem !important;
}
.space-max--right-quad {
margin-right: 80px !important;
margin-right: 5rem !important;
}
.space-max--bottom-quad {
margin-bottom: 80px !important;
margin-bottom: 5rem !important;
}
}
/**
* _width.scss
*
* Author: Marian Friedmann
*
* Usage:
*
*
*/
.width--0 {
max-width: 0% !important;
display: none;
-ms-flex: 0%;
-webkit-box-flex: 0%;
flex: 0%;
}
.width--1of1,
.width--2of2,
.width--3of3,
.width--4of4,
.width--5of5,
.width--6of6 {
max-width: 100% !important;
display: block;
-ms-flex: 100%;
-webkit-box-flex: 100%;
flex: 100%;
}
.width--1of2,
.width--2of4,
.width--3of6,
.width--4of8,
.width--5of10,
.width--6of12 {
max-width: 50% !important;
display: block;
-ms-flex: 50%;
-webkit-box-flex: 50%;
flex: 50%;
}
.width--1of3,
.width--2of6,
.width--3of9,
.width--4of12 {
max-width: 33.33333% !important;
display: block;
-ms-flex: 33.33333%;
-webkit-box-flex: 33.33333%;
flex: 33.33333%;
}
.width--2of3,
.width--4of6,
.width--6of9,
.width--8of12 {
max-width: 66.66666% !important;
display: block;
-ms-flex: 66.66666%;
-webkit-box-flex: 66.66666%;
flex: 66.66666%;
}
.width--1of4,
.width--2of8,
.width--3of12 {
max-width: 25% !important;
display: block;
-ms-flex: 25%;
-webkit-box-flex: 25%;
flex: 25%;
}
.width--3of4,
.width--6of8,
.width--9of12 {
max-width: 75% !important;
display: block;
-ms-flex: 75%;
-webkit-box-flex: 75%;
flex: 75%;
}
.width--1of5,
.width--2of10 {
max-width: 20% !important;
display: block;
-ms-flex: 20%;
-webkit-box-flex: 20%;
flex: 20%;
}
.width--2of5,
.width--4of10 {
max-width: 40% !important;
display: block;
-ms-flex: 40%;
-webkit-box-flex: 40%;
flex: 40%;
}
.width--3of5,
.width--6of10 {
max-width: 60% !important;
display: block;
-ms-flex: 60%;
-webkit-box-flex: 60%;
flex: 60%;
}
.width--4of5,
.width--8of10 {
max-width: 80% !important;
display: block;
-ms-flex: 80%;
-webkit-box-flex: 80%;
flex: 80%;
}
.width--1of6,
.width--2of12 {
max-width: 16.66666% !important;
display: block;
-ms-flex: 16.66666%;
-webkit-box-flex: 16.66666%;
flex: 16.66666%;
}
.width--5of6,
.width--10of12 {
max-width: 83.33333% !important;
display: block;
-ms-flex: 83.33333%;
-webkit-box-flex: 83.33333%;
flex: 83.33333%;
}
.width--1of8 {
max-width: 12.5% !important;
display: block;
-ms-flex: 12.5%;
-webkit-box-flex: 12.5%;
flex: 12.5%;
}
.width--3of8 {
max-width: 37.5% !important;
display: block;
-ms-flex: 37.5%;
-webkit-box-flex: 37.5%;
flex: 37.5%;
}
.width--5of8 {
max-width: 62.5% !important;
display: block;
-ms-flex: 62.5%;
-webkit-box-flex: 62.5%;
flex: 62.5%;
}
.width--7of8 {
max-width: 87.5% !important;
display: block;
-ms-flex: 87.5%;
-webkit-box-flex: 87.5%;
flex: 87.5%;
}
.width--1of9 {
max-width: 11.1111111% !important;
display: block;
-ms-flex: 11.1111111%;
-webkit-box-flex: 11.1111111%;
flex: 11.1111111%;
}
.width--2of9 {
max-width: 22.2222222% !important;
display: block;
-ms-flex: 22.2222222%;
-webkit-box-flex: 22.2222222%;
flex: 22.2222222%;
}
.width--4of9 {
max-width: 44.4444444% !important;
display: block;
-ms-flex: 44.4444444%;
-webkit-box-flex: 44.4444444%;
flex: 44.4444444%;
}
.width--5of9 {
max-width: 55.5555555% !important;
display: block;
-ms-flex: 55.5555555%;
-webkit-box-flex: 55.5555555%;
flex: 55.5555555%;
}
.width--7of9 {
max-width: 77.7777777% !important;
display: block;
-ms-flex: 77.7777777%;
-webkit-box-flex: 77.7777777%;
flex: 77.7777777%;
}
.width--8of9 {
max-width: 88.8888888% !important;
display: block;
-ms-flex: 88.8888888%;
-webkit-box-flex: 88.8888888%;
flex: 88.8888888%;
}
.width--1of10 {
max-width: 10% !important;
display: block;
-ms-flex: 10%;
-webkit-box-flex: 10%;
flex: 10%;
}
.width--3of10 {
max-width: 30% !important;
display: block;
-ms-flex: 30%;
-webkit-box-flex: 30%;
flex: 30%;
}
.width--7of10 {
max-width: 70% !important;
display: block;
-ms-flex: 70%;
-webkit-box-flex: 70%;
flex: 70%;
}
.width--9of10 {
max-width: 90% !important;
display: block;
-ms-flex: 90%;
-webkit-box-flex: 90%;
flex: 90%;
}
.width--1of12 {
max-width: 8.3333333% !important;
display: block;
-ms-flex: 8.3333333%;
-webkit-box-flex: 8.3333333%;
flex: 8.3333333%;
}
.width--5of12 {
max-width: 41.6666666% !important;
display: block;
-ms-flex: 41.6666666%;
-webkit-box-flex: 41.6666666%;
flex: 41.6666666%;
}
.width--7of12 {
max-width: 58.3333333% !important;
display: block;
-ms-flex: 58.3333333%;
-webkit-box-flex: 58.3333333%;
flex: 58.3333333%;
}
.width--11of12 {
max-width: 91.6666666% !important;
display: block;
-ms-flex: 91.6666666%;
-webkit-box-flex: 91.6666666%;
flex: 91.6666666%;
}
@media screen and (min-width: 481px) {
.width-tab--0 {
max-width: 0% !important;
display: none;
-ms-flex: 0%;
-webkit-box-flex: 0%;
flex: 0%;
}
.width-tab--1of1,
.width-tab--2of2,
.width-tab--3of3,
.width-tab--4of4,
.width-tab--5of5,
.width-tab--6of6 {
max-width: 100% !important;
display: block;
-ms-flex: 100%;
-webkit-box-flex: 100%;
flex: 100%;
}
.width-tab--1of2, .main .ce_gallery ul li,
.width-tab--2of4,
.width-tab--3of6,
.width-tab--4of8,
.width-tab--5of10,
.width-tab--6of12 {
max-width: 50% !important;
display: block;
-ms-flex: 50%;
-webkit-box-flex: 50%;
flex: 50%;
}
.width-tab--1of3,
.width-tab--2of6,
.width-tab--3of9,
.width-tab--4of12 {
max-width: 33.33333% !important;
display: block;
-ms-flex: 33.33333%;
-webkit-box-flex: 33.33333%;
flex: 33.33333%;
}
.width-tab--2of3,
.width-tab--4of6,
.width-tab--6of9,
.width-tab--8of12 {
max-width: 66.66666% !important;
display: block;
-ms-flex: 66.66666%;
-webkit-box-flex: 66.66666%;
flex: 66.66666%;
}
.width-tab--1of4,
.width-tab--2of8,
.width-tab--3of12 {
max-width: 25% !important;
display: block;
-ms-flex: 25%;
-webkit-box-flex: 25%;
flex: 25%;
}
.width-tab--3of4,
.width-tab--6of8,
.width-tab--9of12 {
max-width: 75% !important;
display: block;
-ms-flex: 75%;
-webkit-box-flex: 75%;
flex: 75%;
}
.width-tab--1of5,
.width-tab--2of10 {
max-width: 20% !important;
display: block;
-ms-flex: 20%;
-webkit-box-flex: 20%;
flex: 20%;
}
.width-tab--2of5,
.width-tab--4of10 {
max-width: 40% !important;
display: block;
-ms-flex: 40%;
-webkit-box-flex: 40%;
flex: 40%;
}
.width-tab--3of5,
.width-tab--6of10 {
max-width: 60% !important;
display: block;
-ms-flex: 60%;
-webkit-box-flex: 60%;
flex: 60%;
}
.width-tab--4of5,
.width-tab--8of10 {
max-width: 80% !important;
display: block;
-ms-flex: 80%;
-webkit-box-flex: 80%;
flex: 80%;
}
.width-tab--1of6,
.width-tab--2of12 {
max-width: 16.66666% !important;
display: block;
-ms-flex: 16.66666%;
-webkit-box-flex: 16.66666%;
flex: 16.66666%;
}
.width-tab--5of6,
.width-tab--10of12 {
max-width: 83.33333% !important;
display: block;
-ms-flex: 83.33333%;
-webkit-box-flex: 83.33333%;
flex: 83.33333%;
}
.width-tab--1of8 {
max-width: 12.5% !important;
display: block;
-ms-flex: 12.5%;
-webkit-box-flex: 12.5%;
flex: 12.5%;
}
.width-tab--3of8 {
max-width: 37.5% !important;
display: block;
-ms-flex: 37.5%;
-webkit-box-flex: 37.5%;
flex: 37.5%;
}
.width-tab--5of8 {
max-width: 62.5% !important;
display: block;
-ms-flex: 62.5%;
-webkit-box-flex: 62.5%;
flex: 62.5%;
}
.width-tab--7of8 {
max-width: 87.5% !important;
display: block;
-ms-flex: 87.5%;
-webkit-box-flex: 87.5%;
flex: 87.5%;
}
.width-tab--1of9 {
max-width: 11.1111111% !important;
display: block;
-ms-flex: 11.1111111%;
-webkit-box-flex: 11.1111111%;
flex: 11.1111111%;
}
.width-tab--2of9 {
max-width: 22.2222222% !important;
display: block;
-ms-flex: 22.2222222%;
-webkit-box-flex: 22.2222222%;
flex: 22.2222222%;
}
.width-tab--4of9 {
max-width: 44.4444444% !important;
display: block;
-ms-flex: 44.4444444%;
-webkit-box-flex: 44.4444444%;
flex: 44.4444444%;
}
.width-tab--5of9 {
max-width: 55.5555555% !important;
display: block;
-ms-flex: 55.5555555%;
-webkit-box-flex: 55.5555555%;
flex: 55.5555555%;
}
.width-tab--7of9 {
max-width: 77.7777777% !important;
display: block;
-ms-flex: 77.7777777%;
-webkit-box-flex: 77.7777777%;
flex: 77.7777777%;
}
.width-tab--8of9 {
max-width: 88.8888888% !important;
display: block;
-ms-flex: 88.8888888%;
-webkit-box-flex: 88.8888888%;
flex: 88.8888888%;
}
.width-tab--1of10 {
max-width: 10% !important;
display: block;
-ms-flex: 10%;
-webkit-box-flex: 10%;
flex: 10%;
}
.width-tab--3of10 {
max-width: 30% !important;
display: block;
-ms-flex: 30%;
-webkit-box-flex: 30%;
flex: 30%;
}
.width-tab--7of10 {
max-width: 70% !important;
display: block;
-ms-flex: 70%;
-webkit-box-flex: 70%;
flex: 70%;
}
.width-tab--9of10 {
max-width: 90% !important;
display: block;
-ms-flex: 90%;
-webkit-box-flex: 90%;
flex: 90%;
}
.width-tab--1of12 {
max-width: 8.3333333% !important;
display: block;
-ms-flex: 8.3333333%;
-webkit-box-flex: 8.3333333%;
flex: 8.3333333%;
}
.width-tab--5of12 {
max-width: 41.6666666% !important;
display: block;
-ms-flex: 41.6666666%;
-webkit-box-flex: 41.6666666%;
flex: 41.6666666%;
}
.width-tab--7of12 {
max-width: 58.3333333% !important;
display: block;
-ms-flex: 58.3333333%;
-webkit-box-flex: 58.3333333%;
flex: 58.3333333%;
}
.width-tab--11of12 {
max-width: 91.6666666% !important;
display: block;
-ms-flex: 91.6666666%;
-webkit-box-flex: 91.6666666%;
flex: 91.6666666%;
}
}
@media screen and (min-width: 721px) {
.width-lap--0 {
max-width: 0% !important;
display: none;
-ms-flex: 0%;
-webkit-box-flex: 0%;
flex: 0%;
}
.width-lap--1of1,
.width-lap--2of2,
.width-lap--3of3,
.width-lap--4of4,
.width-lap--5of5,
.width-lap--6of6 {
max-width: 100% !important;
display: block;
-ms-flex: 100%;
-webkit-box-flex: 100%;
flex: 100%;
}
.width-lap--1of2,
.width-lap--2of4,
.width-lap--3of6,
.width-lap--4of8,
.width-lap--5of10,
.width-lap--6of12 {
max-width: 50% !important;
display: block;
-ms-flex: 50%;
-webkit-box-flex: 50%;
flex: 50%;
}
.width-lap--1of3, .main .ce_gallery ul li,
.width-lap--2of6,
.width-lap--3of9,
.width-lap--4of12 {
max-width: 33.33333% !important;
display: block;
-ms-flex: 33.33333%;
-webkit-box-flex: 33.33333%;
flex: 33.33333%;
}
.width-lap--2of3,
.width-lap--4of6,
.width-lap--6of9,
.width-lap--8of12 {
max-width: 66.66666% !important;
display: block;
-ms-flex: 66.66666%;
-webkit-box-flex: 66.66666%;
flex: 66.66666%;
}
.width-lap--1of4,
.width-lap--2of8,
.width-lap--3of12 {
max-width: 25% !important;
display: block;
-ms-flex: 25%;
-webkit-box-flex: 25%;
flex: 25%;
}
.width-lap--3of4,
.width-lap--6of8,
.width-lap--9of12 {
max-width: 75% !important;
display: block;
-ms-flex: 75%;
-webkit-box-flex: 75%;
flex: 75%;
}
.width-lap--1of5,
.width-lap--2of10 {
max-width: 20% !important;
display: block;
-ms-flex: 20%;
-webkit-box-flex: 20%;
flex: 20%;
}
.width-lap--2of5,
.width-lap--4of10 {
max-width: 40% !important;
display: block;
-ms-flex: 40%;
-webkit-box-flex: 40%;
flex: 40%;
}
.width-lap--3of5,
.width-lap--6of10 {
max-width: 60% !important;
display: block;
-ms-flex: 60%;
-webkit-box-flex: 60%;
flex: 60%;
}
.width-lap--4of5,
.width-lap--8of10 {
max-width: 80% !important;
display: block;
-ms-flex: 80%;
-webkit-box-flex: 80%;
flex: 80%;
}
.width-lap--1of6,
.width-lap--2of12 {
max-width: 16.66666% !important;
display: block;
-ms-flex: 16.66666%;
-webkit-box-flex: 16.66666%;
flex: 16.66666%;
}
.width-lap--5of6,
.width-lap--10of12 {
max-width: 83.33333% !important;
display: block;
-ms-flex: 83.33333%;
-webkit-box-flex: 83.33333%;
flex: 83.33333%;
}
.width-lap--1of8 {
max-width: 12.5% !important;
display: block;
-ms-flex: 12.5%;
-webkit-box-flex: 12.5%;
flex: 12.5%;
}
.width-lap--3of8 {
max-width: 37.5% !important;
display: block;
-ms-flex: 37.5%;
-webkit-box-flex: 37.5%;
flex: 37.5%;
}
.width-lap--5of8 {
max-width: 62.5% !important;
display: block;
-ms-flex: 62.5%;
-webkit-box-flex: 62.5%;
flex: 62.5%;
}
.width-lap--7of8 {
max-width: 87.5% !important;
display: block;
-ms-flex: 87.5%;
-webkit-box-flex: 87.5%;
flex: 87.5%;
}
.width-lap--1of9 {
max-width: 11.1111111% !important;
display: block;
-ms-flex: 11.1111111%;
-webkit-box-flex: 11.1111111%;
flex: 11.1111111%;
}
.width-lap--2of9 {
max-width: 22.2222222% !important;
display: block;
-ms-flex: 22.2222222%;
-webkit-box-flex: 22.2222222%;
flex: 22.2222222%;
}
.width-lap--4of9 {
max-width: 44.4444444% !important;
display: block;
-ms-flex: 44.4444444%;
-webkit-box-flex: 44.4444444%;
flex: 44.4444444%;
}
.width-lap--5of9 {
max-width: 55.5555555% !important;
display: block;
-ms-flex: 55.5555555%;
-webkit-box-flex: 55.5555555%;
flex: 55.5555555%;
}
.width-lap--7of9 {
max-width: 77.7777777% !important;
display: block;
-ms-flex: 77.7777777%;
-webkit-box-flex: 77.7777777%;
flex: 77.7777777%;
}
.width-lap--8of9 {
max-width: 88.8888888% !important;
display: block;
-ms-flex: 88.8888888%;
-webkit-box-flex: 88.8888888%;
flex: 88.8888888%;
}
.width-lap--1of10 {
max-width: 10% !important;
display: block;
-ms-flex: 10%;
-webkit-box-flex: 10%;
flex: 10%;
}
.width-lap--3of10 {
max-width: 30% !important;
display: block;
-ms-flex: 30%;
-webkit-box-flex: 30%;
flex: 30%;
}
.width-lap--7of10 {
max-width: 70% !important;
display: block;
-ms-flex: 70%;
-webkit-box-flex: 70%;
flex: 70%;
}
.width-lap--9of10 {
max-width: 90% !important;
display: block;
-ms-flex: 90%;
-webkit-box-flex: 90%;
flex: 90%;
}
.width-lap--1of12 {
max-width: 8.3333333% !important;
display: block;
-ms-flex: 8.3333333%;
-webkit-box-flex: 8.3333333%;
flex: 8.3333333%;
}
.width-lap--5of12 {
max-width: 41.6666666% !important;
display: block;
-ms-flex: 41.6666666%;
-webkit-box-flex: 41.6666666%;
flex: 41.6666666%;
}
.width-lap--7of12 {
max-width: 58.3333333% !important;
display: block;
-ms-flex: 58.3333333%;
-webkit-box-flex: 58.3333333%;
flex: 58.3333333%;
}
.width-lap--11of12 {
max-width: 91.6666666% !important;
display: block;
-ms-flex: 91.6666666%;
-webkit-box-flex: 91.6666666%;
flex: 91.6666666%;
}
}
@media screen and (min-width: 1024px) {
.width-desk--0 {
max-width: 0% !important;
display: none;
-ms-flex: 0%;
-webkit-box-flex: 0%;
flex: 0%;
}
.width-desk--1of1,
.width-desk--2of2,
.width-desk--3of3,
.width-desk--4of4,
.width-desk--5of5,
.width-desk--6of6 {
max-width: 100% !important;
display: block;
-ms-flex: 100%;
-webkit-box-flex: 100%;
flex: 100%;
}
.width-desk--1of2,
.width-desk--2of4,
.width-desk--3of6,
.width-desk--4of8,
.width-desk--5of10,
.width-desk--6of12 {
max-width: 50% !important;
display: block;
-ms-flex: 50%;
-webkit-box-flex: 50%;
flex: 50%;
}
.width-desk--1of3,
.width-desk--2of6,
.width-desk--3of9,
.width-desk--4of12 {
max-width: 33.33333% !important;
display: block;
-ms-flex: 33.33333%;
-webkit-box-flex: 33.33333%;
flex: 33.33333%;
}
.width-desk--2of3,
.width-desk--4of6,
.width-desk--6of9,
.width-desk--8of12 {
max-width: 66.66666% !important;
display: block;
-ms-flex: 66.66666%;
-webkit-box-flex: 66.66666%;
flex: 66.66666%;
}
.width-desk--1of4, .main .ce_gallery ul li,
.width-desk--2of8,
.width-desk--3of12 {
max-width: 25% !important;
display: block;
-ms-flex: 25%;
-webkit-box-flex: 25%;
flex: 25%;
}
.width-desk--3of4,
.width-desk--6of8,
.width-desk--9of12 {
max-width: 75% !important;
display: block;
-ms-flex: 75%;
-webkit-box-flex: 75%;
flex: 75%;
}
.width-desk--1of5,
.width-desk--2of10 {
max-width: 20% !important;
display: block;
-ms-flex: 20%;
-webkit-box-flex: 20%;
flex: 20%;
}
.width-desk--2of5,
.width-desk--4of10 {
max-width: 40% !important;
display: block;
-ms-flex: 40%;
-webkit-box-flex: 40%;
flex: 40%;
}
.width-desk--3of5,
.width-desk--6of10 {
max-width: 60% !important;
display: block;
-ms-flex: 60%;
-webkit-box-flex: 60%;
flex: 60%;
}
.width-desk--4of5,
.width-desk--8of10 {
max-width: 80% !important;
display: block;
-ms-flex: 80%;
-webkit-box-flex: 80%;
flex: 80%;
}
.width-desk--1of6,
.width-desk--2of12 {
max-width: 16.66666% !important;
display: block;
-ms-flex: 16.66666%;
-webkit-box-flex: 16.66666%;
flex: 16.66666%;
}
.width-desk--5of6,
.width-desk--10of12 {
max-width: 83.33333% !important;
display: block;
-ms-flex: 83.33333%;
-webkit-box-flex: 83.33333%;
flex: 83.33333%;
}
.width-desk--1of8 {
max-width: 12.5% !important;
display: block;
-ms-flex: 12.5%;
-webkit-box-flex: 12.5%;
flex: 12.5%;
}
.width-desk--3of8 {
max-width: 37.5% !important;
display: block;
-ms-flex: 37.5%;
-webkit-box-flex: 37.5%;
flex: 37.5%;
}
.width-desk--5of8 {
max-width: 62.5% !important;
display: block;
-ms-flex: 62.5%;
-webkit-box-flex: 62.5%;
flex: 62.5%;
}
.width-desk--7of8 {
max-width: 87.5% !important;
display: block;
-ms-flex: 87.5%;
-webkit-box-flex: 87.5%;
flex: 87.5%;
}
.width-desk--1of9 {
max-width: 11.1111111% !important;
display: block;
-ms-flex: 11.1111111%;
-webkit-box-flex: 11.1111111%;
flex: 11.1111111%;
}
.width-desk--2of9 {
max-width: 22.2222222% !important;
display: block;
-ms-flex: 22.2222222%;
-webkit-box-flex: 22.2222222%;
flex: 22.2222222%;
}
.width-desk--4of9 {
max-width: 44.4444444% !important;
display: block;
-ms-flex: 44.4444444%;
-webkit-box-flex: 44.4444444%;
flex: 44.4444444%;
}
.width-desk--5of9 {
max-width: 55.5555555% !important;
display: block;
-ms-flex: 55.5555555%;
-webkit-box-flex: 55.5555555%;
flex: 55.5555555%;
}
.width-desk--7of9 {
max-width: 77.7777777% !important;
display: block;
-ms-flex: 77.7777777%;
-webkit-box-flex: 77.7777777%;
flex: 77.7777777%;
}
.width-desk--8of9 {
max-width: 88.8888888% !important;
display: block;
-ms-flex: 88.8888888%;
-webkit-box-flex: 88.8888888%;
flex: 88.8888888%;
}
.width-desk--1of10 {
max-width: 10% !important;
display: block;
-ms-flex: 10%;
-webkit-box-flex: 10%;
flex: 10%;
}
.width-desk--3of10 {
max-width: 30% !important;
display: block;
-ms-flex: 30%;
-webkit-box-flex: 30%;
flex: 30%;
}
.width-desk--7of10 {
max-width: 70% !important;
display: block;
-ms-flex: 70%;
-webkit-box-flex: 70%;
flex: 70%;
}
.width-desk--9of10 {
max-width: 90% !important;
display: block;
-ms-flex: 90%;
-webkit-box-flex: 90%;
flex: 90%;
}
.width-desk--1of12 {
max-width: 8.3333333% !important;
display: block;
-ms-flex: 8.3333333%;
-webkit-box-flex: 8.3333333%;
flex: 8.3333333%;
}
.width-desk--5of12 {
max-width: 41.6666666% !important;
display: block;
-ms-flex: 41.6666666%;
-webkit-box-flex: 41.6666666%;
flex: 41.6666666%;
}
.width-desk--7of12 {
max-width: 58.3333333% !important;
display: block;
-ms-flex: 58.3333333%;
-webkit-box-flex: 58.3333333%;
flex: 58.3333333%;
}
.width-desk--11of12 {
max-width: 91.6666666% !important;
display: block;
-ms-flex: 91.6666666%;
-webkit-box-flex: 91.6666666%;
flex: 91.6666666%;
}
}
@media screen and (min-width: 1200px) {
.width-desk-wide--0 {
max-width: 0% !important;
display: none;
-ms-flex: 0%;
-webkit-box-flex: 0%;
flex: 0%;
}
.width-desk-wide--1of1,
.width-desk-wide--2of2,
.width-desk-wide--3of3,
.width-desk-wide--4of4,
.width-desk-wide--5of5,
.width-desk-wide--6of6 {
max-width: 100% !important;
display: block;
-ms-flex: 100%;
-webkit-box-flex: 100%;
flex: 100%;
}
.width-desk-wide--1of2,
.width-desk-wide--2of4,
.width-desk-wide--3of6,
.width-desk-wide--4of8,
.width-desk-wide--5of10,
.width-desk-wide--6of12 {
max-width: 50% !important;
display: block;
-ms-flex: 50%;
-webkit-box-flex: 50%;
flex: 50%;
}
.width-desk-wide--1of3,
.width-desk-wide--2of6,
.width-desk-wide--3of9,
.width-desk-wide--4of12 {
max-width: 33.33333% !important;
display: block;
-ms-flex: 33.33333%;
-webkit-box-flex: 33.33333%;
flex: 33.33333%;
}
.width-desk-wide--2of3,
.width-desk-wide--4of6,
.width-desk-wide--6of9,
.width-desk-wide--8of12 {
max-width: 66.66666% !important;
display: block;
-ms-flex: 66.66666%;
-webkit-box-flex: 66.66666%;
flex: 66.66666%;
}
.width-desk-wide--1of4,
.width-desk-wide--2of8,
.width-desk-wide--3of12 {
max-width: 25% !important;
display: block;
-ms-flex: 25%;
-webkit-box-flex: 25%;
flex: 25%;
}
.width-desk-wide--3of4,
.width-desk-wide--6of8,
.width-desk-wide--9of12 {
max-width: 75% !important;
display: block;
-ms-flex: 75%;
-webkit-box-flex: 75%;
flex: 75%;
}
.width-desk-wide--1of5,
.width-desk-wide--2of10 {
max-width: 20% !important;
display: block;
-ms-flex: 20%;
-webkit-box-flex: 20%;
flex: 20%;
}
.width-desk-wide--2of5,
.width-desk-wide--4of10 {
max-width: 40% !important;
display: block;
-ms-flex: 40%;
-webkit-box-flex: 40%;
flex: 40%;
}
.width-desk-wide--3of5,
.width-desk-wide--6of10 {
max-width: 60% !important;
display: block;
-ms-flex: 60%;
-webkit-box-flex: 60%;
flex: 60%;
}
.width-desk-wide--4of5,
.width-desk-wide--8of10 {
max-width: 80% !important;
display: block;
-ms-flex: 80%;
-webkit-box-flex: 80%;
flex: 80%;
}
.width-desk-wide--1of6,
.width-desk-wide--2of12 {
max-width: 16.66666% !important;
display: block;
-ms-flex: 16.66666%;
-webkit-box-flex: 16.66666%;
flex: 16.66666%;
}
.width-desk-wide--5of6,
.width-desk-wide--10of12 {
max-width: 83.33333% !important;
display: block;
-ms-flex: 83.33333%;
-webkit-box-flex: 83.33333%;
flex: 83.33333%;
}
.width-desk-wide--1of8 {
max-width: 12.5% !important;
display: block;
-ms-flex: 12.5%;
-webkit-box-flex: 12.5%;
flex: 12.5%;
}
.width-desk-wide--3of8 {
max-width: 37.5% !important;
display: block;
-ms-flex: 37.5%;
-webkit-box-flex: 37.5%;
flex: 37.5%;
}
.width-desk-wide--5of8 {
max-width: 62.5% !important;
display: block;
-ms-flex: 62.5%;
-webkit-box-flex: 62.5%;
flex: 62.5%;
}
.width-desk-wide--7of8 {
max-width: 87.5% !important;
display: block;
-ms-flex: 87.5%;
-webkit-box-flex: 87.5%;
flex: 87.5%;
}
.width-desk-wide--1of9 {
max-width: 11.1111111% !important;
display: block;
-ms-flex: 11.1111111%;
-webkit-box-flex: 11.1111111%;
flex: 11.1111111%;
}
.width-desk-wide--2of9 {
max-width: 22.2222222% !important;
display: block;
-ms-flex: 22.2222222%;
-webkit-box-flex: 22.2222222%;
flex: 22.2222222%;
}
.width-desk-wide--4of9 {
max-width: 44.4444444% !important;
display: block;
-ms-flex: 44.4444444%;
-webkit-box-flex: 44.4444444%;
flex: 44.4444444%;
}
.width-desk-wide--5of9 {
max-width: 55.5555555% !important;
display: block;
-ms-flex: 55.5555555%;
-webkit-box-flex: 55.5555555%;
flex: 55.5555555%;
}
.width-desk-wide--7of9 {
max-width: 77.7777777% !important;
display: block;
-ms-flex: 77.7777777%;
-webkit-box-flex: 77.7777777%;
flex: 77.7777777%;
}
.width-desk-wide--8of9 {
max-width: 88.8888888% !important;
display: block;
-ms-flex: 88.8888888%;
-webkit-box-flex: 88.8888888%;
flex: 88.8888888%;
}
.width-desk-wide--1of10 {
max-width: 10% !important;
display: block;
-ms-flex: 10%;
-webkit-box-flex: 10%;
flex: 10%;
}
.width-desk-wide--3of10 {
max-width: 30% !important;
display: block;
-ms-flex: 30%;
-webkit-box-flex: 30%;
flex: 30%;
}
.width-desk-wide--7of10 {
max-width: 70% !important;
display: block;
-ms-flex: 70%;
-webkit-box-flex: 70%;
flex: 70%;
}
.width-desk-wide--9of10 {
max-width: 90% !important;
display: block;
-ms-flex: 90%;
-webkit-box-flex: 90%;
flex: 90%;
}
.width-desk-wide--1of12 {
max-width: 8.3333333% !important;
display: block;
-ms-flex: 8.3333333%;
-webkit-box-flex: 8.3333333%;
flex: 8.3333333%;
}
.width-desk-wide--5of12 {
max-width: 41.6666666% !important;
display: block;
-ms-flex: 41.6666666%;
-webkit-box-flex: 41.6666666%;
flex: 41.6666666%;
}
.width-desk-wide--7of12 {
max-width: 58.3333333% !important;
display: block;
-ms-flex: 58.3333333%;
-webkit-box-flex: 58.3333333%;
flex: 58.3333333%;
}
.width-desk-wide--11of12 {
max-width: 91.6666666% !important;
display: block;
-ms-flex: 91.6666666%;
-webkit-box-flex: 91.6666666%;
flex: 91.6666666%;
}
}
@media screen and (min-width: 1500px) {
.width-max--0 {
max-width: 0% !important;
display: none;
-ms-flex: 0%;
-webkit-box-flex: 0%;
flex: 0%;
}
.width-max--1of1,
.width-max--2of2,
.width-max--3of3,
.width-max--4of4,
.width-max--5of5,
.width-max--6of6 {
max-width: 100% !important;
display: block;
-ms-flex: 100%;
-webkit-box-flex: 100%;
flex: 100%;
}
.width-max--1of2,
.width-max--2of4,
.width-max--3of6,
.width-max--4of8,
.width-max--5of10,
.width-max--6of12 {
max-width: 50% !important;
display: block;
-ms-flex: 50%;
-webkit-box-flex: 50%;
flex: 50%;
}
.width-max--1of3,
.width-max--2of6,
.width-max--3of9,
.width-max--4of12 {
max-width: 33.33333% !important;
display: block;
-ms-flex: 33.33333%;
-webkit-box-flex: 33.33333%;
flex: 33.33333%;
}
.width-max--2of3,
.width-max--4of6,
.width-max--6of9,
.width-max--8of12 {
max-width: 66.66666% !important;
display: block;
-ms-flex: 66.66666%;
-webkit-box-flex: 66.66666%;
flex: 66.66666%;
}
.width-max--1of4,
.width-max--2of8,
.width-max--3of12 {
max-width: 25% !important;
display: block;
-ms-flex: 25%;
-webkit-box-flex: 25%;
flex: 25%;
}
.width-max--3of4,
.width-max--6of8,
.width-max--9of12 {
max-width: 75% !important;
display: block;
-ms-flex: 75%;
-webkit-box-flex: 75%;
flex: 75%;
}
.width-max--1of5,
.width-max--2of10 {
max-width: 20% !important;
display: block;
-ms-flex: 20%;
-webkit-box-flex: 20%;
flex: 20%;
}
.width-max--2of5,
.width-max--4of10 {
max-width: 40% !important;
display: block;
-ms-flex: 40%;
-webkit-box-flex: 40%;
flex: 40%;
}
.width-max--3of5,
.width-max--6of10 {
max-width: 60% !important;
display: block;
-ms-flex: 60%;
-webkit-box-flex: 60%;
flex: 60%;
}
.width-max--4of5,
.width-max--8of10 {
max-width: 80% !important;
display: block;
-ms-flex: 80%;
-webkit-box-flex: 80%;
flex: 80%;
}
.width-max--1of6,
.width-max--2of12 {
max-width: 16.66666% !important;
display: block;
-ms-flex: 16.66666%;
-webkit-box-flex: 16.66666%;
flex: 16.66666%;
}
.width-max--5of6,
.width-max--10of12 {
max-width: 83.33333% !important;
display: block;
-ms-flex: 83.33333%;
-webkit-box-flex: 83.33333%;
flex: 83.33333%;
}
.width-max--1of8 {
max-width: 12.5% !important;
display: block;
-ms-flex: 12.5%;
-webkit-box-flex: 12.5%;
flex: 12.5%;
}
.width-max--3of8 {
max-width: 37.5% !important;
display: block;
-ms-flex: 37.5%;
-webkit-box-flex: 37.5%;
flex: 37.5%;
}
.width-max--5of8 {
max-width: 62.5% !important;
display: block;
-ms-flex: 62.5%;
-webkit-box-flex: 62.5%;
flex: 62.5%;
}
.width-max--7of8 {
max-width: 87.5% !important;
display: block;
-ms-flex: 87.5%;
-webkit-box-flex: 87.5%;
flex: 87.5%;
}
.width-max--1of9 {
max-width: 11.1111111% !important;
display: block;
-ms-flex: 11.1111111%;
-webkit-box-flex: 11.1111111%;
flex: 11.1111111%;
}
.width-max--2of9 {
max-width: 22.2222222% !important;
display: block;
-ms-flex: 22.2222222%;
-webkit-box-flex: 22.2222222%;
flex: 22.2222222%;
}
.width-max--4of9 {
max-width: 44.4444444% !important;
display: block;
-ms-flex: 44.4444444%;
-webkit-box-flex: 44.4444444%;
flex: 44.4444444%;
}
.width-max--5of9 {
max-width: 55.5555555% !important;
display: block;
-ms-flex: 55.5555555%;
-webkit-box-flex: 55.5555555%;
flex: 55.5555555%;
}
.width-max--7of9 {
max-width: 77.7777777% !important;
display: block;
-ms-flex: 77.7777777%;
-webkit-box-flex: 77.7777777%;
flex: 77.7777777%;
}
.width-max--8of9 {
max-width: 88.8888888% !important;
display: block;
-ms-flex: 88.8888888%;
-webkit-box-flex: 88.8888888%;
flex: 88.8888888%;
}
.width-max--1of10 {
max-width: 10% !important;
display: block;
-ms-flex: 10%;
-webkit-box-flex: 10%;
flex: 10%;
}
.width-max--3of10 {
max-width: 30% !important;
display: block;
-ms-flex: 30%;
-webkit-box-flex: 30%;
flex: 30%;
}
.width-max--7of10 {
max-width: 70% !important;
display: block;
-ms-flex: 70%;
-webkit-box-flex: 70%;
flex: 70%;
}
.width-max--9of10 {
max-width: 90% !important;
display: block;
-ms-flex: 90%;
-webkit-box-flex: 90%;
flex: 90%;
}
.width-max--1of12 {
max-width: 8.3333333% !important;
display: block;
-ms-flex: 8.3333333%;
-webkit-box-flex: 8.3333333%;
flex: 8.3333333%;
}
.width-max--5of12 {
max-width: 41.6666666% !important;
display: block;
-ms-flex: 41.6666666%;
-webkit-box-flex: 41.6666666%;
flex: 41.6666666%;
}
.width-max--7of12 {
max-width: 58.3333333% !important;
display: block;
-ms-flex: 58.3333333%;
-webkit-box-flex: 58.3333333%;
flex: 58.3333333%;
}
.width-max--11of12 {
max-width: 91.6666666% !important;
display: block;
-ms-flex: 91.6666666%;
-webkit-box-flex: 91.6666666%;
flex: 91.6666666%;
}
}
/**
* _typo.scss
*
* Author: Marian Friedmann
*
* Alt Text Styles.
*
* ## alignment
* - text--left
* - text--right
* - text--center
*
* ## utilities
* - text--secondary
* - text--inherit-color
* - text--no-wrap
* - text--large
*
* Usage:
*
*
Lorem Ipsum
*
Lorem ipsum
*